diff --git a/apps/calc/apps/web-archived/Dockerfile b/apps/calc/apps/web-archived/Dockerfile
deleted file mode 100644
index 2b5b06923..000000000
--- a/apps/calc/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,30 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/calc/apps/web ./apps/calc/apps/web
-COPY apps/calc/packages ./apps/calc/packages
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/calc/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/calc/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/calc/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/calc/apps/web/build ./build
-COPY --from=builder /app/apps/calc/apps/web/package.json ./
-
-EXPOSE 5026
-ENV NODE_ENV=production PORT=5026 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5026/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/calc/apps/web-archived/package.json b/apps/calc/apps/web-archived/package.json
deleted file mode 100644
index 5f6e6a84b..000000000
--- a/apps/calc/apps/web-archived/package.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-	"name": "@calc/web",
-	"version": "0.1.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --threshold error"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@calc/shared": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/calc/apps/web-archived/src/app.css b/apps/calc/apps/web-archived/src/app.css
deleted file mode 100644
index c29749613..000000000
--- a/apps/calc/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,10 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-@source "../../../../packages/shared-theme-ui/src";
-@source "../../../../packages/shared-theme-ui/src/components";
-@source "../../../../packages/shared-theme-ui/src/pages";
diff --git a/apps/calc/apps/web-archived/src/app.d.ts b/apps/calc/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/calc/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/calc/apps/web-archived/src/app.html b/apps/calc/apps/web-archived/src/app.html
deleted file mode 100644
index e31c3501d..000000000
--- a/apps/calc/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/calc/apps/web-archived/src/hooks.client.ts b/apps/calc/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 7e39e1d79..000000000
--- a/apps/calc/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'calc-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/calc/apps/web-archived/src/hooks.server.ts b/apps/calc/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 461480e2b..000000000
--- a/apps/calc/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/calc/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte b/apps/calc/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte
deleted file mode 100644
index daf44b28c..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts">
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="app-loading-skeleton" role="status" aria-label="App wird geladen...">
-	<div class="header-skeleton">
-		<SkeletonBox width="120px" height="32px" borderRadius="8px" />
-		<div class="header-nav">
-			<SkeletonBox width="80px" height="32px" borderRadius="16px" />
-			<SkeletonBox width="80px" height="32px" borderRadius="16px" />
-		</div>
-		<SkeletonBox width="36px" height="36px" borderRadius="50%" />
-	</div>
-
-	<div class="content-skeleton">
-		<div class="calc-placeholder">
-			<SkeletonBox width="360px" height="80px" borderRadius="12px" />
-			<div class="buttons-placeholder">
-				{#each Array(16) as _}
-					<SkeletonBox width="72px" height="56px" borderRadius="8px" />
-				{/each}
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	.app-loading-skeleton {
-		min-height: 100vh;
-		background: hsl(var(--background));
-	}
-
-	.header-skeleton {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 2rem;
-		border-bottom: 1px solid hsl(var(--border));
-	}
-
-	.header-nav {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.content-skeleton {
-		max-width: 80rem;
-		margin: 0 auto;
-		padding: 2rem;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		min-height: calc(100vh - 80px);
-		gap: 2rem;
-	}
-
-	.calc-placeholder {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-		align-items: center;
-	}
-
-	.buttons-placeholder {
-		display: grid;
-		grid-template-columns: repeat(4, 1fr);
-		gap: 0.5rem;
-	}
-
-	@media (max-width: 768px) {
-		.header-nav {
-			display: none;
-		}
-
-		.header-skeleton {
-			padding: 1rem;
-		}
-
-		.content-skeleton {
-			padding: 1rem;
-		}
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/lib/components/skeletons/index.ts b/apps/calc/apps/web-archived/src/lib/components/skeletons/index.ts
deleted file mode 100644
index f09e744bb..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skeletons/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as AppLoadingSkeleton } from './AppLoadingSkeleton.svelte';
diff --git a/apps/calc/apps/web-archived/src/lib/components/skins/CasioSkin.svelte b/apps/calc/apps/web-archived/src/lib/components/skins/CasioSkin.svelte
deleted file mode 100644
index fd6209bcc..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skins/CasioSkin.svelte
+++ /dev/null
@@ -1,284 +0,0 @@
-<script lang="ts">
-	import type { CalcSkinProps } from './types';
-
-	let {
-		expression,
-		display,
-		error,
-		copied,
-		onButton,
-		onClear,
-		onBackspace,
-		onEquals,
-		onCopy,
-	}: CalcSkinProps = $props();
-
-	const buttons = [
-		['C', '(', ')', '%'],
-		['7', '8', '9', '/'],
-		['4', '5', '6', '*'],
-		['1', '2', '3', '-'],
-		['0', '.', '=', '+'],
-	];
-
-	function handleButton(btn: string) {
-		if (btn === 'C') onClear();
-		else if (btn === '=') onEquals();
-		else onButton(btn);
-	}
-
-	function isOp(btn: string): boolean {
-		return ['+', '-', '*', '/', '%', '(', ')'].includes(btn);
-	}
-</script>
-
-<div class="casio">
-	<div class="casio-body">
-		<!-- Brand header -->
-		<div class="casio-header">
-			<span class="casio-brand">CASIO</span>
-			<span class="casio-model">fx-82</span>
-		</div>
-
-		<!-- Solar panel strip -->
-		<div class="casio-solar">
-			{#each Array(8) as _}
-				<div class="casio-solar-cell"></div>
-			{/each}
-		</div>
-
-		<!-- LCD Display (green-gray) -->
-		<div class="casio-display">
-			<div class="casio-expression">{expression || ' '}</div>
-			<div style="display: flex; align-items: flex-end; gap: 4px;">
-				<div class="casio-result" style="flex: 1;" class:casio-error={!!error}>
-					{error || display}
-				</div>
-				{#if display !== '0' && !error}
-					<button class="casio-copy" onclick={onCopy} title="Kopieren">
-						{copied ? '✓' : '⎘'}
-					</button>
-				{/if}
-			</div>
-		</div>
-
-		<!-- Keypad -->
-		<div class="casio-keypad">
-			{#each buttons as row}
-				{#each row as btn}
-					<button
-						class="casio-btn"
-						class:casio-btn-eq={btn === '='}
-						class:casio-btn-clear={btn === 'C'}
-						class:casio-btn-op={isOp(btn)}
-						class:casio-btn-num={!isOp(btn) && btn !== '=' && btn !== 'C'}
-						onclick={() => handleButton(btn)}
-					>
-						{btn === '/' ? '÷' : btn === '*' ? '×' : btn}
-					</button>
-				{/each}
-			{/each}
-		</div>
-
-		<button class="casio-backspace" onclick={onBackspace}>DEL</button>
-
-		<!-- Footer -->
-		<div class="casio-footer">
-			<span>S-V.P.A.M.</span>
-		</div>
-	</div>
-</div>
-
-<style>
-	.casio {
-		display: flex;
-		justify-content: center;
-	}
-
-	.casio-body {
-		width: 310px;
-		background: linear-gradient(180deg, #e8e8e8 0%, #d0d0d0 30%, #c0c0c0 100%);
-		border-radius: 16px 16px 20px 20px;
-		padding: 16px 14px 20px;
-		box-shadow:
-			0 12px 40px rgba(0, 0, 0, 0.25),
-			inset 0 1px 0 rgba(255, 255, 255, 0.6),
-			0 0 0 1px #aaa;
-	}
-
-	.casio-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: baseline;
-		margin-bottom: 8px;
-		padding: 0 4px;
-	}
-
-	.casio-brand {
-		font-family: 'Arial', sans-serif;
-		font-size: 16px;
-		font-weight: bold;
-		color: #333;
-		letter-spacing: 2px;
-	}
-
-	.casio-model {
-		font-family: 'Arial', sans-serif;
-		font-size: 12px;
-		color: #666;
-		font-style: italic;
-	}
-
-	.casio-solar {
-		display: flex;
-		gap: 2px;
-		margin-bottom: 8px;
-		padding: 0 4px;
-	}
-
-	.casio-solar-cell {
-		flex: 1;
-		height: 8px;
-		background: linear-gradient(180deg, #2a2a4a, #1a1a3a);
-		border-radius: 1px;
-	}
-
-	.casio-display {
-		background: #b8c8a0;
-		border: 2px solid #8a9a70;
-		border-radius: 6px;
-		padding: 10px 14px;
-		margin-bottom: 14px;
-		min-height: 68px;
-		box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15);
-	}
-
-	.casio-expression {
-		font-family: 'Courier New', monospace;
-		font-size: 11px;
-		color: #3a4a2a;
-		opacity: 0.7;
-		min-height: 14px;
-		text-align: right;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.casio-result {
-		font-family: 'Courier New', monospace;
-		font-size: 28px;
-		font-weight: bold;
-		color: #1a2a0a;
-		text-align: right;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		letter-spacing: 1px;
-	}
-
-	.casio-error {
-		color: #8a2020;
-		font-size: 16px;
-	}
-
-	.casio-copy {
-		background: none;
-		border: none;
-		color: #3a4a2a;
-		opacity: 0.4;
-		font-size: 14px;
-		cursor: pointer;
-		padding: 2px 4px;
-	}
-
-	.casio-copy:hover {
-		opacity: 0.8;
-	}
-
-	.casio-keypad {
-		display: grid;
-		grid-template-columns: repeat(4, 1fr);
-		gap: 5px;
-	}
-
-	.casio-btn {
-		height: 44px;
-		border: none;
-		border-radius: 4px;
-		font-family: 'Arial', sans-serif;
-		font-size: 15px;
-		font-weight: 600;
-		cursor: pointer;
-		transition: all 0.08s;
-		position: relative;
-		top: 0;
-	}
-
-	.casio-btn:active {
-		top: 1px;
-		filter: brightness(0.9);
-	}
-
-	.casio-btn-num {
-		background: #f0f0f0;
-		color: #222;
-		box-shadow:
-			0 2px 0 #bbb,
-			0 3px 6px rgba(0, 0, 0, 0.15);
-	}
-
-	.casio-btn-op {
-		background: #e0e0e0;
-		color: #333;
-		box-shadow:
-			0 2px 0 #aaa,
-			0 3px 6px rgba(0, 0, 0, 0.15);
-	}
-
-	.casio-btn-eq {
-		background: #3366cc;
-		color: white;
-		font-size: 18px;
-		box-shadow:
-			0 2px 0 #2244aa,
-			0 3px 6px rgba(0, 0, 0, 0.2);
-	}
-
-	.casio-btn-clear {
-		background: #cc3333;
-		color: white;
-		box-shadow:
-			0 2px 0 #992222,
-			0 3px 6px rgba(0, 0, 0, 0.2);
-	}
-
-	.casio-backspace {
-		width: 100%;
-		margin-top: 6px;
-		height: 30px;
-		border: none;
-		border-radius: 4px;
-		font-family: 'Arial', sans-serif;
-		font-size: 11px;
-		font-weight: 600;
-		cursor: pointer;
-		background: #d8d8d8;
-		color: #555;
-		box-shadow: 0 1px 0 #bbb;
-	}
-
-	.casio-backspace:hover {
-		background: #ccc;
-	}
-
-	.casio-footer {
-		text-align: right;
-		margin-top: 10px;
-		font-family: 'Arial', sans-serif;
-		font-size: 8px;
-		color: #999;
-		letter-spacing: 1px;
-		padding-right: 4px;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/lib/components/skins/HP35Skin.svelte b/apps/calc/apps/web-archived/src/lib/components/skins/HP35Skin.svelte
deleted file mode 100644
index 7ab74a669..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skins/HP35Skin.svelte
+++ /dev/null
@@ -1,263 +0,0 @@
-<script lang="ts">
-	import type { CalcSkinProps } from './types';
-
-	let {
-		expression,
-		display,
-		error,
-		copied,
-		onButton,
-		onClear,
-		onBackspace,
-		onEquals,
-		onCopy,
-	}: CalcSkinProps = $props();
-
-	// HP-35 had a distinctive layout - we adapt it for standard calc use
-	const buttons = [
-		['C', '(', ')', '%'],
-		['7', '8', '9', '/'],
-		['4', '5', '6', '*'],
-		['1', '2', '3', '-'],
-		['0', '.', '=', '+'],
-	];
-
-	function handleButton(btn: string) {
-		if (btn === 'C') onClear();
-		else if (btn === '=') onEquals();
-		else onButton(btn);
-	}
-
-	function isOp(btn: string): boolean {
-		return ['+', '-', '*', '/', '%', '(', ')'].includes(btn);
-	}
-</script>
-
-<div class="hp35">
-	<!-- Device frame -->
-	<div class="hp35-body">
-		<!-- HP Logo -->
-		<div class="hp35-logo">
-			<span class="hp35-hp">HP</span>
-			<span class="hp35-model">35</span>
-		</div>
-
-		<!-- LED Display (red on dark) -->
-		<div class="hp35-display">
-			<div class="hp35-expression">{expression || ' '}</div>
-			<div style="display: flex; align-items: flex-end; gap: 6px;">
-				<div class="hp35-result" style="flex: 1;" class:hp35-error={!!error}>
-					{error || display}
-				</div>
-				{#if display !== '0' && !error}
-					<button class="hp35-copy" onclick={onCopy} title="Kopieren">
-						{copied ? '✓' : '⎘'}
-					</button>
-				{/if}
-			</div>
-		</div>
-
-		<!-- Keypad -->
-		<div class="hp35-keypad">
-			{#each buttons as row}
-				{#each row as btn}
-					<button
-						class="hp35-btn"
-						class:hp35-btn-eq={btn === '='}
-						class:hp35-btn-clear={btn === 'C'}
-						class:hp35-btn-op={isOp(btn)}
-						onclick={() => handleButton(btn)}
-					>
-						{btn === '/' ? '÷' : btn === '*' ? '×' : btn}
-					</button>
-				{/each}
-			{/each}
-		</div>
-
-		<!-- Backspace -->
-		<button class="hp35-backspace" onclick={onBackspace}> CLR ← </button>
-
-		<!-- Footer -->
-		<div class="hp35-footer">
-			<span>HEWLETT · PACKARD</span>
-		</div>
-	</div>
-</div>
-
-<style>
-	.hp35 {
-		display: flex;
-		justify-content: center;
-	}
-
-	.hp35-body {
-		width: 320px;
-		background: linear-gradient(145deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
-		border-radius: 20px 20px 24px 24px;
-		padding: 20px 16px 24px;
-		box-shadow:
-			0 20px 60px rgba(0, 0, 0, 0.6),
-			inset 0 1px 0 rgba(255, 255, 255, 0.08),
-			0 0 0 2px #0a0a1a;
-		position: relative;
-	}
-
-	.hp35-logo {
-		text-align: center;
-		margin-bottom: 12px;
-		font-family: 'Courier New', monospace;
-	}
-
-	.hp35-hp {
-		font-size: 18px;
-		font-weight: bold;
-		color: #c4c4c4;
-		letter-spacing: 4px;
-	}
-
-	.hp35-model {
-		font-size: 14px;
-		color: #888;
-		margin-left: 4px;
-	}
-
-	.hp35-display {
-		background: #0a0a0a;
-		border: 2px solid #333;
-		border-radius: 8px;
-		padding: 12px 16px;
-		margin-bottom: 16px;
-		min-height: 72px;
-		box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
-	}
-
-	.hp35-expression {
-		font-family: 'Courier New', monospace;
-		font-size: 11px;
-		color: #ff3333;
-		opacity: 0.6;
-		min-height: 16px;
-		text-align: right;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.hp35-result {
-		font-family: 'Courier New', monospace;
-		font-size: 28px;
-		font-weight: bold;
-		color: #ff2200;
-		text-align: right;
-		text-shadow: 0 0 12px rgba(255, 34, 0, 0.6);
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		letter-spacing: 2px;
-	}
-
-	.hp35-error {
-		color: #ff6644;
-		font-size: 18px;
-	}
-
-	.hp35-keypad {
-		display: grid;
-		grid-template-columns: repeat(4, 1fr);
-		gap: 6px;
-	}
-
-	.hp35-btn {
-		height: 48px;
-		border: none;
-		border-radius: 6px;
-		font-family: 'Courier New', monospace;
-		font-size: 16px;
-		font-weight: bold;
-		cursor: pointer;
-		transition: all 0.1s;
-		background: #2a2a4a;
-		color: #e0e0e0;
-		box-shadow:
-			0 3px 0 #1a1a30,
-			0 4px 8px rgba(0, 0, 0, 0.3);
-		position: relative;
-		top: 0;
-	}
-
-	.hp35-btn:active {
-		top: 2px;
-		box-shadow:
-			0 1px 0 #1a1a30,
-			0 2px 4px rgba(0, 0, 0, 0.3);
-	}
-
-	.hp35-btn-eq {
-		background: #c63030;
-		color: white;
-		box-shadow:
-			0 3px 0 #8a2020,
-			0 4px 8px rgba(0, 0, 0, 0.3);
-	}
-
-	.hp35-btn-eq:active {
-		box-shadow:
-			0 1px 0 #8a2020,
-			0 2px 4px rgba(0, 0, 0, 0.3);
-	}
-
-	.hp35-btn-clear {
-		background: #4a3020;
-		color: #ff9966;
-		box-shadow:
-			0 3px 0 #2a1810,
-			0 4px 8px rgba(0, 0, 0, 0.3);
-	}
-
-	.hp35-btn-op {
-		background: #3a3a5a;
-		color: #aaccff;
-	}
-
-	.hp35-copy {
-		background: none;
-		border: none;
-		color: #ff3333;
-		opacity: 0.5;
-		font-size: 14px;
-		cursor: pointer;
-		padding: 2px 4px;
-	}
-
-	.hp35-copy:hover {
-		opacity: 1;
-	}
-
-	.hp35-backspace {
-		width: 100%;
-		margin-top: 8px;
-		height: 32px;
-		border: none;
-		border-radius: 4px;
-		font-family: 'Courier New', monospace;
-		font-size: 11px;
-		cursor: pointer;
-		background: #1a1a30;
-		color: #888;
-		letter-spacing: 1px;
-	}
-
-	.hp35-backspace:hover {
-		color: #aaa;
-	}
-
-	.hp35-footer {
-		text-align: center;
-		margin-top: 16px;
-		font-family: 'Courier New', monospace;
-		font-size: 9px;
-		color: #555;
-		letter-spacing: 3px;
-		text-transform: uppercase;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/lib/components/skins/MinimalSkin.svelte b/apps/calc/apps/web-archived/src/lib/components/skins/MinimalSkin.svelte
deleted file mode 100644
index 2a597fb6e..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skins/MinimalSkin.svelte
+++ /dev/null
@@ -1,178 +0,0 @@
-<script lang="ts">
-	import type { CalcSkinProps } from './types';
-
-	let {
-		expression,
-		display,
-		error,
-		copied,
-		onButton,
-		onClear,
-		onBackspace,
-		onEquals,
-		onCopy,
-	}: CalcSkinProps = $props();
-
-	const buttons = [
-		['C', '(', ')', '%'],
-		['7', '8', '9', '/'],
-		['4', '5', '6', '*'],
-		['1', '2', '3', '-'],
-		['0', '.', '=', '+'],
-	];
-
-	function handleButton(btn: string) {
-		if (btn === 'C') onClear();
-		else if (btn === '=') onEquals();
-		else onButton(btn);
-	}
-</script>
-
-<div class="minimal">
-	<!-- Display: just big text -->
-	<div class="minimal-display">
-		<div class="minimal-expression">{expression || ' '}</div>
-		<div style="display: flex; align-items: flex-end; gap: 4px; justify-content: flex-end;">
-			<div class="minimal-result" style="flex: 1;" class:minimal-error={!!error}>
-				{error || display}
-			</div>
-			{#if display !== '0' && !error}
-				<button class="minimal-copy" onclick={onCopy}>
-					{copied ? '✓' : '⎘'}
-				</button>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Buttons: clean, borderless -->
-	<div class="minimal-grid">
-		{#each buttons as row}
-			{#each row as btn}
-				<button
-					class="minimal-btn"
-					class:minimal-btn-eq={btn === '='}
-					class:minimal-btn-clear={btn === 'C'}
-					onclick={() => handleButton(btn)}
-				>
-					{btn === '/' ? '÷' : btn === '*' ? '×' : btn}
-				</button>
-			{/each}
-		{/each}
-	</div>
-
-	<button class="minimal-backspace" onclick={onBackspace}>←</button>
-</div>
-
-<style>
-	.minimal {
-		max-width: 300px;
-		margin: 0 auto;
-	}
-
-	.minimal-display {
-		padding: 24px 8px 16px;
-		text-align: right;
-	}
-
-	.minimal-expression {
-		font-family: system-ui, sans-serif;
-		font-size: 14px;
-		color: hsl(var(--muted-foreground));
-		opacity: 0.5;
-		min-height: 20px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.minimal-result {
-		font-family: system-ui, sans-serif;
-		font-size: 48px;
-		font-weight: 200;
-		color: hsl(var(--foreground));
-		letter-spacing: -1px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		line-height: 1.1;
-	}
-
-	.minimal-error {
-		color: hsl(var(--destructive, 0 84% 60%));
-		font-size: 24px;
-	}
-
-	.minimal-grid {
-		display: grid;
-		grid-template-columns: repeat(4, 1fr);
-		gap: 2px;
-	}
-
-	.minimal-btn {
-		height: 56px;
-		border: none;
-		border-radius: 50%;
-		font-family: system-ui, sans-serif;
-		font-size: 20px;
-		font-weight: 300;
-		cursor: pointer;
-		transition: background 0.15s;
-		background: transparent;
-		color: hsl(var(--foreground));
-	}
-
-	.minimal-btn:hover {
-		background: hsl(var(--muted));
-	}
-
-	.minimal-btn:active {
-		background: hsl(var(--muted));
-		opacity: 0.7;
-	}
-
-	.minimal-btn-eq {
-		background: hsl(var(--foreground));
-		color: hsl(var(--background));
-		font-weight: 400;
-	}
-
-	.minimal-btn-eq:hover {
-		background: hsl(var(--foreground));
-		opacity: 0.8;
-	}
-
-	.minimal-btn-clear {
-		color: hsl(var(--destructive, 0 84% 60%));
-		font-weight: 400;
-	}
-
-	.minimal-backspace {
-		width: 100%;
-		margin-top: 4px;
-		height: 36px;
-		border: none;
-		border-radius: 18px;
-		font-size: 16px;
-		cursor: pointer;
-		background: transparent;
-		color: hsl(var(--muted-foreground));
-	}
-
-	.minimal-copy {
-		background: none;
-		border: none;
-		color: hsl(var(--muted-foreground));
-		opacity: 0.3;
-		font-size: 16px;
-		cursor: pointer;
-		padding: 2px;
-	}
-
-	.minimal-copy:hover {
-		opacity: 0.7;
-	}
-
-	.minimal-backspace:hover {
-		background: hsl(var(--muted));
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/lib/components/skins/ModernSkin.svelte b/apps/calc/apps/web-archived/src/lib/components/skins/ModernSkin.svelte
deleted file mode 100644
index d1fb096d6..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skins/ModernSkin.svelte
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts">
-	import type { CalcSkinProps } from './types';
-
-	let {
-		expression,
-		display,
-		error,
-		copied,
-		onButton,
-		onClear,
-		onBackspace,
-		onEquals,
-		onCopy,
-	}: CalcSkinProps = $props();
-
-	const buttons = [
-		['C', '(', ')', '%'],
-		['7', '8', '9', '/'],
-		['4', '5', '6', '*'],
-		['1', '2', '3', '-'],
-		['0', '.', '=', '+'],
-	];
-
-	function getButtonClass(btn: string): string {
-		if (btn === '=') return 'bg-pink-500 text-white hover:bg-pink-600 font-bold text-xl';
-		if (btn === 'C') return 'bg-red-500/20 text-red-400 hover:bg-red-500/30 font-bold';
-		if (['+', '-', '*', '/', '%', '(', ')'].includes(btn))
-			return 'bg-muted text-foreground hover:bg-muted/80 font-medium';
-		return 'bg-card text-foreground hover:bg-card/80 font-medium';
-	}
-
-	function handleButton(btn: string) {
-		if (btn === 'C') onClear();
-		else if (btn === '=') onEquals();
-		else onButton(btn);
-	}
-</script>
-
-<div class="modern-skin">
-	<div class="display rounded-xl bg-card border border-border p-4 mb-4">
-		<div class="text-sm text-muted-foreground min-h-[1.5rem] font-mono truncate">
-			{expression || ' '}
-		</div>
-		<div class="flex items-end gap-2">
-			<div
-				class="flex-1 text-4xl font-bold text-foreground font-mono text-right tabular-nums truncate"
-				class:text-red-400={!!error}
-			>
-				{error || display}
-			</div>
-			{#if display !== '0' && !error}
-				<button
-					class="shrink-0 p-1.5 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors text-xs"
-					onclick={onCopy}
-					title="Kopieren"
-				>
-					{copied ? '✓' : '⎘'}
-				</button>
-			{/if}
-		</div>
-	</div>
-
-	<div class="grid grid-cols-4 gap-2">
-		{#each buttons as row}
-			{#each row as btn}
-				<button
-					class="h-14 rounded-xl border border-border transition-all active:scale-95 text-lg {getButtonClass(
-						btn
-					)}"
-					onclick={() => handleButton(btn)}
-				>
-					{btn === '/' ? '÷' : btn === '*' ? '×' : btn}
-				</button>
-			{/each}
-		{/each}
-	</div>
-
-	<button
-		class="mt-2 w-full h-10 rounded-lg bg-muted/50 text-muted-foreground hover:bg-muted transition-all text-sm"
-		onclick={onBackspace}
-	>
-		← Löschen
-	</button>
-</div>
diff --git a/apps/calc/apps/web-archived/src/lib/components/skins/TI84Skin.svelte b/apps/calc/apps/web-archived/src/lib/components/skins/TI84Skin.svelte
deleted file mode 100644
index 8ec007fce..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skins/TI84Skin.svelte
+++ /dev/null
@@ -1,281 +0,0 @@
-<script lang="ts">
-	import type { CalcSkinProps } from './types';
-
-	let {
-		expression,
-		display,
-		error,
-		copied,
-		onButton,
-		onClear,
-		onBackspace,
-		onEquals,
-		onCopy,
-	}: CalcSkinProps = $props();
-
-	const buttons = [
-		['C', '(', ')', '%'],
-		['7', '8', '9', '/'],
-		['4', '5', '6', '*'],
-		['1', '2', '3', '-'],
-		['0', '.', '=', '+'],
-	];
-
-	function handleButton(btn: string) {
-		if (btn === 'C') onClear();
-		else if (btn === '=') onEquals();
-		else onButton(btn);
-	}
-
-	function isOp(btn: string): boolean {
-		return ['+', '-', '*', '/', '%', '(', ')'].includes(btn);
-	}
-</script>
-
-<div class="ti84">
-	<div class="ti84-body">
-		<!-- Brand -->
-		<div class="ti84-header">
-			<span class="ti84-brand">TEXAS INSTRUMENTS</span>
-			<span class="ti84-model">TI-84 Plus</span>
-		</div>
-
-		<!-- Screen (blue LCD with pixel feel) -->
-		<div class="ti84-screen">
-			<div class="ti84-screen-inner">
-				<div class="ti84-expression">{expression || ' '}</div>
-				<div style="display: flex; align-items: flex-end; gap: 6px;">
-					<div class="ti84-result" style="flex: 1;" class:ti84-error={!!error}>
-						{error || display}
-					</div>
-					{#if display !== '0' && !error}
-						<button class="ti84-copy" onclick={onCopy} title="Kopieren">
-							{copied ? '✓' : '⎘'}
-						</button>
-					{/if}
-				</div>
-			</div>
-		</div>
-
-		<!-- Navigation cluster -->
-		<div class="ti84-nav">
-			<button class="ti84-nav-btn" onclick={onBackspace}>DEL</button>
-			<button class="ti84-nav-btn ti84-nav-mode">2ND</button>
-		</div>
-
-		<!-- Keypad -->
-		<div class="ti84-keypad">
-			{#each buttons as row}
-				{#each row as btn}
-					<button
-						class="ti84-btn"
-						class:ti84-btn-eq={btn === '='}
-						class:ti84-btn-clear={btn === 'C'}
-						class:ti84-btn-op={isOp(btn)}
-						onclick={() => handleButton(btn)}
-					>
-						{btn === '/' ? '÷' : btn === '*' ? '×' : btn}
-					</button>
-				{/each}
-			{/each}
-		</div>
-
-		<div class="ti84-footer">
-			<div class="ti84-usb"></div>
-		</div>
-	</div>
-</div>
-
-<style>
-	.ti84 {
-		display: flex;
-		justify-content: center;
-	}
-
-	.ti84-body {
-		width: 320px;
-		background: linear-gradient(180deg, #1a1a1a 0%, #222 50%, #1a1a1a 100%);
-		border-radius: 18px 18px 22px 22px;
-		padding: 16px;
-		box-shadow:
-			0 16px 50px rgba(0, 0, 0, 0.5),
-			inset 0 1px 0 rgba(255, 255, 255, 0.05),
-			0 0 0 2px #111;
-	}
-
-	.ti84-header {
-		text-align: center;
-		margin-bottom: 10px;
-	}
-
-	.ti84-brand {
-		display: block;
-		font-family: 'Arial', sans-serif;
-		font-size: 9px;
-		color: #888;
-		letter-spacing: 3px;
-		text-transform: uppercase;
-	}
-
-	.ti84-model {
-		font-family: 'Arial', sans-serif;
-		font-size: 13px;
-		font-weight: bold;
-		color: #ccc;
-		letter-spacing: 1px;
-	}
-
-	.ti84-screen {
-		background: #1a2a1a;
-		border: 3px solid #333;
-		border-radius: 8px;
-		padding: 3px;
-		margin-bottom: 12px;
-		box-shadow:
-			inset 0 2px 10px rgba(0, 0, 0, 0.8),
-			0 1px 0 rgba(255, 255, 255, 0.05);
-	}
-
-	.ti84-screen-inner {
-		background: #2a4a3a;
-		border-radius: 4px;
-		padding: 12px 14px;
-		min-height: 72px;
-	}
-
-	.ti84-expression {
-		font-family: 'Courier New', monospace;
-		font-size: 11px;
-		color: #88cc88;
-		opacity: 0.7;
-		min-height: 14px;
-		text-align: right;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.ti84-result {
-		font-family: 'Courier New', monospace;
-		font-size: 26px;
-		font-weight: bold;
-		color: #aaffaa;
-		text-align: right;
-		text-shadow: 0 0 8px rgba(170, 255, 170, 0.3);
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		letter-spacing: 2px;
-	}
-
-	.ti84-error {
-		color: #ffaa88;
-		font-size: 16px;
-	}
-
-	.ti84-copy {
-		background: none;
-		border: none;
-		color: #aaffaa;
-		opacity: 0.4;
-		font-size: 14px;
-		cursor: pointer;
-		padding: 2px 4px;
-	}
-
-	.ti84-copy:hover {
-		opacity: 1;
-	}
-
-	.ti84-nav {
-		display: flex;
-		gap: 6px;
-		margin-bottom: 10px;
-		justify-content: center;
-	}
-
-	.ti84-nav-btn {
-		padding: 4px 16px;
-		border: none;
-		border-radius: 4px;
-		font-family: 'Arial', sans-serif;
-		font-size: 10px;
-		font-weight: 600;
-		cursor: pointer;
-		background: #444;
-		color: #ccc;
-		letter-spacing: 1px;
-	}
-
-	.ti84-nav-btn:hover {
-		background: #555;
-	}
-
-	.ti84-nav-mode {
-		background: #3366aa;
-		color: #ddeeff;
-	}
-
-	.ti84-keypad {
-		display: grid;
-		grid-template-columns: repeat(4, 1fr);
-		gap: 5px;
-	}
-
-	.ti84-btn {
-		height: 46px;
-		border: none;
-		border-radius: 6px;
-		font-family: 'Arial', sans-serif;
-		font-size: 15px;
-		font-weight: 600;
-		cursor: pointer;
-		transition: all 0.08s;
-		background: #3a3a3a;
-		color: #e0e0e0;
-		box-shadow:
-			0 3px 0 #222,
-			0 4px 8px rgba(0, 0, 0, 0.3);
-		position: relative;
-		top: 0;
-	}
-
-	.ti84-btn:active {
-		top: 2px;
-		box-shadow:
-			0 1px 0 #222,
-			0 2px 4px rgba(0, 0, 0, 0.3);
-	}
-
-	.ti84-btn-op {
-		background: #4a4a4a;
-		color: #aaccff;
-	}
-
-	.ti84-btn-eq {
-		background: #2255aa;
-		color: white;
-		font-size: 18px;
-		box-shadow:
-			0 3px 0 #153888,
-			0 4px 8px rgba(0, 0, 0, 0.3);
-	}
-
-	.ti84-btn-clear {
-		background: #555;
-		color: #ff9966;
-	}
-
-	.ti84-footer {
-		display: flex;
-		justify-content: center;
-		margin-top: 12px;
-	}
-
-	.ti84-usb {
-		width: 20px;
-		height: 6px;
-		background: #333;
-		border-radius: 0 0 3px 3px;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/lib/components/skins/index.ts b/apps/calc/apps/web-archived/src/lib/components/skins/index.ts
deleted file mode 100644
index 35d7614d2..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skins/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export { default as ModernSkin } from './ModernSkin.svelte';
-export { default as HP35Skin } from './HP35Skin.svelte';
-export { default as CasioSkin } from './CasioSkin.svelte';
-export { default as TI84Skin } from './TI84Skin.svelte';
-export { default as MinimalSkin } from './MinimalSkin.svelte';
-export type { CalcSkinProps } from './types';
diff --git a/apps/calc/apps/web-archived/src/lib/components/skins/types.ts b/apps/calc/apps/web-archived/src/lib/components/skins/types.ts
deleted file mode 100644
index 770f0fa9f..000000000
--- a/apps/calc/apps/web-archived/src/lib/components/skins/types.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Shared interface for all calculator skin components.
- */
-export interface CalcSkinProps {
-	expression: string;
-	display: string;
-	error: string;
-	copied: boolean;
-	onButton: (btn: string) => void;
-	onClear: () => void;
-	onBackspace: () => void;
-	onEquals: () => void;
-	onCopy: () => void;
-}
diff --git a/apps/calc/apps/web-archived/src/lib/data/guest-seed.ts b/apps/calc/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 6478a275d..000000000
--- a/apps/calc/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Guest seed data for the Calc app.
- *
- * Sample calculations loaded on first guest visit.
- */
-
-import type { LocalCalculation } from './local-store';
-
-export const guestCalculations: LocalCalculation[] = [
-	{
-		id: 'calc-demo-1',
-		mode: 'standard',
-		expression: '42 * 23',
-		result: '966',
-	},
-	{
-		id: 'calc-demo-2',
-		mode: 'scientific',
-		expression: 'sin(π/4)',
-		result: '0.7071067812',
-	},
-	{
-		id: 'calc-demo-3',
-		mode: 'standard',
-		expression: '1024 / 8',
-		result: '128',
-	},
-];
diff --git a/apps/calc/apps/web-archived/src/lib/data/local-store.ts b/apps/calc/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 8830202ce..000000000
--- a/apps/calc/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * Calc App — Local-First Data Layer
- *
- * Defines the IndexedDB database, collections, and guest seed data.
- * This is the single source of truth for all Calc data.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestCalculations } from './guest-seed';
-import type { CalculatorMode, CalculatorSkin } from '@calc/shared';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalCalculation extends BaseRecord {
-	mode: CalculatorMode;
-	expression: string;
-	result: string;
-	skin?: CalculatorSkin;
-}
-
-export interface LocalSavedFormula extends BaseRecord {
-	name: string;
-	expression: string;
-	description: string | null;
-	mode: CalculatorMode;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const calcStore = createLocalStore({
-	appId: 'calc',
-	collections: [
-		{
-			name: 'calculations',
-			indexes: ['mode'],
-			guestSeed: guestCalculations,
-		},
-		{
-			name: 'savedFormulas',
-			indexes: ['mode', 'name'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const calculationCollection = calcStore.collection<LocalCalculation>('calculations');
-export const savedFormulaCollection = calcStore.collection<LocalSavedFormula>('savedFormulas');
diff --git a/apps/calc/apps/web-archived/src/lib/data/queries.ts b/apps/calc/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index c22b9eef7..000000000
--- a/apps/calc/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Reactive Queries for Calc
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	calculationCollection,
-	savedFormulaCollection,
-	type LocalCalculation,
-	type LocalSavedFormula,
-} from './local-store';
-import type { Calculation, SavedFormula } from '@calc/shared';
-
-// ─── Type Converters ───────────────────────────────────────
-
-export function toCalculation(local: LocalCalculation): Calculation {
-	return {
-		id: local.id,
-		userId: 'local',
-		mode: local.mode,
-		expression: local.expression,
-		result: local.result,
-		skin: local.skin,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-	};
-}
-
-export function toSavedFormula(local: LocalSavedFormula): SavedFormula {
-	return {
-		id: local.id,
-		userId: 'local',
-		name: local.name,
-		expression: local.expression,
-		description: local.description ?? undefined,
-		mode: local.mode,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks ──────────────────────────────────────
-
-/** All calculations (history), newest first. */
-export function useAllCalculations() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await calculationCollection.getAll();
-		return locals.map(toCalculation).reverse();
-	}, [] as Calculation[]);
-}
-
-/** All saved formulas. */
-export function useAllSavedFormulas() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await savedFormulaCollection.getAll();
-		return locals.map(toSavedFormula);
-	}, [] as SavedFormula[]);
-}
diff --git a/apps/calc/apps/web-archived/src/lib/engine/evaluate.ts b/apps/calc/apps/web-archived/src/lib/engine/evaluate.ts
deleted file mode 100644
index 761e1b6e9..000000000
--- a/apps/calc/apps/web-archived/src/lib/engine/evaluate.ts
+++ /dev/null
@@ -1,261 +0,0 @@
-/**
- * Safe math expression evaluator.
- *
- * Supports: +, -, *, /, %, ^, parentheses, and scientific functions.
- * Does NOT use eval() — parses manually for safety.
- */
-
-const FUNCTIONS: Record<string, (x: number) => number> = {
-	sin: Math.sin,
-	cos: Math.cos,
-	tan: Math.tan,
-	asin: Math.asin,
-	acos: Math.acos,
-	atan: Math.atan,
-	sinh: Math.sinh,
-	cosh: Math.cosh,
-	tanh: Math.tanh,
-	log: Math.log10,
-	ln: Math.log,
-	sqrt: Math.sqrt,
-	cbrt: Math.cbrt,
-	abs: Math.abs,
-	ceil: Math.ceil,
-	floor: Math.floor,
-	round: Math.round,
-	exp: Math.exp,
-};
-
-const CONSTANTS: Record<string, number> = {
-	pi: Math.PI,
-	PI: Math.PI,
-	π: Math.PI,
-	e: Math.E,
-	E: Math.E,
-	φ: 1.6180339887,
-	phi: 1.6180339887,
-};
-
-type Token =
-	| { type: 'number'; value: number }
-	| { type: 'op'; value: string }
-	| { type: 'func'; value: string }
-	| { type: 'paren'; value: '(' | ')' };
-
-function tokenize(expr: string): Token[] {
-	const tokens: Token[] = [];
-	let i = 0;
-	const s = expr.replace(/\s+/g, '');
-
-	while (i < s.length) {
-		// Numbers (including decimals)
-		if (/[0-9.]/.test(s[i])) {
-			let num = '';
-			while (i < s.length && /[0-9.eE]/.test(s[i])) {
-				num += s[i++];
-				// Handle scientific notation sign
-				if ((s[i] === '+' || s[i] === '-') && /[eE]/.test(s[i - 1])) {
-					num += s[i++];
-				}
-			}
-			tokens.push({ type: 'number', value: parseFloat(num) });
-			continue;
-		}
-
-		// Parentheses
-		if (s[i] === '(' || s[i] === ')') {
-			tokens.push({ type: 'paren', value: s[i] as '(' | ')' });
-			i++;
-			continue;
-		}
-
-		// Operators
-		if ('+-*/%^'.includes(s[i])) {
-			// Handle unary minus
-			if (
-				s[i] === '-' &&
-				(tokens.length === 0 ||
-					tokens[tokens.length - 1].type === 'op' ||
-					(tokens[tokens.length - 1].type === 'paren' && tokens[tokens.length - 1].value === '('))
-			) {
-				let num = '-';
-				i++;
-				while (i < s.length && /[0-9.eE]/.test(s[i])) {
-					num += s[i++];
-				}
-				if (num.length > 1) {
-					tokens.push({ type: 'number', value: parseFloat(num) });
-					continue;
-				}
-				// It's just a minus, push as operator
-				tokens.push({ type: 'op', value: '-' });
-				continue;
-			}
-			tokens.push({ type: 'op', value: s[i] });
-			i++;
-			continue;
-		}
-
-		// Special characters (π, etc.)
-		if (s[i] === 'π' || s[i] === 'φ') {
-			tokens.push({ type: 'number', value: CONSTANTS[s[i]] });
-			i++;
-			continue;
-		}
-
-		// Functions and constants (letters)
-		if (/[a-zA-Z_]/.test(s[i])) {
-			let name = '';
-			while (i < s.length && /[a-zA-Z_0-9]/.test(s[i])) {
-				name += s[i++];
-			}
-			if (CONSTANTS[name] !== undefined) {
-				tokens.push({ type: 'number', value: CONSTANTS[name] });
-			} else if (FUNCTIONS[name]) {
-				tokens.push({ type: 'func', value: name });
-			} else {
-				throw new Error(`Unknown: ${name}`);
-			}
-			continue;
-		}
-
-		// Factorial
-		if (s[i] === '!') {
-			tokens.push({ type: 'op', value: '!' });
-			i++;
-			continue;
-		}
-
-		throw new Error(`Unexpected character: ${s[i]}`);
-	}
-
-	return tokens;
-}
-
-function precedence(op: string): number {
-	if (op === '+' || op === '-') return 1;
-	if (op === '*' || op === '/' || op === '%') return 2;
-	if (op === '^') return 3;
-	return 0;
-}
-
-function factorial(n: number): number {
-	if (n < 0 || !Number.isInteger(n)) throw new Error('Factorial of non-integer');
-	if (n > 170) return Infinity;
-	let result = 1;
-	for (let i = 2; i <= n; i++) result *= i;
-	return result;
-}
-
-function applyOp(op: string, a: number, b: number): number {
-	switch (op) {
-		case '+':
-			return a + b;
-		case '-':
-			return a - b;
-		case '*':
-			return a * b;
-		case '/':
-			if (b === 0) throw new Error('Division by zero');
-			return a / b;
-		case '%':
-			return a % b;
-		case '^':
-			return Math.pow(a, b);
-		default:
-			throw new Error(`Unknown op: ${op}`);
-	}
-}
-
-/**
- * Evaluate a mathematical expression string.
- * Returns the numeric result or throws on error.
- */
-export function evaluate(expression: string): number {
-	const tokens = tokenize(expression);
-	const output: number[] = [];
-	const ops: Token[] = [];
-
-	for (let i = 0; i < tokens.length; i++) {
-		const token = tokens[i];
-
-		if (token.type === 'number') {
-			output.push(token.value);
-		} else if (token.type === 'func') {
-			ops.push(token);
-		} else if (token.type === 'op') {
-			if (token.value === '!') {
-				const val = output.pop();
-				if (val === undefined) throw new Error('Missing operand');
-				output.push(factorial(val));
-			} else {
-				while (
-					ops.length > 0 &&
-					ops[ops.length - 1].type === 'op' &&
-					precedence(ops[ops.length - 1].value as string) >= precedence(token.value)
-				) {
-					const op = ops.pop()!;
-					const b = output.pop()!;
-					const a = output.pop()!;
-					output.push(applyOp(op.value as string, a, b));
-				}
-				ops.push(token);
-			}
-		} else if (token.type === 'paren' && token.value === '(') {
-			ops.push(token);
-		} else if (token.type === 'paren' && token.value === ')') {
-			while (
-				ops.length > 0 &&
-				!(ops[ops.length - 1].type === 'paren' && ops[ops.length - 1].value === '(')
-			) {
-				const op = ops.pop()!;
-				const b = output.pop()!;
-				const a = output.pop()!;
-				output.push(applyOp(op.value as string, a, b));
-			}
-			ops.pop(); // remove '('
-			// If there's a function on the stack, apply it
-			if (ops.length > 0 && ops[ops.length - 1].type === 'func') {
-				const func = ops.pop()!;
-				const val = output.pop()!;
-				output.push(FUNCTIONS[func.value as string](val));
-			}
-		}
-	}
-
-	while (ops.length > 0) {
-		const op = ops.pop()!;
-		const b = output.pop()!;
-		const a = output.pop()!;
-		output.push(applyOp(op.value as string, a, b));
-	}
-
-	if (output.length !== 1) throw new Error('Invalid expression');
-	return output[0];
-}
-
-/**
- * Format a number for display — removes trailing zeros, handles very large/small numbers.
- */
-export function formatResult(value: number, precision: number = 10): string {
-	if (!isFinite(value)) return value > 0 ? '∞' : '-∞';
-	if (isNaN(value)) return 'NaN';
-
-	// Use scientific notation for very large/small numbers
-	if (Math.abs(value) > 1e15 || (Math.abs(value) < 1e-10 && value !== 0)) {
-		return value.toExponential(precision - 1);
-	}
-
-	// Round to precision and strip trailing zeros
-	const result = parseFloat(value.toPrecision(precision));
-	return String(result);
-}
-
-/**
- * Convert between number bases.
- */
-export function convertBase(value: string, fromBase: number, toBase: number): string {
-	const decimal = parseInt(value, fromBase);
-	if (isNaN(decimal)) throw new Error('Invalid number');
-	return decimal.toString(toBase).toUpperCase();
-}
diff --git a/apps/calc/apps/web-archived/src/lib/i18n/index.ts b/apps/calc/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 0e2127891..000000000
--- a/apps/calc/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-const defaultLocale = 'de';
-
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		const stored = localStorage.getItem('calc_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-	return defaultLocale;
-}
-
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('calc_locale', newLocale);
-	}
-}
-
-export { waitLocale };
diff --git a/apps/calc/apps/web-archived/src/lib/i18n/locales/de.json b/apps/calc/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index dadb38a50..000000000
--- a/apps/calc/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,42 +0,0 @@
-{
-	"app": {
-		"name": "Calc",
-		"tagline": "Dein Taschenrechner-Hub"
-	},
-	"nav": {
-		"overview": "Übersicht",
-		"standard": "Standard",
-		"scientific": "Wissenschaftlich",
-		"programmer": "Programmierer",
-		"converter": "Einheiten",
-		"currency": "Währung",
-		"finance": "Finanzen",
-		"date": "Datum",
-		"percentage": "Prozent",
-		"settings": "Einstellungen"
-	},
-	"calc": {
-		"result": "Ergebnis",
-		"history": "Verlauf",
-		"clearHistory": "Verlauf löschen",
-		"noHistory": "Noch keine Berechnungen",
-		"error": "Fehler",
-		"copied": "Kopiert!",
-		"clear": "Löschen",
-		"equals": "Gleich"
-	},
-	"converter": {
-		"from": "Von",
-		"to": "Nach",
-		"swap": "Tauschen"
-	},
-	"finance": {
-		"principal": "Anfangskapital",
-		"rate": "Zinssatz",
-		"years": "Laufzeit (Jahre)",
-		"result": "Ergebnis",
-		"monthlyPayment": "Monatliche Rate",
-		"totalInterest": "Gesamtzinsen",
-		"totalAmount": "Gesamtbetrag"
-	}
-}
diff --git a/apps/calc/apps/web-archived/src/lib/i18n/locales/en.json b/apps/calc/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 58e9a7ce0..000000000
--- a/apps/calc/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,42 +0,0 @@
-{
-	"app": {
-		"name": "Calc",
-		"tagline": "Your Calculator Hub"
-	},
-	"nav": {
-		"overview": "Overview",
-		"standard": "Standard",
-		"scientific": "Scientific",
-		"programmer": "Programmer",
-		"converter": "Units",
-		"currency": "Currency",
-		"finance": "Finance",
-		"date": "Date",
-		"percentage": "Percent",
-		"settings": "Settings"
-	},
-	"calc": {
-		"result": "Result",
-		"history": "History",
-		"clearHistory": "Clear History",
-		"noHistory": "No calculations yet",
-		"error": "Error",
-		"copied": "Copied!",
-		"clear": "Clear",
-		"equals": "Equals"
-	},
-	"converter": {
-		"from": "From",
-		"to": "To",
-		"swap": "Swap"
-	},
-	"finance": {
-		"principal": "Principal",
-		"rate": "Interest Rate",
-		"years": "Term (Years)",
-		"result": "Result",
-		"monthlyPayment": "Monthly Payment",
-		"totalInterest": "Total Interest",
-		"totalAmount": "Total Amount"
-	}
-}
diff --git a/apps/calc/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/calc/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 6baa589c8..000000000
--- a/apps/calc/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-const calcOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Calc!',
-		description: 'Das kann Calc:',
-		emoji: '🧮',
-		gradient: { from: 'pink-500', to: 'pink-700' },
-		bullets: [
-			'Standard, Wissenschaftlich & Programmierer',
-			'Einheiten- & Währungsrechner',
-			'Finanzrechner (Zins, Kredit, Sparplan)',
-			'Historische Taschenrechner-Skins',
-		],
-	},
-	{
-		id: 'defaultMode',
-		type: 'select',
-		question: 'Welchen Modus nutzt du am häufigsten?',
-		description: 'Du kannst jederzeit wechseln.',
-		emoji: '🔢',
-		gradient: { from: 'pink-500', to: 'pink-700' },
-		options: [
-			{ id: 'standard', label: 'Standard', description: 'Grundrechenarten', emoji: '➕' },
-			{
-				id: 'scientific',
-				label: 'Wissenschaftlich',
-				description: 'sin, cos, log & mehr',
-				emoji: '🔬',
-			},
-			{ id: 'programmer', label: 'Programmierer', description: 'HEX, BIN, OCT', emoji: '💻' },
-			{ id: 'converter', label: 'Einheiten', description: 'Umrechnen leicht gemacht', emoji: '📏' },
-		],
-		defaultValue: 'standard',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Dein Rechner ist bereit!',
-		description: 'Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Tastatur-Eingabe funktioniert überall',
-			'Verlauf speichert alle Berechnungen',
-			'Wechsle Skins für verschiedene Looks',
-			'Drücke Cmd/Ctrl+K für Schnellzugriff',
-		],
-	},
-];
-
-export const calcOnboarding = createAppOnboardingStore({
-	appId: 'calc',
-	steps: calcOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/calc/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/calc/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 5f0483975..000000000
--- a/apps/calc/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3017,
-});
diff --git a/apps/calc/apps/web-archived/src/lib/stores/calc-settings.svelte.ts b/apps/calc/apps/web-archived/src/lib/stores/calc-settings.svelte.ts
deleted file mode 100644
index 933031a74..000000000
--- a/apps/calc/apps/web-archived/src/lib/stores/calc-settings.svelte.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * Calc-specific settings — persisted to localStorage.
- */
-
-import { browser } from '$app/environment';
-import type { CalculatorMode, CalculatorSkin } from '@calc/shared';
-
-const STORAGE_KEY = 'calc-settings';
-
-interface CalcSettings {
-	defaultMode: CalculatorMode;
-	defaultSkin: CalculatorSkin;
-	decimalPlaces: number;
-	thousandsSeparator: boolean;
-	angleMode: 'deg' | 'rad';
-	historySize: number;
-	showKeyboardHints: boolean;
-}
-
-const DEFAULTS: CalcSettings = {
-	defaultMode: 'standard',
-	defaultSkin: 'modern',
-	decimalPlaces: 10,
-	thousandsSeparator: false,
-	angleMode: 'rad',
-	historySize: 50,
-	showKeyboardHints: true,
-};
-
-function load(): CalcSettings {
-	if (!browser) return { ...DEFAULTS };
-	try {
-		const raw = localStorage.getItem(STORAGE_KEY);
-		if (raw) return { ...DEFAULTS, ...JSON.parse(raw) };
-	} catch {}
-	return { ...DEFAULTS };
-}
-
-function save(settings: CalcSettings) {
-	if (!browser) return;
-	localStorage.setItem(STORAGE_KEY, JSON.stringify(settings));
-}
-
-// Reactive settings store using Svelte 5 runes
-let current = $state<CalcSettings>(load());
-
-export const calcSettings = {
-	get value() {
-		return current;
-	},
-
-	update(partial: Partial<CalcSettings>) {
-		current = { ...current, ...partial };
-		save(current);
-	},
-
-	reset() {
-		current = { ...DEFAULTS };
-		save(current);
-	},
-
-	get defaults() {
-		return DEFAULTS;
-	},
-};
diff --git a/apps/calc/apps/web-archived/src/lib/stores/calculations.svelte.ts b/apps/calc/apps/web-archived/src/lib/stores/calculations.svelte.ts
deleted file mode 100644
index 1bad46fc0..000000000
--- a/apps/calc/apps/web-archived/src/lib/stores/calculations.svelte.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Calculation mutation store — write operations only.
- * Reads come from live query hooks in queries.ts.
- */
-
-import { calculationCollection, type LocalCalculation } from '$lib/data/local-store';
-import type { CreateCalculationInput } from '@calc/shared';
-
-export const calculationsStore = {
-	async addCalculation(input: CreateCalculationInput) {
-		await calculationCollection.insert({
-			mode: input.mode,
-			expression: input.expression,
-			result: input.result,
-			skin: input.skin,
-		} as Omit<LocalCalculation, 'id'>);
-	},
-
-	async deleteCalculation(id: string) {
-		await calculationCollection.delete(id);
-	},
-
-	async clearHistory() {
-		const all = await calculationCollection.getAll();
-		for (const item of all) {
-			await calculationCollection.delete(item.id);
-		}
-	},
-};
diff --git a/apps/calc/apps/web-archived/src/lib/stores/navigation.ts b/apps/calc/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index 34b7e2036..000000000
--- a/apps/calc/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed } = createSimpleNavigationStores({
-	storageKey: 'calc',
-});
diff --git a/apps/calc/apps/web-archived/src/lib/stores/saved-formulas.svelte.ts b/apps/calc/apps/web-archived/src/lib/stores/saved-formulas.svelte.ts
deleted file mode 100644
index 77462d4d9..000000000
--- a/apps/calc/apps/web-archived/src/lib/stores/saved-formulas.svelte.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Saved formula mutation store — write operations only.
- */
-
-import { savedFormulaCollection, type LocalSavedFormula } from '$lib/data/local-store';
-import type { CreateFormulaInput, UpdateFormulaInput } from '@calc/shared';
-
-export const savedFormulasStore = {
-	async saveFormula(input: CreateFormulaInput) {
-		await savedFormulaCollection.insert({
-			name: input.name,
-			expression: input.expression,
-			description: input.description ?? null,
-			mode: input.mode,
-		} as Omit<LocalSavedFormula, 'id'>);
-	},
-
-	async updateFormula(id: string, input: UpdateFormulaInput) {
-		await savedFormulaCollection.update(id, input);
-	},
-
-	async deleteFormula(id: string) {
-		await savedFormulaCollection.delete(id);
-	},
-};
diff --git a/apps/calc/apps/web-archived/src/lib/stores/theme.svelte.ts b/apps/calc/apps/web-archived/src/lib/stores/theme.svelte.ts
deleted file mode 100644
index defa5d01b..000000000
--- a/apps/calc/apps/web-archived/src/lib/stores/theme.svelte.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore({
-	appId: 'calc',
-	defaultVariant: 'lume',
-});
diff --git a/apps/calc/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/calc/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 1f3b69f1d..000000000
--- a/apps/calc/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'calc',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/calc/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 3a82a5991..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,428 +0,0 @@
-<script lang="ts">
-	import { setContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { PillNavigation, CommandBar, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		CommandBarItem,
-		QuickAction,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { useAllCalculations, useAllSavedFormulas } from '$lib/data/queries';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { filterHiddenNavItems } from '@manacore/shared-theme';
-	import { isNavCollapsed as collapsedStore } from '$lib/stores/navigation';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { calcOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { calcStore } from '$lib/data/local-store';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-
-	const allCalculations = useAllCalculations();
-	const allSavedFormulas = useAllSavedFormulas();
-	const allTags = useAllSharedTags();
-
-	setContext('calculations', allCalculations);
-	setContext('savedFormulas', allSavedFormulas);
-	setContext('tags', allTags);
-
-	let showGuestWelcome = $state(false);
-
-	function initGuestWelcome() {
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('calc')) {
-			showGuestWelcome = true;
-		}
-	}
-
-	let appItems = $derived(getPillAppItems('calc', undefined, undefined, authStore.user?.tier));
-
-	let { children } = $props();
-
-	let commandBarOpen = $state(false);
-
-	const commandBarQuickActions: QuickAction[] = [
-		{
-			id: 'standard',
-			label: 'Standard-Rechner',
-			icon: 'calculator',
-			href: '/standard',
-			shortcut: '1',
-		},
-		{
-			id: 'scientific',
-			label: 'Wissenschaftlich',
-			icon: 'flask',
-			href: '/scientific',
-			shortcut: '2',
-		},
-		{ id: 'programmer', label: 'Programmierer', icon: 'code', href: '/programmer', shortcut: '3' },
-		{
-			id: 'converter',
-			label: 'Einheiten-Rechner',
-			icon: 'ruler',
-			href: '/converter',
-			shortcut: '4',
-		},
-		{ id: 'currency', label: 'Währungsrechner', icon: 'coins', href: '/currency' },
-		{ id: 'finance', label: 'Finanzrechner', icon: 'piggy-bank', href: '/finance' },
-		{ id: 'settings', label: 'Einstellungen', icon: 'settings', href: '/settings' },
-	];
-
-	async function handleCommandBarSearch(query: string): Promise<CommandBarItem[]> {
-		if (!query.trim()) return [];
-		const queryLower = query.toLowerCase();
-		const results: CommandBarItem[] = [];
-
-		const matchingCalcs = allCalculations.value
-			.filter((c) => c.expression.toLowerCase().includes(queryLower))
-			.slice(0, 5)
-			.map((c) => ({
-				id: `calc-${c.id}`,
-				title: c.expression,
-				subtitle: `= ${c.result}`,
-			}));
-		results.push(...matchingCalcs);
-
-		const matchingFormulas = allSavedFormulas.value
-			.filter(
-				(f) =>
-					f.name.toLowerCase().includes(queryLower) ||
-					f.expression.toLowerCase().includes(queryLower)
-			)
-			.slice(0, 5)
-			.map((f) => ({
-				id: `formula-${f.id}`,
-				title: f.name,
-				subtitle: f.expression,
-			}));
-		results.push(...matchingFormulas);
-
-		return results.slice(0, 10);
-	}
-
-	function handleCommandBarSelect(item: CommandBarItem) {
-		if (item.id.startsWith('calc-') || item.id.startsWith('formula-')) {
-			goto('/standard');
-		}
-	}
-
-	let isCollapsed = $state(false);
-	let isDark = $derived(theme.isDark);
-
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		(userSettings.theme?.pinnedThemes || []).filter((t): t is ThemeVariant =>
-			EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant)
-		)
-	);
-
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant]?.label || variant,
-			icon: THEME_DEFINITIONS[variant]?.icon || '🎨',
-			onClick: () => theme.setVariant(variant),
-			active: (theme.variant || 'lume') === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	let currentThemeVariantLabel = $derived(
-		THEME_DEFINITIONS[theme.variant]?.label || THEME_DEFINITIONS.lume?.label || 'Lume'
-	);
-
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	let userEmail = $derived(authStore.isAuthenticated ? authStore.user?.email || 'Menü' : '');
-
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	const baseNavItems: PillNavItem[] = [
-		{ href: '/', label: 'Übersicht', icon: 'home' },
-		{ href: '/standard', label: 'Standard', icon: 'calculator' },
-		{ href: '/scientific', label: 'Wissenschaftlich', icon: 'flask' },
-		{ href: '/programmer', label: 'Programmierer', icon: 'code' },
-		{ href: '/converter', label: 'Einheiten', icon: 'ruler' },
-		{ href: '/currency', label: 'Währung', icon: 'coins' },
-		{ href: '/finance', label: 'Finanzen', icon: 'piggy-bank' },
-		{ href: '/date', label: 'Datum', icon: 'calendar' },
-		{ href: '/percentage', label: 'Prozent', icon: 'percent' },
-		{ href: '/skins', label: 'Skins', icon: 'palette' },
-		{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	];
-
-	const navItems = $derived(
-		filterHiddenNavItems('calc', baseNavItems, userSettings.nav?.hiddenNavItems || {})
-	);
-
-	const navRoutes = baseNavItems.map((item) => item.href);
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-
-		if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
-			event.preventDefault();
-			commandBarOpen = true;
-			return;
-		}
-
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) {
-					goto(route);
-				}
-			}
-		}
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		collapsedStore.set(collapsed);
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('calc-nav-collapsed', String(collapsed));
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'calculator',
-			label: 'Rechner',
-			category: 'Navigation',
-			onExecute: () => goto('/standard'),
-		},
-		{
-			id: 'converter',
-			label: 'Umrechner',
-			category: 'Navigation',
-			onExecute: () => goto('/converter'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		await Promise.all([calcStore.initialize(), tagLocalStore.initialize()]);
-
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			calcStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-
-		const savedCollapsed = localStorage.getItem('calc-nav-collapsed');
-		if (savedCollapsed === 'true') {
-			isCollapsed = true;
-			collapsedStore.set(true);
-		}
-
-		initGuestWelcome();
-
-		if (authStore.isAuthenticated) {
-			await userSettings.load();
-		}
-
-		const currentPath = window.location.pathname;
-		if (currentPath === '/' && userSettings.startPage && userSettings.startPage !== '/') {
-			goto(userSettings.startPage, { replaceState: true });
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('calc')?.requiredTier}
-	appName={getManaApp('calc')?.name}
->
-	<div class="layout-container">
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="Calc"
-			homeRoute="/"
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			showThemeVariants={true}
-			{themeVariantItems}
-			{currentThemeVariantLabel}
-			themeMode={theme.mode}
-			onThemeModeChange={handleThemeModeChange}
-			showLanguageSwitcher={true}
-			{languageItems}
-			{currentLanguageLabel}
-			showLogout={authStore.isAuthenticated}
-			onLogout={handleLogout}
-			loginHref="/login"
-			primaryColor="#ec4899"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			settingsHref="/settings"
-			manaHref="/mana"
-			profileHref="/profile"
-			themesHref="/themes"
-			helpHref="/help"
-			allAppsHref="/apps"
-			{spotlightActions}
-		/>
-
-		{#if isTagStripVisible}
-			<TagStrip
-				tags={allTags.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#3b82f6',
-				}))}
-				selectedIds={[]}
-				onToggle={() => {}}
-				onClear={() => {}}
-				managementHref="/tags"
-			/>
-		{/if}
-
-		<main class="main-content bg-background">
-			<div class="content-wrapper">
-				{@render children()}
-			</div>
-		</main>
-
-		<CommandBar
-			bind:open={commandBarOpen}
-			onClose={() => (commandBarOpen = false)}
-			onSearch={handleCommandBarSearch}
-			onSelect={handleCommandBarSelect}
-			quickActions={commandBarQuickActions}
-			placeholder="Schnellzugriff..."
-			emptyText="Keine Ergebnisse"
-			searchingText="Suche..."
-		/>
-	</div>
-
-	{#if calcOnboarding.shouldShow}
-		<MiniOnboardingModal store={calcOnboarding} appName="Calc" appEmoji="🧮" />
-	{/if}
-
-	<GuestWelcomeModal
-		appId="calc"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		position: relative;
-		z-index: 0;
-		padding-bottom: 100px;
-	}
-
-	.content-wrapper {
-		max-width: 100%;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 1rem;
-		position: relative;
-		z-index: 0;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding: 2rem;
-		}
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 6b4663906..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,137 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import {
-		Calculator,
-		Flask,
-		Code,
-		Ruler,
-		Coins,
-		PiggyBank,
-		Calendar,
-		Percent,
-	} from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { AppLoadingSkeleton } from '$lib/components/skeletons';
-
-	let isLoading = $state(true);
-
-	onMount(async () => {
-		isLoading = false;
-	});
-
-	const quickLinks = [
-		{
-			href: '/standard',
-			icon: Calculator,
-			label: 'Standard',
-			description: 'Grundrechenarten',
-			color: 'bg-pink-500',
-		},
-		{
-			href: '/scientific',
-			icon: Flask,
-			label: 'Wissenschaftlich',
-			description: 'sin, cos, log & mehr',
-			color: 'bg-violet-500',
-		},
-		{
-			href: '/programmer',
-			icon: Code,
-			label: 'Programmierer',
-			description: 'HEX, BIN, OCT',
-			color: 'bg-cyan-500',
-		},
-		{
-			href: '/converter',
-			icon: Ruler,
-			label: 'Einheiten',
-			description: 'Umrechnen',
-			color: 'bg-emerald-500',
-		},
-		{
-			href: '/currency',
-			icon: Coins,
-			label: 'Währung',
-			description: 'Wechselkurse',
-			color: 'bg-amber-500',
-		},
-		{
-			href: '/finance',
-			icon: PiggyBank,
-			label: 'Finanzen',
-			description: 'Zins & Kredit',
-			color: 'bg-blue-500',
-		},
-		{
-			href: '/date',
-			icon: Calendar,
-			label: 'Datum',
-			description: 'Tage berechnen',
-			color: 'bg-orange-500',
-		},
-		{
-			href: '/percentage',
-			icon: Percent,
-			label: 'Prozent & Trinkgeld',
-			description: 'Aufteilen & Berechnen',
-			color: 'bg-rose-500',
-		},
-	];
-</script>
-
-<svelte:head>
-	<title>Calc - Dashboard</title>
-</svelte:head>
-
-{#if isLoading}
-	<AppLoadingSkeleton />
-{:else}
-	<div class="dashboard">
-		<header class="mb-8">
-			<h1 class="text-2xl font-bold text-foreground">Calc</h1>
-			<p class="text-muted-foreground text-sm mt-1">Dein Taschenrechner-Hub</p>
-		</header>
-
-		<!-- Quick display -->
-		<div class="mb-8 p-6 rounded-xl bg-card border border-border">
-			<div class="flex items-center gap-4">
-				<div class="p-3 rounded-full bg-primary/10">
-					<Calculator size={32} class="text-primary" />
-				</div>
-				<div>
-					<div class="text-4xl font-bold text-foreground tabular-nums font-mono">0</div>
-					<div class="text-muted-foreground text-sm">Wähle einen Rechner-Modus</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- Quick Links Grid -->
-		<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-			{#each quickLinks as link}
-				<a
-					href={link.href}
-					class="quick-link p-4 rounded-xl bg-card border border-border hover:border-primary/50 transition-all hover:shadow-lg group"
-				>
-					<div class="flex flex-col items-center text-center gap-3">
-						<div
-							class="{link.color} p-3 rounded-full text-white group-hover:scale-110 transition-transform"
-						>
-							<link.icon size={24} />
-						</div>
-						<div>
-							<div class="font-medium text-foreground">{link.label}</div>
-							<div class="text-xs text-muted-foreground">{link.description}</div>
-						</div>
-					</div>
-				</a>
-			{/each}
-		</div>
-	</div>
-{/if}
-
-<style>
-	.dashboard {
-		max-width: 800px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/converter/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/converter/+page.svelte
deleted file mode 100644
index 17f94cc07..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/converter/+page.svelte
+++ /dev/null
@@ -1,131 +0,0 @@
-<script lang="ts">
-	import { UNIT_CATEGORIES, UNITS_BY_CATEGORY } from '@calc/shared/constants';
-	import type { UnitCategory, UnitDefinition } from '@calc/shared';
-
-	let selectedCategory = $state<UnitCategory>('length');
-	let fromUnit = $state('m');
-	let toUnit = $state('km');
-	let fromValue = $state('1');
-
-	let units = $derived(UNITS_BY_CATEGORY[selectedCategory] || []);
-
-	let result = $derived(() => {
-		const val = parseFloat(fromValue);
-		if (isNaN(val)) return '';
-		const from = units.find((u: UnitDefinition) => u.id === fromUnit);
-		const to = units.find((u: UnitDefinition) => u.id === toUnit);
-		if (!from || !to) return '';
-		const baseValue = from.toBase(val);
-		const converted = to.fromBase(baseValue);
-		// Format nicely
-		if (Math.abs(converted) < 0.001 && converted !== 0) return converted.toExponential(4);
-		if (Math.abs(converted) > 1e12) return converted.toExponential(4);
-		return parseFloat(converted.toPrecision(10)).toString();
-	});
-
-	function swapUnits() {
-		const tmp = fromUnit;
-		fromUnit = toUnit;
-		toUnit = tmp;
-	}
-
-	function selectCategory(cat: UnitCategory) {
-		selectedCategory = cat;
-		const newUnits = UNITS_BY_CATEGORY[cat] || [];
-		fromUnit = newUnits[0]?.id || '';
-		toUnit = newUnits[1]?.id || newUnits[0]?.id || '';
-	}
-</script>
-
-<svelte:head>
-	<title>Calc - Einheiten</title>
-</svelte:head>
-
-<div class="converter-page">
-	<!-- Category pills -->
-	<div class="flex gap-2 mb-6 overflow-x-auto pb-2">
-		{#each UNIT_CATEGORIES.filter((c) => UNITS_BY_CATEGORY[c.id]) as cat}
-			<button
-				class="shrink-0 px-3 py-1.5 rounded-full text-sm transition-all border
-					{selectedCategory === cat.id
-					? 'bg-emerald-500 text-white border-emerald-500'
-					: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-				onclick={() => selectCategory(cat.id)}
-			>
-				{cat.label.de}
-			</button>
-		{/each}
-	</div>
-
-	<!-- Converter Card -->
-	<div class="p-6 rounded-xl bg-card border border-border space-y-4">
-		<!-- From -->
-		<div>
-			<label class="text-xs text-muted-foreground mb-1 block">Von</label>
-			<div class="flex gap-2">
-				<input
-					type="text"
-					inputmode="decimal"
-					bind:value={fromValue}
-					class="flex-1 h-12 px-3 rounded-lg bg-background border border-border text-foreground font-mono text-xl focus:outline-none focus:border-primary"
-				/>
-				<select
-					bind:value={fromUnit}
-					class="h-12 px-3 rounded-lg bg-background border border-border text-foreground"
-				>
-					{#each units as unit}
-						<option value={unit.id}>{unit.symbol} — {unit.name.de}</option>
-					{/each}
-				</select>
-			</div>
-		</div>
-
-		<!-- Swap button -->
-		<div class="flex justify-center">
-			<button
-				class="p-2 rounded-full bg-muted hover:bg-muted/80 transition-colors text-muted-foreground"
-				onclick={swapUnits}
-			>
-				↕
-			</button>
-		</div>
-
-		<!-- To -->
-		<div>
-			<label class="text-xs text-muted-foreground mb-1 block">Nach</label>
-			<div class="flex gap-2">
-				<div
-					class="flex-1 h-12 px-3 rounded-lg bg-muted/30 border border-border flex items-center font-mono text-xl text-foreground"
-				>
-					{result()}
-				</div>
-				<select
-					bind:value={toUnit}
-					class="h-12 px-3 rounded-lg bg-background border border-border text-foreground"
-				>
-					{#each units as unit}
-						<option value={unit.id}>{unit.symbol} — {unit.name.de}</option>
-					{/each}
-				</select>
-			</div>
-		</div>
-	</div>
-
-	<!-- Quick reference -->
-	{#if fromValue && result()}
-		<div
-			class="mt-4 p-3 rounded-lg bg-muted/30 text-sm text-muted-foreground text-center font-mono"
-		>
-			{fromValue}
-			{units.find((u: UnitDefinition) => u.id === fromUnit)?.symbol} = {result()}
-			{units.find((u: UnitDefinition) => u.id === toUnit)?.symbol}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.converter-page {
-		max-width: 500px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/currency/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/currency/+page.svelte
deleted file mode 100644
index fbf18b206..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/currency/+page.svelte
+++ /dev/null
@@ -1,184 +0,0 @@
-<script lang="ts">
-	let amount = $state(100);
-	let fromCurrency = $state('EUR');
-	let toCurrency = $state('USD');
-	let rates = $state<Record<string, number>>({});
-	let loading = $state(false);
-	let lastUpdated = $state('');
-
-	const currencies = [
-		{ code: 'EUR', name: 'Euro', symbol: '€' },
-		{ code: 'USD', name: 'US Dollar', symbol: '$' },
-		{ code: 'GBP', name: 'Brit. Pfund', symbol: '£' },
-		{ code: 'CHF', name: 'Schweizer Franken', symbol: 'CHF' },
-		{ code: 'JPY', name: 'Japanischer Yen', symbol: '¥' },
-		{ code: 'CNY', name: 'Chinesischer Yuan', symbol: '¥' },
-		{ code: 'CAD', name: 'Kanadischer Dollar', symbol: 'C$' },
-		{ code: 'AUD', name: 'Australischer Dollar', symbol: 'A$' },
-		{ code: 'SEK', name: 'Schwedische Krone', symbol: 'kr' },
-		{ code: 'NOK', name: 'Norwegische Krone', symbol: 'kr' },
-		{ code: 'DKK', name: 'Dänische Krone', symbol: 'kr' },
-		{ code: 'PLN', name: 'Polnischer Zloty', symbol: 'zł' },
-		{ code: 'CZK', name: 'Tschechische Krone', symbol: 'Kč' },
-		{ code: 'TRY', name: 'Türkische Lira', symbol: '₺' },
-		{ code: 'INR', name: 'Indische Rupie', symbol: '₹' },
-		{ code: 'BRL', name: 'Brasilianischer Real', symbol: 'R$' },
-		{ code: 'KRW', name: 'Südkoreanischer Won', symbol: '₩' },
-	];
-
-	// Static fallback rates (EUR-based, approximate)
-	const FALLBACK_RATES: Record<string, number> = {
-		EUR: 1,
-		USD: 1.08,
-		GBP: 0.86,
-		CHF: 0.95,
-		JPY: 162.5,
-		CNY: 7.85,
-		CAD: 1.47,
-		AUD: 1.66,
-		SEK: 11.2,
-		NOK: 11.5,
-		DKK: 7.46,
-		PLN: 4.32,
-		CZK: 25.3,
-		TRY: 34.8,
-		INR: 90.5,
-		BRL: 5.35,
-		KRW: 1420,
-	};
-
-	async function fetchRates() {
-		loading = true;
-		try {
-			// Try free API first
-			const res = await fetch(`https://open.er-api.com/v6/latest/${fromCurrency}`);
-			if (res.ok) {
-				const data = await res.json();
-				rates = data.rates || {};
-				lastUpdated = data.time_last_update_utc || '';
-			} else {
-				throw new Error('API unavailable');
-			}
-		} catch {
-			// Fallback to static rates
-			const fromRate = FALLBACK_RATES[fromCurrency] || 1;
-			const converted: Record<string, number> = {};
-			for (const [code, rate] of Object.entries(FALLBACK_RATES)) {
-				converted[code] = rate / fromRate;
-			}
-			rates = converted;
-			lastUpdated = 'Offline-Kurse (Richtwerte)';
-		}
-		loading = false;
-	}
-
-	// Fetch on mount and when fromCurrency changes
-	$effect(() => {
-		fetchRates();
-	});
-
-	let result = $derived(() => {
-		const rate = rates[toCurrency];
-		if (!rate) return null;
-		return amount * rate;
-	});
-
-	function swapCurrencies() {
-		const tmp = fromCurrency;
-		fromCurrency = toCurrency;
-		toCurrency = tmp;
-	}
-
-	function fmt(n: number): string {
-		return n.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-	}
-</script>
-
-<svelte:head>
-	<title>Calc - Währung</title>
-</svelte:head>
-
-<div class="currency-page">
-	<div class="p-6 rounded-xl bg-card border border-border space-y-4">
-		<h2 class="text-lg font-bold text-foreground">Währungsrechner</h2>
-
-		<div>
-			<label class="text-xs text-muted-foreground mb-1 block">Betrag</label>
-			<input
-				type="number"
-				bind:value={amount}
-				class="w-full h-12 px-3 rounded-lg bg-background border border-border text-foreground font-mono text-xl"
-			/>
-		</div>
-
-		<div class="grid grid-cols-[1fr,auto,1fr] gap-2 items-end">
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Von</span>
-				<select
-					bind:value={fromCurrency}
-					class="mt-1 w-full h-10 px-2 rounded-lg bg-background border border-border text-foreground text-sm"
-				>
-					{#each currencies as c}
-						<option value={c.code}>{c.code} — {c.name}</option>
-					{/each}
-				</select>
-			</label>
-			<button
-				class="h-10 px-3 rounded-lg bg-muted hover:bg-muted/80 text-muted-foreground"
-				onclick={swapCurrencies}>↔</button
-			>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Nach</span>
-				<select
-					bind:value={toCurrency}
-					class="mt-1 w-full h-10 px-2 rounded-lg bg-background border border-border text-foreground text-sm"
-				>
-					{#each currencies as c}
-						<option value={c.code}>{c.code} — {c.name}</option>
-					{/each}
-				</select>
-			</label>
-		</div>
-
-		{#if loading}
-			<div class="text-center text-muted-foreground text-sm py-4">Kurse laden...</div>
-		{:else if result() !== null}
-			<div class="pt-4 border-t border-border text-center">
-				<div class="text-3xl font-bold font-mono text-foreground">
-					{fmt(result()!)}
-					{toCurrency}
-				</div>
-				<div class="text-sm text-muted-foreground mt-1">
-					1 {fromCurrency} = {(rates[toCurrency] || 0).toFixed(4)}
-					{toCurrency}
-				</div>
-			</div>
-		{/if}
-
-		{#if lastUpdated}
-			<div class="text-xs text-muted-foreground/60 text-center">{lastUpdated}</div>
-		{/if}
-	</div>
-
-	<!-- Quick conversions -->
-	{#if Object.keys(rates).length > 0}
-		<div class="mt-6 p-4 rounded-xl bg-card border border-border">
-			<h3 class="text-sm font-medium text-muted-foreground mb-3">Schnellübersicht</h3>
-			<div class="grid grid-cols-2 gap-2">
-				{#each currencies.filter((c) => c.code !== fromCurrency).slice(0, 8) as c}
-					<div class="flex justify-between p-2 rounded-lg bg-muted/30 text-sm">
-						<span class="text-muted-foreground">{c.code}</span>
-						<span class="font-mono text-foreground">{fmt(amount * (rates[c.code] || 0))}</span>
-					</div>
-				{/each}
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.currency-page {
-		max-width: 500px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/date/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/date/+page.svelte
deleted file mode 100644
index f7c02b937..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/date/+page.svelte
+++ /dev/null
@@ -1,117 +0,0 @@
-<script lang="ts">
-	let date1 = $state(new Date().toISOString().split('T')[0]);
-	let date2 = $state('');
-	let addDays = $state(0);
-
-	let daysBetween = $derived(() => {
-		if (!date1 || !date2) return null;
-		const d1 = new Date(date1);
-		const d2 = new Date(date2);
-		const diff = Math.abs(d2.getTime() - d1.getTime());
-		const days = Math.ceil(diff / (1000 * 60 * 60 * 24));
-		const weeks = Math.floor(days / 7);
-		const months = Math.round(days / 30.44);
-		return { days, weeks, months };
-	});
-
-	let addedDate = $derived(() => {
-		if (!date1 || !addDays) return null;
-		const d = new Date(date1);
-		d.setDate(d.getDate() + addDays);
-		return d;
-	});
-
-	function formatDate(d: Date): string {
-		return d.toLocaleDateString('de-DE', {
-			weekday: 'long',
-			year: 'numeric',
-			month: 'long',
-			day: 'numeric',
-		});
-	}
-</script>
-
-<svelte:head>
-	<title>Calc - Datum</title>
-</svelte:head>
-
-<div class="date-page">
-	<!-- Days between dates -->
-	<div class="p-6 rounded-xl bg-card border border-border space-y-4 mb-6">
-		<h2 class="text-lg font-bold text-foreground">Tage zwischen Daten</h2>
-		<div class="grid grid-cols-2 gap-4">
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Von</span>
-				<input
-					type="date"
-					bind:value={date1}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Bis</span>
-				<input
-					type="date"
-					bind:value={date2}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground"
-				/>
-			</label>
-		</div>
-		{#if daysBetween()}
-			<div class="pt-4 border-t border-border">
-				<div class="text-3xl font-bold text-foreground font-mono text-center">
-					{daysBetween()?.days} Tage
-				</div>
-				<div class="text-sm text-muted-foreground text-center mt-1">
-					= {daysBetween()?.weeks} Wochen = ~{daysBetween()?.months} Monate
-				</div>
-			</div>
-		{/if}
-	</div>
-
-	<!-- Add/subtract days -->
-	<div class="p-6 rounded-xl bg-card border border-border space-y-4">
-		<h2 class="text-lg font-bold text-foreground">Tage addieren/subtrahieren</h2>
-		<label class="block">
-			<span class="text-xs text-muted-foreground">Startdatum</span>
-			<input
-				type="date"
-				bind:value={date1}
-				class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground"
-			/>
-		</label>
-		<label class="block">
-			<span class="text-xs text-muted-foreground">Tage (+/-)</span>
-			<input
-				type="number"
-				bind:value={addDays}
-				class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-			/>
-		</label>
-		<div class="flex gap-2">
-			{#each [7, 14, 30, 90, 365] as days}
-				<button
-					class="flex-1 py-1.5 rounded-lg text-xs transition-all border {addDays === days
-						? 'bg-orange-500 text-white border-orange-500'
-						: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-					onclick={() => (addDays = days)}>+{days}</button
-				>
-			{/each}
-		</div>
-		{#if addedDate()}
-			<div class="pt-4 border-t border-border text-center">
-				<div class="text-lg font-bold text-foreground">{formatDate(addedDate()!)}</div>
-				<div class="text-xs text-muted-foreground mt-1">
-					{addedDate()!.toISOString().split('T')[0]}
-				</div>
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.date-page {
-		max-width: 500px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/finance/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/finance/+page.svelte
deleted file mode 100644
index 6113d91f3..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/finance/+page.svelte
+++ /dev/null
@@ -1,312 +0,0 @@
-<script lang="ts">
-	import type { FinanceMode } from '@calc/shared';
-
-	let mode = $state<FinanceMode>('compound-interest');
-
-	// Compound Interest
-	let principal = $state(10000);
-	let rate = $state(5);
-	let years = $state(10);
-	let compoundsPerYear = $state(12);
-
-	// Loan
-	let loanAmount = $state(200000);
-	let loanRate = $state(3.5);
-	let loanYears = $state(25);
-
-	// Savings
-	let monthlyDeposit = $state(200);
-	let savingsRate = $state(5);
-	let savingsYears = $state(20);
-	let initialDeposit = $state(1000);
-
-	// Tip
-	let billAmount = $state(50);
-	let tipPercent = $state(15);
-	let splitCount = $state(2);
-
-	// Compound Interest Result
-	let compoundResult = $derived(() => {
-		const r = rate / 100 / compoundsPerYear;
-		const n = compoundsPerYear * years;
-		const total = principal * Math.pow(1 + r, n);
-		return { total, interest: total - principal };
-	});
-
-	// Loan Result
-	let loanResult = $derived(() => {
-		const r = loanRate / 100 / 12;
-		const n = loanYears * 12;
-		const monthly = (loanAmount * (r * Math.pow(1 + r, n))) / (Math.pow(1 + r, n) - 1);
-		const total = monthly * n;
-		return { monthly, total, interest: total - loanAmount };
-	});
-
-	// Savings Result
-	let savingsResult = $derived(() => {
-		const r = savingsRate / 100 / 12;
-		const n = savingsYears * 12;
-		const futureValue =
-			initialDeposit * Math.pow(1 + r, n) + monthlyDeposit * ((Math.pow(1 + r, n) - 1) / r);
-		const totalDeposited = initialDeposit + monthlyDeposit * n;
-		return {
-			total: futureValue,
-			deposited: totalDeposited,
-			interest: futureValue - totalDeposited,
-		};
-	});
-
-	// Tip Result
-	let tipResult = $derived(() => {
-		const tip = (billAmount * tipPercent) / 100;
-		const total = billAmount + tip;
-		const perPerson = total / splitCount;
-		return { tip, total, perPerson };
-	});
-
-	function fmt(n: number): string {
-		return n.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-	}
-
-	const modes: { id: FinanceMode; label: string }[] = [
-		{ id: 'compound-interest', label: 'Zinseszins' },
-		{ id: 'loan', label: 'Kredit' },
-		{ id: 'savings', label: 'Sparplan' },
-		{ id: 'tip', label: 'Trinkgeld' },
-	];
-</script>
-
-<svelte:head>
-	<title>Calc - Finanzen</title>
-</svelte:head>
-
-<div class="finance-page">
-	<!-- Mode tabs -->
-	<div class="flex gap-2 mb-6 overflow-x-auto pb-2">
-		{#each modes as m}
-			<button
-				class="shrink-0 px-3 py-1.5 rounded-full text-sm transition-all border
-					{mode === m.id
-					? 'bg-blue-500 text-white border-blue-500'
-					: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-				onclick={() => (mode = m.id)}
-			>
-				{m.label}
-			</button>
-		{/each}
-	</div>
-
-	<div class="p-6 rounded-xl bg-card border border-border space-y-4">
-		{#if mode === 'compound-interest'}
-			<h2 class="text-lg font-bold text-foreground">Zinseszinsrechner</h2>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Anfangskapital (€)</span>
-				<input
-					type="number"
-					bind:value={principal}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Zinssatz (% p.a.)</span>
-				<input
-					type="number"
-					step="0.1"
-					bind:value={rate}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Laufzeit (Jahre)</span>
-				<input
-					type="number"
-					bind:value={years}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Zinsperioden/Jahr</span>
-				<select
-					bind:value={compoundsPerYear}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground"
-				>
-					<option value={1}>Jährlich</option>
-					<option value={4}>Vierteljährlich</option>
-					<option value={12}>Monatlich</option>
-					<option value={365}>Täglich</option>
-				</select>
-			</label>
-			<div class="pt-4 border-t border-border space-y-2">
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Endkapital</span><span
-						class="font-bold font-mono text-foreground">{fmt(compoundResult().total)} €</span
-					>
-				</div>
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Zinsen</span><span class="font-mono text-emerald-500"
-						>{fmt(compoundResult().interest)} €</span
-					>
-				</div>
-			</div>
-		{:else if mode === 'loan'}
-			<h2 class="text-lg font-bold text-foreground">Kreditrechner</h2>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Darlehensbetrag (€)</span>
-				<input
-					type="number"
-					bind:value={loanAmount}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Zinssatz (% p.a.)</span>
-				<input
-					type="number"
-					step="0.1"
-					bind:value={loanRate}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Laufzeit (Jahre)</span>
-				<input
-					type="number"
-					bind:value={loanYears}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<div class="pt-4 border-t border-border space-y-2">
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Monatliche Rate</span><span
-						class="font-bold font-mono text-foreground">{fmt(loanResult().monthly)} €</span
-					>
-				</div>
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Gesamtkosten</span><span
-						class="font-mono text-foreground">{fmt(loanResult().total)} €</span
-					>
-				</div>
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Zinskosten</span><span class="font-mono text-red-400"
-						>{fmt(loanResult().interest)} €</span
-					>
-				</div>
-			</div>
-		{:else if mode === 'savings'}
-			<h2 class="text-lg font-bold text-foreground">Sparplanrechner</h2>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Anfangseinlage (€)</span>
-				<input
-					type="number"
-					bind:value={initialDeposit}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Monatliche Sparrate (€)</span>
-				<input
-					type="number"
-					bind:value={monthlyDeposit}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Zinssatz (% p.a.)</span>
-				<input
-					type="number"
-					step="0.1"
-					bind:value={savingsRate}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Laufzeit (Jahre)</span>
-				<input
-					type="number"
-					bind:value={savingsYears}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<div class="pt-4 border-t border-border space-y-2">
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Endkapital</span><span
-						class="font-bold font-mono text-foreground">{fmt(savingsResult().total)} €</span
-					>
-				</div>
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Eingezahlt</span><span
-						class="font-mono text-foreground">{fmt(savingsResult().deposited)} €</span
-					>
-				</div>
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Zinsen</span><span class="font-mono text-emerald-500"
-						>{fmt(savingsResult().interest)} €</span
-					>
-				</div>
-			</div>
-		{:else if mode === 'tip'}
-			<h2 class="text-lg font-bold text-foreground">Trinkgeld & Split</h2>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Rechnungsbetrag (€)</span>
-				<input
-					type="number"
-					bind:value={billAmount}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Trinkgeld (%)</span>
-				<div class="flex gap-2 mt-1">
-					{#each [10, 15, 20, 25] as pct}
-						<button
-							class="flex-1 h-10 rounded-lg text-sm transition-all border {tipPercent === pct
-								? 'bg-amber-500 text-white border-amber-500'
-								: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-							onclick={() => (tipPercent = pct)}>{pct}%</button
-						>
-					{/each}
-				</div>
-				<input
-					type="number"
-					bind:value={tipPercent}
-					class="mt-2 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Aufteilen auf (Personen)</span>
-				<input
-					type="number"
-					min="1"
-					bind:value={splitCount}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<div class="pt-4 border-t border-border space-y-2">
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Trinkgeld</span><span
-						class="font-mono text-foreground">{fmt(tipResult().tip)} €</span
-					>
-				</div>
-				<div class="flex justify-between">
-					<span class="text-muted-foreground">Gesamt</span><span
-						class="font-bold font-mono text-foreground">{fmt(tipResult().total)} €</span
-					>
-				</div>
-				{#if splitCount > 1}
-					<div class="flex justify-between">
-						<span class="text-muted-foreground">Pro Person</span><span
-							class="font-bold font-mono text-amber-500">{fmt(tipResult().perPerson)} €</span
-						>
-					</div>
-				{/if}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.finance-page {
-		max-width: 500px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/percentage/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/percentage/+page.svelte
deleted file mode 100644
index 66a040067..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/percentage/+page.svelte
+++ /dev/null
@@ -1,176 +0,0 @@
-<script lang="ts">
-	// Percentage calculator modes
-	let mode = $state<'of' | 'change' | 'markup' | 'discount'>('of');
-
-	// X% of Y
-	let percentValue = $state(15);
-	let baseValue = $state(200);
-
-	// Percentage change
-	let oldValue = $state(100);
-	let newValue = $state(125);
-
-	// Markup/Discount
-	let price = $state(100);
-	let percentChange = $state(20);
-
-	let percentOfResult = $derived((baseValue * percentValue) / 100);
-
-	let changeResult = $derived(() => {
-		if (oldValue === 0) return { percent: 0, diff: 0 };
-		const diff = newValue - oldValue;
-		const percent = (diff / oldValue) * 100;
-		return { percent, diff };
-	});
-
-	let markupResult = $derived(price * (1 + percentChange / 100));
-	let discountResult = $derived(price * (1 - percentChange / 100));
-
-	function fmt(n: number): string {
-		return parseFloat(n.toPrecision(10)).toLocaleString('de-DE', {
-			minimumFractionDigits: 2,
-			maximumFractionDigits: 2,
-		});
-	}
-
-	const modes: { id: typeof mode; label: string }[] = [
-		{ id: 'of', label: 'X% von Y' },
-		{ id: 'change', label: 'Änderung' },
-		{ id: 'markup', label: 'Aufschlag' },
-		{ id: 'discount', label: 'Rabatt' },
-	];
-</script>
-
-<svelte:head>
-	<title>Calc - Prozent</title>
-</svelte:head>
-
-<div class="percent-page">
-	<div class="flex gap-2 mb-6">
-		{#each modes as m}
-			<button
-				class="flex-1 py-1.5 rounded-full text-sm transition-all border
-					{mode === m.id
-					? 'bg-rose-500 text-white border-rose-500'
-					: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-				onclick={() => (mode = m.id)}>{m.label}</button
-			>
-		{/each}
-	</div>
-
-	<div class="p-6 rounded-xl bg-card border border-border space-y-4">
-		{#if mode === 'of'}
-			<h2 class="text-lg font-bold text-foreground">X% von Y</h2>
-			<div class="flex items-center gap-2">
-				<input
-					type="number"
-					bind:value={percentValue}
-					class="w-20 h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono text-center"
-				/>
-				<span class="text-muted-foreground">% von</span>
-				<input
-					type="number"
-					bind:value={baseValue}
-					class="flex-1 h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</div>
-			<div class="pt-4 border-t border-border text-center">
-				<div class="text-3xl font-bold font-mono text-foreground">{fmt(percentOfResult)}</div>
-				<div class="text-sm text-muted-foreground">
-					{percentValue}% von {baseValue} = {fmt(percentOfResult)}
-				</div>
-			</div>
-		{:else if mode === 'change'}
-			<h2 class="text-lg font-bold text-foreground">Prozentuale Änderung</h2>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Alter Wert</span>
-				<input
-					type="number"
-					bind:value={oldValue}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Neuer Wert</span>
-				<input
-					type="number"
-					bind:value={newValue}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<div class="pt-4 border-t border-border text-center">
-				<div
-					class="text-3xl font-bold font-mono {changeResult().percent >= 0
-						? 'text-emerald-500'
-						: 'text-red-400'}"
-				>
-					{changeResult().percent >= 0 ? '+' : ''}{fmt(changeResult().percent)}%
-				</div>
-				<div class="text-sm text-muted-foreground">Differenz: {fmt(changeResult().diff)}</div>
-			</div>
-		{:else if mode === 'markup'}
-			<h2 class="text-lg font-bold text-foreground">Preisaufschlag</h2>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Preis (€)</span>
-				<input
-					type="number"
-					bind:value={price}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Aufschlag (%)</span>
-				<input
-					type="number"
-					bind:value={percentChange}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<div class="pt-4 border-t border-border text-center">
-				<div class="text-3xl font-bold font-mono text-foreground">{fmt(markupResult)} €</div>
-				<div class="text-sm text-muted-foreground">
-					{fmt(price)} + {percentChange}% = {fmt(markupResult)} €
-				</div>
-			</div>
-		{:else if mode === 'discount'}
-			<h2 class="text-lg font-bold text-foreground">Rabatt</h2>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Originalpreis (€)</span>
-				<input
-					type="number"
-					bind:value={price}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<label class="block">
-				<span class="text-xs text-muted-foreground">Rabatt (%)</span>
-				<input
-					type="number"
-					bind:value={percentChange}
-					class="mt-1 w-full h-10 px-3 rounded-lg bg-background border border-border text-foreground font-mono"
-				/>
-			</label>
-			<div class="flex gap-2 mt-1">
-				{#each [10, 15, 20, 25, 50] as pct}
-					<button
-						class="flex-1 py-1 rounded text-xs border {percentChange === pct
-							? 'bg-rose-500 text-white border-rose-500'
-							: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-						onclick={() => (percentChange = pct)}>{pct}%</button
-					>
-				{/each}
-			</div>
-			<div class="pt-4 border-t border-border text-center">
-				<div class="text-3xl font-bold font-mono text-foreground">{fmt(discountResult)} €</div>
-				<div class="text-sm text-muted-foreground">Ersparnis: {fmt(price - discountResult)} €</div>
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.percent-page {
-		max-width: 500px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/programmer/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/programmer/+page.svelte
deleted file mode 100644
index 78571017e..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/programmer/+page.svelte
+++ /dev/null
@@ -1,171 +0,0 @@
-<script lang="ts">
-	import { convertBase } from '$lib/engine/evaluate';
-	import type { NumberBase } from '@calc/shared';
-
-	let inputValue = $state('0');
-	let activeBase = $state<NumberBase>('dec');
-	let error = $state('');
-
-	const bases: { id: NumberBase; label: string; radix: number }[] = [
-		{ id: 'hex', label: 'HEX', radix: 16 },
-		{ id: 'dec', label: 'DEC', radix: 10 },
-		{ id: 'oct', label: 'OCT', radix: 8 },
-		{ id: 'bin', label: 'BIN', radix: 2 },
-	];
-
-	function getRadix(base: NumberBase): number {
-		return bases.find((b) => b.id === base)!.radix;
-	}
-
-	function getConverted(targetBase: NumberBase): string {
-		if (!inputValue || inputValue === '0') return '0';
-		try {
-			return convertBase(inputValue, getRadix(activeBase), getRadix(targetBase));
-		} catch {
-			return '—';
-		}
-	}
-
-	function appendDigit(digit: string) {
-		error = '';
-		if (inputValue === '0') {
-			inputValue = digit;
-		} else {
-			inputValue += digit;
-		}
-	}
-
-	function clear() {
-		inputValue = '0';
-		error = '';
-	}
-
-	function backspace() {
-		inputValue = inputValue.length > 1 ? inputValue.slice(0, -1) : '0';
-	}
-
-	function switchBase(newBase: NumberBase) {
-		try {
-			if (inputValue !== '0') {
-				inputValue = convertBase(inputValue, getRadix(activeBase), getRadix(newBase));
-			}
-		} catch {
-			inputValue = '0';
-		}
-		activeBase = newBase;
-	}
-
-	// Available digits per base
-	function isDigitValid(digit: string): boolean {
-		const val = parseInt(digit, 16);
-		return val < getRadix(activeBase);
-	}
-
-	const hexDigits = [
-		'0',
-		'1',
-		'2',
-		'3',
-		'4',
-		'5',
-		'6',
-		'7',
-		'8',
-		'9',
-		'A',
-		'B',
-		'C',
-		'D',
-		'E',
-		'F',
-	];
-</script>
-
-<svelte:head>
-	<title>Calc - Programmierer</title>
-</svelte:head>
-
-<div class="programmer-page">
-	<!-- Base selector -->
-	<div class="flex gap-2 mb-4">
-		{#each bases as base}
-			<button
-				class="flex-1 py-2 rounded-lg text-sm font-medium transition-all border {activeBase ===
-				base.id
-					? 'bg-cyan-500 text-white border-cyan-500'
-					: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-				onclick={() => switchBase(base.id)}
-			>
-				{base.label}
-			</button>
-		{/each}
-	</div>
-
-	<!-- Display all bases -->
-	<div class="space-y-1 mb-6 p-4 rounded-xl bg-card border border-border">
-		{#each bases as base}
-			<div class="flex items-center gap-3 py-1">
-				<span class="text-xs font-medium text-muted-foreground w-8">{base.label}</span>
-				<span
-					class="font-mono text-sm flex-1 truncate {activeBase === base.id
-						? 'text-foreground font-bold text-lg'
-						: 'text-muted-foreground'}"
-				>
-					{activeBase === base.id ? inputValue : getConverted(base.id)}
-				</span>
-			</div>
-		{/each}
-		{#if error}
-			<div class="text-red-400 text-xs mt-1">{error}</div>
-		{/if}
-	</div>
-
-	<!-- Keypad -->
-	<div class="grid grid-cols-4 gap-2">
-		{#each hexDigits as digit}
-			<button
-				class="h-12 rounded-lg border border-border font-mono text-sm transition-all active:scale-95
-					{isDigitValid(digit)
-					? 'bg-card text-foreground hover:bg-muted cursor-pointer'
-					: 'bg-muted/30 text-muted-foreground/30 cursor-not-allowed'}"
-				onclick={() => isDigitValid(digit) && appendDigit(digit)}
-				disabled={!isDigitValid(digit)}
-			>
-				{digit}
-			</button>
-		{/each}
-	</div>
-
-	<div class="flex gap-2 mt-3">
-		<button
-			class="flex-1 h-10 rounded-lg bg-red-500/20 text-red-400 hover:bg-red-500/30"
-			onclick={clear}>C</button
-		>
-		<button
-			class="flex-1 h-10 rounded-lg bg-muted/50 text-muted-foreground hover:bg-muted"
-			onclick={backspace}>← DEL</button
-		>
-	</div>
-
-	<!-- Bit info -->
-	{#if activeBase === 'dec' && inputValue !== '0'}
-		{@const num = parseInt(inputValue, 10)}
-		{#if !isNaN(num)}
-			<div class="mt-4 p-3 rounded-lg bg-muted/30 text-xs text-muted-foreground">
-				<div class="font-mono">
-					{num} = 0x{num.toString(16).toUpperCase()} = 0b{num.toString(2)}
-				</div>
-				<div class="mt-1">
-					Bits: {num.toString(2).length} | Bytes: {Math.ceil(num.toString(2).length / 8)}
-				</div>
-			</div>
-		{/if}
-	{/if}
-</div>
-
-<style>
-	.programmer-page {
-		max-width: 400px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/scientific/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/scientific/+page.svelte
deleted file mode 100644
index e854f38f5..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/scientific/+page.svelte
+++ /dev/null
@@ -1,274 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { evaluate, formatResult } from '$lib/engine/evaluate';
-	import { calculationsStore } from '$lib/stores/calculations.svelte';
-	import { CALCULATOR_SKINS, SCIENTIFIC_CONSTANTS } from '@calc/shared/constants';
-	import type { CalculatorSkin, Calculation } from '@calc/shared';
-	import { ModernSkin, HP35Skin, CasioSkin, TI84Skin, MinimalSkin } from '$lib/components/skins';
-
-	const allCalculations = getContext<{ value: Calculation[] }>('calculations');
-
-	let expression = $state('');
-	let display = $state('0');
-	let hasResult = $state(false);
-	let error = $state('');
-	let copied = $state(false);
-	let angleMode = $state<'deg' | 'rad'>('rad');
-	let showExtraKeys = $state(true);
-
-	// Skin state
-	let activeSkin = $state<CalculatorSkin>('modern');
-	let showSkinPicker = $state(false);
-
-	if (typeof localStorage !== 'undefined') {
-		const saved = localStorage.getItem('calc-skin');
-		if (saved && CALCULATOR_SKINS.some((s) => s.id === saved)) {
-			activeSkin = saved as CalculatorSkin;
-		}
-	}
-
-	function setSkin(skin: CalculatorSkin) {
-		activeSkin = skin;
-		showSkinPicker = false;
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('calc-skin', skin);
-		}
-	}
-
-	async function copyToClipboard() {
-		if (display === '0' || error) return;
-		try {
-			await navigator.clipboard.writeText(display);
-			copied = true;
-			setTimeout(() => (copied = false), 1500);
-		} catch {}
-	}
-
-	function append(char: string) {
-		if (hasResult && /[0-9.]/.test(char)) {
-			expression = '';
-			display = '';
-			hasResult = false;
-		} else if (hasResult) {
-			expression = display;
-			hasResult = false;
-		}
-		error = '';
-		expression += char;
-		display = expression;
-	}
-
-	function clear() {
-		expression = '';
-		display = '0';
-		hasResult = false;
-		error = '';
-	}
-
-	function backspace() {
-		if (hasResult) {
-			clear();
-			return;
-		}
-		expression = expression.slice(0, -1);
-		display = expression || '0';
-	}
-
-	async function calculate() {
-		if (!expression.trim()) return;
-		try {
-			const result = evaluate(expression);
-			const formatted = formatResult(result);
-			await calculationsStore.addCalculation({
-				mode: 'scientific',
-				expression,
-				result: formatted,
-				skin: activeSkin,
-			});
-			display = formatted;
-			hasResult = true;
-			error = '';
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler';
-		}
-	}
-
-	let recentHistory = $derived(
-		allCalculations.value.filter((c) => c.mode === 'scientific').slice(0, 8)
-	);
-
-	let skinProps = $derived({
-		expression,
-		display,
-		error,
-		copied,
-		onButton: append,
-		onClear: clear,
-		onBackspace: backspace,
-		onEquals: calculate,
-		onCopy: copyToClipboard,
-	});
-
-	const sciExtraButtons = [
-		['sin(', 'cos(', 'tan(', 'π'],
-		['asin(', 'acos(', 'atan(', 'e'],
-		['log(', 'ln(', 'sqrt(', '^'],
-	];
-
-	function getSciButtonClass(btn: string): string {
-		if (['sin(', 'cos(', 'tan(', 'asin(', 'acos(', 'atan(', 'log(', 'ln(', 'sqrt('].includes(btn))
-			return 'bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 text-xs';
-		return 'bg-muted text-foreground hover:bg-muted/80';
-	}
-</script>
-
-<svelte:head>
-	<title>Calc - Wissenschaftlich</title>
-</svelte:head>
-
-<div class="scientific-page">
-	<div class="calculator-column">
-		<!-- Skin picker + angle mode -->
-		<div class="flex items-center justify-between mb-3 gap-2">
-			<button
-				class="skin-toggle text-xs px-3 py-1.5 rounded-full border transition-all
-					{showSkinPicker
-					? 'bg-pink-500 text-white border-pink-500'
-					: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-				onclick={() => (showSkinPicker = !showSkinPicker)}
-			>
-				🎨 {CALCULATOR_SKINS.find((s) => s.id === activeSkin)?.label || 'Modern'}
-			</button>
-			<div class="flex gap-1">
-				<button
-					class="text-xs px-2 py-1 rounded bg-muted text-muted-foreground hover:bg-muted/80"
-					onclick={() => (angleMode = angleMode === 'rad' ? 'deg' : 'rad')}
-				>
-					{angleMode.toUpperCase()}
-				</button>
-				<button
-					class="text-xs px-2 py-1 rounded transition-all {showExtraKeys
-						? 'bg-violet-500 text-white'
-						: 'bg-muted text-muted-foreground hover:bg-muted/80'}"
-					onclick={() => (showExtraKeys = !showExtraKeys)}
-				>
-					f(x)
-				</button>
-			</div>
-		</div>
-
-		{#if showSkinPicker}
-			<div class="skin-picker mb-4 p-3 rounded-xl bg-card border border-border">
-				<div class="grid grid-cols-5 gap-2">
-					{#each CALCULATOR_SKINS as skin}
-						<button
-							class="skin-option p-2 rounded-lg text-center transition-all border
-								{activeSkin === skin.id ? 'border-pink-500 bg-pink-500/10' : 'border-transparent hover:bg-muted'}"
-							onclick={() => setSkin(skin.id)}
-						>
-							<div class="text-sm font-medium text-foreground">{skin.label}</div>
-							{#if skin.year}
-								<div class="text-xs text-muted-foreground">{skin.year}</div>
-							{/if}
-						</button>
-					{/each}
-				</div>
-			</div>
-		{/if}
-
-		<!-- Scientific extra keys (above the skin) -->
-		{#if showExtraKeys}
-			<div class="mb-3 space-y-1.5">
-				<!-- Constants -->
-				<div class="flex gap-1 overflow-x-auto pb-1">
-					{#each SCIENTIFIC_CONSTANTS.slice(0, 6) as constant}
-						<button
-							class="shrink-0 text-xs px-2 py-1 rounded-lg bg-muted/50 text-muted-foreground hover:bg-muted transition-colors"
-							onclick={() => append(String(constant.value))}
-							title={constant.name}
-						>
-							{constant.symbol}
-						</button>
-					{/each}
-				</div>
-
-				<!-- Function buttons -->
-				<div class="grid grid-cols-4 gap-1.5">
-					{#each sciExtraButtons as row}
-						{#each row as btn}
-							<button
-								class="h-9 rounded-lg border border-border transition-all active:scale-95 {getSciButtonClass(
-									btn
-								)}"
-								onclick={() => append(btn)}
-							>
-								{btn}
-							</button>
-						{/each}
-					{/each}
-				</div>
-			</div>
-		{/if}
-
-		<!-- Active Skin (handles standard buttons: 0-9, +-*/%, =, C, backspace) -->
-		{#if activeSkin === 'modern'}
-			<ModernSkin {...skinProps} />
-		{:else if activeSkin === 'hp35'}
-			<HP35Skin {...skinProps} />
-		{:else if activeSkin === 'casio-fx'}
-			<CasioSkin {...skinProps} />
-		{:else if activeSkin === 'ti84'}
-			<TI84Skin {...skinProps} />
-		{:else if activeSkin === 'minimal'}
-			<MinimalSkin {...skinProps} />
-		{/if}
-	</div>
-
-	<!-- History -->
-	<div class="history">
-		<h3 class="text-sm font-medium text-muted-foreground mb-3">Verlauf</h3>
-		{#if recentHistory.length === 0}
-			<p class="text-xs text-muted-foreground/60">Noch keine Berechnungen</p>
-		{:else}
-			<div class="space-y-2">
-				{#each recentHistory as calc}
-					<button
-						class="w-full text-left p-2 rounded-lg hover:bg-muted/50 transition-colors"
-						onclick={() => {
-							expression = calc.result;
-							display = calc.result;
-							hasResult = true;
-						}}
-					>
-						<div class="text-xs text-muted-foreground truncate font-mono">{calc.expression}</div>
-						<div class="text-sm font-medium text-foreground font-mono">= {calc.result}</div>
-					</button>
-				{/each}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.scientific-page {
-		max-width: 750px;
-		margin: 0 auto;
-		display: grid;
-		grid-template-columns: 1fr 180px;
-		gap: 2rem;
-		align-items: start;
-	}
-
-	.calculator-column {
-		max-width: 400px;
-	}
-
-	@media (max-width: 640px) {
-		.scientific-page {
-			grid-template-columns: 1fr;
-		}
-		.calculator-column {
-			max-width: 100%;
-		}
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 338d3c670..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,300 +0,0 @@
-<script lang="ts">
-	import { calcSettings } from '$lib/stores/calc-settings.svelte';
-	import { CALCULATOR_SKINS, CALCULATOR_MODES } from '@calc/shared/constants';
-	import type { CalculatorMode, CalculatorSkin } from '@calc/shared';
-
-	let settings = $derived(calcSettings.value);
-
-	function updateDefaultMode(mode: CalculatorMode) {
-		calcSettings.update({ defaultMode: mode });
-	}
-
-	function updateDefaultSkin(skin: CalculatorSkin) {
-		calcSettings.update({ defaultSkin: skin });
-		// Also update the shared localStorage key
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('calc-skin', skin);
-		}
-	}
-
-	function updateDecimalPlaces(event: Event) {
-		const val = parseInt((event.target as HTMLInputElement).value);
-		if (val >= 1 && val <= 15) {
-			calcSettings.update({ decimalPlaces: val });
-		}
-	}
-
-	function updateHistorySize(event: Event) {
-		const val = parseInt((event.target as HTMLInputElement).value);
-		if (val >= 10 && val <= 500) {
-			calcSettings.update({ historySize: val });
-		}
-	}
-
-	function toggleThousandsSeparator() {
-		calcSettings.update({ thousandsSeparator: !settings.thousandsSeparator });
-	}
-
-	function toggleAngleMode() {
-		calcSettings.update({ angleMode: settings.angleMode === 'rad' ? 'deg' : 'rad' });
-	}
-
-	function toggleKeyboardHints() {
-		calcSettings.update({ showKeyboardHints: !settings.showKeyboardHints });
-	}
-
-	function resetAll() {
-		calcSettings.reset();
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('calc-skin', 'modern');
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Calc - Einstellungen</title>
-</svelte:head>
-
-<div class="settings-page">
-	<header class="mb-8">
-		<h1 class="text-2xl font-bold text-foreground">Einstellungen</h1>
-		<p class="text-muted-foreground text-sm mt-1">Passe Calc an deine Bedürfnisse an</p>
-	</header>
-
-	<!-- General -->
-	<section class="settings-section">
-		<h2 class="text-lg font-bold text-foreground mb-4">Allgemein</h2>
-
-		<!-- Default Mode -->
-		<div class="setting-row">
-			<div>
-				<div class="setting-label">Standard-Modus</div>
-				<div class="setting-desc">Wird beim Öffnen der App gezeigt</div>
-			</div>
-			<select
-				value={settings.defaultMode}
-				onchange={(e) => updateDefaultMode((e.target as HTMLSelectElement).value as CalculatorMode)}
-				class="h-9 px-3 rounded-lg bg-background border border-border text-foreground text-sm"
-			>
-				{#each CALCULATOR_MODES as mode}
-					<option value={mode.id}>{mode.label.de}</option>
-				{/each}
-			</select>
-		</div>
-
-		<!-- Default Skin -->
-		<div class="setting-row">
-			<div>
-				<div class="setting-label">Standard-Skin</div>
-				<div class="setting-desc">Look des Rechners</div>
-			</div>
-			<select
-				value={settings.defaultSkin}
-				onchange={(e) => updateDefaultSkin((e.target as HTMLSelectElement).value as CalculatorSkin)}
-				class="h-9 px-3 rounded-lg bg-background border border-border text-foreground text-sm"
-			>
-				{#each CALCULATOR_SKINS as skin}
-					<option value={skin.id}>{skin.label}{skin.year ? ` (${skin.year})` : ''}</option>
-				{/each}
-			</select>
-		</div>
-	</section>
-
-	<!-- Calculation -->
-	<section class="settings-section">
-		<h2 class="text-lg font-bold text-foreground mb-4">Berechnung</h2>
-
-		<!-- Decimal Places -->
-		<div class="setting-row">
-			<div>
-				<div class="setting-label">Dezimalstellen</div>
-				<div class="setting-desc">Genauigkeit der Ergebnisse (1–15)</div>
-			</div>
-			<div class="flex items-center gap-2">
-				<input
-					type="range"
-					min="1"
-					max="15"
-					value={settings.decimalPlaces}
-					oninput={updateDecimalPlaces}
-					class="w-24"
-				/>
-				<span class="text-sm font-mono text-foreground w-6 text-center"
-					>{settings.decimalPlaces}</span
-				>
-			</div>
-		</div>
-
-		<!-- Thousands Separator -->
-		<div class="setting-row">
-			<div>
-				<div class="setting-label">Tausendertrennzeichen</div>
-				<div class="setting-desc">1.000.000 statt 1000000</div>
-			</div>
-			<button
-				class="toggle-btn {settings.thousandsSeparator ? 'toggle-on' : 'toggle-off'}"
-				onclick={toggleThousandsSeparator}
-				role="switch"
-				aria-checked={settings.thousandsSeparator}
-			>
-				<span class="toggle-knob"></span>
-			</button>
-		</div>
-
-		<!-- Angle Mode -->
-		<div class="setting-row">
-			<div>
-				<div class="setting-label">Winkel-Modus</div>
-				<div class="setting-desc">Für sin, cos, tan im wissenschaftlichen Rechner</div>
-			</div>
-			<button
-				class="h-9 px-4 rounded-lg border transition-all text-sm font-medium
-					{settings.angleMode === 'rad'
-					? 'bg-violet-500 text-white border-violet-500'
-					: 'bg-amber-500 text-white border-amber-500'}"
-				onclick={toggleAngleMode}
-			>
-				{settings.angleMode === 'rad' ? 'Radiant' : 'Grad'}
-			</button>
-		</div>
-	</section>
-
-	<!-- Display -->
-	<section class="settings-section">
-		<h2 class="text-lg font-bold text-foreground mb-4">Anzeige</h2>
-
-		<!-- History Size -->
-		<div class="setting-row">
-			<div>
-				<div class="setting-label">Verlauf-Größe</div>
-				<div class="setting-desc">Maximale Anzahl gespeicherter Berechnungen</div>
-			</div>
-			<div class="flex items-center gap-2">
-				<input
-					type="number"
-					min="10"
-					max="500"
-					step="10"
-					value={settings.historySize}
-					oninput={updateHistorySize}
-					class="w-20 h-9 px-2 rounded-lg bg-background border border-border text-foreground font-mono text-sm text-center"
-				/>
-			</div>
-		</div>
-
-		<!-- Keyboard Hints -->
-		<div class="setting-row">
-			<div>
-				<div class="setting-label">Tastatur-Hinweise</div>
-				<div class="setting-desc">Zeige Keyboard-Shortcuts in der UI</div>
-			</div>
-			<button
-				class="toggle-btn {settings.showKeyboardHints ? 'toggle-on' : 'toggle-off'}"
-				onclick={toggleKeyboardHints}
-				role="switch"
-				aria-checked={settings.showKeyboardHints}
-			>
-				<span class="toggle-knob"></span>
-			</button>
-		</div>
-	</section>
-
-	<!-- Keyboard shortcuts reference -->
-	<section class="settings-section">
-		<h2 class="text-lg font-bold text-foreground mb-4">Tastaturkürzel</h2>
-		<div class="grid grid-cols-2 gap-2">
-			{#each [['0–9, .', 'Ziffern eingeben'], ['+ - * /', 'Operatoren'], ['( )', 'Klammern'], ['Enter / =', 'Berechnen'], ['Backspace', 'Letzte Stelle löschen'], ['Esc / C', 'Alles löschen'], ['Cmd+K', 'Schnellzugriff'], ['Cmd+1–9', 'Navigation']] as [key, desc]}
-				<div class="flex items-center gap-3 p-2 rounded-lg bg-card border border-border">
-					<kbd class="shrink-0 px-2 py-0.5 rounded bg-muted text-xs font-mono text-muted-foreground"
-						>{key}</kbd
-					>
-					<span class="text-sm text-foreground">{desc}</span>
-				</div>
-			{/each}
-		</div>
-	</section>
-
-	<!-- Reset -->
-	<section class="settings-section">
-		<button
-			class="px-4 py-2 rounded-lg bg-red-500/10 text-red-400 hover:bg-red-500/20 transition-colors text-sm"
-			onclick={resetAll}
-		>
-			Alle Einstellungen zurücksetzen
-		</button>
-	</section>
-</div>
-
-<style>
-	.settings-page {
-		max-width: 600px;
-		margin: 0 auto;
-	}
-
-	.settings-section {
-		margin-bottom: 2rem;
-		padding-bottom: 2rem;
-		border-bottom: 1px solid hsl(var(--border));
-	}
-
-	.settings-section:last-child {
-		border-bottom: none;
-	}
-
-	.setting-row {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 1rem;
-		padding: 0.75rem 0;
-	}
-
-	.setting-label {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: hsl(var(--foreground));
-	}
-
-	.setting-desc {
-		font-size: 0.75rem;
-		color: hsl(var(--muted-foreground));
-		margin-top: 2px;
-	}
-
-	.toggle-btn {
-		position: relative;
-		width: 44px;
-		height: 24px;
-		border-radius: 12px;
-		border: none;
-		cursor: pointer;
-		transition: background 0.2s;
-		flex-shrink: 0;
-	}
-
-	.toggle-on {
-		background: #ec4899;
-	}
-
-	.toggle-off {
-		background: hsl(var(--muted));
-	}
-
-	.toggle-knob {
-		position: absolute;
-		top: 2px;
-		width: 20px;
-		height: 20px;
-		border-radius: 10px;
-		background: white;
-		transition: left 0.2s;
-	}
-
-	.toggle-on .toggle-knob {
-		left: 22px;
-	}
-
-	.toggle-off .toggle-knob {
-		left: 2px;
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/skins/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/skins/+page.svelte
deleted file mode 100644
index 999469e64..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/skins/+page.svelte
+++ /dev/null
@@ -1,153 +0,0 @@
-<script lang="ts">
-	import { CALCULATOR_SKINS } from '@calc/shared/constants';
-	import type { CalculatorSkin } from '@calc/shared';
-	import { ModernSkin, HP35Skin, CasioSkin, TI84Skin, MinimalSkin } from '$lib/components/skins';
-
-	let previewSkin = $state<CalculatorSkin | null>(null);
-
-	// Demo props for preview
-	const demoProps = {
-		expression: '42 × 23',
-		display: '966',
-		error: '',
-		onButton: () => {},
-		onClear: () => {},
-		onBackspace: () => {},
-		onEquals: () => {},
-	};
-
-	function selectSkin(skin: CalculatorSkin) {
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('calc-skin', skin);
-		}
-		previewSkin = skin;
-	}
-
-	const skinComponents: Record<CalculatorSkin, any> = {
-		modern: ModernSkin,
-		hp35: HP35Skin,
-		'casio-fx': CasioSkin,
-		ti84: TI84Skin,
-		minimal: MinimalSkin,
-	};
-</script>
-
-<svelte:head>
-	<title>Calc - Skins</title>
-</svelte:head>
-
-<div class="skins-page">
-	<header class="mb-8">
-		<h1 class="text-2xl font-bold text-foreground">Rechner-Skins</h1>
-		<p class="text-muted-foreground text-sm mt-1">Wähle das Aussehen deines Taschenrechners</p>
-	</header>
-
-	<!-- Skin cards grid -->
-	<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-		{#each CALCULATOR_SKINS as skin}
-			<div
-				class="skin-card rounded-2xl border border-border overflow-hidden transition-all hover:border-pink-500/50 hover:shadow-lg cursor-pointer"
-				class:ring-2={previewSkin === skin.id}
-				class:ring-pink-500={previewSkin === skin.id}
-				onclick={() => selectSkin(skin.id)}
-				role="button"
-				tabindex="0"
-			>
-				<!-- Preview -->
-				<div
-					class="skin-preview p-4 bg-card overflow-hidden"
-					style="max-height: 320px; pointer-events: none;"
-				>
-					<div class="scale-[0.65] origin-top-left" style="width: 153%; height: 153%;">
-						{#if skin.id === 'modern'}
-							<ModernSkin {...demoProps} />
-						{:else if skin.id === 'hp35'}
-							<HP35Skin {...demoProps} />
-						{:else if skin.id === 'casio-fx'}
-							<CasioSkin {...demoProps} />
-						{:else if skin.id === 'ti84'}
-							<TI84Skin {...demoProps} />
-						{:else if skin.id === 'minimal'}
-							<MinimalSkin {...demoProps} />
-						{/if}
-					</div>
-				</div>
-
-				<!-- Info -->
-				<div class="p-4 bg-background border-t border-border">
-					<div class="flex items-center justify-between">
-						<div>
-							<h3 class="font-bold text-foreground">{skin.label}</h3>
-							{#if skin.year}
-								<span class="text-xs text-pink-500 font-medium">{skin.year}</span>
-							{/if}
-						</div>
-						{#if previewSkin === skin.id}
-							<span class="text-xs px-2 py-1 rounded-full bg-pink-500 text-white">Aktiv</span>
-						{/if}
-					</div>
-					<p class="text-sm text-muted-foreground mt-1">{skin.description.de}</p>
-				</div>
-			</div>
-		{/each}
-	</div>
-
-	<!-- History section -->
-	<div class="mt-12">
-		<h2 class="text-lg font-bold text-foreground mb-4">Geschichte des Taschenrechners</h2>
-		<div class="space-y-4">
-			<div class="p-4 rounded-xl bg-card border border-border">
-				<div class="flex items-start gap-4">
-					<span class="text-2xl shrink-0">🏛️</span>
-					<div>
-						<h3 class="font-bold text-foreground">HP-35 (1972)</h3>
-						<p class="text-sm text-muted-foreground mt-1">
-							Der HP-35 war der weltweit erste wissenschaftliche Taschenrechner. Entwickelt von
-							Hewlett-Packard, machte er den Rechenschieber über Nacht obsolet. Sein Name kam daher,
-							dass er 35 Tasten hatte. Preis: $395 (heute ~$2.800).
-						</p>
-					</div>
-				</div>
-			</div>
-
-			<div class="p-4 rounded-xl bg-card border border-border">
-				<div class="flex items-start gap-4">
-					<span class="text-2xl shrink-0">🎒</span>
-					<div>
-						<h3 class="font-bold text-foreground">Casio fx-82 (1985)</h3>
-						<p class="text-sm text-muted-foreground mt-1">
-							Die Casio fx-Serie wurde zum Synonym für Schulrechner weltweit. Mit Solarzelle und dem
-							charakteristischen grün-grauen LCD-Display war er in fast jeder Schultasche zu finden.
-							Über 100 Millionen Stück verkauft.
-						</p>
-					</div>
-				</div>
-			</div>
-
-			<div class="p-4 rounded-xl bg-card border border-border">
-				<div class="flex items-start gap-4">
-					<span class="text-2xl shrink-0">📊</span>
-					<div>
-						<h3 class="font-bold text-foreground">TI-84 Plus (2004)</h3>
-						<p class="text-sm text-muted-foreground mt-1">
-							Der TI-84 Plus von Texas Instruments wurde zum Standard-Grafikrechner an
-							amerikanischen High Schools und Universitäten. Er konnte Funktionen plotten, Programme
-							ausführen und wurde trotz Smartphones nie abgelöst.
-						</p>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	.skins-page {
-		max-width: 900px;
-		margin: 0 auto;
-	}
-
-	.skin-preview {
-		background-image: radial-gradient(circle at 50% 0%, hsl(var(--muted)) 0%, transparent 70%);
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/standard/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/standard/+page.svelte
deleted file mode 100644
index 2fb16792b..000000000
--- a/apps/calc/apps/web-archived/src/routes/(app)/standard/+page.svelte
+++ /dev/null
@@ -1,264 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { evaluate, formatResult } from '$lib/engine/evaluate';
-	import { calculationsStore } from '$lib/stores/calculations.svelte';
-	import { CALCULATOR_SKINS } from '@calc/shared/constants';
-	import type { CalculatorSkin, Calculation } from '@calc/shared';
-	import { ModernSkin, HP35Skin, CasioSkin, TI84Skin, MinimalSkin } from '$lib/components/skins';
-
-	const allCalculations = getContext<{ value: Calculation[] }>('calculations');
-
-	let expression = $state('');
-	let display = $state('0');
-	let hasResult = $state(false);
-	let error = $state('');
-	let copied = $state(false);
-
-	async function copyToClipboard() {
-		if (display === '0' || error) return;
-		try {
-			await navigator.clipboard.writeText(display);
-			copied = true;
-			setTimeout(() => (copied = false), 1500);
-		} catch {}
-	}
-
-	// Skin state — persisted to localStorage
-	let activeSkin = $state<CalculatorSkin>('modern');
-	let showSkinPicker = $state(false);
-
-	// Load saved skin
-	if (typeof localStorage !== 'undefined') {
-		const saved = localStorage.getItem('calc-skin');
-		if (saved && CALCULATOR_SKINS.some((s) => s.id === saved)) {
-			activeSkin = saved as CalculatorSkin;
-		}
-	}
-
-	function setSkin(skin: CalculatorSkin) {
-		activeSkin = skin;
-		showSkinPicker = false;
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('calc-skin', skin);
-		}
-	}
-
-	function appendToExpression(char: string) {
-		if (hasResult) {
-			if (/[0-9.]/.test(char)) {
-				expression = '';
-				display = '';
-				hasResult = false;
-			} else {
-				expression = display;
-				hasResult = false;
-			}
-		}
-		error = '';
-		expression += char;
-		display = expression;
-	}
-
-	function clear() {
-		expression = '';
-		display = '0';
-		hasResult = false;
-		error = '';
-	}
-
-	function backspace() {
-		if (hasResult) {
-			clear();
-			return;
-		}
-		expression = expression.slice(0, -1);
-		display = expression || '0';
-	}
-
-	async function calculate() {
-		if (!expression.trim()) return;
-
-		try {
-			const result = evaluate(expression);
-			const formatted = formatResult(result);
-
-			await calculationsStore.addCalculation({
-				mode: 'standard',
-				expression: expression,
-				result: formatted,
-				skin: activeSkin,
-			});
-
-			display = formatted;
-			hasResult = true;
-			error = '';
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler';
-		}
-	}
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') return;
-		if (event.metaKey || event.ctrlKey) return;
-
-		if (/^[0-9.]$/.test(event.key)) {
-			event.preventDefault();
-			appendToExpression(event.key);
-		} else if (['+', '-', '*', '/', '%', '^'].includes(event.key)) {
-			event.preventDefault();
-			appendToExpression(event.key);
-		} else if (event.key === '(' || event.key === ')') {
-			event.preventDefault();
-			appendToExpression(event.key);
-		} else if (event.key === 'Enter' || event.key === '=') {
-			event.preventDefault();
-			calculate();
-		} else if (event.key === 'Backspace') {
-			event.preventDefault();
-			backspace();
-		} else if (event.key === 'Escape') {
-			event.preventDefault();
-			if (showSkinPicker) showSkinPicker = false;
-			else clear();
-		}
-	}
-
-	let recentHistory = $derived(
-		allCalculations.value.filter((c) => c.mode === 'standard').slice(0, 10)
-	);
-
-	// Shared props for all skins
-	let skinProps = $derived({
-		expression,
-		display,
-		error,
-		copied,
-		onButton: appendToExpression,
-		onClear: clear,
-		onBackspace: backspace,
-		onEquals: calculate,
-		onCopy: copyToClipboard,
-	});
-</script>
-
-<svelte:head>
-	<title>Calc - Standard</title>
-</svelte:head>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<div class="calculator-page">
-	<div class="calculator-column">
-		<!-- Skin picker toggle -->
-		<div class="flex items-center justify-between mb-3">
-			<button
-				class="skin-toggle text-xs px-3 py-1.5 rounded-full border transition-all
-					{showSkinPicker
-					? 'bg-pink-500 text-white border-pink-500'
-					: 'bg-card border-border text-muted-foreground hover:bg-muted'}"
-				onclick={() => (showSkinPicker = !showSkinPicker)}
-			>
-				🎨 {CALCULATOR_SKINS.find((s) => s.id === activeSkin)?.label || 'Modern'}
-				{#if CALCULATOR_SKINS.find((s) => s.id === activeSkin)?.year}
-					<span class="opacity-60">({CALCULATOR_SKINS.find((s) => s.id === activeSkin)?.year})</span
-					>
-				{/if}
-			</button>
-		</div>
-
-		<!-- Skin picker panel -->
-		{#if showSkinPicker}
-			<div class="skin-picker mb-4 p-3 rounded-xl bg-card border border-border">
-				<div class="grid grid-cols-5 gap-2">
-					{#each CALCULATOR_SKINS as skin}
-						<button
-							class="skin-option p-2 rounded-lg text-center transition-all border
-								{activeSkin === skin.id ? 'border-pink-500 bg-pink-500/10' : 'border-transparent hover:bg-muted'}"
-							onclick={() => setSkin(skin.id)}
-						>
-							<div class="text-sm font-medium text-foreground">{skin.label}</div>
-							{#if skin.year}
-								<div class="text-xs text-muted-foreground">{skin.year}</div>
-							{/if}
-						</button>
-					{/each}
-				</div>
-			</div>
-		{/if}
-
-		<!-- Active Skin -->
-		{#if activeSkin === 'modern'}
-			<ModernSkin {...skinProps} />
-		{:else if activeSkin === 'hp35'}
-			<HP35Skin {...skinProps} />
-		{:else if activeSkin === 'casio-fx'}
-			<CasioSkin {...skinProps} />
-		{:else if activeSkin === 'ti84'}
-			<TI84Skin {...skinProps} />
-		{:else if activeSkin === 'minimal'}
-			<MinimalSkin {...skinProps} />
-		{/if}
-	</div>
-
-	<!-- History Sidebar -->
-	<div class="history">
-		<h3 class="text-sm font-medium text-muted-foreground mb-3">Verlauf</h3>
-		{#if recentHistory.length === 0}
-			<p class="text-xs text-muted-foreground/60">Noch keine Berechnungen</p>
-		{:else}
-			<div class="space-y-2">
-				{#each recentHistory as calc}
-					<button
-						class="w-full text-left p-2 rounded-lg hover:bg-muted/50 transition-colors group"
-						onclick={() => {
-							expression = calc.result;
-							display = calc.result;
-							hasResult = true;
-						}}
-					>
-						<div class="text-xs text-muted-foreground truncate font-mono">{calc.expression}</div>
-						<div class="text-sm font-medium text-foreground font-mono">= {calc.result}</div>
-					</button>
-				{/each}
-			</div>
-			<button
-				class="mt-3 text-xs text-muted-foreground hover:text-foreground transition-colors"
-				onclick={() => calculationsStore.clearHistory()}
-			>
-				Verlauf löschen
-			</button>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.calculator-page {
-		max-width: 750px;
-		margin: 0 auto;
-		display: grid;
-		grid-template-columns: 1fr 200px;
-		gap: 2rem;
-		align-items: start;
-	}
-
-	.calculator-column {
-		max-width: 400px;
-	}
-
-	@media (max-width: 640px) {
-		.calculator-page {
-			grid-template-columns: 1fr;
-		}
-
-		.calculator-column {
-			max-width: 100%;
-		}
-
-		.history {
-			order: -1;
-			max-height: 120px;
-			overflow-y: auto;
-		}
-	}
-</style>
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/calc/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/calc/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/calc/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/calc/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 65410e2fa..000000000
--- a/apps/calc/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-</script>
-
-<svelte:head>
-	<title>Calc - forgot-password</title>
-</svelte:head>
-
-<div class="min-h-screen flex items-center justify-center">
-	<p class="text-muted-foreground">Auth: forgot-password</p>
-</div>
diff --git a/apps/calc/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/calc/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index df6938e26..000000000
--- a/apps/calc/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-</script>
-
-<svelte:head>
-	<title>Calc - login</title>
-</svelte:head>
-
-<div class="min-h-screen flex items-center justify-center">
-	<p class="text-muted-foreground">Auth: login</p>
-</div>
diff --git a/apps/calc/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/calc/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 59c438198..000000000
--- a/apps/calc/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-</script>
-
-<svelte:head>
-	<title>Calc - register</title>
-</svelte:head>
-
-<div class="min-h-screen flex items-center justify-center">
-	<p class="text-muted-foreground">Auth: register</p>
-</div>
diff --git a/apps/calc/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/calc/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 2d1342b1d..000000000
--- a/apps/calc/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-</script>
-
-<svelte:head>
-	<title>Calc - reset-password</title>
-</svelte:head>
-
-<div class="min-h-screen flex items-center justify-center">
-	<p class="text-muted-foreground">Auth: reset-password</p>
-</div>
diff --git a/apps/calc/apps/web-archived/src/routes/+layout.svelte b/apps/calc/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index f599b48aa..000000000
--- a/apps/calc/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
-	import { isLoading as isLocaleLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { waitLocale } from '$lib/i18n';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-	import { AppLoadingSkeleton } from '$lib/components/skeletons';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-
-	onMount(() => {
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-
-		const init = async () => {
-			await waitLocale();
-			theme.initialize();
-			await authStore.initialize();
-			loading = false;
-		};
-
-		init();
-
-		return cleanupErrorHandler;
-	});
-</script>
-
-<ToastContainer />
-
-{#if $isLocaleLoading || loading}
-	<AppLoadingSkeleton />
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-{/if}
diff --git a/apps/calc/apps/web-archived/src/routes/+layout.ts b/apps/calc/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/calc/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/calc/apps/web-archived/src/routes/health/+server.ts b/apps/calc/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index ce73ee6a3..000000000
--- a/apps/calc/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({ status: 'ok', app: 'calc-web' });
-};
diff --git a/apps/calc/apps/web-archived/src/routes/offline/+page.svelte b/apps/calc/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 3f73c2261..000000000
--- a/apps/calc/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<svelte:head>
-	<title>Calc - Offline</title>
-</svelte:head>
-
-<div class="min-h-screen flex items-center justify-center">
-	<div class="text-center">
-		<div class="text-6xl mb-4">🧮</div>
-		<h1 class="text-2xl font-bold text-foreground mb-2">Offline</h1>
-		<p class="text-muted-foreground">
-			Calc funktioniert auch offline. Deine Daten sind lokal gespeichert.
-		</p>
-	</div>
-</div>
diff --git a/apps/calc/apps/web-archived/svelte.config.js b/apps/calc/apps/web-archived/svelte.config.js
deleted file mode 100644
index f290ef5a6..000000000
--- a/apps/calc/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		prerender: {
-			handleHttpError: ({ path, message }) => {
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/calc/apps/web-archived/tsconfig.json b/apps/calc/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/calc/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/calc/apps/web-archived/vite.config.ts b/apps/calc/apps/web-archived/vite.config.ts
deleted file mode 100644
index 8058e2bf4..000000000
--- a/apps/calc/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Calc - Taschenrechner',
-				shortName: 'Calc',
-				description: 'Taschenrechner, Einheiten & Finanzen',
-				themeColor: '#ec4899',
-				preset: 'minimal',
-			})
-		),
-	],
-	server: {
-		port: 5198,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/calendar/apps/web-archived/Dockerfile b/apps/calendar/apps/web-archived/Dockerfile
deleted file mode 100644
index c85e2fa72..000000000
--- a/apps/calendar/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,32 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://calendar-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/calendar/packages/shared ./apps/calendar/packages/shared
-COPY apps/calendar/apps/web ./apps/calendar/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/calendar/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/calendar/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/calendar/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/calendar/apps/web/build ./build
-COPY --from=builder /app/apps/calendar/apps/web/package.json ./
-
-EXPOSE 5012
-ENV NODE_ENV=production PORT=5012 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5012/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/calendar/apps/web-archived/e2e/auth.spec.ts b/apps/calendar/apps/web-archived/e2e/auth.spec.ts
deleted file mode 100644
index 96b92c060..000000000
--- a/apps/calendar/apps/web-archived/e2e/auth.spec.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-// Auth tests run WITHOUT storageState (unauthenticated)
-
-// Helper: wait for the app to finish loading (skeleton disappears)
-async function waitForAppReady(page: import('@playwright/test').Page) {
-	// The root layout shows AppLoadingSkeleton until auth initializes
-	// Wait for it to disappear and the actual page content to render
-	await page.waitForFunction(
-		() => {
-			// Check if loading skeleton is gone
-			const skeleton = document.querySelector('.app-loading-skeleton, [data-skeleton]');
-			return !skeleton || skeleton.children.length === 0;
-		},
-		{ timeout: 30000 }
-	);
-	// Give Svelte time to render
-	await page.waitForTimeout(500);
-}
-
-test.describe('Authentication', () => {
-	test('login page renders with email and password fields', async ({ page }) => {
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		// LoginPage uses id="email" and id="password" (from shared-auth-ui)
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email');
-		const passwordInput = page.locator('input[type="password"], input[name="password"], #password');
-
-		await expect(emailInput.first()).toBeVisible({ timeout: 10000 });
-		await expect(passwordInput.first()).toBeVisible({ timeout: 5000 });
-		await expect(page.locator('button[type="submit"]')).toBeVisible();
-	});
-
-	test('invalid credentials show error message', async ({ page }) => {
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-		const passwordInput = page
-			.locator('input[type="password"], input[name="password"], #password')
-			.first();
-
-		await emailInput.fill('nonexistent@test.local');
-		await passwordInput.fill('WrongPassword123!');
-		await page.locator('button[type="submit"]').click();
-
-		// Error alert should appear
-		const errorAlert = page.locator('#form-error, [role="alert"]');
-		await expect(errorAlert.first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('successful login redirects to calendar', async ({ page }) => {
-		const email = process.env.E2E_TEST_EMAIL || 'e2e-calendar@test.local';
-		const password = process.env.E2E_TEST_PASSWORD || 'TestPassword123';
-
-		// Listen for console errors and network failures
-		const errors: string[] = [];
-		page.on('console', (msg) => {
-			if (msg.type() === 'error') errors.push(msg.text());
-		});
-		page.on('requestfailed', (req) => {
-			errors.push(`Request failed: ${req.url()} - ${req.failure()?.errorText}`);
-		});
-
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-		const passwordInput = page
-			.locator('input[type="password"], input[name="password"], #password')
-			.first();
-
-		await emailInput.fill(email);
-		await passwordInput.fill(password);
-		await page.locator('button[type="submit"]').click();
-
-		// Wait for either redirect or error
-		try {
-			await page.waitForURL('/', { timeout: 20000 });
-		} catch {
-			// Log any errors for debugging
-			console.log('Login errors:', errors);
-			const authUrl = await page.evaluate(
-				() => (window as any).__PUBLIC_MANA_CORE_AUTH_URL__ || 'NOT SET'
-			);
-			console.log('Auth URL on page:', authUrl);
-			throw new Error(`Login did not redirect. Auth URL: ${authUrl}. Errors: ${errors.join('; ')}`);
-		}
-		await expect(page.locator('main[aria-label="Kalender"]')).toBeVisible({ timeout: 10000 });
-	});
-
-	test('unauthenticated access to / redirects to /login', async ({ page }) => {
-		await page.goto('/');
-
-		// The app layout's onMount redirects unauthenticated users to /login
-		await page.waitForURL(/\/login/, { timeout: 30000 });
-	});
-});
diff --git a/apps/calendar/apps/web-archived/e2e/calendar-views.spec.ts b/apps/calendar/apps/web-archived/e2e/calendar-views.spec.ts
deleted file mode 100644
index ef5213ffd..000000000
--- a/apps/calendar/apps/web-archived/e2e/calendar-views.spec.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { test, expect, dismissOnboarding } from './fixtures/auth';
-
-test.describe('Calendar Views', () => {
-	test.beforeEach(async ({ page }) => {
-		await page.goto('/');
-		await dismissOnboarding(page);
-		// Wait for calendar to be fully loaded
-		await expect(page.locator('main[aria-label="Kalender"]')).toBeVisible({ timeout: 10000 });
-	});
-
-	test('week view loads as default with day columns', async ({ page }) => {
-		// ViewsBar "7" button should be active (week view)
-		const weekButton = page.locator('button[title="Wochenansicht"]');
-		await expect(weekButton).toBeVisible();
-		await expect(weekButton).toHaveClass(/active/);
-
-		// Week view grid should show day columns with hour rows
-		const calendarContent = page.locator('.calendar-content');
-		await expect(calendarContent).toBeVisible();
-	});
-
-	test('switch to month view via header button', async ({ page }) => {
-		const monthButton = page.locator('button[title="Monatsansicht"]');
-		await expect(monthButton).toBeVisible();
-		await monthButton.click();
-
-		// Month button should now be active
-		await expect(monthButton).toHaveClass(/active/);
-
-		// Week button should no longer be active
-		const weekButton = page.locator('button[title="Wochenansicht"]');
-		await expect(weekButton).not.toHaveClass(/active/);
-	});
-
-	test('switch to agenda view', async ({ page }) => {
-		const agendaButton = page.locator('button[title="Agenda"]');
-		await expect(agendaButton).toBeVisible();
-		await agendaButton.click();
-
-		// Agenda button should now be active
-		await expect(agendaButton).toHaveClass(/active/);
-	});
-
-	test('navigate forward and backward with arrow keys', async ({ page }) => {
-		// Click on the day-header area (non-interactive) to ensure body focus
-		await page.locator('body').click({ position: { x: 10, y: 10 } });
-		// Dismiss any overlay that might have opened
-		await page.keyboard.press('Escape');
-		await page.waitForTimeout(300);
-
-		// Get all day-header aria-labels to identify the current week
-		const dayHeaders = page.locator('.day-header[aria-label]');
-		const initialLabel = await dayHeaders.first().getAttribute('aria-label');
-
-		// Navigate forward one week with ArrowRight
-		await page.keyboard.press('ArrowRight');
-		await page.waitForTimeout(1000);
-
-		const afterForwardLabel = await dayHeaders.first().getAttribute('aria-label');
-		// The first day header should show a different date after navigating
-		expect(afterForwardLabel).not.toBe(initialLabel);
-
-		// Navigate backward with ArrowLeft
-		await page.keyboard.press('ArrowLeft');
-		await page.waitForTimeout(1000);
-
-		const afterBackLabel = await dayHeaders.first().getAttribute('aria-label');
-		// After going forward then back, we should be at the same date
-		expect(afterBackLabel).toBe(initialLabel);
-	});
-
-	test('today button returns to current date after navigation', async ({ page }) => {
-		// Click on the day-header area and dismiss any overlay
-		await page.locator('body').click({ position: { x: 10, y: 10 } });
-		await page.keyboard.press('Escape');
-		await page.waitForTimeout(300);
-
-		// Get today's day header
-		const todayHeader = page.locator('.day-header.today');
-		await expect(todayHeader).toBeVisible();
-
-		// Navigate away from today
-		await page.keyboard.press('ArrowRight');
-		await page.keyboard.press('ArrowRight');
-		await page.waitForTimeout(1000);
-
-		// Today should no longer be visible (navigated 2 weeks ahead)
-		await expect(todayHeader).not.toBeVisible();
-
-		// Click the "Heute" (Today) button - find by its title attribute
-		const todayButton = page.locator(
-			'.today-button, button[title*="heute" i], button[title*="today" i]'
-		);
-		await expect(todayButton.first()).toBeVisible({ timeout: 5000 });
-		await todayButton.first().click();
-		await page.waitForTimeout(1000);
-
-		// Today header should be visible again
-		await expect(todayHeader).toBeVisible();
-	});
-});
diff --git a/apps/calendar/apps/web-archived/e2e/calendars.spec.ts b/apps/calendar/apps/web-archived/e2e/calendars.spec.ts
deleted file mode 100644
index fe1644121..000000000
--- a/apps/calendar/apps/web-archived/e2e/calendars.spec.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { test, expect } from './fixtures/auth';
-
-const BACKEND_URL = process.env.PUBLIC_BACKEND_URL || 'http://localhost:3014';
-
-test.describe('Calendar Management', () => {
-	test.beforeAll(async () => {
-		// Skip all calendar management tests if the backend is not running
-		try {
-			const res = await fetch(`${BACKEND_URL}/api/v1/health`, {
-				signal: AbortSignal.timeout(3000),
-			});
-			if (!res.ok) test.skip(true, 'Calendar backend is not running');
-		} catch {
-			test.skip(true, 'Calendar backend is not reachable');
-		}
-	});
-
-	test('default calendar exists on first load', async ({ page }) => {
-		await page.goto('/settings');
-		await expect(page.getByRole('heading', { name: 'Einstellungen', exact: true })).toBeVisible();
-
-		// The calendar list should have at least one calendar with "Standard" badge
-		const defaultBadge = page.locator('.badge-primary', { hasText: 'Standard' });
-		await expect(defaultBadge).toBeVisible({ timeout: 10000 });
-	});
-
-	test('create new calendar with name and color', async ({ page }) => {
-		const calendarName = `E2E Calendar ${Date.now()}`;
-
-		await page.goto('/settings');
-		await expect(page.getByRole('heading', { name: 'Einstellungen', exact: true })).toBeVisible();
-
-		// Click "Neuer Kalender" button
-		const newCalButton = page.getByRole('button', { name: /neuer kalender/i });
-		await expect(newCalButton).toBeVisible({ timeout: 10000 });
-		await newCalButton.click();
-
-		// Fill in the calendar name
-		const nameInput = page.locator('.new-calendar-form input[type="text"]');
-		await expect(nameInput).toBeVisible();
-		await nameInput.fill(calendarName);
-
-		// Submit the form
-		const createButton = page.getByRole('button', { name: /erstellen/i });
-		await createButton.click();
-
-		// Verify the new calendar appears in the list
-		const calendarCard = page.locator('.calendar-card', { hasText: calendarName });
-		await expect(calendarCard).toBeVisible({ timeout: 5000 });
-
-		// Cleanup: delete the calendar
-		page.on('dialog', (dialog) => dialog.accept());
-		const deleteButton = calendarCard.getByRole('button', { name: /löschen/i });
-		await deleteButton.click();
-		await expect(calendarCard).not.toBeVisible({ timeout: 5000 });
-	});
-
-	test('toggle calendar visibility in sidebar', async ({ page }) => {
-		await page.goto('/');
-		await expect(page.locator('main[aria-label="Kalender"]')).toBeVisible({ timeout: 10000 });
-
-		const calendarSelector = page.locator('.pill-calendar-selector, .calendar-selector');
-
-		if (await calendarSelector.isVisible({ timeout: 3000 }).catch(() => false)) {
-			const toggles = calendarSelector.locator('button, input[type="checkbox"]');
-			const count = await toggles.count();
-
-			if (count > 0) {
-				await toggles.first().click();
-				await page.waitForTimeout(500);
-				await toggles.first().click();
-			}
-		}
-	});
-
-	test('delete non-default calendar from settings', async ({ page }) => {
-		const calendarName = `E2E Delete Test ${Date.now()}`;
-
-		await page.goto('/settings');
-		await expect(page.getByRole('heading', { name: 'Einstellungen', exact: true })).toBeVisible();
-
-		// Create a calendar first
-		await page.getByRole('button', { name: /neuer kalender/i }).click();
-		await page.locator('.new-calendar-form input[type="text"]').fill(calendarName);
-		await page.getByRole('button', { name: /erstellen/i }).click();
-
-		const calendarCard = page.locator('.calendar-card', { hasText: calendarName });
-		await expect(calendarCard).toBeVisible({ timeout: 5000 });
-
-		page.on('dialog', (dialog) => dialog.accept());
-
-		const deleteButton = calendarCard.getByRole('button', { name: /löschen/i });
-		await expect(deleteButton).toBeVisible();
-		await deleteButton.click();
-
-		await expect(calendarCard).not.toBeVisible({ timeout: 5000 });
-	});
-});
diff --git a/apps/calendar/apps/web-archived/e2e/error-page.spec.ts b/apps/calendar/apps/web-archived/e2e/error-page.spec.ts
deleted file mode 100644
index 8840f3b2d..000000000
--- a/apps/calendar/apps/web-archived/e2e/error-page.spec.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-test.describe('Error Page', () => {
-	test('visiting a nonexistent route shows error page with status code', async ({ page }) => {
-		const response = await page.goto('/nonexistent-route-that-does-not-exist');
-
-		// SvelteKit should return a 404 status
-		expect(response?.status()).toBe(404);
-
-		// The error page should display the status code
-		const statusHeading = page.locator('h1');
-		await expect(statusHeading).toBeVisible({ timeout: 10000 });
-		await expect(statusHeading).toContainText('404');
-
-		// Should show a "back to home" link
-		const backLink = page.locator('a[href="/"]');
-		await expect(backLink).toBeVisible();
-	});
-});
diff --git a/apps/calendar/apps/web-archived/e2e/events.spec.ts b/apps/calendar/apps/web-archived/e2e/events.spec.ts
deleted file mode 100644
index 649b7e799..000000000
--- a/apps/calendar/apps/web-archived/e2e/events.spec.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-import { test, expect } from './fixtures/auth';
-
-const BACKEND_URL = process.env.PUBLIC_BACKEND_URL || 'http://localhost:3014';
-
-test.describe('Event CRUD', () => {
-	test.beforeAll(async () => {
-		// Skip all event tests if the backend is not running
-		try {
-			const res = await fetch(`${BACKEND_URL}/api/v1/health`, {
-				signal: AbortSignal.timeout(3000),
-			});
-			if (!res.ok) test.skip(true, 'Calendar backend is not running');
-		} catch {
-			test.skip(true, 'Calendar backend is not reachable');
-		}
-	});
-
-	test.beforeEach(async ({ page }) => {
-		await page.goto('/');
-		await expect(page.locator('main[aria-label="Kalender"]')).toBeVisible({ timeout: 10000 });
-	});
-
-	test('create event via quick overlay, see it in view, then delete it', async ({ page }) => {
-		const uniqueTitle = `E2E Test Event ${Date.now()}`;
-
-		// Click on a time slot in the week view to trigger quick create
-		const weekGrid = page.locator('.week-grid, .carousel-page.current .week-grid');
-		if (await weekGrid.first().isVisible()) {
-			const box = await weekGrid.first().boundingBox();
-			if (box) {
-				await weekGrid.first().click({
-					position: { x: box.width * 0.5, y: box.height * 0.3 },
-				});
-			}
-		}
-
-		// Wait for the quick event overlay to appear
-		const overlay = page.locator('.quick-event-overlay');
-		await expect(overlay).toBeVisible({ timeout: 5000 });
-
-		// Type the event title (the title input is auto-focused)
-		await page.keyboard.type(uniqueTitle);
-
-		// Click "Speichern" (Save)
-		await overlay.getByRole('button', { name: /speichern/i }).click();
-		await expect(overlay).not.toBeVisible({ timeout: 5000 });
-
-		// Verify the event appears in the calendar view
-		const eventCard = page.locator('.event-card, .event-block').filter({ hasText: uniqueTitle });
-		await expect(eventCard).toBeVisible({ timeout: 5000 });
-
-		// Click the event to open it
-		await eventCard.click();
-
-		// The quick event overlay should open with event details
-		const editOverlay = page.locator('.quick-event-overlay');
-		await expect(editOverlay).toBeVisible({ timeout: 5000 });
-
-		// Delete the event
-		const deleteButton = editOverlay.getByRole('button', { name: /löschen/i });
-		if (await deleteButton.isVisible()) {
-			await deleteButton.click();
-
-			const confirmButton = page.getByRole('button', { name: /löschen|ja|bestätigen/i });
-			if (await confirmButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await confirmButton.click();
-			}
-
-			await expect(eventCard).not.toBeVisible({ timeout: 5000 });
-		}
-	});
-
-	test('edit event title and verify update', async ({ page }) => {
-		const originalTitle = `E2E Edit Test ${Date.now()}`;
-		const updatedTitle = `${originalTitle} Updated`;
-
-		// Create an event first via the grid
-		const weekGrid = page.locator('.week-grid, .carousel-page.current .week-grid');
-		if (await weekGrid.first().isVisible()) {
-			const box = await weekGrid.first().boundingBox();
-			if (box) {
-				await weekGrid.first().click({
-					position: { x: box.width * 0.5, y: box.height * 0.4 },
-				});
-			}
-		}
-
-		const overlay = page.locator('.quick-event-overlay');
-		await expect(overlay).toBeVisible({ timeout: 5000 });
-		await page.keyboard.type(originalTitle);
-		await overlay.getByRole('button', { name: /speichern/i }).click();
-		await expect(overlay).not.toBeVisible({ timeout: 5000 });
-
-		// Find and click the created event
-		const eventCard = page.locator('.event-card, .event-block').filter({ hasText: originalTitle });
-		await expect(eventCard).toBeVisible({ timeout: 5000 });
-		await eventCard.click();
-
-		// Edit the title
-		const editOverlay = page.locator('.quick-event-overlay');
-		await expect(editOverlay).toBeVisible({ timeout: 5000 });
-
-		const titleInput = editOverlay.locator('input[type="text"]').first();
-		await expect(titleInput).toHaveValue(originalTitle);
-
-		await titleInput.clear();
-		await titleInput.fill(updatedTitle);
-
-		await editOverlay.getByRole('button', { name: /speichern/i }).click();
-		await expect(editOverlay).not.toBeVisible({ timeout: 5000 });
-
-		// Verify updated title is visible
-		const updatedCard = page.locator('.event-card, .event-block').filter({ hasText: updatedTitle });
-		await expect(updatedCard).toBeVisible({ timeout: 5000 });
-
-		// Cleanup: delete the event
-		await updatedCard.click();
-		const cleanupOverlay = page.locator('.quick-event-overlay');
-		await expect(cleanupOverlay).toBeVisible({ timeout: 5000 });
-		const deleteBtn = cleanupOverlay.getByRole('button', { name: /löschen/i });
-		if (await deleteBtn.isVisible()) {
-			await deleteBtn.click();
-			const confirmBtn = page.getByRole('button', { name: /löschen|ja|bestätigen/i });
-			if (await confirmBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await confirmBtn.click();
-			}
-		}
-	});
-
-	test('click event to open detail overlay', async ({ page }) => {
-		const title = `E2E Detail Test ${Date.now()}`;
-
-		// Create an event
-		const weekGrid = page.locator('.week-grid, .carousel-page.current .week-grid');
-		if (await weekGrid.first().isVisible()) {
-			const box = await weekGrid.first().boundingBox();
-			if (box) {
-				await weekGrid.first().click({
-					position: { x: box.width * 0.5, y: box.height * 0.5 },
-				});
-			}
-		}
-
-		const overlay = page.locator('.quick-event-overlay');
-		await expect(overlay).toBeVisible({ timeout: 5000 });
-		await page.keyboard.type(title);
-		await overlay.getByRole('button', { name: /speichern/i }).click();
-		await expect(overlay).not.toBeVisible({ timeout: 5000 });
-
-		// Click the event to see details
-		const eventCard = page.locator('.event-card, .event-block').filter({ hasText: title });
-		await expect(eventCard).toBeVisible({ timeout: 5000 });
-		await eventCard.click();
-
-		const detailOverlay = page.locator('.quick-event-overlay');
-		await expect(detailOverlay).toBeVisible({ timeout: 5000 });
-		const titleInput = detailOverlay.locator('input[type="text"]').first();
-		await expect(titleInput).toHaveValue(title);
-
-		// Close and cleanup
-		await detailOverlay.getByRole('button', { name: /abbrechen/i }).click();
-		await expect(detailOverlay).not.toBeVisible({ timeout: 5000 });
-
-		await eventCard.click();
-		const cleanupOverlay = page.locator('.quick-event-overlay');
-		const deleteBtn = cleanupOverlay.getByRole('button', { name: /löschen/i });
-		if (await deleteBtn.isVisible()) {
-			await deleteBtn.click();
-			const confirmBtn = page.getByRole('button', { name: /löschen|ja|bestätigen/i });
-			if (await confirmBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await confirmBtn.click();
-			}
-		}
-	});
-});
diff --git a/apps/calendar/apps/web-archived/e2e/fixtures/auth.ts b/apps/calendar/apps/web-archived/e2e/fixtures/auth.ts
deleted file mode 100644
index d625b3596..000000000
--- a/apps/calendar/apps/web-archived/e2e/fixtures/auth.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { test as base, expect, type Page, type BrowserContext } from '@playwright/test';
-import fs from 'node:fs';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const TEST_EMAIL = process.env.E2E_TEST_EMAIL || 'e2e-calendar@test.local';
-const TEST_PASSWORD = process.env.E2E_TEST_PASSWORD || 'TestPassword123';
-const AUTH_URL = process.env.MANA_CORE_AUTH_URL || 'http://localhost:3001';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const STORAGE_STATE_PATH = path.join(__dirname, '..', '.auth-state.json');
-
-/**
- * Ensures a test user exists via the auth API.
- */
-async function ensureTestUser(): Promise<void> {
-	try {
-		const res = await fetch(`${AUTH_URL}/api/v1/auth/register`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ email: TEST_EMAIL, password: TEST_PASSWORD, name: 'E2E Test User' }),
-		});
-		if (!res.ok && res.status !== 409 && res.status !== 422) {
-			const body = await res.text();
-			console.warn(`Register returned ${res.status}: ${body}`);
-		}
-	} catch {
-		// User may already exist
-	}
-
-	try {
-		await fetch(`${AUTH_URL}/api/v1/auth/verify-email-dev`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ email: TEST_EMAIL }),
-		});
-	} catch {
-		// Verification endpoint may not exist
-	}
-}
-
-async function waitForAppReady(page: Page): Promise<void> {
-	await page.waitForFunction(
-		() => document.querySelector('main, form, input[type="email"], #email') !== null,
-		{ timeout: 30000 }
-	);
-}
-
-/**
- * Dismiss the onboarding modal by clicking "Überspringen".
- * Waits briefly for it to appear, then dismisses it.
- */
-async function dismissOnboarding(page: Page): Promise<void> {
-	try {
-		const skipButton = page.getByText('Überspringen', { exact: true });
-		await skipButton.waitFor({ state: 'visible', timeout: 3000 });
-		await skipButton.click();
-		// Wait for modal to close
-		await page.locator('.fixed.inset-0.z-50').waitFor({ state: 'hidden', timeout: 5000 });
-	} catch {
-		// No onboarding modal — that's fine
-	}
-}
-
-function hasValidStorageState(): boolean {
-	try {
-		const stat = fs.statSync(STORAGE_STATE_PATH);
-		const ageMs = Date.now() - stat.mtimeMs;
-		if (ageMs > 60 * 60 * 1000) return false;
-		const content = JSON.parse(fs.readFileSync(STORAGE_STATE_PATH, 'utf-8'));
-		return content.origins?.length > 0;
-	} catch {
-		return false;
-	}
-}
-
-async function loginViaUI(page: Page): Promise<void> {
-	await page.goto('/login');
-	await waitForAppReady(page);
-
-	const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-	const passwordInput = page
-		.locator('input[type="password"], input[name="password"], #password')
-		.first();
-
-	await emailInput.fill(TEST_EMAIL);
-	await passwordInput.fill(TEST_PASSWORD);
-	await page.locator('button[type="submit"]').click();
-
-	await page.waitForURL((url) => !url.pathname.includes('/login'), { timeout: 30000 });
-	await expect(page.locator('main').first()).toBeVisible({ timeout: 15000 });
-
-	// Dismiss onboarding wizard if it appears
-	await dismissOnboarding(page);
-}
-
-/**
- * Extended test fixture that provides an authenticated page.
- */
-export const test = base.extend<object, { workerStorageState: string }>({
-	workerStorageState: [
-		async ({ browser }, use) => {
-			if (hasValidStorageState()) {
-				await use(STORAGE_STATE_PATH);
-				return;
-			}
-
-			await ensureTestUser();
-
-			const context = await browser.newContext();
-			const page = await context.newPage();
-			await loginViaUI(page);
-
-			await context.storageState({ path: STORAGE_STATE_PATH });
-			await page.close();
-			await context.close();
-
-			await use(STORAGE_STATE_PATH);
-		},
-		{ scope: 'worker' },
-	],
-
-	context: async ({ browser, workerStorageState }, use) => {
-		const context = await browser.newContext({ storageState: workerStorageState });
-		await use(context);
-		await context.close();
-	},
-
-	page: async ({ context }, use) => {
-		const page = await context.newPage();
-		await use(page);
-	},
-});
-
-export { expect, dismissOnboarding };
diff --git a/apps/calendar/apps/web-archived/e2e/settings.spec.ts b/apps/calendar/apps/web-archived/e2e/settings.spec.ts
deleted file mode 100644
index e0bb5d83c..000000000
--- a/apps/calendar/apps/web-archived/e2e/settings.spec.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { test, expect, dismissOnboarding } from './fixtures/auth';
-
-test.describe('Settings', () => {
-	test.beforeEach(async ({ page }) => {
-		await page.goto('/settings');
-		await dismissOnboarding(page);
-		await expect(page.getByRole('heading', { name: 'Einstellungen', exact: true })).toBeVisible({
-			timeout: 10000,
-		});
-	});
-
-	test('settings page renders all sections', async ({ page }) => {
-		// Check that the main setting sections are visible (use headings to avoid ambiguity)
-		await expect(page.getByText('Meine Kalender', { exact: true })).toBeVisible();
-		await expect(page.getByText('Kalender-Ansicht', { exact: true })).toBeVisible();
-		await expect(page.getByRole('heading', { name: 'Termine' })).toBeVisible();
-		await expect(page.getByRole('heading', { name: 'Konto' })).toBeVisible();
-	});
-
-	test('change time format between 24h and 12h', async ({ page }) => {
-		// Find the time format buttons
-		const button24h = page.getByRole('button', { name: '24h (14:00)' });
-		const button12h = page.getByRole('button', { name: '12h (2:00 PM)' });
-
-		await expect(button24h).toBeVisible();
-		await expect(button12h).toBeVisible();
-
-		// Switch to 12h
-		await button12h.click();
-		await expect(button12h).toHaveClass(/active/);
-		await expect(button24h).not.toHaveClass(/active/);
-
-		// Switch back to 24h
-		await button24h.click();
-		await expect(button24h).toHaveClass(/active/);
-		await expect(button12h).not.toHaveClass(/active/);
-	});
-
-	test('toggle show week numbers', async ({ page }) => {
-		// Find the "Wochennummern anzeigen" checkbox
-		const weekNumbersLabel = page.getByText('Wochennummern anzeigen');
-		await expect(weekNumbersLabel).toBeVisible();
-
-		// The checkbox is inside a label with this text
-		const checkbox = page
-			.locator('label')
-			.filter({ hasText: 'Wochennummern anzeigen' })
-			.locator('input[type="checkbox"]');
-		const wasChecked = await checkbox.isChecked();
-
-		// Toggle it
-		await checkbox.click();
-		await expect(checkbox).toBeChecked({ checked: !wasChecked });
-
-		// Toggle it back
-		await checkbox.click();
-		await expect(checkbox).toBeChecked({ checked: wasChecked });
-	});
-
-	test('toggle show only weekdays', async ({ page }) => {
-		const checkbox = page
-			.locator('label')
-			.filter({ hasText: 'Nur Werktage anzeigen' })
-			.locator('input[type="checkbox"]');
-		await expect(checkbox).toBeVisible();
-
-		const wasChecked = await checkbox.isChecked();
-		await checkbox.click();
-		await expect(checkbox).toBeChecked({ checked: !wasChecked });
-
-		// Restore original state
-		await checkbox.click();
-		await expect(checkbox).toBeChecked({ checked: wasChecked });
-	});
-
-	test('settings persist after page reload', async ({ page }) => {
-		// Switch to 12h format
-		const button12h = page.getByRole('button', { name: '12h (2:00 PM)' });
-		await button12h.click();
-		await expect(button12h).toHaveClass(/active/);
-
-		// Reload
-		await page.reload();
-		await expect(page.getByRole('heading', { name: 'Einstellungen', exact: true })).toBeVisible({
-			timeout: 10000,
-		});
-
-		// Verify 12h is still active
-		const button12hAfterReload = page.getByRole('button', { name: '12h (2:00 PM)' });
-		await expect(button12hAfterReload).toHaveClass(/active/);
-
-		// Restore to 24h
-		const button24h = page.getByRole('button', { name: '24h (14:00)' });
-		await button24h.click();
-		await expect(button24h).toHaveClass(/active/);
-	});
-
-	test('user email is displayed in account section', async ({ page }) => {
-		const testEmail = process.env.E2E_TEST_EMAIL || 'e2e-calendar@test.local';
-
-		// The account section shows the user's email
-		const emailDisplay = page.locator('.setting-value');
-		await expect(emailDisplay.first()).toContainText(testEmail);
-	});
-});
diff --git a/apps/calendar/apps/web-archived/e2e/week-view-interactions.spec.ts b/apps/calendar/apps/web-archived/e2e/week-view-interactions.spec.ts
deleted file mode 100644
index ae111294d..000000000
--- a/apps/calendar/apps/web-archived/e2e/week-view-interactions.spec.ts
+++ /dev/null
@@ -1,184 +0,0 @@
-import { test, expect, dismissOnboarding } from './fixtures/auth';
-
-const BACKEND_URL = process.env.PUBLIC_BACKEND_URL || 'http://localhost:3014';
-
-test.describe('WeekView Interactions', () => {
-	test.beforeAll(async () => {
-		try {
-			const res = await fetch(`${BACKEND_URL}/api/v1/health`, {
-				signal: AbortSignal.timeout(3000),
-			});
-			if (!res.ok) test.skip(true, 'Calendar backend is not running');
-		} catch {
-			test.skip(true, 'Calendar backend is not reachable');
-		}
-	});
-
-	test.beforeEach(async ({ page }) => {
-		await page.goto('/');
-		await dismissOnboarding(page);
-		await expect(page.locator('main[aria-label="Kalender"]')).toBeVisible({ timeout: 10000 });
-	});
-
-	test('drag-to-create: clicking on empty time slot opens quick create overlay', async ({
-		page,
-	}) => {
-		// Find a day column in the week view
-		const dayColumn = page.locator('.day-column').first();
-		await expect(dayColumn).toBeVisible();
-
-		const box = await dayColumn.boundingBox();
-		if (!box) return;
-
-		// Click in the middle of the day column (should open quick create)
-		await dayColumn.click({ position: { x: box.width / 2, y: box.height * 0.4 } });
-
-		// Quick event overlay should appear
-		const overlay = page.locator('.quick-event-overlay');
-		await expect(overlay).toBeVisible({ timeout: 5000 });
-
-		// Close it
-		await page.keyboard.press('Escape');
-	});
-
-	test('drag-to-create: drag creates event with correct time range', async ({ page }) => {
-		const dayColumn = page.locator('.day-column').first();
-		await expect(dayColumn).toBeVisible();
-
-		const box = await dayColumn.boundingBox();
-		if (!box) return;
-
-		// Drag from ~10am to ~12pm area
-		const startY = box.y + box.height * 0.35;
-		const endY = box.y + box.height * 0.5;
-		const centerX = box.x + box.width / 2;
-
-		await page.mouse.move(centerX, startY);
-		await page.mouse.down();
-		await page.mouse.move(centerX, endY, { steps: 5 });
-		await page.mouse.up();
-
-		// Quick event overlay should appear
-		const overlay = page.locator('.quick-event-overlay');
-		await expect(overlay).toBeVisible({ timeout: 5000 });
-
-		// Type a title and save
-		const uniqueTitle = `Drag Create ${Date.now()}`;
-		await page.keyboard.type(uniqueTitle);
-		await overlay.getByRole('button', { name: /speichern/i }).click();
-		await expect(overlay).not.toBeVisible({ timeout: 5000 });
-
-		// Event should appear in the grid
-		const eventCard = page.locator('.event-card').filter({ hasText: uniqueTitle });
-		await expect(eventCard).toBeVisible({ timeout: 5000 });
-
-		// Cleanup: delete the event
-		await eventCard.click();
-		const editOverlay = page.locator('.quick-event-overlay');
-		await expect(editOverlay).toBeVisible({ timeout: 5000 });
-		const deleteBtn = editOverlay.getByRole('button', { name: /löschen/i });
-		if (await deleteBtn.isVisible()) {
-			await deleteBtn.click();
-			const confirmBtn = page.getByRole('button', { name: /löschen|ja|bestätigen/i });
-			if (await confirmBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await confirmBtn.click();
-			}
-		}
-	});
-
-	test('escape cancels drag-to-create', async ({ page }) => {
-		const dayColumn = page.locator('.day-column').first();
-		await expect(dayColumn).toBeVisible();
-
-		const box = await dayColumn.boundingBox();
-		if (!box) return;
-
-		const startY = box.y + box.height * 0.3;
-		const centerX = box.x + box.width / 2;
-
-		// Start dragging
-		await page.mouse.move(centerX, startY);
-		await page.mouse.down();
-		await page.mouse.move(centerX, startY + 50, { steps: 3 });
-
-		// Press escape to cancel
-		await page.keyboard.press('Escape');
-		await page.mouse.up();
-
-		// No overlay should appear
-		const overlay = page.locator('.quick-event-overlay');
-		await expect(overlay).not.toBeVisible({ timeout: 1000 });
-	});
-
-	test('event card shows in correct position within time grid', async ({ page }) => {
-		const uniqueTitle = `Position Test ${Date.now()}`;
-
-		// Create an event by clicking on the grid
-		const dayColumn = page.locator('.day-column').first();
-		await expect(dayColumn).toBeVisible();
-		const box = await dayColumn.boundingBox();
-		if (!box) return;
-
-		await dayColumn.click({ position: { x: box.width / 2, y: box.height * 0.5 } });
-
-		const overlay = page.locator('.quick-event-overlay');
-		await expect(overlay).toBeVisible({ timeout: 5000 });
-		await page.keyboard.type(uniqueTitle);
-		await overlay.getByRole('button', { name: /speichern/i }).click();
-		await expect(overlay).not.toBeVisible({ timeout: 5000 });
-
-		// Verify the event card exists and has a top style (positioned in grid)
-		const eventCard = page.locator('.event-card').filter({ hasText: uniqueTitle });
-		await expect(eventCard).toBeVisible({ timeout: 5000 });
-
-		const style = await eventCard.getAttribute('style');
-		expect(style).toContain('top:');
-		expect(style).toContain('height:');
-
-		// Cleanup
-		await eventCard.click();
-		const editOverlay = page.locator('.quick-event-overlay');
-		const deleteBtn = editOverlay.getByRole('button', { name: /löschen/i });
-		if (await deleteBtn.isVisible()) {
-			await deleteBtn.click();
-			const confirmBtn = page.getByRole('button', { name: /löschen|ja|bestätigen/i });
-			if (await confirmBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await confirmBtn.click();
-			}
-		}
-	});
-
-	test('week view shows current time indicator on today', async ({ page }) => {
-		const timeIndicator = page.locator('.time-indicator');
-		// There should be at least one time indicator (on today's column)
-		await expect(timeIndicator.first()).toBeVisible({ timeout: 5000 });
-
-		// It should have a top percentage style
-		const style = await timeIndicator.first().getAttribute('style');
-		expect(style).toContain('top:');
-	});
-
-	test('week view shows correct day headers', async ({ page }) => {
-		const dayHeaders = page.locator('.day-header');
-		const count = await dayHeaders.count();
-
-		// Should have 5 (weekdays only) or 7 (full week) day headers
-		expect(count === 5 || count === 7).toBe(true);
-
-		// Each header should have a day name and number
-		for (let i = 0; i < count; i++) {
-			const dayName = dayHeaders.nth(i).locator('.day-name');
-			const dayNumber = dayHeaders.nth(i).locator('.day-number');
-			await expect(dayName).toBeVisible();
-			await expect(dayNumber).toBeVisible();
-		}
-	});
-
-	test('today column is highlighted', async ({ page }) => {
-		const todayColumn = page.locator('.day-column.today');
-		await expect(todayColumn).toBeVisible({ timeout: 5000 });
-
-		const todayHeader = page.locator('.day-header.today');
-		await expect(todayHeader).toBeVisible();
-	});
-});
diff --git a/apps/calendar/apps/web-archived/eslint.config.js b/apps/calendar/apps/web-archived/eslint.config.js
deleted file mode 100644
index f0e51b62e..000000000
--- a/apps/calendar/apps/web-archived/eslint.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-check
-import {
-	baseConfig,
-	typescriptConfig,
-	svelteConfig,
-	prettierConfig,
-} from '@manacore/eslint-config';
-
-export default [
-	{
-		ignores: ['dist/**', '.svelte-kit/**', 'node_modules/**'],
-	},
-	...baseConfig,
-	...typescriptConfig,
-	...svelteConfig,
-	...prettierConfig,
-];
diff --git a/apps/calendar/apps/web-archived/package.json b/apps/calendar/apps/web-archived/package.json
deleted file mode 100644
index c9ecff641..000000000
--- a/apps/calendar/apps/web-archived/package.json
+++ /dev/null
@@ -1,79 +0,0 @@
-{
-	"name": "@calendar/web",
-	"version": "1.0.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:e2e": "playwright test",
-		"test:e2e:ui": "playwright test --ui",
-		"test:e2e:headed": "playwright test --headed"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@playwright/test": "^1.51.0",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@testing-library/jest-dom": "^6.9.1",
-		"@types/d3-force": "^3.0.0",
-		"@types/node": "^20.0.0",
-		"@types/suncalc": "^1.9.2",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"jsdom": "^25.0.1",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0",
-		"vitest": "^4.1.0"
-	},
-	"dependencies": {
-		"@calendar/shared": "workspace:*",
-		"@manacore/shared-links": "workspace:*",
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-splitscreen": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@neodrag/svelte": "^2.3.3",
-		"@sqlite.org/sqlite-wasm": "^3.49.1-build1",
-		"d3-force": "^3.0.0",
-		"date-fns": "^4.1.0",
-		"suncalc": "^1.9.0",
-		"svelte-dnd-action": "^0.9.68",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/calendar/apps/web-archived/playwright.config.ts b/apps/calendar/apps/web-archived/playwright.config.ts
deleted file mode 100644
index c574e6b1e..000000000
--- a/apps/calendar/apps/web-archived/playwright.config.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-	testDir: './e2e',
-	fullyParallel: true,
-	forbidOnly: !!process.env.CI,
-	retries: process.env.CI ? 2 : 0,
-	workers: 1,
-	reporter: process.env.CI ? [['github'], ['html', { open: 'never' }]] : [['html']],
-
-	use: {
-		baseURL: 'http://localhost:5179',
-		trace: 'on-first-retry',
-		screenshot: 'only-on-failure',
-		video: 'retain-on-failure',
-		actionTimeout: 10000,
-		navigationTimeout: 30000,
-	},
-
-	timeout: 60000,
-	expect: { timeout: 5000 },
-
-	projects: process.env.CI
-		? [
-				{ name: 'chromium', use: { ...devices['Desktop Chrome'] } },
-				{ name: 'firefox', use: { ...devices['Desktop Firefox'] } },
-				{ name: 'webkit', use: { ...devices['Desktop Safari'] } },
-			]
-		: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
-
-	webServer: {
-		command: 'pnpm run build && pnpm run preview --port 5179',
-		port: 5179,
-		reuseExistingServer: !process.env.CI,
-		timeout: 120000,
-	},
-
-	outputDir: 'test-results/',
-});
diff --git a/apps/calendar/apps/web-archived/scripts/generate-icons.mjs b/apps/calendar/apps/web-archived/scripts/generate-icons.mjs
deleted file mode 100644
index 1af7bd63f..000000000
--- a/apps/calendar/apps/web-archived/scripts/generate-icons.mjs
+++ /dev/null
@@ -1,45 +0,0 @@
-#!/usr/bin/env node
-/**
- * Generate PWA icons from SVG favicon
- * Run: node scripts/generate-icons.mjs
- * Requires: sharp (available in workspace)
- */
-
-import { readFileSync } from 'fs';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const staticDir = join(__dirname, '..', 'static');
-
-const sizes = [
-	{ name: 'favicon.png', size: 32 },
-	{ name: 'pwa-192x192.png', size: 192 },
-	{ name: 'pwa-512x512.png', size: 512 },
-	{ name: 'apple-touch-icon.png', size: 180 },
-];
-
-async function generateIcons() {
-	try {
-		const sharp = (await import('sharp')).default;
-		const svgPath = join(staticDir, 'favicon.svg');
-		const svgBuffer = readFileSync(svgPath);
-
-		for (const { name, size } of sizes) {
-			const outputPath = join(staticDir, name);
-			await sharp(svgBuffer).resize(size, size).png().toFile(outputPath);
-			console.log(`Generated: ${name} (${size}x${size})`);
-		}
-
-		console.log('\nAll icons generated successfully!');
-	} catch (error) {
-		if (error.code === 'ERR_MODULE_NOT_FOUND') {
-			console.error('Sharp is not installed. Run: pnpm add -D sharp');
-		} else {
-			console.error('Error generating icons:', error);
-		}
-		process.exit(1);
-	}
-}
-
-generateIcons();
diff --git a/apps/calendar/apps/web-archived/src/app.css b/apps/calendar/apps/web-archived/src/app.css
deleted file mode 100644
index 811bd3ffe..000000000
--- a/apps/calendar/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,261 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../packages/shared/src";
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-/* Calendar-specific CSS Variables */
-@layer base {
-	:root {
-		/* Spacing */
-		--spacing-xs: 0.25rem;
-		--spacing-sm: 0.5rem;
-		--spacing-md: 1rem;
-		--spacing-lg: 1.5rem;
-		--spacing-xl: 2rem;
-		--spacing-2xl: 3rem;
-
-		/* Border Radius */
-		--radius-sm: 0.25rem;
-		--radius-md: 0.5rem;
-		--radius-lg: 0.75rem;
-		--radius-xl: 1rem;
-		--radius-full: 9999px;
-
-		/* Transitions */
-		--transition-fast: 150ms ease;
-		--transition-base: 200ms ease;
-		--transition-slow: 300ms ease;
-
-		/* Calendar-specific */
-		--hour-height: 48px;
-		--day-header-height: 40px;
-		--time-column-width: 56px;
-	}
-}
-
-/* Calendar Grid Styles - Using plain CSS (not @layer) for guaranteed inclusion */
-/* Hour slot in day/week view */
-.hour-slot {
-	height: var(--hour-height);
-	border-bottom: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
-	position: relative;
-}
-
-.hour-slot:hover {
-	background-color: color-mix(in srgb, var(--color-muted) 30%, transparent);
-}
-
-/* Event card in calendar */
-.event-card {
-	background-color: var(--color-primary);
-	color: var(--color-primary-foreground);
-	border-radius: var(--radius-sm);
-	padding: 2px 6px;
-	font-size: 0.75rem;
-	overflow: hidden;
-	cursor: pointer;
-	transition: transform var(--transition-fast), box-shadow var(--transition-fast);
-}
-
-.event-card:hover {
-	transform: scale(1.02);
-	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-}
-
-/* Day cell in month view */
-.day-cell {
-	min-height: 100px;
-	border: 1px solid var(--color-border);
-	padding: var(--spacing-xs);
-	transition: background-color var(--transition-fast);
-}
-
-.day-cell:hover {
-	background-color: color-mix(in srgb, var(--color-muted) 30%, transparent);
-}
-
-.day-cell.today {
-	background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
-}
-
-.day-cell.other-month {
-	opacity: 0.5;
-}
-
-/* Time indicator (current time line) */
-.time-indicator {
-	position: absolute;
-	left: 0;
-	right: 0;
-	height: 2px;
-	background-color: var(--color-error);
-	z-index: 10;
-}
-
-.time-indicator::before {
-	content: '';
-	position: absolute;
-	left: -4px;
-	top: -4px;
-	width: 10px;
-	height: 10px;
-	border-radius: 50%;
-	background-color: var(--color-error);
-}
-
-/* Mini calendar */
-.mini-calendar {
-	font-size: 0.875rem;
-}
-
-.mini-calendar .day {
-	width: 28px;
-	height: 28px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: var(--radius-full);
-	cursor: pointer;
-	transition: all var(--transition-fast);
-}
-
-.mini-calendar .day:hover {
-	background-color: var(--color-muted);
-}
-
-.mini-calendar .day.today {
-	background-color: var(--color-primary);
-	color: var(--color-primary-foreground);
-}
-
-.mini-calendar .day.selected {
-	border: 2px solid var(--color-primary);
-}
-
-/* Card styles */
-.card {
-	background-color: var(--color-surface);
-	border-radius: var(--radius-lg);
-	padding: var(--spacing-lg);
-	border: 1px solid var(--color-border);
-}
-
-/* Button styles */
-.btn {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0.5rem 1rem;
-	border-radius: var(--radius-md);
-	font-weight: 500;
-	font-size: 0.875rem;
-	transition: all var(--transition-base);
-	cursor: pointer;
-	border: none;
-	background: transparent;
-}
-
-.btn-primary {
-	background: var(--color-primary);
-	color: var(--color-primary-foreground);
-}
-
-.btn-primary:hover {
-	filter: brightness(0.9);
-}
-
-.btn-primary:disabled {
-	opacity: 0.5;
-	cursor: not-allowed;
-}
-
-.btn-secondary {
-	background: var(--color-secondary);
-	color: var(--color-secondary-foreground);
-}
-
-.btn-secondary:hover {
-	filter: brightness(0.9);
-}
-
-.btn-ghost {
-	background: transparent;
-	color: var(--color-foreground);
-}
-
-.btn-ghost:hover {
-	background: var(--color-muted);
-}
-
-.btn-icon {
-	padding: 0.5rem;
-}
-
-.btn-sm {
-	padding: 0.25rem 0.5rem;
-	font-size: 0.75rem;
-}
-
-/* Input styles */
-.input {
-	display: block;
-	width: 100%;
-	padding: 0.5rem 0.75rem;
-	border: 2px solid var(--color-border);
-	border-radius: var(--radius-md);
-	background-color: var(--color-background);
-	color: var(--color-foreground);
-	font-size: 0.875rem;
-	transition: border-color var(--transition-fast);
-}
-
-.input:focus {
-	outline: none;
-	border-color: var(--color-primary);
-}
-
-.input::placeholder {
-	color: var(--color-muted-foreground);
-}
-
-/* Select styling */
-select.input {
-	appearance: none;
-	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
-	background-position: right 0.5rem center;
-	background-repeat: no-repeat;
-	background-size: 1.5em 1.5em;
-	padding-right: 2.5rem;
-}
-
-/* Text colors */
-.text-destructive {
-	color: var(--color-error);
-}
-
-/* Scrollbar styling */
-@layer utilities {
-	.scrollbar-thin::-webkit-scrollbar {
-		width: 6px;
-		height: 6px;
-	}
-
-	.scrollbar-thin::-webkit-scrollbar-track {
-		background: transparent;
-	}
-
-	.scrollbar-thin::-webkit-scrollbar-thumb {
-		background-color: hsl(var(--muted-foreground) / 0.3);
-		border-radius: 3px;
-	}
-
-	.scrollbar-thin::-webkit-scrollbar-thumb:hover {
-		background-color: hsl(var(--muted-foreground) / 0.5);
-	}
-}
diff --git a/apps/calendar/apps/web-archived/src/app.d.ts b/apps/calendar/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/calendar/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/calendar/apps/web-archived/src/app.html b/apps/calendar/apps/web-archived/src/app.html
deleted file mode 100644
index 6cf6c7464..000000000
--- a/apps/calendar/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
-
-		<!-- PWA Meta Tags -->
-		<meta name="theme-color" content="#3b82f6" />
-		<meta name="application-name" content="Calendar" />
-		<meta name="description" content="Kalender und Terminverwaltung" />
-
-		<!-- PWA/iOS Meta Tags -->
-		<meta name="mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<meta name="apple-mobile-web-app-title" content="Calendar" />
-		<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" />
-
-		<!-- Favicon -->
-		<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/favicon.svg" />
-		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon.png" />
-
-		<title>Calendar</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/calendar/apps/web-archived/src/hooks.client.ts b/apps/calendar/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 07c1a0078..000000000
--- a/apps/calendar/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'calendar-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/calendar/apps/web-archived/src/hooks.server.ts b/apps/calendar/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 1e76ae88a..000000000
--- a/apps/calendar/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Adds security headers
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-// In dev mode, Vite exposes .env vars via import.meta.env, not process.env
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT ||
-	process.env.PUBLIC_MANA_CORE_AUTH_URL ||
-	'http://localhost:3001';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT ||
-	process.env.PUBLIC_BACKEND_URL ||
-	'http://localhost:3014';
-const PUBLIC_STT_URL = process.env.PUBLIC_STT_URL || 'https://stt-api.mana.how';
-
-// Cross-app integration URLs (for contacts API)
-const PUBLIC_CONTACTS_API_URL = process.env.PUBLIC_CONTACTS_API_URL || 'http://localhost:3015';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			// Inject runtime environment variables into the HTML
-			// These will be available on window.__PUBLIC_*__ for client-side code
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_STT_URL__ = ${JSON.stringify(PUBLIC_STT_URL)};
-window.__PUBLIC_CONTACTS_API_URL__ = ${JSON.stringify(PUBLIC_CONTACTS_API_URL)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [
-			PUBLIC_MANA_CORE_AUTH_URL_CLIENT,
-			PUBLIC_BACKEND_URL_CLIENT,
-			PUBLIC_STT_URL,
-			PUBLIC_CONTACTS_API_URL,
-		],
-	});
-
-	return response;
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/api/birthdays.ts b/apps/calendar/apps/web-archived/src/lib/api/birthdays.ts
deleted file mode 100644
index d5e73627c..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/birthdays.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-/**
- * Cross-App API Client for Contacts Backend - Birthday Data
- * Allows Calendar app to fetch contact birthdays for display
- */
-
-import { browser } from '$app/environment';
-import { env } from '$env/dynamic/public';
-import { createApiClient } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-
-// Get contacts API base URL from injected window variable (browser) or env (SSR)
-function getContactsApiBase(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_CONTACTS_API_URL__?: string })
-			.__PUBLIC_CONTACTS_API_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return env.PUBLIC_CONTACTS_API_URL || 'http://localhost:3015';
-}
-
-let _contactsClient: ReturnType<typeof createApiClient> | null = null;
-
-function getContactsClient() {
-	if (!_contactsClient) {
-		_contactsClient = createApiClient({
-			baseUrl: getContactsApiBase(),
-			apiPrefix: '/api/v1',
-			getAuthToken: () => authStore.getValidToken(),
-			timeout: 30000,
-			debug: import.meta.env.DEV,
-			useRuntimeUrl: false,
-		});
-	}
-	return _contactsClient;
-}
-
-// For backwards compatibility
-const contactsClient = {
-	get: <T>(endpoint: string) => getContactsClient().get<T>(endpoint),
-	post: <T>(endpoint: string, body?: unknown) => getContactsClient().post<T>(endpoint, body),
-	put: <T>(endpoint: string, body?: unknown) => getContactsClient().put<T>(endpoint, body),
-	patch: <T>(endpoint: string, body?: unknown) => getContactsClient().patch<T>(endpoint, body),
-	delete: <T>(endpoint: string) => getContactsClient().delete<T>(endpoint),
-};
-
-// ============================================
-// Types for Birthday Integration
-// ============================================
-
-/**
- * Lightweight contact data for birthday display
- * Only essential fields from Contacts API
- */
-export interface ContactBirthdaySummary {
-	id: string;
-	displayName: string | null;
-	firstName: string | null;
-	lastName: string | null;
-	birthday: string; // YYYY-MM-DD format
-	photoUrl: string | null;
-}
-
-/**
- * Birthday event for calendar display
- * Generated from ContactBirthdaySummary with display date
- */
-export interface BirthdayEvent {
-	id: string; // Format: birthday-{contactId}-{date}
-	contactId: string;
-	title: string; // "{Name}'s Geburtstag"
-	displayName: string;
-	photoUrl: string | null;
-	birthday: string; // Original birthday date
-	age: number; // Age on this birthday (0 if birth year unknown)
-	startTime: string; // ISO date of the birthday occurrence
-	endTime: string; // Same as startTime (all-day event)
-	isAllDay: true;
-	isBirthday: true; // Type discriminator
-	calendarId: string; // Virtual calendar ID
-}
-
-// ============================================
-// API Response Types
-// ============================================
-
-interface BirthdaysResponse {
-	contacts: ContactBirthdaySummary[];
-}
-
-// ============================================
-// API Functions
-// ============================================
-
-/**
- * Fetch all contacts with birthdays from Contacts service
- */
-export async function getBirthdays(): Promise<{
-	data: ContactBirthdaySummary[] | null;
-	error: Error | null;
-}> {
-	const result = await contactsClient.get<BirthdaysResponse>('/contacts/birthdays');
-	if (result.error) {
-		return { data: null, error: new Error(result.error.message) };
-	}
-	return {
-		data: result.data?.contacts || null,
-		error: null,
-	};
-}
-
-// ============================================
-// Helper Functions
-// ============================================
-
-/**
- * Get display name from contact, with fallback
- */
-export function getContactDisplayName(contact: ContactBirthdaySummary): string {
-	if (contact.displayName) return contact.displayName;
-	const fullName = [contact.firstName, contact.lastName].filter(Boolean).join(' ');
-	return fullName || 'Unbekannt';
-}
-
-/**
- * Birthday calendar constants
- */
-export const BIRTHDAY_CALENDAR = {
-	id: '__birthdays__',
-	name: 'Geburtstage',
-	color: '#EC4899', // Pink
-} as const;
diff --git a/apps/calendar/apps/web-archived/src/lib/api/calendars.ts b/apps/calendar/apps/web-archived/src/lib/api/calendars.ts
deleted file mode 100644
index 4b6197430..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/calendars.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Calendar API Client
- */
-
-import { fetchApi } from './client';
-import type { Calendar, CreateCalendarInput, UpdateCalendarInput } from '@calendar/shared';
-
-export async function getCalendars() {
-	return fetchApi<Calendar[]>('/calendars');
-}
-
-export async function getCalendar(id: string) {
-	return fetchApi<Calendar>(`/calendars/${id}`);
-}
-
-export async function createCalendar(data: CreateCalendarInput) {
-	const result = await fetchApi<{ calendar: Calendar }>('/calendars', {
-		method: 'POST',
-		body: data,
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.calendar, error: null };
-}
-
-export async function updateCalendar(id: string, data: UpdateCalendarInput) {
-	const result = await fetchApi<{ calendar: Calendar }>(`/calendars/${id}`, {
-		method: 'PUT',
-		body: data,
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.calendar, error: null };
-}
-
-export async function deleteCalendar(id: string) {
-	return fetchApi<void>(`/calendars/${id}`, {
-		method: 'DELETE',
-	});
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/api/client.ts b/apps/calendar/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index 8d3bb12b8..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-/**
- * API Client for Calendar Backend
- * Uses @manacore/shared-api-client for consistent error handling
- *
- * Token handling: Uses authStore.getValidToken() which automatically
- * refreshes expired tokens before making requests.
- */
-
-import { browser } from '$app/environment';
-import { env } from '$env/dynamic/public';
-import { createApiClient, type ApiResult, type ApiClient } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-
-// Use client URL in browser (injected by hooks.server.ts), SSR URL on server
-function getApiBase(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_BACKEND_URL__?: string })
-			.__PUBLIC_BACKEND_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return env.PUBLIC_BACKEND_URL || 'http://localhost:3014';
-}
-
-/**
- * Calendar API client instance (lazy initialized)
- * - Auto token handling via authStore.getValidToken()
- * - Consistent ApiResult<T> response format
- */
-let _api: ApiClient | null = null;
-
-function getApi(): ApiClient {
-	if (!_api) {
-		_api = createApiClient({
-			baseUrl: getApiBase(),
-			apiPrefix: '/api/v1',
-			getAuthToken: () => authStore.getValidToken(),
-			timeout: 30000,
-			debug: import.meta.env.DEV,
-		});
-	}
-	return _api;
-}
-
-/**
- * Request deduplication for GET requests
- * Prevents identical concurrent requests from being sent multiple times
- */
-const pendingRequests = new Map<string, Promise<ApiResult<unknown>>>();
-
-/**
- * Legacy fetchApi interface for backwards compatibility
- */
-export interface FetchOptions {
-	method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
-	body?: unknown;
-	token?: string;
-	isFormData?: boolean;
-	timeout?: number;
-}
-
-/**
- * Fetch API wrapper using shared client
- * Maintains backward compatibility with existing code
- * GET requests are deduplicated — identical concurrent GETs share one in-flight request
- */
-export async function fetchApi<T>(
-	endpoint: string,
-	options: FetchOptions = {}
-): Promise<ApiResult<T>> {
-	const { method = 'GET', body, isFormData = false } = options;
-	const api = getApi();
-
-	if (isFormData && body instanceof FormData) {
-		return api.upload<T>(endpoint, body);
-	}
-
-	// Deduplicate GET requests
-	if (method === 'GET') {
-		const existing = pendingRequests.get(endpoint);
-		if (existing) {
-			return existing as Promise<ApiResult<T>>;
-		}
-		const promise = api.get<T>(endpoint).finally(() => {
-			pendingRequests.delete(endpoint);
-		});
-		pendingRequests.set(endpoint, promise as Promise<ApiResult<unknown>>);
-		return promise;
-	}
-
-	switch (method) {
-		case 'POST':
-			return api.post<T>(endpoint, body);
-		case 'PUT':
-			return api.put<T>(endpoint, body);
-		case 'PATCH':
-			return api.patch<T>(endpoint, body);
-		case 'DELETE':
-			return api.delete<T>(endpoint);
-		default:
-			return api.get<T>(endpoint);
-	}
-}
-
-// Re-export types for backwards compatibility
-export type { ApiResult };
diff --git a/apps/calendar/apps/web-archived/src/lib/api/event-tags.ts b/apps/calendar/apps/web-archived/src/lib/api/event-tags.ts
deleted file mode 100644
index a3fb56a8b..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/event-tags.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * Event Tags API Client - Uses Calendar Backend API
- *
- * This module provides the event tags interface for the Calendar app,
- * using the calendar backend's /event-tags endpoint which supports
- * tag groups (groupId).
- */
-
-import { fetchApi } from './client';
-import type { EventTag } from '@calendar/shared';
-
-// Re-export EventTag from shared
-export type { EventTag };
-
-export interface CreateEventTagInput {
-	name: string;
-	color?: string;
-	groupId?: string | null;
-}
-
-export interface UpdateEventTagInput {
-	name?: string;
-	color?: string;
-	groupId?: string | null;
-}
-
-export async function getEventTags() {
-	const result = await fetchApi<{ tags: EventTag[] }>('/event-tags');
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.tags, error: null };
-}
-
-export async function getEventTag(id: string) {
-	const result = await fetchApi<{ tag: EventTag }>(`/event-tags/${id}`);
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.tag, error: null };
-}
-
-export async function createEventTag(data: CreateEventTagInput) {
-	const result = await fetchApi<{ tag: EventTag }>('/event-tags', {
-		method: 'POST',
-		body: data,
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.tag, error: null };
-}
-
-export async function updateEventTag(id: string, data: UpdateEventTagInput) {
-	const result = await fetchApi<{ tag: EventTag }>(`/event-tags/${id}`, {
-		method: 'PUT',
-		body: data,
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.tag, error: null };
-}
-
-export async function deleteEventTag(id: string) {
-	const result = await fetchApi<{ success: boolean }>(`/event-tags/${id}`, {
-		method: 'DELETE',
-	});
-	return result;
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/api/events.test.ts b/apps/calendar/apps/web-archived/src/lib/api/events.test.ts
deleted file mode 100644
index 393871859..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/events.test.ts
+++ /dev/null
@@ -1,278 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import type { CalendarEvent } from '@calendar/shared';
-
-// Mock the client module
-vi.mock('./client', () => ({
-	fetchApi: vi.fn(),
-}));
-
-import { fetchApi } from './client';
-import { getEvents, getEvent, createEvent, updateEvent, deleteEvent } from './events';
-
-const mockFetchApi = vi.mocked(fetchApi);
-
-function makeEvent(overrides: Partial<CalendarEvent> = {}): CalendarEvent {
-	return {
-		id: 'evt-1',
-		calendarId: 'cal-1',
-		userId: 'user-1',
-		title: 'Test Event',
-		description: null,
-		location: null,
-		startTime: '2026-03-15T10:00:00Z',
-		endTime: '2026-03-15T11:00:00Z',
-		isAllDay: false,
-		timezone: 'Europe/Berlin',
-		recurrenceRule: null,
-		recurrenceEndDate: null,
-		recurrenceExceptions: null,
-		parentEventId: null,
-		color: null,
-		status: 'confirmed',
-		externalId: null,
-		metadata: null,
-		createdAt: '2026-03-01T00:00:00Z',
-		updatedAt: '2026-03-01T00:00:00Z',
-		...overrides,
-	};
-}
-
-describe('events API client', () => {
-	beforeEach(() => {
-		vi.clearAllMocks();
-	});
-
-	describe('getEvents', () => {
-		it('should build query params with startDate and endDate', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { events: [], pagination: { offset: 0, count: 0 } },
-				error: null,
-			});
-
-			await getEvents({
-				startDate: '2026-03-01T00:00:00',
-				endDate: '2026-03-31T23:59:59',
-			});
-
-			expect(mockFetchApi).toHaveBeenCalledOnce();
-			const url = mockFetchApi.mock.calls[0][0];
-			expect(url).toContain('startDate=2026-03-01T00%3A00%3A00');
-			expect(url).toContain('endDate=2026-03-31T23%3A59%3A59');
-		});
-
-		it('should include calendarIds when provided', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { events: [], pagination: { offset: 0, count: 0 } },
-				error: null,
-			});
-
-			await getEvents({
-				startDate: '2026-03-01T00:00:00',
-				endDate: '2026-03-31T23:59:59',
-				calendarIds: ['cal-1', 'cal-2'],
-			});
-
-			const url = mockFetchApi.mock.calls[0][0];
-			expect(url).toContain('calendarIds=cal-1%2Ccal-2');
-		});
-
-		it('should include search param when provided', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { events: [], pagination: { offset: 0, count: 0 } },
-				error: null,
-			});
-
-			await getEvents({
-				startDate: '2026-03-01T00:00:00',
-				endDate: '2026-03-31T23:59:59',
-				search: 'meeting',
-			});
-
-			const url = mockFetchApi.mock.calls[0][0];
-			expect(url).toContain('search=meeting');
-		});
-
-		it('should include limit and offset when provided', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { events: [], pagination: { offset: 0, count: 0 } },
-				error: null,
-			});
-
-			await getEvents({
-				startDate: '2026-03-01T00:00:00',
-				endDate: '2026-03-31T23:59:59',
-				limit: 10,
-				offset: 20,
-			});
-
-			const url = mockFetchApi.mock.calls[0][0];
-			expect(url).toContain('limit=10');
-			expect(url).toContain('offset=20');
-		});
-
-		it('should extract events array from response', async () => {
-			const events = [makeEvent(), makeEvent({ id: 'evt-2', title: 'Second' })];
-			mockFetchApi.mockResolvedValue({
-				data: { events, pagination: { offset: 0, count: 2 } },
-				error: null,
-			});
-
-			const result = await getEvents({
-				startDate: '2026-03-01T00:00:00',
-				endDate: '2026-03-31T23:59:59',
-			});
-
-			expect(result.data).toHaveLength(2);
-			expect(result.error).toBeNull();
-			expect(result.pagination).toEqual({ offset: 0, count: 2 });
-		});
-
-		it('should return error when API fails', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: null,
-				error: { message: 'Server error', code: 'SERVER_ERROR', status: 500 },
-			});
-
-			const result = await getEvents({
-				startDate: '2026-03-01T00:00:00',
-				endDate: '2026-03-31T23:59:59',
-			});
-
-			expect(result.data).toBeNull();
-			expect(result.error).toEqual({
-				message: 'Server error',
-				code: 'SERVER_ERROR',
-				status: 500,
-			});
-		});
-	});
-
-	describe('getEvent', () => {
-		it('should fetch a single event by ID', async () => {
-			const event = makeEvent();
-			mockFetchApi.mockResolvedValue({
-				data: { event },
-				error: null,
-			});
-
-			const result = await getEvent('evt-1');
-
-			expect(mockFetchApi).toHaveBeenCalledWith('/events/evt-1');
-			expect(result.data).toEqual(event);
-			expect(result.error).toBeNull();
-		});
-
-		it('should return error when event not found', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: null,
-				error: { message: 'Not found', code: 'NOT_FOUND', status: 404 },
-			});
-
-			const result = await getEvent('nonexistent');
-
-			expect(result.data).toBeNull();
-			expect(result.error?.code).toBe('NOT_FOUND');
-		});
-	});
-
-	describe('createEvent', () => {
-		it('should send POST request with event data', async () => {
-			const event = makeEvent();
-			mockFetchApi.mockResolvedValue({
-				data: { event },
-				error: null,
-			});
-
-			const input = {
-				calendarId: 'cal-1',
-				title: 'Test Event',
-				startTime: '2026-03-15T10:00:00Z',
-				endTime: '2026-03-15T11:00:00Z',
-			};
-
-			const result = await createEvent(input);
-
-			expect(mockFetchApi).toHaveBeenCalledWith('/events', {
-				method: 'POST',
-				body: input,
-			});
-			expect(result.data).toEqual(event);
-			expect(result.error).toBeNull();
-		});
-
-		it('should return error on creation failure', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: null,
-				error: { message: 'Validation failed', code: 'VALIDATION_ERROR', status: 400 },
-			});
-
-			const result = await createEvent({
-				title: '',
-				startTime: '2026-03-15T10:00:00Z',
-				endTime: '2026-03-15T11:00:00Z',
-			});
-
-			expect(result.data).toBeNull();
-			expect(result.error?.code).toBe('VALIDATION_ERROR');
-		});
-	});
-
-	describe('updateEvent', () => {
-		it('should send PUT request with update data', async () => {
-			const event = makeEvent({ title: 'Updated Title' });
-			mockFetchApi.mockResolvedValue({
-				data: { event },
-				error: null,
-			});
-
-			const updateData = { title: 'Updated Title' };
-			const result = await updateEvent('evt-1', updateData);
-
-			expect(mockFetchApi).toHaveBeenCalledWith('/events/evt-1', {
-				method: 'PUT',
-				body: updateData,
-			});
-			expect(result.data).toEqual(event);
-			expect(result.error).toBeNull();
-		});
-
-		it('should return error on update failure', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: null,
-				error: { message: 'Forbidden', code: 'FORBIDDEN', status: 403 },
-			});
-
-			const result = await updateEvent('evt-1', { title: 'Updated' });
-
-			expect(result.data).toBeNull();
-			expect(result.error?.code).toBe('FORBIDDEN');
-		});
-	});
-
-	describe('deleteEvent', () => {
-		it('should send DELETE request', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: null,
-				error: null,
-			});
-
-			const result = await deleteEvent('evt-1');
-
-			expect(mockFetchApi).toHaveBeenCalledWith('/events/evt-1', {
-				method: 'DELETE',
-			});
-			expect(result.error).toBeNull();
-		});
-
-		it('should return error on delete failure', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: null,
-				error: { message: 'Not found', code: 'NOT_FOUND', status: 404 },
-			});
-
-			const result = await deleteEvent('nonexistent');
-
-			expect(result.error?.code).toBe('NOT_FOUND');
-		});
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/api/events.ts b/apps/calendar/apps/web-archived/src/lib/api/events.ts
deleted file mode 100644
index e12971d17..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/events.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-/**
- * Events API Client
- */
-
-import { fetchApi } from './client';
-import type { CalendarEvent, CreateEventInput, UpdateEventInput } from '@calendar/shared';
-
-export interface PaginationMeta {
-	limit?: number;
-	offset: number;
-	count: number;
-}
-
-export interface QueryEventsParams {
-	startDate: string;
-	endDate: string;
-	calendarIds?: string[];
-	search?: string;
-	limit?: number;
-	offset?: number;
-}
-
-export async function getEvents(params: QueryEventsParams) {
-	const searchParams = new URLSearchParams({
-		startDate: params.startDate,
-		endDate: params.endDate,
-	});
-	if (params.calendarIds?.length) {
-		searchParams.set('calendarIds', params.calendarIds.join(','));
-	}
-	if (params.search) {
-		searchParams.set('search', params.search);
-	}
-	if (params.limit !== undefined) {
-		searchParams.set('limit', String(params.limit));
-	}
-	if (params.offset !== undefined) {
-		searchParams.set('offset', String(params.offset));
-	}
-	const result = await fetchApi<{ events: CalendarEvent[]; pagination: PaginationMeta }>(
-		`/events?${searchParams.toString()}`
-	);
-	if (result.error || !result.data) {
-		return { data: null, pagination: null, error: result.error };
-	}
-	return { data: result.data.events, pagination: result.data.pagination, error: null };
-}
-
-export async function searchEvents(query: string, limit: number = 10) {
-	// Search events within a wide range (1 year past to 1 year future)
-	const oneYearAgo = new Date();
-	oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);
-	const oneYearFromNow = new Date();
-	oneYearFromNow.setFullYear(oneYearFromNow.getFullYear() + 1);
-
-	return getEvents({
-		startDate: oneYearAgo.toISOString(),
-		endDate: oneYearFromNow.toISOString(),
-		search: query,
-	});
-}
-
-export async function getEvent(id: string) {
-	const result = await fetchApi<{ event: CalendarEvent }>(`/events/${id}`);
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.event, error: null };
-}
-
-export async function getEventsByCalendar(calendarId: string) {
-	return fetchApi<CalendarEvent[]>(`/events/calendar/${calendarId}`);
-}
-
-export async function createEvent(data: CreateEventInput) {
-	const result = await fetchApi<{ event: CalendarEvent }>('/events', {
-		method: 'POST',
-		body: data,
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.event, error: null };
-}
-
-export async function updateEvent(id: string, data: UpdateEventInput) {
-	const result = await fetchApi<{ event: CalendarEvent }>(`/events/${id}`, {
-		method: 'PUT',
-		body: data,
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.event, error: null };
-}
-
-export async function deleteEvent(id: string) {
-	return fetchApi<void>(`/events/${id}`, {
-		method: 'DELETE',
-	});
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/api/reminders.test.ts b/apps/calendar/apps/web-archived/src/lib/api/reminders.test.ts
deleted file mode 100644
index b9a1224e0..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/reminders.test.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-vi.mock('./client', () => ({
-	fetchApi: vi.fn(),
-}));
-
-import { fetchApi } from './client';
-import { getReminders, createReminder, deleteReminder } from './reminders';
-
-const mockFetchApi = vi.mocked(fetchApi);
-
-describe('reminders API client', () => {
-	beforeEach(() => {
-		vi.clearAllMocks();
-	});
-
-	describe('getReminders', () => {
-		it('should GET /events/:eventId/reminders', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: [
-					{ id: 'rem-1', eventId: 'evt-1', minutesBefore: 15, status: 'pending' },
-					{ id: 'rem-2', eventId: 'evt-1', minutesBefore: 60, status: 'sent' },
-				],
-				error: null,
-			});
-
-			const result = await getReminders('evt-1');
-
-			expect(mockFetchApi).toHaveBeenCalledWith('/events/evt-1/reminders');
-			expect(result.data).toHaveLength(2);
-		});
-
-		it('should return error on failure', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: null,
-				error: { message: 'Not found', code: 'NOT_FOUND', status: 404 },
-			});
-
-			const result = await getReminders('nonexistent');
-
-			expect(result.error).toBeTruthy();
-		});
-	});
-
-	describe('createReminder', () => {
-		it('should POST to /events/:eventId/reminders with body', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { id: 'rem-new', eventId: 'evt-1', minutesBefore: 30, status: 'pending' },
-				error: null,
-			});
-
-			const result = await createReminder('evt-1', {
-				eventId: 'evt-1',
-				minutesBefore: 30,
-				notifyPush: true,
-				notifyEmail: false,
-			});
-
-			expect(mockFetchApi).toHaveBeenCalledWith('/events/evt-1/reminders', {
-				method: 'POST',
-				body: {
-					eventId: 'evt-1',
-					minutesBefore: 30,
-					notifyPush: true,
-					notifyEmail: false,
-				},
-			});
-			expect(result.data).toBeTruthy();
-		});
-	});
-
-	describe('deleteReminder', () => {
-		it('should DELETE /reminders/:id', async () => {
-			mockFetchApi.mockResolvedValue({ data: null, error: null });
-
-			await deleteReminder('rem-1');
-
-			expect(mockFetchApi).toHaveBeenCalledWith('/reminders/rem-1', {
-				method: 'DELETE',
-			});
-		});
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/api/reminders.ts b/apps/calendar/apps/web-archived/src/lib/api/reminders.ts
deleted file mode 100644
index c932f9a3a..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/reminders.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Reminders API Client
- */
-
-import { fetchApi } from './client';
-import type { Reminder, CreateReminderInput } from '@calendar/shared';
-
-export async function getReminders(eventId: string) {
-	return fetchApi<Reminder[]>(`/events/${eventId}/reminders`);
-}
-
-export async function createReminder(eventId: string, data: CreateReminderInput) {
-	return fetchApi<Reminder>(`/events/${eventId}/reminders`, {
-		method: 'POST',
-		body: data,
-	});
-}
-
-export async function deleteReminder(id: string) {
-	return fetchApi<void>(`/reminders/${id}`, {
-		method: 'DELETE',
-	});
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/api/shares.ts b/apps/calendar/apps/web-archived/src/lib/api/shares.ts
deleted file mode 100644
index 93f43e77d..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/shares.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/**
- * Calendar Shares API Client
- */
-
-import { fetchApi } from './client';
-import type { CalendarShare, CreateShareInput, UpdateShareInput } from '@calendar/shared';
-
-export async function getShares(calendarId: string) {
-	return fetchApi<CalendarShare[]>(`/calendars/${calendarId}/shares`);
-}
-
-export async function createShare(calendarId: string, data: CreateShareInput) {
-	return fetchApi<CalendarShare>(`/calendars/${calendarId}/shares`, {
-		method: 'POST',
-		body: data,
-	});
-}
-
-export async function acceptShare(shareId: string) {
-	return fetchApi<CalendarShare>(`/shares/${shareId}/accept`, {
-		method: 'POST',
-	});
-}
-
-export async function declineShare(shareId: string) {
-	return fetchApi<void>(`/shares/${shareId}/decline`, {
-		method: 'POST',
-	});
-}
-
-export async function updateShare(shareId: string, data: UpdateShareInput) {
-	return fetchApi<CalendarShare>(`/shares/${shareId}`, {
-		method: 'PUT',
-		body: data,
-	});
-}
-
-export async function deleteShare(calendarId: string, shareId: string) {
-	return fetchApi<void>(`/calendars/${calendarId}/shares/${shareId}`, {
-		method: 'DELETE',
-	});
-}
-
-export async function getInvitations() {
-	return fetchApi<CalendarShare[]>('/shares/invitations');
-}
-
-export async function getSharedWithMe() {
-	return fetchApi<CalendarShare[]>('/shares/shared-with-me');
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/api/sync.test.ts b/apps/calendar/apps/web-archived/src/lib/api/sync.test.ts
deleted file mode 100644
index fd4be5d95..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/sync.test.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-vi.mock('./client', () => ({
-	fetchApi: vi.fn(),
-}));
-
-import { fetchApi } from './client';
-import {
-	getExternalCalendars,
-	connectExternalCalendar,
-	updateExternalCalendar,
-	disconnectExternalCalendar,
-	triggerSync,
-	discoverCalDav,
-	getGoogleAuthUrl,
-	getICalExportUrl,
-} from './sync';
-
-const mockFetchApi = vi.mocked(fetchApi);
-
-describe('sync API client', () => {
-	beforeEach(() => {
-		vi.clearAllMocks();
-	});
-
-	describe('getExternalCalendars', () => {
-		it('should fetch external calendars', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { calendars: [{ id: 'ext-1', name: 'Test' }] },
-				error: null,
-			});
-			const result = await getExternalCalendars();
-			expect(mockFetchApi).toHaveBeenCalledWith('/sync/external');
-			expect(result.data).toHaveLength(1);
-			expect(result.data![0].name).toBe('Test');
-		});
-
-		it('should return error on failure', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: null,
-				error: { message: 'Not found', code: 'NOT_FOUND', status: 404 },
-			});
-			const result = await getExternalCalendars();
-			expect(result.data).toBeNull();
-			expect(result.error).toBeTruthy();
-		});
-	});
-
-	describe('connectExternalCalendar', () => {
-		it('should POST to /sync/external', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { calendar: { id: 'ext-new', name: 'New Cal' } },
-				error: null,
-			});
-			const result = await connectExternalCalendar({
-				name: 'New Cal',
-				provider: 'ical_url',
-				calendarUrl: 'https://example.com/cal.ics',
-			});
-			expect(mockFetchApi).toHaveBeenCalledWith('/sync/external', {
-				method: 'POST',
-				body: { name: 'New Cal', provider: 'ical_url', calendarUrl: 'https://example.com/cal.ics' },
-			});
-			expect(result.data!.name).toBe('New Cal');
-		});
-	});
-
-	describe('disconnectExternalCalendar', () => {
-		it('should DELETE /sync/external/:id', async () => {
-			mockFetchApi.mockResolvedValue({ data: { success: true }, error: null });
-			await disconnectExternalCalendar('ext-1');
-			expect(mockFetchApi).toHaveBeenCalledWith('/sync/external/ext-1', { method: 'DELETE' });
-		});
-	});
-
-	describe('triggerSync', () => {
-		it('should POST to /sync/external/:id/sync', async () => {
-			mockFetchApi.mockResolvedValue({ data: { success: true, eventsImported: 10 }, error: null });
-			const result = await triggerSync('ext-1');
-			expect(mockFetchApi).toHaveBeenCalledWith('/sync/external/ext-1/sync', { method: 'POST' });
-			expect(result.data!.eventsImported).toBe(10);
-		});
-	});
-
-	describe('discoverCalDav', () => {
-		it('should POST credentials to /sync/caldav/discover', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { calendars: [{ url: 'https://cal.example.com/personal', name: 'Personal' }] },
-				error: null,
-			});
-			const result = await discoverCalDav('https://cal.example.com', 'user@example.com', 'pass');
-			expect(mockFetchApi).toHaveBeenCalledWith('/sync/caldav/discover', {
-				method: 'POST',
-				body: {
-					serverUrl: 'https://cal.example.com',
-					username: 'user@example.com',
-					password: 'pass',
-				},
-			});
-			expect(result.data).toHaveLength(1);
-		});
-	});
-
-	describe('getGoogleAuthUrl', () => {
-		it('should GET /sync/google/auth-url', async () => {
-			mockFetchApi.mockResolvedValue({
-				data: { url: 'https://accounts.google.com/auth' },
-				error: null,
-			});
-			const result = await getGoogleAuthUrl();
-			expect(mockFetchApi).toHaveBeenCalledWith('/sync/google/auth-url');
-			expect(result.data).toContain('google');
-		});
-	});
-
-	describe('getICalExportUrl', () => {
-		it('should return the correct export URL', () => {
-			expect(getICalExportUrl('cal-123')).toBe('/api/v1/calendars/cal-123/export.ics');
-		});
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/api/sync.ts b/apps/calendar/apps/web-archived/src/lib/api/sync.ts
deleted file mode 100644
index c86505d6e..000000000
--- a/apps/calendar/apps/web-archived/src/lib/api/sync.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-/**
- * External Calendar Sync API Client
- */
-
-import { fetchApi } from './client';
-import type {
-	ExternalCalendar,
-	ConnectExternalCalendarInput,
-	CalDavDiscoveryResult,
-} from '@calendar/shared';
-
-export interface UpdateExternalCalendarInput {
-	name?: string;
-	syncEnabled?: boolean;
-	syncDirection?: 'import' | 'export' | 'both';
-	syncInterval?: number;
-	color?: string;
-	isVisible?: boolean;
-}
-
-// ==================== External Calendars CRUD ====================
-
-export async function getExternalCalendars() {
-	const result = await fetchApi<{ calendars: ExternalCalendar[] }>('/sync/external');
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.calendars, error: null };
-}
-
-export async function getExternalCalendar(id: string) {
-	const result = await fetchApi<{ calendar: ExternalCalendar }>(`/sync/external/${id}`);
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.calendar, error: null };
-}
-
-export async function connectExternalCalendar(data: ConnectExternalCalendarInput) {
-	const result = await fetchApi<{ calendar: ExternalCalendar }>('/sync/external', {
-		method: 'POST',
-		body: data,
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.calendar, error: null };
-}
-
-export async function updateExternalCalendar(id: string, data: UpdateExternalCalendarInput) {
-	const result = await fetchApi<{ calendar: ExternalCalendar }>(`/sync/external/${id}`, {
-		method: 'PUT',
-		body: data,
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.calendar, error: null };
-}
-
-export async function disconnectExternalCalendar(id: string) {
-	return fetchApi<{ success: boolean }>(`/sync/external/${id}`, {
-		method: 'DELETE',
-	});
-}
-
-// ==================== Sync Operations ====================
-
-export async function triggerSync(id: string) {
-	const result = await fetchApi<{
-		success: boolean;
-		eventsImported?: number;
-		eventsExported?: number;
-	}>(`/sync/external/${id}/sync`, { method: 'POST' });
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data, error: null };
-}
-
-// ==================== CalDAV Discovery ====================
-
-export async function discoverCalDav(serverUrl: string, username: string, password: string) {
-	const result = await fetchApi<CalDavDiscoveryResult>('/sync/caldav/discover', {
-		method: 'POST',
-		body: { serverUrl, username, password },
-	});
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.calendars, error: null };
-}
-
-// ==================== Google OAuth ====================
-
-export async function getGoogleAuthUrl() {
-	const result = await fetchApi<{ url: string }>('/sync/google/auth-url');
-	if (result.error || !result.data) {
-		return { data: null, error: result.error };
-	}
-	return { data: result.data.url, error: null };
-}
-
-// ==================== iCal Export ====================
-
-export function getICalExportUrl(calendarId: string): string {
-	// This returns the URL for direct browser download
-	return `/api/v1/calendars/${calendarId}/export.ics`;
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/calendar/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index b36ac8d18..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { AppSlider } from '@manacore/shared-ui';
-	import type { AppItem } from '@manacore/shared-ui';
-	import { getActiveManaApps, APP_STATUS_LABELS, APP_SLIDER_LABELS } from '@manacore/shared-branding';
-
-	// Convert active apps to AppItem format (German)
-	const apps: AppItem[] = getActiveManaApps().map((app) => ({
-		name: app.name,
-		description: app.description.de,
-		longDescription: app.longDescription.de,
-		icon: app.icon,
-		color: app.color,
-		comingSoon: app.comingSoon,
-		status: app.status,
-	}));
-
-	const statusLabels = APP_STATUS_LABELS.de;
-	const labels = APP_SLIDER_LABELS.de;
-
-	function handleAppClick(app: AppItem, index: number) {
-		console.log('Opening app:', app.name);
-	}
-</script>
-
-<AppSlider
-	{apps}
-	title={labels.title}
-	isDark={false}
-	{statusLabels}
-	comingSoonLabel={labels.comingSoon}
-	openAppLabel={labels.openApp}
-	onAppClick={handleAppClick}
-/>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/calendar/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/calendar/apps/web-archived/src/lib/components/ServiceStatusBanner.svelte b/apps/calendar/apps/web-archived/src/lib/components/ServiceStatusBanner.svelte
deleted file mode 100644
index 6bd6310bd..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/ServiceStatusBanner.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-	import { Warning, ArrowsClockwise } from '@manacore/shared-icons';
-
-	interface Props {
-		serviceName: string;
-		available: boolean;
-		error?: string | null;
-		onRetry?: () => void;
-	}
-
-	let { serviceName, available, error = null, onRetry }: Props = $props();
-</script>
-
-{#if !available}
-	<div class="service-banner" role="alert">
-		<div class="banner-content">
-			<Warning size={16} />
-			<span>
-				{serviceName} ist nicht erreichbar
-				{#if error}
-					<span class="error-detail">({error})</span>
-				{/if}
-			</span>
-		</div>
-		{#if onRetry}
-			<button class="retry-btn" onclick={onRetry}>
-				<ArrowsClockwise size={14} />
-				Erneut versuchen
-			</button>
-		{/if}
-	</div>
-{/if}
-
-<style>
-	.service-banner {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 0.5rem;
-		padding: 0.5rem 0.75rem;
-		background: hsl(38 92% 50% / 0.1);
-		border: 1px solid hsl(38 92% 50% / 0.3);
-		border-radius: 0.5rem;
-		font-size: 0.8125rem;
-		color: hsl(38 92% 50%);
-	}
-
-	.banner-content {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-	}
-
-	.error-detail {
-		opacity: 0.7;
-		font-size: 0.75rem;
-	}
-
-	.retry-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.25rem 0.5rem;
-		border-radius: 0.25rem;
-		border: 1px solid hsl(38 92% 50% / 0.3);
-		background: transparent;
-		color: hsl(38 92% 50%);
-		font-size: 0.75rem;
-		cursor: pointer;
-		white-space: nowrap;
-	}
-
-	.retry-btn:hover {
-		background: hsl(38 92% 50% / 0.15);
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/agenda/AgendaFilters.svelte b/apps/calendar/apps/web-archived/src/lib/components/agenda/AgendaFilters.svelte
deleted file mode 100644
index f361e72a5..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/agenda/AgendaFilters.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script lang="ts">
-	import { Funnel } from '@manacore/shared-icons';
-	import { FilterDropdown, type FilterDropdownOption } from '@manacore/shared-ui';
-
-	interface Props {
-		timeRange: '7' | '30' | 'all';
-		onRangeChange?: (range: '7' | '30' | 'all') => void;
-	}
-
-	let { timeRange = '30', onRangeChange }: Props = $props();
-
-	const rangeOptions: FilterDropdownOption[] = [
-		{ value: '7', label: '7 Tage' },
-		{ value: '30', label: '30 Tage' },
-		{ value: 'all', label: 'Alle' },
-	];
-</script>
-
-<div class="agenda-filters">
-	<div class="filter-group">
-		<div class="range-selector">
-			<Funnel size={14} />
-			<FilterDropdown
-				options={rangeOptions}
-				value={timeRange}
-				onChange={(v) => onRangeChange?.(v as '7' | '30' | 'all')}
-				placeholder="Zeitraum"
-				embedded={true}
-			/>
-		</div>
-	</div>
-</div>
-
-<style>
-	.agenda-filters {
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		gap: 1rem;
-		padding: 0.75rem 1rem;
-		background: hsl(var(--color-surface));
-		border-radius: var(--radius-lg);
-		border: 1px solid hsl(var(--color-border));
-	}
-	.filter-group {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-	.range-selector {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-	@media (max-width: 480px) {
-		.agenda-filters {
-			flex-direction: column;
-			align-items: stretch;
-			gap: 0.75rem;
-		}
-		.filter-group {
-			justify-content: center;
-		}
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/agenda/AgendaItem.svelte b/apps/calendar/apps/web-archived/src/lib/components/agenda/AgendaItem.svelte
deleted file mode 100644
index 34e56cc4d..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/agenda/AgendaItem.svelte
+++ /dev/null
@@ -1,110 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import type { CalendarEvent, Calendar as CalendarType } from '@calendar/shared';
-	import { getCalendarColorWithBirthdays } from '$lib/data/queries';
-	import { Calendar, MapPin } from '@manacore/shared-icons';
-	import { format } from 'date-fns';
-	import { toDate } from '$lib/utils/eventDateHelpers';
-
-	interface Props {
-		event: CalendarEvent;
-		onclick?: () => void;
-	}
-
-	let { event, onclick }: Props = $props();
-
-	const calendarsCtx: { readonly value: CalendarType[] } = getContext('calendars');
-
-	const eventColor = $derived(getCalendarColorWithBirthdays(calendarsCtx.value, event.calendarId));
-	const eventTimeLabel = $derived.by(() => {
-		if (event.isAllDay) return 'Ganztägig';
-		const start = toDate(event.startTime);
-		const end = toDate(event.endTime);
-		return `${format(start, 'HH:mm')} - ${format(end, 'HH:mm')}`;
-	});
-</script>
-
-<button type="button" class="agenda-item event" style="--item-color: {eventColor};" {onclick}>
-	<div class="item-indicator">
-		<Calendar size={14} />
-	</div>
-	<div class="item-content">
-		<div class="item-header">
-			<span class="item-time">{eventTimeLabel}</span>
-		</div>
-		<span class="item-title">{event.title}</span>
-		{#if event.location}
-			<div class="item-meta">
-				<MapPin size={12} />
-				<span>{event.location}</span>
-			</div>
-		{/if}
-	</div>
-</button>
-
-<style>
-	.agenda-item {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.75rem;
-		padding: 0.75rem 1rem;
-		border-radius: var(--radius-md);
-		background: hsl(var(--color-surface));
-		transition: all 150ms ease;
-		border: none;
-		cursor: pointer;
-		text-align: left;
-		width: 100%;
-		border-left: 4px solid var(--item-color);
-	}
-	.agenda-item:hover {
-		background: hsl(var(--color-muted) / 0.5);
-		transform: translateX(4px);
-	}
-	.item-indicator {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 24px;
-		height: 24px;
-		border-radius: var(--radius-sm);
-		background: var(--item-color);
-		color: white;
-		flex-shrink: 0;
-	}
-	.item-content {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-	.item-header {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-	.item-time {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-	}
-	.item-title {
-		font-size: 0.9375rem;
-		font-weight: 500;
-		color: hsl(var(--color-foreground));
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-	.item-meta {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-	.item-meta :global(svg) {
-		flex-shrink: 0;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/birthday/BirthdayPopover.svelte b/apps/calendar/apps/web-archived/src/lib/components/birthday/BirthdayPopover.svelte
deleted file mode 100644
index ad2b3853c..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/birthday/BirthdayPopover.svelte
+++ /dev/null
@@ -1,269 +0,0 @@
-<script lang="ts">
-	import { env } from '$env/dynamic/public';
-	import type { BirthdayEvent } from '$lib/api/birthdays';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { X, User, ArrowSquareOut, Cake } from '@manacore/shared-icons';
-	import { format, parseISO } from 'date-fns';
-	import { de } from 'date-fns/locale';
-
-	interface Props {
-		birthday: BirthdayEvent;
-		position: { x: number; y: number };
-		onClose: () => void;
-	}
-
-	let { birthday, position, onClose }: Props = $props();
-
-	const CONTACTS_WEB_URL = env.PUBLIC_CONTACTS_WEB_URL || 'http://localhost:5184';
-	const contactUrl = `${CONTACTS_WEB_URL}/contacts/${birthday.contactId}`;
-
-	// Format the original birthday date
-	let birthdayDateFormatted = $derived(() => {
-		try {
-			const date = parseISO(birthday.birthday);
-			return format(date, 'd. MMMM', { locale: de });
-		} catch {
-			return birthday.birthday;
-		}
-	});
-
-	// Calculate popover position to stay within viewport
-	let adjustedPosition = $derived(() => {
-		const popoverWidth = 280;
-		const popoverHeight = 200;
-		const padding = 16;
-
-		let x = position.x;
-		let y = position.y;
-
-		// Check right boundary
-		if (x + popoverWidth + padding > window.innerWidth) {
-			x = window.innerWidth - popoverWidth - padding;
-		}
-
-		// Check bottom boundary
-		if (y + popoverHeight + padding > window.innerHeight) {
-			y = position.y - popoverHeight - 8; // Show above
-		}
-
-		// Check left boundary
-		if (x < padding) {
-			x = padding;
-		}
-
-		// Check top boundary
-		if (y < padding) {
-			y = padding;
-		}
-
-		return { x, y };
-	});
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<!-- Backdrop -->
-<div
-	class="fixed inset-0 z-50"
-	onclick={handleBackdropClick}
-	onkeydown={(e) => e.key === 'Escape' && onClose()}
-	role="button"
-	tabindex="-1"
->
-	<!-- Popover -->
-	<div
-		class="birthday-popover"
-		style="left: {adjustedPosition().x}px; top: {adjustedPosition().y}px;"
-		role="dialog"
-		aria-label="Geburtstag Details"
-	>
-		<!-- Header -->
-		<div class="popover-header">
-			<div class="header-content">
-				{#if birthday.photoUrl}
-					<img src={birthday.photoUrl} alt={birthday.displayName} class="contact-avatar" />
-				{:else}
-					<div class="contact-avatar-placeholder">
-						<Cake size={24} />
-					</div>
-				{/if}
-				<div class="header-info">
-					<h3 class="contact-name">{birthday.displayName}</h3>
-					{#if settingsStore.showBirthdayAge && birthday.age > 0}
-						<p class="contact-age">wird {birthday.age} Jahre alt</p>
-					{/if}
-				</div>
-			</div>
-			<button type="button" class="close-btn" onclick={onClose} aria-label="Schließen">
-				<X size={18} />
-			</button>
-		</div>
-
-		<!-- Content -->
-		<div class="popover-content">
-			<div class="info-row">
-				<Cake size={16} class="info-icon" />
-				<span>Geburtstag: {birthdayDateFormatted()}</span>
-			</div>
-		</div>
-
-		<!-- Actions -->
-		<div class="popover-actions">
-			<a href={contactUrl} target="_blank" rel="noopener noreferrer" class="action-btn primary">
-				<User size={16} />
-				<span>Kontakt öffnen</span>
-				<ArrowSquareOut size={14} class="external-icon" />
-			</a>
-		</div>
-	</div>
-</div>
-
-<style>
-	.birthday-popover {
-		position: fixed;
-		width: 280px;
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 12px;
-		box-shadow: 0 8px 24px hsl(var(--color-foreground) / 0.15);
-		overflow: hidden;
-		z-index: 51;
-	}
-
-	.popover-header {
-		display: flex;
-		align-items: flex-start;
-		justify-content: space-between;
-		padding: 1rem;
-		background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
-		color: white;
-	}
-
-	.header-content {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.contact-avatar {
-		width: 48px;
-		height: 48px;
-		border-radius: 50%;
-		object-fit: cover;
-		border: 2px solid white;
-	}
-
-	.contact-avatar-placeholder {
-		width: 48px;
-		height: 48px;
-		border-radius: 50%;
-		background: hsl(var(--color-surface) / 0.2);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border: 2px solid white;
-		color: white;
-	}
-
-	.header-info {
-		flex: 1;
-		min-width: 0;
-	}
-
-	.contact-name {
-		font-size: 1rem;
-		font-weight: 600;
-		margin: 0;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.contact-age {
-		font-size: 0.875rem;
-		margin: 0.125rem 0 0;
-		opacity: 0.9;
-	}
-
-	.close-btn {
-		background: hsl(var(--color-surface) / 0.2);
-		border: none;
-		border-radius: 50%;
-		width: 28px;
-		height: 28px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		color: white;
-		transition: background 0.2s ease;
-	}
-
-	.close-btn:hover {
-		background: hsl(var(--color-surface) / 0.3);
-	}
-
-	.popover-content {
-		padding: 1rem;
-	}
-
-	.info-row {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.info-row :global(.info-icon) {
-		color: #ec4899;
-		flex-shrink: 0;
-	}
-
-	.popover-actions {
-		padding: 0.75rem 1rem 1rem;
-		border-top: 1px solid hsl(var(--color-border));
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		width: 100%;
-		padding: 0.625rem 1rem;
-		border: none;
-		border-radius: 8px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		text-decoration: none;
-		transition: all 0.2s ease;
-	}
-
-	.action-btn.primary {
-		background: #ec4899;
-		color: white;
-	}
-
-	.action-btn.primary:hover {
-		background: #db2777;
-	}
-
-	.action-btn :global(.external-icon) {
-		opacity: 0.7;
-		margin-left: auto;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/AgendaView.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/AgendaView.svelte
deleted file mode 100644
index 7948c8930..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/AgendaView.svelte
+++ /dev/null
@@ -1,440 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { eventsStore } from '$lib/stores/events.svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import {
-		getVisibleCalendars,
-		getCalendarColorWithBirthdays,
-		getEventsForRange,
-	} from '$lib/data/queries';
-	import { filterByTags } from '$lib/utils/eventFiltering';
-	import { format, parseISO, isToday, isTomorrow, startOfDay, addMonths } from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import { toDate } from '$lib/utils/eventDateHelpers';
-	import type { CalendarEvent, Calendar, CreateEventInput } from '@calendar/shared';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import { CalendarBlank, MapPin, CaretRight } from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-
-	interface Props {
-		/** Optional date override for carousel navigation (uses viewStore.currentDate if not provided) */
-		date?: Date;
-		onEventClick?: (event: CalendarEvent) => void;
-	}
-
-	let { date, onEventClick }: Props = $props();
-
-	// Get calendars and events from layout context (live queries)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-	const eventsCtx: { readonly value: CalendarEvent[] } = getContext('events');
-	let visibleCalendars = $derived(getVisibleCalendars(calendarsCtx.value));
-
-	// Use provided date or fall back to viewStore
-	let effectiveDate = $derived(date ?? viewStore.currentDate);
-
-	// Expand recurring events for agenda range (3 months ahead)
-	let rangeEvents = $derived(
-		getEventsForRange(eventsCtx.value, effectiveDate, addMonths(effectiveDate, 3))
-	);
-
-	// Group events by date
-	let groupedEvents = $derived.by(() => {
-		const currentEvents = rangeEvents ?? [];
-		if (!Array.isArray(currentEvents)) return [];
-
-		// Filter by visible calendars
-		const visibleCalendarIds = new Set(visibleCalendars.map((c) => c.id));
-
-		// Filter events that start from current date onwards
-		const startDate = startOfDay(effectiveDate);
-
-		const groups: Map<string, CalendarEvent[]> = new Map();
-
-		// Get selected tag IDs for filtering
-		const selectedTagIds = settingsStore.selectedTagIds;
-
-		for (const event of currentEvents) {
-			// Skip events from hidden calendars
-			if (!visibleCalendarIds.has(event.calendarId)) continue;
-
-			const start = toDate(event.startTime);
-
-			// Skip events before the start date
-			if (start < startDate) continue;
-
-			const dateKey = format(start, 'yyyy-MM-dd');
-
-			if (!groups.has(dateKey)) {
-				groups.set(dateKey, []);
-			}
-			groups.get(dateKey)!.push(event);
-		}
-
-		// Sort groups by date and apply tag filtering
-		return Array.from(groups.entries())
-			.sort(([a], [b]) => a.localeCompare(b))
-			.map(([dateKey, events]) => ({
-				date: parseISO(dateKey),
-				events: filterByTags(
-					events.sort((a, b) => {
-						const aStart = toDate(a.startTime);
-						const bStart = toDate(b.startTime);
-						return aStart.getTime() - bStart.getTime();
-					}),
-					selectedTagIds
-				),
-			}))
-			.filter((group) => group.events.length > 0); // Remove empty groups after tag filtering
-	});
-
-	function formatDateHeader(date: Date) {
-		if (isToday(date)) {
-			return 'Heute';
-		}
-		if (isTomorrow(date)) {
-			return 'Morgen';
-		}
-		return format(date, 'EEEE, d. MMMM', { locale: de });
-	}
-
-	function handleEventClick(event: CalendarEvent) {
-		if (onEventClick) {
-			onEventClick(event);
-		}
-	}
-
-	// Inline title editing
-	function handleTitleBlur(event: CalendarEvent, el: HTMLSpanElement) {
-		const trimmed = (el.textContent || '').trim();
-		if (trimmed && trimmed !== event.title) {
-			eventsStore.updateEvent(event.id, { title: trimmed });
-		} else {
-			el.textContent = event.title;
-		}
-	}
-
-	function handleTitleKeydown(e: KeyboardEvent, event: CalendarEvent) {
-		const target = e.target as HTMLSpanElement;
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			target.blur();
-		} else if (e.key === 'Escape') {
-			target.textContent = event.title;
-			target.blur();
-		} else if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {
-			const direction = e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey) ? -1 : 1;
-			e.preventDefault();
-			const allTitles = Array.from(
-				document.querySelectorAll<HTMLElement>('.agenda-event-title[contenteditable]')
-			);
-			const currentIndex = allTitles.indexOf(target);
-			const next = allTitles[currentIndex + direction];
-			target.blur();
-			if (next) {
-				next.focus();
-			} else {
-				document.querySelector<HTMLInputElement>('.quick-input-bar input')?.focus();
-			}
-		}
-	}
-
-	// Context menu state
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuEvent = $state<CalendarEvent | null>(null);
-
-	function handleContextMenu(event: CalendarEvent, e: MouseEvent) {
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuEvent = event;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		if (!contextMenuEvent) return [];
-		const event = contextMenuEvent;
-
-		return [
-			{
-				id: 'edit',
-				label: $_('calendar.contextMenu.edit'),
-				action: () => {
-					handleEventClick(event);
-				},
-			},
-			{
-				id: 'duplicate',
-				label: $_('calendar.contextMenu.duplicate'),
-				action: async () => {
-					await eventsStore.createEvent({
-						calendarId: event.calendarId,
-						title: `${event.title} (${$_('calendar.contextMenu.copy')})`,
-						description: event.description ?? undefined,
-						location: event.location ?? undefined,
-						startTime: event.startTime,
-						endTime: event.endTime,
-						isAllDay: event.isAllDay,
-						timezone: event.timezone ?? undefined,
-						color: event.color ?? undefined,
-						status: event.status ?? undefined,
-					});
-				},
-			},
-			{ id: 'divider-1', label: '', type: 'divider' },
-			{
-				id: 'delete',
-				label: $_('calendar.contextMenu.delete'),
-				variant: 'danger',
-				action: () => eventsStore.deleteEvent(event.id),
-			},
-		];
-	}
-</script>
-
-<div class="agenda-view">
-	{#if groupedEvents.length === 0}
-		<div class="empty-state">
-			<CalendarBlank size={64} class="empty-icon" />
-			<p>Keine Termine in diesem Zeitraum</p>
-		</div>
-	{:else}
-		<div class="event-list">
-			{#each groupedEvents as group}
-				<div class="date-group">
-					<h2 class="date-header" class:today={isToday(group.date)}>
-						{formatDateHeader(group.date)}
-					</h2>
-
-					<div class="events-for-date">
-						{#each group.events as event}
-							<!-- svelte-ignore a11y_no_static_element_interactions -->
-							<div
-								class="event-item"
-								oncontextmenu={(e) => {
-									e.preventDefault();
-									e.stopPropagation();
-									handleContextMenu(event, e);
-								}}
-							>
-								<div
-									class="color-bar"
-									style="background-color: {getCalendarColorWithBirthdays(
-										calendarsCtx.value,
-										event.calendarId
-									)}"
-								></div>
-								<div class="event-content">
-									<div class="event-time">
-										{#if event.isAllDay}
-											Ganztägig
-										{:else}
-											{format(toDate(event.startTime), 'HH:mm')} - {format(
-												toDate(event.endTime),
-												'HH:mm'
-											)}
-										{/if}
-									</div>
-									<!-- svelte-ignore a11y_no_static_element_interactions -->
-									<span
-										class="event-title agenda-event-title"
-										contenteditable="true"
-										role="textbox"
-										spellcheck="true"
-										onkeydown={(e) => handleTitleKeydown(e, event)}
-										onblur={(e) => handleTitleBlur(event, e.target as HTMLSpanElement)}
-										onclick={(e) => e.stopPropagation()}
-									>
-										{event.title}
-									</span>
-									{#if event.location}
-										<div class="event-location">
-											<MapPin size={14} class="location-icon" />
-											{event.location}
-										</div>
-									{/if}
-								</div>
-								<button
-									class="expand-btn"
-									onclick={() => handleEventClick(event)}
-									title="Details öffnen"
-									aria-label="Details öffnen"
-								>
-									<CaretRight size={16} class="chevron-icon" />
-								</button>
-							</div>
-						{/each}
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => {
-		contextMenuVisible = false;
-		contextMenuEvent = null;
-	}}
-/>
-
-<style>
-	.agenda-view {
-		padding: 1rem;
-		max-width: 700px;
-		margin: 0 auto;
-		height: 100%;
-		overflow-y: auto;
-	}
-
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		color: hsl(var(--color-muted-foreground));
-		text-align: center;
-	}
-
-	.empty-icon {
-		width: 4rem;
-		height: 4rem;
-		margin-bottom: 1rem;
-		opacity: 0.5;
-	}
-
-	.empty-state p {
-		font-size: 1rem;
-		margin: 0;
-	}
-
-	.event-list {
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	.date-group {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.date-header {
-		font-size: 0.8125rem;
-		font-weight: 600;
-		color: hsl(var(--color-muted-foreground));
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		margin: 0;
-		padding-left: 0.5rem;
-		padding-bottom: 0.25rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-	}
-
-	.date-header.today {
-		color: hsl(var(--color-primary));
-		border-color: hsl(var(--color-primary) / 0.3);
-	}
-
-	.events-for-date {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.event-item {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.75rem;
-		padding: 0.75rem 1rem;
-		border: 1px solid hsl(var(--color-border));
-		border-radius: var(--radius-md);
-		text-align: left;
-		width: 100%;
-		background: hsl(var(--color-surface));
-	}
-
-	.color-bar {
-		width: 4px;
-		align-self: stretch;
-		border-radius: 2px;
-		flex-shrink: 0;
-		min-height: 2.5rem;
-	}
-
-	.event-content {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	.event-time {
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-		font-weight: 500;
-	}
-
-	.event-title {
-		font-weight: 500;
-		font-size: 0.9375rem;
-		color: hsl(var(--color-foreground));
-		white-space: normal;
-		word-break: break-word;
-		cursor: text;
-		outline: none;
-		border-radius: 0.25rem;
-		padding: 0.0625rem 0.125rem;
-		margin: -0.0625rem -0.125rem;
-	}
-
-	.event-location {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		font-size: 0.8125rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-top: 0.125rem;
-	}
-
-	.location-icon {
-		width: 0.875rem;
-		height: 0.875rem;
-		flex-shrink: 0;
-	}
-
-	.expand-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0.375rem;
-		margin-top: 0.25rem;
-		border: none;
-		background: transparent;
-		border-radius: 0.375rem;
-		cursor: pointer;
-		flex-shrink: 0;
-		opacity: 0.4;
-		transition: opacity 0.15s;
-	}
-
-	.expand-btn:hover {
-		opacity: 1;
-		background: hsl(var(--color-surface-hover, var(--color-surface)));
-	}
-
-	.chevron-icon {
-		width: 1rem;
-		height: 1rem;
-		color: hsl(var(--color-muted-foreground));
-		flex-shrink: 0;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarHeader.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarHeader.svelte
deleted file mode 100644
index 23c01f7f5..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarHeader.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-<script lang="ts">
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { format } from 'date-fns';
-	import { de } from 'date-fns/locale';
-
-	// Format title based on view type
-	let title = $derived.by(() => {
-		const date = viewStore.currentDate;
-		const rangeStart = viewStore.viewRange.start;
-		const rangeEnd = viewStore.viewRange.end;
-
-		const formatRange = () => {
-			if (rangeStart.getMonth() === rangeEnd.getMonth()) {
-				return (
-					format(rangeStart, 'd.', { locale: de }) +
-					' - ' +
-					format(rangeEnd, 'd. MMMM yyyy', { locale: de })
-				);
-			}
-			return (
-				format(rangeStart, 'd. MMM', { locale: de }) +
-				' - ' +
-				format(rangeEnd, 'd. MMM yyyy', { locale: de })
-			);
-		};
-
-		switch (viewStore.viewType) {
-			case 'week':
-				return formatRange();
-			case 'month':
-				return format(date, 'MMMM yyyy', { locale: de });
-			case 'agenda':
-				return 'Agenda';
-			default:
-				return format(date, 'MMMM yyyy', { locale: de });
-		}
-	});
-</script>
-
-<header class="calendar-header" role="banner">
-	<h1 class="header-title" aria-live="polite">{title}</h1>
-</header>
-
-<style>
-	.calendar-header {
-		padding: 0.75rem 1rem;
-		background: transparent;
-		cursor: context-menu;
-	}
-
-	.header-title {
-		font-size: 1.25rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		margin: 0;
-	}
-
-	@media (max-width: 640px) {
-		.header-title {
-			font-size: 1rem;
-		}
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarSidebar.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarSidebar.svelte
deleted file mode 100644
index 2aa11d03e..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarSidebar.svelte
+++ /dev/null
@@ -1,184 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { calendarsStore } from '$lib/stores/calendars.svelte';
-	import { externalCalendarsStore } from '$lib/stores/external-calendars.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import type { Calendar } from '@calendar/shared';
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { Plus, ArrowsClockwise } from '@manacore/shared-icons';
-
-	// Get calendars from layout context (live query)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-
-	function handleToggle(calendarId: string) {
-		calendarsStore.toggleVisibility(calendarId, calendarsCtx.value);
-	}
-
-	function handleExternalToggle(id: string, currentVisible: boolean) {
-		externalCalendarsStore.update(id, { isVisible: !currentVisible });
-	}
-
-	function handleAddCalendar() {
-		goto('/settings');
-	}
-
-	onMount(() => {
-		if (authStore.isAuthenticated && externalCalendarsStore.calendars.length === 0) {
-			externalCalendarsStore.fetchCalendars();
-		}
-	});
-</script>
-
-<div class="calendar-sidebar-section">
-	<div class="section-header">
-		<h3 class="section-title">Meine Kalender</h3>
-		<button class="add-btn" onclick={handleAddCalendar} aria-label="Kalender hinzufügen">
-			<Plus size={16} />
-		</button>
-	</div>
-
-	<div class="calendar-list" role="group" aria-label="Kalender Sichtbarkeit">
-		{#each calendarsCtx.value as calendar}
-			<label class="calendar-item">
-				<input
-					type="checkbox"
-					checked={calendar.isVisible}
-					onchange={() => handleToggle(calendar.id)}
-					style="accent-color: {calendar.color}"
-					aria-label="{calendar.name} {calendar.isVisible ? 'sichtbar' : 'ausgeblendet'}"
-				/>
-				<span class="color-dot" style="background-color: {calendar.color}" aria-hidden="true"
-				></span>
-				<span class="calendar-name">{calendar.name}</span>
-			</label>
-		{/each}
-
-		{#if calendarsCtx.value.length === 0}
-			<p class="empty-message">Keine Kalender vorhanden</p>
-		{/if}
-	</div>
-
-	{#if externalCalendarsStore.calendars.length > 0}
-		<div class="section-header external-header">
-			<h3 class="section-title">Externe Kalender</h3>
-			<button class="add-btn" onclick={() => goto('/settings/sync')} aria-label="Sync verwalten">
-				<ArrowsClockwise size={16} />
-			</button>
-		</div>
-
-		<div class="calendar-list" role="group" aria-label="Externe Kalender Sichtbarkeit">
-			{#each externalCalendarsStore.calendars as cal}
-				<label class="calendar-item">
-					<input
-						type="checkbox"
-						checked={cal.isVisible}
-						onchange={() => handleExternalToggle(cal.id, cal.isVisible)}
-						style="accent-color: {cal.color}"
-						aria-label="{cal.name} {cal.isVisible ? 'sichtbar' : 'ausgeblendet'}"
-					/>
-					<span class="color-dot" style="background-color: {cal.color}" aria-hidden="true"></span>
-					<span class="calendar-name">{cal.name}</span>
-					{#if cal.lastSyncError}
-						<span class="sync-error-dot" title="Sync-Fehler"></span>
-					{/if}
-				</label>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.calendar-sidebar-section {
-		background: hsl(var(--color-surface));
-		border-radius: var(--radius-lg);
-		border: 1px solid hsl(var(--color-border));
-		padding: 1rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		margin-bottom: 0.75rem;
-	}
-
-	.section-title {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		margin: 0;
-	}
-
-	.add-btn {
-		padding: 0.25rem;
-		border: none;
-		background: transparent;
-		border-radius: var(--radius-sm);
-		cursor: pointer;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.add-btn:hover {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	.calendar-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.calendar-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		cursor: pointer;
-		padding: 0.25rem;
-		border-radius: var(--radius-sm);
-	}
-
-	.calendar-item:hover {
-		background: hsl(var(--color-muted) / 0.5);
-	}
-
-	.calendar-item input {
-		width: 16px;
-		height: 16px;
-		cursor: pointer;
-	}
-
-	.color-dot {
-		width: 12px;
-		height: 12px;
-		border-radius: var(--radius-full);
-	}
-
-	.calendar-name {
-		font-size: 0.875rem;
-		color: hsl(var(--color-foreground));
-	}
-
-	.empty-message {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		text-align: center;
-		padding: 1rem;
-	}
-
-	.external-header {
-		margin-top: 1rem;
-		padding-top: 0.75rem;
-		border-top: 1px solid hsl(var(--color-border));
-	}
-
-	.sync-error-dot {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		background: hsl(0 84% 60%);
-		flex-shrink: 0;
-		margin-left: auto;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarToolbar.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarToolbar.svelte
deleted file mode 100644
index baac9a229..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarToolbar.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts">
-	import { ExpandableToolbar } from '@manacore/shared-ui';
-	import CalendarToolbarContent from './CalendarToolbarContent.svelte';
-
-	interface Props {
-		isCollapsed?: boolean;
-		isMobile?: boolean;
-		bottomOffset?: string;
-		onCollapsedChange?: (isCollapsed: boolean) => void;
-	}
-
-	let {
-		isCollapsed = true,
-		isMobile = false,
-		bottomOffset = '70px',
-		onCollapsedChange,
-	}: Props = $props();
-</script>
-
-<ExpandableToolbar
-	{isCollapsed}
-	{onCollapsedChange}
-	{bottomOffset}
-	collapsedTitle="Kalender-Optionen"
-	expandedTitle="Schließen"
->
-	<CalendarToolbarContent />
-</ExpandableToolbar>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarToolbarContent.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarToolbarContent.svelte
deleted file mode 100644
index 404f27d82..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/CalendarToolbarContent.svelte
+++ /dev/null
@@ -1,102 +0,0 @@
-<script lang="ts">
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import {
-		PillToolbarButton,
-		PillToolbarDivider,
-		PillTimeRangeSelector,
-	} from '@manacore/shared-ui';
-	import PillCalendarSelector from './PillCalendarSelector.svelte';
-
-	interface Props {
-		vertical?: boolean;
-	}
-
-	let { vertical = false }: Props = $props();
-
-	// Hours change handlers
-	function handleStartHourChange(hour: number) {
-		settingsStore.set('dayStartHour', hour);
-	}
-
-	function handleEndHourChange(hour: number) {
-		settingsStore.set('dayEndHour', hour);
-	}
-</script>
-
-<div class="toolbar-content" class:vertical>
-	<!-- Calendar selector -->
-	<PillCalendarSelector direction={vertical ? 'down' : 'up'} embedded={true} />
-
-	{#if !vertical}
-		<PillToolbarDivider />
-	{/if}
-
-	<!-- Weekdays filter -->
-	<PillToolbarButton
-		onclick={() => settingsStore.set('showOnlyWeekdays', !settingsStore.showOnlyWeekdays)}
-		active={settingsStore.showOnlyWeekdays}
-		title="Nur Wochentage anzeigen (Mo-Fr)"
-	>
-		Mo-Fr
-	</PillToolbarButton>
-
-	<!-- Hours filter with time range selector -->
-	<PillTimeRangeSelector
-		startHour={settingsStore.dayStartHour}
-		endHour={settingsStore.dayEndHour}
-		onStartHourChange={handleStartHourChange}
-		onEndHourChange={handleEndHourChange}
-		direction={vertical ? 'down' : 'up'}
-		embedded={true}
-		toggleMode={true}
-		active={settingsStore.filterHoursEnabled}
-		onToggle={() => settingsStore.set('filterHoursEnabled', !settingsStore.filterHoursEnabled)}
-		labelFormat="range"
-	/>
-</div>
-
-<style>
-	.toolbar-content {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	.toolbar-content.vertical {
-		flex-direction: column;
-		align-items: stretch;
-		gap: 0.5rem;
-		width: 100%;
-	}
-
-	/* All elements in vertical mode - full width, left aligned */
-	.toolbar-content.vertical :global(.pill-toolbar-btn),
-	.toolbar-content.vertical :global(.pill-dropdown .trigger-button),
-	.toolbar-content.vertical :global(button) {
-		width: 100%;
-		justify-content: flex-start;
-		text-align: left;
-	}
-
-	/* PillTimeRangeSelector in vertical mode */
-	.toolbar-content.vertical :global(.pill-time-range-selector),
-	.toolbar-content.vertical :global(.pill-dropdown) {
-		width: 100%;
-	}
-
-	.toolbar-content.vertical :global(.pill-time-range-selector .trigger-button),
-	.toolbar-content.vertical :global(.pill-dropdown .trigger-button) {
-		width: 100%;
-		justify-content: flex-start;
-	}
-
-	/* PillCalendarSelector in vertical mode */
-	.toolbar-content.vertical :global(.calendar-selector) {
-		width: 100%;
-	}
-
-	.toolbar-content.vertical :global(.calendar-selector .trigger-button) {
-		width: 100%;
-		justify-content: flex-start;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/DateStrip.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/DateStrip.svelte
deleted file mode 100644
index e63e478bc..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/DateStrip.svelte
+++ /dev/null
@@ -1,654 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { getEventsForDay as getEventsForDayPure } from '$lib/data/queries';
-	import type { CalendarEvent } from '@calendar/shared';
-	import {
-		format,
-		isToday,
-		isSameDay,
-		addDays,
-		subDays,
-		startOfDay,
-		isWithinInterval,
-	} from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import { onMount, tick } from 'svelte';
-	import SunCalc from 'suncalc';
-
-	interface Props {
-		isToolbarExpanded?: boolean;
-	}
-
-	let { isToolbarExpanded = false }: Props = $props();
-
-	// Get events from layout context (live query)
-	const eventsCtx: { readonly value: CalendarEvent[] } = getContext('events');
-
-	// Get event count for a day (max 5 dots displayed)
-	function getEventCount(date: Date): number {
-		const events = getEventsForDayPure(eventsCtx.value, date);
-		return Math.min(events.length, 5); // Cap at 5 dots
-	}
-
-	// Moon phase emojis (8 phases)
-	const MOON_EMOJIS = ['🌑', '🌒', '🌓', '🌔', '🌕', '🌖', '🌗', '🌘'];
-
-	// Get moon emoji for a date
-	function getMoonEmoji(date: Date): string {
-		const moonData = SunCalc.getMoonIllumination(date);
-		// phase: 0 = new moon, 0.25 = first quarter, 0.5 = full moon, 0.75 = last quarter
-		const phaseIndex = Math.floor(moonData.phase * 8) % 8;
-		return MOON_EMOJIS[phaseIndex];
-	}
-
-	// Check if this is a significant moon phase (new, first quarter, full, last quarter)
-	function isSignificantMoonPhase(date: Date): { significant: boolean; emoji: string } {
-		const moonData = SunCalc.getMoonIllumination(date);
-		const phase = moonData.phase;
-		// Lunar cycle is ~29.53 days, so 1 day = ~0.0339
-		// Use half a day tolerance (~0.017) to ensure only 1 day is marked
-		const tolerance = 0.017;
-
-		if (phase < tolerance || phase > 1 - tolerance) {
-			return { significant: true, emoji: '🌑' }; // New moon
-		}
-		if (Math.abs(phase - 0.25) < tolerance) {
-			return { significant: true, emoji: '🌓' }; // First quarter
-		}
-		if (Math.abs(phase - 0.5) < tolerance) {
-			return { significant: true, emoji: '🌕' }; // Full moon
-		}
-		if (Math.abs(phase - 0.75) < tolerance) {
-			return { significant: true, emoji: '🌗' }; // Last quarter
-		}
-
-		return { significant: false, emoji: '' };
-	}
-
-	// Reactive view range - needed to trigger re-renders
-	let viewRange = $derived(viewStore.viewRange);
-	let currentDate = $derived(viewStore.currentDate);
-
-	// How many days to load in each direction
-	const DAYS_BUFFER = 60;
-	const LOAD_THRESHOLD = 20;
-
-	// Generate initial days centered around current date
-	let startDate = $state(subDays(startOfDay(new Date()), DAYS_BUFFER));
-	let endDate = $state(addDays(startOfDay(new Date()), DAYS_BUFFER));
-
-	// Track if today is visible in the scroll view
-	let isTodayVisible = $state(true);
-
-	// Generate array of days
-	let days = $derived.by(() => {
-		const result: Date[] = [];
-		let current = startDate;
-		while (current <= endDate) {
-			result.push(current);
-			current = addDays(current, 1);
-		}
-		return result;
-	});
-
-	// Scroll container ref
-	let scrollContainer: HTMLDivElement;
-	let isLoadingMore = false;
-
-	// Scroll to selected date when it changes
-	$effect(() => {
-		if (scrollContainer && currentDate) {
-			scrollToDate(currentDate);
-		}
-	});
-
-	async function scrollToDate(date: Date, instant = false) {
-		await tick();
-
-		const targetDate = startOfDay(date);
-		if (targetDate < startDate) {
-			startDate = subDays(targetDate, DAYS_BUFFER);
-			await tick();
-		} else if (targetDate > endDate) {
-			endDate = addDays(targetDate, DAYS_BUFFER);
-			await tick();
-		}
-
-		const dayElement = scrollContainer?.querySelector(
-			`[data-date="${format(date, 'yyyy-MM-dd')}"]`
-		);
-		if (dayElement) {
-			dayElement.scrollIntoView({
-				behavior: instant ? 'instant' : 'smooth',
-				inline: 'center',
-				block: 'nearest',
-			});
-		}
-	}
-
-	function handleDayClick(day: Date) {
-		viewStore.setDate(day);
-	}
-
-	function goToToday() {
-		const today = new Date();
-		viewStore.setDate(today);
-	}
-
-	async function loadMoreDays(direction: 'past' | 'future') {
-		if (isLoadingMore) return;
-		isLoadingMore = true;
-
-		if (direction === 'past') {
-			const scrollLeftBefore = scrollContainer?.scrollLeft || 0;
-			startDate = subDays(startDate, DAYS_BUFFER);
-			await tick();
-			if (scrollContainer) {
-				scrollContainer.scrollLeft = scrollLeftBefore + DAYS_BUFFER * 54;
-			}
-		} else {
-			endDate = addDays(endDate, DAYS_BUFFER);
-		}
-
-		isLoadingMore = false;
-	}
-
-	function checkTodayVisibility() {
-		if (!scrollContainer) return;
-
-		const todayElement = scrollContainer.querySelector('[data-is-today="true"]');
-		if (!todayElement) {
-			isTodayVisible = false;
-			return;
-		}
-
-		const containerRect = scrollContainer.getBoundingClientRect();
-		const todayRect = todayElement.getBoundingClientRect();
-
-		isTodayVisible =
-			todayRect.left >= containerRect.left - 20 && todayRect.right <= containerRect.right + 20;
-	}
-
-	function handleScroll() {
-		if (!scrollContainer || isLoadingMore) return;
-
-		checkTodayVisibility();
-		updateVisibleMonth();
-
-		const { scrollLeft, clientWidth } = scrollContainer;
-		const dayWidth = 54;
-		const visibleDayIndex = Math.floor(scrollLeft / dayWidth);
-		const totalDays = days.length;
-
-		if (visibleDayIndex < LOAD_THRESHOLD) {
-			loadMoreDays('past');
-		}
-
-		if (totalDays - visibleDayIndex - Math.floor(clientWidth / dayWidth) < LOAD_THRESHOLD) {
-			loadMoreDays('future');
-		}
-	}
-
-	// Get the month of the center visible day (initial: today)
-	let visibleMonth = $state(format(new Date(), 'MMMM yyyy', { locale: de }));
-
-	function updateVisibleMonth() {
-		if (!scrollContainer) return;
-
-		const containerRect = scrollContainer.getBoundingClientRect();
-		const centerX = containerRect.left + containerRect.width / 2;
-
-		// Find the day element closest to center
-		const dayElements = scrollContainer.querySelectorAll('.day-item');
-		for (const el of dayElements) {
-			const rect = el.getBoundingClientRect();
-			if (rect.left <= centerX && rect.right >= centerX) {
-				const dateStr = el.getAttribute('data-date');
-				if (dateStr) {
-					const date = new Date(dateStr);
-					visibleMonth = format(date, 'MMMM yyyy', { locale: de });
-				}
-				break;
-			}
-		}
-	}
-
-	onMount(async () => {
-		// Always scroll to today on mount, then update the visible month
-		const today = new Date();
-		await scrollToDate(today, true);
-		updateVisibleMonth();
-		checkTodayVisibility();
-	});
-</script>
-
-<div
-	class="date-strip-wrapper"
-	class:toolbar-expanded={isToolbarExpanded}
-	class:compact={settingsStore.dateStripCompact}
->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div class="date-strip-container">
-		<!-- Month label -->
-		<div class="month-header">
-			<span class="month-label">
-				{#if !isTodayVisible}
-					<button onclick={goToToday} title="Zum heutigen Tag" class="today-button">
-						<span class="today-label">Heute</span>
-						<span class="today-date">{format(new Date(), 'd. MMM', { locale: de })}</span>
-					</button>
-				{/if}
-				{visibleMonth}
-			</span>
-		</div>
-
-		<!-- Days row -->
-		<div class="days-scroll" bind:this={scrollContainer} onscroll={handleScroll}>
-			{#each days as day}
-				{@const dayIsToday = isToday(day)}
-				{@const dayIsSelected = isSameDay(day, currentDate)}
-				{@const dayIsWeekend = day.getDay() === 0 || day.getDay() === 6}
-				{@const dayInRange = isWithinInterval(day, { start: viewRange.start, end: viewRange.end })}
-				{@const dayIsRangeStart = isSameDay(day, viewRange.start)}
-				{@const dayIsRangeEnd = isSameDay(day, viewRange.end)}
-				{@const isFirstOfMonth = day.getDate() === 1}
-				{@const moonPhase = isSignificantMoonPhase(day)}
-				{@const eventCount = getEventCount(day)}
-				{#if isFirstOfMonth}
-					<div class="month-divider show-line"></div>
-				{/if}
-				<button
-					class="day-item"
-					class:weekend={dayIsWeekend && settingsStore.dateStripHighlightWeekends}
-					class:selected={dayIsSelected && !dayIsToday}
-					class:in-range={dayInRange && !dayIsToday}
-					class:range-start={dayIsRangeStart && !dayIsToday}
-					class:range-end={dayIsRangeEnd && !dayIsToday}
-					data-date={format(day, 'yyyy-MM-dd')}
-					data-is-today={dayIsToday}
-					onclick={() => handleDayClick(day)}
-					class:is-today={dayIsToday}
-				>
-					{#if moonPhase.significant && settingsStore.dateStripShowMoonPhases}
-						<span class="moon-indicator">{moonPhase.emoji}</span>
-					{/if}
-					<span class="day-weekday">{format(day, 'EE', { locale: de })}</span>
-					<span class="day-number">{format(day, 'd')}</span>
-					{#if eventCount > 0 && settingsStore.dateStripShowEventIndicators}
-						<div class="event-dots">
-							{#each Array(eventCount) as _, i}
-								<span class="event-dot"></span>
-							{/each}
-						</div>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	</div>
-</div>
-
-<style>
-	.date-strip-wrapper {
-		position: fixed;
-		bottom: calc(140px + env(safe-area-inset-bottom, 0px)); /* Above InputBar + PillNav */
-		left: 0;
-		right: 0;
-		z-index: 48;
-		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-		pointer-events: none;
-		transition: bottom 0.2s ease;
-	}
-
-	/* When toolbar is expanded, push DateStrip up */
-	.date-strip-wrapper.toolbar-expanded {
-		bottom: calc(210px + env(safe-area-inset-bottom, 0px)); /* Extra space for toolbar */
-	}
-
-	.today-button {
-		position: absolute;
-		right: 100%;
-		top: 50%;
-		transform: translateY(-50%);
-		margin-right: 1.5rem;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 0.375rem 0.875rem;
-		background: hsl(var(--color-surface) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 9999px;
-		cursor: pointer;
-		color: hsl(var(--color-primary));
-		pointer-events: auto;
-		transition: all 0.2s ease;
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.08);
-	}
-
-	.today-button:hover {
-		background: hsl(var(--color-surface) / 0.95);
-		border-color: hsl(var(--color-primary) / 0.3);
-		transform: translateY(-50%) scale(1.02);
-		box-shadow: 0 4px 12px hsl(var(--color-foreground) / 0.12);
-	}
-
-	.today-label {
-		font-size: 0.6875rem;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-	}
-
-	.today-date {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.date-strip-container {
-		display: flex;
-		flex-direction: column;
-		background: var(--color-surface, #ffffff);
-		border-radius: 16px;
-		margin: 0;
-		padding: 0.5rem 0;
-		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-		border: 1px solid var(--color-border, #e5e7eb);
-		pointer-events: auto;
-		width: 100%;
-		overflow: hidden;
-	}
-
-	.month-header {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.25rem 0.5rem 0.5rem;
-	}
-
-	.month-label {
-		position: relative;
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: var(--color-foreground, #1f2937);
-		white-space: nowrap;
-		min-width: 150px;
-		text-align: center;
-	}
-
-	.month-divider {
-		width: 1px;
-		height: 40px;
-		background: transparent;
-		margin: 0 0.5rem;
-		flex-shrink: 0;
-	}
-
-	.month-divider.show-line {
-		background: hsl(var(--color-border));
-	}
-
-	.days-scroll {
-		display: flex;
-		align-items: center;
-		gap: 2px;
-		overflow-x: auto;
-		overflow-y: visible;
-		scrollbar-width: none;
-		-ms-overflow-style: none;
-		scroll-behavior: auto;
-		padding: 1.25rem 1rem 0.25rem;
-		margin-top: -1rem;
-		mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
-		-webkit-mask-image: linear-gradient(
-			to right,
-			transparent 0%,
-			black 8%,
-			black 92%,
-			transparent 100%
-		);
-	}
-
-	.days-scroll::-webkit-scrollbar {
-		display: none;
-	}
-
-	.day-item {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		min-width: 52px;
-		height: 58px;
-		padding: 0.375rem;
-		background: transparent;
-		border: none;
-		border-radius: 10px;
-		cursor: pointer;
-		color: var(--color-foreground, #1f2937);
-		transition: all 0.15s ease;
-		flex-shrink: 0;
-		position: relative;
-	}
-
-	.moon-indicator {
-		position: absolute;
-		top: -16px;
-		left: 50%;
-		transform: translateX(-50%);
-		font-size: 1.125rem;
-		line-height: 1;
-	}
-
-	.event-dots {
-		display: flex;
-		gap: 2px;
-		justify-content: center;
-		margin-top: 2px;
-	}
-
-	.event-dot {
-		width: 4px;
-		height: 4px;
-		border-radius: 50%;
-		background: hsl(var(--color-primary));
-		opacity: 0.7;
-	}
-
-	.day-item:hover {
-		background: var(--color-muted, #f3f4f6);
-	}
-
-	.day-item.weekend {
-		background: transparent;
-		border: 1px solid hsl(var(--color-border));
-	}
-
-	.day-item.weekend:hover {
-		background: hsl(var(--color-muted) / 0.3);
-		border-color: hsl(var(--color-muted-foreground) / 0.5);
-	}
-
-	/* Weekend + in-range combination */
-	.day-item.weekend.in-range {
-		background: hsl(var(--color-primary) / 0.15);
-		border: 1px solid hsl(var(--color-primary) / 0.4);
-	}
-
-	.day-item.weekend.in-range:hover {
-		background: hsl(var(--color-primary) / 0.25);
-	}
-
-	.day-item.selected {
-		background: var(--color-muted, #f3f4f6);
-		color: hsl(var(--color-primary));
-		font-weight: 600;
-	}
-
-	/* View range highlighting */
-	.day-item.in-range {
-		background: hsl(var(--color-primary) / 0.15);
-		border-radius: 0;
-	}
-
-	.day-item.in-range.range-start {
-		border-radius: 10px 0 0 10px;
-	}
-
-	.day-item.in-range.range-end {
-		border-radius: 0 10px 10px 0;
-	}
-
-	.day-item.in-range.range-start.range-end {
-		border-radius: 10px;
-	}
-
-	.day-item.in-range:hover {
-		background: hsl(var(--color-primary) / 0.25);
-	}
-
-	/* Today styling */
-	.day-item.is-today {
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground, 0 0% 100%));
-		border-radius: 10px;
-		font-weight: 700;
-		box-shadow: 0 2px 8px hsl(var(--color-primary) / 0.4);
-	}
-
-	.day-item.is-today .day-weekday {
-		opacity: 1;
-		color: hsl(var(--color-primary-foreground, 0 0% 100%));
-	}
-
-	.day-item.is-today .day-number {
-		color: hsl(var(--color-primary-foreground, 0 0% 100%));
-	}
-
-	.day-item.is-today .event-dots {
-		opacity: 0.9;
-	}
-
-	.day-item.is-today .event-dot {
-		background: hsl(var(--color-primary-foreground, 0 0% 100%));
-	}
-
-	.day-weekday {
-		font-size: 0.75rem;
-		font-weight: 500;
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-		opacity: 0.7;
-	}
-
-	.day-number {
-		font-size: 1.125rem;
-		font-weight: 600;
-		line-height: 1;
-	}
-
-	/* Responsive */
-	@media (max-width: 640px) {
-		.date-strip-wrapper {
-			left: 0;
-			right: 0;
-		}
-
-		.date-strip-container {
-			margin: 0;
-			padding: 0.375rem 0;
-			width: 100%;
-		}
-
-		.month-label {
-			font-size: 1rem;
-		}
-
-		.day-item {
-			min-width: 44px;
-			height: 52px;
-		}
-
-		.moon-indicator {
-			font-size: 1rem;
-			top: -14px;
-		}
-
-		.day-number {
-			font-size: 1rem;
-		}
-
-		.day-weekday {
-			font-size: 0.6875rem;
-		}
-
-		.month-divider {
-			height: 32px;
-			margin: 0 0.375rem;
-		}
-	}
-
-	/* Compact mode */
-	.date-strip-wrapper.compact .date-strip-container {
-		padding: 0.25rem 0;
-	}
-
-	.date-strip-wrapper.compact .month-header {
-		padding: 0.125rem 0.5rem 0.25rem;
-	}
-
-	.date-strip-wrapper.compact .month-label {
-		font-size: 0.875rem;
-	}
-
-	.date-strip-wrapper.compact .day-item {
-		min-width: 40px;
-		height: 44px;
-		padding: 0.25rem;
-	}
-
-	.date-strip-wrapper.compact .day-weekday {
-		font-size: 0.625rem;
-	}
-
-	.date-strip-wrapper.compact .day-number {
-		font-size: 0.875rem;
-	}
-
-	.date-strip-wrapper.compact .moon-indicator {
-		font-size: 0.875rem;
-		top: -12px;
-	}
-
-	.date-strip-wrapper.compact .month-divider {
-		height: 28px;
-	}
-
-	.date-strip-wrapper.compact .event-dot {
-		width: 3px;
-		height: 3px;
-	}
-
-	.date-strip-wrapper.compact .month-header {
-		padding-top: 0.375rem;
-	}
-
-	.date-strip-wrapper.compact .today-button {
-		padding: 0.25rem 0.625rem;
-		margin-right: 1rem;
-	}
-
-	.date-strip-wrapper.compact .today-label {
-		font-size: 0.5625rem;
-	}
-
-	.date-strip-wrapper.compact .today-date {
-		font-size: 0.625rem;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/DateStripFab.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/DateStripFab.svelte
deleted file mode 100644
index c23a3708e..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/DateStripFab.svelte
+++ /dev/null
@@ -1,110 +0,0 @@
-<script lang="ts">
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { format } from 'date-fns';
-	import { de } from 'date-fns/locale';
-	interface Props {
-		isToolbarExpanded?: boolean;
-		isMobile?: boolean;
-	}
-
-	let { isToolbarExpanded = false, isMobile = false }: Props = $props();
-
-	function handleClick() {
-		settingsStore.setDateStripCollapsed(false);
-	}
-
-	// Format current date for FAB display: "Dez 14"
-	let fabLabel = $derived(format(new Date(), 'MMM d', { locale: de }));
-</script>
-
-<div
-	class="datestrip-fab-container"
-	class:toolbar-expanded={isToolbarExpanded}
-	class:mobile={isMobile}
->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<button onclick={handleClick} class="datestrip-fab" title="Datumsleiste erweitern">
-		<span class="fab-label">{fabLabel}</span>
-	</button>
-</div>
-
-<style>
-	.datestrip-fab-container {
-		position: fixed;
-		bottom: calc(70px + 9px + env(safe-area-inset-bottom, 0px));
-		/* Position left of InputBar: center (50%) minus half of InputBar (225px) minus gap (8px) minus fab width (54px) */
-		left: calc(50% - 225px - 8px - 54px);
-		z-index: 49;
-		pointer-events: none;
-		transition:
-			bottom 0.2s ease,
-			left 0.2s ease;
-	}
-
-	.datestrip-fab-container.toolbar-expanded {
-		bottom: calc(140px + 9px + env(safe-area-inset-bottom, 0px));
-	}
-
-	@media (max-width: 900px) {
-		.datestrip-fab-container {
-			left: 1rem;
-		}
-	}
-
-	/* Mobile: Position in row above InputBar, left of ViewsBar */
-	/* InputBar is at bottom: 70px (above PillNav), so controls go above that */
-	.datestrip-fab-container.mobile {
-		/* Above PillNav (70px) + InputBar (72px) + gap (8px), to the left of center */
-		bottom: calc(70px + 72px + 8px + env(safe-area-inset-bottom, 0px));
-		left: calc(50% - 100px - 54px - 8px);
-	}
-
-	.datestrip-fab-container.mobile.toolbar-expanded {
-		bottom: calc(70px + 72px + 70px + 8px + env(safe-area-inset-bottom, 0px));
-	}
-
-	/* Fallback for CSS-only mobile detection */
-	@media (max-width: 640px) {
-		.datestrip-fab-container:not(.mobile) {
-			/* Above PillNav (70px) + InputBar (72px) + gap (8px), to the left of center */
-			bottom: calc(70px + 72px + 8px + env(safe-area-inset-bottom, 0px));
-			left: calc(50% - 100px - 54px - 8px);
-		}
-
-		.datestrip-fab-container:not(.mobile).toolbar-expanded {
-			bottom: calc(70px + 72px + 70px + 8px + env(safe-area-inset-bottom, 0px));
-		}
-	}
-
-	.datestrip-fab {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		min-width: 54px;
-		height: 54px;
-		padding: 0 0.75rem;
-		cursor: pointer;
-		border: none;
-		transition: all 0.2s ease;
-		pointer-events: auto;
-		background: hsl(var(--color-surface) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--color-border));
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.08);
-		border-radius: 9999px;
-	}
-
-	.datestrip-fab:hover {
-		transform: scale(1.05);
-		box-shadow: 0 4px 12px hsl(var(--color-foreground) / 0.15);
-	}
-
-	.fab-label {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		white-space: nowrap;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/EventCard.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/EventCard.svelte
deleted file mode 100644
index dec881105..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/EventCard.svelte
+++ /dev/null
@@ -1,268 +0,0 @@
-<script lang="ts">
-	import type { CalendarEvent } from '@calendar/shared';
-	import { eventsStore } from '$lib/stores/events.svelte';
-	import { _ } from 'svelte-i18n';
-
-	interface Props {
-		event: CalendarEvent;
-		style: string;
-		color: string;
-		isDragging?: boolean;
-		isResizing?: boolean;
-		isDraggingSource?: boolean;
-		isSearchHighlighted?: boolean;
-		isSearchDimmed?: boolean;
-		formattedTime: string;
-		onClick?: (event: CalendarEvent, e: MouseEvent) => void;
-		onPointerDown?: (event: CalendarEvent, e: PointerEvent) => void;
-		onContextMenu?: (event: CalendarEvent, e: MouseEvent) => void;
-		onResizeStart?: (event: CalendarEvent, edge: 'top' | 'bottom', e: PointerEvent) => void;
-	}
-
-	let {
-		event,
-		style,
-		color,
-		isDragging = false,
-		isResizing = false,
-		isDraggingSource = false,
-		isSearchHighlighted = false,
-		isSearchDimmed = false,
-		formattedTime,
-		onClick,
-		onPointerDown,
-		onContextMenu,
-		onResizeStart,
-	}: Props = $props();
-
-	let isDraft = $derived(eventsStore.isDraftEvent(event.id));
-
-	function handleClick(e: MouseEvent) {
-		if (isDragging || isResizing || isDraft) {
-			e.preventDefault();
-			e.stopPropagation();
-			return;
-		}
-		onClick?.(event, e);
-	}
-
-	function handlePointerDown(e: PointerEvent) {
-		onPointerDown?.(event, e);
-	}
-
-	function handleContextMenu(e: MouseEvent) {
-		e.preventDefault();
-		e.stopPropagation();
-		if (isDraft) return;
-		onContextMenu?.(event, e);
-	}
-
-	function handleResizeTop(e: PointerEvent) {
-		e.stopPropagation();
-		onResizeStart?.(event, 'top', e);
-	}
-
-	function handleResizeBottom(e: PointerEvent) {
-		e.stopPropagation();
-		onResizeStart?.(event, 'bottom', e);
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if ((e.key === 'Enter' || e.key === ' ') && !isDraft) {
-			e.preventDefault();
-			onClick?.(event, e as unknown as MouseEvent);
-		}
-	}
-</script>
-
-<div
-	class="event-card"
-	class:dragging={isDragging && !isDraggingSource}
-	class:dragging-source={isDraggingSource}
-	class:resizing={isResizing}
-	class:draft={isDraft}
-	class:search-highlighted={isSearchHighlighted}
-	class:search-dimmed={isSearchDimmed}
-	data-event-id={event.id}
-	{style}
-	style:background-color={color}
-	role="button"
-	tabindex="0"
-	aria-label={event.title || $_('calendar.draftEvent')}
-	onpointerdown={handlePointerDown}
-	onclick={handleClick}
-	onkeydown={handleKeydown}
-	oncontextmenu={handleContextMenu}
->
-	<!-- Top resize handle -->
-	{#if onResizeStart}
-		<div
-			class="resize-handle top"
-			onpointerdown={handleResizeTop}
-			role="slider"
-			aria-label={$_('event.changeStartTime')}
-			aria-valuenow={0}
-			tabindex="-1"
-		></div>
-	{/if}
-
-	<span class="event-time">{formattedTime}</span>
-	<span class="event-title">{event.title || (isDraft ? $_('calendar.draftEvent') : '')}</span>
-	{#if event.location}
-		<span class="event-location">{event.location}</span>
-	{/if}
-
-	<!-- Bottom resize handle -->
-	{#if onResizeStart}
-		<div
-			class="resize-handle bottom"
-			onpointerdown={handleResizeBottom}
-			role="slider"
-			aria-label={$_('event.changeEndTime')}
-			aria-valuenow={0}
-			tabindex="-1"
-		></div>
-	{/if}
-</div>
-
-<style>
-	.event-card {
-		position: absolute;
-		left: 2px;
-		right: 2px;
-		padding: 2px 4px;
-		border-radius: var(--radius-sm);
-		text-align: left;
-		cursor: grab;
-		z-index: 1;
-		overflow: hidden;
-		transition:
-			box-shadow 0.15s ease,
-			opacity 0.15s ease;
-		touch-action: none;
-		user-select: none;
-		color: white;
-	}
-
-	.event-card:hover {
-		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-	}
-
-	.event-card:focus-visible {
-		outline: 2px solid hsl(var(--color-primary));
-		outline-offset: 1px;
-	}
-
-	.event-card.dragging {
-		cursor: grabbing;
-		opacity: 0.9;
-		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-		z-index: 100;
-	}
-
-	.event-card.resizing {
-		opacity: 0.85;
-		z-index: 100;
-		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
-		outline: 2px dashed hsl(var(--color-primary) / 0.6);
-		outline-offset: -2px;
-	}
-
-	/* Ghost style for source position during cross-day drag */
-	.event-card.dragging-source {
-		opacity: 0.4;
-		background: transparent !important;
-		border: 2px dashed hsl(var(--color-border));
-		pointer-events: none;
-	}
-
-	.event-card.dragging-source .event-title,
-	.event-card.dragging-source .event-time,
-	.event-card.dragging-source .event-location {
-		opacity: 0.5;
-	}
-
-	.event-card.draft {
-		border: 2px dashed hsl(var(--color-primary) / 0.6);
-		background-color: hsl(var(--color-primary) / 0.3) !important;
-	}
-
-	.event-card.search-highlighted {
-		outline: 2px solid hsl(var(--color-primary));
-		outline-offset: 1px;
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.3);
-	}
-
-	.event-card.search-dimmed {
-		opacity: 0.35;
-		filter: grayscale(0.3);
-	}
-
-	.event-time {
-		display: block;
-		font-size: 0.6rem;
-		opacity: 0.9;
-	}
-
-	.event-title {
-		display: block;
-		font-size: 0.7rem;
-		font-weight: 500;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.event-location {
-		display: block;
-		font-size: 0.6rem;
-		opacity: 0.85;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	/* Resize handles */
-	.resize-handle {
-		position: absolute;
-		left: 0;
-		right: 0;
-		height: 20px;
-		cursor: ns-resize;
-		opacity: 0;
-		transition: opacity 0.15s ease;
-		z-index: 2;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.resize-handle::after {
-		content: '';
-		width: 32px;
-		height: 4px;
-		background: rgba(255, 255, 255, 0.5);
-		border-radius: 2px;
-	}
-
-	.resize-handle.top {
-		top: -6px;
-		border-radius: var(--radius-sm) var(--radius-sm) 0 0;
-	}
-
-	.resize-handle.bottom {
-		bottom: -6px;
-		border-radius: 0 0 var(--radius-sm) var(--radius-sm);
-	}
-
-	.event-card:hover .resize-handle,
-	.event-card.resizing .resize-handle {
-		opacity: 1;
-		background: rgba(255, 255, 255, 0.15);
-	}
-
-	.event-card:hover .resize-handle::after,
-	.event-card.resizing .resize-handle::after {
-		background: rgba(255, 255, 255, 0.7);
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/MiniCalendar.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/MiniCalendar.svelte
deleted file mode 100644
index b593f4c9b..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/MiniCalendar.svelte
+++ /dev/null
@@ -1,162 +0,0 @@
-<script lang="ts">
-	import {
-		format,
-		startOfMonth,
-		endOfMonth,
-		startOfWeek,
-		endOfWeek,
-		eachDayOfInterval,
-		isSameMonth,
-		isToday,
-		isSameDay,
-		addMonths,
-		subMonths,
-	} from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import { CaretLeft, CaretRight } from '@manacore/shared-icons';
-
-	interface Props {
-		selectedDate: Date;
-		onDateSelect: (date: Date) => void;
-	}
-
-	let { selectedDate, onDateSelect }: Props = $props();
-
-	let currentMonth = $state(new Date());
-
-	// Get all days to display
-	let calendarDays = $derived.by(() => {
-		const monthStart = startOfMonth(currentMonth);
-		const monthEnd = endOfMonth(currentMonth);
-		const calendarStart = startOfWeek(monthStart, { weekStartsOn: 1 });
-		const calendarEnd = endOfWeek(monthEnd, { weekStartsOn: 1 });
-
-		return eachDayOfInterval({ start: calendarStart, end: calendarEnd });
-	});
-
-	const weekDays = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
-
-	function previousMonth() {
-		currentMonth = subMonths(currentMonth, 1);
-	}
-
-	function nextMonth() {
-		currentMonth = addMonths(currentMonth, 1);
-	}
-
-	function handleDayClick(day: Date) {
-		onDateSelect(day);
-	}
-</script>
-
-<div class="mini-calendar card">
-	<div class="calendar-header">
-		<button class="nav-btn" onclick={previousMonth} aria-label="Vorheriger Monat">
-			<CaretLeft size={16} />
-		</button>
-		<span class="month-label">{format(currentMonth, 'MMMM yyyy', { locale: de })}</span>
-		<button class="nav-btn" onclick={nextMonth} aria-label="Nächster Monat">
-			<CaretRight size={16} />
-		</button>
-	</div>
-
-	<div class="weekday-row">
-		{#each weekDays as day}
-			<span class="weekday">{day}</span>
-		{/each}
-	</div>
-
-	<div class="days-grid">
-		{#each calendarDays as day}
-			<button
-				class="day"
-				class:other-month={!isSameMonth(day, currentMonth)}
-				class:today={isToday(day)}
-				class:selected={isSameDay(day, selectedDate)}
-				onclick={() => handleDayClick(day)}
-			>
-				{format(day, 'd')}
-			</button>
-		{/each}
-	</div>
-</div>
-
-<style>
-	.calendar-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		margin-bottom: 0.75rem;
-	}
-
-	.month-label {
-		font-weight: 600;
-		font-size: 0.875rem;
-	}
-
-	.nav-btn {
-		padding: 0.25rem;
-		border: none;
-		background: transparent;
-		border-radius: var(--radius-sm);
-		cursor: pointer;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.nav-btn:hover {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	.weekday-row {
-		display: grid;
-		grid-template-columns: repeat(7, 1fr);
-		margin-bottom: 0.25rem;
-	}
-
-	.weekday {
-		text-align: center;
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-		font-weight: 500;
-	}
-
-	.days-grid {
-		display: grid;
-		grid-template-columns: repeat(7, 1fr);
-		gap: 2px;
-	}
-
-	.day {
-		width: 28px;
-		height: 28px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: var(--radius-full);
-		cursor: pointer;
-		font-size: 0.75rem;
-		border: none;
-		background: transparent;
-		color: hsl(var(--color-foreground));
-		transition: all var(--transition-fast);
-	}
-
-	.day:hover {
-		background: hsl(var(--color-muted));
-	}
-
-	.day.other-month {
-		color: hsl(var(--color-muted-foreground));
-		opacity: 0.5;
-	}
-
-	.day.today {
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-	}
-
-	.day.selected {
-		border: 2px solid hsl(var(--color-primary));
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/MonthView.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/MonthView.svelte
deleted file mode 100644
index 6a7323187..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/MonthView.svelte
+++ /dev/null
@@ -1,626 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { eventsStore } from '$lib/stores/events.svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import {
-		getVisibleCalendars,
-		getCalendarColorWithBirthdays,
-		getEventsForDay as getEventsForDayPure,
-		getEventsForRange,
-	} from '$lib/data/queries';
-	import type { Calendar } from '@calendar/shared';
-	import { searchStore } from '$lib/stores/search.svelte';
-	import { birthdaysStore, type BirthdayEvent } from '$lib/stores/birthdays.svelte';
-	import BirthdayPopover from '$lib/components/birthday/BirthdayPopover.svelte';
-	import { useBirthdayPopover } from '$lib/composables';
-	import { goto } from '$app/navigation';
-	import {
-		format,
-		startOfMonth,
-		endOfMonth,
-		startOfWeek,
-		endOfWeek,
-		eachDayOfInterval,
-		isSameMonth,
-		isToday,
-		isSameDay,
-		isWeekend,
-		getHours,
-		getMinutes,
-		differenceInMinutes,
-		addMinutes,
-		setHours,
-		setMinutes,
-	} from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import { _ } from 'svelte-i18n';
-	import { filterByVisibleCalendars, filterByTags } from '$lib/utils/eventFiltering';
-
-	import type { CalendarEvent } from '@calendar/shared';
-
-	interface Props {
-		/** Optional date override for carousel navigation (uses viewStore.currentDate if not provided) */
-		date?: Date;
-		onQuickCreate?: (date: Date, position: { x: number; y: number }, endDate?: Date) => void;
-		onEventClick?: (event: CalendarEvent) => void;
-	}
-
-	let { date, onQuickCreate, onEventClick }: Props = $props();
-
-	// Get calendars and events from layout context (live queries)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-	const eventsCtx: { readonly value: CalendarEvent[] } = getContext('events');
-	let visibleCalendars = $derived(getVisibleCalendars(calendarsCtx.value));
-
-	// Use provided date or fall back to viewStore
-	let effectiveDate = $derived(date ?? viewStore.currentDate);
-
-	// Get all days to display in the month grid (including days from prev/next months)
-	let allCalendarDays = $derived.by(() => {
-		const monthStart = startOfMonth(effectiveDate);
-		const monthEnd = endOfMonth(effectiveDate);
-		const calendarStart = startOfWeek(monthStart, { weekStartsOn: settingsStore.weekStartsOn });
-		const calendarEnd = endOfWeek(monthEnd, { weekStartsOn: settingsStore.weekStartsOn });
-
-		return eachDayOfInterval({ start: calendarStart, end: calendarEnd });
-	});
-
-	// Expand recurring events for the month grid range
-	let rangeEvents = $derived.by(() => {
-		if (allCalendarDays.length === 0) return [];
-		return getEventsForRange(
-			eventsCtx.value,
-			allCalendarDays[0],
-			allCalendarDays[allCalendarDays.length - 1]
-		);
-	});
-
-	// Filter weekends if option is active
-	let calendarDays = $derived(
-		settingsStore.showOnlyWeekdays
-			? allCalendarDays.filter((day) => !isWeekend(day))
-			: allCalendarDays
-	);
-
-	// Week day headers - depends on week start setting
-	const weekDaysFromMonday = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
-	const weekDaysFromSunday = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
-	let allWeekDays = $derived(
-		settingsStore.weekStartsOn === 1 ? weekDaysFromMonday : weekDaysFromSunday
-	);
-	let weekDays = $derived(settingsStore.showOnlyWeekdays ? allWeekDays.slice(0, 5) : allWeekDays);
-
-	// Number of columns for grid
-	let columnCount = $derived(settingsStore.showOnlyWeekdays ? 5 : 7);
-
-	// Group days into weeks
-	let weeks = $derived.by(() => {
-		const result: Date[][] = [];
-		for (let i = 0; i < calendarDays.length; i += columnCount) {
-			result.push(calendarDays.slice(i, i + columnCount));
-		}
-		return result;
-	});
-
-	// ============================================================================
-	// Drag & Drop State
-	// ============================================================================
-	let isDragging = $state(false);
-	let draggedEvent = $state<CalendarEvent | null>(null);
-	let dragTargetDay = $state<Date | null>(null);
-
-	// Store for day cell refs
-	let dayCellRefs = $state<Map<string, HTMLElement>>(new Map());
-
-	function setDayCellRef(day: Date, el: HTMLElement | null) {
-		const key = format(day, 'yyyy-MM-dd');
-		if (el) {
-			dayCellRefs.set(key, el);
-		} else {
-			dayCellRefs.delete(key);
-		}
-	}
-
-	// Svelte action for binding day cell refs
-	function bindDayCellRef(node: HTMLElement, day: Date) {
-		setDayCellRef(day, node);
-		return {
-			destroy() {
-				setDayCellRef(day, null);
-			},
-		};
-	}
-
-	// ============================================================================
-	// Helper Functions
-	// ============================================================================
-	function getDayFromPoint(x: number, y: number): Date | null {
-		for (const [key, el] of dayCellRefs) {
-			const rect = el.getBoundingClientRect();
-			if (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom) {
-				return new Date(key);
-			}
-		}
-		return null;
-	}
-
-	// ============================================================================
-	// Drag Handlers
-	// ============================================================================
-	function startDrag(event: any, e: PointerEvent) {
-		e.preventDefault();
-		e.stopPropagation();
-
-		isDragging = true;
-		draggedEvent = event;
-
-		document.addEventListener('pointermove', handleDragMove);
-		document.addEventListener('pointerup', handleDragEnd);
-	}
-
-	function handleDragMove(e: PointerEvent) {
-		if (!isDragging || !draggedEvent) return;
-
-		const targetDay = getDayFromPoint(e.clientX, e.clientY);
-		dragTargetDay = targetDay;
-	}
-
-	function handleDragEnd(e: PointerEvent) {
-		if (!isDragging || !draggedEvent) {
-			cleanup();
-			return;
-		}
-
-		const targetDay = getDayFromPoint(e.clientX, e.clientY);
-
-		if (targetDay) {
-			const start =
-				typeof draggedEvent.startTime === 'string'
-					? new Date(draggedEvent.startTime)
-					: draggedEvent.startTime;
-			const end =
-				typeof draggedEvent.endTime === 'string'
-					? new Date(draggedEvent.endTime)
-					: draggedEvent.endTime;
-			const duration = differenceInMinutes(end, start);
-
-			// Keep the same time, change the date
-			let newStart = new Date(targetDay);
-			newStart.setHours(getHours(start), getMinutes(start), 0, 0);
-
-			const newEnd = addMinutes(newStart, duration);
-
-			// Update event (use updateDraftEvent for draft events)
-			if (eventsStore.isDraftEvent(draggedEvent.id)) {
-				eventsStore.updateDraftEvent({
-					startTime: newStart.toISOString(),
-					endTime: newEnd.toISOString(),
-				});
-			} else {
-				eventsStore.updateEvent(draggedEvent.id, {
-					startTime: newStart.toISOString(),
-					endTime: newEnd.toISOString(),
-				});
-			}
-		}
-
-		cleanup();
-	}
-
-	function cleanup() {
-		isDragging = false;
-		draggedEvent = null;
-		dragTargetDay = null;
-		document.removeEventListener('pointermove', handleDragMove);
-		document.removeEventListener('pointerup', handleDragEnd);
-	}
-
-	// ============================================================================
-	// Event Handlers
-	// ============================================================================
-	function getEventsForDay(day: Date): CalendarEvent[] {
-		const dayEvents = getEventsForDayPure(rangeEvents, day);
-		let events = filterByVisibleCalendars(dayEvents, visibleCalendars);
-		events = filterByTags(events, settingsStore.selectedTagIds);
-		return events.slice(0, 3); // Max 3 events shown
-	}
-
-	function getAllEventsForDay(day: Date): CalendarEvent[] {
-		const dayEvents = getEventsForDayPure(rangeEvents, day);
-		let events = filterByVisibleCalendars(dayEvents, visibleCalendars);
-		return filterByTags(events, settingsStore.selectedTagIds);
-	}
-
-	function handleDayClick(day: Date, e: MouseEvent) {
-		// Don't navigate if dragging
-		if (isDragging) return;
-
-		// If onQuickCreate callback provided, open quick event overlay
-		if (onQuickCreate) {
-			// Set start time to current hour (or 9 AM if in the past)
-			const now = new Date();
-			let startTime = setMinutes(setHours(day, now.getHours()), 0);
-
-			// If the selected day is today and current hour is reasonable, use next hour
-			if (isSameDay(day, now)) {
-				startTime = setMinutes(setHours(day, now.getHours() + 1), 0);
-			} else {
-				// For other days, default to 9 AM
-				startTime = setMinutes(setHours(day, 9), 0);
-			}
-
-			onQuickCreate(startTime, { x: e.clientX, y: e.clientY });
-		} else {
-			// Fallback: navigate to week view for the selected day
-			viewStore.setDate(day);
-			viewStore.setViewType('week');
-		}
-	}
-
-	function handleEventClick(event: CalendarEvent, e: MouseEvent) {
-		// Don't navigate if dragging
-		if (isDragging) {
-			e.preventDefault();
-			e.stopPropagation();
-			return;
-		}
-		e.stopPropagation();
-		if (onEventClick) {
-			onEventClick(event);
-		} else {
-			goto(`/?event=${event.id}`);
-		}
-	}
-
-	function handleMoreClick(day: Date, e: MouseEvent) {
-		e.stopPropagation();
-		viewStore.setDate(day);
-		viewStore.setViewType('week');
-	}
-
-	// ============================================================================
-	// Birthday Functions
-	// ============================================================================
-	const birthdayPopover = useBirthdayPopover();
-
-	function getBirthdaysForDay(day: Date): BirthdayEvent[] {
-		if (!settingsStore.showBirthdays) return [];
-		return birthdaysStore.getBirthdaysForDay(day);
-	}
-</script>
-
-<div class="month-view" style="--column-count: {columnCount}">
-	<!-- Week day headers -->
-	<div class="weekday-headers" role="row">
-		{#each weekDays as day}
-			<div class="weekday-header" role="columnheader">{day}</div>
-		{/each}
-	</div>
-
-	<!-- Calendar grid -->
-	<div class="calendar-grid" role="grid" aria-label={$_('views.monthView')}>
-		{#each weeks as week}
-			<div class="week-row" role="row">
-				{#each week as day}
-					{@const isDropTarget = isDragging && dragTargetDay && isSameDay(day, dragTargetDay)}
-					<div
-						class="day-cell"
-						class:other-month={!isSameMonth(day, effectiveDate)}
-						class:today={isToday(day)}
-						class:drop-target={isDropTarget}
-						use:bindDayCellRef={day}
-						onclick={(e) => handleDayClick(day, e)}
-						onkeydown={(e) => e.key === 'Enter' && handleDayClick(day, e as unknown as MouseEvent)}
-						role="gridcell"
-						tabindex="0"
-						aria-selected={isToday(day)}
-						aria-label={$_('a11y.createEventOn', {
-							values: { date: format(day, 'EEEE, d. MMMM', { locale: de }) },
-						})}
-					>
-						<div class="day-header">
-							<span class="day-number" class:today={isToday(day)}>
-								{format(day, 'd')}
-							</span>
-						</div>
-
-						<div class="day-events">
-							{#each getEventsForDay(day) as event}
-								{@const isBeingDragged = isDragging && draggedEvent?.id === event.id}
-								{@const isDraft = eventsStore.isDraftEvent(event.id)}
-								{@const isSearchHighlighted = searchStore.isEventHighlighted(event.id)}
-								{@const isSearchDimmed = searchStore.isEventDimmed(event.id)}
-								<!-- svelte-ignore a11y_click_events_have_key_events -->
-								<div
-									class="event-pill"
-									class:dragging={isBeingDragged}
-									class:draft={isDraft}
-									class:search-highlighted={isSearchHighlighted}
-									class:search-dimmed={isSearchDimmed}
-									data-event-id={event.id}
-									style="background-color: {getCalendarColorWithBirthdays(
-										calendarsCtx.value,
-										event.calendarId
-									)}"
-									onpointerdown={(e) => startDrag(event, e)}
-									onclick={(e) => !isDraft && handleEventClick(event, e)}
-									role="button"
-									tabindex="0"
-									aria-label={event.title ||
-										(isDraft ? $_('calendar.draftEvent') : $_('calendar.untitled'))}
-								>
-									{#if !event.isAllDay}
-										<span class="event-time"
-											>{format(
-												typeof event.startTime === 'string'
-													? new Date(event.startTime)
-													: event.startTime,
-												'HH:mm'
-											)}-{format(
-												typeof event.endTime === 'string' ? new Date(event.endTime) : event.endTime,
-												'HH:mm'
-											)}</span
-										>
-									{/if}
-									<span class="event-title"
-										>{event.title || (isDraft ? $_('calendar.draftEvent') : '')}</span
-									>
-								</div>
-							{/each}
-
-							<!-- Birthdays -->
-							{#each getBirthdaysForDay(day) as birthday}
-								<!-- svelte-ignore a11y_click_events_have_key_events -->
-								<div
-									class="event-pill birthday-pill"
-									onclick={(e) => birthdayPopover.handleBirthdayClick(birthday, e)}
-									role="button"
-									tabindex="0"
-									aria-label="{birthday.displayName} - {$_(
-										'views.birthday'
-									)}{settingsStore.showBirthdayAge && birthday.age > 0 ? ` (${birthday.age})` : ''}"
-								>
-									🎂
-									<span class="event-title">{birthday.displayName}</span>
-									{#if settingsStore.showBirthdayAge && birthday.age > 0}
-										<span class="birthday-age">({birthday.age})</span>
-									{/if}
-								</div>
-							{/each}
-
-							{#if getAllEventsForDay(day).length > 3}
-								<button class="more-events" onclick={(e) => handleMoreClick(day, e)}>
-									{$_('views.moreEvents', {
-										values: { count: getAllEventsForDay(day).length - 3 },
-									})}
-								</button>
-							{/if}
-						</div>
-					</div>
-				{/each}
-			</div>
-		{/each}
-	</div>
-</div>
-
-<!-- Birthday Popover -->
-{#if birthdayPopover.selectedBirthday}
-	<BirthdayPopover
-		birthday={birthdayPopover.selectedBirthday}
-		position={birthdayPopover.popoverPosition}
-		onClose={birthdayPopover.closePopover}
-	/>
-{/if}
-
-<style>
-	.month-view {
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		min-height: 0;
-	}
-
-	.weekday-headers {
-		display: grid;
-		grid-template-columns: repeat(var(--column-count, 7), 1fr);
-		border-bottom: 1px solid hsl(var(--color-border));
-		background: hsl(var(--color-background));
-		position: sticky;
-		top: 0;
-		z-index: 10;
-	}
-
-	.weekday-header {
-		padding: 0.75rem;
-		text-align: center;
-		font-size: 0.75rem;
-		font-weight: 600;
-		color: hsl(var(--color-muted-foreground));
-		text-transform: uppercase;
-	}
-
-	.calendar-grid {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		min-height: 0;
-	}
-
-	.week-row {
-		flex: 1 1 0;
-		display: grid;
-		grid-template-columns: repeat(var(--column-count, 7), 1fr);
-		min-height: 0;
-	}
-
-	.day-cell {
-		border: 1px solid hsl(var(--color-border));
-		border-top: none;
-		border-left: none;
-		padding: var(--spacing-xs);
-		background: transparent;
-		cursor: pointer;
-		text-align: left;
-		display: flex;
-		flex-direction: column;
-		transition: background-color var(--transition-fast);
-		min-height: 0;
-		overflow: hidden;
-	}
-
-	.day-cell:first-child {
-		border-left: 1px solid hsl(var(--color-border));
-	}
-
-	.day-cell:hover {
-		background-color: hsl(var(--color-muted) / 0.3);
-	}
-
-	.day-cell.today {
-		background-color: hsl(var(--color-primary) / 0.1);
-	}
-
-	.day-cell.other-month {
-		opacity: 0.5;
-	}
-
-	.day-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		margin-bottom: 0.25rem;
-	}
-
-	.day-number {
-		font-size: 0.875rem;
-		font-weight: 500;
-		width: 28px;
-		height: 28px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: var(--radius-full);
-	}
-
-	.day-number.today {
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-	}
-
-	.day-events {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		gap: 2px;
-		overflow: hidden;
-	}
-
-	.event-pill {
-		display: flex;
-		align-items: center;
-		gap: 4px;
-		padding: 2px 6px;
-		font-size: 0.75rem;
-		color: white;
-		border-radius: var(--radius-sm);
-		border: none;
-		cursor: grab;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		touch-action: none;
-		user-select: none;
-		transition:
-			transform 150ms ease,
-			box-shadow 150ms ease,
-			opacity 150ms ease;
-	}
-
-	.event-pill:hover {
-		transform: scale(1.02);
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-	}
-
-	.event-pill.dragging {
-		cursor: grabbing;
-		opacity: 0.5;
-		transform: scale(0.95);
-	}
-
-	.event-pill.draft {
-		outline: 2px solid hsl(var(--color-primary));
-		outline-offset: -1px;
-		animation: pulse-outline 1.5s ease-in-out infinite;
-	}
-
-	/* Search highlighting */
-	.event-pill.search-highlighted {
-		outline: 2px solid hsl(var(--color-primary));
-		outline-offset: 1px;
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.3);
-		z-index: 10;
-		transform: scale(1.02);
-	}
-
-	.event-pill.search-dimmed {
-		opacity: 0.35;
-		filter: grayscale(0.3);
-	}
-
-	@keyframes pulse-outline {
-		0%,
-		100% {
-			outline-color: hsl(var(--color-primary));
-		}
-		50% {
-			outline-color: hsl(var(--color-primary) / 0.5);
-		}
-	}
-
-	.event-time {
-		font-size: 0.65rem;
-		opacity: 0.9;
-	}
-
-	.event-title {
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.more-events {
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		padding: 2px;
-		text-align: left;
-	}
-
-	.more-events:hover {
-		color: hsl(var(--color-primary));
-	}
-
-	/* Drop target highlighting */
-	.day-cell.drop-target {
-		background-color: hsl(var(--color-primary) / 0.2) !important;
-		outline: 2px dashed hsl(var(--color-primary));
-		outline-offset: -2px;
-	}
-
-	/* Birthday pills */
-	.event-pill.birthday-pill {
-		background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
-		cursor: pointer;
-	}
-
-	.event-pill.birthday-pill:hover {
-		opacity: 0.9;
-	}
-
-	.birthday-age {
-		opacity: 0.85;
-		font-size: 0.65rem;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/OverflowIndicator.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/OverflowIndicator.svelte
deleted file mode 100644
index bbb58a343..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/OverflowIndicator.svelte
+++ /dev/null
@@ -1,57 +0,0 @@
-<script lang="ts">
-	/**
-	 * OverflowIndicator Component
-	 * Shows colored lines indicating events outside the visible time range
-	 */
-
-	import type { CalendarEvent } from '@calendar/shared';
-
-	interface OverflowEvent {
-		event: CalendarEvent;
-		color: string;
-		tooltip: string;
-	}
-
-	interface Props {
-		events: OverflowEvent[];
-		position: 'top' | 'bottom';
-		label?: string;
-	}
-
-	let { events, position, label }: Props = $props();
-</script>
-
-{#if events.length > 0}
-	<div class="overflow-indicator {position}" title={label}>
-		{#each events as { color, tooltip }}
-			<div class="overflow-line" style="background-color: {color}" title={tooltip}></div>
-		{/each}
-	</div>
-{/if}
-
-<style>
-	.overflow-indicator {
-		position: absolute;
-		left: 0;
-		right: 0;
-		display: flex;
-		gap: 2px;
-		padding: 2px 4px;
-		z-index: 5;
-	}
-
-	.overflow-indicator.top {
-		top: 0;
-	}
-
-	.overflow-indicator.bottom {
-		bottom: 0;
-	}
-
-	.overflow-line {
-		flex: 1;
-		height: 3px;
-		border-radius: 1px;
-		opacity: 0.8;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/PillCalendarSelector.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/PillCalendarSelector.svelte
deleted file mode 100644
index 365df859e..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/PillCalendarSelector.svelte
+++ /dev/null
@@ -1,409 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { calendarsStore } from '$lib/stores/calendars.svelte';
-	import type { Calendar } from '@calendar/shared';
-	import { goto } from '$app/navigation';
-	import { CalendarBlank, CaretDown, Plus } from '@manacore/shared-icons';
-
-	// Get calendars from layout context (live query)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-
-	// Portal action - moves element to body to escape stacking contexts
-	function portal(node: HTMLElement) {
-		document.body.appendChild(node);
-		return {
-			destroy() {
-				node.remove();
-			},
-		};
-	}
-
-	interface Props {
-		direction?: 'up' | 'down';
-		embedded?: boolean;
-	}
-
-	let { direction = 'up', embedded = false }: Props = $props();
-
-	let isOpen = $state(false);
-	let triggerButton: HTMLButtonElement;
-	let dropdownPosition = $state({ top: 0, left: 0 });
-
-	function toggle() {
-		if (triggerButton) {
-			const rect = triggerButton.getBoundingClientRect();
-			if (direction === 'down') {
-				dropdownPosition = {
-					top: rect.bottom + 8,
-					left: rect.left,
-				};
-			} else {
-				dropdownPosition = {
-					top: rect.top - 8,
-					left: rect.left,
-				};
-			}
-		}
-		isOpen = !isOpen;
-	}
-
-	function close() {
-		isOpen = false;
-	}
-
-	function handleToggle(calendarId: string) {
-		calendarsStore.toggleVisibility(calendarId, calendarsCtx.value);
-	}
-
-	function handleAddCalendar() {
-		close();
-		goto('/settings');
-	}
-
-	// Count visible calendars
-	let visibleCount = $derived(calendarsCtx.value.filter((c) => c.isVisible).length);
-	let totalCount = $derived(calendarsCtx.value.length);
-</script>
-
-<div class="pill-calendar-selector">
-	<!-- Trigger Button -->
-	<button
-		bind:this={triggerButton}
-		onclick={toggle}
-		class="trigger-button"
-		class:pill={!embedded}
-		class:glass-pill={!embedded}
-		class:embedded-btn={embedded}
-	>
-		<CalendarBlank size={16} class="pill-icon" />
-		<span class="pill-label">{visibleCount}/{totalCount}</span>
-		<CaretDown size={12} class="chevron-icon {isOpen ? 'rotated' : ''}" />
-	</button>
-
-	{#if isOpen}
-		<!-- Backdrop - portal to body -->
-		<button
-			use:portal
-			class="menu-backdrop"
-			onclick={close}
-			onkeydown={(e) => e.key === 'Escape' && close()}
-			aria-label="Close dropdown"
-			style="z-index: 99990;"
-		></button>
-
-		<!-- Dropdown - portal to body -->
-		<div
-			use:portal
-			class="dropdown-container"
-			class:dropdown-up={direction === 'up'}
-			class:dropdown-down={direction === 'down'}
-			style="top: {dropdownPosition.top}px; left: {dropdownPosition.left}px; z-index: 99991;"
-		>
-			<div class="dropdown-header">
-				<span class="header-title">Kalender</span>
-				<button class="add-btn" onclick={handleAddCalendar} aria-label="Kalender hinzufügen">
-					<Plus size={16} />
-				</button>
-			</div>
-
-			<div class="calendar-list">
-				{#each calendarsCtx.value as calendar}
-					<label class="calendar-item">
-						<input
-							type="checkbox"
-							checked={calendar.isVisible}
-							onchange={() => handleToggle(calendar.id)}
-							style="accent-color: {calendar.color}"
-						/>
-						<span class="color-dot" style="background-color: {calendar.color}"></span>
-						<span class="calendar-name">{calendar.name}</span>
-					</label>
-				{/each}
-
-				{#if calendarsCtx.value.length === 0}
-					<p class="empty-message">Keine Kalender</p>
-				{/if}
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.pill-calendar-selector {
-		position: relative;
-	}
-
-	.trigger-button {
-		position: relative;
-	}
-
-	/* Embedded mode - no background/border, for use inside a parent bar */
-	.embedded-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.75rem;
-		border-radius: 9999px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		white-space: nowrap;
-		border: none;
-		cursor: pointer;
-		transition: all 0.15s ease;
-		background: transparent;
-		color: #374151;
-	}
-
-	:global(.dark) .embedded-btn {
-		color: #f3f4f6;
-	}
-
-	.embedded-btn:hover {
-		background: rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .embedded-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.875rem;
-		border-radius: 9999px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		white-space: nowrap;
-		text-decoration: none;
-		transition: all 0.2s;
-		border: none;
-		cursor: pointer;
-	}
-
-	.glass-pill {
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-
-	:global(.dark) .glass-pill {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-		color: #f3f4f6;
-	}
-
-	.glass-pill:hover {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-		transform: translateY(-2px);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .glass-pill:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.pill-icon {
-		width: 1rem;
-		height: 1rem;
-		flex-shrink: 0;
-	}
-
-	.pill-label {
-		display: inline;
-	}
-
-	.chevron-icon {
-		width: 0.75rem;
-		height: 0.75rem;
-		transition: transform 0.2s;
-		margin-left: 0.25rem;
-	}
-
-	.chevron-icon.rotated {
-		transform: rotate(180deg);
-	}
-
-	.menu-backdrop {
-		position: fixed;
-		inset: 0;
-		z-index: 9998;
-		background: transparent;
-		border: none;
-		cursor: default;
-	}
-
-	.dropdown-container {
-		position: fixed;
-		z-index: 9999;
-		min-width: 200px;
-		background: rgba(255, 255, 255, 0.95);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 1rem;
-		box-shadow:
-			0 10px 25px -5px rgba(0, 0, 0, 0.15),
-			0 8px 10px -6px rgba(0, 0, 0, 0.1);
-		padding: 0.75rem;
-		animation: dropdownIn 0.15s ease-out forwards;
-	}
-
-	:global(.dark) .dropdown-container {
-		background: rgba(30, 30, 30, 0.95);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.dropdown-up {
-		transform: translateY(-100%);
-	}
-
-	.dropdown-down {
-		transform: translateY(0);
-	}
-
-	@keyframes dropdownIn {
-		from {
-			opacity: 0;
-			transform: translateY(-100%) scale(0.95);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(-100%) scale(1);
-		}
-	}
-
-	.dropdown-down {
-		animation-name: dropdownInDown;
-	}
-
-	@keyframes dropdownInDown {
-		from {
-			opacity: 0;
-			transform: translateY(0) scale(0.95);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0) scale(1);
-		}
-	}
-
-	.dropdown-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding-bottom: 0.5rem;
-		margin-bottom: 0.5rem;
-		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-	}
-
-	:global(.dark) .dropdown-header {
-		border-bottom-color: rgba(255, 255, 255, 0.15);
-	}
-
-	.header-title {
-		font-size: 0.75rem;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		color: #6b7280;
-	}
-
-	:global(.dark) .header-title {
-		color: #9ca3af;
-	}
-
-	.add-btn {
-		padding: 0.25rem;
-		border: none;
-		background: transparent;
-		border-radius: 0.375rem;
-		cursor: pointer;
-		color: #6b7280;
-		transition: all 0.15s;
-	}
-
-	:global(.dark) .add-btn {
-		color: #9ca3af;
-	}
-
-	.add-btn:hover {
-		background: rgba(0, 0, 0, 0.05);
-		color: #374151;
-	}
-
-	:global(.dark) .add-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	.calendar-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.calendar-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		cursor: pointer;
-		padding: 0.375rem 0.5rem;
-		border-radius: 0.5rem;
-		transition: background 0.15s;
-	}
-
-	.calendar-item:hover {
-		background: rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .calendar-item:hover {
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.calendar-item input {
-		width: 16px;
-		height: 16px;
-		cursor: pointer;
-		flex-shrink: 0;
-	}
-
-	.color-dot {
-		width: 10px;
-		height: 10px;
-		border-radius: 9999px;
-		flex-shrink: 0;
-	}
-
-	.calendar-name {
-		font-size: 0.875rem;
-		color: #374151;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	:global(.dark) .calendar-name {
-		color: #f3f4f6;
-	}
-
-	.empty-message {
-		font-size: 0.875rem;
-		color: #6b7280;
-		text-align: center;
-		padding: 0.5rem;
-	}
-
-	:global(.dark) .empty-message {
-		color: #9ca3af;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/TagStrip.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/TagStrip.svelte
deleted file mode 100644
index b0b3ac5b1..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/TagStrip.svelte
+++ /dev/null
@@ -1,316 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { goto } from '$app/navigation';
-	import { DotsThree, Plus, X } from '@manacore/shared-icons';
-	import TagStripModal from './TagStripModal.svelte';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-
-	let showModal = $state(false);
-
-	function handleTagClick(tagId: string) {
-		settingsStore.toggleTagSelection(tagId);
-	}
-
-	function isTagSelected(tagId: string): boolean {
-		return settingsStore.isTagSelected(tagId);
-	}
-
-	const hasSelectedTags = $derived(settingsStore.hasSelectedTags);
-
-	function handleOpenModal() {
-		showModal = true;
-	}
-
-	function handleCloseModal() {
-		showModal = false;
-	}
-
-	const sortedTags = $derived.by(() => {
-		return [...tagsCtx.value].sort((a, b) => a.name.localeCompare(b.name, 'de'));
-	});
-
-	const hasTags = $derived(tagsCtx.value.length > 0);
-</script>
-
-<div class="tag-strip-wrapper">
-	<div class="tag-strip-container">
-		<!-- Clear Filter Button (always rendered to prevent layout shift) -->
-		<button
-			class="clear-filter-pill glass-tag"
-			class:hidden={!hasSelectedTags}
-			onclick={() => settingsStore.clearTagSelection()}
-			title="Filter löschen"
-			disabled={!hasSelectedTags}
-		>
-			<X size={16} weight="bold" />
-			<span class="tag-name">Filter</span>
-		</button>
-
-		<!-- More Pill (opens modal) -->
-		<button class="more-pill glass-tag" onclick={handleOpenModal} title="Alle Tags anzeigen">
-			<DotsThree size={18} weight="bold" />
-			<span class="tag-name">Alle Tags</span>
-		</button>
-
-		{#if !hasTags}
-			<button class="empty-state glass-tag" onclick={() => goto('/tags')}>
-				<span>Keine Tags vorhanden</span>
-				<span class="add-hint">+ Erstellen</span>
-			</button>
-		{:else}
-			{#each sortedTags as tag (tag.id)}
-				<button
-					class="tag-pill glass-tag"
-					class:selected={isTagSelected(tag.id)}
-					onclick={() => handleTagClick(tag.id)}
-					title={tag.name}
-					style="--tag-color: {tag.color || '#3b82f6'}"
-				>
-					<span class="tag-dot"></span>
-					<span class="tag-name">{tag.name}</span>
-				</button>
-			{/each}
-
-			<!-- Create Tag Button -->
-			<button
-				class="create-pill glass-tag"
-				onclick={() => goto('/tags?new=true')}
-				title="Neuer Tag"
-			>
-				<Plus size={16} weight="bold" />
-				<span class="tag-name">Neuer Tag</span>
-			</button>
-		{/if}
-	</div>
-</div>
-
-<!-- Tags Modal -->
-<TagStripModal visible={showModal} onClose={handleCloseModal} />
-
-<style>
-	.tag-strip-wrapper {
-		position: fixed;
-		bottom: calc(70px + env(safe-area-inset-bottom, 0px)); /* Directly above PillNav */
-		left: 0;
-		right: 0;
-		z-index: 49; /* Above other strips */
-		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-		pointer-events: none;
-		transition: bottom 0.2s ease;
-	}
-
-	.tag-strip-container {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		background: transparent;
-		pointer-events: auto;
-		/* Center when content fits, left-align and scroll when it overflows */
-		width: fit-content;
-		max-width: 100%;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 0.5rem 2rem;
-		overflow-x: auto;
-		scrollbar-width: none;
-		-ms-overflow-style: none;
-	}
-
-	.tag-strip-container::-webkit-scrollbar {
-		display: none;
-	}
-
-	.tag-pill,
-	.more-pill,
-	.create-pill,
-	.clear-filter-pill {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		cursor: pointer;
-		flex-shrink: 0;
-		transition: all 0.15s ease;
-	}
-
-	/* Selected tag state */
-	.tag-pill.selected {
-		background: var(--tag-color) !important;
-		border-color: var(--tag-color) !important;
-	}
-
-	.tag-pill.selected .tag-dot {
-		background-color: white;
-	}
-
-	.tag-pill.selected .tag-name {
-		color: white;
-	}
-
-	/* Clear filter pill */
-	.clear-filter-pill {
-		color: #ef4444;
-		background: rgba(239, 68, 68, 0.1) !important;
-		border-color: rgba(239, 68, 68, 0.3) !important;
-	}
-
-	.clear-filter-pill .tag-name {
-		color: #ef4444;
-		font-weight: 600;
-	}
-
-	:global(.dark) .clear-filter-pill {
-		color: #f87171;
-		background: rgba(239, 68, 68, 0.15) !important;
-		border-color: rgba(239, 68, 68, 0.3) !important;
-	}
-
-	:global(.dark) .clear-filter-pill .tag-name {
-		color: #f87171;
-	}
-
-	.clear-filter-pill:hover:not(.hidden) {
-		background: rgba(239, 68, 68, 0.2) !important;
-		border-color: rgba(239, 68, 68, 0.5) !important;
-	}
-
-	/* Hidden state for clear filter pill (prevents layout shift) */
-	.clear-filter-pill.hidden {
-		visibility: hidden;
-		pointer-events: none;
-	}
-
-	/* More pill with neutral style */
-	.more-pill {
-		color: #374151;
-	}
-
-	.more-pill .tag-name {
-		color: #374151;
-		font-weight: 500;
-	}
-
-	:global(.dark) .more-pill {
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .more-pill .tag-name {
-		color: #f3f4f6;
-	}
-
-	/* Create pill with neutral style */
-	.create-pill {
-		color: #374151;
-	}
-
-	.create-pill .tag-name {
-		color: #374151;
-		font-weight: 500;
-	}
-
-	:global(.dark) .create-pill {
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .create-pill .tag-name {
-		color: #f3f4f6;
-	}
-
-	/* Glass tag styling - same as PillNavigation pills */
-	.glass-tag {
-		padding: 0.5rem 1rem;
-		border-radius: 9999px;
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-	}
-
-	:global(.dark) .glass-tag {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.glass-tag:hover {
-		transform: scale(1.05);
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .glass-tag:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.glass-tag:active {
-		transform: scale(0.98);
-	}
-
-	.tag-dot {
-		width: 10px;
-		height: 10px;
-		border-radius: 50%;
-		background-color: var(--tag-color);
-		flex-shrink: 0;
-	}
-
-	.tag-name {
-		font-size: 0.9375rem;
-		font-weight: 500;
-		color: #374151;
-		white-space: nowrap;
-	}
-
-	:global(.dark) .tag-name {
-		color: #f3f4f6;
-	}
-
-	.loading-state {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		padding: 0.5rem;
-	}
-
-	.empty-state {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		cursor: pointer;
-		color: #6b7280;
-		font-size: 0.875rem;
-		flex-shrink: 0;
-	}
-
-	:global(.dark) .empty-state {
-		color: #9ca3af;
-	}
-
-	.add-hint {
-		font-size: 0.875rem;
-		color: #3b82f6;
-		font-weight: 500;
-	}
-
-	/* Responsive */
-	@media (max-width: 640px) {
-		.tag-strip-wrapper {
-			left: 0;
-			right: 0;
-		}
-
-		.tag-strip-container {
-			padding: 0.5rem 1rem;
-		}
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/TagStripModal.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/TagStripModal.svelte
deleted file mode 100644
index 03161cc26..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/TagStripModal.svelte
+++ /dev/null
@@ -1,804 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-	import { Plus, X, Check, Pencil, Trash, MagnifyingGlass } from '@manacore/shared-icons';
-	import { TagColorPicker, focusTrap } from '@manacore/shared-ui';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-
-	interface Props {
-		visible: boolean;
-		onClose: () => void;
-	}
-
-	let { visible, onClose }: Props = $props();
-
-	// Search state
-	let searchQuery = $state('');
-
-	// New tag form state
-	let showNewTagForm = $state(false);
-	let newTagName = $state('');
-	let newTagColor = $state('#3b82f6');
-	let isCreatingTag = $state(false);
-
-	// Edit tag state
-	let editingTag = $state<Tag | null>(null);
-	let editTagName = $state('');
-	let editTagColor = $state('#3b82f6');
-	let isSavingTag = $state(false);
-
-	// Filtered and sorted tags
-	const sortedTags = $derived.by(() => {
-		const tags = [...tagsCtx.value].sort((a, b) => a.name.localeCompare(b.name, 'de'));
-		if (!searchQuery.trim()) return tags;
-		const query = searchQuery.toLowerCase();
-		return tags.filter((t) => t.name.toLowerCase().includes(query));
-	});
-
-	// ==================== NEW TAG ====================
-	function openNewTagForm() {
-		showNewTagForm = true;
-		newTagName = '';
-		newTagColor = '#3b82f6';
-	}
-
-	function closeNewTagForm() {
-		showNewTagForm = false;
-		newTagName = '';
-		newTagColor = '#3b82f6';
-	}
-
-	async function handleCreateTag() {
-		if (!newTagName.trim() || isCreatingTag) return;
-
-		isCreatingTag = true;
-		try {
-			await tagMutations.createTag({
-				name: newTagName.trim(),
-				color: newTagColor,
-			});
-			closeNewTagForm();
-		} catch (e) {
-			console.error('Failed to create tag:', e);
-		}
-		isCreatingTag = false;
-	}
-
-	function handleNewTagKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && newTagName.trim()) {
-			e.preventDefault();
-			handleCreateTag();
-		} else if (e.key === 'Escape') {
-			e.stopPropagation();
-			closeNewTagForm();
-		}
-	}
-
-	// ==================== EDIT TAG ====================
-	function openEditTag(tag: Tag) {
-		editingTag = tag;
-		editTagName = tag.name;
-		editTagColor = tag.color;
-	}
-
-	function closeEditTag() {
-		editingTag = null;
-		editTagName = '';
-		editTagColor = '#3b82f6';
-	}
-
-	async function handleSaveTag() {
-		if (!editingTag || !editTagName.trim() || isSavingTag) return;
-
-		isSavingTag = true;
-		try {
-			await tagMutations.updateTag(editingTag.id, {
-				name: editTagName.trim(),
-				color: editTagColor,
-			});
-			closeEditTag();
-		} catch (e) {
-			console.error('Failed to update tag:', e);
-		}
-		isSavingTag = false;
-	}
-
-	async function handleDeleteTag() {
-		if (!editingTag) return;
-
-		try {
-			await tagMutations.deleteTag(editingTag.id);
-			closeEditTag();
-		} catch (e) {
-			console.error('Failed to delete tag:', e);
-		}
-	}
-
-	function handleEditTagKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && editTagName.trim()) {
-			e.preventDefault();
-			handleSaveTag();
-		} else if (e.key === 'Escape') {
-			e.stopPropagation();
-			closeEditTag();
-		}
-	}
-
-	// ==================== KEYBOARD ====================
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			if (editingTag) {
-				closeEditTag();
-			} else if (showNewTagForm) {
-				closeNewTagForm();
-			} else {
-				onClose();
-			}
-		}
-	}
-
-	const hasOpenForm = $derived(showNewTagForm || editingTag !== null);
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if visible}
-	<!-- Backdrop -->
-	<!-- svelte-ignore a11y_click_events_have_key_events -->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div class="modal-backdrop" onclick={onClose}></div>
-
-	<!-- Modal -->
-	<div class="tag-modal" role="dialog" aria-modal="true" aria-label="Tags" use:focusTrap>
-		<!-- Header -->
-		<div class="modal-header">
-			<h2 class="modal-title">Tags</h2>
-			<div class="header-actions">
-				<button class="header-btn" onclick={openNewTagForm} title="Neuer Tag">
-					<Plus size={18} weight="bold" />
-				</button>
-				<button class="header-btn close-btn" onclick={onClose} title="Schließen">
-					<X size={18} weight="bold" />
-				</button>
-			</div>
-		</div>
-
-		<!-- Content -->
-		<div class="modal-content">
-			{#if tagsCtx.value.length === 0 && !showNewTagForm}
-				<div class="empty-state">
-					<p>Keine Tags vorhanden</p>
-					<button class="create-btn" onclick={openNewTagForm}>
-						<Plus size={16} weight="bold" />
-						Tag erstellen
-					</button>
-				</div>
-			{:else}
-				<!-- New Tag Form -->
-				{#if showNewTagForm}
-					<div class="edit-form-section">
-						<div class="edit-form-header">
-							<span class="edit-form-title">Neuer Tag</span>
-							<button class="icon-btn" onclick={closeNewTagForm} title="Abbrechen">
-								<X size={14} weight="bold" />
-							</button>
-						</div>
-						<div class="edit-form">
-							<div class="form-row">
-								<div class="color-preview" style="background-color: {newTagColor}"></div>
-								<input
-									type="text"
-									bind:value={newTagName}
-									onkeydown={handleNewTagKeydown}
-									placeholder="Tag Name"
-									class="name-input"
-									autofocus
-								/>
-							</div>
-							<div class="color-picker-row">
-								<TagColorPicker
-									selectedColor={newTagColor}
-									onColorChange={(c) => (newTagColor = c)}
-								/>
-							</div>
-							<div class="form-actions">
-								<button
-									class="btn btn-primary"
-									onclick={handleCreateTag}
-									disabled={!newTagName.trim() || isCreatingTag}
-								>
-									<Check size={14} weight="bold" />
-									Erstellen
-								</button>
-							</div>
-						</div>
-					</div>
-				{/if}
-
-				<!-- Edit Tag Form -->
-				{#if editingTag}
-					<div class="edit-form-section">
-						<div class="edit-form-header">
-							<span class="edit-form-title">Tag bearbeiten</span>
-							<button class="icon-btn" onclick={closeEditTag} title="Abbrechen">
-								<X size={14} weight="bold" />
-							</button>
-						</div>
-						<div class="edit-form">
-							<div class="form-row">
-								<div class="color-preview" style="background-color: {editTagColor}"></div>
-								<input
-									type="text"
-									bind:value={editTagName}
-									onkeydown={handleEditTagKeydown}
-									placeholder="Tag Name"
-									class="name-input"
-									autofocus
-								/>
-							</div>
-							<div class="color-picker-row">
-								<TagColorPicker
-									selectedColor={editTagColor}
-									onColorChange={(c) => (editTagColor = c)}
-								/>
-							</div>
-							<div class="form-actions">
-								<button class="btn btn-danger" onclick={handleDeleteTag} title="Tag löschen">
-									<Trash size={14} weight="bold" />
-								</button>
-								<button
-									class="btn btn-primary"
-									onclick={handleSaveTag}
-									disabled={!editTagName.trim() || isSavingTag}
-								>
-									<Check size={14} weight="bold" />
-									Speichern
-								</button>
-							</div>
-						</div>
-					</div>
-				{/if}
-
-				<!-- Tags list -->
-				{#if !hasOpenForm || sortedTags.length > 0}
-					<div class="tags-grid">
-						{#each sortedTags as tag (tag.id)}
-							<div
-								class="tag-pill glass-tag"
-								role="button"
-								tabindex="0"
-								style="--tag-color: {tag.color || '#3b82f6'}"
-							>
-								<span class="tag-dot"></span>
-								<span class="tag-name">{tag.name}</span>
-								<button
-									class="tag-edit-btn"
-									onclick={() => openEditTag(tag)}
-									title="Tag bearbeiten"
-								>
-									<Pencil size={10} weight="bold" />
-								</button>
-							</div>
-						{/each}
-					</div>
-
-					{#if searchQuery && sortedTags.length === 0}
-						<div class="search-empty">
-							<p>Keine Tags gefunden für "{searchQuery}"</p>
-						</div>
-					{/if}
-				{/if}
-			{/if}
-		</div>
-
-		<!-- Search (sticky bottom) -->
-		<div class="search-wrapper">
-			<MagnifyingGlass size={16} class="search-icon" />
-			<input
-				type="text"
-				placeholder="Tags suchen..."
-				bind:value={searchQuery}
-				class="search-input"
-			/>
-			{#if searchQuery}
-				<button class="search-clear" onclick={() => (searchQuery = '')} title="Suche leeren">
-					<X size={14} weight="bold" />
-				</button>
-			{/if}
-		</div>
-	</div>
-{/if}
-
-<style>
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		background: transparent;
-		z-index: 99;
-	}
-
-	.tag-modal {
-		position: fixed;
-		bottom: calc(140px + env(safe-area-inset-bottom, 0px));
-		left: 50%;
-		transform: translateX(-50%);
-		width: calc(100% - 2rem);
-		max-width: 500px;
-		max-height: 70vh;
-		z-index: 100;
-		background: rgba(255, 255, 255, 0.95);
-		backdrop-filter: blur(20px);
-		-webkit-backdrop-filter: blur(20px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 1rem;
-		box-shadow:
-			0 25px 50px -12px rgba(0, 0, 0, 0.25),
-			0 0 0 1px rgba(255, 255, 255, 0.1);
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-	}
-
-	:global(.dark) .tag-modal {
-		background: rgba(30, 30, 30, 0.95);
-		border: 1px solid rgba(255, 255, 255, 0.1);
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1rem 0.5rem;
-	}
-
-	.modal-title {
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: #1f2937;
-	}
-
-	:global(.dark) .modal-title {
-		color: #f3f4f6;
-	}
-
-	.header-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	.header-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-		transition: all 0.15s ease;
-	}
-
-	.header-btn:hover {
-		background: rgba(0, 0, 0, 0.05);
-		color: #1f2937;
-	}
-
-	:global(.dark) .header-btn {
-		color: #9ca3af;
-	}
-
-	:global(.dark) .header-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	/* Search (sticky bottom) */
-	.search-wrapper {
-		position: relative;
-		padding: 0.75rem 1rem;
-		border-top: 1px solid rgba(0, 0, 0, 0.08);
-		background: rgba(255, 255, 255, 0.9);
-		backdrop-filter: blur(10px);
-		-webkit-backdrop-filter: blur(10px);
-		flex-shrink: 0;
-	}
-
-	:global(.dark) .search-wrapper {
-		border-top-color: rgba(255, 255, 255, 0.08);
-		background: rgba(30, 30, 30, 0.9);
-	}
-
-	.search-wrapper :global(.search-icon) {
-		position: absolute;
-		left: 1.75rem;
-		top: 50%;
-		transform: translateY(-50%);
-		color: #9ca3af;
-		pointer-events: none;
-	}
-
-	.search-input {
-		width: 100%;
-		padding: 0.5rem 2rem 0.5rem 2.25rem;
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 0.5rem;
-		background: rgba(0, 0, 0, 0.03);
-		color: #374151;
-		font-size: 0.8125rem;
-		outline: none;
-		transition: all 0.15s ease;
-	}
-
-	.search-input:focus {
-		border-color: #3b82f6;
-		background: white;
-	}
-
-	:global(.dark) .search-input {
-		background: rgba(255, 255, 255, 0.05);
-		border-color: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .search-input:focus {
-		border-color: #60a5fa;
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.search-clear {
-		position: absolute;
-		right: 1.5rem;
-		top: 50%;
-		transform: translateY(-50%);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 50%;
-		background: rgba(0, 0, 0, 0.1);
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-	}
-
-	.search-clear:hover {
-		background: rgba(0, 0, 0, 0.15);
-	}
-
-	:global(.dark) .search-clear {
-		background: rgba(255, 255, 255, 0.1);
-		color: #9ca3af;
-	}
-
-	.search-empty {
-		text-align: center;
-		padding: 1.5rem;
-		color: #9ca3af;
-		font-size: 0.875rem;
-	}
-
-	.modal-content {
-		flex: 1;
-		overflow-y: auto;
-		padding: 0.5rem 0.75rem 0.75rem;
-	}
-
-	.loading-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 2rem;
-		color: #6b7280;
-		font-size: 0.875rem;
-		gap: 1rem;
-	}
-
-	:global(.dark) .loading-state,
-	:global(.dark) .empty-state {
-		color: #9ca3af;
-	}
-
-	.create-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: #3b82f6;
-		color: white;
-		border: none;
-		border-radius: 9999px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.15s ease;
-	}
-
-	.create-btn:hover {
-		background: #2563eb;
-	}
-
-	/* Edit Form Section */
-	.edit-form-section {
-		background: rgba(59, 130, 246, 0.05);
-		border: 1px solid rgba(59, 130, 246, 0.2);
-		border-radius: 0.75rem;
-		margin-bottom: 0.75rem;
-		overflow: hidden;
-	}
-
-	:global(.dark) .edit-form-section {
-		background: rgba(96, 165, 250, 0.1);
-		border-color: rgba(96, 165, 250, 0.2);
-	}
-
-	.edit-form-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.5rem 0.75rem;
-		background: rgba(59, 130, 246, 0.1);
-	}
-
-	:global(.dark) .edit-form-header {
-		background: rgba(96, 165, 250, 0.15);
-	}
-
-	.edit-form-title {
-		font-size: 0.75rem;
-		font-weight: 600;
-		color: #3b82f6;
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-	}
-
-	:global(.dark) .edit-form-title {
-		color: #60a5fa;
-	}
-
-	.edit-form {
-		padding: 0.75rem;
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.form-row {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.color-preview {
-		width: 24px;
-		height: 24px;
-		border-radius: 50%;
-		flex-shrink: 0;
-		border: 2px solid rgba(0, 0, 0, 0.1);
-	}
-
-	:global(.dark) .color-preview {
-		border-color: rgba(255, 255, 255, 0.2);
-	}
-
-	.name-input {
-		flex: 1;
-		padding: 0.5rem 0.75rem;
-		border: 1px solid rgba(0, 0, 0, 0.15);
-		border-radius: 0.5rem;
-		background: white;
-		color: #374151;
-		font-size: 0.875rem;
-		outline: none;
-		transition: all 0.15s ease;
-	}
-
-	.name-input:focus {
-		border-color: #3b82f6;
-		box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
-	}
-
-	:global(.dark) .name-input {
-		background: rgba(255, 255, 255, 0.1);
-		border-color: rgba(255, 255, 255, 0.2);
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .name-input:focus {
-		border-color: #60a5fa;
-		box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2);
-	}
-
-	.color-picker-row {
-		padding-left: 32px;
-	}
-
-	.color-picker-row :global(.color-picker) {
-		gap: 0.375rem;
-	}
-
-	.color-picker-row :global(.color-swatch) {
-		width: 24px;
-		height: 24px;
-	}
-
-	.form-actions {
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		gap: 0.5rem;
-		padding-top: 0.25rem;
-	}
-
-	.btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.75rem;
-		border-radius: 0.5rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-		border: none;
-		transition: all 0.15s ease;
-	}
-
-	.btn-primary {
-		background: #3b82f6;
-		color: white;
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		background: #2563eb;
-	}
-
-	.btn-primary:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.btn-danger {
-		background: #ef4444;
-		color: white;
-	}
-
-	.btn-danger:hover {
-		background: #dc2626;
-	}
-
-	.icon-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border-radius: 0.375rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-		transition: all 0.15s ease;
-	}
-
-	.icon-btn:hover {
-		background: rgba(0, 0, 0, 0.1);
-		color: #374151;
-	}
-
-	:global(.dark) .icon-btn {
-		color: #9ca3af;
-	}
-
-	:global(.dark) .icon-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	/* Tags grid */
-	.tags-grid {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		padding: 0.25rem 0;
-	}
-
-	/* Tag Pill */
-	.tag-pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.625rem;
-		border-radius: 9999px;
-		cursor: pointer;
-		flex-shrink: 0;
-		transition: all 0.15s ease;
-		position: relative;
-	}
-
-	.glass-tag {
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 2px 4px -1px rgba(0, 0, 0, 0.06),
-			0 1px 2px -1px rgba(0, 0, 0, 0.04);
-	}
-
-	:global(.dark) .glass-tag {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.glass-tag:hover {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-	}
-
-	:global(.dark) .glass-tag:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.tag-dot {
-		width: 8px;
-		height: 8px;
-		border-radius: 50%;
-		background-color: var(--tag-color);
-		flex-shrink: 0;
-	}
-
-	.tag-name {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: #374151;
-		white-space: nowrap;
-	}
-
-	:global(.dark) .tag-name {
-		color: #f3f4f6;
-	}
-
-	.tag-edit-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1rem;
-		height: 1rem;
-		border-radius: 50%;
-		background: rgba(0, 0, 0, 0.1);
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-		opacity: 0;
-		transition: all 0.15s ease;
-		margin-left: 0.125rem;
-	}
-
-	.tag-pill:hover .tag-edit-btn {
-		opacity: 1;
-	}
-
-	.tag-edit-btn:hover {
-		background: rgba(0, 0, 0, 0.2);
-		color: #374151;
-	}
-
-	:global(.dark) .tag-edit-btn {
-		background: rgba(255, 255, 255, 0.15);
-		color: #9ca3af;
-	}
-
-	:global(.dark) .tag-edit-btn:hover {
-		background: rgba(255, 255, 255, 0.25);
-		color: #f3f4f6;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/TimeColumn.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/TimeColumn.svelte
deleted file mode 100644
index 04e68b959..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/TimeColumn.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-	/**
-	 * TimeColumn Component
-	 * Renders the time labels column for calendar views (WeekView, DayView, MultiDayView)
-	 */
-
-	interface Props {
-		hours: number[];
-		formatHour: (hour: number) => string;
-	}
-
-	let { hours, formatHour }: Props = $props();
-</script>
-
-<div class="time-column">
-	{#each hours as hour}
-		<div class="time-label">
-			{formatHour(hour)}
-		</div>
-	{/each}
-</div>
-
-<style>
-	.time-column {
-		width: 48px;
-		flex-shrink: 0;
-		border-right: 1px solid hsl(var(--color-border));
-		position: relative;
-	}
-
-	.time-label {
-		height: var(--hour-height, 60px);
-		display: flex;
-		align-items: flex-start;
-		justify-content: flex-end;
-		padding-right: 8px;
-		padding-top: 0;
-		font-size: 0.7rem;
-		color: hsl(var(--color-muted-foreground));
-		transform: translateY(-0.4em);
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/UnifiedBar.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/UnifiedBar.svelte
deleted file mode 100644
index 1ed956733..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/UnifiedBar.svelte
+++ /dev/null
@@ -1,568 +0,0 @@
-<script lang="ts">
-	import { getContext, type Snippet } from 'svelte';
-	import { Stack, X } from '@manacore/shared-icons';
-	import { QuickInputBar, TagStrip } from '@manacore/shared-ui';
-	import type { QuickInputItem, CreatePreview } from '@manacore/shared-ui';
-	import { unifiedBarStore } from '$lib/stores/unified-bar.svelte';
-	import type { Tag } from '@manacore/shared-tags';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import DateStrip from './DateStrip.svelte';
-	import CalendarToolbarContent from './CalendarToolbarContent.svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import type { CalendarViewType } from '@calendar/shared';
-	import { fly } from 'svelte/transition';
-	import { quintOut } from 'svelte/easing';
-
-	interface Props {
-		onSearch: (query: string) => Promise<QuickInputItem[]>;
-		onSelect: (item: QuickInputItem) => void;
-		onParseCreate?: (query: string) => CreatePreview | null;
-		onCreate?: (query: string) => Promise<void>;
-		onSearchChange?: (query: string, results: QuickInputItem[]) => void;
-		placeholder?: string;
-		emptyText?: string;
-		searchingText?: string;
-		createText?: string;
-		appIcon?: string;
-		defaultOptions?: { id: string; label: string }[];
-		selectedDefaultId?: string;
-		defaultOptionLabel?: string;
-		onDefaultChange?: (id: string) => void;
-		onShowShortcuts?: () => void;
-		onShowSyntaxHelp?: () => void;
-		leftAction?: Snippet;
-		/** Show calendar-specific layers (DateStrip, TagStrip, Toolbar) */
-		showCalendarLayers?: boolean;
-		isMobile?: boolean;
-		/** Hide the entire bar (e.g. immersive mode) */
-		hidden?: boolean;
-		/** Locale for syntax highlighting (e.g., 'de', 'en') */
-		locale?: string;
-	}
-
-	let {
-		onSearch,
-		onSelect,
-		onParseCreate,
-		onCreate,
-		onSearchChange,
-		placeholder = 'Neuer Termin oder suchen...',
-		emptyText = 'Keine Termine gefunden',
-		searchingText = 'Suche...',
-		createText = 'Erstellen',
-		appIcon = 'calendar',
-		defaultOptions,
-		selectedDefaultId,
-		defaultOptionLabel,
-		onDefaultChange,
-		onShowShortcuts,
-		onShowSyntaxHelp,
-		leftAction,
-		showCalendarLayers = false,
-		isMobile = false,
-		hidden = false,
-		locale = 'de',
-	}: Props = $props();
-
-	const flyConfig = { duration: 250, easing: quintOut, y: 40 };
-
-	// View switcher
-	const views: { id: CalendarViewType; label: string; title: string }[] = [
-		{ id: 'week', label: '7', title: 'Wochenansicht' },
-		{ id: 'month', label: 'M', title: 'Monatsansicht' },
-		{ id: 'agenda', label: 'L', title: 'Agenda' },
-	];
-
-	function toggleOverlay() {
-		unifiedBarStore.toggleOverlay();
-	}
-
-	function handleOverlayAction(action: string) {
-		switch (action) {
-			case 'toggle-date-strip':
-				unifiedBarStore.toggleDateStrip();
-				break;
-			case 'toggle-tag-strip':
-				unifiedBarStore.toggleTagStrip();
-				break;
-			case 'toggle-toolbar':
-				unifiedBarStore.toggleCalendarToolbar();
-				break;
-			case 'collapse-all':
-				unifiedBarStore.collapseAll();
-				break;
-		}
-		unifiedBarStore.set('overlayMenuOpen', false);
-	}
-</script>
-
-<!-- UnifiedBar Container -->
-<div class="unified-bar" class:hidden>
-	<!-- Layer 3: Toolbar (view switcher + calendar options) -->
-	{#if showCalendarLayers && unifiedBarStore.showCalendarToolbar}
-		<div
-			class="unified-bar-layer toolbar-layer"
-			transition:fly={flyConfig}
-			role="toolbar"
-			aria-label="Kalender-Toolbar"
-		>
-			<div class="toolbar-inner">
-				<div class="view-switcher">
-					{#each views as view}
-						<button
-							class="view-btn"
-							class:active={viewStore.viewType === view.id}
-							onclick={() => viewStore.setViewType(view.id)}
-							title={view.title}
-						>
-							{view.label}
-						</button>
-					{/each}
-				</div>
-				<span class="toolbar-sep"></span>
-				<CalendarToolbarContent />
-			</div>
-		</div>
-	{/if}
-
-	<!-- Layer 2: Tag Filter Strip -->
-	{#if showCalendarLayers && unifiedBarStore.showTagStrip}
-		<div class="unified-bar-layer tag-layer" transition:fly={flyConfig}>
-			<TagStrip
-				tags={tagsCtx.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#3b82f6',
-				}))}
-				selectedIds={settingsStore.selectedTagIds}
-				onToggle={(tagId) => settingsStore.toggleTagSelection(tagId)}
-				onClear={() => settingsStore.clearTagSelection()}
-				managementHref="/tags"
-			/>
-		</div>
-	{/if}
-
-	<!-- Layer 1: Date Strip -->
-	{#if showCalendarLayers && unifiedBarStore.showDateStrip}
-		<div class="unified-bar-layer date-layer" transition:fly={flyConfig}>
-			<DateStrip />
-		</div>
-	{/if}
-
-	<!-- Layer 0: Input Bar (always visible) -->
-	<div class="unified-bar-layer input-layer">
-		<QuickInputBar
-			{onSearch}
-			{onSelect}
-			{onParseCreate}
-			{onCreate}
-			{onSearchChange}
-			{placeholder}
-			{emptyText}
-			{searchingText}
-			{createText}
-			{appIcon}
-			{locale}
-			deferSearch={true}
-			bottomOffset="0px"
-			hasFabRight={showCalendarLayers}
-			{defaultOptions}
-			{selectedDefaultId}
-			{defaultOptionLabel}
-			{onDefaultChange}
-			{onShowShortcuts}
-			{onShowSyntaxHelp}
-			{leftAction}
-		/>
-
-		<!-- Layers Menu FAB (only on calendar main page) -->
-		{#if showCalendarLayers}
-			<button class="layers-fab" onclick={toggleOverlay} title="Leisten anpassen">
-				<Stack size={20} />
-			</button>
-		{/if}
-	</div>
-</div>
-
-<!-- Overlay Menu (outside container for proper z-index stacking) -->
-{#if unifiedBarStore.isOverlayOpen}
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div class="unified-overlay" transition:fly={{ duration: 250, easing: quintOut, y: 100 }}>
-		<div class="overlay-backdrop" onclick={toggleOverlay} role="presentation"></div>
-		<div class="overlay-sheet" role="dialog" aria-label="Leisten-Menü">
-			<div class="overlay-header">
-				<h3>Leisten</h3>
-				<button class="overlay-close-btn" onclick={toggleOverlay} aria-label="Schließen">
-					<X size={18} weight="bold" />
-				</button>
-			</div>
-
-			<div class="overlay-items">
-				<button
-					class="overlay-item"
-					class:active={unifiedBarStore.showDateStrip}
-					onclick={() => handleOverlayAction('toggle-date-strip')}
-				>
-					<span class="item-icon">📅</span>
-					<span class="item-label">Datum-Leiste</span>
-					{#if unifiedBarStore.showDateStrip}<span class="item-check">✓</span>{/if}
-				</button>
-
-				<button
-					class="overlay-item"
-					class:active={unifiedBarStore.showTagStrip}
-					onclick={() => handleOverlayAction('toggle-tag-strip')}
-				>
-					<span class="item-icon">🏷️</span>
-					<span class="item-label">Tag-Filter</span>
-					{#if unifiedBarStore.showTagStrip}<span class="item-check">✓</span>{/if}
-				</button>
-
-				<button
-					class="overlay-item"
-					class:active={unifiedBarStore.showCalendarToolbar}
-					onclick={() => handleOverlayAction('toggle-toolbar')}
-				>
-					<span class="item-icon">⚙️</span>
-					<span class="item-label">Kalender-Toolbar</span>
-					{#if unifiedBarStore.showCalendarToolbar}<span class="item-check">✓</span>{/if}
-				</button>
-
-				<div class="overlay-sep"></div>
-
-				<button class="overlay-item" onclick={() => handleOverlayAction('collapse-all')}>
-					<span class="item-icon">↓</span>
-					<span class="item-label">Alle einklappen</span>
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	/* ===== Container ===== */
-	.unified-bar {
-		position: fixed;
-		bottom: calc(70px + env(safe-area-inset-bottom, 0px));
-		left: 0;
-		right: 0;
-		z-index: 80;
-		display: flex;
-		flex-direction: column;
-		pointer-events: none;
-	}
-
-	.unified-bar.hidden {
-		opacity: 0;
-		pointer-events: none !important;
-		transform: translateY(100%);
-		transition:
-			opacity 0.3s ease,
-			transform 0.3s ease;
-	}
-
-	/* ===== Layers ===== */
-	.unified-bar-layer {
-		pointer-events: auto;
-		overflow: visible;
-		position: relative;
-	}
-
-	/* ===== Position overrides for embedded components ===== */
-	.input-layer :global(.quick-input-bar) {
-		position: relative !important;
-		bottom: auto !important;
-		left: auto !important;
-		right: auto !important;
-		z-index: auto !important;
-	}
-
-	.date-layer :global(.date-strip-wrapper) {
-		position: relative !important;
-		bottom: auto !important;
-		left: auto !important;
-		right: auto !important;
-		z-index: auto !important;
-	}
-
-	/* Remove toolbar-expanded offset since UnifiedBar handles stacking */
-	.date-layer :global(.date-strip-wrapper.toolbar-expanded) {
-		bottom: auto !important;
-	}
-
-	.tag-layer :global(.tag-strip-wrapper) {
-		position: relative !important;
-		bottom: auto !important;
-		left: auto !important;
-		right: auto !important;
-		z-index: auto !important;
-	}
-
-	/* ===== Input layer: FAB width constraints ===== */
-	.input-layer :global(.quick-input-bar.has-fab-right .input-container),
-	.input-layer :global(.quick-input-bar.has-fab-left .input-container) {
-		max-width: 450px;
-	}
-
-	@media (max-width: 900px) {
-		.input-layer :global(.quick-input-bar.has-fab-right .input-container) {
-			max-width: calc(100% - 140px);
-			margin-left: auto;
-			margin-right: 0;
-		}
-	}
-
-	@media (max-width: 640px) {
-		.input-layer :global(.quick-input-bar.has-fab-right .input-container) {
-			max-width: none;
-			width: 100%;
-			margin: 0;
-		}
-
-		.input-layer :global(.quick-input-bar.has-fab-right) {
-			padding-left: 1rem;
-			padding-right: calc(54px + 1rem + 8px);
-		}
-	}
-
-	/* ===== Layers FAB ===== */
-	.input-layer {
-		position: relative;
-	}
-
-	.layers-fab {
-		position: absolute;
-		/* Right of centered InputBar (450px max-width centered) */
-		left: calc(50% + 225px + 8px);
-		top: 50%;
-		transform: translateY(-50%);
-		width: 54px;
-		height: 54px;
-		border-radius: 9999px;
-		border: 1px solid hsl(var(--color-border));
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		pointer-events: auto;
-		z-index: 91;
-		background: hsl(var(--color-surface) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.08);
-		color: hsl(var(--color-foreground));
-		transition: all 0.2s ease;
-	}
-
-	.layers-fab:hover {
-		transform: translateY(-50%) scale(1.05);
-		box-shadow: 0 4px 12px hsl(var(--color-foreground) / 0.15);
-	}
-
-	@media (max-width: 900px) {
-		.layers-fab {
-			left: auto;
-			right: 1rem;
-		}
-	}
-
-	/* ===== Toolbar Layer ===== */
-	.toolbar-layer {
-		display: flex;
-		justify-content: center;
-		padding: 0.5rem 1rem;
-	}
-
-	.toolbar-inner {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: hsl(var(--color-surface) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 9999px;
-		box-shadow:
-			0 4px 6px -1px hsl(var(--color-foreground) / 0.1),
-			0 2px 4px -1px hsl(var(--color-foreground) / 0.06);
-		pointer-events: auto;
-	}
-
-	.view-switcher {
-		display: flex;
-		gap: 0.25rem;
-	}
-
-	.view-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-width: 2rem;
-		height: 2rem;
-		padding: 0 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.875rem;
-		font-weight: 500;
-		transition: all 0.15s ease;
-	}
-
-	.view-btn:hover {
-		background: hsl(var(--color-muted) / 0.5);
-		color: hsl(var(--color-foreground));
-	}
-
-	.view-btn.active {
-		background: hsl(var(--color-primary) / 0.15);
-		color: hsl(var(--color-primary));
-	}
-
-	.toolbar-sep {
-		width: 1px;
-		height: 24px;
-		background: hsl(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	@media (max-width: 640px) {
-		.toolbar-inner {
-			border-radius: 1rem;
-			flex-wrap: wrap;
-			justify-content: center;
-		}
-	}
-
-	/* ===== Overlay ===== */
-	.unified-overlay {
-		position: fixed;
-		inset: 0;
-		z-index: 200;
-		display: flex;
-		align-items: flex-end;
-		justify-content: center;
-		pointer-events: auto;
-	}
-
-	.overlay-backdrop {
-		position: absolute;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.3);
-		backdrop-filter: blur(4px);
-	}
-
-	.overlay-sheet {
-		position: relative;
-		background: var(--color-surface, #fff);
-		border: 1px solid var(--color-border, #e5e7eb);
-		border-bottom: none;
-		border-radius: 1rem 1rem 0 0;
-		padding: 1.5rem;
-		width: 100%;
-		max-width: 400px;
-		max-height: 70vh;
-		overflow-y: auto;
-		box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
-	}
-
-	.overlay-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1rem;
-		padding-bottom: 0.75rem;
-		border-bottom: 1px solid var(--color-border, #e5e7eb);
-	}
-
-	.overlay-header h3 {
-		margin: 0;
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: var(--color-foreground, #1f2937);
-	}
-
-	.overlay-close-btn {
-		background: none;
-		border: none;
-		cursor: pointer;
-		padding: 0.375rem;
-		border-radius: 0.5rem;
-		color: hsl(var(--color-muted-foreground));
-		transition: all 0.15s ease;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.overlay-close-btn:hover {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	.overlay-items {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.overlay-item {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem 1rem;
-		background: var(--color-background, #f9fafb);
-		border: 1px solid var(--color-border, #e5e7eb);
-		border-radius: 0.75rem;
-		cursor: pointer;
-		transition: all 0.15s ease;
-		font-size: 0.875rem;
-		color: var(--color-foreground, #1f2937);
-		text-align: left;
-		width: 100%;
-	}
-
-	.overlay-item:hover {
-		background: hsl(var(--color-muted));
-		border-color: hsl(var(--color-primary));
-	}
-
-	.overlay-item.active {
-		background: hsl(var(--color-primary) / 0.1);
-		border-color: hsl(var(--color-primary));
-		color: hsl(var(--color-primary));
-	}
-
-	.item-icon {
-		font-size: 1.125rem;
-		width: 1.5rem;
-		text-align: center;
-		flex-shrink: 0;
-	}
-
-	.item-label {
-		flex: 1;
-	}
-
-	.item-check {
-		font-weight: 600;
-		color: hsl(var(--color-success, 142 76% 36%));
-	}
-
-	.overlay-sep {
-		height: 1px;
-		background: var(--color-border, #e5e7eb);
-		margin: 0.25rem 0;
-	}
-
-	@media (max-width: 640px) {
-		.overlay-sheet {
-			max-width: 100%;
-		}
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/UnifiedBarControls.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/UnifiedBarControls.svelte
deleted file mode 100644
index b4385be68..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/UnifiedBarControls.svelte
+++ /dev/null
@@ -1,422 +0,0 @@
-<script lang="ts">
-  import {
-    unifiedBarStore,
-    type UnifiedBarLayer,
-    type UnifiedBarMode,
-  } from '$lib/stores/unified-bar.svelte';
-  import { createEventDispatcher } from 'svelte';
-  import { slide } from 'svelte/transition';
-
-  interface Props {
-    onModeChange?: (mode: UnifiedBarMode) => void;
-    onLayerChange?: (layer: UnifiedBarLayer) => void;
-    disabled?: boolean;
-  }
-
-  let { onModeChange = () => {}, onLayerChange = () => {}, disabled = false }: Props = $props();
-
-  const dispatch = createEventDispatcher();
-
-  // Current state
-  let currentMode = $derived(unifiedBarStore.mode);
-  let activeLayer = $derived(unifiedBarStore.activeLayer);
-
-  // Handle mode switching
-  function switchToMode(mode: UnifiedBarMode) {
-    unifiedBarStore.setMode(mode);
-    onModeChange(mode);
-    dispatch('modeChange', { mode, previousMode: currentMode });
-  }
-
-  // Handle layer activation
-  function activateLayer(layer: UnifiedBarLayer) {
-    unifiedBarStore.expandToLayer(layer);
-    onLayerChange(layer);
-    dispatch('layerChange', { layer, previousLayer: activeLayer });
-  }
-
-  // Quick actions
-  function handleQuickAction(action: string) {
-    dispatch('quickAction', { action });
-  }
-</script>
-
-<!-- Unified Bar Controls -->
-<div class="unified-bar-controls" class:disabled>
-  <!-- Mode Selector -->
-  <div class="mode-selector">
-    <button
-      class="mode-btn"
-      class:active={currentMode === 'collapsed'}
-      onmousedown={() => switchToMode('collapsed')}
-      title="Zusammengeklappt"
-    >
-      <span class="icon-minimize-2"></span>
-    </button>
-
-    <button
-      class="mode-btn"
-      class:active={currentMode === 'expanded'}
-      onmousedown={() => switchToMode('expanded')}
-      title="Erweitert"
-    >
-      <span class="icon-maximize-2"></span>
-    </button>
-
-    <button
-      class="mode-btn"
-      class:active={currentMode === 'overlay'}
-      onmousedown={() => unifiedBarStore.toggleOverlay()}
-      title="Menü"
-    >
-      <span class="icon-menu"></span>
-    </button>
-  </div>
-
-  <!-- Layer Controls (only visible in expanded mode) -->
-  {#if currentMode === 'expanded'}
-    <div class="layer-controls" transition:slide={{ duration: 200 }}>
-      <div class="layer-btn-group">
-        <button
-          class="layer-btn"
-          class:active={activeLayer === 'input' || unifiedBarStore.showQuickInput}
-          onmousedown={() => activateLayer('input')}
-          title="Schnelleingabe"
-        >
-          <span class="icon-edit"></span>
-          <span class="label">Eingabe</span>
-        </button>
-
-        <button
-          class="layer-btn"
-          class:active={activeLayer === 'date' || unifiedBarStore.showDateStrip}
-          onmousedown={() => activateLayer('date')}
-          title="Datum-Leiste"
-        >
-          <span class="icon-calendar"></span>
-          <span class="label">Datum</span>
-        </button>
-
-        <button
-          class="layer-btn"
-          class:active={activeLayer === 'tag' || unifiedBarStore.showTagStrip}
-          onmousedown={() => activateLayer('tag')}
-          title="Tag-Filter"
-        >
-          <span class="icon-tag"></span>
-          <span class="label">Tags</span>
-        </button>
-
-        <button
-          class="layer-btn"
-          class:active={activeLayer === 'toolbar' || unifiedBarStore.showCalendarToolbar}
-          onmousedown={() => activateLayer('toolbar')}
-          title="Kalender-Toolbar"
-        >
-          <span class="icon-settings"></span>
-          <span class="label">Tools</span>
-        </button>
-      </div>
-
-      <div class="quick-actions">
-        <button
-          class="quick-action-btn"
-          onmousedown={() => handleQuickAction('new-event')}
-          title="Neuer Termin"
-        >
-          <span class="icon-plus"></span>
-        </button>
-
-        <button
-          class="quick-action-btn"
-          onmousedown={() => handleQuickAction('today')}
-          title="Heute"
-        >
-          <span class="icon-navigation"></span>
-        </button>
-
-        <button
-          class="quick-action-btn"
-          onmousedown={() => unifiedBarStore.collapseAll()}
-          title="Alle einklappen"
-        >
-          <span class="icon-chevron-down"></span>
-        </button>
-      </div>
-    </div>
-  {/if}
-
-  <!-- Status Indicator -->
-  <div class="status-indicator">
-    <div class="status-dots">
-      <div class="status-dot" class:active={unifiedBarStore.showQuickInput} title="Eingabe"></div>
-      <div
-        class="status-dot"
-        class:active={unifiedBarStore.showDateStrip}
-        title="Datum-Leiste"
-      ></div>
-      <div class="status-dot" class:active={unifiedBarStore.showTagStrip} title="Tag-Filter"></div>
-      <div
-        class="status-dot"
-        class:active={unifiedBarStore.showCalendarToolbar}
-        title="Kalender-Toolbar"
-      ></div>
-    </div>
-
-    <span class="mode-text">
-      {#if currentMode === 'collapsed'}
-        Zusammengklappt
-      {:else if currentMode === 'expanded'}
-        Erweitert
-      {:else if currentMode === 'overlay'}
-        Menü offen
-      {/if}
-    </span>
-  </div>
-</div>
-
-<style>
-  .unified-bar-controls {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-md);
-    padding: var(--spacing-sm) var(--spacing-md);
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
-    border-radius: var(--radius-lg);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    user-select: none;
-  }
-
-  .unified-bar-controls.disabled {
-    opacity: 0.5;
-    pointer-events: none;
-  }
-
-  /* Mode Selector */
-  .mode-selector {
-    display: flex;
-    gap: var(--spacing-xs);
-    background: var(--color-background);
-    border-radius: var(--radius-md);
-    padding: var(--spacing-xs);
-  }
-
-  .mode-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 36px;
-    height: 36px;
-    background: transparent;
-    border: none;
-    border-radius: var(--radius-sm);
-    cursor: pointer;
-    transition: all var(--transition-fast);
-    color: var(--color-muted-foreground);
-    font-size: 16px;
-  }
-
-  .mode-btn:hover {
-    background: var(--color-muted);
-    color: var(--color-foreground);
-    transform: translateY(-1px);
-  }
-
-  .mode-btn.active {
-    background: var(--color-primary);
-    color: var(--color-primary-foreground);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  }
-
-  /* Layer Controls */
-  .layer-controls {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-md);
-    padding: 0 var(--spacing-md);
-  }
-
-  .layer-btn-group {
-    display: flex;
-    gap: var(--spacing-xs);
-    background: var(--color-background);
-    border-radius: var(--radius-md);
-    padding: var(--spacing-xs);
-  }
-
-  .layer-btn {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: var(--spacing-xs);
-    padding: var(--spacing-sm) var(--spacing-md);
-    background: transparent;
-    border: none;
-    border-radius: var(--radius-sm);
-    cursor: pointer;
-    transition: all var(--transition-fast);
-    color: var(--color-muted-foreground);
-    min-width: 60px;
-  }
-
-  .layer-btn:hover {
-    background: var(--color-muted);
-    color: var(--color-foreground);
-    transform: translateY(-1px);
-  }
-
-  .layer-btn.active {
-    background: color-mix(in srgb, var(--color-primary) 20%, transparent);
-    color: var(--color-primary);
-    border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
-  }
-
-  .layer-btn .label {
-    font-size: 0.625rem;
-    font-weight: 500;
-    text-align: center;
-    line-height: 1;
-  }
-
-  .layer-btn .icon {
-    font-size: 16px;
-  }
-
-  /* Quick Actions */
-  .quick-actions {
-    display: flex;
-    gap: var(--spacing-xs);
-  }
-
-  .quick-action-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 32px;
-    height: 32px;
-    background: var(--color-background);
-    border: 1px solid var(--color-border);
-    border-radius: var(--radius-sm);
-    cursor: pointer;
-    transition: all var(--transition-fast);
-    color: var(--color-muted-foreground);
-    font-size: 14px;
-  }
-
-  .quick-action-btn:hover {
-    background: var(--color-muted);
-    border-color: var(--color-primary);
-    color: var(--color-primary);
-    transform: translateY(-1px);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  }
-
-  /* Status Indicator */
-  .status-indicator {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: var(--spacing-xs);
-    margin-left: auto;
-  }
-
-  .status-dots {
-    display: flex;
-    gap: var(--spacing-xs);
-  }
-
-  .status-dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: var(--color-border);
-    transition: all var(--transition-fast);
-  }
-
-  .status-dot.active {
-    background: var(--color-success);
-    box-shadow: 0 0 8px color-mix(in srgb, var(--color-success) 50%, transparent);
-  }
-
-  .status-dot:hover {
-    transform: scale(1.2);
-  }
-
-  .mode-text {
-    font-size: 0.75rem;
-    color: var(--color-muted-foreground);
-    font-weight: 500;
-    text-align: center;
-    white-space: nowrap;
-  }
-
-  /* Icons (placeholder - replace with actual icon components) */
-  .icon-minimize-2::before {
-    content: '⬇️';
-  }
-  .icon-maximize-2::before {
-    content: '⬆️';
-  }
-  .icon-menu::before {
-    content: '☰';
-  }
-  .icon-edit::before {
-    content: '✏️';
-  }
-  .icon-calendar::before {
-    content: '📅';
-  }
-  .icon-tag::before {
-    content: '🏷️';
-  }
-  .icon-settings::before {
-    content: '⚙️';
-  }
-  .icon-plus::before {
-    content: '+';
-  }
-  .icon-navigation::before {
-    content: '🧭';
-  }
-  .icon-chevron-down::before {
-    content: '⬇️';
-  }
-
-  /* Responsive Design */
-  @media (max-width: 768px) {
-    .unified-bar-controls {
-      flex-wrap: wrap;
-      gap: var(--spacing-sm);
-      padding: var(--spacing-sm);
-    }
-
-    .layer-controls {
-      width: 100%;
-      justify-content: space-between;
-      padding: var(--spacing-sm) 0;
-    }
-
-    .layer-btn {
-      min-width: 50px;
-      padding: var(--spacing-sm);
-    }
-
-    .layer-btn .label {
-      font-size: 0.5rem;
-    }
-
-    .status-indicator {
-      margin-left: 0;
-      width: 100%;
-    }
-
-    .mode-text {
-      display: none;
-    }
-
-    .status-dots {
-      justify-content: center;
-    }
-  }
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewCarousel.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewCarousel.svelte
deleted file mode 100644
index 52fab9d06..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewCarousel.svelte
+++ /dev/null
@@ -1,162 +0,0 @@
-<script lang="ts">
-	import { browser } from '$app/environment';
-	import { onMount } from 'svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { getOffsetDate } from '$lib/utils/dateNavigation';
-	import { HOUR_HEIGHT_PX } from '$lib/utils/calendarConstants';
-	import { useSwipeNavigation } from '$lib/composables/useSwipeNavigation.svelte';
-	import WeekView from './WeekView.svelte';
-	import MonthView from './MonthView.svelte';
-	import AgendaView from './AgendaView.svelte';
-	import type { CalendarEvent } from '@calendar/shared';
-
-	interface Props {
-		onQuickCreate?: (date: Date, position: { x: number; y: number }, endDate?: Date) => void;
-		onEventClick?: (event: CalendarEvent) => void;
-		disableSwipe?: boolean;
-	}
-
-	let { onQuickCreate, onEventClick, disableSwipe = false }: Props = $props();
-
-	// Container refs
-	let viewportEl: HTMLDivElement;
-	let currentPageEl: HTMLDivElement;
-	let viewportWidth = $state(0);
-
-	// Calculate dates for previous/current/next views
-	let prevDate = $derived(getOffsetDate(viewStore.currentDate, viewStore.viewType, -1));
-	let nextDate = $derived(getOffsetDate(viewStore.currentDate, viewStore.viewType, 1));
-
-	// Swipe navigation composable
-	const swipe = useSwipeNavigation(() => ({
-		getViewportWidth: () => viewportWidth,
-		onNavigatePrev: () => viewStore.goToPrevious(),
-		onNavigateNext: () => viewStore.goToNext(),
-		disabled: disableSwipe,
-	}));
-
-	// Update viewport width on mount and resize
-	$effect(() => {
-		if (!browser || !viewportEl) return;
-
-		const updateWidth = () => {
-			viewportWidth = viewportEl.offsetWidth;
-		};
-
-		updateWidth();
-		const resizeObserver = new ResizeObserver(updateWidth);
-		resizeObserver.observe(viewportEl);
-
-		return () => resizeObserver.disconnect();
-	});
-
-	// Computed styles
-	let trackStyle = $derived(`transform: translateX(calc(-33.333% + ${swipe.offsetX}px))`);
-
-	// Scroll to center of day on initial mount
-	onMount(() => {
-		if (!browser) return;
-
-		setTimeout(() => {
-			if (!currentPageEl) return;
-			if (!['week'].includes(viewStore.viewType)) return;
-
-			const targetScrollTop = 12 * HOUR_HEIGHT_PX - currentPageEl.clientHeight / 2;
-			currentPageEl.scrollTop = Math.max(0, targetScrollTop);
-		}, 150);
-	});
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	class="carousel-viewport"
-	bind:this={viewportEl}
-	onwheel={swipe.handleWheel}
-	ontouchstart={swipe.handleTouchStart}
-	ontouchmove={swipe.handleTouchMove}
-	ontouchend={swipe.handleTouchEnd}
-	ontouchcancel={swipe.handleTouchCancel}
->
-	<div class="carousel-track" style={trackStyle}>
-		<!-- Previous View -->
-		<div class="carousel-page" class:inactive={!swipe.isSwiping && swipe.offsetX <= 0}>
-			{#if viewStore.viewType === 'week'}
-				<WeekView date={prevDate} />
-			{:else if viewStore.viewType === 'month'}
-				<MonthView date={prevDate} />
-			{:else if viewStore.viewType === 'agenda'}
-				<AgendaView date={prevDate} />
-			{/if}
-		</div>
-
-		<!-- Current View (main interactive view) -->
-		<div class="carousel-page current" bind:this={currentPageEl}>
-			{#if viewStore.viewType === 'week'}
-				<WeekView {onQuickCreate} {onEventClick} />
-			{:else if viewStore.viewType === 'month'}
-				<MonthView {onQuickCreate} {onEventClick} />
-			{:else if viewStore.viewType === 'agenda'}
-				<AgendaView {onEventClick} />
-			{:else}
-				<WeekView {onQuickCreate} {onEventClick} />
-			{/if}
-		</div>
-
-		<!-- Next View -->
-		<div class="carousel-page" class:inactive={!swipe.isSwiping && swipe.offsetX >= 0}>
-			{#if viewStore.viewType === 'week'}
-				<WeekView date={nextDate} />
-			{:else if viewStore.viewType === 'month'}
-				<MonthView date={nextDate} />
-			{:else if viewStore.viewType === 'agenda'}
-				<AgendaView date={nextDate} />
-			{/if}
-		</div>
-	</div>
-</div>
-
-<style>
-	.carousel-viewport {
-		width: 100%;
-		height: 100%;
-		overflow: hidden;
-		position: relative;
-		touch-action: pan-y;
-	}
-
-	.carousel-track {
-		display: flex;
-		width: 300%;
-		height: 100%;
-		will-change: transform;
-	}
-
-	.carousel-page {
-		width: 33.333%;
-		height: 100%;
-		flex-shrink: 0;
-		overflow: hidden;
-	}
-
-	/* Mobile: Allow vertical scrolling within calendar page */
-	@media (max-width: 768px) {
-		.carousel-page {
-			overflow-y: auto;
-			overflow-x: hidden;
-			-webkit-overflow-scrolling: touch;
-		}
-	}
-
-	/* Inactive pages have reduced interactivity for performance */
-	.carousel-page.inactive {
-		pointer-events: none;
-	}
-
-	.carousel-page.current {
-		/* Always interactive */
-		pointer-events: auto;
-		/* Enable vertical scrolling for keyboard navigation */
-		overflow-y: auto;
-		overflow-x: hidden;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewModePill.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewModePill.svelte
deleted file mode 100644
index 8f02a3153..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewModePill.svelte
+++ /dev/null
@@ -1,148 +0,0 @@
-<script lang="ts">
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { Columns, CalendarBlank, List } from '@manacore/shared-icons';
-	import type { CalendarViewType } from '@calendar/shared';
-	interface Props {
-		isToolbarExpanded?: boolean;
-		isMobile?: boolean;
-	}
-
-	let { isToolbarExpanded = false, isMobile = false }: Props = $props();
-
-	function handleViewClick(view: CalendarViewType) {
-		viewStore.setViewType(view);
-	}
-
-	// View titles for tooltip
-	const viewTitles: Record<CalendarViewType, string> = {
-		week: 'Wochenansicht',
-		month: 'Monatsansicht',
-		agenda: 'Agenda',
-	};
-
-	const enabledViews: CalendarViewType[] = ['week', 'month', 'agenda'];
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div class="view-mode-pill" class:toolbar-expanded={isToolbarExpanded} class:mobile={isMobile}>
-	{#each enabledViews as view}
-		<button
-			type="button"
-			class="view-btn"
-			class:active={viewStore.viewType === view}
-			onclick={() => handleViewClick(view)}
-			title={viewTitles[view]}
-		>
-			{#if view === 'week'}
-				<Columns size={18} />
-			{:else if view === 'month'}
-				<CalendarBlank size={18} />
-			{:else if view === 'agenda'}
-				<List size={18} />
-			{/if}
-		</button>
-	{/each}
-</div>
-
-<style>
-	.view-mode-pill {
-		position: fixed;
-		/* Same vertical alignment as FAB */
-		bottom: calc(70px + 9px + env(safe-area-inset-bottom, 0px));
-		/* Position left of the Toolbar FAB (which is at right: calc(50% - 350px - 70px)) */
-		/* FAB position + FAB width (54px) + gap (8px) = left of FAB */
-		right: calc(50% - 350px - 70px + 54px + 8px);
-		z-index: 91;
-		display: flex;
-		align-items: center;
-		gap: 0.125rem;
-		padding: 0.375rem;
-		background: hsl(var(--color-surface) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 9999px;
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.08);
-		transition: bottom 0.2s ease;
-	}
-
-	/* When toolbar is expanded, move pill up */
-	.view-mode-pill.toolbar-expanded {
-		bottom: calc(140px + 9px + env(safe-area-inset-bottom, 0px));
-	}
-
-	/* Responsive - on smaller screens, FAB is at right: 1rem */
-	@media (max-width: 900px) {
-		.view-mode-pill {
-			right: calc(1rem + 54px + 8px);
-		}
-	}
-
-	/* Mobile: ViewModePill moves above InputBar as its own row */
-	/* InputBar is at bottom: 70px (above PillNav), so controls go above that */
-	.view-mode-pill.mobile {
-		/* Position centered above InputBar */
-		right: auto;
-		left: 50%;
-		transform: translateX(-50%);
-		/* Above PillNav (70px) + InputBar (72px) + gap (8px) */
-		bottom: calc(70px + 72px + 8px + env(safe-area-inset-bottom, 0px));
-	}
-
-	.view-mode-pill.mobile.toolbar-expanded {
-		/* Move up when toolbar is expanded (add toolbar height 70px) */
-		bottom: calc(70px + 72px + 70px + 8px + env(safe-area-inset-bottom, 0px));
-	}
-
-	/* Fallback for CSS-only mobile detection */
-	@media (max-width: 640px) {
-		.view-mode-pill:not(.mobile) {
-			/* Position centered above InputBar */
-			right: auto;
-			left: 50%;
-			transform: translateX(-50%);
-			/* Above PillNav (70px) + InputBar (72px) + gap (8px) */
-			bottom: calc(70px + 72px + 8px + env(safe-area-inset-bottom, 0px));
-		}
-
-		.view-mode-pill:not(.mobile).toolbar-expanded {
-			/* Move up when toolbar is expanded (add toolbar height 70px) */
-			bottom: calc(70px + 72px + 70px + 8px + env(safe-area-inset-bottom, 0px));
-		}
-	}
-
-	.view-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		padding: 0.375rem;
-		background: transparent;
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		color: hsl(var(--color-muted-foreground));
-		transition: all 0.15s ease;
-	}
-
-	.view-btn:hover {
-		background: hsl(var(--color-muted) / 0.5);
-		color: hsl(var(--color-foreground));
-	}
-
-	.view-btn.active {
-		background: color-mix(in srgb, #3b82f6 15%, transparent 85%);
-		color: #3b82f6;
-	}
-
-	.view-btn :global(svg) {
-		width: 1.125rem;
-		height: 1.125rem;
-	}
-
-	.view-text {
-		font-size: 0.75rem;
-		font-weight: 600;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewsBar.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewsBar.svelte
deleted file mode 100644
index 82dfc7180..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/ViewsBar.svelte
+++ /dev/null
@@ -1,162 +0,0 @@
-<script lang="ts">
-	import { viewStore } from '$lib/stores/view.svelte';
-	import type { CalendarViewType } from '@calendar/shared';
-	import { SquaresFour } from '@manacore/shared-icons';
-	interface Props {
-		/** Bottom offset from viewport bottom (default: '70px') */
-		bottomOffset?: string;
-	}
-
-	let { bottomOffset = '70px' }: Props = $props();
-
-	function handleViewClick(view: CalendarViewType) {
-		viewStore.setViewType(view);
-	}
-
-	// View labels
-	const viewLabels: Record<CalendarViewType, string> = {
-		week: '7',
-		month: 'M',
-		agenda: 'L',
-	};
-
-	// View titles for tooltip
-	const viewTitles: Record<CalendarViewType, string> = {
-		week: 'Wochenansicht',
-		month: 'Monatsansicht',
-		agenda: 'Agenda',
-	};
-
-	const enabledViews: CalendarViewType[] = ['week', 'month', 'agenda'];
-
-	function getViewLabel(view: CalendarViewType): string {
-		return viewLabels[view] || '';
-	}
-
-	function getViewTitle(view: CalendarViewType): string {
-		return viewTitles[view] || '';
-	}
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div class="views-bar" style="--bottom-offset: {bottomOffset}">
-	<div class="views-container">
-		<div class="views-icon">
-			<SquaresFour size={20} />
-		</div>
-
-		<div class="views-buttons">
-			{#each enabledViews as view}
-				<button
-					type="button"
-					class="view-btn"
-					class:active={viewStore.viewType === view}
-					onclick={() => handleViewClick(view)}
-					title={getViewTitle(view)}
-				>
-					{getViewLabel(view)}
-				</button>
-			{/each}
-		</div>
-	</div>
-</div>
-
-<style>
-	.views-bar {
-		position: fixed;
-		bottom: calc(var(--bottom-offset, 70px) + env(safe-area-inset-bottom, 0px));
-		z-index: 90;
-		padding: 0.75rem 0;
-		pointer-events: none;
-		height: 72px;
-		transition: bottom 0.3s ease;
-		display: flex;
-		/* Desktop: Position left of InputBar (InputBar has max-width 700px, centered) */
-		/* ViewsBar ends at left edge of InputBar with a gap */
-		right: calc(50% + 350px + 8px); /* InputBar center + half width + gap */
-		left: auto;
-	}
-
-	.views-container {
-		pointer-events: auto;
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem 1.25rem;
-		background: hsl(var(--color-surface) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 9999px;
-		box-shadow:
-			0 4px 6px -1px hsl(var(--color-foreground) / 0.1),
-			0 2px 4px -1px hsl(var(--color-foreground) / 0.06);
-		transition: all 0.2s ease;
-		height: 54px;
-	}
-
-	.views-icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		color: hsl(var(--color-muted-foreground));
-		flex-shrink: 0;
-	}
-
-	.views-icon svg {
-		width: 100%;
-		height: 100%;
-	}
-
-	.views-buttons {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	.view-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-width: 2rem;
-		height: 2rem;
-		padding: 0 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.875rem;
-		font-weight: 500;
-		transition: all 0.15s ease;
-	}
-
-	.view-btn:hover {
-		background: hsl(var(--color-muted) / 0.5);
-		color: hsl(var(--color-foreground));
-	}
-
-	.view-btn.active {
-		background: hsl(var(--color-primary) / 0.15);
-		color: hsl(var(--color-primary));
-	}
-
-	/* Tablet: Position left with fixed margin */
-	@media (max-width: 900px) {
-		.views-bar {
-			right: auto;
-			left: 1rem;
-		}
-	}
-
-	/* Mobile: Center above InputBar */
-	@media (max-width: 640px) {
-		.views-bar {
-			/* Position above the InputBar - centered */
-			bottom: calc(var(--bottom-offset, 70px) + 72px + env(safe-area-inset-bottom, 0px));
-			left: 0;
-			right: 0;
-			justify-content: center;
-			padding: 0.75rem 1rem;
-		}
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/calendar/WeekView.svelte b/apps/calendar/apps/web-archived/src/lib/components/calendar/WeekView.svelte
deleted file mode 100644
index 19d77cf5a..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/calendar/WeekView.svelte
+++ /dev/null
@@ -1,946 +0,0 @@
-<script lang="ts">
-	import { onMount, getContext } from 'svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { eventsStore } from '$lib/stores/events.svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import {
-		getVisibleCalendars,
-		getDefaultCalendar,
-		getCalendarColorWithBirthdays,
-		getEventsForDay as getEventsForDayPure,
-		getEventsForRange,
-	} from '$lib/data/queries';
-	import type { Calendar } from '@calendar/shared';
-	import { searchStore } from '$lib/stores/search.svelte';
-	import { birthdaysStore, type BirthdayEvent } from '$lib/stores/birthdays.svelte';
-	import BirthdayPopover from '$lib/components/birthday/BirthdayPopover.svelte';
-	import {
-		useVisibleHours,
-		useCurrentTimeIndicator,
-		useBirthdayPopover,
-		useEventDragDrop,
-		useDragToCreate,
-		useCalendarKeyboard,
-	} from '$lib/composables';
-	import { toDate } from '$lib/utils/eventDateHelpers';
-	import { HOUR_HEIGHT_PX, SNAP_INTERVAL_MINUTES } from '$lib/utils/calendarConstants';
-	import {
-		getVisibleTimedEvents,
-		getVisibleAllDayEvents,
-		getVisibleOverflowEvents,
-		type OverflowEvents,
-	} from '$lib/utils/eventFiltering';
-	import EventCard from './EventCard.svelte';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import { goto } from '$app/navigation';
-	import {
-		format,
-		eachDayOfInterval,
-		isToday,
-		isWeekend,
-		isSameDay,
-		differenceInMinutes,
-		getWeek,
-		startOfWeek,
-		endOfWeek,
-	} from 'date-fns';
-	import { de, enUS, fr, es, it } from 'date-fns/locale';
-	import { locale, _ } from 'svelte-i18n';
-
-	import type { CalendarEvent } from '@calendar/shared';
-
-	interface Props {
-		/** Optional date override for carousel navigation (uses viewStore.currentDate if not provided) */
-		date?: Date;
-		onQuickCreate?: (date: Date, position: { x: number; y: number }, endDate?: Date) => void;
-		onEventClick?: (event: CalendarEvent) => void;
-	}
-
-	let { date, onQuickCreate, onEventClick }: Props = $props();
-
-	// Get calendars and events from layout context (live queries)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-	const eventsCtx: { readonly value: CalendarEvent[] } = getContext('events');
-
-	// Derived: visible calendars and events for current range
-	let visibleCalendars = $derived(getVisibleCalendars(calendarsCtx.value));
-
-	// Use provided date or fall back to viewStore
-	let effectiveDate = $derived(date ?? viewStore.currentDate);
-
-	// Calculate view range based on effective date
-	let effectiveViewRange = $derived.by(() => {
-		if (date) {
-			// Calculate range for the provided date
-			const weekStartsOn = settingsStore.weekStartsOn;
-			return {
-				start: startOfWeek(date, { weekStartsOn }),
-				end: endOfWeek(date, { weekStartsOn }),
-			};
-		}
-		// Use viewStore range when no date override
-		return viewStore.viewRange;
-	});
-
-	// Expand recurring events for the current view range
-	let rangeEvents = $derived(
-		getEventsForRange(eventsCtx.value, effectiveViewRange.start, effectiveViewRange.end)
-	);
-
-	// Use shared constants
-	const HOUR_HEIGHT = HOUR_HEIGHT_PX;
-	const MINUTES_PER_SLOT = SNAP_INTERVAL_MINUTES;
-
-	// Get date-fns locale based on current app locale
-	const dateLocales = { de, en: enUS, fr, es, it };
-	let currentDateLocale = $derived(
-		dateLocales[$locale?.substring(0, 2) as keyof typeof dateLocales] || de
-	);
-
-	// Generate days of the week, optionally filtering weekends
-	let allDays = $derived(
-		eachDayOfInterval({
-			start: effectiveViewRange.start,
-			end: effectiveViewRange.end,
-		})
-	);
-
-	let days = $derived(
-		settingsStore.showOnlyWeekdays ? allDays.filter((day) => !isWeekend(day)) : allDays
-	);
-
-	// Get week number for display
-	let weekNumber = $derived(
-		getWeek(effectiveViewRange.start, { weekStartsOn: settingsStore.weekStartsOn })
-	);
-
-	// Use composables for hour filtering and time indicator
-	const visibleHours = useVisibleHours();
-	const timeIndicator = useCurrentTimeIndicator();
-
-	// Destructure for convenience (these are reactive getters)
-	let hours = $derived(visibleHours.hours);
-	let firstVisibleHour = $derived(visibleHours.firstVisibleHour);
-	let lastVisibleHour = $derived(visibleHours.lastVisibleHour);
-	let totalVisibleHours = $derived(visibleHours.totalVisibleHours);
-	const minutesToPercent = visibleHours.minutesToPercent;
-
-	// Current time indicator position
-	let currentTimePosition = $derived(minutesToPercent(timeIndicator.currentMinutes));
-
-	// Reference to the days container for position calculations
-	let daysContainerEl: HTMLDivElement;
-
-	// Reference to the time grid (scroll container)
-	let timeGridEl: HTMLDivElement;
-
-	// ========== Composables for Drag/Drop/Resize/Create ==========
-	const eventDragDrop = useEventDragDrop(() => ({
-		containerEl: daysContainerEl,
-		days,
-		firstVisibleHour,
-		lastVisibleHour,
-		totalVisibleHours,
-		hourHeight: HOUR_HEIGHT,
-		minutesToPercent,
-	}));
-
-	const dragToCreate = useDragToCreate(() => ({
-		containerEl: daysContainerEl,
-		days,
-		firstVisibleHour,
-		lastVisibleHour,
-		totalVisibleHours,
-		hourHeight: HOUR_HEIGHT,
-		minutesToPercent,
-		isOtherOperationActive: () => eventDragDrop.isDragging || eventDragDrop.isResizing,
-		onCreateEnd: (startTime, endTime, position) => {
-			if (onQuickCreate) {
-				onQuickCreate(startTime, position, endTime);
-			} else {
-				goto(`/event/new?start=${startTime.toISOString()}&end=${endTime.toISOString()}`);
-			}
-		},
-	}));
-
-	const keyboard = useCalendarKeyboard([
-		{
-			isActive: () => eventDragDrop.isDragging || eventDragDrop.isResizing,
-			cancel: eventDragDrop.cancel,
-		},
-		{ isActive: () => dragToCreate.isCreating, cancel: dragToCreate.cancel },
-	]);
-
-	$effect(() => keyboard.setup());
-
-	// Scroll to current time on mount so the red indicator line is visible
-	onMount(() => {
-		if (!timeGridEl) return;
-
-		const hourHeight =
-			parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--hour-height')) ||
-			48;
-		const now = new Date();
-		const currentMinutesFromMidnight = now.getHours() * 60 + now.getMinutes();
-		const viewportHeight = timeGridEl.clientHeight;
-
-		// Calculate pixel position of current time
-		const effectiveMinutes = Math.max(0, currentMinutesFromMidnight - firstVisibleHour * 60);
-		const currentTimePixels = (effectiveMinutes / 60) * hourHeight;
-
-		// Scroll so current time is ~1/3 from the top of the viewport
-		const scrollPosition = currentTimePixels - viewportHeight / 3;
-
-		timeGridEl.scrollTo({
-			top: Math.max(0, scrollPosition),
-			behavior: 'instant',
-		});
-	});
-
-	// Birthday Popover (using composable)
-	const birthdayPopover = useBirthdayPopover();
-
-	// Get birthdays for a day (if enabled in settings)
-	function getBirthdaysForDay(day: Date): BirthdayEvent[] {
-		if (!settingsStore.showBirthdays) return [];
-		return birthdaysStore.getBirthdaysForDay(day);
-	}
-
-	// Check if there are any birthdays to show in the all-day row
-	let hasAnyBirthdays = $derived(
-		settingsStore.showBirthdays && days.some((day) => getBirthdaysForDay(day).length > 0)
-	);
-
-	function getEventsForDay(day: Date): CalendarEvent[] {
-		const dayEvents = getEventsForDayPure(rangeEvents, day);
-		// Include draft event
-		if (eventsStore.draftEvent) {
-			const draftStart = new Date(eventsStore.draftEvent.startTime);
-			if (isSameDay(day, draftStart)) {
-				dayEvents.push(eventsStore.draftEvent);
-			}
-		}
-		return getVisibleTimedEvents(dayEvents, visibleCalendars, {
-			filterHoursEnabled: settingsStore.filterHoursEnabled,
-			dayStartHour: settingsStore.dayStartHour,
-			dayEndHour: settingsStore.dayEndHour,
-		});
-	}
-
-	function getOverflowEventsForDay(day: Date): OverflowEvents {
-		if (!settingsStore.filterHoursEnabled) {
-			return { before: [], after: [] };
-		}
-		const dayEvents = getEventsForDayPure(rangeEvents, day);
-		return getVisibleOverflowEvents(
-			dayEvents,
-			visibleCalendars,
-			settingsStore.dayStartHour,
-			settingsStore.dayEndHour
-		);
-	}
-
-	function getAllDayEventsForDay(day: Date): CalendarEvent[] {
-		const dayEvents = getEventsForDayPure(rangeEvents, day);
-		return getVisibleAllDayEvents(dayEvents, visibleCalendars);
-	}
-
-	// Get display mode for an event (per-event override takes precedence over global setting)
-	function getEventDisplayMode(event: CalendarEvent): 'header' | 'block' {
-		return (
-			(event.metadata as { allDayDisplayMode?: 'header' | 'block' } | null)?.allDayDisplayMode ||
-			settingsStore.allDayDisplayMode
-		);
-	}
-
-	// Split all-day events by display mode
-	function getHeaderAllDayEventsForDay(day: Date) {
-		return getAllDayEventsForDay(day).filter((e) => getEventDisplayMode(e) === 'header');
-	}
-
-	function getBlockAllDayEventsForDay(day: Date) {
-		return getAllDayEventsForDay(day).filter((e) => getEventDisplayMode(e) === 'block');
-	}
-
-	// Check if there are any all-day events to show in header
-	let hasAnyHeaderAllDayEvents = $derived(
-		days.some((day) => getHeaderAllDayEventsForDay(day).length > 0)
-	);
-
-	function getEventStyle(event: CalendarEvent) {
-		const start = toDate(event.startTime);
-		const end = toDate(event.endTime);
-
-		const startMinutes = start.getHours() * 60 + start.getMinutes();
-		const duration = differenceInMinutes(end, start);
-
-		const top = minutesToPercent(startMinutes);
-		const height = Math.max((duration / (totalVisibleHours * 60)) * 100, 2); // Min 2% height
-
-		return `top: ${top}%; height: ${height}%;`;
-	}
-
-	function formatEventTimeRange(event: CalendarEvent): string {
-		return `${formatEventTime(event.startTime)} - ${formatEventTime(event.endTime)}`;
-	}
-
-	function formatEventTime(date: Date | string): string {
-		return settingsStore.formatTime(toDate(date));
-	}
-
-	function handleEventClick(event: CalendarEvent, e: MouseEvent) {
-		if (eventDragDrop.isDragging || eventDragDrop.isResizing || eventDragDrop.hasMoved) {
-			e.preventDefault();
-			e.stopPropagation();
-			setTimeout(() => eventDragDrop.resetHasMoved(), 100);
-			return;
-		}
-		if (onEventClick) {
-			onEventClick(event);
-		} else {
-			goto(`/?event=${event.id}`);
-		}
-	}
-
-	// (Drag/drop/resize/create/keyboard handlers are in composables above)
-
-	// Context menu state
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuEvent = $state<CalendarEvent | null>(null);
-
-	function handleEventContextMenu(event: CalendarEvent, e: MouseEvent) {
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuEvent = event;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		if (!contextMenuEvent) return [];
-		const event = contextMenuEvent;
-
-		return [
-			{
-				id: 'edit',
-				label: $_('calendar.contextMenu.edit'),
-				action: () => {
-					if (onEventClick) {
-						onEventClick(event);
-					} else {
-						goto(`/?event=${event.id}`);
-					}
-				},
-			},
-			{
-				id: 'duplicate',
-				label: $_('calendar.contextMenu.duplicate'),
-				action: async () => {
-					await eventsStore.createEvent({
-						calendarId: event.calendarId,
-						title: `${event.title} (${$_('calendar.contextMenu.copy')})`,
-						description: event.description ?? undefined,
-						location: event.location ?? undefined,
-						startTime: event.startTime,
-						endTime: event.endTime,
-						isAllDay: event.isAllDay,
-						timezone: event.timezone ?? undefined,
-						color: event.color ?? undefined,
-						status: event.status ?? undefined,
-					});
-				},
-			},
-			{ id: 'divider-1', label: '', type: 'divider' },
-			{
-				id: 'delete',
-				label: $_('calendar.contextMenu.delete'),
-				variant: 'danger',
-				action: () => eventsStore.deleteEvent(event.id),
-			},
-		];
-	}
-</script>
-
-<div class="week-view">
-	<!-- Week number indicator (if enabled) -->
-	{#if settingsStore.showWeekNumbers}
-		<div class="week-number-indicator">
-			{$_('views.weekNumber')}
-			{weekNumber}
-		</div>
-	{/if}
-
-	<!-- Sticky header container -->
-	<div class="sticky-header">
-		<!-- Day headers -->
-		<div class="day-headers" role="row">
-			<div class="time-gutter"></div>
-			{#each days as day}
-				<div
-					class="day-header"
-					class:today={isToday(day)}
-					role="columnheader"
-					aria-label={format(day, 'EEEE, d. MMMM', { locale: currentDateLocale })}
-				>
-					<span class="day-name">{format(day, 'EEE', { locale: currentDateLocale })}</span>
-					<span class="day-number" class:today={isToday(day)}>{format(day, 'd')}</span>
-				</div>
-			{/each}
-		</div>
-
-		<!-- All-day events row (shown when there are header-mode all-day events or birthdays) -->
-		{#if hasAnyHeaderAllDayEvents || hasAnyBirthdays}
-			<div class="all-day-row">
-				<div class="time-gutter">
-					{#if settingsStore.showWeekNumbers}
-						<span class="week-label">{$_('views.weekNumber')} {weekNumber}</span>
-					{/if}
-				</div>
-				{#each days as day}
-					<div class="all-day-cell">
-						{#each getHeaderAllDayEventsForDay(day) as event}
-							<button
-								class="all-day-event"
-								class:search-highlighted={searchStore.isEventHighlighted(event.id)}
-								class:search-dimmed={searchStore.isEventDimmed(event.id)}
-								style="background-color: {getCalendarColorWithBirthdays(
-									calendarsCtx.value,
-									event.calendarId
-								)}"
-								onclick={() => goto(`/?event=${event.id}`)}
-								aria-label="{event.title} - {$_('views.allDay')}"
-							>
-								{event.title}
-							</button>
-						{/each}
-						<!-- Birthdays -->
-						{#each getBirthdaysForDay(day) as birthday}
-							<button
-								class="all-day-event birthday-event"
-								onclick={(e) => birthdayPopover.handleBirthdayClick(birthday, e)}
-								aria-label="{birthday.displayName} - {$_(
-									'views.birthday'
-								)}{settingsStore.showBirthdayAge && birthday.age > 0 ? ` (${birthday.age})` : ''}"
-							>
-								🎂 {birthday.displayName}
-								{#if settingsStore.showBirthdayAge && birthday.age > 0}
-									<span class="birthday-age">({birthday.age})</span>
-								{/if}
-							</button>
-						{/each}
-					</div>
-				{/each}
-			</div>
-		{/if}
-	</div>
-
-	<!-- Time grid -->
-	<div
-		class="time-grid scrollbar-thin"
-		bind:this={timeGridEl}
-		role="grid"
-		aria-label={$_('views.weekView')}
-	>
-		<!-- Time column -->
-		<div class="time-column">
-			{#each hours as hour}
-				<div class="time-label">
-					{settingsStore.formatHour(hour)}
-				</div>
-			{/each}
-		</div>
-
-		<!-- Day columns -->
-		<div class="days-container" bind:this={daysContainerEl}>
-			{#each days as day, dayIndex}
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<div
-					class="day-column"
-					class:today={isToday(day)}
-					class:creating={dragToCreate.isCreating &&
-						dragToCreate.createTargetDay &&
-						isSameDay(day, dragToCreate.createTargetDay)}
-					onpointerdown={dragToCreate.startCreate}
-				>
-					{#each hours as hour}
-						<div
-							class="hour-slot"
-							role="button"
-							tabindex="-1"
-							aria-label={`${format(day, 'EEEE', { locale: currentDateLocale })} ${settingsStore.formatHour(hour)}`}
-						></div>
-					{/each}
-
-					<!-- Block-style all-day events -->
-					{#each getBlockAllDayEventsForDay(day) as event (event.id)}
-						<button
-							class="all-day-block-event"
-							class:search-highlighted={searchStore.isEventHighlighted(event.id)}
-							class:search-dimmed={searchStore.isEventDimmed(event.id)}
-							style="background-color: {getCalendarColorWithBirthdays(
-								calendarsCtx.value,
-								event.calendarId
-							)}"
-							onclick={() => goto(`/?event=${event.id}`)}
-							aria-label="{event.title} - {$_('views.allDay')}"
-						>
-							<span class="event-title">{event.title}</span>
-						</button>
-					{/each}
-
-					<!-- Timed events -->
-					{#each getEventsForDay(day) as event (event.id)}
-						{@const isBeingDragged =
-							eventDragDrop.isDragging && eventDragDrop.draggedEvent?.id === event.id}
-						{@const isBeingResized =
-							eventDragDrop.isResizing && eventDragDrop.resizeEvent?.id === event.id}
-						{@const isCrossDayDrag =
-							isBeingDragged &&
-							eventDragDrop.dragTargetDay !== null &&
-							!isSameDay(day, eventDragDrop.dragTargetDay)}
-						<EventCard
-							{event}
-							style={isBeingDragged && !isCrossDayDrag
-								? `top: ${eventDragDrop.dragPreviewTop}%; height: ${eventDragDrop.dragPreviewHeight}%;`
-								: isBeingResized
-									? `top: ${eventDragDrop.resizePreviewTop}%; height: ${eventDragDrop.resizePreviewHeight}%;`
-									: getEventStyle(event)}
-							color={getCalendarColorWithBirthdays(calendarsCtx.value, event.calendarId)}
-							isDragging={isBeingDragged && !isCrossDayDrag}
-							isDraggingSource={isCrossDayDrag}
-							isResizing={isBeingResized}
-							isSearchHighlighted={searchStore.isEventHighlighted(event.id)}
-							isSearchDimmed={searchStore.isEventDimmed(event.id)}
-							formattedTime={isBeingResized
-								? eventDragDrop.getResizePreviewTime()
-								: formatEventTimeRange(event)}
-							onClick={handleEventClick}
-							onContextMenu={handleEventContextMenu}
-							onPointerDown={eventDragDrop.startDrag}
-							onResizeStart={eventDragDrop.startResize}
-						/>
-					{/each}
-
-					<!-- Drag preview (solid) for cross-day dragging -->
-					{#if eventDragDrop.isDragging && eventDragDrop.draggedEvent && eventDragDrop.dragTargetDay && isSameDay(day, eventDragDrop.dragTargetDay) && !getEventsForDay(day).some((e) => e.id === eventDragDrop.draggedEvent!.id)}
-						<EventCard
-							event={eventDragDrop.draggedEvent}
-							style="top: {eventDragDrop.dragPreviewTop}%; height: {eventDragDrop.dragPreviewHeight}%;"
-							color={getCalendarColorWithBirthdays(
-								calendarsCtx.value,
-								eventDragDrop.draggedEvent.calendarId
-							)}
-							isDragging={true}
-							formattedTime={formatEventTimeRange(eventDragDrop.draggedEvent)}
-						/>
-					{/if}
-
-					<!-- Create preview (drag-to-create) -->
-					{#if dragToCreate.isCreating && dragToCreate.createTargetDay && isSameDay(day, dragToCreate.createTargetDay)}
-						<div
-							class="create-preview"
-							style="top: {dragToCreate.createPreviewTop}%; height: {dragToCreate.createPreviewHeight}%; background-color: {getCalendarColorWithBirthdays(
-								calendarsCtx.value,
-								getDefaultCalendar(calendarsCtx.value)?.id || ''
-							)};"
-						>
-							<span class="event-time">{dragToCreate.getCreatePreviewTime()}</span>
-							<span class="event-title">(Neuer Termin)</span>
-						</div>
-					{/if}
-
-					<!-- Overflow indicators for events outside visible time range -->
-					{#if true}
-						{@const overflow = getOverflowEventsForDay(day)}
-						{#if overflow.before.length > 0}
-							<div class="overflow-indicator top" title="{overflow.before.length} Termin(e) früher">
-								{#each overflow.before as event}
-									<div
-										class="overflow-line"
-										style="background-color: {getCalendarColorWithBirthdays(
-											calendarsCtx.value,
-											event.calendarId
-										)}"
-										title="{formatEventTime(event.startTime)} {event.title}"
-									></div>
-								{/each}
-							</div>
-						{/if}
-						{#if overflow.after.length > 0}
-							<div
-								class="overflow-indicator bottom"
-								title="{overflow.after.length} Termin(e) später"
-							>
-								{#each overflow.after as event}
-									<div
-										class="overflow-line"
-										style="background-color: {getCalendarColorWithBirthdays(
-											calendarsCtx.value,
-											event.calendarId
-										)}"
-										title="{formatEventTime(event.startTime)} {event.title}"
-									></div>
-								{/each}
-							</div>
-						{/if}
-					{/if}
-
-					<!-- Current time indicator -->
-					{#if isToday(day)}
-						<div class="time-indicator" style="top: {currentTimePosition}%">
-							<span class="time-indicator-label">{settingsStore.formatTime(timeIndicator.now)}</span
-							>
-						</div>
-					{/if}
-				</div>
-			{/each}
-		</div>
-	</div>
-</div>
-
-<!-- Birthday Popover -->
-{#if birthdayPopover.selectedBirthday}
-	<BirthdayPopover
-		birthday={birthdayPopover.selectedBirthday}
-		position={birthdayPopover.popoverPosition}
-		onClose={birthdayPopover.closePopover}
-	/>
-{/if}
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => {
-		contextMenuVisible = false;
-		contextMenuEvent = null;
-	}}
-/>
-
-<style>
-	.week-view {
-		display: flex;
-		flex-direction: column;
-	}
-
-	.week-number-indicator {
-		display: none; /* Hidden by default, shown in gutter instead */
-	}
-
-	.sticky-header {
-		position: sticky;
-		top: 0;
-		z-index: 10;
-		background: hsl(var(--color-background));
-	}
-
-	.all-day-row {
-		display: flex;
-		border-bottom: 1px solid hsl(var(--color-border));
-		min-height: 32px;
-	}
-
-	.all-day-cell {
-		flex: 1;
-		display: flex;
-		flex-wrap: wrap;
-		gap: 2px;
-		padding: 4px;
-		border-left: 1px solid hsl(var(--color-border));
-	}
-
-	.all-day-event {
-		width: 100%;
-		padding: 2px 6px;
-		font-size: 0.75rem;
-		color: white;
-		border-radius: var(--radius-sm);
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		border: none;
-		cursor: pointer;
-		transition: opacity 0.15s ease;
-		text-align: left;
-	}
-
-	.all-day-event.search-highlighted {
-		outline: 2px solid hsl(var(--color-primary));
-		outline-offset: 1px;
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.3);
-	}
-
-	.all-day-event.search-dimmed {
-		opacity: 0.35;
-		filter: grayscale(0.3);
-	}
-
-	/* Birthday events in all-day row */
-	.all-day-event.birthday-event {
-		background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
-	}
-
-	.all-day-event.birthday-event:hover {
-		opacity: 0.9;
-	}
-
-	.birthday-age {
-		opacity: 0.85;
-		font-size: 0.7rem;
-	}
-
-	/* Block-style all-day events (displayed as full-day blocks in the grid) */
-	.all-day-block-event {
-		position: absolute;
-		top: 0;
-		left: 2px;
-		right: 2px;
-		bottom: 0;
-		padding: 4px 6px;
-		color: white;
-		border: none;
-		border-radius: var(--radius-sm);
-		text-align: left;
-		cursor: pointer;
-		z-index: 0;
-		opacity: 0.3;
-		overflow: hidden;
-		display: flex;
-		align-items: flex-start;
-	}
-
-	.all-day-block-event:hover {
-		opacity: 0.5;
-	}
-
-	.all-day-block-event.search-highlighted {
-		opacity: 0.6;
-		outline: 2px solid hsl(var(--color-primary));
-		outline-offset: 1px;
-	}
-
-	.all-day-block-event.search-dimmed {
-		opacity: 0.15;
-		filter: grayscale(0.5);
-	}
-
-	.all-day-block-event .event-title {
-		font-size: 0.75rem;
-		font-weight: 500;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.day-headers {
-		display: flex;
-		border-bottom: 1px solid hsl(var(--color-border));
-	}
-
-	.time-gutter {
-		width: var(--time-column-width);
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.week-label {
-		font-size: 0.625rem;
-		color: hsl(var(--color-muted-foreground));
-		text-transform: uppercase;
-		font-weight: 500;
-	}
-
-	.day-header {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 0.5rem;
-		border-left: 1px solid hsl(var(--color-border));
-		transition: background-color 150ms ease;
-	}
-
-	.day-name {
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-		text-transform: uppercase;
-	}
-
-	.day-number {
-		font-size: 1.25rem;
-		font-weight: 600;
-		width: 36px;
-		height: 36px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: var(--radius-full);
-	}
-
-	.day-number.today {
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-	}
-
-	.time-grid {
-		flex: 1;
-		display: flex;
-	}
-
-	.time-column {
-		width: var(--time-column-width);
-		flex-shrink: 0;
-		padding-top: 1rem;
-		padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
-	}
-
-	.time-label {
-		height: var(--hour-height);
-		padding-right: 0.5rem;
-		text-align: right;
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-		position: relative;
-		top: 0.25em;
-	}
-
-	.days-container {
-		flex: 1;
-		display: flex;
-		position: relative;
-	}
-
-	.day-column {
-		flex: 1;
-		position: relative;
-		border-left: 1px solid hsl(var(--color-border));
-		padding-top: 1rem;
-		padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
-	}
-
-	.day-column.today {
-		background: hsl(var(--color-primary) / 0.05);
-	}
-
-	.day-column.drop-target {
-		background: hsl(var(--color-primary) / 0.15);
-		outline: 2px dashed hsl(var(--color-primary));
-		outline-offset: -2px;
-	}
-
-	.hour-slot {
-		height: var(--hour-height);
-		width: 100%;
-		border: none;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		background: transparent;
-		cursor: pointer;
-	}
-
-	.hour-slot:hover {
-		background: hsl(var(--color-muted) / 0.3);
-	}
-
-	/* Create preview (drag-to-create) */
-	.create-preview {
-		position: absolute;
-		left: 2px;
-		right: 2px;
-		padding: 2px 4px;
-		border-radius: var(--radius-sm);
-		text-align: left;
-		z-index: 50;
-		overflow: hidden;
-		color: white;
-		opacity: 0.85;
-		border: 2px dashed rgba(255, 255, 255, 0.5);
-		pointer-events: none;
-	}
-
-	.create-preview .event-time {
-		display: block;
-		font-size: 0.6rem;
-		opacity: 0.9;
-	}
-
-	.create-preview .event-title {
-		display: block;
-		font-size: 0.7rem;
-		font-weight: 500;
-		opacity: 0.8;
-	}
-
-	.day-column.creating {
-		cursor: ns-resize;
-	}
-
-	.time-indicator {
-		position: absolute;
-		left: 0;
-		right: 0;
-		height: 2px;
-		background: hsl(var(--color-error));
-		z-index: 2;
-	}
-
-	.time-indicator::before {
-		content: '';
-		position: absolute;
-		left: -4px;
-		top: -4px;
-		width: 10px;
-		height: 10px;
-		background: hsl(var(--color-error));
-		border-radius: 50%;
-	}
-
-	.time-indicator-label {
-		position: absolute;
-		right: 4px;
-		bottom: 3px;
-		font-size: 0.6rem;
-		font-weight: 600;
-		color: hsl(var(--color-error));
-		line-height: 1;
-		pointer-events: none;
-	}
-
-	/* Overflow indicators for events outside visible time range */
-	.overflow-indicator {
-		position: absolute;
-		left: 2px;
-		right: 2px;
-		display: flex;
-		flex-direction: column;
-		gap: 2px;
-		z-index: 5;
-		padding: 2px;
-	}
-
-	.overflow-indicator.top {
-		top: 0;
-	}
-
-	.overflow-indicator.bottom {
-		bottom: 0;
-	}
-
-	.overflow-line {
-		height: 3px;
-		border-radius: 2px;
-		opacity: 0.7;
-		cursor: pointer;
-		transition:
-			opacity 0.15s ease,
-			height 0.15s ease;
-	}
-
-	.overflow-line:hover {
-		opacity: 1;
-		height: 5px;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/event/AttendeeSelector.svelte b/apps/calendar/apps/web-archived/src/lib/components/event/AttendeeSelector.svelte
deleted file mode 100644
index ab0e94869..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/event/AttendeeSelector.svelte
+++ /dev/null
@@ -1,266 +0,0 @@
-<script lang="ts">
-	import type { EventAttendee, AttendeeStatus } from '@calendar/shared';
-	import type { ContactSummary, ContactOrManual, ManualContactEntry } from '@manacore/shared-types';
-	import { ContactSelector, ContactAvatar } from '@manacore/shared-ui';
-	import { Check, X, Question, Clock, CaretDown } from '@manacore/shared-icons';
-	import { contactsStore } from '$lib/stores/contacts.svelte';
-
-	interface Props {
-		attendees: EventAttendee[];
-		onAttendeesChange: (attendees: EventAttendee[]) => void;
-		disabled?: boolean;
-	}
-
-	let { attendees, onAttendeesChange, disabled = false }: Props = $props();
-
-	let contactsAvailable = $state<boolean | null>(null);
-	let showStatusDropdown = $state<string | null>(null);
-
-	// Check contacts availability on mount
-	$effect(() => {
-		contactsStore.checkAvailability().then((available) => {
-			contactsAvailable = available;
-		});
-	});
-
-	// Convert attendees to ContactOrManual format for the selector
-	const selectedContacts = $derived<ContactOrManual[]>(
-		attendees.map((a) => {
-			if (a.contactId) {
-				return {
-					contactId: a.contactId,
-					displayName: a.name || a.email,
-					email: a.email,
-					photoUrl: a.photoUrl,
-					company: a.company,
-					fetchedAt: new Date().toISOString(),
-				};
-			}
-			// Manual entry
-			return {
-				email: a.email,
-				name: a.name,
-				isManual: true as const,
-			};
-		})
-	);
-
-	function handleContactsChange(contacts: ContactOrManual[]) {
-		const newAttendees: EventAttendee[] = contacts.map((contact) => {
-			if ('isManual' in contact && contact.isManual) {
-				// Manual entry
-				const manual = contact as ManualContactEntry;
-				// Preserve existing status if email matches
-				const existing = attendees.find((a) => a.email === manual.email);
-				return {
-					email: manual.email,
-					name: manual.name,
-					status: existing?.status || ('pending' as AttendeeStatus),
-				};
-			} else {
-				// Contact reference
-				const contactRef = contact as {
-					contactId: string;
-					displayName: string;
-					email?: string;
-					photoUrl?: string;
-					company?: string;
-				};
-				// Preserve existing status if contactId or email matches
-				const existing = attendees.find(
-					(a) => a.contactId === contactRef.contactId || a.email === contactRef.email
-				);
-				return {
-					email: contactRef.email || '',
-					name: contactRef.displayName,
-					status: existing?.status || ('pending' as AttendeeStatus),
-					contactId: contactRef.contactId,
-					photoUrl: contactRef.photoUrl,
-					company: contactRef.company,
-				};
-			}
-		});
-		onAttendeesChange(newAttendees);
-	}
-
-	function handleSearch(query: string): Promise<ContactSummary[]> {
-		return contactsStore.searchContacts(query);
-	}
-
-	function handleStatusChange(email: string, status: AttendeeStatus) {
-		const updated = attendees.map((a) => (a.email === email ? { ...a, status } : a));
-		onAttendeesChange(updated);
-		showStatusDropdown = null;
-	}
-
-	function handleRemoveAttendee(email: string) {
-		onAttendeesChange(attendees.filter((a) => a.email !== email));
-	}
-
-	function getStatusColor(status?: AttendeeStatus): string {
-		switch (status) {
-			case 'accepted':
-				return 'text-green-600 bg-green-100 dark:text-green-400 dark:bg-green-900/30';
-			case 'declined':
-				return 'text-red-600 bg-red-100 dark:text-red-400 dark:bg-red-900/30';
-			case 'tentative':
-				return 'text-yellow-600 bg-yellow-100 dark:text-yellow-400 dark:bg-yellow-900/30';
-			default:
-				return 'text-gray-500 bg-gray-100 dark:text-gray-400 dark:bg-gray-800';
-		}
-	}
-
-	function getStatusLabel(status?: AttendeeStatus): string {
-		switch (status) {
-			case 'accepted':
-				return 'Zugesagt';
-			case 'declined':
-				return 'Abgesagt';
-			case 'tentative':
-				return 'Vorbehaltlich';
-			default:
-				return 'Ausstehend';
-		}
-	}
-
-	const statusOptions: { value: AttendeeStatus; label: string }[] = [
-		{ value: 'pending', label: 'Ausstehend' },
-		{ value: 'accepted', label: 'Zugesagt' },
-		{ value: 'tentative', label: 'Vorbehaltlich' },
-		{ value: 'declined', label: 'Abgesagt' },
-	];
-</script>
-
-<div class="attendee-selector">
-	<!-- Existing Attendees with Status -->
-	{#if attendees.length > 0}
-		<div class="space-y-2 mb-4">
-			{#each attendees as attendee (attendee.email)}
-				<div class="flex items-center gap-3 p-2 rounded-lg bg-gray-50 dark:bg-gray-800/50">
-					<ContactAvatar
-						photoUrl={attendee.photoUrl}
-						name={attendee.name || attendee.email}
-						size="sm"
-					/>
-
-					<div class="flex-1 min-w-0">
-						<div class="text-sm font-medium text-foreground truncate">
-							{attendee.name || attendee.email}
-						</div>
-						{#if attendee.name && attendee.email}
-							<div class="text-xs text-muted-foreground truncate">
-								{attendee.email}
-							</div>
-						{/if}
-						{#if attendee.company}
-							<div class="text-xs text-muted-foreground truncate">
-								{attendee.company}
-							</div>
-						{/if}
-					</div>
-
-					<!-- Status Dropdown -->
-					<div class="relative">
-						<button
-							type="button"
-							onclick={() =>
-								(showStatusDropdown =
-									showStatusDropdown === attendee.email ? null : attendee.email)}
-							class="
-								flex items-center gap-1.5 px-2 py-1 rounded-md text-xs font-medium
-								{getStatusColor(attendee.status)}
-								hover:opacity-80 transition-opacity
-							"
-							{disabled}
-						>
-							{#if attendee.status === 'accepted'}
-								<Check size={12} />
-							{:else if attendee.status === 'declined'}
-								<X size={12} />
-							{:else if attendee.status === 'tentative'}
-								<Question size={12} />
-							{:else}
-								<Clock size={12} />
-							{/if}
-							<span class="hidden sm:inline">{getStatusLabel(attendee.status)}</span>
-							<CaretDown size={12} />
-						</button>
-
-						{#if showStatusDropdown === attendee.email}
-							<div
-								class="
-									absolute right-0 top-full mt-1 z-50
-									bg-white dark:bg-gray-800
-									border border-gray-200 dark:border-gray-700
-									rounded-lg shadow-lg
-									py-1 min-w-[140px]
-								"
-							>
-								{#each statusOptions as option (option.value)}
-									<button
-										type="button"
-										onclick={() => handleStatusChange(attendee.email, option.value)}
-										class="
-											w-full flex items-center gap-2 px-3 py-1.5
-											text-sm text-left
-											hover:bg-gray-100 dark:hover:bg-gray-700
-											{attendee.status === option.value ? 'bg-gray-50 dark:bg-gray-700/50' : ''}
-										"
-									>
-										<span class="{getStatusColor(option.value)} p-0.5 rounded">
-											{#if option.value === 'accepted'}
-												<Check size={12} />
-											{:else if option.value === 'declined'}
-												<X size={12} />
-											{:else if option.value === 'tentative'}
-												<Question size={12} />
-											{:else}
-												<Clock size={12} />
-											{/if}
-										</span>
-										{option.label}
-									</button>
-								{/each}
-							</div>
-						{/if}
-					</div>
-
-					<!-- Remove Button -->
-					<button
-						type="button"
-						onclick={() => handleRemoveAttendee(attendee.email)}
-						class="
-							p-1 rounded-md
-							text-gray-400 hover:text-red-500
-							hover:bg-red-50 dark:hover:bg-red-900/20
-							transition-colors
-						"
-						title="Entfernen"
-						{disabled}
-					>
-						<X size={16} />
-					</button>
-				</div>
-			{/each}
-		</div>
-	{/if}
-
-	<!-- Add New Attendees -->
-	<ContactSelector
-		{selectedContacts}
-		onContactsChange={handleContactsChange}
-		onSearch={handleSearch}
-		allowManualEntry={true}
-		placeholder="Teilnehmer hinzufügen..."
-		addLabel="Teilnehmer"
-		searchPlaceholder="Name oder E-Mail..."
-		isAvailable={contactsAvailable ?? false}
-		{disabled}
-	/>
-</div>
-
-<style>
-	.attendee-selector {
-		position: relative;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/event/EventDetailModal.svelte b/apps/calendar/apps/web-archived/src/lib/components/event/EventDetailModal.svelte
deleted file mode 100644
index 42f744c31..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/event/EventDetailModal.svelte
+++ /dev/null
@@ -1,695 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { getContext } from 'svelte';
-	import { eventsStore } from '$lib/stores/events.svelte';
-	import { getCalendarById, getCalendarColorWithBirthdays } from '$lib/data/queries';
-	import type { Calendar } from '@calendar/shared';
-	import EventForm from './EventForm.svelte';
-	import RecurrenceEditDialog from './RecurrenceEditDialog.svelte';
-	import ReminderSelector from './ReminderSelector.svelte';
-	import { TagBadge, toastStore as toast, focusTrap } from '@manacore/shared-ui';
-	import {
-		PencilSimple,
-		Trash,
-		X,
-		Clock,
-		ArrowsClockwise,
-		Bell,
-		MapPin,
-		VideoCamera,
-		ArrowSquareOut,
-		Link,
-		TextAlignLeft,
-		Tag,
-		UsersThree,
-	} from '@manacore/shared-icons';
-	import type { CalendarEvent, UpdateEventInput, Reminder } from '@calendar/shared';
-	import { describeRecurrence, parseRRule } from '@calendar/shared';
-	import * as api from '$lib/api/events';
-	import * as reminderApi from '$lib/api/reminders';
-	import { format } from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import { toDate } from '$lib/utils/eventDateHelpers';
-	import { EventDetailSkeleton } from '$lib/components/skeletons';
-
-	interface Props {
-		eventId: string;
-		onClose: () => void;
-	}
-
-	let { eventId, onClose }: Props = $props();
-
-	// Get calendars from layout context (live query)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-
-	let event = $state<CalendarEvent | null>(null);
-	let loading = $state(true);
-	let isEditing = $state(false);
-	let showRecurrenceDialog = $state(false);
-	let recurrenceDialogMode = $state<'edit' | 'delete'>('delete');
-	let reminders = $state<Reminder[]>([]);
-
-	// Load event data
-	$effect(() => {
-		loadEvent();
-	});
-
-	async function loadEvent() {
-		loading = true;
-		const result = await api.getEvent(eventId);
-
-		if (result.error || !result.data) {
-			toast.error('Termin nicht gefunden');
-			onClose();
-			return;
-		}
-
-		event = result.data;
-		loading = false;
-
-		// Load reminders for this event
-		const reminderResult = await reminderApi.getReminders(eventId);
-		if (reminderResult.data) {
-			reminders = Array.isArray(reminderResult.data) ? reminderResult.data : [];
-		}
-	}
-
-	async function handleSave(data: UpdateEventInput) {
-		if (!event) return;
-
-		const result = await eventsStore.updateEvent(event.id, data);
-
-		if (result.error) {
-			toast.error(`Fehler beim Speichern: ${result.error.message}`);
-			return;
-		}
-
-		toast.success('Termin aktualisiert');
-		isEditing = false;
-		// Reload event to get updated data
-		await loadEvent();
-	}
-
-	async function handleDelete() {
-		if (!event) return;
-
-		// For recurring events, show the recurrence dialog
-		if (event.recurrenceRule || eventsStore.isRecurrenceOccurrence(event.id)) {
-			recurrenceDialogMode = 'delete';
-			showRecurrenceDialog = true;
-			return;
-		}
-
-		if (!confirm('Möchten Sie diesen Termin wirklich löschen?')) {
-			return;
-		}
-
-		const result = await eventsStore.deleteEvent(event.id);
-
-		if (result.error) {
-			toast.error(`Fehler beim Löschen: ${result.error.message}`);
-			return;
-		}
-
-		toast.success('Termin gelöscht');
-		onClose();
-	}
-
-	async function handleRecurrenceAction(action: 'this' | 'all' | 'this_and_future') {
-		if (!event) return;
-		showRecurrenceDialog = false;
-
-		if (recurrenceDialogMode === 'delete') {
-			let result;
-			if (action === 'this') {
-				result = await eventsStore.deleteRecurrenceOccurrence(event.id);
-			} else {
-				result = await eventsStore.deleteRecurrenceSeries(event.id);
-			}
-			if (!result.error) onClose();
-		}
-	}
-
-	function handleCancel() {
-		if (isEditing) {
-			isEditing = false;
-		} else {
-			onClose();
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-
-	function formatEventTime(event: CalendarEvent): string {
-		if (event.isAllDay) {
-			return 'Ganztägig';
-		}
-		const start = toDate(event.startTime);
-		const end = toDate(event.endTime);
-		return `${format(start, 'PPPp', { locale: de })} - ${format(end, 'p', { locale: de })}`;
-	}
-
-	// Get calendar info for the event
-	let calendarName = $derived(
-		event ? getCalendarById(calendarsCtx.value, event!.calendarId)?.name : undefined
-	);
-	let calendarColor = $derived(
-		event ? getCalendarColorWithBirthdays(calendarsCtx.value, event.calendarId) : '#3b82f6'
-	);
-
-	// Format recurrence rule to human readable text
-	function formatRecurrence(rule: string): string {
-		if (!rule) return '';
-		// Basic RRULE parsing
-		if (rule.includes('FREQ=DAILY')) return 'Täglich';
-		if (rule.includes('FREQ=WEEKLY')) {
-			if (rule.includes('BYDAY=')) {
-				const days = rule.match(/BYDAY=([A-Z,]+)/)?.[1];
-				if (days) {
-					const dayMap: Record<string, string> = {
-						MO: 'Mo',
-						TU: 'Di',
-						WE: 'Mi',
-						TH: 'Do',
-						FR: 'Fr',
-						SA: 'Sa',
-						SU: 'So',
-					};
-					const translatedDays = days
-						.split(',')
-						.map((d) => dayMap[d] || d)
-						.join(', ');
-					return `Wöchentlich (${translatedDays})`;
-				}
-			}
-			return 'Wöchentlich';
-		}
-		if (rule.includes('FREQ=MONTHLY')) return 'Monatlich';
-		if (rule.includes('FREQ=YEARLY')) return 'Jährlich';
-		return 'Wiederkehrend';
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<RecurrenceEditDialog
-	visible={showRecurrenceDialog}
-	mode={recurrenceDialogMode}
-	onSelect={handleRecurrenceAction}
-	onCancel={() => (showRecurrenceDialog = false)}
-/>
-
-<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-<div class="modal-backdrop" onclick={handleBackdropClick} role="presentation">
-	<div
-		class="modal-container"
-		role="dialog"
-		aria-modal="true"
-		aria-labelledby="modal-title"
-		use:focusTrap
-	>
-		{#if loading}
-			<div aria-live="polite" aria-label="Laden...">
-				<EventDetailSkeleton />
-			</div>
-		{:else if event}
-			<div class="modal-header">
-				<h2 id="modal-title" class="modal-title">
-					{isEditing ? 'Termin bearbeiten' : event.title}
-				</h2>
-				<div class="modal-actions">
-					{#if !isEditing}
-						<button class="btn btn-ghost" onclick={() => (isEditing = true)}>
-							<PencilSimple size={16} />
-							Bearbeiten
-						</button>
-						<button class="btn btn-ghost text-destructive" onclick={handleDelete}>
-							<Trash size={16} />
-							Löschen
-						</button>
-					{/if}
-					<button class="btn btn-ghost btn-close" onclick={onClose} aria-label="Schließen">
-						<X size={20} />
-					</button>
-				</div>
-			</div>
-
-			<div class="modal-content">
-				{#if isEditing}
-					<EventForm mode="edit" {event} onSave={handleSave} onCancel={handleCancel} />
-				{:else}
-					<div class="event-details">
-						<!-- Kalender -->
-						{#if calendarName}
-							<div class="detail-row">
-								<span class="detail-icon">
-									<span class="calendar-dot" style="background-color: {calendarColor}"></span>
-								</span>
-								<div class="detail-content">
-									<span class="detail-label">Kalender</span>
-									<span class="detail-value">{calendarName}</span>
-								</div>
-							</div>
-						{/if}
-
-						<!-- Zeit -->
-						<div class="detail-row">
-							<span class="detail-icon">
-								<Clock size={20} />
-							</span>
-							<div class="detail-content">
-								<span class="detail-label">Zeit</span>
-								<span class="detail-value">{formatEventTime(event)}</span>
-							</div>
-						</div>
-
-						<!-- Wiederholung -->
-						{#if event.recurrenceRule}
-							<div class="detail-row">
-								<span class="detail-icon">
-									<ArrowsClockwise size={20} />
-								</span>
-								<div class="detail-content">
-									<span class="detail-label">Wiederholung</span>
-									<span class="detail-value">{formatRecurrence(event.recurrenceRule)}</span>
-								</div>
-							</div>
-						{/if}
-
-						<!-- Erinnerungen -->
-						<div class="detail-row">
-							<span class="detail-icon">
-								<Bell size={20} />
-							</span>
-							<div class="detail-content" style="flex: 1;">
-								<ReminderSelector
-									eventId={event.id}
-									{reminders}
-									onRemindersChange={async () => {
-										const result = await reminderApi.getReminders(eventId);
-										if (result.data) {
-											reminders = Array.isArray(result.data) ? result.data : [];
-										}
-									}}
-								/>
-							</div>
-						</div>
-
-						<!-- Ort -->
-						{#if event.location || event.metadata?.locationDetails}
-							<div class="detail-row">
-								<span class="detail-icon">
-									<MapPin size={20} />
-								</span>
-								<div class="detail-content">
-									<span class="detail-label">Ort</span>
-									{#if event.location}
-										<span class="detail-value">{event.location}</span>
-									{/if}
-									{#if event.metadata?.locationDetails}
-										{@const loc = event.metadata.locationDetails}
-										<div class="address-details">
-											{#if loc.street}
-												<span class="address-line">{loc.street}</span>
-											{/if}
-											{#if loc.postalCode || loc.city}
-												<span class="address-line">
-													{loc.postalCode ? loc.postalCode + ' ' : ''}{loc.city || ''}
-												</span>
-											{/if}
-											{#if loc.country}
-												<span class="address-line">{loc.country}</span>
-											{/if}
-										</div>
-									{/if}
-								</div>
-							</div>
-						{/if}
-
-						<!-- Videokonferenz -->
-						{#if event.metadata?.conferenceUrl}
-							<div class="detail-row">
-								<span class="detail-icon">
-									<VideoCamera size={20} />
-								</span>
-								<div class="detail-content">
-									<span class="detail-label">Videokonferenz</span>
-									<a
-										href={event.metadata.conferenceUrl}
-										target="_blank"
-										rel="noopener noreferrer"
-										class="detail-link"
-									>
-										Beitreten
-										<ArrowSquareOut size={14} />
-									</a>
-								</div>
-							</div>
-						{/if}
-
-						<!-- Event-URL -->
-						{#if event.metadata?.url}
-							<div class="detail-row">
-								<span class="detail-icon">
-									<Link size={20} />
-								</span>
-								<div class="detail-content">
-									<span class="detail-label">Link</span>
-									<a
-										href={event.metadata.url}
-										target="_blank"
-										rel="noopener noreferrer"
-										class="detail-link"
-									>
-										{new URL(event.metadata.url).hostname}
-										<ArrowSquareOut size={14} />
-									</a>
-								</div>
-							</div>
-						{/if}
-
-						<!-- Beschreibung -->
-						{#if event.description}
-							<div class="detail-row">
-								<span class="detail-icon">
-									<TextAlignLeft size={20} />
-								</span>
-								<div class="detail-content">
-									<span class="detail-label">Beschreibung</span>
-									<span class="detail-value description">{event.description}</span>
-								</div>
-							</div>
-						{/if}
-
-						<!-- Tags -->
-						{#if event.tags && event.tags.length > 0}
-							<div class="detail-row">
-								<span class="detail-icon">
-									<Tag size={20} />
-								</span>
-								<div class="detail-content">
-									<span class="detail-label">Tags</span>
-									<div class="tags-display">
-										{#each event.tags as tag (tag.id)}
-											<TagBadge tag={{ name: tag.name, color: tag.color }} />
-										{/each}
-									</div>
-								</div>
-							</div>
-						{/if}
-
-						<!-- Teilnehmer -->
-						{#if event.metadata?.attendees && event.metadata.attendees.length > 0}
-							<div class="detail-row">
-								<span class="detail-icon">
-									<UsersThree size={20} />
-								</span>
-								<div class="detail-content">
-									<span class="detail-label">Teilnehmer ({event.metadata.attendees.length})</span>
-									<div class="attendees-list">
-										{#each event.metadata.attendees as attendee}
-											<div class="attendee">
-												<span class="attendee-name">{attendee.name || attendee.email}</span>
-												{#if attendee.status}
-													<span
-														class="attendee-status"
-														class:accepted={attendee.status === 'accepted'}
-														class:declined={attendee.status === 'declined'}
-														class:tentative={attendee.status === 'tentative'}
-													>
-														{attendee.status === 'accepted'
-															? '✓'
-															: attendee.status === 'declined'
-																? '✗'
-																: '?'}
-													</span>
-												{/if}
-											</div>
-										{/each}
-									</div>
-								</div>
-							</div>
-						{/if}
-					</div>
-				{/if}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 100;
-		padding: 1rem;
-		animation: fade-in 150ms ease;
-	}
-
-	@keyframes fade-in {
-		from {
-			opacity: 0;
-		}
-		to {
-			opacity: 1;
-		}
-	}
-
-	.modal-container {
-		background: var(--color-surface-elevated-2);
-		border: 1px solid var(--color-border-strong);
-		border-radius: var(--radius-lg);
-		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
-		width: 100%;
-		max-width: 500px;
-		max-height: 90vh;
-		overflow: hidden;
-		display: flex;
-		flex-direction: column;
-		animation: slide-up 200ms ease;
-	}
-
-	@keyframes slide-up {
-		from {
-			opacity: 0;
-			transform: translateY(20px) scale(0.95);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0) scale(1);
-		}
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1.25rem;
-		border-bottom: 1px solid hsl(var(--color-border));
-		gap: 1rem;
-	}
-
-	.modal-title {
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		margin: 0;
-		flex: 1;
-		min-width: 0;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.modal-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		flex-shrink: 0;
-	}
-
-	.modal-content {
-		flex: 1;
-		overflow-y: auto;
-		padding: 1.25rem;
-	}
-
-	.event-details {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.detail-row {
-		display: flex;
-		gap: 0.75rem;
-		align-items: flex-start;
-	}
-
-	.detail-icon {
-		color: hsl(var(--color-muted-foreground));
-		flex-shrink: 0;
-		margin-top: 0.125rem;
-	}
-
-	.detail-content {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-		min-width: 0;
-	}
-
-	.detail-label {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-	}
-
-	.detail-value {
-		font-size: 0.9375rem;
-		color: hsl(var(--color-foreground));
-	}
-
-	.detail-value.description {
-		white-space: pre-wrap;
-		line-height: 1.5;
-	}
-
-	.btn {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.75rem;
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 150ms ease;
-		border: none;
-	}
-
-	.btn-ghost {
-		background: transparent;
-		color: hsl(var(--color-foreground));
-	}
-
-	.btn-ghost:hover {
-		background: hsl(var(--color-muted));
-	}
-
-	.btn-close {
-		padding: 0.5rem;
-	}
-
-	.text-destructive {
-		color: hsl(var(--color-error));
-	}
-
-	.text-destructive:hover {
-		background: hsl(var(--color-error) / 0.1);
-	}
-
-	/* Calendar dot */
-	.calendar-dot {
-		width: 12px;
-		height: 12px;
-		border-radius: 50%;
-		display: inline-block;
-		margin-top: 4px;
-	}
-
-	/* Links */
-	.detail-link {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.25rem;
-		color: hsl(var(--color-primary));
-		text-decoration: none;
-		font-size: 0.9375rem;
-	}
-
-	.detail-link:hover {
-		text-decoration: underline;
-	}
-
-	/* Attendees */
-	.attendees-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-		margin-top: 0.25rem;
-	}
-
-	.attendee {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.875rem;
-	}
-
-	.attendee-name {
-		color: hsl(var(--color-foreground));
-	}
-
-	.attendee-status {
-		font-size: 0.75rem;
-		padding: 0.125rem 0.375rem;
-		border-radius: var(--radius-sm);
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.attendee-status.accepted {
-		background: hsl(var(--color-success) / 0.15);
-		color: hsl(var(--color-success));
-	}
-
-	.attendee-status.declined {
-		background: hsl(var(--color-error) / 0.15);
-		color: hsl(var(--color-error));
-	}
-
-	.attendee-status.tentative {
-		background: hsl(var(--color-warning) / 0.15);
-		color: hsl(var(--color-warning));
-	}
-
-	/* Address details */
-	.address-details {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-		margin-top: 0.25rem;
-		padding-left: 0.5rem;
-		border-left: 2px solid hsl(var(--color-border));
-	}
-
-	.address-line {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	/* Tags display */
-	.tags-display {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		margin-top: 0.25rem;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/event/EventForm.svelte b/apps/calendar/apps/web-archived/src/lib/components/event/EventForm.svelte
deleted file mode 100644
index 25f494e50..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/event/EventForm.svelte
+++ /dev/null
@@ -1,512 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { getDefaultCalendar } from '$lib/data/queries';
-	import type { Calendar } from '@calendar/shared';
-	import type { Tag as SharedTag } from '@manacore/shared-tags';
-
-	// Live data from layout context
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-	const tagsCtx: { readonly value: SharedTag[] } = getContext('tags');
-	import { CaretRight } from '@manacore/shared-icons';
-	import {
-		TagSelector,
-		FilterDropdown,
-		type Tag,
-		type FilterDropdownOption,
-	} from '@manacore/shared-ui';
-	import AttendeeSelector from './AttendeeSelector.svelte';
-	import ResponsiblePersonSelector from './ResponsiblePersonSelector.svelte';
-	import RecurrenceSelector from './RecurrenceSelector.svelte';
-	import ReminderSelector from './ReminderSelector.svelte';
-	import type {
-		CalendarEvent,
-		CreateEventInput,
-		UpdateEventInput,
-		LocationDetails,
-		EventTag,
-		EventAttendee,
-		ResponsiblePerson,
-	} from '@calendar/shared';
-	import { format, addMinutes } from 'date-fns';
-	import { toDate } from '$lib/utils/eventDateHelpers';
-
-	interface ReminderDraft {
-		minutesBefore: number;
-		notifyPush: boolean;
-		notifyEmail: boolean;
-	}
-
-	interface Props {
-		mode: 'create' | 'edit';
-		event?: CalendarEvent;
-		initialStartTime?: Date | null;
-		onSave: (data: CreateEventInput | UpdateEventInput, reminderDrafts?: ReminderDraft[]) => void;
-		onCancel: () => void;
-	}
-
-	let { mode, event, initialStartTime, onSave, onCancel }: Props = $props();
-
-	// Form state
-	let title = $state(event?.title || '');
-	let description = $state(event?.description || '');
-	let location = $state(event?.location || '');
-	let isAllDay = $state(event?.isAllDay || false);
-	let calendarId = $state(event?.calendarId || '');
-	let allDayDisplayMode = $state<'default' | 'header' | 'block'>(
-		event?.metadata?.allDayDisplayMode || 'default'
-	);
-
-	// Location details state
-	let showLocationDetails = $state(false);
-	let locationStreet = $state(event?.metadata?.locationDetails?.street || '');
-	let locationPostalCode = $state(event?.metadata?.locationDetails?.postalCode || '');
-	let locationCity = $state(event?.metadata?.locationDetails?.city || '');
-	let locationCountry = $state(event?.metadata?.locationDetails?.country || '');
-
-	// Tags state - store as Tag[] for compatibility with TagSelector
-	let selectedTags = $state<Tag[]>(
-		event?.tags?.map((t) => ({
-			id: t.id,
-			name: t.name,
-			color: t.color,
-		})) || []
-	);
-
-	// Responsible person state
-	let responsiblePerson = $state<ResponsiblePerson | null>(
-		event?.metadata?.responsiblePerson || null
-	);
-
-	// Attendees state
-	let attendees = $state<EventAttendee[]>(event?.metadata?.attendees || []);
-
-	// Reminder drafts (for create mode)
-	let reminderDrafts = $state<ReminderDraft[]>([
-		{
-			minutesBefore: settingsStore.defaultReminder,
-			notifyPush: true,
-			notifyEmail: false,
-		},
-	]);
-
-	// Recurrence state
-	let recurrenceRule = $state<string | null>(event?.recurrenceRule || null);
-	let recurrenceEndDate = $state<string | null>(
-		event?.recurrenceEndDate ? format(toDate(event.recurrenceEndDate), 'yyyy-MM-dd') : null
-	);
-
-	// Convert EventTag to Tag type for shared-ui components
-	function eventTagToTag(tag: SharedTag): Tag {
-		return {
-			id: tag.id,
-			name: tag.name,
-			color: tag.color,
-		};
-	}
-
-	// Handle tag selection changes
-	function handleTagsChange(newTags: Tag[]) {
-		selectedTags = newTags;
-	}
-
-	// Derived available tags for TagSelector
-	let availableTags = $derived(tagsCtx.value.map(eventTagToTag));
-
-	// Calendar options for FilterDropdown
-	let calendarOptions = $derived<FilterDropdownOption[]>(
-		calendarsCtx.value.map((cal) => ({ value: cal.id, label: cal.name }))
-	);
-
-	// All-day display mode options
-	const displayModeOptions: FilterDropdownOption[] = [
-		{ value: 'default', label: 'Standard (aus Einstellungen)' },
-		{ value: 'header', label: 'In Kopfzeile' },
-		{ value: 'block', label: 'Als Tagesblock' },
-	];
-
-	// Auto-expand location details if any field is filled
-	$effect(() => {
-		if (event?.metadata?.locationDetails) {
-			const details = event.metadata.locationDetails;
-			if (details.street || details.postalCode || details.city || details.country) {
-				showLocationDetails = true;
-			}
-		}
-	});
-
-	// Set default calendar when calendars are loaded
-	$effect(() => {
-		const defaultCal = getDefaultCalendar(calendarsCtx.value);
-		if (!calendarId && defaultCal?.id) {
-			calendarId = defaultCal.id;
-		}
-	});
-
-	// Date/time handling
-	let startDate = $state('');
-	let startTime = $state('');
-	let endDate = $state('');
-	let endTime = $state('');
-
-	// Initialize date/time fields using settings for default duration
-	$effect(() => {
-		if (event) {
-			const start = toDate(event.startTime);
-			const end = toDate(event.endTime);
-			startDate = format(start, 'yyyy-MM-dd');
-			startTime = format(start, 'HH:mm');
-			endDate = format(end, 'yyyy-MM-dd');
-			endTime = format(end, 'HH:mm');
-		} else if (initialStartTime) {
-			// Use default event duration from settings
-			const end = addMinutes(initialStartTime, settingsStore.defaultEventDuration);
-			startDate = format(initialStartTime, 'yyyy-MM-dd');
-			startTime = format(initialStartTime, 'HH:mm');
-			endDate = format(end, 'yyyy-MM-dd');
-			endTime = format(end, 'HH:mm');
-		} else {
-			const now = new Date();
-			now.setMinutes(0, 0, 0);
-			// Use default event duration from settings
-			const end = addMinutes(now, settingsStore.defaultEventDuration);
-			startDate = format(now, 'yyyy-MM-dd');
-			startTime = format(now, 'HH:mm');
-			endDate = format(end, 'yyyy-MM-dd');
-			endTime = format(end, 'HH:mm');
-		}
-	});
-
-	let submitting = $state(false);
-
-	function handleSubmit(e: Event) {
-		e.preventDefault();
-
-		if (!title.trim()) return;
-		// calendarId is now optional - backend will use/create default calendar if not provided
-
-		const startDateTime = new Date(`${startDate}T${isAllDay ? '00:00' : startTime}`);
-		const endDateTime = new Date(`${endDate}T${isAllDay ? '23:59' : endTime}`);
-
-		// Build location details if any field is filled
-		const locationDetails: LocationDetails | undefined =
-			locationStreet.trim() ||
-			locationPostalCode.trim() ||
-			locationCity.trim() ||
-			locationCountry.trim()
-				? {
-						street: locationStreet.trim() || undefined,
-						postalCode: locationPostalCode.trim() || undefined,
-						city: locationCity.trim() || undefined,
-						country: locationCountry.trim() || undefined,
-					}
-				: undefined;
-
-		// Build metadata
-		let metadata = { ...(event?.metadata || {}) };
-
-		// Add display mode if not default
-		if (isAllDay && allDayDisplayMode !== 'default') {
-			metadata.allDayDisplayMode = allDayDisplayMode as 'header' | 'block';
-		} else {
-			delete metadata.allDayDisplayMode;
-		}
-
-		// Add location details
-		if (locationDetails) {
-			metadata.locationDetails = locationDetails;
-		} else {
-			delete metadata.locationDetails;
-		}
-
-		// Add responsible person
-		if (responsiblePerson) {
-			metadata.responsiblePerson = responsiblePerson;
-		} else {
-			delete metadata.responsiblePerson;
-		}
-
-		// Add attendees
-		if (attendees.length > 0) {
-			metadata.attendees = attendees;
-		} else {
-			delete metadata.attendees;
-		}
-
-		// Only include metadata if it has properties
-		const finalMetadata = Object.keys(metadata).length > 0 ? metadata : undefined;
-
-		const data: CreateEventInput | UpdateEventInput = {
-			title: title.trim(),
-			description: description.trim() || undefined,
-			location: location.trim() || undefined,
-			isAllDay,
-			startTime: startDateTime.toISOString(),
-			endTime: endDateTime.toISOString(),
-			// Only include calendarId if set - backend will use default if not provided
-			...(calendarId ? { calendarId } : {}),
-			recurrenceRule: recurrenceRule || undefined,
-			recurrenceEndDate: recurrenceEndDate
-				? new Date(`${recurrenceEndDate}T23:59:59`).toISOString()
-				: undefined,
-			metadata: finalMetadata,
-			tagIds: selectedTags.length > 0 ? selectedTags.map((t) => t.id) : undefined,
-		};
-
-		submitting = true;
-		onSave(data, mode === 'create' ? reminderDrafts : undefined);
-	}
-</script>
-
-<form
-	onsubmit={handleSubmit}
-	class="flex flex-col gap-4"
-	aria-label={mode === 'create' ? 'Termin erstellen' : 'Termin bearbeiten'}
->
-	<div class="flex flex-col gap-2">
-		<label for="title" class="text-sm font-medium text-foreground">Titel *</label>
-		<input
-			type="text"
-			id="title"
-			class="w-full px-3 py-2 border-2 border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors"
-			bind:value={title}
-			placeholder="Terminname eingeben"
-			required
-		/>
-	</div>
-
-	<div class="flex flex-col gap-2">
-		<span class="text-sm font-medium text-foreground">Kalender</span>
-		{#if calendarsCtx.value.length > 0}
-			<FilterDropdown
-				options={calendarOptions}
-				value={calendarId}
-				onChange={(v) => (calendarId = typeof v === 'string' ? v : '')}
-				placeholder="Kalender wählen"
-			/>
-		{:else}
-			<p class="text-sm text-muted-foreground italic">Standardkalender wird automatisch erstellt</p>
-		{/if}
-	</div>
-
-	<div class="flex flex-col gap-2">
-		<label class="flex items-center gap-2 cursor-pointer">
-			<input type="checkbox" bind:checked={isAllDay} class="w-4 h-4 accent-primary" />
-			<span class="text-sm font-medium text-foreground">Ganztägig</span>
-		</label>
-	</div>
-
-	{#if isAllDay}
-		<div class="flex flex-col gap-2">
-			<span class="text-sm font-medium text-foreground">Anzeigeart</span>
-			<FilterDropdown
-				options={displayModeOptions}
-				value={allDayDisplayMode}
-				onChange={(v) => (allDayDisplayMode = (v as 'default' | 'header' | 'block') || 'default')}
-				placeholder="Anzeigeart wählen"
-			/>
-		</div>
-	{/if}
-
-	<div class="flex gap-4">
-		<div class="flex-1 flex flex-col gap-2">
-			<label for="startDate" class="text-sm font-medium text-foreground">Beginn</label>
-			<input
-				type="date"
-				id="startDate"
-				class="w-full px-3 py-2 border-2 border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors"
-				bind:value={startDate}
-				required
-			/>
-		</div>
-		{#if !isAllDay}
-			<div class="flex-1 flex flex-col gap-2">
-				<label for="startTime" class="text-sm font-medium text-foreground">Uhrzeit</label>
-				<input
-					type="time"
-					id="startTime"
-					class="w-full px-3 py-2 border-2 border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors"
-					bind:value={startTime}
-					required
-				/>
-			</div>
-		{/if}
-	</div>
-
-	<div class="flex gap-4">
-		<div class="flex-1 flex flex-col gap-2">
-			<label for="endDate" class="text-sm font-medium text-foreground">Ende</label>
-			<input
-				type="date"
-				id="endDate"
-				class="w-full px-3 py-2 border-2 border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors"
-				bind:value={endDate}
-				required
-			/>
-		</div>
-		{#if !isAllDay}
-			<div class="flex-1 flex flex-col gap-2">
-				<label for="endTime" class="text-sm font-medium text-foreground">Uhrzeit</label>
-				<input
-					type="time"
-					id="endTime"
-					class="w-full px-3 py-2 border-2 border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors"
-					bind:value={endTime}
-					required
-				/>
-			</div>
-		{/if}
-	</div>
-
-	<!-- Wiederholung -->
-	<RecurrenceSelector
-		{recurrenceRule}
-		{recurrenceEndDate}
-		onRecurrenceChange={(rule, endDt) => {
-			recurrenceRule = rule;
-			recurrenceEndDate = endDt;
-		}}
-	/>
-
-	<!-- Erinnerungen -->
-	<ReminderSelector
-		eventId={mode === 'edit' ? (event?.id ?? null) : null}
-		onDraftsChange={(drafts) => (reminderDrafts = drafts)}
-	/>
-
-	<div class="flex flex-col gap-2">
-		<label for="location" class="text-sm font-medium text-foreground">Ort</label>
-		<input
-			type="text"
-			id="location"
-			class="w-full px-3 py-2 border-2 border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors"
-			bind:value={location}
-			placeholder="Ortsname oder Beschreibung"
-		/>
-
-		<!-- Toggle for address details -->
-		<button
-			type="button"
-			class="flex items-center gap-1 text-sm text-primary hover:text-primary/80 transition-colors self-start"
-			onclick={() => (showLocationDetails = !showLocationDetails)}
-			aria-expanded={showLocationDetails}
-			aria-controls="location-details"
-		>
-			<CaretRight size={16} class="transition-transform {showLocationDetails ? 'rotate-90' : ''}" />
-			{showLocationDetails ? 'Adressdetails ausblenden' : 'Adressdetails hinzufügen'}
-		</button>
-
-		<!-- Address detail fields -->
-		{#if showLocationDetails}
-			<div
-				id="location-details"
-				class="flex flex-col gap-3 p-3 bg-muted/50 rounded-lg border border-border mt-1"
-			>
-				<div class="flex flex-col gap-1">
-					<label for="street" class="text-xs font-medium text-muted-foreground">Straße</label>
-					<input
-						type="text"
-						id="street"
-						class="w-full px-3 py-2 border border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors text-sm"
-						bind:value={locationStreet}
-						placeholder="Musterstraße 123"
-					/>
-				</div>
-
-				<div class="flex gap-3">
-					<div class="flex flex-col gap-1 w-1/3">
-						<label for="postalCode" class="text-xs font-medium text-muted-foreground">PLZ</label>
-						<input
-							type="text"
-							id="postalCode"
-							class="w-full px-3 py-2 border border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors text-sm"
-							bind:value={locationPostalCode}
-							placeholder="12345"
-						/>
-					</div>
-					<div class="flex flex-col gap-1 flex-1">
-						<label for="city" class="text-xs font-medium text-muted-foreground">Stadt</label>
-						<input
-							type="text"
-							id="city"
-							class="w-full px-3 py-2 border border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors text-sm"
-							bind:value={locationCity}
-							placeholder="Musterstadt"
-						/>
-					</div>
-				</div>
-
-				<div class="flex flex-col gap-1">
-					<label for="country" class="text-xs font-medium text-muted-foreground">Land</label>
-					<input
-						type="text"
-						id="country"
-						class="w-full px-3 py-2 border border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors text-sm"
-						bind:value={locationCountry}
-						placeholder="Deutschland"
-					/>
-				</div>
-			</div>
-		{/if}
-	</div>
-
-	<div class="flex flex-col gap-2">
-		<label for="description" class="text-sm font-medium text-foreground">Beschreibung</label>
-		<textarea
-			id="description"
-			class="w-full px-3 py-2 border-2 border-border rounded-lg bg-background text-foreground focus:outline-none focus:border-primary transition-colors resize-y min-h-20"
-			rows="3"
-			bind:value={description}
-			placeholder="Beschreibung hinzufügen"
-		></textarea>
-	</div>
-
-	<!-- Tags -->
-	{#if availableTags.length > 0}
-		<div class="flex flex-col gap-2">
-			<span class="text-sm font-medium text-foreground">Tags</span>
-			<TagSelector
-				tags={availableTags}
-				{selectedTags}
-				onTagsChange={handleTagsChange}
-				placeholder="Tags auswählen..."
-				addTagLabel="Tag hinzufügen"
-			/>
-		</div>
-	{/if}
-
-	<!-- Verantwortliche Person -->
-	<div class="flex flex-col gap-2">
-		<span class="text-sm font-medium text-foreground">Verantwortliche Person</span>
-		<ResponsiblePersonSelector
-			{responsiblePerson}
-			onResponsiblePersonChange={(person) => (responsiblePerson = person)}
-		/>
-	</div>
-
-	<!-- Teilnehmer -->
-	<div class="flex flex-col gap-2">
-		<span class="text-sm font-medium text-foreground">Teilnehmer</span>
-		<AttendeeSelector
-			{attendees}
-			onAttendeesChange={(newAttendees) => (attendees = newAttendees)}
-		/>
-	</div>
-
-	<div class="flex justify-end gap-3 pt-4 border-t border-border">
-		<button
-			type="button"
-			class="px-4 py-2 rounded-lg font-medium text-foreground bg-transparent hover:bg-muted transition-colors"
-			onclick={onCancel}
-		>
-			Abbrechen
-		</button>
-		<button
-			type="submit"
-			class="px-4 py-2 rounded-lg font-medium text-primary-foreground bg-primary hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-			disabled={submitting || !title.trim()}
-		>
-			{mode === 'create' ? 'Erstellen' : 'Speichern'}
-		</button>
-	</div>
-</form>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/event/QuickEventOverlay.svelte b/apps/calendar/apps/web-archived/src/lib/components/event/QuickEventOverlay.svelte
deleted file mode 100644
index a6dd0c635..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/event/QuickEventOverlay.svelte
+++ /dev/null
@@ -1,1816 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { eventsStore } from '$lib/stores/events.svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { getDefaultCalendar, getCalendarColorWithBirthdays } from '$lib/data/queries';
-	import type { Calendar } from '@calendar/shared';
-	import { contactsStore } from '$lib/stores/contacts.svelte';
-	import RecurrenceEditDialog from './RecurrenceEditDialog.svelte';
-	import RecurrenceSelector from './RecurrenceSelector.svelte';
-	import type {
-		LocationDetails,
-		CalendarEvent,
-		ResponsiblePerson,
-		EventAttendee,
-	} from '@calendar/shared';
-	import type { ContactSummary, ContactOrManual, ManualContactEntry } from '@manacore/shared-types';
-	import {
-		ContactSelector,
-		ContactAvatar,
-		ConfirmationPopover,
-		FilterDropdown,
-		toastStore as toast,
-		type FilterDropdownOption,
-	} from '@manacore/shared-ui';
-	import {
-		Users,
-		Trash,
-		X,
-		Clock,
-		CalendarBlank,
-		ArrowsClockwise,
-		MapPin,
-		CaretRight,
-		TextAlignLeft,
-	} from '@manacore/shared-icons';
-	import { format, addMinutes } from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import { toDate } from '$lib/utils/eventDateHelpers';
-	import { tick, onMount, onDestroy } from 'svelte';
-	import {
-		parseEventInput,
-		formatParsedEventPreview,
-		type ParsedEvent,
-	} from '$lib/utils/event-parser';
-	import {
-		estimateEventDuration,
-		detectConflicts,
-		type HistoricalEventData,
-		type DurationEstimate,
-		type ConflictResult,
-	} from '$lib/utils/event-estimator';
-	import { eventCollection } from '$lib/data/local-store';
-
-	// Portal action - moves element to body to escape stacking contexts
-	function portal(node: HTMLElement) {
-		document.body.appendChild(node);
-		return {
-			destroy() {
-				node.remove();
-			},
-		};
-	}
-
-	interface Props {
-		startTime?: Date;
-		event?: CalendarEvent;
-		onClose: () => void;
-		onCreated?: () => void;
-		onUpdated?: () => void;
-		onDeleted?: () => void;
-	}
-
-	let { startTime, event, onClose, onCreated, onUpdated, onDeleted }: Props = $props();
-
-	// Get calendars from layout context (live query)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-
-	// Mode: create or edit
-	let isEditMode = $derived(!!event);
-
-	// Input ref for programmatic focus
-	let titleInputRef = $state<HTMLInputElement | null>(null);
-
-	// Position tracking
-	let overlayPosition = $state({ left: 0, top: 0 });
-	let positionInitialized = $state(false);
-
-	// Track when draft event was last modified (to ignore clicks after drag/resize)
-	let lastDraftUpdateTime = $state(0);
-
-	// Calculate position relative to draft event element or existing event
-	function updatePosition() {
-		if (typeof window === 'undefined') return;
-
-		// In edit mode, position relative to the existing event element
-		const eventSelector = isEditMode
-			? `[data-event-id="${event!.id}"]`
-			: '[data-event-id="__draft__"]';
-		const eventElement = document.querySelector(eventSelector);
-
-		if (!eventElement) {
-			// Fallback: center in viewport
-			const viewportWidth = window.innerWidth;
-			const viewportHeight = window.innerHeight;
-			overlayPosition = {
-				left: Math.max(16, (viewportWidth - 380) / 2),
-				top: Math.max(16, (viewportHeight - 450) / 2),
-			};
-			positionInitialized = true;
-			return;
-		}
-
-		const rect = eventElement.getBoundingClientRect();
-		const overlayWidth = 380;
-		const maxOverlayHeight = 450;
-		const margin = 16;
-		const gap = 8; // Gap between event and overlay
-
-		const viewportWidth = window.innerWidth;
-		const viewportHeight = window.innerHeight;
-
-		// Try to position to the right of the event
-		let left = rect.right + gap;
-		let top = rect.top;
-
-		// If not enough space on the right, try left side
-		if (left + overlayWidth > viewportWidth - margin) {
-			left = rect.left - overlayWidth - gap;
-		}
-
-		// If still no space, position below/above
-		if (left < margin) {
-			left = Math.max(margin, Math.min(rect.left, viewportWidth - overlayWidth - margin));
-			top = rect.bottom + gap;
-
-			// If no space below, position above
-			if (top + maxOverlayHeight > viewportHeight - margin) {
-				top = rect.top - maxOverlayHeight - gap;
-			}
-		}
-
-		// Final clamps
-		left = Math.max(margin, Math.min(left, viewportWidth - overlayWidth - margin));
-		top = Math.max(margin, Math.min(top, viewportHeight - maxOverlayHeight - margin));
-
-		overlayPosition = { left, top };
-		positionInitialized = true;
-	}
-
-	// Handle clicks outside overlay (but allow clicks on event)
-	function handleDocumentClick(e: MouseEvent) {
-		// Ignore clicks within 250ms of draft event update (drag/resize just ended)
-		if (Date.now() - lastDraftUpdateTime < 250) {
-			return;
-		}
-
-		const target = e.target as HTMLElement;
-
-		// If target was removed from DOM by state change (e.g., button that toggles its own visibility),
-		// ignore the click to prevent false "outside" detection
-		if (!target.isConnected) {
-			return;
-		}
-
-		const overlay = document.querySelector('.quick-event-overlay');
-		const eventSelector = isEditMode
-			? `[data-event-id="${event!.id}"]`
-			: '[data-event-id="__draft__"]';
-		const eventElement = document.querySelector(eventSelector);
-
-		// Don't close if clicking on overlay or event element
-		if (overlay?.contains(target) || eventElement?.contains(target)) {
-			return;
-		}
-
-		// Close overlay for clicks outside
-		onClose();
-	}
-
-	onMount(() => {
-		// Initial position calculation with slight delay for DOM update
-		requestAnimationFrame(() => {
-			updatePosition();
-		});
-
-		// Add click listener with slight delay to avoid immediate close
-		setTimeout(() => {
-			document.addEventListener('click', handleDocumentClick);
-		}, 100);
-	});
-
-	onDestroy(() => {
-		document.removeEventListener('click', handleDocumentClick);
-	});
-
-	// Update position when draft event changes (user dragged it) - only in create mode
-	$effect(() => {
-		if (!isEditMode) {
-			const draft = eventsStore.draftEvent;
-			if (draft && positionInitialized) {
-				// Track when draft was updated (for click ignore logic)
-				lastDraftUpdateTime = Date.now();
-
-				// Use requestAnimationFrame to wait for DOM update
-				requestAnimationFrame(() => {
-					updatePosition();
-				});
-			}
-		}
-	});
-
-	// Focus input when overlay opens
-	$effect(() => {
-		if (titleInputRef) {
-			tick().then(() => {
-				titleInputRef?.focus();
-				// Select all text in edit mode for easy replacement
-				if (isEditMode) {
-					titleInputRef?.select();
-				}
-			});
-		}
-	});
-
-	// Form state - initialize from event (edit mode) or draft event (create mode)
-	let title = $state('');
-	let calendarId = $state('');
-	let description = $state('');
-	let location = $state('');
-	let isAllDay = $state(false);
-	let allDayDisplayMode = $state<'default' | 'header' | 'block'>('default');
-
-	// Location details state
-	let showLocationDetails = $state(false);
-	let locationStreet = $state('');
-	let locationPostalCode = $state('');
-	let locationCity = $state('');
-	let locationCountry = $state('');
-	let submitting = $state(false);
-	let showRecurrenceDialog = $state(false);
-	let recurrenceRule = $state<string | null>(null);
-	let recurrenceEndDate = $state<string | null>(null);
-
-	// People state
-	let responsiblePerson = $state<ResponsiblePerson | null>(null);
-	let attendees = $state<EventAttendee[]>([]);
-	let showPeopleSelector = $state(false);
-	let contactsAvailable = $state<boolean | null>(null);
-
-	// All-day display mode options
-	const displayModeOptions: FilterDropdownOption[] = [
-		{ value: 'default', label: 'Standard (aus Einstellungen)' },
-		{ value: 'header', label: 'In Kopfzeile' },
-		{ value: 'block', label: 'Als Tagesblock' },
-	];
-
-	// Check contacts availability
-	$effect(() => {
-		contactsStore.checkAvailability().then((available) => {
-			contactsAvailable = available;
-		});
-	});
-
-	// ─── NL Parser State ───────────────────────────────────
-	let parsePreview = $state('');
-	let parsedEvent = $state<ParsedEvent | null>(null);
-	let autoEstimatedDuration = $state<number | null>(null);
-	let conflictResult = $state<ConflictResult | null>(null);
-	let estimateDebounce: ReturnType<typeof setTimeout> | undefined;
-	let parserApplied = $state(false); // track if we already applied parser results
-
-	// Parse title input in create mode for NL detection
-	function parseTitle(text: string) {
-		if (isEditMode || !text.trim()) {
-			parsePreview = '';
-			parsedEvent = null;
-			autoEstimatedDuration = null;
-			conflictResult = null;
-			return;
-		}
-
-		const parsed = parseEventInput(text);
-		parsedEvent = parsed;
-		parsePreview = formatParsedEventPreview(parsed);
-
-		// Debounced estimation + conflict check
-		clearTimeout(estimateDebounce);
-		estimateDebounce = setTimeout(() => runSmartFeatures(parsed), 400);
-	}
-
-	async function runSmartFeatures(parsed: ParsedEvent) {
-		try {
-			const allEvents = await eventCollection.getAll();
-
-			// Auto-estimate duration (only if no explicit duration and smart duration enabled)
-			if (settingsStore.smartDurationEnabled && !parsed.duration && parsed.title) {
-				const history: HistoricalEventData[] = allEvents.map((e) => ({
-					title: e.title,
-					calendarId: e.calendarId,
-					startDate: e.startDate,
-					endDate: e.endDate,
-					allDay: e.allDay,
-				}));
-				const estimate = estimateEventDuration(
-					{ title: parsed.title, calendarId: calendarId || undefined },
-					history
-				);
-				autoEstimatedDuration = estimate?.minutes ?? settingsStore.defaultEventDuration;
-			} else {
-				autoEstimatedDuration = null;
-			}
-
-			// Conflict detection (only if we have a start+end time)
-			if (parsed.startDate && parsed.endDate) {
-				conflictResult = detectConflicts(
-					parsed.startDate.toISOString(),
-					parsed.endDate.toISOString(),
-					allEvents.map((e) => ({
-						id: e.id,
-						title: e.title,
-						startDate: e.startDate,
-						endDate: e.endDate,
-						calendarId: e.calendarId,
-						allDay: e.allDay,
-					}))
-				);
-			} else {
-				conflictResult = null;
-			}
-		} catch {
-			autoEstimatedDuration = null;
-			conflictResult = null;
-		}
-	}
-
-	/** Apply parsed NL results to form fields */
-	function applyParsedToForm() {
-		if (!parsedEvent || parserApplied) return;
-
-		const parsed = parsedEvent;
-
-		// Set clean title (without NL tokens)
-		title = parsed.title;
-
-		// Apply calendar if matched
-		if (parsed.calendarName) {
-			const matchedCal = calendarsCtx.value.find(
-				(c) => c.name.toLowerCase() === parsed.calendarName!.toLowerCase()
-			);
-			if (matchedCal) {
-				calendarId = matchedCal.id;
-				eventsStore.updateDraftEvent({ calendarId: matchedCal.id });
-			}
-		}
-
-		// Apply date/time
-		if (parsed.startDate) {
-			startDateStr = format(parsed.startDate, 'yyyy-MM-dd');
-			startTimeStr = format(parsed.startDate, 'HH:mm');
-		}
-		if (parsed.endDate) {
-			endDateStr = format(parsed.endDate, 'yyyy-MM-dd');
-			endTimeStr = format(parsed.endDate, 'HH:mm');
-		}
-
-		// Apply all-day
-		if (parsed.isAllDay) {
-			isAllDay = true;
-		}
-
-		// Apply location
-		if (parsed.location) {
-			location = parsed.location;
-		}
-
-		// Apply recurrence
-		if (parsed.recurrenceRule) {
-			recurrenceRule = parsed.recurrenceRule;
-		}
-
-		// Auto-apply estimated duration to endDate if no explicit end was parsed
-		if (
-			settingsStore.smartDurationEnabled &&
-			!parsed.duration &&
-			parsed.startDate &&
-			autoEstimatedDuration
-		) {
-			const endDate = new Date(parsed.startDate.getTime() + autoEstimatedDuration * 60_000);
-			endDateStr = format(endDate, 'yyyy-MM-dd');
-			endTimeStr = format(endDate, 'HH:mm');
-		}
-
-		// Update draft event with new times
-		updateDraftTimes();
-		parserApplied = true;
-
-		// Clear preview after applying
-		parsePreview = '';
-		autoEstimatedDuration = null;
-	}
-
-	// Editable date/time strings (for form inputs)
-	let startDateStr = $state('');
-	let startTimeStr = $state('');
-	let endDateStr = $state('');
-	let endTimeStr = $state('');
-
-	// Initialize form state from event in edit mode
-	$effect(() => {
-		if (isEditMode && event) {
-			title = event.title || '';
-			calendarId = event.calendarId || '';
-			description = event.description || '';
-			location = event.location || '';
-			isAllDay = event.isAllDay || false;
-			allDayDisplayMode =
-				(event.metadata?.allDayDisplayMode as 'default' | 'header' | 'block') || 'default';
-
-			// Initialize location details
-			const loc = event.metadata?.locationDetails;
-			if (loc) {
-				showLocationDetails = true;
-				locationStreet = loc.street || '';
-				locationPostalCode = loc.postalCode || '';
-				locationCity = loc.city || '';
-				locationCountry = loc.country || '';
-			}
-
-			// Initialize people
-			responsiblePerson = event.metadata?.responsiblePerson || null;
-			attendees = event.metadata?.attendees || [];
-
-			// Initialize recurrence
-			recurrenceRule = event.recurrenceRule || null;
-			recurrenceEndDate = event.recurrenceEndDate
-				? typeof event.recurrenceEndDate === 'string'
-					? event.recurrenceEndDate
-					: event.recurrenceEndDate.toISOString()
-				: null;
-
-			// Initialize time fields
-			const eventStart = toDate(event.startTime);
-			const eventEnd = toDate(event.endTime);
-			startDateStr = format(eventStart, 'yyyy-MM-dd');
-			startTimeStr = format(eventStart, 'HH:mm');
-			endDateStr = format(eventEnd, 'yyyy-MM-dd');
-			endTimeStr = format(eventEnd, 'HH:mm');
-		}
-	});
-
-	// Date/time fields - derive from draft event (create mode) or event (edit mode)
-	let draftStart = $derived(() => {
-		if (isEditMode && event) {
-			return toDate(event.startTime);
-		}
-		const draft = eventsStore.draftEvent;
-		if (draft) {
-			return toDate(draft.startTime);
-		}
-		return startTime || new Date();
-	});
-
-	let draftEnd = $derived(() => {
-		if (isEditMode && event) {
-			return toDate(event.endTime);
-		}
-		const draft = eventsStore.draftEvent;
-		if (draft) {
-			return toDate(draft.endTime);
-		}
-		return addMinutes(startTime || new Date(), settingsStore.defaultEventDuration);
-	});
-
-	// Display date/time - derived from draft event or event
-	let displayStartDate = $derived(format(draftStart(), 'yyyy-MM-dd'));
-	let displayStartTime = $derived(format(draftStart(), 'HH:mm'));
-	let displayEndDate = $derived(format(draftEnd(), 'yyyy-MM-dd'));
-	let displayEndTime = $derived(format(draftEnd(), 'HH:mm'));
-
-	// Sync form fields from draft event when it changes (e.g., user drags it) - only in create mode
-	$effect(() => {
-		if (!isEditMode) {
-			startDateStr = displayStartDate;
-			startTimeStr = displayStartTime;
-			endDateStr = displayEndDate;
-			endTimeStr = displayEndTime;
-		}
-	});
-
-	// Set default calendar - only in create mode
-	$effect(() => {
-		const defaultCal = getDefaultCalendar(calendarsCtx.value);
-		if (!isEditMode && !calendarId && defaultCal?.id) {
-			calendarId = defaultCal.id;
-			// Update draft event with calendar
-			eventsStore.updateDraftEvent({ calendarId });
-		}
-	});
-
-	// Update draft event when title changes - only in create mode
-	function handleTitleChange(e: Event) {
-		const target = e.target as HTMLInputElement;
-		title = target.value;
-		parserApplied = false; // reset on new input
-		if (!isEditMode) {
-			eventsStore.updateDraftEvent({ title: target.value });
-			parseTitle(target.value);
-		}
-	}
-
-	// Update draft event when time fields change
-	function handleStartDateChange(e: Event) {
-		const target = e.target as HTMLInputElement;
-		startDateStr = target.value;
-		if (!isEditMode) {
-			updateDraftTimes();
-		}
-	}
-
-	function handleStartTimeChange(e: Event) {
-		const target = e.target as HTMLInputElement;
-		startTimeStr = target.value;
-		if (!isEditMode) {
-			updateDraftTimes();
-		}
-	}
-
-	function handleEndDateChange(e: Event) {
-		const target = e.target as HTMLInputElement;
-		endDateStr = target.value;
-		if (!isEditMode) {
-			updateDraftTimes();
-		}
-	}
-
-	function handleEndTimeChange(e: Event) {
-		const target = e.target as HTMLInputElement;
-		endTimeStr = target.value;
-		if (!isEditMode) {
-			updateDraftTimes();
-		}
-	}
-
-	function updateDraftTimes() {
-		const startDateTime = isAllDay
-			? new Date(`${startDateStr}T00:00:00`)
-			: new Date(`${startDateStr}T${startTimeStr}`);
-		const endDateTime = isAllDay
-			? new Date(`${endDateStr}T23:59:59`)
-			: new Date(`${endDateStr}T${endTimeStr}`);
-
-		eventsStore.updateDraftEvent({
-			startTime: startDateTime.toISOString(),
-			endTime: endDateTime.toISOString(),
-			isAllDay,
-		});
-	}
-
-	// Update draft when all-day changes
-	function handleAllDayToggle() {
-		isAllDay = !isAllDay;
-		if (!isEditMode) {
-			updateDraftTimes();
-		}
-	}
-
-	// Overlay style
-	let overlayStyle = $derived(`left: ${overlayPosition.left}px; top: ${overlayPosition.top}px;`);
-
-	// People helpers
-	function handleContactSearch(query: string): Promise<ContactSummary[]> {
-		return contactsStore.searchContacts(query);
-	}
-
-	function handleResponsiblePersonChange(contacts: ContactOrManual[]) {
-		if (contacts.length === 0) {
-			responsiblePerson = null;
-			return;
-		}
-		const contact = contacts[0];
-		if ('isManual' in contact && contact.isManual) {
-			const manual = contact as ManualContactEntry;
-			responsiblePerson = { email: manual.email, name: manual.name };
-		} else {
-			const ref = contact as {
-				contactId: string;
-				displayName: string;
-				email?: string;
-				photoUrl?: string;
-				company?: string;
-			};
-			responsiblePerson = {
-				email: ref.email || '',
-				name: ref.displayName,
-				contactId: ref.contactId,
-				photoUrl: ref.photoUrl,
-				company: ref.company,
-			};
-		}
-	}
-
-	function handleAttendeesChange(contacts: ContactOrManual[]) {
-		attendees = contacts.map((contact) => {
-			if ('isManual' in contact && contact.isManual) {
-				const manual = contact as ManualContactEntry;
-				const existing = attendees.find((a) => a.email === manual.email);
-				return {
-					email: manual.email,
-					name: manual.name,
-					status: existing?.status || ('pending' as const),
-				};
-			}
-			const ref = contact as {
-				contactId: string;
-				displayName: string;
-				email?: string;
-				photoUrl?: string;
-				company?: string;
-			};
-			const existing = attendees.find(
-				(a) => a.contactId === ref.contactId || a.email === ref.email
-			);
-			return {
-				email: ref.email || '',
-				name: ref.displayName,
-				status: existing?.status || ('pending' as const),
-				contactId: ref.contactId,
-				photoUrl: ref.photoUrl,
-				company: ref.company,
-			};
-		});
-	}
-
-	// Convert to ContactOrManual for selectors
-	const responsibleAsContact = $derived<ContactOrManual[]>(
-		responsiblePerson
-			? responsiblePerson.contactId
-				? [
-						{
-							contactId: responsiblePerson.contactId,
-							displayName: responsiblePerson.name || responsiblePerson.email,
-							email: responsiblePerson.email,
-							photoUrl: responsiblePerson.photoUrl,
-							company: responsiblePerson.company,
-							fetchedAt: new Date().toISOString(),
-						},
-					]
-				: [
-						{
-							email: responsiblePerson.email,
-							name: responsiblePerson.name,
-							isManual: true as const,
-						},
-					]
-			: []
-	);
-
-	const attendeesAsContacts = $derived<ContactOrManual[]>(
-		attendees.map((a) =>
-			a.contactId
-				? {
-						contactId: a.contactId,
-						displayName: a.name || a.email,
-						email: a.email,
-						photoUrl: a.photoUrl,
-						company: a.company,
-						fetchedAt: new Date().toISOString(),
-					}
-				: { email: a.email, name: a.name, isManual: true as const }
-		)
-	);
-
-	// Count of people assigned
-	const peopleCount = $derived((responsiblePerson ? 1 : 0) + attendees.length);
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-
-		// Apply NL parser results to form before submitting (create mode only)
-		if (!isEditMode && parsedEvent && !parserApplied) {
-			applyParsedToForm();
-		}
-
-		if (!title.trim() || !calendarId) return;
-
-		submitting = true;
-
-		try {
-			const startDateTime = isAllDay
-				? new Date(`${startDateStr}T00:00:00`)
-				: new Date(`${startDateStr}T${startTimeStr}`);
-			const endDateTime = isAllDay
-				? new Date(`${endDateStr}T23:59:59`)
-				: new Date(`${endDateStr}T${endTimeStr}`);
-
-			// Build location details if any field is filled
-			const locationDetails: LocationDetails | undefined =
-				locationStreet.trim() ||
-				locationPostalCode.trim() ||
-				locationCity.trim() ||
-				locationCountry.trim()
-					? {
-							street: locationStreet.trim() || undefined,
-							postalCode: locationPostalCode.trim() || undefined,
-							city: locationCity.trim() || undefined,
-							country: locationCountry.trim() || undefined,
-						}
-					: undefined;
-
-			// Build metadata - preserve existing metadata in edit mode
-			let metadata: Record<string, unknown> | undefined = isEditMode
-				? { ...(event?.metadata || {}) }
-				: undefined;
-
-			if (isAllDay && allDayDisplayMode !== 'default') {
-				metadata = {
-					...(metadata || {}),
-					allDayDisplayMode: allDayDisplayMode as 'header' | 'block',
-				};
-			} else if (metadata) {
-				delete metadata.allDayDisplayMode;
-			}
-
-			if (locationDetails) {
-				metadata = { ...(metadata || {}), locationDetails };
-			} else if (metadata) {
-				delete metadata.locationDetails;
-			}
-
-			// Add responsible person
-			if (responsiblePerson) {
-				metadata = { ...(metadata || {}), responsiblePerson };
-			} else if (metadata) {
-				delete metadata.responsiblePerson;
-			}
-
-			// Add attendees
-			if (attendees.length > 0) {
-				metadata = { ...(metadata || {}), attendees };
-			} else if (metadata) {
-				delete metadata.attendees;
-			}
-
-			// Clean up empty metadata
-			if (metadata && Object.keys(metadata).length === 0) {
-				metadata = undefined;
-			}
-
-			const eventData = {
-				title: title.trim(),
-				calendarId,
-				startTime: startDateTime.toISOString(),
-				endTime: endDateTime.toISOString(),
-				isAllDay,
-				description: description.trim() || undefined,
-				location: location.trim() || undefined,
-				recurrenceRule: recurrenceRule || undefined,
-				recurrenceEndDate: recurrenceEndDate || undefined,
-				metadata,
-			};
-
-			if (isEditMode && event) {
-				// Update existing event
-				const result = await eventsStore.updateEvent(event.id, eventData);
-				if (result.error) {
-					toast.error(`Fehler beim Speichern: ${result.error.message}`);
-					return;
-				}
-				toast.success('Termin aktualisiert');
-				onUpdated?.();
-			} else {
-				// Create new event
-				const result = await eventsStore.createEvent(eventData);
-				if (result.error) {
-					toast.error(`Fehler beim Erstellen: ${result.error.message}`);
-					return;
-				}
-				// Calendars auto-refresh via live query — no manual fetch needed
-				toast.success('Termin erstellt');
-				onCreated?.();
-			}
-
-			onClose();
-		} catch (error) {
-			console.error('Failed to save event:', error);
-			toast.error('Fehler beim Speichern');
-		} finally {
-			submitting = false;
-		}
-	}
-
-	async function handleDelete() {
-		if (!event) return;
-
-		// For recurring events, show recurrence dialog
-		if (event.recurrenceRule || eventsStore.isRecurrenceOccurrence(event.id)) {
-			showRecurrenceDialog = true;
-			return;
-		}
-
-		submitting = true;
-		try {
-			const result = await eventsStore.deleteEvent(event.id);
-			if (result.error) {
-				toast.error(`Fehler beim Löschen: ${result.error.message}`);
-				return;
-			}
-			toast.success('Termin gelöscht');
-			onDeleted?.();
-			onClose();
-		} catch (error) {
-			console.error('Failed to delete event:', error);
-			toast.error('Fehler beim Löschen');
-		} finally {
-			submitting = false;
-		}
-	}
-
-	async function handleRecurrenceDeleteAction(action: 'this' | 'all' | 'this_and_future') {
-		if (!event) return;
-		showRecurrenceDialog = false;
-		submitting = true;
-		try {
-			let result;
-			if (action === 'this') {
-				result = await eventsStore.deleteRecurrenceOccurrence(event.id);
-			} else {
-				result = await eventsStore.deleteRecurrenceSeries(event.id);
-			}
-			if (!result.error) {
-				onDeleted?.();
-				onClose();
-			}
-		} finally {
-			submitting = false;
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<RecurrenceEditDialog
-	visible={showRecurrenceDialog}
-	mode="delete"
-	onSelect={handleRecurrenceDeleteAction}
-	onCancel={() => (showRecurrenceDialog = false)}
-/>
-
-<!-- Overlay (no blocking backdrop - allows interaction with calendar) -->
-<!-- Portal to body to escape stacking contexts -->
-<div
-	use:portal
-	class="quick-event-overlay"
-	style="{overlayStyle} z-index: 99999;"
-	role="dialog"
-	aria-modal="true"
-	aria-label={isEditMode ? 'Termin bearbeiten' : 'Termin erstellen'}
->
-	<form onsubmit={handleSubmit}>
-		<!-- Header -->
-		<div class="overlay-header">
-			<span class="header-title">{isEditMode ? 'Termin bearbeiten' : 'Neuer Termin'}</span>
-			<div class="header-actions">
-				{#if isEditMode}
-					<ConfirmationPopover
-						onConfirm={handleDelete}
-						variant="danger"
-						title="Termin löschen?"
-						confirmLabel="Löschen"
-						loading={submitting}
-						placement="bottom"
-					>
-						<button type="button" class="delete-btn" disabled={submitting} aria-label="Löschen">
-							<Trash size={16} />
-						</button>
-					</ConfirmationPopover>
-				{/if}
-				<button type="button" class="close-btn" onclick={onClose} aria-label="Schließen">
-					<X size={16} />
-				</button>
-			</div>
-		</div>
-
-		<!-- Scrollable content -->
-		<div class="overlay-content">
-			<!-- Title input -->
-			<div class="form-group">
-				<input
-					type="text"
-					class="title-input"
-					value={title}
-					oninput={handleTitleChange}
-					bind:this={titleInputRef}
-					placeholder="Titel hinzufügen (z.B. Meeting morgen 14 Uhr 1h @Arbeit)"
-					aria-label="Terminname"
-					required
-				/>
-				{#if parsePreview || autoEstimatedDuration || (conflictResult && conflictResult.hasConflict)}
-					<div class="nl-hints">
-						{#if parsePreview}
-							<span class="nl-preview">{parsePreview}</span>
-						{/if}
-						{#if autoEstimatedDuration}
-							<span class="nl-estimate">
-								~{autoEstimatedDuration < 60
-									? `${autoEstimatedDuration}min`
-									: `${Math.floor(autoEstimatedDuration / 60)}h${autoEstimatedDuration % 60 ? ` ${autoEstimatedDuration % 60}min` : ''}`}
-							</span>
-						{/if}
-						{#if conflictResult && conflictResult.hasConflict}
-							<span class="nl-conflict">
-								Konflikt: {conflictResult.conflicts.map((c) => c.title).join(', ')}
-							</span>
-						{/if}
-					</div>
-				{/if}
-			</div>
-
-			<!-- Time display under title -->
-			<div class="time-display">
-				<Clock class="icon" size={18} />
-				<span>
-					{format(draftStart(), 'EEEE, d. MMMM yyyy', { locale: de })}
-					{#if !isAllDay}
-						· {displayStartTime} – {displayEndTime}
-					{:else}
-						· Ganztägig
-					{/if}
-				</span>
-			</div>
-
-			<!-- Calendar pills -->
-			<div class="calendar-pills-container">
-				{#if calendarsCtx.value.length > 0}
-					<div class="calendar-pills-scroll">
-						{#each calendarsCtx.value as cal}
-							<button
-								type="button"
-								class="calendar-pill"
-								class:active={calendarId === cal.id}
-								aria-pressed={calendarId === cal.id}
-								aria-label="Kalender: {cal.name}"
-								onclick={() => {
-									calendarId = cal.id;
-									if (!isEditMode) {
-										eventsStore.updateDraftEvent({ calendarId: cal.id });
-									}
-								}}
-							>
-								<span class="calendar-pill-dot" style="background-color: {cal.color || '#3b82f6'}"
-								></span>
-								<span class="calendar-pill-name">{cal.name}</span>
-							</button>
-						{/each}
-					</div>
-				{:else}
-					<span class="field-placeholder">Standardkalender wird erstellt</span>
-				{/if}
-			</div>
-
-			<!-- People (compact) -->
-			<div class="form-row">
-				<div class="row-icon">
-					<Users class="icon" size={18} />
-				</div>
-				<div class="row-content">
-					<!-- Responsible person - always show directly -->
-					<div class="people-subsection">
-						<span class="field-label">Verantwortlich</span>
-						{#if responsiblePerson}
-							<div class="person-chip">
-								<ContactAvatar
-									photoUrl={responsiblePerson.photoUrl}
-									name={responsiblePerson.name || responsiblePerson.email}
-									size="xs"
-								/>
-								<span class="person-name">{responsiblePerson.name || responsiblePerson.email}</span>
-								<button
-									type="button"
-									class="remove-person"
-									onclick={() => (responsiblePerson = null)}
-									aria-label="Verantwortliche Person entfernen">×</button
-								>
-							</div>
-						{:else}
-							<ContactSelector
-								selectedContacts={[]}
-								onContactsChange={handleResponsiblePersonChange}
-								onSearch={handleContactSearch}
-								allowManualEntry={true}
-								placeholder="Person auswählen..."
-								addLabel="Auswählen"
-								searchPlaceholder="Name oder E-Mail..."
-								isAvailable={contactsAvailable ?? false}
-								singleSelect={true}
-							/>
-						{/if}
-					</div>
-
-					<!-- Attendees - show when expanded or when there are attendees -->
-					{#if showPeopleSelector || attendees.length > 0}
-						<div class="people-subsection">
-							<span class="field-label">Teilnehmer</span>
-							{#if attendees.length > 0}
-								<div class="people-chips">
-									{#each attendees as attendee (attendee.email)}
-										<div class="person-chip">
-											<ContactAvatar
-												photoUrl={attendee.photoUrl}
-												name={attendee.name || attendee.email}
-												size="xs"
-											/>
-											<span class="person-name">{attendee.name || attendee.email}</span>
-											<button
-												type="button"
-												class="remove-person"
-												onclick={() =>
-													(attendees = attendees.filter((a) => a.email !== attendee.email))}
-												aria-label="Teilnehmer {attendee.name || attendee.email} entfernen"
-												>×</button
-											>
-										</div>
-									{/each}
-								</div>
-							{/if}
-							<ContactSelector
-								selectedContacts={attendeesAsContacts}
-								onContactsChange={handleAttendeesChange}
-								onSearch={handleContactSearch}
-								allowManualEntry={true}
-								placeholder={attendees.length > 0
-									? 'Weitere hinzufügen...'
-									: 'Teilnehmer hinzufügen...'}
-								addLabel="Hinzufügen"
-								searchPlaceholder="Name oder E-Mail..."
-								isAvailable={contactsAvailable ?? false}
-							/>
-						</div>
-					{:else}
-						<!-- Show expand button for attendees -->
-						<button
-							type="button"
-							class="add-attendees-btn"
-							onclick={() => (showPeopleSelector = true)}
-						>
-							+ Teilnehmer hinzufügen
-						</button>
-					{/if}
-				</div>
-			</div>
-
-			<!-- All day toggle -->
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div
-				class="form-row clickable"
-				onclick={handleAllDayToggle}
-				onkeydown={(e) => (e.key === 'Enter' || e.key === ' ') && handleAllDayToggle()}
-				role="switch"
-				tabindex="0"
-				aria-checked={isAllDay}
-				aria-label="Ganztägig"
-			>
-				<div class="row-icon">
-					<CalendarBlank class="icon" size={18} />
-				</div>
-				<div class="row-content toggle-content">
-					<span>Ganztägig</span>
-					<input
-						type="checkbox"
-						checked={isAllDay}
-						class="toggle-checkbox"
-						onclick={(e) => e.stopPropagation()}
-						onchange={handleAllDayToggle}
-					/>
-				</div>
-			</div>
-
-			<!-- All-day display mode -->
-			{#if isAllDay}
-				<div class="form-row sub-row">
-					<div class="row-icon"></div>
-					<div class="row-content">
-						<span class="field-label">Anzeigeart</span>
-						<FilterDropdown
-							options={displayModeOptions}
-							value={allDayDisplayMode}
-							onChange={(v) =>
-								(allDayDisplayMode = (v as 'default' | 'header' | 'block') || 'default')}
-							placeholder="Anzeigeart wählen"
-						/>
-					</div>
-				</div>
-			{/if}
-
-			<!-- Recurrence -->
-			<div class="form-row">
-				<div class="row-icon">
-					<ArrowsClockwise class="icon" size={18} />
-				</div>
-				<div class="row-content">
-					<RecurrenceSelector
-						{recurrenceRule}
-						{recurrenceEndDate}
-						onRecurrenceChange={(rule, endDate) => {
-							recurrenceRule = rule;
-							recurrenceEndDate = endDate;
-						}}
-					/>
-				</div>
-			</div>
-
-			<!-- Start date/time -->
-			<div class="form-row">
-				<div class="row-icon">
-					<CalendarBlank class="icon" size={18} />
-				</div>
-				<div class="row-content datetime-row">
-					<div class="datetime-field">
-						<span class="field-label" id="start-date-label">Beginn</span>
-						<input
-							type="date"
-							class="field-input"
-							value={startDateStr}
-							onchange={handleStartDateChange}
-							aria-labelledby="start-date-label"
-						/>
-					</div>
-					{#if !isAllDay}
-						<div class="datetime-field time-field">
-							<span class="field-label" id="start-time-label">Uhrzeit</span>
-							<input
-								type="time"
-								class="field-input"
-								value={startTimeStr}
-								onchange={handleStartTimeChange}
-								aria-label="Beginn Uhrzeit"
-							/>
-						</div>
-					{/if}
-				</div>
-			</div>
-
-			<!-- End date/time -->
-			<div class="form-row">
-				<div class="row-icon">
-					<CalendarBlank class="icon" size={18} />
-				</div>
-				<div class="row-content datetime-row">
-					<div class="datetime-field">
-						<span class="field-label" id="end-date-label">Ende</span>
-						<input
-							type="date"
-							class="field-input"
-							value={endDateStr}
-							onchange={handleEndDateChange}
-							aria-labelledby="end-date-label"
-						/>
-					</div>
-					{#if !isAllDay}
-						<div class="datetime-field time-field">
-							<span class="field-label" id="end-time-label">Uhrzeit</span>
-							<input
-								type="time"
-								class="field-input"
-								value={endTimeStr}
-								onchange={handleEndTimeChange}
-								aria-label="Ende Uhrzeit"
-							/>
-						</div>
-					{/if}
-				</div>
-			</div>
-
-			<!-- Location -->
-			<div class="form-row">
-				<div class="row-icon">
-					<MapPin class="icon" size={18} />
-				</div>
-				<div class="row-content">
-					<input
-						type="text"
-						class="field-input full"
-						bind:value={location}
-						placeholder="Ort hinzufügen"
-						aria-label="Ort"
-					/>
-					<!-- Toggle for address details -->
-					<button
-						type="button"
-						class="address-toggle"
-						onclick={() => (showLocationDetails = !showLocationDetails)}
-						aria-expanded={showLocationDetails}
-					>
-						<CaretRight class="toggle-chevron {showLocationDetails ? 'rotated' : ''}" size={14} />
-						{showLocationDetails ? 'Adressdetails ausblenden' : 'Adressdetails hinzufügen'}
-					</button>
-				</div>
-			</div>
-
-			<!-- Location details (expandable) -->
-			{#if showLocationDetails}
-				<div class="form-row sub-row">
-					<div class="row-icon"></div>
-					<div class="row-content address-details-form">
-						<div class="address-field">
-							<span class="field-label">Straße</span>
-							<input
-								type="text"
-								class="field-input"
-								bind:value={locationStreet}
-								placeholder="Musterstraße 123"
-							/>
-						</div>
-						<div class="address-row">
-							<div class="address-field postal">
-								<span class="field-label">PLZ</span>
-								<input
-									type="text"
-									class="field-input"
-									bind:value={locationPostalCode}
-									placeholder="12345"
-								/>
-							</div>
-							<div class="address-field city">
-								<span class="field-label">Stadt</span>
-								<input
-									type="text"
-									class="field-input"
-									bind:value={locationCity}
-									placeholder="Musterstadt"
-								/>
-							</div>
-						</div>
-						<div class="address-field">
-							<span class="field-label">Land</span>
-							<input
-								type="text"
-								class="field-input"
-								bind:value={locationCountry}
-								placeholder="Deutschland"
-							/>
-						</div>
-					</div>
-				</div>
-			{/if}
-
-			<!-- Description -->
-			<div class="form-row">
-				<div class="row-icon">
-					<TextAlignLeft class="icon" size={18} />
-				</div>
-				<div class="row-content">
-					<textarea
-						class="field-textarea"
-						bind:value={description}
-						placeholder="Beschreibung hinzufügen"
-						rows="3"
-						aria-label="Beschreibung"
-					></textarea>
-				</div>
-			</div>
-		</div>
-
-		<!-- Actions (sticky footer) -->
-		<div class="overlay-actions">
-			<button type="button" class="btn-ghost" onclick={onClose}> Abbrechen </button>
-			<button type="submit" class="btn-primary" disabled={submitting || !title.trim()}>
-				{submitting ? 'Speichern...' : 'Speichern'}
-			</button>
-		</div>
-	</form>
-</div>
-
-<style>
-	.quick-event-overlay {
-		position: fixed;
-		width: 380px;
-		max-height: 450px;
-		background: var(--color-surface-elevated-2);
-		border: 1px solid hsl(var(--color-border));
-		border-radius: var(--radius-lg);
-		z-index: 99999 !important;
-		display: flex;
-		flex-direction: column;
-		animation: slideIn 150ms ease-out;
-		overflow: hidden;
-	}
-
-	.quick-event-overlay form {
-		display: flex;
-		flex-direction: column;
-		flex: 1;
-		min-height: 0;
-		height: 100%;
-	}
-
-	@keyframes slideIn {
-		from {
-			opacity: 0;
-			transform: translateY(-8px) scale(0.98);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0) scale(1);
-		}
-	}
-
-	.overlay-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1.25rem;
-		border-bottom: 1px solid hsl(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	.header-title {
-		font-size: 1rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-	}
-
-	.header-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	.close-btn,
-	.delete-btn {
-		padding: 0.375rem;
-		border: none;
-		background: transparent;
-		color: hsl(var(--color-muted-foreground));
-		border-radius: var(--radius-sm);
-		cursor: pointer;
-		transition: all 150ms;
-	}
-
-	.close-btn:hover {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	.delete-btn:hover {
-		background: hsl(var(--color-error) / 0.1);
-		color: hsl(var(--color-error));
-	}
-
-	.delete-btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.overlay-content {
-		flex: 1;
-		min-height: 0;
-		overflow-y: auto;
-		overscroll-behavior: contain;
-		padding: 0.75rem 0;
-	}
-
-	.form-group {
-		padding: 0 1.25rem;
-	}
-
-	.title-input {
-		width: 100%;
-		padding: 0.75rem 0;
-		border: none;
-		background: transparent;
-		font-size: 1.25rem;
-		font-weight: 500;
-		color: hsl(var(--color-foreground));
-		outline: none;
-	}
-
-	.title-input::placeholder {
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.nl-hints {
-		display: flex;
-		flex-wrap: wrap;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.25rem 1.25rem 0.5rem;
-		font-size: 0.7rem;
-	}
-
-	.nl-preview {
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.nl-estimate {
-		display: inline-flex;
-		padding: 0.0625rem 0.4rem;
-		background: hsl(var(--color-primary) / 0.08);
-		color: hsl(var(--color-primary));
-		border-radius: 9999px;
-		font-size: 0.65rem;
-	}
-
-	.nl-conflict {
-		color: hsl(var(--color-destructive, 0 84% 60%));
-		font-weight: 500;
-	}
-
-	.time-display {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1.25rem 1rem;
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		border-bottom: 1px solid hsl(var(--color-border));
-		margin-bottom: 0.5rem;
-	}
-
-	.icon {
-		width: 18px;
-		height: 18px;
-		flex-shrink: 0;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.form-row {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.75rem;
-		padding: 0.625rem 1.25rem;
-	}
-
-	.form-row.clickable {
-		cursor: pointer;
-		transition: background-color 150ms;
-	}
-
-	.form-row.clickable:hover {
-		background: hsl(var(--color-muted) / 0.3);
-	}
-
-	.form-row.sub-row {
-		padding-top: 0;
-	}
-
-	.row-icon {
-		width: 24px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding-top: 0.25rem;
-		flex-shrink: 0;
-	}
-
-	.calendar-dot {
-		width: 14px;
-		height: 14px;
-		border-radius: 50%;
-	}
-
-	/* Calendar pills */
-	.calendar-pills-container {
-		padding: 0.5rem 0;
-		border-bottom: 1px solid hsl(var(--color-border));
-	}
-
-	.calendar-pills-scroll {
-		display: flex;
-		gap: 0.5rem;
-		overflow-x: auto;
-		scrollbar-width: none;
-		-ms-overflow-style: none;
-		padding: 0 1.25rem 2px;
-	}
-
-	.calendar-pills-scroll::-webkit-scrollbar {
-		display: none;
-	}
-
-	.calendar-pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.75rem;
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 9999px;
-		background: transparent;
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.8125rem;
-		font-weight: 500;
-		white-space: nowrap;
-		cursor: pointer;
-		transition: all 150ms;
-		flex-shrink: 0;
-	}
-
-	.calendar-pill:hover {
-		background: hsl(var(--color-muted) / 0.3);
-		color: hsl(var(--color-foreground));
-	}
-
-	.calendar-pill.active {
-		background: hsl(var(--color-primary) / 0.1);
-		border-color: hsl(var(--color-primary) / 0.3);
-		color: hsl(var(--color-primary));
-	}
-
-	.calendar-pill-dot {
-		width: 10px;
-		height: 10px;
-		border-radius: 50%;
-		flex-shrink: 0;
-	}
-
-	.calendar-pill-name {
-	}
-
-	.row-content {
-		flex: 1;
-		min-width: 0;
-	}
-
-	.toggle-content {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		font-size: 0.875rem;
-		color: hsl(var(--color-foreground));
-	}
-
-	.toggle-checkbox {
-		width: 18px;
-		height: 18px;
-		accent-color: hsl(var(--color-primary));
-		cursor: pointer;
-	}
-
-	.field-label {
-		display: block;
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-		margin-bottom: 0.25rem;
-	}
-
-	.field-input {
-		width: 100%;
-		padding: 0.5rem 0.625rem;
-		border: 1px solid hsl(var(--color-border));
-		border-radius: var(--radius-sm);
-		background: hsl(var(--color-background));
-		color: hsl(var(--color-foreground));
-		font-size: 0.875rem;
-	}
-
-	.field-input:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary));
-	}
-
-	.field-placeholder {
-		display: block;
-		padding: 0.5rem 0.625rem;
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		font-style: italic;
-	}
-
-	.field-input.full {
-		padding: 0.625rem;
-	}
-
-	.datetime-row {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.datetime-field {
-		flex: 1;
-	}
-
-	.datetime-field.time-field {
-		flex: 0 0 100px;
-	}
-
-	.field-textarea {
-		width: 100%;
-		padding: 0.625rem;
-		border: 1px solid hsl(var(--color-border));
-		border-radius: var(--radius-sm);
-		background: hsl(var(--color-background));
-		color: hsl(var(--color-foreground));
-		font-size: 0.875rem;
-		resize: vertical;
-		min-height: 80px;
-		font-family: inherit;
-	}
-
-	.field-textarea:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary));
-	}
-
-	.overlay-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem 1.25rem;
-		border-top: 1px solid hsl(var(--color-border));
-		background: var(--color-surface-elevated-2);
-		flex-shrink: 0;
-	}
-
-	.overlay-actions .btn-primary {
-		flex: 1;
-	}
-
-	.btn-ghost {
-		padding: 0.5rem 1rem;
-		border: none;
-		background: transparent;
-		color: hsl(var(--color-foreground));
-		font-size: 0.875rem;
-		font-weight: 500;
-		border-radius: var(--radius-md);
-		cursor: pointer;
-		transition: all 150ms;
-	}
-
-	.btn-ghost:hover {
-		background: hsl(var(--color-muted));
-	}
-
-	.btn-primary {
-		padding: 0.5rem 1.25rem;
-		border: none;
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-		font-size: 0.875rem;
-		font-weight: 500;
-		border-radius: var(--radius-md);
-		cursor: pointer;
-		transition: all 150ms;
-	}
-
-	.btn-primary:hover {
-		background: hsl(var(--color-primary) / 0.9);
-	}
-
-	.btn-primary:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	/* Scrollbar styling */
-	.overlay-content {
-		scrollbar-width: thin;
-		scrollbar-color: hsl(var(--color-muted)) transparent;
-	}
-
-	.overlay-content::-webkit-scrollbar {
-		width: 6px;
-	}
-
-	.overlay-content::-webkit-scrollbar-track {
-		background: transparent;
-	}
-
-	.overlay-content::-webkit-scrollbar-thumb {
-		background: hsl(var(--color-muted));
-		border-radius: 3px;
-	}
-
-	.overlay-content::-webkit-scrollbar-thumb:hover {
-		background: hsl(var(--color-muted-foreground));
-	}
-
-	/* Address toggle and details */
-	.address-toggle {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		margin-top: 0.5rem;
-		padding: 0;
-		border: none;
-		background: transparent;
-		color: hsl(var(--color-primary));
-		font-size: 0.8125rem;
-		cursor: pointer;
-		transition: color 150ms;
-	}
-
-	.address-toggle:hover {
-		color: hsl(var(--color-primary) / 0.8);
-	}
-
-	.toggle-chevron {
-		width: 14px;
-		height: 14px;
-		transition: transform 150ms ease;
-	}
-
-	.toggle-chevron.rotated {
-		transform: rotate(90deg);
-	}
-
-	.address-details-form {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		padding: 0.75rem;
-		background: hsl(var(--color-muted) / 0.3);
-		border-radius: var(--radius-sm);
-		border: 1px solid hsl(var(--color-border));
-	}
-
-	.address-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	.address-row {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.address-field.postal {
-		flex: 0 0 80px;
-	}
-
-	.address-field.city {
-		flex: 1;
-	}
-
-	/* People section */
-	.add-attendees-btn {
-		margin-top: 0.5rem;
-		padding: 0.25rem 0;
-		border: none;
-		background: transparent;
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.8125rem;
-		cursor: pointer;
-		transition: color 150ms;
-		text-align: left;
-	}
-
-	.add-attendees-btn:hover {
-		color: hsl(var(--color-primary));
-	}
-
-	.people-subsection {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.people-chips {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.375rem;
-		margin-bottom: 0.25rem;
-	}
-
-	.person-chip {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.25rem 0.5rem 0.25rem 0.25rem;
-		background: hsl(var(--color-muted) / 0.5);
-		border-radius: var(--radius-full);
-		font-size: 0.8125rem;
-		color: hsl(var(--color-foreground));
-	}
-
-	.person-name {
-		max-width: 120px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.remove-person {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 16px;
-		height: 16px;
-		padding: 0;
-		border: none;
-		background: transparent;
-		color: hsl(var(--color-muted-foreground));
-		font-size: 1rem;
-		line-height: 1;
-		cursor: pointer;
-		border-radius: var(--radius-full);
-		transition: all 150ms;
-	}
-
-	.remove-person:hover {
-		background: hsl(var(--color-error) / 0.1);
-		color: hsl(var(--color-error));
-	}
-
-	.people-subsection + .people-subsection {
-		margin-top: 0.75rem;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/event/RecurrenceEditDialog.svelte b/apps/calendar/apps/web-archived/src/lib/components/event/RecurrenceEditDialog.svelte
deleted file mode 100644
index 531aec7f7..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/event/RecurrenceEditDialog.svelte
+++ /dev/null
@@ -1,109 +0,0 @@
-<script lang="ts">
-	import { Modal } from '@manacore/shared-ui';
-
-	type RecurrenceAction = 'this' | 'all' | 'this_and_future';
-
-	interface Props {
-		visible: boolean;
-		mode: 'edit' | 'delete';
-		onSelect: (action: RecurrenceAction) => void;
-		onCancel: () => void;
-	}
-
-	let { visible, mode, onSelect, onCancel }: Props = $props();
-
-	const title = $derived(
-		mode === 'edit' ? 'Wiederkehrenden Termin bearbeiten' : 'Wiederkehrenden Termin löschen'
-	);
-</script>
-
-<Modal {visible} onClose={onCancel} {title} maxWidth="sm">
-	<div class="options">
-		<button class="option-btn" onclick={() => onSelect('this')}>
-			<span class="option-title">
-				{mode === 'edit' ? 'Nur diesen Termin' : 'Nur diesen Termin löschen'}
-			</span>
-			<span class="option-desc">Andere Wiederholungen bleiben unverändert</span>
-		</button>
-
-		<button class="option-btn" onclick={() => onSelect('this_and_future')}>
-			<span class="option-title">
-				{mode === 'edit' ? 'Diesen und alle zukünftigen' : 'Diesen und alle zukünftigen löschen'}
-			</span>
-			<span class="option-desc">Vergangene Wiederholungen bleiben erhalten</span>
-		</button>
-
-		<button class="option-btn" onclick={() => onSelect('all')}>
-			<span class="option-title">
-				{mode === 'edit' ? 'Alle Termine der Serie' : 'Alle Termine der Serie löschen'}
-			</span>
-			<span class="option-desc">Die gesamte Wiederholungsserie wird betroffen</span>
-		</button>
-	</div>
-
-	{#snippet footer()}
-		<div class="footer">
-			<button class="cancel-btn" onclick={onCancel}>Abbrechen</button>
-		</div>
-	{/snippet}
-</Modal>
-
-<style>
-	.options {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.option-btn {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-		width: 100%;
-		padding: 0.875rem 1rem;
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.75rem;
-		background: hsl(var(--background));
-		cursor: pointer;
-		text-align: left;
-		transition: all 0.15s ease;
-	}
-
-	.option-btn:hover {
-		border-color: hsl(var(--primary));
-		background: hsl(var(--primary) / 0.05);
-	}
-
-	.option-title {
-		font-weight: 500;
-		font-size: 0.9375rem;
-		color: hsl(var(--foreground));
-	}
-
-	.option-desc {
-		font-size: 0.8125rem;
-		color: hsl(var(--muted-foreground));
-	}
-
-	.footer {
-		display: flex;
-		justify-content: flex-end;
-	}
-
-	.cancel-btn {
-		padding: 0.5rem 1rem;
-		border-radius: 0.5rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: hsl(var(--muted-foreground));
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		transition: all 0.15s ease;
-	}
-
-	.cancel-btn:hover {
-		color: hsl(var(--foreground));
-		background: hsl(var(--muted));
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/event/RecurrenceSelector.svelte b/apps/calendar/apps/web-archived/src/lib/components/event/RecurrenceSelector.svelte
deleted file mode 100644
index 17d8595ef..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/event/RecurrenceSelector.svelte
+++ /dev/null
@@ -1,306 +0,0 @@
-<script lang="ts">
-	import {
-		RECURRENCE_PRESETS,
-		type RecurrencePattern,
-		type Weekday,
-		WEEKDAY_SHORT_LABELS,
-	} from '@calendar/shared';
-	import { parseRRule, formatRRule, describeRecurrence } from '@calendar/shared';
-	import { ArrowsClockwise } from '@manacore/shared-icons';
-
-	interface Props {
-		recurrenceRule: string | null;
-		recurrenceEndDate: string | null;
-		onRecurrenceChange: (rule: string | null, endDate: string | null) => void;
-	}
-
-	let { recurrenceRule, recurrenceEndDate, onRecurrenceChange }: Props = $props();
-
-	let showCustom = $state(false);
-	let selectedPreset = $state<string | null>(recurrenceRule);
-
-	// Custom recurrence state
-	let pattern = $state<RecurrencePattern>(
-		(recurrenceRule ? parseRRule(recurrenceRule) : null) || { frequency: 'WEEKLY' }
-	);
-	let endDate = $state(recurrenceEndDate || '');
-
-	// Check if current rule matches a preset
-	const isCustom = $derived.by(() => {
-		if (!recurrenceRule) return false;
-		return !RECURRENCE_PRESETS.some((p) => p.value === recurrenceRule);
-	});
-
-	$effect(() => {
-		if (isCustom && recurrenceRule) {
-			showCustom = true;
-			selectedPreset = '__custom__';
-		} else {
-			selectedPreset = recurrenceRule;
-		}
-	});
-
-	function handlePresetChange(e: Event) {
-		const value = (e.target as HTMLSelectElement).value;
-
-		if (value === '') {
-			// No repeat
-			selectedPreset = null;
-			showCustom = false;
-			onRecurrenceChange(null, null);
-		} else if (value === '__custom__') {
-			showCustom = true;
-			selectedPreset = '__custom__';
-			// Apply current pattern
-			const rule = formatRRule(pattern);
-			onRecurrenceChange(rule, endDate || null);
-		} else {
-			selectedPreset = value;
-			showCustom = false;
-			onRecurrenceChange(value, null);
-		}
-	}
-
-	function handleFrequencyChange(e: Event) {
-		pattern = {
-			...pattern,
-			frequency: (e.target as HTMLSelectElement).value as RecurrencePattern['frequency'],
-		};
-		applyCustomPattern();
-	}
-
-	function handleIntervalChange(e: Event) {
-		const val = parseInt((e.target as HTMLInputElement).value, 10);
-		pattern = { ...pattern, interval: val > 1 ? val : undefined };
-		applyCustomPattern();
-	}
-
-	function toggleWeekday(day: Weekday) {
-		const current = pattern.byDay || [];
-		const updated = current.includes(day) ? current.filter((d) => d !== day) : [...current, day];
-		pattern = { ...pattern, byDay: updated.length > 0 ? updated : undefined };
-		applyCustomPattern();
-	}
-
-	function handleEndDateChange(e: Event) {
-		endDate = (e.target as HTMLInputElement).value;
-		const rule = formatRRule(pattern);
-		onRecurrenceChange(rule, endDate || null);
-	}
-
-	function applyCustomPattern() {
-		const rule = formatRRule(pattern);
-		onRecurrenceChange(rule, endDate || null);
-	}
-
-	const weekdays: Weekday[] = ['MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU'];
-
-	const currentDescription = $derived(
-		recurrenceRule ? describeRecurrence(parseRRule(recurrenceRule)) : 'Wiederholt sich nicht'
-	);
-</script>
-
-<div class="recurrence-selector">
-	<div class="flex items-center gap-2 mb-2">
-		<ArrowsClockwise size={16} class="text-muted-foreground" />
-		<span class="text-sm font-medium text-foreground">Wiederholung</span>
-	</div>
-
-	<select class="select-input" value={selectedPreset ?? ''} onchange={handlePresetChange}>
-		{#each RECURRENCE_PRESETS as preset}
-			<option value={preset.value ?? ''}>{preset.label}</option>
-		{/each}
-		<option value="__custom__">Benutzerdefiniert...</option>
-	</select>
-
-	{#if showCustom}
-		<div class="custom-section">
-			<div class="custom-row">
-				<label class="custom-label">Alle</label>
-				<input
-					type="number"
-					min="1"
-					max="99"
-					value={pattern.interval || 1}
-					onchange={handleIntervalChange}
-					class="interval-input"
-				/>
-				<select class="frequency-select" value={pattern.frequency} onchange={handleFrequencyChange}>
-					<option value="DAILY">Tage</option>
-					<option value="WEEKLY">Wochen</option>
-					<option value="MONTHLY">Monate</option>
-					<option value="YEARLY">Jahre</option>
-				</select>
-			</div>
-
-			{#if pattern.frequency === 'WEEKLY'}
-				<div class="weekday-row">
-					<label class="custom-label">An</label>
-					<div class="weekday-buttons">
-						{#each weekdays as day}
-							<button
-								type="button"
-								class="weekday-btn"
-								class:active={pattern.byDay?.includes(day)}
-								onclick={() => toggleWeekday(day)}
-							>
-								{WEEKDAY_SHORT_LABELS[day].substring(0, 2)}
-							</button>
-						{/each}
-					</div>
-				</div>
-			{/if}
-
-			<div class="custom-row">
-				<label class="custom-label">Bis</label>
-				<input
-					type="date"
-					value={endDate}
-					onchange={handleEndDateChange}
-					class="date-input"
-					placeholder="Kein Enddatum"
-				/>
-			</div>
-		</div>
-	{/if}
-
-	{#if recurrenceRule}
-		<p class="recurrence-description">{currentDescription}</p>
-	{/if}
-</div>
-
-<style>
-	.recurrence-selector {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.select-input {
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		border: 2px solid hsl(var(--border));
-		border-radius: 0.5rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.875rem;
-		cursor: pointer;
-	}
-
-	.select-input:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-	}
-
-	.custom-section {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-		padding: 0.75rem;
-		background: hsl(var(--muted) / 0.3);
-		border-radius: 0.5rem;
-		border: 1px solid hsl(var(--border));
-	}
-
-	.custom-row {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.custom-label {
-		font-size: 0.8125rem;
-		color: hsl(var(--muted-foreground));
-		min-width: 2.5rem;
-	}
-
-	.interval-input {
-		width: 4rem;
-		padding: 0.375rem 0.5rem;
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.375rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.875rem;
-		text-align: center;
-	}
-
-	.interval-input:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-	}
-
-	.frequency-select {
-		flex: 1;
-		padding: 0.375rem 0.5rem;
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.375rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.875rem;
-		cursor: pointer;
-	}
-
-	.frequency-select:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-	}
-
-	.weekday-row {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.weekday-buttons {
-		display: flex;
-		gap: 0.25rem;
-	}
-
-	.weekday-btn {
-		width: 2rem;
-		height: 2rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 50%;
-		border: 1px solid hsl(var(--border));
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.75rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.15s ease;
-	}
-
-	.weekday-btn:hover {
-		border-color: hsl(var(--primary));
-	}
-
-	.weekday-btn.active {
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-		border-color: hsl(var(--primary));
-	}
-
-	.date-input {
-		flex: 1;
-		padding: 0.375rem 0.5rem;
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.375rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.875rem;
-	}
-
-	.date-input:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-	}
-
-	.recurrence-description {
-		font-size: 0.75rem;
-		color: hsl(var(--primary));
-		font-style: italic;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/event/ReminderSelector.svelte b/apps/calendar/apps/web-archived/src/lib/components/event/ReminderSelector.svelte
deleted file mode 100644
index 6c6243bb3..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/event/ReminderSelector.svelte
+++ /dev/null
@@ -1,383 +0,0 @@
-<script lang="ts">
-	import { REMINDER_PRESETS, type Reminder } from '@calendar/shared';
-	import * as api from '$lib/api/reminders';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { Bell, Plus, Trash, Envelope, DeviceMobile } from '@manacore/shared-icons';
-
-	interface ReminderDraft {
-		minutesBefore: number;
-		notifyPush: boolean;
-		notifyEmail: boolean;
-	}
-
-	interface Props {
-		/** Event ID (null for unsaved events) */
-		eventId: string | null;
-		/** Existing reminders (for edit mode) */
-		reminders?: Reminder[];
-		/** For create mode: callback with draft reminders to create after event save */
-		onDraftsChange?: (drafts: ReminderDraft[]) => void;
-		/** Called after a reminder is added/removed on a saved event */
-		onRemindersChange?: () => void;
-	}
-
-	let { eventId, reminders = [], onDraftsChange, onRemindersChange }: Props = $props();
-
-	// Draft reminders for unsaved events
-	let drafts = $state<ReminderDraft[]>([
-		{
-			minutesBefore: settingsStore.defaultReminder,
-			notifyPush: true,
-			notifyEmail: false,
-		},
-	]);
-
-	let isAdding = $state(false);
-
-	// German labels for presets
-	const PRESET_LABELS: Record<number, string> = {
-		0: 'Zum Zeitpunkt',
-		5: '5 Minuten vorher',
-		10: '10 Minuten vorher',
-		15: '15 Minuten vorher',
-		30: '30 Minuten vorher',
-		60: '1 Stunde vorher',
-		120: '2 Stunden vorher',
-		1440: '1 Tag vorher',
-		2880: '2 Tage vorher',
-		10080: '1 Woche vorher',
-	};
-
-	function getLabel(minutes: number): string {
-		return PRESET_LABELS[minutes] || `${minutes} Min. vorher`;
-	}
-
-	// ==================== Draft Mode (for new events) ====================
-
-	function addDraft() {
-		drafts = [
-			...drafts,
-			{
-				minutesBefore: settingsStore.defaultReminder,
-				notifyPush: true,
-				notifyEmail: false,
-			},
-		];
-		onDraftsChange?.(drafts);
-	}
-
-	function removeDraft(index: number) {
-		drafts = drafts.filter((_, i) => i !== index);
-		onDraftsChange?.(drafts);
-	}
-
-	function updateDraft(index: number, field: keyof ReminderDraft, value: number | boolean) {
-		drafts = drafts.map((d, i) => (i === index ? { ...d, [field]: value } : d));
-		onDraftsChange?.(drafts);
-	}
-
-	// ==================== Saved Event Mode ====================
-
-	async function addReminder(minutes: number) {
-		if (!eventId) return;
-		isAdding = true;
-
-		const result = await api.createReminder(eventId, {
-			eventId,
-			minutesBefore: minutes,
-			notifyPush: true,
-			notifyEmail: false,
-		});
-
-		isAdding = false;
-		if (!result.error) {
-			onRemindersChange?.();
-		}
-	}
-
-	async function removeReminder(id: string) {
-		const result = await api.deleteReminder(id);
-		if (!result.error) {
-			onRemindersChange?.();
-		}
-	}
-
-	// Which mode?
-	const isSavedEvent = $derived(!!eventId && eventId !== '__draft__');
-	const displayReminders = $derived(isSavedEvent ? reminders : []);
-</script>
-
-<div class="reminder-section">
-	<div class="section-header">
-		<Bell size={16} class="text-muted-foreground" />
-		<span class="text-sm font-medium text-foreground">Erinnerungen</span>
-	</div>
-
-	{#if isSavedEvent}
-		<!-- Saved event: show existing reminders -->
-		{#if displayReminders.length === 0}
-			<p class="empty-text">Keine Erinnerungen</p>
-		{/if}
-
-		{#each displayReminders as reminder (reminder.id)}
-			<div class="reminder-item">
-				<div class="reminder-info">
-					<span class="reminder-time">{getLabel(reminder.minutesBefore)}</span>
-					<div class="reminder-channels">
-						{#if reminder.notifyPush}
-							<span class="channel-badge" title="Push-Benachrichtigung">
-								<DeviceMobile size={12} />
-							</span>
-						{/if}
-						{#if reminder.notifyEmail}
-							<span class="channel-badge" title="E-Mail">
-								<Envelope size={12} />
-							</span>
-						{/if}
-					</div>
-					{#if reminder.status === 'sent'}
-						<span class="status-sent">Gesendet</span>
-					{:else if reminder.status === 'failed'}
-						<span class="status-failed">Fehlgeschlagen</span>
-					{/if}
-				</div>
-				<button
-					class="remove-btn"
-					onclick={() => removeReminder(reminder.id)}
-					title="Erinnerung entfernen"
-				>
-					<Trash size={14} />
-				</button>
-			</div>
-		{/each}
-
-		<!-- Add reminder for saved event -->
-		<div class="add-section">
-			<select
-				class="preset-select"
-				onchange={(e) => {
-					const val = parseInt((e.target as HTMLSelectElement).value, 10);
-					if (!isNaN(val)) addReminder(val);
-					(e.target as HTMLSelectElement).value = '';
-				}}
-				disabled={isAdding}
-			>
-				<option value="">+ Erinnerung hinzufügen</option>
-				{#each REMINDER_PRESETS as preset}
-					<option value={preset.minutes}>{getLabel(preset.minutes)}</option>
-				{/each}
-			</select>
-		</div>
-	{:else}
-		<!-- Draft mode: reminders for unsaved events -->
-		{#each drafts as draft, index}
-			<div class="reminder-item">
-				<div class="reminder-config">
-					<select
-						class="preset-select"
-						value={draft.minutesBefore}
-						onchange={(e) =>
-							updateDraft(
-								index,
-								'minutesBefore',
-								parseInt((e.target as HTMLSelectElement).value, 10)
-							)}
-					>
-						{#each REMINDER_PRESETS as preset}
-							<option value={preset.minutes}>{getLabel(preset.minutes)}</option>
-						{/each}
-					</select>
-					<label class="channel-toggle" title="Push-Benachrichtigung">
-						<input
-							type="checkbox"
-							checked={draft.notifyPush}
-							onchange={() => updateDraft(index, 'notifyPush', !draft.notifyPush)}
-						/>
-						<DeviceMobile size={14} />
-					</label>
-					<label class="channel-toggle" title="E-Mail">
-						<input
-							type="checkbox"
-							checked={draft.notifyEmail}
-							onchange={() => updateDraft(index, 'notifyEmail', !draft.notifyEmail)}
-						/>
-						<Envelope size={14} />
-					</label>
-				</div>
-				<button class="remove-btn" onclick={() => removeDraft(index)} title="Erinnerung entfernen">
-					<Trash size={14} />
-				</button>
-			</div>
-		{/each}
-
-		<button class="add-btn" onclick={addDraft}>
-			<Plus size={14} />
-			<span>Erinnerung hinzufügen</span>
-		</button>
-	{/if}
-</div>
-
-<style>
-	.reminder-section {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.empty-text {
-		font-size: 0.8125rem;
-		color: hsl(var(--muted-foreground));
-		padding-left: 1.5rem;
-	}
-
-	.reminder-item {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 0.5rem;
-		padding: 0.375rem 0.5rem 0.375rem 1.5rem;
-		border-radius: 0.375rem;
-		transition: background 0.15s ease;
-	}
-
-	.reminder-item:hover {
-		background: hsl(var(--muted) / 0.3);
-	}
-
-	.reminder-info {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		flex: 1;
-		min-width: 0;
-	}
-
-	.reminder-time {
-		font-size: 0.8125rem;
-		color: hsl(var(--foreground));
-	}
-
-	.reminder-channels {
-		display: flex;
-		gap: 0.25rem;
-	}
-
-	.channel-badge {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 0.25rem;
-		background: hsl(var(--muted));
-		color: hsl(var(--muted-foreground));
-	}
-
-	.status-sent {
-		font-size: 0.6875rem;
-		color: hsl(142 71% 45%);
-		font-weight: 500;
-	}
-
-	.status-failed {
-		font-size: 0.6875rem;
-		color: hsl(0 84% 60%);
-		font-weight: 500;
-	}
-
-	.reminder-config {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		flex: 1;
-	}
-
-	.preset-select {
-		flex: 1;
-		padding: 0.375rem 0.5rem;
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.375rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.8125rem;
-		cursor: pointer;
-	}
-
-	.preset-select:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-	}
-
-	.channel-toggle {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		cursor: pointer;
-		color: hsl(var(--muted-foreground));
-		font-size: 0.75rem;
-	}
-
-	.channel-toggle input {
-		width: 0.875rem;
-		height: 0.875rem;
-		accent-color: hsl(var(--primary));
-	}
-
-	.channel-toggle:has(input:checked) {
-		color: hsl(var(--foreground));
-	}
-
-	.remove-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border-radius: 0.25rem;
-		border: none;
-		background: transparent;
-		color: hsl(var(--muted-foreground));
-		cursor: pointer;
-		opacity: 0;
-		transition: all 0.15s ease;
-	}
-
-	.reminder-item:hover .remove-btn {
-		opacity: 1;
-	}
-
-	.remove-btn:hover {
-		color: hsl(0 84% 60%);
-		background: hsl(0 84% 60% / 0.1);
-	}
-
-	.add-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.5rem;
-		margin-left: 1.5rem;
-		border: none;
-		background: transparent;
-		color: hsl(var(--primary));
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-		border-radius: 0.375rem;
-		transition: background 0.15s ease;
-	}
-
-	.add-btn:hover {
-		background: hsl(var(--primary) / 0.1);
-	}
-
-	.add-section {
-		padding-left: 1.5rem;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/event/ResponsiblePersonSelector.svelte b/apps/calendar/apps/web-archived/src/lib/components/event/ResponsiblePersonSelector.svelte
deleted file mode 100644
index 14f3b12b6..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/event/ResponsiblePersonSelector.svelte
+++ /dev/null
@@ -1,209 +0,0 @@
-<script lang="ts">
-	import type { ResponsiblePerson } from '@calendar/shared';
-	import type { ContactSummary, ContactOrManual, ManualContactEntry } from '@manacore/shared-types';
-	import { ContactSelector, ContactAvatar } from '@manacore/shared-ui';
-	import { X, ArrowSquareOut, User } from '@manacore/shared-icons';
-	import { contactsStore } from '$lib/stores/contacts.svelte';
-
-	interface Props {
-		responsiblePerson: ResponsiblePerson | null;
-		onResponsiblePersonChange: (person: ResponsiblePerson | null) => void;
-		disabled?: boolean;
-	}
-
-	let { responsiblePerson, onResponsiblePersonChange, disabled = false }: Props = $props();
-
-	let contactsAvailable = $state<boolean | null>(null);
-	let showSelector = $state(false);
-
-	// Check contacts availability on mount
-	$effect(() => {
-		contactsStore.checkAvailability().then((available) => {
-			contactsAvailable = available;
-		});
-	});
-
-	// Convert responsible person to ContactOrManual format for the selector
-	const selectedContacts = $derived<ContactOrManual[]>(
-		responsiblePerson
-			? responsiblePerson.contactId
-				? [
-						{
-							contactId: responsiblePerson.contactId,
-							displayName: responsiblePerson.name || responsiblePerson.email,
-							email: responsiblePerson.email,
-							photoUrl: responsiblePerson.photoUrl,
-							company: responsiblePerson.company,
-							fetchedAt: new Date().toISOString(),
-						},
-					]
-				: [
-						{
-							email: responsiblePerson.email,
-							name: responsiblePerson.name,
-							isManual: true as const,
-						},
-					]
-			: []
-	);
-
-	function handleContactsChange(contacts: ContactOrManual[]) {
-		if (contacts.length === 0) {
-			onResponsiblePersonChange(null);
-			showSelector = false;
-			return;
-		}
-
-		const contact = contacts[0];
-
-		if ('isManual' in contact && contact.isManual) {
-			// Manual entry
-			const manual = contact as ManualContactEntry;
-			onResponsiblePersonChange({
-				email: manual.email,
-				name: manual.name,
-			});
-		} else {
-			// Contact reference
-			const contactRef = contact as {
-				contactId: string;
-				displayName: string;
-				email?: string;
-				photoUrl?: string;
-				company?: string;
-			};
-			onResponsiblePersonChange({
-				email: contactRef.email || '',
-				name: contactRef.displayName,
-				contactId: contactRef.contactId,
-				photoUrl: contactRef.photoUrl,
-				company: contactRef.company,
-			});
-		}
-
-		showSelector = false;
-	}
-
-	function handleSearch(query: string): Promise<ContactSummary[]> {
-		return contactsStore.searchContacts(query);
-	}
-
-	function handleRemove() {
-		onResponsiblePersonChange(null);
-	}
-
-	function handleOpenContact() {
-		if (responsiblePerson?.contactId) {
-			// Open contacts app with this contact
-			window.open(`/contacts/${responsiblePerson.contactId}`, '_blank');
-		}
-	}
-</script>
-
-<div class="responsible-person-selector">
-	{#if responsiblePerson}
-		<!-- Selected Person Display -->
-		<div class="flex items-center gap-3 p-2 rounded-lg bg-gray-50 dark:bg-gray-800/50">
-			<ContactAvatar
-				photoUrl={responsiblePerson.photoUrl}
-				name={responsiblePerson.name || responsiblePerson.email}
-				size="sm"
-			/>
-
-			<div class="flex-1 min-w-0">
-				<div class="text-sm font-medium text-foreground truncate">
-					{responsiblePerson.name || responsiblePerson.email}
-				</div>
-				{#if responsiblePerson.name && responsiblePerson.email}
-					<div class="text-xs text-muted-foreground truncate">
-						{responsiblePerson.email}
-					</div>
-				{/if}
-				{#if responsiblePerson.company}
-					<div class="text-xs text-muted-foreground truncate">
-						{responsiblePerson.company}
-					</div>
-				{/if}
-			</div>
-
-			<!-- Open Contact Button (only if linked to contact) -->
-			{#if responsiblePerson.contactId}
-				<button
-					type="button"
-					onclick={handleOpenContact}
-					class="
-						p-1.5 rounded-md
-						text-gray-400 hover:text-blue-500
-						hover:bg-blue-50 dark:hover:bg-blue-900/20
-						transition-colors
-					"
-					title="Kontakt öffnen"
-				>
-					<ArrowSquareOut size={16} />
-				</button>
-			{/if}
-
-			<!-- Remove Button -->
-			<button
-				type="button"
-				onclick={handleRemove}
-				class="
-					p-1.5 rounded-md
-					text-gray-400 hover:text-red-500
-					hover:bg-red-50 dark:hover:bg-red-900/20
-					transition-colors
-				"
-				title="Entfernen"
-				{disabled}
-			>
-				<X size={16} />
-			</button>
-		</div>
-	{:else if showSelector}
-		<!-- Contact Selector -->
-		<ContactSelector
-			selectedContacts={[]}
-			onContactsChange={handleContactsChange}
-			onSearch={handleSearch}
-			allowManualEntry={true}
-			placeholder="Person suchen oder E-Mail eingeben..."
-			addLabel="Verantwortlich"
-			searchPlaceholder="Name oder E-Mail..."
-			isAvailable={contactsAvailable ?? false}
-			{disabled}
-			singleSelect={true}
-		/>
-		<button
-			type="button"
-			onclick={() => (showSelector = false)}
-			class="mt-2 text-sm text-muted-foreground hover:text-foreground"
-		>
-			Abbrechen
-		</button>
-	{:else}
-		<!-- Add Button -->
-		<button
-			type="button"
-			onclick={() => (showSelector = true)}
-			class="
-				w-full flex items-center justify-center gap-2
-				px-4 py-2.5 rounded-lg
-				border-2 border-dashed border-gray-200 dark:border-gray-700
-				text-sm text-muted-foreground
-				hover:border-gray-300 dark:hover:border-gray-600
-				hover:text-foreground
-				transition-colors
-			"
-			{disabled}
-		>
-			<User size={16} />
-			Verantwortliche Person hinzufügen
-		</button>
-	{/if}
-</div>
-
-<style>
-	.responsible-person-selector {
-		position: relative;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/settings/CalendarManagement.svelte b/apps/calendar/apps/web-archived/src/lib/components/settings/CalendarManagement.svelte
deleted file mode 100644
index ed352d35a..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/settings/CalendarManagement.svelte
+++ /dev/null
@@ -1,501 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { calendarsStore } from '$lib/stores/calendars.svelte';
-	import { toastStore as toast } from '@manacore/shared-ui';
-	import { Plus } from '@manacore/shared-icons';
-	import type { Calendar } from '@calendar/shared';
-
-	interface Props {
-		calendars: Calendar[];
-		onCalendarUpdated?: () => void;
-	}
-
-	let { calendars, onCalendarUpdated }: Props = $props();
-
-	// Calendar management state
-	let editingCalendar = $state<Calendar | null>(null);
-	let editName = $state('');
-	let editColor = $state('');
-	let editIsDefault = $state(false);
-	let showNewCalendarForm = $state(false);
-	let newCalendarName = $state('');
-	let newCalendarColor = $state('#3b82f6');
-
-	function startEditing(calendar: Calendar) {
-		editingCalendar = calendar;
-		editName = calendar.name;
-		editColor = calendar.color || '#3b82f6';
-		editIsDefault = calendar.isDefault || false;
-	}
-
-	function cancelEditing() {
-		editingCalendar = null;
-		editName = '';
-		editColor = '';
-		editIsDefault = false;
-	}
-
-	async function handleCreateCalendar() {
-		if (!newCalendarName.trim()) return;
-
-		const result = await calendarsStore.createCalendar({
-			name: newCalendarName.trim(),
-			color: newCalendarColor,
-		});
-
-		if (result.error) {
-			toast.error(`${$_('common.error')}: ${result.error.message}`);
-			return;
-		}
-
-		toast.success($_('settings.calendarCreated'));
-		newCalendarName = '';
-		showNewCalendarForm = false;
-		onCalendarUpdated?.();
-	}
-
-	async function handleDeleteCalendar(calendar: Calendar) {
-		if (!confirm($_('settings.confirmDeleteCalendar', { values: { name: calendar.name } }))) {
-			return;
-		}
-
-		const result = await calendarsStore.deleteCalendar(calendar.id);
-
-		if (result.error) {
-			toast.error(`${$_('common.error')}: ${result.error.message}`);
-			return;
-		}
-
-		toast.success($_('settings.calendarDeleted'));
-		onCalendarUpdated?.();
-	}
-
-	async function handleUpdateCalendar() {
-		if (!editingCalendar || !editName.trim()) return;
-
-		// If setting as default and it wasn't before, use setAsDefault
-		if (editIsDefault && !editingCalendar.isDefault) {
-			const defaultResult = await calendarsStore.setAsDefault(editingCalendar.id, calendars);
-			if (defaultResult?.error) {
-				toast.error(`${$_('common.error')}: ${defaultResult.error.message}`);
-				return;
-			}
-		}
-
-		// Update name and color
-		const result = await calendarsStore.updateCalendar(editingCalendar.id, {
-			name: editName.trim(),
-			color: editColor,
-		});
-
-		if (result.error) {
-			toast.error(`${$_('common.error')}: ${result.error.message}`);
-			return;
-		}
-
-		toast.success($_('settings.calendarUpdated'));
-		cancelEditing();
-		onCalendarUpdated?.();
-	}
-</script>
-
-<div class="calendar-management">
-	<div class="calendars-toolbar">
-		<button
-			class="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg transition-colors bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] hover:bg-[hsl(var(--primary))]/90"
-			onclick={() => (showNewCalendarForm = true)}
-		>
-			<Plus size={16} />
-			{$_('settings.newCalendar')}
-		</button>
-	</div>
-
-	{#if showNewCalendarForm}
-		<div class="new-calendar-form">
-			<form
-				onsubmit={(e) => {
-					e.preventDefault();
-					handleCreateCalendar();
-				}}
-			>
-				<div class="calendar-form-row">
-					<input
-						type="text"
-						class="input"
-						placeholder={$_('settings.calendarName')}
-						bind:value={newCalendarName}
-					/>
-					<input type="color" class="color-input" bind:value={newCalendarColor} />
-				</div>
-				<div class="calendar-form-actions">
-					<button type="button" class="btn btn-ghost" onclick={() => (showNewCalendarForm = false)}>
-						{$_('common.cancel')}
-					</button>
-					<button type="submit" class="btn btn-primary" disabled={!newCalendarName.trim()}>
-						{$_('common.create')}
-					</button>
-				</div>
-			</form>
-		</div>
-	{/if}
-
-	<div class="calendar-list">
-		{#each calendars as calendar}
-			{#if editingCalendar?.id === calendar.id}
-				<div class="calendar-edit-form">
-					<form
-						onsubmit={(e) => {
-							e.preventDefault();
-							handleUpdateCalendar();
-						}}
-					>
-						<div class="edit-form-row">
-							<div class="edit-form-group edit-form-group--name">
-								<label for="edit-name" class="edit-label">{$_('settings.name')}</label>
-								<input
-									type="text"
-									id="edit-name"
-									class="edit-input"
-									placeholder={$_('settings.calendarName')}
-									bind:value={editName}
-								/>
-							</div>
-
-							<div class="edit-form-group edit-form-group--color">
-								<label for="edit-color" class="edit-label">{$_('settings.color')}</label>
-								<div class="edit-color-wrapper">
-									<input
-										type="color"
-										id="edit-color"
-										class="edit-color-input"
-										bind:value={editColor}
-									/>
-									<span class="edit-color-value">{editColor}</span>
-								</div>
-							</div>
-						</div>
-
-						<label class="edit-checkbox">
-							<input
-								type="checkbox"
-								bind:checked={editIsDefault}
-								disabled={editingCalendar.isDefault}
-							/>
-							<span class="edit-checkbox-text">
-								{$_('settings.setAsDefault')}
-								{#if editingCalendar.isDefault}
-									<span class="edit-checkbox-hint">({$_('settings.currentDefault')})</span>
-								{/if}
-							</span>
-						</label>
-
-						<div class="edit-form-actions">
-							<button type="button" class="btn btn-ghost" onclick={cancelEditing}>
-								{$_('common.cancel')}
-							</button>
-							<button type="submit" class="btn btn-primary" disabled={!editName.trim()}>
-								{$_('common.save')}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="calendar-card">
-					<div class="calendar-info">
-						<span class="color-dot" style="background-color: {calendar.color}"></span>
-						<span class="calendar-name">{calendar.name}</span>
-						{#if calendar.isDefault}
-							<span class="badge badge-primary">{$_('settings.default')}</span>
-						{/if}
-					</div>
-					<div class="calendar-actions">
-						<button class="btn btn-ghost btn-sm" onclick={() => startEditing(calendar)}>
-							{$_('common.edit')}
-						</button>
-						{#if !calendar.isDefault}
-							<button
-								class="btn btn-ghost btn-sm text-destructive"
-								onclick={() => handleDeleteCalendar(calendar)}
-							>
-								{$_('common.delete')}
-							</button>
-						{/if}
-					</div>
-				</div>
-			{/if}
-		{/each}
-
-		{#if calendars.length === 0}
-			<div class="empty-state">
-				<p>{$_('settings.noCalendars')}</p>
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.calendars-toolbar {
-		display: flex;
-		justify-content: flex-end;
-		margin-bottom: 1rem;
-	}
-
-	.new-calendar-form {
-		margin-bottom: 1rem;
-		padding: 1rem;
-		background: hsl(var(--color-muted) / 0.3);
-		border-radius: var(--radius-md);
-	}
-
-	.calendar-form-row {
-		display: flex;
-		gap: 0.75rem;
-		margin-bottom: 1rem;
-	}
-
-	.calendar-form-row .input {
-		flex: 1;
-	}
-
-	.color-input {
-		width: 48px;
-		height: 42px;
-		padding: 4px;
-		border: 2px solid hsl(var(--color-border));
-		border-radius: var(--radius-md);
-		cursor: pointer;
-	}
-
-	.calendar-form-actions {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.5rem;
-	}
-
-	.calendar-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.calendar-card {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.75rem;
-		background: hsl(var(--color-muted) / 0.2);
-		border-radius: var(--radius-md);
-	}
-
-	/* Edit form styles */
-	.calendar-edit-form {
-		padding: 1.25rem;
-		background: hsl(var(--color-card));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: var(--radius-lg);
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.08);
-	}
-
-	.edit-form-row {
-		display: flex;
-		gap: 1rem;
-		margin-bottom: 1rem;
-	}
-
-	.edit-form-group {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.edit-form-group--name {
-		flex: 1;
-	}
-
-	.edit-form-group--color {
-		flex-shrink: 0;
-	}
-
-	.edit-label {
-		font-size: 0.8125rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-	}
-
-	.edit-input {
-		width: 100%;
-		padding: 0.625rem 0.875rem;
-		font-size: 0.9375rem;
-		color: hsl(var(--color-foreground));
-		background: hsl(var(--color-background));
-		border: 2px solid hsl(var(--color-border));
-		border-radius: var(--radius-md);
-		outline: none;
-		transition:
-			border-color 150ms ease,
-			box-shadow 150ms ease;
-	}
-
-	.edit-input:hover {
-		border-color: hsl(var(--color-muted-foreground) / 0.5);
-	}
-
-	.edit-input:focus {
-		border-color: hsl(var(--color-primary));
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.15);
-	}
-
-	.edit-input::placeholder {
-		color: hsl(var(--color-muted-foreground) / 0.7);
-	}
-
-	.edit-color-wrapper {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding: 0.375rem 0.625rem 0.375rem 0.375rem;
-		background: hsl(var(--color-background));
-		border: 2px solid hsl(var(--color-border));
-		border-radius: var(--radius-md);
-		transition: border-color 150ms ease;
-	}
-
-	.edit-color-wrapper:hover {
-		border-color: hsl(var(--color-muted-foreground) / 0.5);
-	}
-
-	.edit-color-wrapper:focus-within {
-		border-color: hsl(var(--color-primary));
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.15);
-	}
-
-	.edit-color-input {
-		width: 32px;
-		height: 32px;
-		padding: 0;
-		border: none;
-		border-radius: var(--radius-sm);
-		cursor: pointer;
-		background: transparent;
-	}
-
-	.edit-color-input::-webkit-color-swatch-wrapper {
-		padding: 0;
-	}
-
-	.edit-color-input::-webkit-color-swatch {
-		border: none;
-		border-radius: var(--radius-sm);
-	}
-
-	.edit-color-input::-moz-color-swatch {
-		border: none;
-		border-radius: var(--radius-sm);
-	}
-
-	.edit-color-value {
-		font-size: 0.8125rem;
-		font-family: monospace;
-		color: hsl(var(--color-muted-foreground));
-		text-transform: uppercase;
-	}
-
-	.edit-checkbox {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem;
-		margin-bottom: 1rem;
-		background: hsl(var(--color-muted) / 0.3);
-		border-radius: var(--radius-md);
-		cursor: pointer;
-		transition: background 150ms ease;
-	}
-
-	.edit-checkbox:hover {
-		background: hsl(var(--color-muted) / 0.5);
-	}
-
-	.edit-checkbox input[type='checkbox'] {
-		width: 1.125rem;
-		height: 1.125rem;
-		accent-color: hsl(var(--color-primary));
-		cursor: pointer;
-	}
-
-	.edit-checkbox input[type='checkbox']:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.edit-checkbox-text {
-		font-size: 0.875rem;
-		color: hsl(var(--color-foreground));
-	}
-
-	.edit-checkbox-hint {
-		color: hsl(var(--color-muted-foreground));
-		font-style: italic;
-		margin-left: 0.25rem;
-	}
-
-	.edit-form-actions {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.5rem;
-		padding-top: 1rem;
-		border-top: 1px solid hsl(var(--color-border));
-	}
-
-	.calendar-info {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.color-dot {
-		width: 16px;
-		height: 16px;
-		border-radius: var(--radius-full);
-	}
-
-	.calendar-name {
-		font-weight: 500;
-	}
-
-	.badge {
-		font-size: 0.75rem;
-		padding: 0.125rem 0.5rem;
-		background: hsl(var(--color-muted));
-		border-radius: var(--radius-sm);
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.badge-primary {
-		background: hsl(var(--color-primary) / 0.15);
-		color: hsl(var(--color-primary));
-		font-weight: 500;
-	}
-
-	.calendar-actions {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.btn-sm {
-		padding: 0.25rem 0.75rem;
-		font-size: 0.875rem;
-	}
-
-	.empty-state {
-		text-align: center;
-		padding: 1.5rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.text-destructive {
-		color: hsl(var(--color-error));
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/settings/SettingsModal.svelte b/apps/calendar/apps/web-archived/src/lib/components/settings/SettingsModal.svelte
deleted file mode 100644
index 8990caeb9..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/settings/SettingsModal.svelte
+++ /dev/null
@@ -1,705 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import type { TimeFormat, AllDayDisplayMode, SttLanguage } from '$lib/stores/settings.svelte';
-	import { getContext } from 'svelte';
-	import CalendarManagement from '$lib/components/settings/CalendarManagement.svelte';
-	import {
-		GlobalSettingsSection,
-		SettingsSection,
-		SettingsCard,
-		FilterDropdown,
-		type FilterDropdownOption,
-	} from '@manacore/shared-ui';
-	import { X, CalendarBlank, Eye, Clock, Microphone, Cake, User } from '@manacore/shared-icons';
-	import { focusTrap } from '@manacore/shared-ui';
-	import type { CalendarViewType, Calendar } from '@calendar/shared';
-
-	interface Props {
-		visible: boolean;
-		onClose: () => void;
-	}
-
-	let { visible, onClose }: Props = $props();
-
-	// Get calendars from layout context (live query)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-
-	function handleViewChange(view: CalendarViewType) {
-		settingsStore.set('defaultView', view);
-	}
-
-	function handleTimeFormatChange(format: TimeFormat) {
-		settingsStore.set('timeFormat', format);
-	}
-
-	function handleEventDurationChange(duration: number) {
-		settingsStore.set('defaultEventDuration', duration);
-	}
-
-	function handleReminderChange(minutes: number) {
-		settingsStore.set('defaultReminder', minutes);
-	}
-
-	// View labels
-	const viewLabels: Record<CalendarViewType, string> = {
-		week: 'Woche',
-		month: 'Monat',
-		agenda: 'Agenda',
-	};
-
-	// Duration options in minutes
-	const durationOptions = [15, 30, 45, 60, 90, 120];
-
-	// Reminder options in minutes
-	const reminderOptions = [
-		{ value: 0, label: 'Keine' },
-		{ value: 5, label: '5 Minuten' },
-		{ value: 10, label: '10 Minuten' },
-		{ value: 15, label: '15 Minuten' },
-		{ value: 30, label: '30 Minuten' },
-		{ value: 60, label: '1 Stunde' },
-		{ value: 1440, label: '1 Tag' },
-	];
-
-	// FilterDropdown options
-	let viewOptions = $derived<FilterDropdownOption[]>(
-		Object.entries(viewLabels).map(([value, label]) => ({ value, label }))
-	);
-
-	let durationDropdownOptions = $derived<FilterDropdownOption[]>(
-		durationOptions.map((duration) => ({
-			value: String(duration),
-			label:
-				duration >= 60
-					? `${duration / 60} Stunde${duration > 60 ? 'n' : ''}`
-					: `${duration} Minuten`,
-		}))
-	);
-
-	let reminderDropdownOptions = $derived<FilterDropdownOption[]>(
-		reminderOptions.map((opt) => ({
-			value: String(opt.value),
-			label: opt.label,
-		}))
-	);
-
-	// Dynamic hour options (filtered by the other value)
-	let hourStartOptions = $derived<FilterDropdownOption[]>(
-		Array.from({ length: 24 }, (_, i) => i)
-			.filter((hour) => hour < settingsStore.dayEndHour)
-			.map((hour) => ({
-				value: String(hour),
-				label: `${hour.toString().padStart(2, '0')}:00`,
-			}))
-	);
-
-	let hourEndOptions = $derived<FilterDropdownOption[]>(
-		Array.from({ length: 24 }, (_, i) => i + 1)
-			.filter((hour) => hour > settingsStore.dayStartHour)
-			.map((hour) => ({
-				value: String(hour),
-				label: `${hour.toString().padStart(2, '0')}:00`,
-			}))
-	);
-
-	// Keyboard handler
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-
-	onMount(async () => {
-		settingsStore.initialize();
-		await userSettings.load();
-	});
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if visible}
-	<!-- Backdrop -->
-	<!-- svelte-ignore a11y_click_events_have_key_events -->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div class="modal-backdrop" onclick={onClose}></div>
-
-	<!-- Modal -->
-	<div
-		class="settings-modal"
-		role="dialog"
-		aria-modal="true"
-		aria-label="Einstellungen"
-		use:focusTrap
-	>
-		<!-- Header -->
-		<div class="modal-header">
-			<h2 class="modal-title">Einstellungen</h2>
-			<button class="header-btn close-btn" onclick={onClose} title="Schließen">
-				<X size={18} weight="bold" />
-			</button>
-		</div>
-
-		<!-- Content -->
-		<div class="modal-content">
-			<!-- Meine Kalender -->
-			<SettingsSection title="Meine Kalender">
-				{#snippet icon()}
-					<CalendarBlank size={24} />
-				{/snippet}
-				<SettingsCard>
-					<div class="p-4">
-						<CalendarManagement calendars={calendarsCtx.value} />
-					</div>
-				</SettingsCard>
-			</SettingsSection>
-
-			<!-- Global App Settings (synced across all apps) -->
-			<GlobalSettingsSection
-				{userSettings}
-				appId="calendar"
-				title="App-Einstellungen"
-				description="Diese Einstellungen werden mit allen Mana Apps synchronisiert"
-			/>
-
-			<!-- Kalender-Ansicht -->
-			<SettingsSection title="Kalender-Ansicht">
-				{#snippet icon()}
-					<Eye size={24} />
-				{/snippet}
-				<SettingsCard>
-					<div class="p-4 space-y-3">
-						<div class="setting-item">
-							<div class="setting-info">
-								<span class="setting-label">Standard-Ansicht</span>
-								<span class="setting-description">Ansicht beim Öffnen des Kalenders</span>
-							</div>
-							<FilterDropdown
-								options={viewOptions}
-								value={settingsStore.defaultView}
-								onChange={(v) => handleViewChange(v as CalendarViewType)}
-								placeholder="Ansicht wählen"
-							/>
-						</div>
-
-						<div class="setting-item">
-							<div class="setting-info">
-								<span class="setting-label">Zeitformat</span>
-								<span class="setting-description">Anzeige der Uhrzeiten</span>
-							</div>
-							<div class="button-group">
-								<button
-									class="group-button"
-									class:active={settingsStore.timeFormat === '24h'}
-									onclick={() => handleTimeFormatChange('24h')}
-								>
-									24h (14:00)
-								</button>
-								<button
-									class="group-button"
-									class:active={settingsStore.timeFormat === '12h'}
-									onclick={() => handleTimeFormatChange('12h')}
-								>
-									12h (2:00 PM)
-								</button>
-							</div>
-						</div>
-
-						<div class="setting-item">
-							<label class="toggle-setting">
-								<input
-									type="checkbox"
-									checked={settingsStore.showOnlyWeekdays}
-									onchange={() =>
-										settingsStore.set('showOnlyWeekdays', !settingsStore.showOnlyWeekdays)}
-								/>
-								<div class="toggle-info">
-									<span class="setting-label">Nur Werktage anzeigen</span>
-									<span class="setting-description"
-										>Wochenenden in der Kalenderansicht ausblenden</span
-									>
-								</div>
-							</label>
-						</div>
-
-						<div class="setting-item">
-							<label class="toggle-setting">
-								<input
-									type="checkbox"
-									checked={settingsStore.showWeekNumbers}
-									onchange={() =>
-										settingsStore.set('showWeekNumbers', !settingsStore.showWeekNumbers)}
-								/>
-								<div class="toggle-info">
-									<span class="setting-label">Wochennummern anzeigen</span>
-									<span class="setting-description">Kalenderwoche (KW) in der Ansicht anzeigen</span
-									>
-								</div>
-							</label>
-						</div>
-
-						<div class="setting-item">
-							<label class="toggle-setting">
-								<input
-									type="checkbox"
-									checked={settingsStore.filterHoursEnabled}
-									onchange={() =>
-										settingsStore.set('filterHoursEnabled', !settingsStore.filterHoursEnabled)}
-								/>
-								<div class="toggle-info">
-									<span class="setting-label">Stunden filtern</span>
-									<span class="setting-description"
-										>Nur bestimmte Stunden in der Tages-/Wochenansicht anzeigen</span
-									>
-								</div>
-							</label>
-						</div>
-
-						{#if settingsStore.filterHoursEnabled}
-							<div class="setting-item hour-range-setting">
-								<div class="setting-info">
-									<span class="setting-label">Sichtbare Stunden</span>
-									<span class="setting-description"
-										>Zeitbereich der in der Kalenderansicht angezeigt wird</span
-									>
-								</div>
-								<div class="hour-range-inputs">
-									<div class="hour-input-group">
-										<span class="hour-label">Von</span>
-										<FilterDropdown
-											options={hourStartOptions}
-											value={String(settingsStore.dayStartHour)}
-											onChange={(v) => settingsStore.set('dayStartHour', Number(v))}
-											placeholder="Start"
-										/>
-									</div>
-									<span class="hour-separator">–</span>
-									<div class="hour-input-group">
-										<span class="hour-label">Bis</span>
-										<FilterDropdown
-											options={hourEndOptions}
-											value={String(settingsStore.dayEndHour)}
-											onChange={(v) => settingsStore.set('dayEndHour', Number(v))}
-											placeholder="Ende"
-										/>
-									</div>
-								</div>
-							</div>
-						{/if}
-
-						<div class="setting-item">
-							<div class="setting-info">
-								<span class="setting-label">Ganztägige Termine</span>
-								<span class="setting-description"
-									>Wie sollen ganztägige Termine angezeigt werden?</span
-								>
-							</div>
-							<div class="button-group">
-								<button
-									class="group-button"
-									class:active={settingsStore.allDayDisplayMode === 'header'}
-									onclick={() =>
-										settingsStore.set('allDayDisplayMode', 'header' as AllDayDisplayMode)}
-								>
-									In Kopfzeile
-								</button>
-								<button
-									class="group-button"
-									class:active={settingsStore.allDayDisplayMode === 'block'}
-									onclick={() =>
-										settingsStore.set('allDayDisplayMode', 'block' as AllDayDisplayMode)}
-								>
-									Als Tagesblock
-								</button>
-							</div>
-						</div>
-					</div>
-				</SettingsCard>
-			</SettingsSection>
-
-			<!-- Termin-Einstellungen -->
-			<SettingsSection title="Termine">
-				{#snippet icon()}
-					<Clock size={24} />
-				{/snippet}
-				<SettingsCard>
-					<div class="p-4 space-y-3">
-						<div class="setting-item">
-							<div class="setting-info">
-								<span class="setting-label">Standard-Dauer</span>
-								<span class="setting-description">Voreingestellte Dauer für neue Termine</span>
-							</div>
-							<FilterDropdown
-								options={durationDropdownOptions}
-								value={String(settingsStore.defaultEventDuration)}
-								onChange={(v) => handleEventDurationChange(Number(v))}
-								placeholder="Dauer wählen"
-							/>
-						</div>
-
-						<div class="setting-item">
-							<div class="setting-info">
-								<span class="setting-label">Standard-Erinnerung</span>
-								<span class="setting-description">Voreingestellte Erinnerung für neue Termine</span>
-							</div>
-							<FilterDropdown
-								options={reminderDropdownOptions}
-								value={String(settingsStore.defaultReminder)}
-								onChange={(v) => handleReminderChange(Number(v))}
-								placeholder="Erinnerung wählen"
-							/>
-						</div>
-					</div>
-				</SettingsCard>
-			</SettingsSection>
-
-			<!-- Spracheingabe -->
-			<SettingsSection title="Spracheingabe">
-				{#snippet icon()}
-					<Microphone size={24} />
-				{/snippet}
-				<SettingsCard>
-					<div class="p-4 space-y-3">
-						<div class="setting-item">
-							<div class="setting-info">
-								<span class="setting-label">Sprache der Spracherkennung</span>
-								<span class="setting-description"
-									>Sprache für die Transkription von Sprachaufnahmen</span
-								>
-							</div>
-							<div class="button-group">
-								<button
-									class="group-button"
-									class:active={settingsStore.sttLanguage === 'de'}
-									onclick={() => settingsStore.set('sttLanguage', 'de' as SttLanguage)}
-								>
-									Deutsch
-								</button>
-								<button
-									class="group-button"
-									class:active={settingsStore.sttLanguage === 'auto'}
-									onclick={() => settingsStore.set('sttLanguage', 'auto' as SttLanguage)}
-								>
-									Automatisch
-								</button>
-							</div>
-						</div>
-					</div>
-				</SettingsCard>
-			</SettingsSection>
-
-			<!-- Geburtstage -->
-			<SettingsSection title="Geburtstage">
-				{#snippet icon()}
-					<Cake size={24} />
-				{/snippet}
-				<SettingsCard>
-					<div class="p-4 space-y-3">
-						<div class="setting-item">
-							<label class="toggle-setting">
-								<input
-									type="checkbox"
-									checked={settingsStore.showBirthdays}
-									onchange={() => settingsStore.set('showBirthdays', !settingsStore.showBirthdays)}
-								/>
-								<div class="toggle-info">
-									<span class="setting-label">Geburtstage anzeigen</span>
-									<span class="setting-description"
-										>Geburtstage aus Kontakten im Kalender anzeigen</span
-									>
-								</div>
-							</label>
-						</div>
-
-						{#if settingsStore.showBirthdays}
-							<div class="setting-item birthday-age-setting">
-								<label class="toggle-setting">
-									<input
-										type="checkbox"
-										checked={settingsStore.showBirthdayAge}
-										onchange={() =>
-											settingsStore.set('showBirthdayAge', !settingsStore.showBirthdayAge)}
-									/>
-									<div class="toggle-info">
-										<span class="setting-label">Alter anzeigen</span>
-										<span class="setting-description"
-											>Das Alter der Person bei Geburtstagen anzeigen</span
-										>
-									</div>
-								</label>
-							</div>
-						{/if}
-					</div>
-				</SettingsCard>
-			</SettingsSection>
-
-			<!-- Konto -->
-			<SettingsSection title="Konto">
-				{#snippet icon()}
-					<User size={24} />
-				{/snippet}
-				<SettingsCard>
-					<div class="p-4 space-y-3">
-						<div class="setting-item">
-							<div class="setting-info">
-								<span class="setting-label">E-Mail</span>
-								<span class="setting-value">{authStore.user?.email || '-'}</span>
-							</div>
-						</div>
-
-						<div class="setting-item">
-							<button
-								class="btn btn-ghost text-destructive"
-								onclick={() => {
-									authStore.signOut().then(() => goto('/login'));
-									onClose();
-								}}
-							>
-								Abmelden
-							</button>
-						</div>
-					</div>
-				</SettingsCard>
-			</SettingsSection>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.3);
-		z-index: 99;
-	}
-
-	:global(.dark) .modal-backdrop {
-		background: rgba(0, 0, 0, 0.5);
-	}
-
-	.settings-modal {
-		position: fixed;
-		bottom: calc(140px + env(safe-area-inset-bottom, 0px));
-		left: 50%;
-		transform: translateX(-50%);
-		width: calc(100% - 2rem);
-		max-width: 550px;
-		max-height: 70vh;
-		z-index: 100;
-		background: rgba(255, 255, 255, 0.98);
-		backdrop-filter: blur(20px);
-		-webkit-backdrop-filter: blur(20px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 1rem;
-		box-shadow:
-			0 25px 50px -12px rgba(0, 0, 0, 0.25),
-			0 0 0 1px rgba(255, 255, 255, 0.1);
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-	}
-
-	:global(.dark) .settings-modal {
-		background: rgba(30, 30, 30, 0.98);
-		border: 1px solid rgba(255, 255, 255, 0.1);
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1rem 0.75rem;
-		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-		flex-shrink: 0;
-	}
-
-	:global(.dark) .modal-header {
-		border-bottom-color: rgba(255, 255, 255, 0.08);
-	}
-
-	.modal-title {
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: #1f2937;
-	}
-
-	:global(.dark) .modal-title {
-		color: #f3f4f6;
-	}
-
-	.header-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-		transition: all 0.15s ease;
-	}
-
-	.header-btn:hover {
-		background: rgba(0, 0, 0, 0.05);
-		color: #1f2937;
-	}
-
-	:global(.dark) .header-btn {
-		color: #9ca3af;
-	}
-
-	:global(.dark) .header-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	.modal-content {
-		flex: 1;
-		overflow-y: auto;
-		padding: 0.75rem;
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	/* Settings section styles */
-	.setting-item {
-		padding: 0.75rem 0;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-	}
-
-	.setting-item:last-child {
-		border-bottom: none;
-		padding-bottom: 0;
-	}
-
-	.setting-info {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-		margin-bottom: 0.5rem;
-	}
-
-	.setting-label {
-		font-weight: 500;
-		font-size: 0.875rem;
-		color: hsl(var(--color-foreground));
-	}
-
-	.setting-description {
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.setting-value {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	/* Button group */
-	.button-group {
-		display: flex;
-		gap: 0;
-	}
-
-	.group-button {
-		padding: 0.375rem 0.75rem;
-		border: 2px solid hsl(var(--color-border));
-		background: transparent;
-		color: hsl(var(--color-foreground));
-		font-size: 0.8125rem;
-		cursor: pointer;
-		transition: all 150ms ease;
-	}
-
-	.group-button:first-child {
-		border-radius: var(--radius-md) 0 0 var(--radius-md);
-	}
-
-	.group-button:last-child {
-		border-radius: 0 var(--radius-md) var(--radius-md) 0;
-		border-left: none;
-	}
-
-	.group-button:hover {
-		background: hsl(var(--color-muted) / 0.5);
-	}
-
-	.group-button.active {
-		border-color: hsl(var(--color-primary));
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-	}
-
-	/* Toggle setting */
-	.toggle-setting {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.5rem;
-		cursor: pointer;
-	}
-
-	.toggle-setting input[type='checkbox'] {
-		width: 1rem;
-		height: 1rem;
-		margin-top: 0.125rem;
-		accent-color: hsl(var(--color-primary));
-		cursor: pointer;
-	}
-
-	.toggle-info {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	.toggle-info .setting-label {
-		margin-bottom: 0;
-	}
-
-	.text-destructive {
-		color: hsl(var(--color-error));
-	}
-
-	/* Hour range settings */
-	.hour-range-setting {
-		padding-left: 1.5rem;
-		border-left: 2px solid hsl(var(--color-primary) / 0.3);
-		margin-left: 0.5rem;
-	}
-
-	.hour-range-inputs {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.hour-input-group {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	.hour-label {
-		font-size: 0.6875rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.hour-separator {
-		font-size: 1rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-top: 1rem;
-	}
-
-	/* Birthday age setting (indented sub-setting) */
-	.birthday-age-setting {
-		padding-left: 1.5rem;
-		border-left: 2px solid hsl(var(--color-primary) / 0.3);
-		margin-left: 0.5rem;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/skeletons/AgendaSkeleton.svelte b/apps/calendar/apps/web-archived/src/lib/components/skeletons/AgendaSkeleton.svelte
deleted file mode 100644
index ca4b77da6..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/skeletons/AgendaSkeleton.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	/**
-	 * AgendaSkeleton - Skeleton for agenda page event list
-	 * Shows date groups with event items
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="space-y-6" role="status" aria-label="Termine werden geladen...">
-	<!-- Date Groups -->
-	{#each Array(4) as _, groupIndex}
-		<div class="space-y-2" style="opacity: {Math.max(0.4, 1 - groupIndex * 0.15)}">
-			<!-- Date Header -->
-			<div class="px-2">
-				<SkeletonBox width="140px" height="14px" borderRadius="4px" />
-			</div>
-
-			<!-- Event Items -->
-			{#each Array(groupIndex === 0 ? 3 : 2) as _, eventIndex}
-				<div
-					class="bg-card rounded-xl p-4 flex gap-4"
-					style="opacity: {Math.max(0.5, 1 - eventIndex * 0.15)}"
-				>
-					<!-- Color Bar -->
-					<SkeletonBox width="4px" height="48px" borderRadius="2px" />
-
-					<!-- Event Content -->
-					<div class="flex-1 space-y-2">
-						<!-- Time -->
-						<SkeletonBox width="90px" height="12px" borderRadius="4px" />
-						<!-- Title -->
-						<SkeletonBox width="70%" height="16px" borderRadius="4px" />
-						<!-- Location (occasionally) -->
-						{#if eventIndex === 0}
-							<SkeletonBox width="50%" height="14px" borderRadius="4px" />
-						{/if}
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/each}
-</div>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte b/apps/calendar/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte
deleted file mode 100644
index a46eb0b57..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts">
-	/**
-	 * AppLoadingSkeleton - Full-page loading skeleton for app initialization
-	 * Replaces spinner with calendar-themed skeleton layout
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div
-	class="flex min-h-screen items-center justify-center bg-background"
-	role="status"
-	aria-label="Kalender wird geladen..."
->
-	<div class="w-full max-w-md px-6 space-y-8">
-		<!-- Logo/Header Area -->
-		<div class="flex flex-col items-center gap-4">
-			<SkeletonBox width="64px" height="64px" borderRadius="16px" />
-			<SkeletonBox width="180px" height="24px" borderRadius="8px" />
-		</div>
-
-		<!-- Calendar Preview Skeleton -->
-		<div class="bg-card rounded-xl p-4 space-y-4">
-			<!-- Mini Calendar Header -->
-			<div class="flex items-center justify-between">
-				<SkeletonBox width="120px" height="20px" />
-				<div class="flex gap-2">
-					<SkeletonBox width="32px" height="32px" borderRadius="8px" />
-					<SkeletonBox width="32px" height="32px" borderRadius="8px" />
-				</div>
-			</div>
-
-			<!-- Weekday Headers -->
-			<div class="grid grid-cols-7 gap-1">
-				{#each Array(7) as _}
-					<SkeletonBox width="100%" height="24px" borderRadius="4px" />
-				{/each}
-			</div>
-
-			<!-- Calendar Days Grid -->
-			<div class="grid grid-cols-7 gap-1">
-				{#each Array(35) as _, i}
-					<div style="opacity: {Math.max(0.3, 1 - (i % 7) * 0.08)}">
-						<SkeletonBox width="100%" height="32px" borderRadius="8px" />
-					</div>
-				{/each}
-			</div>
-		</div>
-
-		<!-- Loading Indicator -->
-		<div class="flex justify-center">
-			<SkeletonBox width="140px" height="16px" borderRadius="4px" />
-		</div>
-	</div>
-</div>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/skeletons/CalendarViewSkeleton.svelte b/apps/calendar/apps/web-archived/src/lib/components/skeletons/CalendarViewSkeleton.svelte
deleted file mode 100644
index d48b95c7f..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/skeletons/CalendarViewSkeleton.svelte
+++ /dev/null
@@ -1,149 +0,0 @@
-<script lang="ts">
-	/**
-	 * CalendarViewSkeleton - Skeleton for the main calendar week view
-	 * Shows a week grid with time slots and placeholder events
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-
-	// 7 days of the week
-	const days = Array(7);
-	// Show hours from 8 to 18 (working hours)
-	const hours = Array(10);
-</script>
-
-<div class="calendar-skeleton" role="status" aria-label="Kalender wird geladen...">
-	<!-- Header with day names -->
-	<div class="calendar-header">
-		<!-- Time column spacer -->
-		<div class="time-spacer"></div>
-
-		<!-- Day headers -->
-		{#each days as _, dayIndex}
-			<div class="day-header" style="opacity: {Math.max(0.5, 1 - dayIndex * 0.05)}">
-				<SkeletonBox width="32px" height="14px" borderRadius="4px" />
-				<SkeletonBox width="28px" height="28px" borderRadius="50%" />
-			</div>
-		{/each}
-	</div>
-
-	<!-- Calendar grid -->
-	<div class="calendar-grid">
-		<!-- Time column -->
-		<div class="time-column">
-			{#each hours as _, hourIndex}
-				<div class="time-slot" style="opacity: {Math.max(0.4, 1 - hourIndex * 0.05)}">
-					<SkeletonBox width="36px" height="12px" borderRadius="4px" />
-				</div>
-			{/each}
-		</div>
-
-		<!-- Day columns -->
-		{#each days as _, dayIndex}
-			<div class="day-column" style="opacity: {Math.max(0.6, 1 - dayIndex * 0.04)}">
-				{#each hours as _, hourIndex}
-					<div class="hour-cell"></div>
-				{/each}
-
-				<!-- Placeholder events -->
-				{#if dayIndex === 1}
-					<div class="event-placeholder" style="top: 10%; height: 15%;">
-						<SkeletonBox width="100%" height="100%" borderRadius="6px" />
-					</div>
-				{/if}
-				{#if dayIndex === 2}
-					<div class="event-placeholder" style="top: 30%; height: 10%;">
-						<SkeletonBox width="100%" height="100%" borderRadius="6px" />
-					</div>
-				{/if}
-				{#if dayIndex === 3}
-					<div class="event-placeholder" style="top: 50%; height: 20%;">
-						<SkeletonBox width="100%" height="100%" borderRadius="6px" />
-					</div>
-				{/if}
-				{#if dayIndex === 4}
-					<div class="event-placeholder" style="top: 20%; height: 8%;">
-						<SkeletonBox width="100%" height="100%" borderRadius="6px" />
-					</div>
-					<div class="event-placeholder" style="top: 60%; height: 12%;">
-						<SkeletonBox width="100%" height="100%" borderRadius="6px" />
-					</div>
-				{/if}
-				{#if dayIndex === 5}
-					<div class="event-placeholder" style="top: 40%; height: 15%;">
-						<SkeletonBox width="100%" height="100%" borderRadius="6px" />
-					</div>
-				{/if}
-			</div>
-		{/each}
-	</div>
-</div>
-
-<style>
-	.calendar-skeleton {
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		min-height: 600px;
-		overflow: hidden;
-	}
-
-	.calendar-header {
-		display: flex;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		padding: 0.75rem 0;
-	}
-
-	.time-spacer {
-		width: 60px;
-		flex-shrink: 0;
-	}
-
-	.day-header {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.25rem;
-	}
-
-	.calendar-grid {
-		display: flex;
-		flex: 1;
-		overflow: hidden;
-	}
-
-	.time-column {
-		width: 60px;
-		flex-shrink: 0;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.time-slot {
-		height: 60px;
-		display: flex;
-		align-items: flex-start;
-		justify-content: flex-end;
-		padding-right: 0.5rem;
-		padding-top: 0.25rem;
-	}
-
-	.day-column {
-		flex: 1;
-		position: relative;
-		border-left: 1px solid hsl(var(--color-border) / 0.3);
-	}
-
-	.hour-cell {
-		height: 60px;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.2);
-	}
-
-	.event-placeholder {
-		position: absolute;
-		left: 4px;
-		right: 4px;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/skeletons/EventDetailSkeleton.svelte b/apps/calendar/apps/web-archived/src/lib/components/skeletons/EventDetailSkeleton.svelte
deleted file mode 100644
index c0a68389a..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/skeletons/EventDetailSkeleton.svelte
+++ /dev/null
@@ -1,75 +0,0 @@
-<script lang="ts">
-	/**
-	 * EventDetailSkeleton - Skeleton for event detail modal
-	 * Matches the layout of EventDetailModal
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="p-6 space-y-5" role="status" aria-label="Termin wird geladen...">
-	<!-- Header with Title and Actions -->
-	<div class="flex items-start justify-between gap-4">
-		<SkeletonBox width="60%" height="24px" borderRadius="6px" />
-		<div class="flex gap-2 flex-shrink-0">
-			<SkeletonBox width="32px" height="32px" borderRadius="8px" />
-			<SkeletonBox width="32px" height="32px" borderRadius="8px" />
-		</div>
-	</div>
-
-	<!-- Calendar Row -->
-	<div class="flex items-start gap-3">
-		<SkeletonBox width="20px" height="20px" borderRadius="50%" />
-		<div class="flex flex-col gap-1.5 flex-1">
-			<SkeletonBox width="60px" height="12px" borderRadius="4px" />
-			<SkeletonBox width="120px" height="16px" borderRadius="4px" />
-		</div>
-	</div>
-
-	<!-- Time Row -->
-	<div class="flex items-start gap-3">
-		<SkeletonBox width="20px" height="20px" borderRadius="4px" />
-		<div class="flex flex-col gap-1.5 flex-1">
-			<SkeletonBox width="40px" height="12px" borderRadius="4px" />
-			<SkeletonBox width="200px" height="16px" borderRadius="4px" />
-		</div>
-	</div>
-
-	<!-- Location Row -->
-	<div class="flex items-start gap-3">
-		<SkeletonBox width="20px" height="20px" borderRadius="4px" />
-		<div class="flex flex-col gap-1.5 flex-1">
-			<SkeletonBox width="40px" height="12px" borderRadius="4px" />
-			<SkeletonBox width="160px" height="16px" borderRadius="4px" />
-		</div>
-	</div>
-
-	<!-- Description Row -->
-	<div class="flex items-start gap-3">
-		<SkeletonBox width="20px" height="20px" borderRadius="4px" />
-		<div class="flex flex-col gap-1.5 flex-1">
-			<SkeletonBox width="80px" height="12px" borderRadius="4px" />
-			<div class="space-y-2">
-				<SkeletonBox width="100%" height="14px" borderRadius="4px" />
-				<SkeletonBox width="90%" height="14px" borderRadius="4px" />
-				<SkeletonBox width="70%" height="14px" borderRadius="4px" />
-			</div>
-		</div>
-	</div>
-
-	<!-- Attendees Row -->
-	<div class="flex items-start gap-3">
-		<SkeletonBox width="20px" height="20px" borderRadius="4px" />
-		<div class="flex flex-col gap-2 flex-1">
-			<SkeletonBox width="100px" height="12px" borderRadius="4px" />
-			<div class="flex flex-col gap-1.5">
-				{#each Array(3) as _, i}
-					<div class="flex items-center gap-2" style="opacity: {Math.max(0.5, 1 - i * 0.2)}">
-						<SkeletonBox width="140px" height="14px" borderRadius="4px" />
-						<SkeletonBox width="24px" height="18px" borderRadius="4px" />
-					</div>
-				{/each}
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/skeletons/RedirectSkeleton.svelte b/apps/calendar/apps/web-archived/src/lib/components/skeletons/RedirectSkeleton.svelte
deleted file mode 100644
index db8130ed8..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/skeletons/RedirectSkeleton.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	/**
-	 * RedirectSkeleton - Simple centered skeleton for redirect pages
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div
-	class="flex flex-col items-center justify-center min-h-[50vh] gap-4"
-	role="status"
-	aria-label="Weiterleitung..."
->
-	<SkeletonBox width="48px" height="48px" borderRadius="50%" />
-	<SkeletonBox width="100px" height="16px" borderRadius="4px" />
-</div>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/skeletons/index.ts b/apps/calendar/apps/web-archived/src/lib/components/skeletons/index.ts
deleted file mode 100644
index 032422277..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/skeletons/index.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Calendar App Skeleton Components
- *
- * App-specific skeleton loaders that match the exact layout of calendar components.
- * Built on top of @manacore/shared-ui skeleton primitives.
- */
-
-// App Loading Skeleton
-export { default as AppLoadingSkeleton } from './AppLoadingSkeleton.svelte';
-
-// Agenda Skeleton
-export { default as AgendaSkeleton } from './AgendaSkeleton.svelte';
-
-// Event Detail Skeleton
-export { default as EventDetailSkeleton } from './EventDetailSkeleton.svelte';
-
-// Redirect Skeleton
-export { default as RedirectSkeleton } from './RedirectSkeleton.svelte';
-
-// Calendar View Skeleton
-export { default as CalendarViewSkeleton } from './CalendarViewSkeleton.svelte';
diff --git a/apps/calendar/apps/web-archived/src/lib/components/tags/index.ts b/apps/calendar/apps/web-archived/src/lib/components/tags/index.ts
deleted file mode 100644
index 8e217ea36..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/tags/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-// Tag components (tag groups removed - flat tag list only)
diff --git a/apps/calendar/apps/web-archived/src/lib/components/voice/VoiceRecordButton.svelte b/apps/calendar/apps/web-archived/src/lib/components/voice/VoiceRecordButton.svelte
deleted file mode 100644
index 9253b1870..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/voice/VoiceRecordButton.svelte
+++ /dev/null
@@ -1,223 +0,0 @@
-<script lang="ts">
-	import { voiceRecordingStore } from '$lib/stores/voice-recording.svelte';
-	import { Microphone } from '@manacore/shared-icons';
-
-	interface Props {
-		/** Called when voice recording completes with transcription */
-		onResult?: (text: string) => void;
-		/** Called when recording starts */
-		onRecordingStart?: () => void;
-		/** Size of the button in pixels */
-		size?: number;
-	}
-
-	let { onResult, onRecordingStart, size = 32 }: Props = $props();
-
-	// Reactive state from store
-	let isRecording = $derived(voiceRecordingStore.isRecording);
-	let isProcessing = $derived(voiceRecordingStore.isProcessing);
-	let isSupported = $derived(voiceRecordingStore.isSupported);
-	let hasError = $derived(voiceRecordingStore.hasError);
-	let errorMessage = $derived(voiceRecordingStore.error?.message || '');
-
-	// Handle click
-	async function handleClick() {
-		if (!isSupported) {
-			return;
-		}
-
-		if (isRecording) {
-			// Stop recording
-			await voiceRecordingStore.stopRecording();
-		} else if (!isProcessing) {
-			// Start recording
-			onRecordingStart?.();
-			await voiceRecordingStore.startRecording();
-		}
-	}
-
-	// Set up result callback
-	$effect(() => {
-		voiceRecordingStore.setOnResult((result) => {
-			onResult?.(result.text);
-		});
-	});
-
-	// Clear error after 5 seconds
-	$effect(() => {
-		if (hasError) {
-			const timeout = setTimeout(() => {
-				voiceRecordingStore.clearError();
-			}, 5000);
-			return () => clearTimeout(timeout);
-		}
-	});
-</script>
-
-{#if isSupported}
-	<button
-		type="button"
-		class="voice-btn"
-		class:recording={isRecording}
-		class:processing={isProcessing}
-		class:error={hasError}
-		onclick={handleClick}
-		disabled={isProcessing}
-		title={hasError
-			? errorMessage
-			: isRecording
-				? 'Aufnahme stoppen'
-				: isProcessing
-					? 'Verarbeite...'
-					: 'Spracheingabe'}
-		style="--btn-size: {size}px"
-	>
-		{#if isProcessing}
-			<!-- Spinner -->
-			<div class="spinner"></div>
-		{:else if isRecording}
-			<!-- Pulsing red dot -->
-			<div class="recording-dot"></div>
-		{:else}
-			<!-- Microphone icon -->
-			<Microphone class="mic-icon" />
-		{/if}
-	</button>
-
-	<!-- Error tooltip -->
-	{#if hasError && errorMessage}
-		<div class="error-tooltip" role="alert">
-			{errorMessage}
-		</div>
-	{/if}
-{/if}
-
-<style>
-	.voice-btn {
-		position: relative;
-		width: var(--btn-size, 32px);
-		height: var(--btn-size, 32px);
-		border-radius: 50%;
-		border: none;
-		background: transparent;
-		color: hsl(var(--color-muted-foreground));
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: all 0.15s ease;
-		flex-shrink: 0;
-	}
-
-	.voice-btn:hover:not(:disabled) {
-		background: hsl(var(--color-muted) / 0.5);
-		color: hsl(var(--color-foreground));
-	}
-
-	.voice-btn:disabled {
-		cursor: not-allowed;
-		opacity: 0.7;
-	}
-
-	/* Recording state */
-	.voice-btn.recording {
-		background: hsl(var(--color-error) / 0.1);
-		color: hsl(var(--color-error));
-	}
-
-	.voice-btn.recording:hover {
-		background: hsl(var(--color-error) / 0.2);
-	}
-
-	/* Processing state */
-	.voice-btn.processing {
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-	}
-
-	/* Error state */
-	.voice-btn.error {
-		color: hsl(var(--color-error));
-	}
-
-	/* Microphone icon */
-	.mic-icon {
-		width: 60%;
-		height: 60%;
-	}
-
-	/* Recording dot with pulse animation */
-	.recording-dot {
-		width: 12px;
-		height: 12px;
-		border-radius: 50%;
-		background: hsl(var(--color-error));
-		animation: pulse 1s ease-in-out infinite;
-	}
-
-	@keyframes pulse {
-		0%,
-		100% {
-			transform: scale(1);
-			opacity: 1;
-		}
-		50% {
-			transform: scale(1.2);
-			opacity: 0.7;
-		}
-	}
-
-	/* Spinner */
-	.spinner {
-		width: 16px;
-		height: 16px;
-		border: 2px solid hsl(var(--color-primary) / 0.3);
-		border-top-color: hsl(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 0.8s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	/* Error tooltip */
-	.error-tooltip {
-		position: absolute;
-		bottom: calc(100% + 8px);
-		left: 50%;
-		transform: translateX(-50%);
-		background: hsl(var(--color-error));
-		color: hsl(var(--color-error-foreground, 0 0% 100%));
-		padding: 0.5rem 0.75rem;
-		border-radius: var(--radius-md, 6px);
-		font-size: 0.75rem;
-		white-space: nowrap;
-		z-index: 100;
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.15);
-		animation: fadeIn 0.15s ease;
-	}
-
-	.error-tooltip::after {
-		content: '';
-		position: absolute;
-		top: 100%;
-		left: 50%;
-		transform: translateX(-50%);
-		border: 6px solid transparent;
-		border-top-color: hsl(var(--color-error));
-	}
-
-	@keyframes fadeIn {
-		from {
-			opacity: 0;
-			transform: translateX(-50%) translateY(4px);
-		}
-		to {
-			opacity: 1;
-			transform: translateX(-50%) translateY(0);
-		}
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/components/voice/VoiceRecordingModal.svelte b/apps/calendar/apps/web-archived/src/lib/components/voice/VoiceRecordingModal.svelte
deleted file mode 100644
index 6bdb147e4..000000000
--- a/apps/calendar/apps/web-archived/src/lib/components/voice/VoiceRecordingModal.svelte
+++ /dev/null
@@ -1,345 +0,0 @@
-<script lang="ts">
-	import { voiceRecordingStore } from '$lib/stores/voice-recording.svelte';
-	import { fade, scale } from 'svelte/transition';
-	import { focusTrap } from '@manacore/shared-ui';
-	import { WarningCircle, X, Check } from '@manacore/shared-icons';
-
-	interface Props {
-		/** Called when recording completes with transcription */
-		onResult?: (text: string) => void;
-		/** Called when modal is closed (via cancel or completion) */
-		onClose?: () => void;
-	}
-
-	let { onResult, onClose }: Props = $props();
-
-	// Reactive state from store
-	let isRecording = $derived(voiceRecordingStore.isRecording);
-	let isProcessing = $derived(voiceRecordingStore.isProcessing);
-	let isRequesting = $derived(voiceRecordingStore.state === 'requesting');
-	let hasError = $derived(voiceRecordingStore.hasError);
-	let errorMessage = $derived(voiceRecordingStore.error?.message || '');
-	let formattedDuration = $derived(voiceRecordingStore.formattedDuration);
-	let duration = $derived(voiceRecordingStore.duration);
-
-	// Warning when approaching max duration (50 seconds = 50000ms)
-	let showWarning = $derived(duration >= 50000 && isRecording);
-
-	// Show modal when any voice activity is happening
-	let isVisible = $derived(isRecording || isProcessing || isRequesting || hasError);
-
-	// Handle stop
-	async function handleStop() {
-		await voiceRecordingStore.stopRecording();
-	}
-
-	// Handle cancel
-	function handleCancel() {
-		voiceRecordingStore.cancel();
-		onClose?.();
-	}
-
-	// Set up result callback
-	$effect(() => {
-		voiceRecordingStore.setOnResult((result) => {
-			onResult?.(result.text);
-			onClose?.();
-		});
-	});
-
-	// Handle keyboard
-	function handleKeydown(event: KeyboardEvent) {
-		if (event.key === 'Escape') {
-			handleCancel();
-		} else if (event.key === 'Enter' && isRecording) {
-			handleStop();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if isVisible}
-	<!-- Backdrop -->
-	<div class="backdrop" transition:fade={{ duration: 150 }} onclick={handleCancel}></div>
-
-	<!-- Modal -->
-	<div
-		class="modal"
-		transition:scale={{ duration: 150, start: 0.9 }}
-		role="dialog"
-		aria-modal="true"
-		aria-label="Sprachaufnahme"
-		use:focusTrap
-	>
-		{#if isRequesting}
-			<!-- Requesting permission state -->
-			<div class="modal-content">
-				<div class="spinner large"></div>
-				<p class="status-text">Mikrofonzugriff wird angefordert...</p>
-			</div>
-		{:else if isProcessing}
-			<!-- Processing/transcribing state -->
-			<div class="modal-content">
-				<div class="spinner large"></div>
-				<p class="status-text">Verarbeite...</p>
-			</div>
-		{:else if hasError}
-			<!-- Error state -->
-			<div class="modal-content error">
-				<div class="error-icon">
-					<WarningCircle size={48} />
-				</div>
-				<p class="error-message">{errorMessage}</p>
-				<button class="btn btn-primary" onclick={handleCancel}>Schließen</button>
-			</div>
-		{:else if isRecording}
-			<!-- Recording state -->
-			<div class="modal-content recording">
-				<!-- Recording indicator -->
-				<div class="recording-indicator">
-					<div class="recording-dot-large"></div>
-					<span class="recording-label">Aufnahme</span>
-				</div>
-
-				<!-- Timer -->
-				<div class="timer" class:warning={showWarning}>
-					{formattedDuration}
-				</div>
-
-				{#if showWarning}
-					<p class="warning-text">Max. 60 Sekunden</p>
-				{/if}
-
-				<!-- Controls -->
-				<div class="controls">
-					<button class="btn btn-icon btn-cancel" onclick={handleCancel} title="Abbrechen (Esc)">
-						<X size={24} />
-					</button>
-
-					<button
-						class="btn btn-icon btn-stop"
-						onclick={handleStop}
-						title="Aufnahme beenden (Enter)"
-					>
-						<Check size={24} />
-					</button>
-				</div>
-
-				<p class="hint-text">Sprechen Sie Ihren Termin...</p>
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<style>
-	.backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		z-index: 200;
-	}
-
-	.modal {
-		position: fixed;
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -50%);
-		z-index: 201;
-		background: var(--color-surface-elevated-2);
-		border-radius: 1.5rem;
-		box-shadow:
-			0 25px 50px -12px rgba(0, 0, 0, 0.5),
-			0 0 0 1px var(--color-border-strong);
-		padding: 2rem;
-		min-width: 280px;
-		max-width: 90vw;
-	}
-
-	.modal-content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 1rem;
-		text-align: center;
-	}
-
-	/* Recording indicator */
-	.recording-indicator {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: hsl(var(--color-error) / 0.1);
-		border-radius: 9999px;
-	}
-
-	.recording-dot-large {
-		width: 10px;
-		height: 10px;
-		border-radius: 50%;
-		background: hsl(var(--color-error));
-		animation: pulse 1s ease-in-out infinite;
-	}
-
-	.recording-label {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: hsl(var(--color-error));
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-	}
-
-	/* Timer */
-	.timer {
-		font-size: 3rem;
-		font-weight: 600;
-		font-variant-numeric: tabular-nums;
-		color: hsl(var(--color-foreground));
-		line-height: 1;
-	}
-
-	.timer.warning {
-		color: hsl(var(--color-warning));
-		animation: blink 1s ease-in-out infinite;
-	}
-
-	@keyframes blink {
-		0%,
-		100% {
-			opacity: 1;
-		}
-		50% {
-			opacity: 0.5;
-		}
-	}
-
-	.warning-text {
-		font-size: 0.75rem;
-		color: hsl(var(--color-warning));
-		font-weight: 500;
-	}
-
-	/* Controls */
-	.controls {
-		display: flex;
-		gap: 1.5rem;
-		margin-top: 1rem;
-	}
-
-	.btn {
-		border: none;
-		cursor: pointer;
-		font-weight: 500;
-		transition: all 0.15s ease;
-	}
-
-	.btn-icon {
-		width: 56px;
-		height: 56px;
-		border-radius: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.btn-icon svg {
-		width: 24px;
-		height: 24px;
-	}
-
-	.btn-cancel {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.btn-cancel:hover {
-		background: hsl(var(--color-muted) / 0.8);
-		color: hsl(var(--color-foreground));
-	}
-
-	.btn-stop {
-		background: hsl(var(--color-success));
-		color: hsl(var(--color-success-foreground, 0 0% 100%));
-	}
-
-	.btn-stop:hover {
-		transform: scale(1.05);
-		filter: brightness(1.1);
-	}
-
-	.btn-primary {
-		padding: 0.75rem 1.5rem;
-		border-radius: 0.5rem;
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground, 0 0% 100%));
-	}
-
-	.btn-primary:hover {
-		filter: brightness(1.1);
-	}
-
-	.hint-text {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-top: 0.5rem;
-	}
-
-	.status-text {
-		font-size: 1rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	/* Error state */
-	.modal-content.error {
-		gap: 1.25rem;
-	}
-
-	.error-icon {
-		width: 48px;
-		height: 48px;
-		color: hsl(var(--color-error));
-	}
-
-	.error-icon svg {
-		width: 100%;
-		height: 100%;
-	}
-
-	.error-message {
-		font-size: 0.9375rem;
-		color: hsl(var(--color-foreground));
-		max-width: 250px;
-	}
-
-	/* Spinner */
-	.spinner {
-		border: 3px solid hsl(var(--color-border));
-		border-top-color: hsl(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 0.8s linear infinite;
-	}
-
-	.spinner.large {
-		width: 48px;
-		height: 48px;
-	}
-
-	@keyframes pulse {
-		0%,
-		100% {
-			transform: scale(1);
-			opacity: 1;
-		}
-		50% {
-			transform: scale(1.2);
-			opacity: 0.7;
-		}
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/index.ts b/apps/calendar/apps/web-archived/src/lib/composables/index.ts
deleted file mode 100644
index c03549eec..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/index.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Calendar Composables
- * Reusable logic extracted from components
- */
-
-// Visible hours and time indicator
-export { useVisibleHours, useCurrentTimeIndicator } from './useVisibleHours.svelte';
-
-// Event drag/drop and resize (comprehensive composable)
-export {
-	useEventDragDrop,
-	type EventDragDropConfig,
-	type EventDragState,
-	type EventResizeState,
-} from './useEventDragDrop.svelte';
-
-// Drag-to-create
-export { useDragToCreate, type DragToCreateConfig } from './useDragToCreate.svelte';
-
-// Keyboard handling
-export { useCalendarKeyboard, type CancellableOperation } from './useCalendarKeyboard.svelte';
-
-// Swipe navigation (carousel gesture handling)
-export { useSwipeNavigation, type SwipeNavigationConfig } from './useSwipeNavigation.svelte';
-
-// Birthday popover management
-export { useBirthdayPopover } from './useBirthdayPopover.svelte';
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/useBirthdayPopover.svelte.ts b/apps/calendar/apps/web-archived/src/lib/composables/useBirthdayPopover.svelte.ts
deleted file mode 100644
index 400e1b6ef..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/useBirthdayPopover.svelte.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Birthday Popover Composable
- * Manages birthday popover state and handlers for calendar views
- */
-
-import type { BirthdayEvent } from '$lib/api/birthdays';
-
-export function useBirthdayPopover() {
-	let selectedBirthday = $state<BirthdayEvent | null>(null);
-	let popoverPosition = $state<{ x: number; y: number }>({ x: 0, y: 0 });
-
-	/**
-	 * Handle click on a birthday indicator to show the popover
-	 */
-	function handleBirthdayClick(birthday: BirthdayEvent, e: MouseEvent) {
-		e.stopPropagation();
-		selectedBirthday = birthday;
-		popoverPosition = { x: e.clientX, y: e.clientY };
-	}
-
-	/**
-	 * Close the birthday popover
-	 */
-	function closePopover() {
-		selectedBirthday = null;
-	}
-
-	/**
-	 * Check if popover is currently open
-	 */
-	function isOpen(): boolean {
-		return selectedBirthday !== null;
-	}
-
-	return {
-		// State (reactive getters)
-		get selectedBirthday() {
-			return selectedBirthday;
-		},
-		get popoverPosition() {
-			return popoverPosition;
-		},
-
-		// Methods
-		handleBirthdayClick,
-		closePopover,
-		isOpen,
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/useCalendarKeyboard.svelte.ts b/apps/calendar/apps/web-archived/src/lib/composables/useCalendarKeyboard.svelte.ts
deleted file mode 100644
index 3c229551d..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/useCalendarKeyboard.svelte.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Calendar Keyboard Handling Composable
- * Handles keyboard shortcuts for calendar views (e.g., Escape to cancel drag/resize)
- */
-
-export interface CancellableOperation {
-	/** Check if operation is active */
-	isActive: () => boolean;
-	/** Cancel the operation */
-	cancel: () => void;
-}
-
-/**
- * Creates a keyboard handler that cancels operations on Escape key
- * Automatically sets up and cleans up the event listener via $effect
- *
- * @param operations - Array of operations that can be cancelled (e.g., drag/drop, resize)
- */
-export function useCalendarKeyboard(operations: CancellableOperation[]) {
-	function handleKeyDown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			// Check if any operation is active
-			const activeOperation = operations.find((op) => op.isActive());
-			if (activeOperation) {
-				e.preventDefault();
-				activeOperation.cancel();
-			}
-		}
-	}
-
-	// Setup listener - call this in $effect
-	function setup() {
-		document.addEventListener('keydown', handleKeyDown);
-		return () => document.removeEventListener('keydown', handleKeyDown);
-	}
-
-	return {
-		setup,
-		handleKeyDown,
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/useDragToCreate.svelte.ts b/apps/calendar/apps/web-archived/src/lib/composables/useDragToCreate.svelte.ts
deleted file mode 100644
index df55f23a4..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/useDragToCreate.svelte.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-/**
- * Drag-to-Create Composable
- * Handles click-and-drag on the calendar grid to create new events
- */
-
-import { DEFAULT_EVENT_DURATION_MINUTES } from '$lib/utils/calendarConstants';
-import { formatTime, getSnapMinutes, getDayFromX, getMinutesFromY } from '$lib/utils/drag-helpers';
-
-export interface DragToCreateConfig {
-	containerEl: HTMLElement | null;
-	days: Date[];
-	firstVisibleHour: number;
-	lastVisibleHour: number;
-	totalVisibleHours: number;
-	hourHeight: number;
-	minutesToPercent: (minutes: number) => number;
-	snapMinutes?: number;
-	isOtherOperationActive: () => boolean;
-	onCreateEnd?: (startTime: Date, endTime: Date, position: { x: number; y: number }) => void;
-}
-
-export function useDragToCreate(getConfig: () => DragToCreateConfig) {
-	let isCreating = $state(false);
-	let createTargetDay = $state<Date | null>(null);
-	let createStartMinutes = $state(0);
-	let createEndMinutes = $state(0);
-	let createPreviewTop = $state(0);
-	let createPreviewHeight = $state(0);
-	let hasMoved = $state(false);
-
-	function dayFromX(clientX: number): Date | null {
-		const config = getConfig();
-		return getDayFromX(clientX, config.containerEl, config.days);
-	}
-
-	function minutesFromY(clientY: number): number {
-		const config = getConfig();
-		return getMinutesFromY(
-			clientY,
-			config.containerEl,
-			config.totalVisibleHours,
-			config.hourHeight,
-			config.firstVisibleHour,
-			config.snapMinutes
-		);
-	}
-
-	function updatePreview() {
-		const config = getConfig();
-		createPreviewTop = config.minutesToPercent(createStartMinutes);
-		const duration = createEndMinutes - createStartMinutes;
-		createPreviewHeight = (duration / (config.totalVisibleHours * 60)) * 100;
-	}
-
-	function startCreate(e: PointerEvent) {
-		const config = getConfig();
-		if (config.isOtherOperationActive()) return;
-
-		// Don't start creating if clicking on interactive elements
-		const target = e.target as HTMLElement;
-		if (
-			target.closest(
-				'.event-card, .task-block, .all-day-event, .all-day-block-event, .overflow-indicator, .resize-handle'
-			)
-		) {
-			return;
-		}
-
-		e.preventDefault();
-
-		const day = dayFromX(e.clientX);
-		if (!day) return;
-
-		const minutes = minutesFromY(e.clientY);
-		const snap = getSnapMinutes(config.snapMinutes);
-		const snappedMinutes = Math.round(minutes / snap) * snap;
-
-		isCreating = true;
-		hasMoved = false;
-		createTargetDay = day;
-		createStartMinutes = snappedMinutes;
-		createEndMinutes = snappedMinutes + DEFAULT_EVENT_DURATION_MINUTES;
-
-		updatePreview();
-
-		document.addEventListener('pointermove', handleCreateMove);
-		document.addEventListener('pointerup', handleCreateEnd);
-	}
-
-	function handleCreateMove(e: PointerEvent) {
-		if (!isCreating) return;
-
-		hasMoved = true;
-		const config = getConfig();
-		const snap = getSnapMinutes(config.snapMinutes);
-
-		const day = dayFromX(e.clientX);
-		if (day) createTargetDay = day;
-
-		const minutes = minutesFromY(e.clientY);
-		const snappedMinutes = Math.round(minutes / snap) * snap;
-
-		if (snappedMinutes >= createStartMinutes) {
-			createEndMinutes = Math.max(snappedMinutes, createStartMinutes + snap);
-		} else {
-			createEndMinutes = createStartMinutes + snap;
-			createStartMinutes = snappedMinutes;
-		}
-
-		createStartMinutes = Math.max(config.firstVisibleHour * 60, createStartMinutes);
-		createEndMinutes = Math.min(config.lastVisibleHour * 60, createEndMinutes);
-
-		updatePreview();
-	}
-
-	function handleCreateEnd(e: PointerEvent) {
-		document.removeEventListener('pointermove', handleCreateMove);
-		document.removeEventListener('pointerup', handleCreateEnd);
-
-		if (!isCreating || !createTargetDay) {
-			isCreating = false;
-			return;
-		}
-
-		const startTime = new Date(createTargetDay);
-		startTime.setHours(Math.floor(createStartMinutes / 60), createStartMinutes % 60, 0, 0);
-
-		const endTime = new Date(createTargetDay);
-		endTime.setHours(Math.floor(createEndMinutes / 60), createEndMinutes % 60, 0, 0);
-
-		isCreating = false;
-		createTargetDay = null;
-		hasMoved = false;
-
-		const config = getConfig();
-		config.onCreateEnd?.(startTime, endTime, { x: e.clientX, y: e.clientY });
-	}
-
-	function getCreatePreviewTime(): string {
-		return `${formatTime(Math.floor(createStartMinutes / 60), createStartMinutes % 60)} - ${formatTime(Math.floor(createEndMinutes / 60), createEndMinutes % 60)}`;
-	}
-
-	function cancel() {
-		if (isCreating) {
-			document.removeEventListener('pointermove', handleCreateMove);
-			document.removeEventListener('pointerup', handleCreateEnd);
-			isCreating = false;
-			createTargetDay = null;
-			hasMoved = false;
-		}
-	}
-
-	return {
-		get isCreating() {
-			return isCreating;
-		},
-		get createTargetDay() {
-			return createTargetDay;
-		},
-		get createPreviewTop() {
-			return createPreviewTop;
-		},
-		get createPreviewHeight() {
-			return createPreviewHeight;
-		},
-
-		startCreate,
-		cancel,
-		getCreatePreviewTime,
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/useDragToCreate.test.ts b/apps/calendar/apps/web-archived/src/lib/composables/useDragToCreate.test.ts
deleted file mode 100644
index c3176825c..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/useDragToCreate.test.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Polyfill PointerEvent for jsdom
-if (typeof globalThis.PointerEvent === 'undefined') {
-	globalThis.PointerEvent = class PointerEvent extends MouseEvent {
-		constructor(type: string, params: PointerEventInit = {}) {
-			super(type, params);
-		}
-	} as unknown as typeof PointerEvent;
-}
-
-vi.mock('$lib/utils/calendarConstants', () => ({
-	SNAP_INTERVAL_MINUTES: 15,
-	DEFAULT_EVENT_DURATION_MINUTES: 30,
-}));
-
-import { useDragToCreate } from './useDragToCreate.svelte';
-
-function createMockContainer() {
-	return {
-		getBoundingClientRect: () => ({
-			left: 0,
-			top: 0,
-			right: 700,
-			bottom: 960,
-			width: 700,
-			height: 960,
-		}),
-		parentElement: { scrollTop: 0 },
-	} as unknown as HTMLElement;
-}
-
-function makeDays(): Date[] {
-	return Array.from({ length: 7 }, (_, i) => {
-		const d = new Date('2026-03-02');
-		d.setDate(d.getDate() + i);
-		return d;
-	});
-}
-
-function minutesToPercent(minutes: number): number {
-	const firstHour = 0;
-	const totalHours = 24;
-	const adjusted = minutes - firstHour * 60;
-	return (adjusted / (totalHours * 60)) * 100;
-}
-
-describe('useDragToCreate', () => {
-	let onCreateEnd: ReturnType<typeof vi.fn>;
-
-	function createInstance(overrides = {}) {
-		const container = createMockContainer();
-		onCreateEnd = vi.fn();
-		return useDragToCreate(() => ({
-			containerEl: container,
-			days: makeDays(),
-			firstVisibleHour: 0,
-			lastVisibleHour: 24,
-			totalVisibleHours: 24,
-			hourHeight: 40,
-			minutesToPercent,
-			isOtherOperationActive: () => false,
-			onCreateEnd,
-			...overrides,
-		}));
-	}
-
-	it('should start in idle state', () => {
-		const dtc = createInstance();
-		expect(dtc.isCreating).toBe(false);
-		expect(dtc.createTargetDay).toBeNull();
-	});
-
-	it('should not start create if other operation is active', () => {
-		const dtc = createInstance({ isOtherOperationActive: () => true });
-		const target = document.createElement('div');
-		const event = new PointerEvent('pointerdown', { clientX: 100, clientY: 200 });
-		Object.defineProperty(event, 'target', { value: target });
-		dtc.startCreate(event);
-		expect(dtc.isCreating).toBe(false);
-	});
-
-	it('should cancel on cancel()', () => {
-		const dtc = createInstance();
-		const target = document.createElement('div');
-		const event = new PointerEvent('pointerdown', { clientX: 100, clientY: 200 });
-		Object.defineProperty(event, 'target', { value: target });
-		dtc.startCreate(event);
-		dtc.cancel();
-		expect(dtc.isCreating).toBe(false);
-		expect(dtc.createTargetDay).toBeNull();
-	});
-
-	it('should generate correct preview time format', () => {
-		const dtc = createInstance();
-		// getCreatePreviewTime uses internal state, returns HH:MM - HH:MM format
-		const time = dtc.getCreatePreviewTime();
-		expect(time).toMatch(/^\d{2}:\d{2} - \d{2}:\d{2}$/);
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/useEventDragDrop.svelte.ts b/apps/calendar/apps/web-archived/src/lib/composables/useEventDragDrop.svelte.ts
deleted file mode 100644
index e31c2f93f..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/useEventDragDrop.svelte.ts
+++ /dev/null
@@ -1,427 +0,0 @@
-/**
- * Event Drag & Drop + Resize Composable
- * Extracts duplicated drag/resize logic from WeekView, DayView, MultiDayView
- */
-
-import type { CalendarEvent } from '@calendar/shared';
-import { differenceInMinutes, addMinutes, setHours, setMinutes } from 'date-fns';
-import { toDate } from '$lib/utils/eventDateHelpers';
-import { eventsStore } from '$lib/stores/events.svelte';
-import { formatTime, getDayFromX, getMinutesFromY } from '$lib/utils/drag-helpers';
-
-export interface EventDragDropConfig {
-	/** Reference to the container element for position calculations */
-	containerEl: HTMLElement | null;
-	/** Array of visible days (for multi-day views) or single day (for day view) */
-	days: Date[];
-	/** First visible hour (for filtered hours mode) */
-	firstVisibleHour: number;
-	/** Last visible hour (for filtered hours mode) */
-	lastVisibleHour: number;
-	/** Total visible hours */
-	totalVisibleHours: number;
-	/** Height of one hour in pixels */
-	hourHeight: number;
-	/** Minutes per snap interval (default: 15) */
-	snapMinutes?: number;
-	/** Function to convert minutes to percentage position */
-	minutesToPercent: (minutes: number) => number;
-}
-
-export interface EventDragState {
-	isDragging: boolean;
-	draggedEvent: CalendarEvent | null;
-	dragTargetDay: Date | null;
-	dragPreviewTop: number;
-	dragPreviewHeight: number;
-	hasMoved: boolean;
-}
-
-export interface EventResizeState {
-	isResizing: boolean;
-	resizeEvent: CalendarEvent | null;
-	resizeEdge: 'top' | 'bottom';
-	resizePreviewTop: number;
-	resizePreviewHeight: number;
-}
-
-export function useEventDragDrop(getConfig: () => EventDragDropConfig) {
-	// ========== Drag State ==========
-	let isDragging = $state(false);
-	let draggedEvent = $state<CalendarEvent | null>(null);
-	let dragOffsetMinutes = $state(0);
-	let dragTargetDay = $state<Date | null>(null);
-	let dragPreviewTop = $state(0);
-	let dragPreviewHeight = $state(0);
-
-	// ========== Resize State ==========
-	let isResizing = $state(false);
-	let resizeEvent = $state<CalendarEvent | null>(null);
-	let resizeEdge = $state<'top' | 'bottom'>('bottom');
-	let resizeOriginalStart = $state<Date | null>(null);
-	let resizeOriginalEnd = $state<Date | null>(null);
-	let resizePreviewTop = $state(0);
-	let resizePreviewHeight = $state(0);
-	let resizeOffsetMinutes = $state(0);
-
-	// Track if we actually moved during drag/resize (to prevent click on simple mousedown/up)
-	let hasMoved = $state(false);
-
-	// ========== Helper Functions ==========
-
-	function dayFromX(clientX: number): Date | null {
-		const config = getConfig();
-		return getDayFromX(clientX, config.containerEl, config.days);
-	}
-
-	function minutesFromY(clientY: number): number {
-		const config = getConfig();
-		return getMinutesFromY(
-			clientY,
-			config.containerEl,
-			config.totalVisibleHours,
-			config.hourHeight,
-			config.firstVisibleHour,
-			config.snapMinutes
-		);
-	}
-
-	// ========== Drag Functions ==========
-
-	function startDrag(event: CalendarEvent, e: PointerEvent) {
-		e.preventDefault();
-		e.stopPropagation();
-
-		const config = getConfig();
-
-		isDragging = true;
-		draggedEvent = event;
-		hasMoved = false;
-
-		const start = toDate(event.startTime);
-		const end = toDate(event.endTime);
-		const duration = differenceInMinutes(end, start);
-
-		// Calculate initial preview position
-		const startMinutes = start.getHours() * 60 + start.getMinutes();
-		dragPreviewTop = config.minutesToPercent(startMinutes);
-		dragPreviewHeight = (duration / (config.totalVisibleHours * 60)) * 100;
-		dragTargetDay = start;
-
-		// Calculate offset from event start to click position
-		const clickMinutes = minutesFromY(e.clientY);
-		dragOffsetMinutes = clickMinutes - startMinutes;
-
-		document.addEventListener('pointermove', handleDragMove);
-		document.addEventListener('pointerup', handleDragEnd);
-	}
-
-	function handleDragMove(e: PointerEvent) {
-		if (!isDragging || !draggedEvent) return;
-
-		const config = getConfig();
-		hasMoved = true;
-
-		// Calculate new position
-		const newDay = dayFromX(e.clientX);
-		const newMinutes = minutesFromY(e.clientY) - dragOffsetMinutes;
-
-		// Clamp to valid range
-		const clampedMinutes = Math.max(
-			config.firstVisibleHour * 60,
-			Math.min(config.lastVisibleHour * 60 - 15, newMinutes)
-		);
-
-		// Update preview
-		dragPreviewTop = config.minutesToPercent(clampedMinutes);
-		if (newDay) {
-			dragTargetDay = newDay;
-		}
-	}
-
-	async function handleDragEnd(e: PointerEvent) {
-		document.removeEventListener('pointermove', handleDragMove);
-		document.removeEventListener('pointerup', handleDragEnd);
-
-		if (!isDragging || !draggedEvent || !dragTargetDay || !hasMoved) {
-			cleanupDrag();
-			return;
-		}
-
-		const start = toDate(draggedEvent.startTime);
-		const end = toDate(draggedEvent.endTime);
-		const duration = differenceInMinutes(end, start);
-
-		// Calculate new start time
-		const newMinutes = minutesFromY(e.clientY) - dragOffsetMinutes;
-		const clampedMinutes = Math.max(0, Math.min(24 * 60 - 15, newMinutes));
-		const newHours = Math.floor(clampedMinutes / 60);
-		const newMins = clampedMinutes % 60;
-
-		let newStart = new Date(dragTargetDay);
-		newStart = setHours(newStart, newHours);
-		newStart = setMinutes(newStart, newMins);
-
-		const newEnd = addMinutes(newStart, duration);
-
-		// Update event via store
-		if (eventsStore.isDraftEvent(draggedEvent.id)) {
-			eventsStore.updateDraftEvent({
-				startTime: newStart.toISOString(),
-				endTime: newEnd.toISOString(),
-			});
-		} else {
-			await eventsStore.updateEvent(draggedEvent.id, {
-				startTime: newStart.toISOString(),
-				endTime: newEnd.toISOString(),
-			});
-		}
-
-		cleanupDrag();
-	}
-
-	function cleanupDrag() {
-		isDragging = false;
-		draggedEvent = null;
-		dragTargetDay = null;
-		hasMoved = false;
-	}
-
-	// ========== Resize Functions ==========
-
-	function startResize(event: CalendarEvent, edge: 'top' | 'bottom', e: PointerEvent) {
-		e.preventDefault();
-		e.stopPropagation();
-
-		const config = getConfig();
-
-		isResizing = true;
-		resizeEvent = event;
-		resizeEdge = edge;
-		hasMoved = false;
-
-		const start = toDate(event.startTime);
-		const end = toDate(event.endTime);
-
-		resizeOriginalStart = start;
-		resizeOriginalEnd = end;
-
-		// Set initial preview
-		const startMinutes = start.getHours() * 60 + start.getMinutes();
-		const endMinutes = end.getHours() * 60 + end.getMinutes();
-		const duration = differenceInMinutes(end, start);
-		resizePreviewTop = config.minutesToPercent(startMinutes);
-		resizePreviewHeight = (duration / (config.totalVisibleHours * 60)) * 100;
-
-		// Calculate offset between snapped click position and actual event boundary
-		const clickMinutes = minutesFromY(e.clientY);
-		if (edge === 'top') {
-			resizeOffsetMinutes = clickMinutes - startMinutes;
-		} else {
-			resizeOffsetMinutes = clickMinutes - endMinutes;
-		}
-
-		document.addEventListener('pointermove', handleResizeMove);
-		document.addEventListener('pointerup', handleResizeEnd);
-	}
-
-	function handleResizeMove(e: PointerEvent) {
-		if (!isResizing || !resizeEvent || !resizeOriginalStart || !resizeOriginalEnd) return;
-
-		const config = getConfig();
-		hasMoved = true;
-
-		const currentMinutes = minutesFromY(e.clientY);
-		// Apply offset to prevent jumping when drag starts
-		const adjustedMinutes = currentMinutes - resizeOffsetMinutes;
-		const originalStartMinutes =
-			resizeOriginalStart.getHours() * 60 + resizeOriginalStart.getMinutes();
-		const originalEndMinutes = resizeOriginalEnd.getHours() * 60 + resizeOriginalEnd.getMinutes();
-
-		if (resizeEdge === 'bottom') {
-			// Resize from bottom - change end time
-			const newEndMinutes = Math.max(
-				originalStartMinutes + 15,
-				Math.min(config.lastVisibleHour * 60, adjustedMinutes)
-			);
-			const newDuration = newEndMinutes - originalStartMinutes;
-			resizePreviewHeight = (newDuration / (config.totalVisibleHours * 60)) * 100;
-		} else {
-			// Resize from top - change start time
-			const newStartMinutes = Math.max(
-				config.firstVisibleHour * 60,
-				Math.min(originalEndMinutes - 15, adjustedMinutes)
-			);
-			const newDuration = originalEndMinutes - newStartMinutes;
-			resizePreviewTop = config.minutesToPercent(newStartMinutes);
-			resizePreviewHeight = (newDuration / (config.totalVisibleHours * 60)) * 100;
-		}
-	}
-
-	async function handleResizeEnd(e: PointerEvent) {
-		document.removeEventListener('pointermove', handleResizeMove);
-		document.removeEventListener('pointerup', handleResizeEnd);
-
-		if (!isResizing || !resizeEvent || !resizeOriginalStart || !resizeOriginalEnd || !hasMoved) {
-			cleanupResize();
-			return;
-		}
-
-		const config = getConfig();
-		const currentMinutes = minutesFromY(e.clientY);
-		// Apply offset to prevent jumping
-		const adjustedMinutes = currentMinutes - resizeOffsetMinutes;
-		const originalStartMinutes =
-			resizeOriginalStart.getHours() * 60 + resizeOriginalStart.getMinutes();
-		const originalEndMinutes = resizeOriginalEnd.getHours() * 60 + resizeOriginalEnd.getMinutes();
-
-		let newStart = resizeOriginalStart;
-		let newEnd = resizeOriginalEnd;
-
-		if (resizeEdge === 'bottom') {
-			const newEndMinutes = Math.max(
-				originalStartMinutes + 15,
-				Math.min(config.lastVisibleHour * 60, adjustedMinutes)
-			);
-			const newHours = Math.floor(newEndMinutes / 60);
-			const newMins = newEndMinutes % 60;
-			newEnd = setHours(new Date(resizeOriginalEnd), newHours);
-			newEnd = setMinutes(newEnd, newMins);
-		} else {
-			const newStartMinutes = Math.max(
-				config.firstVisibleHour * 60,
-				Math.min(originalEndMinutes - 15, adjustedMinutes)
-			);
-			const newHours = Math.floor(newStartMinutes / 60);
-			const newMins = newStartMinutes % 60;
-			newStart = setHours(new Date(resizeOriginalStart), newHours);
-			newStart = setMinutes(newStart, newMins);
-		}
-
-		// Update event via store
-		if (eventsStore.isDraftEvent(resizeEvent.id)) {
-			eventsStore.updateDraftEvent({
-				startTime: newStart.toISOString(),
-				endTime: newEnd.toISOString(),
-			});
-		} else {
-			await eventsStore.updateEvent(resizeEvent.id, {
-				startTime: newStart.toISOString(),
-				endTime: newEnd.toISOString(),
-			});
-		}
-
-		cleanupResize();
-	}
-
-	function cleanupResize() {
-		isResizing = false;
-		resizeEvent = null;
-		resizeOriginalStart = null;
-		resizeOriginalEnd = null;
-		resizeOffsetMinutes = 0;
-		hasMoved = false;
-	}
-
-	// ========== Combined Cleanup ==========
-
-	function cleanup() {
-		document.removeEventListener('pointermove', handleDragMove);
-		document.removeEventListener('pointerup', handleDragEnd);
-		document.removeEventListener('pointermove', handleResizeMove);
-		document.removeEventListener('pointerup', handleResizeEnd);
-		cleanupDrag();
-		cleanupResize();
-	}
-
-	/**
-	 * Cancel any active drag/resize operation (e.g., on Escape key)
-	 */
-	function cancel() {
-		if (isDragging || isResizing) {
-			cleanup();
-		}
-	}
-
-	/**
-	 * Get formatted time range during resize preview
-	 */
-	function getResizePreviewTime(): string {
-		if (!resizeEvent || !resizeOriginalStart || !resizeOriginalEnd) return '';
-
-		const config = getConfig();
-		const origStartMinutes = resizeOriginalStart.getHours() * 60 + resizeOriginalStart.getMinutes();
-		const origEndMinutes = resizeOriginalEnd.getHours() * 60 + resizeOriginalEnd.getMinutes();
-
-		const previewStartMinutes =
-			(resizePreviewTop / 100) * config.totalVisibleHours * 60 + config.firstVisibleHour * 60;
-		const previewEndMinutes =
-			previewStartMinutes + (resizePreviewHeight / 100) * config.totalVisibleHours * 60;
-
-		let startMin: number;
-		let endMin: number;
-
-		if (resizeEdge === 'top') {
-			startMin = Math.round(previewStartMinutes);
-			endMin = origEndMinutes;
-		} else {
-			startMin = origStartMinutes;
-			endMin = Math.round(previewEndMinutes);
-		}
-
-		return `${formatTime(Math.floor(startMin / 60), startMin % 60)} - ${formatTime(Math.floor(endMin / 60), endMin % 60)}`;
-	}
-
-	return {
-		// Drag state (reactive getters)
-		get isDragging() {
-			return isDragging;
-		},
-		get draggedEvent() {
-			return draggedEvent;
-		},
-		get dragTargetDay() {
-			return dragTargetDay;
-		},
-		get dragPreviewTop() {
-			return dragPreviewTop;
-		},
-		get dragPreviewHeight() {
-			return dragPreviewHeight;
-		},
-
-		// Resize state (reactive getters)
-		get isResizing() {
-			return isResizing;
-		},
-		get resizeEvent() {
-			return resizeEvent;
-		},
-		get resizeEdge() {
-			return resizeEdge;
-		},
-		get resizePreviewTop() {
-			return resizePreviewTop;
-		},
-		get resizePreviewHeight() {
-			return resizePreviewHeight;
-		},
-
-		// Shared state
-		get hasMoved() {
-			return hasMoved;
-		},
-
-		// Reset hasMoved after click handling
-		resetHasMoved() {
-			hasMoved = false;
-		},
-
-		// Methods
-		startDrag,
-		startResize,
-		cancel,
-		cleanup,
-		getResizePreviewTime,
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/useEventDragDrop.test.ts b/apps/calendar/apps/web-archived/src/lib/composables/useEventDragDrop.test.ts
deleted file mode 100644
index 5cdf8bed2..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/useEventDragDrop.test.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Polyfill PointerEvent for jsdom
-if (typeof globalThis.PointerEvent === 'undefined') {
-	globalThis.PointerEvent = class PointerEvent extends MouseEvent {
-		constructor(type: string, params: PointerEventInit = {}) {
-			super(type, params);
-		}
-	} as unknown as typeof PointerEvent;
-}
-
-vi.mock('$lib/utils/eventDateHelpers', () => ({
-	toDate: (d: string | Date) => new Date(d),
-}));
-
-vi.mock('$lib/stores/events.svelte', () => ({
-	eventsStore: {
-		isDraftEvent: vi.fn(() => false),
-		updateDraftEvent: vi.fn(),
-		updateEvent: vi.fn().mockResolvedValue({ data: {}, error: null }),
-	},
-}));
-
-vi.mock('$lib/utils/calendarConstants', () => ({
-	SNAP_INTERVAL_MINUTES: 15,
-}));
-
-import { useEventDragDrop } from './useEventDragDrop.svelte';
-
-function createMockContainer() {
-	return {
-		getBoundingClientRect: () => ({
-			left: 0,
-			top: 0,
-			right: 700,
-			bottom: 960,
-			width: 700,
-			height: 960,
-		}),
-		parentElement: { scrollTop: 0 },
-	} as unknown as HTMLElement;
-}
-
-function makeDays(): Date[] {
-	return Array.from({ length: 7 }, (_, i) => {
-		const d = new Date('2026-03-02');
-		d.setDate(d.getDate() + i);
-		return d;
-	});
-}
-
-function minutesToPercent(minutes: number): number {
-	return (minutes / (24 * 60)) * 100;
-}
-
-function makeConfig() {
-	return {
-		containerEl: createMockContainer(),
-		days: makeDays(),
-		firstVisibleHour: 0,
-		lastVisibleHour: 24,
-		totalVisibleHours: 24,
-		hourHeight: 40,
-		minutesToPercent,
-	};
-}
-
-describe('useEventDragDrop', () => {
-	it('should start in idle state', () => {
-		const dd = useEventDragDrop(() => makeConfig());
-		expect(dd.isDragging).toBe(false);
-		expect(dd.isResizing).toBe(false);
-		expect(dd.draggedEvent).toBeNull();
-		expect(dd.resizeEvent).toBeNull();
-		expect(dd.hasMoved).toBe(false);
-	});
-
-	it('should set isDragging when startDrag is called', () => {
-		const dd = useEventDragDrop(() => makeConfig());
-		const event = {
-			id: 'evt-1',
-			startTime: '2026-03-02T10:00:00',
-			endTime: '2026-03-02T11:00:00',
-		};
-		const pointerEvent = new PointerEvent('pointerdown', {
-			clientX: 100,
-			clientY: 200,
-		});
-
-		dd.startDrag(event as any, pointerEvent);
-
-		expect(dd.isDragging).toBe(true);
-		expect(dd.draggedEvent).toBeTruthy();
-		expect(dd.draggedEvent!.id).toBe('evt-1');
-
-		// Cleanup
-		dd.cancel();
-	});
-
-	it('should set isResizing when startResize is called', () => {
-		const dd = useEventDragDrop(() => makeConfig());
-		const event = {
-			id: 'evt-1',
-			startTime: '2026-03-02T10:00:00',
-			endTime: '2026-03-02T11:00:00',
-		};
-		const pointerEvent = new PointerEvent('pointerdown', {
-			clientX: 100,
-			clientY: 200,
-		});
-
-		dd.startResize(event as any, 'bottom', pointerEvent);
-
-		expect(dd.isResizing).toBe(true);
-		expect(dd.resizeEvent).toBeTruthy();
-
-		dd.cancel();
-	});
-
-	it('should reset all state on cancel', () => {
-		const dd = useEventDragDrop(() => makeConfig());
-		const event = {
-			id: 'evt-1',
-			startTime: '2026-03-02T10:00:00',
-			endTime: '2026-03-02T11:00:00',
-		};
-		const pointerEvent = new PointerEvent('pointerdown', {
-			clientX: 100,
-			clientY: 200,
-		});
-
-		dd.startDrag(event as any, pointerEvent);
-		expect(dd.isDragging).toBe(true);
-
-		dd.cancel();
-		expect(dd.isDragging).toBe(false);
-		expect(dd.draggedEvent).toBeNull();
-	});
-
-	it('should reset hasMoved on resetHasMoved', () => {
-		const dd = useEventDragDrop(() => makeConfig());
-		// hasMoved starts false
-		expect(dd.hasMoved).toBe(false);
-		dd.resetHasMoved();
-		expect(dd.hasMoved).toBe(false);
-	});
-
-	it('should return empty string for getResizePreviewTime when not resizing', () => {
-		const dd = useEventDragDrop(() => makeConfig());
-		expect(dd.getResizePreviewTime()).toBe('');
-	});
-
-	it('should calculate preview positions on drag start', () => {
-		const dd = useEventDragDrop(() => makeConfig());
-		const event = {
-			id: 'evt-1',
-			startTime: '2026-03-02T12:00:00', // noon
-			endTime: '2026-03-02T13:00:00', // 1pm
-		};
-		const pointerEvent = new PointerEvent('pointerdown', {
-			clientX: 100,
-			clientY: 480, // middle of container
-		});
-
-		dd.startDrag(event as any, pointerEvent);
-
-		// Preview top should be around 50% (12:00 = 720 min / 1440 min)
-		expect(dd.dragPreviewTop).toBeCloseTo(50, 0);
-		// Height should be ~4.17% (60 min / 1440 min)
-		expect(dd.dragPreviewHeight).toBeCloseTo(4.17, 0);
-
-		dd.cancel();
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/useSwipeNavigation.svelte.ts b/apps/calendar/apps/web-archived/src/lib/composables/useSwipeNavigation.svelte.ts
deleted file mode 100644
index 82f181cd7..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/useSwipeNavigation.svelte.ts
+++ /dev/null
@@ -1,265 +0,0 @@
-/**
- * Swipe Navigation Composable
- * Extracts touch/wheel/velocity/snap/animation logic from ViewCarousel
- */
-
-export interface SwipeNavigationConfig {
-	/** Get current viewport width */
-	getViewportWidth: () => number;
-	/** Navigate to previous page */
-	onNavigatePrev: () => void;
-	/** Navigate to next page */
-	onNavigateNext: () => void;
-	/** Whether swipe is disabled */
-	disabled?: boolean;
-	/** Snap threshold as fraction of viewport width (default: 0.15) */
-	snapThreshold?: number;
-	/** Velocity threshold in px/ms (default: 0.5) */
-	velocityThreshold?: number;
-	/** Animation speed in px/ms (default: 3.0) */
-	animationSpeed?: number;
-	/** Wheel debounce in ms (default: 50) */
-	wheelDebounceMs?: number;
-}
-
-export function useSwipeNavigation(getConfig: () => SwipeNavigationConfig) {
-	// Swipe tracking state
-	let offsetX = $state(0);
-	let startX = $state(0);
-	let isSwiping = $state(false);
-	let isAnimating = $state(false);
-	let animatingDirection: 'prev' | 'next' | null = null;
-
-	// Velocity tracking
-	let lastX = 0;
-	let lastTime = 0;
-	let velocity = 0;
-
-	// Animation frame tracking
-	let animationFrameId: number | null = null;
-	let pendingCallback: (() => void) | null = null;
-
-	// Wheel debounce
-	let wheelDebounceTimer: ReturnType<typeof setTimeout> | null = null;
-
-	function getDefaults() {
-		const config = getConfig();
-		return {
-			snapThreshold: config.snapThreshold ?? 0.15,
-			velocityThreshold: config.velocityThreshold ?? 0.5,
-			animationSpeed: config.animationSpeed ?? 3.0,
-			wheelDebounceMs: config.wheelDebounceMs ?? 50,
-		};
-	}
-
-	function handleWheel(e: WheelEvent) {
-		const config = getConfig();
-		if (config.disabled) return;
-		if (Math.abs(e.deltaX) <= Math.abs(e.deltaY)) return;
-
-		const target = e.target as HTMLElement;
-		if (target.closest('[data-event-id]') || target.closest('[data-dragging]')) return;
-
-		e.preventDefault();
-		const viewportWidth = config.getViewportWidth();
-
-		if (isAnimating) {
-			const scrollDirection = e.deltaX < 0 ? 'next' : 'prev';
-			if (scrollDirection === animatingDirection && Math.abs(e.deltaX) > 10) {
-				chainNavigation(scrollDirection);
-			}
-			return;
-		}
-
-		offsetX += e.deltaX * -1;
-		offsetX = Math.max(-viewportWidth, Math.min(viewportWidth, offsetX));
-
-		const { wheelDebounceMs } = getDefaults();
-		if (wheelDebounceTimer) clearTimeout(wheelDebounceTimer);
-		wheelDebounceTimer = setTimeout(snapToPage, wheelDebounceMs);
-	}
-
-	function handleTouchStart(e: TouchEvent) {
-		const config = getConfig();
-		if (config.disabled || isAnimating) return;
-
-		const target = e.target as HTMLElement;
-		if (target.closest('[data-event-id]') || target.closest('[data-dragging]')) return;
-
-		startX = e.touches[0].clientX;
-		lastX = startX;
-		lastTime = performance.now();
-		velocity = 0;
-		isSwiping = true;
-
-		if (wheelDebounceTimer) {
-			clearTimeout(wheelDebounceTimer);
-			wheelDebounceTimer = null;
-		}
-	}
-
-	function handleTouchMove(e: TouchEvent) {
-		const config = getConfig();
-		if (!isSwiping || config.disabled) return;
-
-		const currentX = e.touches[0].clientX;
-		const currentTime = performance.now();
-		const dt = currentTime - lastTime;
-		if (dt > 0) velocity = (currentX - lastX) / dt;
-
-		lastX = currentX;
-		lastTime = currentTime;
-
-		const viewportWidth = config.getViewportWidth();
-		offsetX = currentX - startX;
-		offsetX = Math.max(-viewportWidth, Math.min(viewportWidth, offsetX));
-	}
-
-	function handleTouchEnd() {
-		if (!isSwiping) return;
-		isSwiping = false;
-		snapToPage();
-	}
-
-	function handleTouchCancel() {
-		if (!isSwiping) return;
-		isSwiping = false;
-		isAnimating = true;
-		animateToOffset(0, () => {
-			isAnimating = false;
-		});
-	}
-
-	function chainNavigation(direction: 'prev' | 'next') {
-		const config = getConfig();
-		if (animationFrameId !== null) {
-			cancelAnimationFrame(animationFrameId);
-			animationFrameId = null;
-		}
-
-		if (animatingDirection === 'prev') config.onNavigatePrev();
-		else if (animatingDirection === 'next') config.onNavigateNext();
-
-		const viewportWidth = config.getViewportWidth();
-		offsetX = direction === 'prev' ? viewportWidth * 0.4 : -viewportWidth * 0.4;
-		animatingDirection = direction;
-
-		const targetOffset = direction === 'prev' ? viewportWidth : -viewportWidth;
-		pendingCallback = () => {
-			if (direction === 'prev') config.onNavigatePrev();
-			else config.onNavigateNext();
-			offsetX = 0;
-			isAnimating = false;
-			animatingDirection = null;
-			pendingCallback = null;
-		};
-
-		animateToOffset(targetOffset, pendingCallback);
-	}
-
-	function snapToPage() {
-		const config = getConfig();
-		const viewportWidth = config.getViewportWidth();
-		if (isAnimating || viewportWidth === 0) return;
-
-		const { snapThreshold, velocityThreshold } = getDefaults();
-		const threshold = viewportWidth * snapThreshold;
-		const hasHighVelocity = Math.abs(velocity) > velocityThreshold;
-
-		let targetPage: 'prev' | 'next' | 'current' = 'current';
-
-		if (offsetX > threshold || (hasHighVelocity && velocity > 0 && offsetX > 0)) {
-			targetPage = 'prev';
-		} else if (offsetX < -threshold || (hasHighVelocity && velocity < 0 && offsetX < 0)) {
-			targetPage = 'next';
-		}
-
-		isAnimating = true;
-		animatingDirection = targetPage === 'current' ? null : targetPage;
-
-		if (targetPage === 'prev') {
-			pendingCallback = () => {
-				config.onNavigatePrev();
-				offsetX = 0;
-				isAnimating = false;
-				animatingDirection = null;
-				pendingCallback = null;
-			};
-			animateToOffset(viewportWidth, pendingCallback);
-		} else if (targetPage === 'next') {
-			pendingCallback = () => {
-				config.onNavigateNext();
-				offsetX = 0;
-				isAnimating = false;
-				animatingDirection = null;
-				pendingCallback = null;
-			};
-			animateToOffset(-viewportWidth, pendingCallback);
-		} else {
-			pendingCallback = () => {
-				isAnimating = false;
-				animatingDirection = null;
-				pendingCallback = null;
-			};
-			animateToOffset(0, pendingCallback);
-		}
-	}
-
-	function animateToOffset(targetX: number, onComplete: () => void) {
-		if (animationFrameId !== null) {
-			cancelAnimationFrame(animationFrameId);
-		}
-
-		const { animationSpeed } = getDefaults();
-		const sX = offsetX;
-		const distance = targetX - sX;
-		const direction = Math.sign(distance);
-
-		if (Math.abs(distance) < 1) {
-			offsetX = targetX;
-			onComplete();
-			return;
-		}
-
-		let lastFrameTime = performance.now();
-
-		function tick() {
-			const now = performance.now();
-			const dt = now - lastFrameTime;
-			lastFrameTime = now;
-
-			offsetX += animationSpeed * dt * direction;
-
-			const reachedTarget =
-				(direction > 0 && offsetX >= targetX) || (direction < 0 && offsetX <= targetX);
-
-			if (reachedTarget) {
-				offsetX = targetX;
-				animationFrameId = null;
-				onComplete();
-			} else {
-				animationFrameId = requestAnimationFrame(tick);
-			}
-		}
-
-		animationFrameId = requestAnimationFrame(tick);
-	}
-
-	return {
-		get offsetX() {
-			return offsetX;
-		},
-		get isSwiping() {
-			return isSwiping;
-		},
-		get isAnimating() {
-			return isAnimating;
-		},
-
-		handleWheel,
-		handleTouchStart,
-		handleTouchMove,
-		handleTouchEnd,
-		handleTouchCancel,
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/composables/useVisibleHours.svelte.ts b/apps/calendar/apps/web-archived/src/lib/composables/useVisibleHours.svelte.ts
deleted file mode 100644
index d823418cb..000000000
--- a/apps/calendar/apps/web-archived/src/lib/composables/useVisibleHours.svelte.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-/**
- * useVisibleHours Composable
- *
- * Provides hour filtering and time-to-position calculations for calendar views.
- * Extracts common logic from WeekView, MultiDayView, and DayView.
- */
-
-import { settingsStore } from '$lib/stores/settings.svelte';
-
-const ALL_HOURS = Array.from({ length: 24 }, (_, i) => i);
-
-/**
- * Creates reactive hour visibility state and helper functions
- */
-export function useVisibleHours() {
-	// Filtered hours based on settings
-	let hours = $derived(
-		settingsStore.filterHoursEnabled
-			? ALL_HOURS.filter((h) => h >= settingsStore.dayStartHour && h < settingsStore.dayEndHour)
-			: ALL_HOURS
-	);
-
-	// Calculate visible hours range for positioning
-	let firstVisibleHour = $derived(
-		settingsStore.filterHoursEnabled ? settingsStore.dayStartHour : 0
-	);
-
-	let lastVisibleHour = $derived(settingsStore.filterHoursEnabled ? settingsStore.dayEndHour : 24);
-
-	let totalVisibleHours = $derived(lastVisibleHour - firstVisibleHour);
-
-	/**
-	 * Convert minutes (from midnight) to percentage position
-	 * accounting for hidden hours when filtering is enabled
-	 */
-	function minutesToPercent(minutes: number): number {
-		const adjustedMinutes = minutes - firstVisibleHour * 60;
-		return (adjustedMinutes / (totalVisibleHours * 60)) * 100;
-	}
-
-	/**
-	 * Convert percentage position back to minutes (from midnight)
-	 */
-	function percentToMinutes(percent: number): number {
-		return (percent / 100) * (totalVisibleHours * 60) + firstVisibleHour * 60;
-	}
-
-	/**
-	 * Check if a time range overlaps with the visible hours range
-	 */
-	function isTimeRangeVisible(startMinutes: number, endMinutes: number): boolean {
-		const visibleStartMinutes = firstVisibleHour * 60;
-		const visibleEndMinutes = lastVisibleHour * 60;
-		return startMinutes < visibleEndMinutes && endMinutes > visibleStartMinutes;
-	}
-
-	return {
-		get hours() {
-			return hours;
-		},
-		get firstVisibleHour() {
-			return firstVisibleHour;
-		},
-		get lastVisibleHour() {
-			return lastVisibleHour;
-		},
-		get totalVisibleHours() {
-			return totalVisibleHours;
-		},
-		minutesToPercent,
-		percentToMinutes,
-		isTimeRangeVisible,
-	};
-}
-
-/**
- * Creates a reactive current time indicator
- * Updates every minute and provides position calculation
- */
-export function useCurrentTimeIndicator() {
-	let now = $state(new Date());
-
-	// Update current time every minute
-	$effect(() => {
-		const interval = setInterval(() => {
-			now = new Date();
-		}, 60000);
-		return () => clearInterval(interval);
-	});
-
-	return {
-		get now() {
-			return now;
-		},
-		/**
-		 * Get current time as minutes from midnight
-		 */
-		get currentMinutes() {
-			return now.getHours() * 60 + now.getMinutes();
-		},
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/config/helpConfig.ts b/apps/calendar/apps/web-archived/src/lib/config/helpConfig.ts
deleted file mode 100644
index acffe0f51..000000000
--- a/apps/calendar/apps/web-archived/src/lib/config/helpConfig.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { NavigationArrow, CalendarBlank } from '@manacore/shared-icons';
-import {
-	COMMON_SHORTCUTS,
-	COMMON_SYNTAX,
-	DEFAULT_LIVE_EXAMPLE,
-	type HelpModalConfig,
-	type ShortcutCategory,
-	type SyntaxGroup,
-} from '@manacore/shared-ui';
-
-/**
- * Calendar-specific keyboard shortcuts
- */
-const CALENDAR_SHORTCUTS: ShortcutCategory[] = [
-	{
-		id: 'navigation',
-		title: 'Navigation',
-		icon: NavigationArrow,
-		shortcuts: [
-			{
-				keys: ['Cmd', '1'],
-				altKeys: ['Ctrl', '1'],
-				description: 'Kalender öffnen',
-				category: 'navigation',
-			},
-			{
-				keys: ['Cmd', '2'],
-				altKeys: ['Ctrl', '2'],
-				description: 'Einstellungen öffnen',
-				category: 'navigation',
-			},
-		],
-	},
-	{
-		id: 'calendar',
-		title: 'Kalender',
-		icon: CalendarBlank,
-		shortcuts: [
-			{
-				keys: ['Enter'],
-				description: 'Event/Task öffnen',
-				category: 'calendar',
-			},
-			{
-				keys: ['Space'],
-				description: 'Event/Task öffnen',
-				category: 'calendar',
-			},
-			{
-				keys: ['Esc'],
-				description: 'Drag/Resize abbrechen',
-				category: 'calendar',
-			},
-		],
-	},
-];
-
-/**
- * Calendar-specific syntax patterns (extends common syntax)
- */
-const CALENDAR_SYNTAX: SyntaxGroup[] = [
-	// Calendar uses all common syntax patterns
-];
-
-/**
- * Complete help configuration for the Calendar app
- * Combines common shortcuts/syntax with Calendar-specific ones
- */
-export const CALENDAR_HELP_CONFIG: HelpModalConfig = {
-	shortcuts: [...COMMON_SHORTCUTS, ...CALENDAR_SHORTCUTS],
-	syntax: [...COMMON_SYNTAX, ...CALENDAR_SYNTAX],
-	defaultTab: 'shortcuts',
-	liveExample: DEFAULT_LIVE_EXAMPLE,
-};
-
-/**
- * Export individual parts for customization
- */
-export { CALENDAR_SHORTCUTS, CALENDAR_SYNTAX };
diff --git a/apps/calendar/apps/web-archived/src/lib/content/help/index.test.ts b/apps/calendar/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index cfb673b12..000000000
--- a/apps/calendar/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getCalendarHelpContent } from './index';
-
-describe('Calendar Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getCalendarHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getCalendarHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getCalendarHelpContent('de');
-		const en = getCalendarHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getCalendarHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/content/help/index.ts b/apps/calendar/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 2622f1c69..000000000
--- a/apps/calendar/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,210 +0,0 @@
-/**
- * Help content for Calendar app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getCalendarHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-	const isFR = locale === 'fr';
-	const isIT = locale === 'it';
-	const isES = locale === 'es';
-
-	function t(de: string, en: string, fr?: string, it?: string, es?: string): string {
-		if (isDE) return de;
-		if (isFR) return fr ?? en;
-		if (isIT) return it ?? en;
-		if (isES) return es ?? en;
-		return en;
-	}
-
-	return {
-		faq: [
-			{
-				id: 'faq-create-event',
-				question: t(
-					'Wie erstelle ich einen Termin?',
-					'How do I create an event?',
-					'Comment créer un événement ?',
-					'Come creo un evento?',
-					'¿Cómo creo un evento?'
-				),
-				answer: t(
-					'<p>Du kannst Termine auf verschiedene Arten erstellen:</p><ul><li><strong>Schnelleingabe</strong>: Nutze die Eingabeleiste oben — tippe z.B. "Meeting morgen 14-16 Uhr @Arbeit"</li><li><strong>Klick & Ziehen</strong>: Klicke und ziehe in der Wochenansicht, um einen Zeitraum auszuwählen</li><li><strong>Neuer Termin</strong>: Klicke auf das + Symbol für das vollständige Formular</li></ul>',
-					'<p>You can create events in several ways:</p><ul><li><strong>Quick input</strong>: Use the input bar at the top — type e.g. "Meeting tomorrow 2-4pm @Work"</li><li><strong>Click & drag</strong>: Click and drag in the week view to select a time range</li><li><strong>New event</strong>: Click the + icon for the full form</li></ul>'
-				),
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : isFR ? 'fr' : isIT ? 'it' : isES ? 'es' : 'en',
-				tags: isDE ? ['termin', 'erstellen', 'neu'] : ['event', 'create', 'new'],
-			},
-			{
-				id: 'faq-recurring',
-				question: t(
-					'Wie erstelle ich wiederkehrende Termine?',
-					'How do I create recurring events?'
-				),
-				answer: t(
-					'<p>Öffne einen Termin und setze die <strong>Wiederholung</strong>. Unterstützte Optionen:</p><ul><li>Täglich, wöchentlich, monatlich, jährlich</li><li>Bestimmte Wochentage (z.B. Mo, Mi, Fr)</li><li>Alle X Wochen/Monate</li><li>Enddatum oder Anzahl der Wiederholungen</li></ul><p>In der Schnelleingabe kannst du auch "wöchentlich", "täglich" oder "jeden Montag" eingeben.</p>',
-					'<p>Open an event and set the <strong>recurrence</strong>. Supported options:</p><ul><li>Daily, weekly, monthly, yearly</li><li>Specific weekdays (e.g. Mon, Wed, Fri)</li><li>Every X weeks/months</li><li>End date or number of occurrences</li></ul><p>In the quick input, you can also type "weekly", "daily", or "every Monday".</p>'
-				),
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['wiederkehrend', 'wiederholung', 'serie'] : ['recurring', 'repeat', 'series'],
-			},
-			{
-				id: 'faq-share-calendar',
-				question: t(
-					'Wie teile ich einen Kalender mit anderen?',
-					'How do I share a calendar with others?'
-				),
-				answer: t(
-					'<p>Gehe zu <strong>Einstellungen > Freigabe</strong> und wähle den Kalender aus. Du kannst:</p><ul><li><strong>Per E-Mail</strong> einladen (Lese- oder Schreibzugriff)</li><li><strong>Per Link</strong> teilen (mit optionalem Ablaufdatum)</li><li>Berechtigungen nachträglich ändern oder entziehen</li></ul>',
-					'<p>Go to <strong>Settings > Sharing</strong> and select the calendar. You can:</p><ul><li><strong>Invite by email</strong> (read or write access)</li><li><strong>Share by link</strong> (with optional expiration)</li><li>Change or revoke permissions later</li></ul>'
-				),
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['teilen', 'freigabe', 'einladen'] : ['share', 'invite', 'permissions'],
-			},
-			{
-				id: 'faq-sync',
-				question: t('Kann ich externe Kalender synchronisieren?', 'Can I sync external calendars?'),
-				answer: t(
-					'<p>Ja! Gehe zu <strong>Einstellungen > Sync</strong>. Unterstützte Quellen:</p><ul><li><strong>CalDAV</strong>: Nextcloud, Radicale, etc.</li><li><strong>iCal URL</strong>: Jeder öffentliche Kalender-Feed</li><li><strong>Google Kalender</strong> (über CalDAV)</li><li><strong>Apple Kalender</strong> (über CalDAV)</li></ul><p>Die Synchronisation erfolgt automatisch im eingestellten Intervall.</p>',
-					'<p>Yes! Go to <strong>Settings > Sync</strong>. Supported sources:</p><ul><li><strong>CalDAV</strong>: Nextcloud, Radicale, etc.</li><li><strong>iCal URL</strong>: Any public calendar feed</li><li><strong>Google Calendar</strong> (via CalDAV)</li><li><strong>Apple Calendar</strong> (via CalDAV)</li></ul><p>Synchronization happens automatically at the configured interval.</p>'
-				),
-				category: 'technical',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['sync', 'caldav', 'google', 'apple', 'extern']
-					: ['sync', 'caldav', 'google', 'apple', 'external'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Kalenderdaten', dataTypeEN: 'calendar data' }),
-		],
-		features: [
-			{
-				id: 'feature-calendars',
-				title: t('Mehrere Kalender', 'Multiple Calendars'),
-				description: t(
-					'Erstelle farbcodierte Kalender für Arbeit, Privat und mehr',
-					'Create color-coded calendars for work, personal, and more'
-				),
-				icon: '📅',
-				category: 'core',
-				highlights: t(
-					'Farbcodierung,Ein-/Ausblenden,Standard-Kalender',
-					'Color coding,Show/hide,Default calendar'
-				).split(','),
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-views',
-				title: t('Flexible Ansichten', 'Flexible Views'),
-				description: t(
-					'Wechsle zwischen Tag-, Wochen-, Monats- und Agenda-Ansicht',
-					'Switch between day, week, month, and agenda views'
-				),
-				icon: '👁️',
-				category: 'core',
-				highlights: t(
-					'Wochenansicht,Monatsansicht,Agenda-Liste,Tagesansicht',
-					'Week view,Month view,Agenda list,Day view'
-				).split(','),
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-recurring',
-				title: t('Wiederkehrende Termine', 'Recurring Events'),
-				description: t(
-					'Erstelle Serien mit flexiblen Wiederholungsregeln',
-					'Create series with flexible recurrence rules'
-				),
-				icon: '🔄',
-				category: 'advanced',
-				highlights: t(
-					'RFC 5545 RRULE,Ausnahmen,Enddatum oder Anzahl',
-					'RFC 5545 RRULE,Exceptions,End date or count'
-				).split(','),
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-sharing',
-				title: t('Kalender teilen', 'Calendar Sharing'),
-				description: t(
-					'Teile Kalender mit Lese- oder Schreibzugriff',
-					'Share calendars with read or write access'
-				),
-				icon: '🤝',
-				category: 'advanced',
-				highlights: t(
-					'E-Mail-Einladung,Link-Freigabe,Berechtigungen',
-					'Email invitation,Link sharing,Permissions'
-				).split(','),
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [
-			{
-				id: 'shortcuts-navigation',
-				category: 'navigation',
-				title: 'Navigation',
-				language: isDE ? 'de' : 'en',
-				order: 1,
-				shortcuts: [
-					{
-						shortcut: 'Cmd/Ctrl + 1',
-						action: t('Kalender öffnen', 'Open Calendar'),
-					},
-					{
-						shortcut: 'Cmd/Ctrl + 2',
-						action: t('Einstellungen öffnen', 'Open Settings'),
-					},
-				],
-			},
-			{
-				id: 'shortcuts-calendar',
-				category: 'app-specific',
-				title: t('Kalender', 'Calendar'),
-				language: isDE ? 'de' : 'en',
-				order: 2,
-				shortcuts: [
-					{
-						shortcut: 'Enter / Space',
-						action: t('Event/Task öffnen', 'Open event/task'),
-					},
-					{
-						shortcut: 'Esc',
-						action: t('Drag/Resize abbrechen', 'Cancel drag/resize'),
-					},
-				],
-			},
-		],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: t('Support kontaktieren', 'Contact Support'),
-			content: t(
-				'<p>Unser Support-Team hilft dir bei allen Fragen rund um den Kalender.</p>',
-				'<p>Our support team is here to help you with any calendar-related questions.</p>'
-			),
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: t('Normalerweise innerhalb von 24 Stunden', 'Usually within 24 hours'),
-		},
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/data/guest-seed.ts b/apps/calendar/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 45932fbe6..000000000
--- a/apps/calendar/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-/**
- * Guest seed data for the Calendar app.
- *
- * These records are loaded into IndexedDB when a new guest visits the app.
- * They provide a "Persoenlich" calendar with two sample events so the user
- * can immediately see how the app works.
- */
-
-import type { LocalCalendar, LocalEvent } from './local-store';
-
-const PERSONAL_CALENDAR_ID = 'personal-calendar';
-
-export const guestCalendars: LocalCalendar[] = [
-	{
-		id: PERSONAL_CALENDAR_ID,
-		name: 'Persönlich',
-		color: '#3B82F6',
-		isDefault: true,
-		isVisible: true,
-		timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-	},
-];
-
-const now = new Date();
-const today10 = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 10, 0, 0);
-const today11 = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 11, 0, 0);
-
-const tomorrow = new Date(now);
-tomorrow.setDate(tomorrow.getDate() + 1);
-const tomorrow14 = new Date(
-	tomorrow.getFullYear(),
-	tomorrow.getMonth(),
-	tomorrow.getDate(),
-	14,
-	0,
-	0
-);
-const tomorrow15 = new Date(
-	tomorrow.getFullYear(),
-	tomorrow.getMonth(),
-	tomorrow.getDate(),
-	15,
-	30,
-	0
-);
-
-export const guestEvents: LocalEvent[] = [
-	{
-		id: 'sample-event-1',
-		calendarId: PERSONAL_CALENDAR_ID,
-		title: 'Willkommen bei Kalender!',
-		description: 'Dies ist ein Beispieltermin. Tippe darauf, um ihn zu bearbeiten oder zu löschen.',
-		startDate: today10.toISOString(),
-		endDate: today11.toISOString(),
-		allDay: false,
-		location: null,
-		recurrenceRule: null,
-		color: null,
-		reminders: null,
-	},
-	{
-		id: 'sample-event-2',
-		calendarId: PERSONAL_CALENDAR_ID,
-		title: 'Mittagessen mit Freunden',
-		description: null,
-		startDate: tomorrow14.toISOString(),
-		endDate: tomorrow15.toISOString(),
-		allDay: false,
-		location: 'Café am See',
-		recurrenceRule: null,
-		color: null,
-		reminders: null,
-	},
-];
diff --git a/apps/calendar/apps/web-archived/src/lib/data/local-store.ts b/apps/calendar/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 1900b68ce..000000000
--- a/apps/calendar/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Calendar App — Local-First Data Layer
- *
- * Defines the IndexedDB database, collections, and guest seed data.
- * This is the single source of truth for all Calendar data.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestCalendars, guestEvents } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalCalendar extends BaseRecord {
-	name: string;
-	color: string;
-	isDefault: boolean;
-	isVisible: boolean;
-	timezone: string;
-}
-
-export interface LocalEvent extends BaseRecord {
-	calendarId: string;
-	title: string;
-	description?: string | null;
-	startDate: string;
-	endDate: string;
-	allDay: boolean;
-	location?: string | null;
-	recurrenceRule?: string | null;
-	color?: string | null;
-	reminders?: unknown | null;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const calendarStore = createLocalStore({
-	appId: 'calendar',
-	collections: [
-		{
-			name: 'calendars',
-			indexes: ['isDefault', 'isVisible'],
-			guestSeed: guestCalendars,
-		},
-		{
-			name: 'events',
-			indexes: ['calendarId', 'startDate', 'endDate', 'allDay', '[calendarId+startDate]'],
-			guestSeed: guestEvents,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const calendarCollection = calendarStore.collection<LocalCalendar>('calendars');
-export const eventCollection = calendarStore.collection<LocalEvent>('events');
diff --git a/apps/calendar/apps/web-archived/src/lib/data/queries.ts b/apps/calendar/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 27f17c233..000000000
--- a/apps/calendar/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,220 +0,0 @@
-/**
- * Reactive Queries & Pure Filter Helpers for Calendar
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	calendarCollection,
-	eventCollection,
-	type LocalCalendar,
-	type LocalEvent,
-} from './local-store';
-import type { Calendar, CalendarEvent } from '@calendar/shared';
-import { parseRRule, generateOccurrences } from '@calendar/shared';
-import { isSameDay, isWithinInterval, differenceInMilliseconds, format } from 'date-fns';
-import { BIRTHDAY_CALENDAR } from '$lib/api/birthdays';
-
-// ─── Type Converters ───────────────────────────────────────
-
-/** Convert a LocalCalendar (IndexedDB) to the shared Calendar type. */
-export function toCalendar(local: LocalCalendar): Calendar {
-	return {
-		id: local.id,
-		userId: 'guest',
-		name: local.name,
-		color: local.color,
-		isDefault: local.isDefault,
-		isVisible: local.isVisible,
-		timezone: local.timezone,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert a LocalEvent (IndexedDB) to the shared CalendarEvent type. */
-export function toCalendarEvent(local: LocalEvent): CalendarEvent {
-	return {
-		id: local.id,
-		calendarId: local.calendarId,
-		userId: 'guest',
-		title: local.title,
-		description: local.description ?? null,
-		location: local.location ?? null,
-		startTime: local.startDate,
-		endTime: local.endDate,
-		isAllDay: local.allDay,
-		timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-		recurrenceRule: local.recurrenceRule ?? null,
-		recurrenceEndDate: null,
-		recurrenceExceptions: null,
-		parentEventId: null,
-		color: local.color ?? null,
-		status: 'confirmed',
-		externalId: null,
-		metadata: null,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All calendars. Auto-updates on any change. */
-export function useAllCalendars() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await calendarCollection.getAll();
-		return locals.map(toCalendar);
-	}, [] as Calendar[]);
-}
-
-/** All events. Auto-updates on any change. */
-export function useAllEvents() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await eventCollection.getAll();
-		return locals.map(toCalendarEvent);
-	}, [] as CalendarEvent[]);
-}
-
-// ─── Pure Calendar Helpers ─────────────────────────────────
-
-/** Get visible calendars (where isVisible is true). */
-export function getVisibleCalendars(calendars: Calendar[]): Calendar[] {
-	return calendars.filter((c) => c.isVisible);
-}
-
-/** Get the default calendar, falling back to the first calendar. */
-export function getDefaultCalendar(calendars: Calendar[]): Calendar | null {
-	return calendars.find((c) => c.isDefault) || calendars[0] || null;
-}
-
-/** Get a calendar by ID. */
-export function getCalendarById(calendars: Calendar[], id: string): Calendar | undefined {
-	return calendars.find((c) => c.id === id);
-}
-
-/** Get a calendar's color by ID, with fallback. */
-export function getCalendarColor(calendars: Calendar[], id: string): string {
-	const calendar = calendars.find((c) => c.id === id);
-	return calendar?.color || '#3b82f6';
-}
-
-/** Get a calendar's color by ID, with birthday calendar support and fallback. */
-export function getCalendarColorWithBirthdays(calendars: Calendar[], id: string): string {
-	if (id === BIRTHDAY_CALENDAR.id) {
-		return BIRTHDAY_CALENDAR.color;
-	}
-	return getCalendarColor(calendars, id);
-}
-
-// ─── Pure Event Helpers ────────────────────────────────────
-
-/** Get an event by ID. */
-export function getEventById(events: CalendarEvent[], id: string): CalendarEvent | undefined {
-	return events.find((e) => e.id === id);
-}
-
-/** Convert a date string or Date to a Date. */
-function toDate(dateStr: string | Date): Date {
-	return typeof dateStr === 'string' ? new Date(dateStr) : dateStr;
-}
-
-/**
- * Expand recurring events into individual occurrences for a given range.
- * Each occurrence gets a synthetic ID: `{parentId}__recurrence__{dateISO}`
- */
-export function expandRecurringEvents(
-	rawEvents: CalendarEvent[],
-	rangeStart: Date,
-	rangeEnd: Date
-): CalendarEvent[] {
-	const result: CalendarEvent[] = [];
-
-	for (const event of rawEvents) {
-		if (!event.recurrenceRule) {
-			result.push(event);
-			continue;
-		}
-
-		const pattern = parseRRule(event.recurrenceRule);
-		if (!pattern) {
-			result.push(event);
-			continue;
-		}
-
-		const eventStart = toDate(event.startTime);
-		const eventEnd = toDate(event.endTime);
-		const durationMs = differenceInMilliseconds(eventEnd, eventStart);
-		const exceptions = (event.recurrenceExceptions as string[]) || [];
-
-		const occurrences = generateOccurrences(eventStart, pattern, rangeStart, rangeEnd, exceptions);
-
-		for (const occurrenceDate of occurrences) {
-			const occEnd = new Date(occurrenceDate.getTime() + durationMs);
-			const dateKey = format(occurrenceDate, 'yyyy-MM-dd');
-
-			result.push({
-				...event,
-				id: `${event.id}__recurrence__${dateKey}`,
-				parentEventId: event.id,
-				startTime: occurrenceDate.toISOString(),
-				endTime: occEnd.toISOString(),
-			});
-		}
-	}
-
-	return result;
-}
-
-/**
- * Get events for a specific date range, including recurrence expansion.
- */
-export function getEventsForRange(
-	allEvents: CalendarEvent[],
-	rangeStart: Date,
-	rangeEnd: Date
-): CalendarEvent[] {
-	// Filter to events that overlap the range
-	const inRange = allEvents.filter((event) => {
-		const eventStart = toDate(event.startTime);
-		const eventEnd = toDate(event.endTime);
-		return eventStart <= rangeEnd && eventEnd >= rangeStart;
-	});
-
-	// Also include recurring events that might generate occurrences in range
-	const recurring = allEvents.filter((event) => event.recurrenceRule && !inRange.includes(event));
-
-	return expandRecurringEvents([...inRange, ...recurring], rangeStart, rangeEnd);
-}
-
-/**
- * Get events for a specific day (pure helper, no draft support).
- */
-export function getEventsForDay(events: CalendarEvent[], date: Date): CalendarEvent[] {
-	return events.filter((event) => {
-		const eventStart = toDate(event.startTime);
-		const eventEnd = toDate(event.endTime);
-
-		if (event.isAllDay) {
-			return (
-				isWithinInterval(date, { start: eventStart, end: eventEnd }) || isSameDay(date, eventStart)
-			);
-		}
-
-		return isSameDay(date, eventStart);
-	});
-}
-
-/**
- * Get events within a time range.
- */
-export function getEventsInRange(events: CalendarEvent[], start: Date, end: Date): CalendarEvent[] {
-	return events.filter((event) => {
-		const eventStart = toDate(event.startTime);
-		const eventEnd = toDate(event.endTime);
-		return eventStart <= end && eventEnd >= start;
-	});
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/i18n/index.ts b/apps/calendar/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 87c65a934..000000000
--- a/apps/calendar/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'it', 'fr', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('it', () => import('./locales/it.json'));
-register('fr', () => import('./locales/fr.json'));
-register('es', () => import('./locales/es.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('calendar_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-// getInitialLocale() internally checks for browser and falls back to defaultLocale
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('calendar_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/calendar/apps/web-archived/src/lib/i18n/locales/de.json b/apps/calendar/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 5a19df88a..000000000
--- a/apps/calendar/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,296 +0,0 @@
-{
-	"app": {
-		"name": "Kalender",
-		"loading": "Laden..."
-	},
-	"nav": {
-		"calendar": "Kalender",
-		"calendars": "Kalender",
-		"agenda": "Agenda",
-		"settings": "Einstellungen",
-		"feedback": "Feedback"
-	},
-	"views": {
-		"day": "Tag",
-		"5day": "5 Tage",
-		"week": "Woche",
-		"10day": "10 Tage",
-		"14day": "14 Tage",
-		"month": "Monat",
-		"year": "Jahr",
-		"agenda": "Agenda",
-		"weekdaysOnly": "Nur Wochentage",
-		"weekNumber": "KW",
-		"moreEvents": "+{count} mehr",
-		"allDay": "Ganztägig",
-		"birthday": "Geburtstag",
-		"weekView": "Wochenansicht",
-		"monthView": "Monatsansicht"
-	},
-	"calendar": {
-		"today": "Heute",
-		"newEvent": "Neuer Termin",
-		"noEvents": "Keine Termine",
-		"allDay": "Ganztägig",
-		"myCalendars": "Meine Kalender",
-		"sharedCalendars": "Geteilte Kalender",
-		"draftEvent": "(Neuer Termin)",
-		"untitled": "Ohne Titel",
-		"hideSidebar": "Sidebar ausblenden",
-		"showSidebar": "Sidebar einblenden",
-		"contextMenu": {
-			"edit": "Bearbeiten",
-			"duplicate": "Duplizieren",
-			"copy": "Kopie",
-			"delete": "Löschen"
-		}
-	},
-	"event": {
-		"title": "Titel",
-		"description": "Beschreibung",
-		"location": "Ort",
-		"start": "Beginn",
-		"end": "Ende",
-		"allDay": "Ganztägig",
-		"repeat": "Wiederholen",
-		"reminder": "Erinnerung",
-		"calendar": "Kalender",
-		"save": "Speichern",
-		"delete": "Löschen",
-		"cancel": "Abbrechen",
-		"changeStartTime": "Startzeit ändern",
-		"changeEndTime": "Endzeit ändern"
-	},
-	"repeat": {
-		"none": "Nicht wiederholen",
-		"daily": "Täglich",
-		"weekly": "Wöchentlich",
-		"monthly": "Monatlich",
-		"yearly": "Jährlich"
-	},
-	"reminder": {
-		"atTime": "Zum Zeitpunkt",
-		"5min": "5 Minuten vorher",
-		"15min": "15 Minuten vorher",
-		"30min": "30 Minuten vorher",
-		"1hour": "1 Stunde vorher",
-		"1day": "1 Tag vorher"
-	},
-	"share": {
-		"share": "Teilen",
-		"shareCalendar": "Kalender teilen",
-		"permissions": "Berechtigungen",
-		"read": "Nur lesen",
-		"write": "Lesen & Schreiben",
-		"admin": "Administrator",
-		"pending": "Ausstehend",
-		"accepted": "Akzeptiert"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren",
-		"email": "E-Mail",
-		"password": "Passwort",
-		"forgotPassword": "Passwort vergessen?"
-	},
-	"toast": {
-		"eventLoadError": "Termine konnten nicht geladen werden",
-		"eventUpdateError": "Termin konnte nicht aktualisiert werden",
-		"eventDeleteError": "Termin konnte nicht gelöscht werden",
-		"eventDeleted": "Termin gelöscht",
-		"error": "Fehler",
-		"calendarShared": "Kalender mit {email} geteilt",
-		"shareLinkCreated": "Freigabe-Link erstellt",
-		"inviteAccepted": "Einladung angenommen",
-		"shareRemoved": "Freigabe entfernt",
-		"shareError": "Freigabe fehlgeschlagen",
-		"updateError": "Aktualisierung fehlgeschlagen",
-		"removeError": "Entfernen fehlgeschlagen",
-		"declineError": "Ablehnung fehlgeschlagen",
-		"calendarConnected": "{name} verbunden",
-		"calendarDisconnected": "{name} getrennt",
-		"syncCompleted": "Synchronisation abgeschlossen",
-		"connectionError": "Verbindung fehlgeschlagen",
-		"syncError": "Sync fehlgeschlagen"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"add": "Hinzufügen",
-		"close": "Schließen",
-		"search": "Suchen",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"calendar": "Kalender",
-		"create": "Erstellen"
-	},
-	"settings": {
-		"myCalendars": "Meine Kalender",
-		"externalCalendars": "Externe Kalender",
-		"shares": "Kalender-Freigaben",
-		"appSettings": "App-Einstellungen",
-		"appSettingsDesc": "Diese Einstellungen werden mit allen Mana Apps synchronisiert",
-		"calendarView": "Kalender-Ansicht",
-		"events": "Termine",
-		"birthdays": "Geburtstage",
-		"account": "Konto",
-		"newCalendar": "Neuer Kalender",
-		"calendarName": "Kalender Name",
-		"name": "Name",
-		"color": "Farbe",
-		"default": "Standard",
-		"setAsDefault": "Als Standardkalender verwenden",
-		"currentDefault": "aktueller Standard",
-		"noCalendars": "Keine Kalender vorhanden",
-		"calendarCreated": "Kalender erstellt",
-		"calendarUpdated": "Kalender aktualisiert",
-		"calendarDeleted": "Kalender gelöscht",
-		"confirmDeleteCalendar": "Möchten Sie \"{name}\" wirklich löschen?",
-		"externalCalendarsDesc": "Verbinde Google Calendar, Apple Calendar, CalDAV oder iCal-URLs.",
-		"manageSync": "Kalender-Sync verwalten",
-		"sharesDesc": "Teile Kalender mit anderen Nutzern oder verwalte Einladungen.",
-		"manageShares": "Freigaben verwalten",
-		"defaultView": "Standard-Ansicht",
-		"defaultViewDesc": "Ansicht beim Öffnen des Kalenders",
-		"selectView": "Ansicht wählen",
-		"viewWeek": "Woche",
-		"viewMonth": "Monat",
-		"viewAgenda": "Agenda",
-		"timeFormat": "Zeitformat",
-		"timeFormatDesc": "Anzeige der Uhrzeiten",
-		"weekdaysOnly": "Nur Werktage anzeigen",
-		"weekdaysOnlyDesc": "Wochenenden in der Kalenderansicht ausblenden",
-		"showWeekNumbers": "Wochennummern anzeigen",
-		"showWeekNumbersDesc": "Kalenderwoche (KW) in der Ansicht anzeigen",
-		"filterHours": "Stunden filtern",
-		"filterHoursDesc": "Nur bestimmte Stunden in der Tages-/Wochenansicht anzeigen",
-		"visibleHours": "Sichtbare Stunden",
-		"visibleHoursDesc": "Zeitbereich der in der Kalenderansicht angezeigt wird",
-		"hoursFrom": "Von",
-		"hoursTo": "Bis",
-		"allDayEvents": "Ganztägige Termine",
-		"allDayEventsDesc": "Wie sollen ganztägige Termine angezeigt werden?",
-		"allDayInHeader": "In Kopfzeile",
-		"allDayAsBlock": "Als Tagesblock",
-		"defaultDuration": "Standard-Dauer",
-		"defaultDurationDesc": "Voreingestellte Dauer für neue Termine",
-		"selectDuration": "Dauer wählen",
-		"durationMinutes": "{count} Minuten",
-		"durationHours": "{count} Stunde(n)",
-		"defaultReminder": "Standard-Erinnerung",
-		"defaultReminderDesc": "Voreingestellte Erinnerung für neue Termine",
-		"selectReminder": "Erinnerung wählen",
-		"reminderNone": "Keine",
-		"reminderMinutes": "{count} Minuten",
-		"reminderHour": "1 Stunde",
-		"reminderDay": "1 Tag",
-		"showBirthdays": "Geburtstage anzeigen",
-		"showBirthdaysDesc": "Geburtstage aus Kontakten im Kalender anzeigen",
-		"showAge": "Alter anzeigen",
-		"showAgeDesc": "Das Alter der Person bei Geburtstagen anzeigen"
-	},
-	"errors": {
-		"loadEvents": "Termine konnten nicht geladen werden",
-		"createEvent": "Termin konnte nicht erstellt werden",
-		"updateEvent": "Termin konnte nicht aktualisiert werden",
-		"deleteEvent": "Termin konnte nicht gelöscht werden"
-	},
-	"success": {
-		"eventCreated": "Termin erstellt",
-		"eventDeleted": "Termin gelöscht"
-	},
-	"a11y": {
-		"createEventOn": "Termin erstellen am {date}",
-		"slotTime": "{day} {time}"
-	},
-	"error": {
-		"notFound": "Seite nicht gefunden",
-		"backToHome": "Zurück zur Startseite"
-	},
-	"sync": {
-		"pageTitle": "Kalender-Sync - Einstellungen",
-		"title": "Kalender-Sync",
-		"back": "Zurück",
-		"connectCalendar": "Kalender verbinden",
-		"description": "Verbinde externe Kalender, um Termine zu importieren und zu synchronisieren.",
-		"emptyState": "Keine externen Kalender verbunden",
-		"syncNow": "Jetzt synchronisieren",
-		"disconnect": "Verbindung trennen",
-		"confirmDisconnect": "\"{name}\" wirklich trennen? Synchronisierte Termine werden gelöscht.",
-		"neverSynced": "Noch nie",
-		"directionLabel": "Richtung",
-		"lastSync": "Letzte Sync",
-		"statusLabel": "Status",
-		"autoSync": "Auto-Sync",
-		"connectCaldav": "CalDAV-Server verbinden",
-		"connectProvider": "{provider} verbinden",
-		"searching": "Suche...",
-		"searchCalendars": "Kalender suchen",
-		"discoveredCalendars": "Gefundene Kalender:",
-		"connecting": "Verbinde...",
-		"connect": "Verbinden",
-		"direction": {
-			"import": "Nur Import",
-			"export": "Nur Export",
-			"both": "Bidirektional"
-		},
-		"status": {
-			"error": "Fehler",
-			"active": "Aktiv (alle {interval} Min.)",
-			"paused": "Pausiert"
-		},
-		"providers": {
-			"icalUrl": "iCal URL",
-			"icalUrlDesc": "ICS-Link importieren (z.B. Feiertage)",
-			"caldav": "CalDAV",
-			"caldavDesc": "CalDAV-Server verbinden",
-			"google": "Google Calendar",
-			"googleDesc": "Mit Google Kalender synchronisieren",
-			"apple": "Apple Calendar",
-			"appleDesc": "iCloud Kalender verbinden"
-		},
-		"form": {
-			"serverUrl": "Server-URL",
-			"username": "Benutzername",
-			"password": "Passwort",
-			"name": "Name",
-			"namePlaceholder": "Mein externer Kalender",
-			"url": "URL",
-			"syncDirection": "Sync-Richtung"
-		}
-	},
-	"sharing": {
-		"pageTitle": "Kalender-Freigaben - Einstellungen",
-		"title": "Freigaben",
-		"back": "Zurück",
-		"shareCalendar": "Kalender teilen",
-		"invitations": "Einladungen ({count})",
-		"calendarInvitation": "Kalender-Einladung",
-		"access": "Zugriff",
-		"accept": "Annehmen",
-		"sharedWithMe": "Mit mir geteilt",
-		"sharedCalendar": "Geteilter Kalender",
-		"shareMyCalendars": "Meine Kalender teilen",
-		"notSharedYet": "Noch nicht geteilt",
-		"linkShare": "Link-Freigabe",
-		"pending": "Ausstehend",
-		"removeShare": "Freigabe entfernen",
-		"confirmRemoveShare": "Freigabe wirklich entfernen?",
-		"addPerson": "Person hinzufügen",
-		"share": "Teilen",
-		"sharing": "Teile...",
-		"permission": {
-			"read": "Lesen",
-			"write": "Lesen & Bearbeiten",
-			"admin": "Administrator"
-		},
-		"form": {
-			"calendar": "Kalender",
-			"email": "E-Mail-Adresse",
-			"permission": "Berechtigung"
-		}
-	}
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/i18n/locales/en.json b/apps/calendar/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 06c63f2a1..000000000
--- a/apps/calendar/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,296 +0,0 @@
-{
-	"app": {
-		"name": "Calendar",
-		"loading": "Loading..."
-	},
-	"nav": {
-		"calendar": "Calendar",
-		"calendars": "Calendars",
-		"agenda": "Agenda",
-		"settings": "Settings",
-		"feedback": "Feedback"
-	},
-	"views": {
-		"day": "Day",
-		"5day": "5 Days",
-		"week": "Week",
-		"10day": "10 Days",
-		"14day": "14 Days",
-		"month": "Month",
-		"year": "Year",
-		"agenda": "Agenda",
-		"weekdaysOnly": "Weekdays only",
-		"weekNumber": "W",
-		"moreEvents": "+{count} more",
-		"allDay": "All day",
-		"birthday": "Birthday",
-		"weekView": "Week view",
-		"monthView": "Month view"
-	},
-	"calendar": {
-		"today": "Today",
-		"newEvent": "New Event",
-		"noEvents": "No events",
-		"allDay": "All day",
-		"myCalendars": "My Calendars",
-		"sharedCalendars": "Shared Calendars",
-		"draftEvent": "(New Event)",
-		"untitled": "Untitled",
-		"hideSidebar": "Hide sidebar",
-		"showSidebar": "Show sidebar",
-		"contextMenu": {
-			"edit": "Edit",
-			"duplicate": "Duplicate",
-			"copy": "Copy",
-			"delete": "Delete"
-		}
-	},
-	"event": {
-		"title": "Title",
-		"description": "Description",
-		"location": "Location",
-		"start": "Start",
-		"end": "End",
-		"allDay": "All day",
-		"repeat": "Repeat",
-		"reminder": "Reminder",
-		"calendar": "Calendar",
-		"save": "Save",
-		"delete": "Delete",
-		"cancel": "Cancel",
-		"changeStartTime": "Change start time",
-		"changeEndTime": "Change end time"
-	},
-	"repeat": {
-		"none": "Don't repeat",
-		"daily": "Daily",
-		"weekly": "Weekly",
-		"monthly": "Monthly",
-		"yearly": "Yearly"
-	},
-	"reminder": {
-		"atTime": "At time of event",
-		"5min": "5 minutes before",
-		"15min": "15 minutes before",
-		"30min": "30 minutes before",
-		"1hour": "1 hour before",
-		"1day": "1 day before"
-	},
-	"share": {
-		"share": "Share",
-		"shareCalendar": "Share calendar",
-		"permissions": "Permissions",
-		"read": "View only",
-		"write": "Can edit",
-		"admin": "Admin",
-		"pending": "Pending",
-		"accepted": "Accepted"
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"register": "Register",
-		"email": "Email",
-		"password": "Password",
-		"forgotPassword": "Forgot password?"
-	},
-	"toast": {
-		"eventLoadError": "Failed to load events",
-		"eventUpdateError": "Failed to update event",
-		"eventDeleteError": "Failed to delete event",
-		"eventDeleted": "Event deleted",
-		"error": "Error",
-		"calendarShared": "Calendar shared with {email}",
-		"shareLinkCreated": "Share link created",
-		"inviteAccepted": "Invitation accepted",
-		"shareRemoved": "Share removed",
-		"shareError": "Sharing failed",
-		"updateError": "Update failed",
-		"removeError": "Remove failed",
-		"declineError": "Decline failed",
-		"calendarConnected": "{name} connected",
-		"calendarDisconnected": "{name} disconnected",
-		"syncCompleted": "Sync completed",
-		"connectionError": "Connection failed",
-		"syncError": "Sync failed"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"add": "Add",
-		"close": "Close",
-		"search": "Search",
-		"error": "Error",
-		"success": "Success",
-		"calendar": "Calendar",
-		"create": "Create"
-	},
-	"settings": {
-		"myCalendars": "My Calendars",
-		"externalCalendars": "External Calendars",
-		"shares": "Calendar Sharing",
-		"appSettings": "App Settings",
-		"appSettingsDesc": "These settings are synced across all Mana apps",
-		"calendarView": "Calendar View",
-		"events": "Events",
-		"birthdays": "Birthdays",
-		"account": "Account",
-		"newCalendar": "New Calendar",
-		"calendarName": "Calendar Name",
-		"name": "Name",
-		"color": "Color",
-		"default": "Default",
-		"setAsDefault": "Set as default calendar",
-		"currentDefault": "current default",
-		"noCalendars": "No calendars available",
-		"calendarCreated": "Calendar created",
-		"calendarUpdated": "Calendar updated",
-		"calendarDeleted": "Calendar deleted",
-		"confirmDeleteCalendar": "Are you sure you want to delete \"{name}\"?",
-		"externalCalendarsDesc": "Connect Google Calendar, Apple Calendar, CalDAV or iCal URLs.",
-		"manageSync": "Manage calendar sync",
-		"sharesDesc": "Share calendars with other users or manage invitations.",
-		"manageShares": "Manage sharing",
-		"defaultView": "Default View",
-		"defaultViewDesc": "View when opening the calendar",
-		"selectView": "Select view",
-		"viewWeek": "Week",
-		"viewMonth": "Month",
-		"viewAgenda": "Agenda",
-		"timeFormat": "Time Format",
-		"timeFormatDesc": "How times are displayed",
-		"weekdaysOnly": "Show weekdays only",
-		"weekdaysOnlyDesc": "Hide weekends in the calendar view",
-		"showWeekNumbers": "Show week numbers",
-		"showWeekNumbersDesc": "Display week numbers in the calendar view",
-		"filterHours": "Filter hours",
-		"filterHoursDesc": "Only show certain hours in day/week view",
-		"visibleHours": "Visible hours",
-		"visibleHoursDesc": "Time range displayed in the calendar view",
-		"hoursFrom": "From",
-		"hoursTo": "To",
-		"allDayEvents": "All-day events",
-		"allDayEventsDesc": "How should all-day events be displayed?",
-		"allDayInHeader": "In header",
-		"allDayAsBlock": "As day block",
-		"defaultDuration": "Default Duration",
-		"defaultDurationDesc": "Default duration for new events",
-		"selectDuration": "Select duration",
-		"durationMinutes": "{count} minutes",
-		"durationHours": "{count} hour(s)",
-		"defaultReminder": "Default Reminder",
-		"defaultReminderDesc": "Default reminder for new events",
-		"selectReminder": "Select reminder",
-		"reminderNone": "None",
-		"reminderMinutes": "{count} minutes",
-		"reminderHour": "1 hour",
-		"reminderDay": "1 day",
-		"showBirthdays": "Show birthdays",
-		"showBirthdaysDesc": "Show birthdays from contacts in the calendar",
-		"showAge": "Show age",
-		"showAgeDesc": "Display the person's age on birthdays"
-	},
-	"errors": {
-		"loadEvents": "Failed to load events",
-		"createEvent": "Failed to create event",
-		"updateEvent": "Failed to update event",
-		"deleteEvent": "Failed to delete event"
-	},
-	"success": {
-		"eventCreated": "Event created",
-		"eventDeleted": "Event deleted"
-	},
-	"a11y": {
-		"createEventOn": "Create event on {date}",
-		"slotTime": "{day} {time}"
-	},
-	"error": {
-		"notFound": "Page not found",
-		"backToHome": "Back to home"
-	},
-	"sync": {
-		"pageTitle": "Calendar Sync - Settings",
-		"title": "Calendar Sync",
-		"back": "Back",
-		"connectCalendar": "Connect calendar",
-		"description": "Connect external calendars to import and synchronize events.",
-		"emptyState": "No external calendars connected",
-		"syncNow": "Sync now",
-		"disconnect": "Disconnect",
-		"confirmDisconnect": "Really disconnect \"{name}\"? Synchronized events will be deleted.",
-		"neverSynced": "Never",
-		"directionLabel": "Direction",
-		"lastSync": "Last sync",
-		"statusLabel": "Status",
-		"autoSync": "Auto-Sync",
-		"connectCaldav": "Connect CalDAV server",
-		"connectProvider": "Connect {provider}",
-		"searching": "Searching...",
-		"searchCalendars": "Search calendars",
-		"discoveredCalendars": "Discovered calendars:",
-		"connecting": "Connecting...",
-		"connect": "Connect",
-		"direction": {
-			"import": "Import only",
-			"export": "Export only",
-			"both": "Bidirectional"
-		},
-		"status": {
-			"error": "Error",
-			"active": "Active (every {interval} min.)",
-			"paused": "Paused"
-		},
-		"providers": {
-			"icalUrl": "iCal URL",
-			"icalUrlDesc": "Import ICS link (e.g. holidays)",
-			"caldav": "CalDAV",
-			"caldavDesc": "Connect CalDAV server",
-			"google": "Google Calendar",
-			"googleDesc": "Sync with Google Calendar",
-			"apple": "Apple Calendar",
-			"appleDesc": "Connect iCloud Calendar"
-		},
-		"form": {
-			"serverUrl": "Server URL",
-			"username": "Username",
-			"password": "Password",
-			"name": "Name",
-			"namePlaceholder": "My external calendar",
-			"url": "URL",
-			"syncDirection": "Sync direction"
-		}
-	},
-	"sharing": {
-		"pageTitle": "Calendar Sharing - Settings",
-		"title": "Sharing",
-		"back": "Back",
-		"shareCalendar": "Share calendar",
-		"invitations": "Invitations ({count})",
-		"calendarInvitation": "Calendar invitation",
-		"access": "access",
-		"accept": "Accept",
-		"sharedWithMe": "Shared with me",
-		"sharedCalendar": "Shared calendar",
-		"shareMyCalendars": "Share my calendars",
-		"notSharedYet": "Not shared yet",
-		"linkShare": "Link share",
-		"pending": "Pending",
-		"removeShare": "Remove share",
-		"confirmRemoveShare": "Really remove this share?",
-		"addPerson": "Add person",
-		"share": "Share",
-		"sharing": "Sharing...",
-		"permission": {
-			"read": "Read",
-			"write": "Read & Edit",
-			"admin": "Admin"
-		},
-		"form": {
-			"calendar": "Calendar",
-			"email": "Email address",
-			"permission": "Permission"
-		}
-	}
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/i18n/locales/es.json b/apps/calendar/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index 45c7809fc..000000000
--- a/apps/calendar/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,275 +0,0 @@
-{
-	"app": {
-		"name": "Calendario",
-		"loading": "Cargando..."
-	},
-	"nav": {
-		"calendar": "Calendario",
-		"calendars": "Calendarios",
-		"agenda": "Agenda",
-		"settings": "Configuración",
-		"feedback": "Comentarios"
-	},
-	"views": {
-		"day": "Día",
-		"5day": "5 días",
-		"week": "Semana",
-		"10day": "10 días",
-		"14day": "14 días",
-		"month": "Mes",
-		"year": "Año",
-		"agenda": "Agenda",
-		"weekdaysOnly": "Solo días laborables",
-		"allDay": "Todo el día",
-		"birthday": "Cumpleaños",
-		"weekView": "Vista semanal",
-		"monthView": "Vista mensual"
-	},
-	"calendar": {
-		"today": "Hoy",
-		"newEvent": "Nuevo evento",
-		"noEvents": "Sin eventos",
-		"allDay": "Todo el día",
-		"myCalendars": "Mis calendarios",
-		"sharedCalendars": "Calendarios compartidos",
-		"untitled": "Sin título",
-		"contextMenu": {
-			"edit": "Editar",
-			"duplicate": "Duplicar",
-			"copy": "Copia",
-			"delete": "Eliminar"
-		}
-	},
-	"event": {
-		"title": "Título",
-		"description": "Descripción",
-		"location": "Ubicación",
-		"start": "Inicio",
-		"end": "Fin",
-		"allDay": "Todo el día",
-		"repeat": "Repetir",
-		"reminder": "Recordatorio",
-		"calendar": "Calendario",
-		"save": "Guardar",
-		"delete": "Eliminar",
-		"cancel": "Cancelar"
-	},
-	"repeat": {
-		"none": "No repetir",
-		"daily": "Diario",
-		"weekly": "Semanal",
-		"monthly": "Mensual",
-		"yearly": "Anual"
-	},
-	"reminder": {
-		"atTime": "Al momento del evento",
-		"5min": "5 minutos antes",
-		"15min": "15 minutos antes",
-		"30min": "30 minutos antes",
-		"1hour": "1 hora antes",
-		"1day": "1 día antes"
-	},
-	"share": {
-		"share": "Compartir",
-		"shareCalendar": "Compartir calendario",
-		"permissions": "Permisos",
-		"read": "Solo lectura",
-		"write": "Puede editar",
-		"admin": "Administrador",
-		"pending": "Pendiente",
-		"accepted": "Aceptado"
-	},
-	"auth": {
-		"login": "Iniciar sesión",
-		"logout": "Cerrar sesión",
-		"register": "Registrarse",
-		"email": "Correo electrónico",
-		"password": "Contraseña",
-		"forgotPassword": "¿Olvidaste tu contraseña?"
-	},
-	"toast": {
-		"eventLoadError": "No se pudieron cargar los eventos",
-		"eventUpdateError": "No se pudo actualizar el evento",
-		"eventDeleteError": "No se pudo eliminar el evento",
-		"eventDeleted": "Evento eliminado",
-		"error": "Error",
-		"calendarShared": "Calendario compartido con {email}",
-		"shareLinkCreated": "Enlace de compartir creado",
-		"inviteAccepted": "Invitación aceptada",
-		"shareRemoved": "Compartir eliminado",
-		"shareError": "Error al compartir",
-		"updateError": "Error al actualizar",
-		"removeError": "Error al eliminar",
-		"declineError": "Error al rechazar",
-		"calendarConnected": "{name} conectado",
-		"calendarDisconnected": "{name} desconectado",
-		"syncCompleted": "Sincronización completada",
-		"connectionError": "Error de conexión",
-		"syncError": "Error de sincronización"
-	},
-	"common": {
-		"save": "Guardar",
-		"cancel": "Cancelar",
-		"delete": "Eliminar",
-		"edit": "Editar",
-		"add": "Agregar",
-		"close": "Cerrar",
-		"search": "Buscar",
-		"error": "Error",
-		"success": "Éxito",
-		"calendar": "Calendario",
-		"create": "Crear"
-	},
-	"settings": {
-		"myCalendars": "Mis calendarios",
-		"externalCalendars": "Calendarios externos",
-		"shares": "Compartir calendarios",
-		"appSettings": "Configuración de la app",
-		"appSettingsDesc": "Estos ajustes se sincronizan con todas las apps de Mana",
-		"calendarView": "Vista del calendario",
-		"events": "Eventos",
-		"birthdays": "Cumpleaños",
-		"account": "Cuenta",
-		"newCalendar": "Nuevo calendario",
-		"calendarName": "Nombre del calendario",
-		"name": "Nombre",
-		"color": "Color",
-		"default": "Predeterminado",
-		"setAsDefault": "Establecer como calendario predeterminado",
-		"currentDefault": "predeterminado actual",
-		"noCalendars": "No hay calendarios disponibles",
-		"calendarCreated": "Calendario creado",
-		"calendarUpdated": "Calendario actualizado",
-		"calendarDeleted": "Calendario eliminado",
-		"confirmDeleteCalendar": "¿Seguro que quieres eliminar \"{name}\"?",
-		"externalCalendarsDesc": "Conecta Google Calendar, Apple Calendar, CalDAV o URLs de iCal.",
-		"manageSync": "Gestionar sincronización",
-		"sharesDesc": "Comparte calendarios con otros usuarios o gestiona invitaciones.",
-		"manageShares": "Gestionar compartidos",
-		"defaultView": "Vista predeterminada",
-		"defaultViewDesc": "Vista al abrir el calendario",
-		"selectView": "Seleccionar vista",
-		"viewWeek": "Semana",
-		"viewMonth": "Mes",
-		"viewAgenda": "Agenda",
-		"timeFormat": "Formato de hora",
-		"timeFormatDesc": "Cómo se muestran las horas",
-		"weekdaysOnly": "Mostrar solo días laborables",
-		"weekdaysOnlyDesc": "Ocultar fines de semana en la vista del calendario",
-		"showWeekNumbers": "Mostrar números de semana",
-		"showWeekNumbersDesc": "Mostrar el número de semana en la vista del calendario",
-		"filterHours": "Filtrar horas",
-		"filterHoursDesc": "Mostrar solo ciertas horas en la vista de día/semana",
-		"visibleHours": "Horas visibles",
-		"visibleHoursDesc": "Rango horario mostrado en la vista del calendario",
-		"hoursFrom": "Desde",
-		"hoursTo": "Hasta",
-		"allDayEvents": "Eventos de todo el día",
-		"allDayEventsDesc": "¿Cómo se deben mostrar los eventos de todo el día?",
-		"allDayInHeader": "En encabezado",
-		"allDayAsBlock": "Como bloque diario",
-		"defaultDuration": "Duración predeterminada",
-		"defaultDurationDesc": "Duración predeterminada para nuevos eventos",
-		"selectDuration": "Seleccionar duración",
-		"durationMinutes": "{count} minutos",
-		"durationHours": "{count} hora(s)",
-		"defaultReminder": "Recordatorio predeterminado",
-		"defaultReminderDesc": "Recordatorio predeterminado para nuevos eventos",
-		"selectReminder": "Seleccionar recordatorio",
-		"reminderNone": "Ninguno",
-		"reminderMinutes": "{count} minutos",
-		"reminderHour": "1 hora",
-		"reminderDay": "1 día",
-		"showBirthdays": "Mostrar cumpleaños",
-		"showBirthdaysDesc": "Mostrar cumpleaños de contactos en el calendario",
-		"showAge": "Mostrar edad",
-		"showAgeDesc": "Mostrar la edad de la persona en los cumpleaños"
-	},
-	"error": {
-		"notFound": "Página no encontrada",
-		"backToHome": "Volver al inicio"
-	},
-	"sync": {
-		"pageTitle": "Sincronización de calendarios - Configuración",
-		"title": "Sincronización",
-		"back": "Volver",
-		"connectCalendar": "Conectar calendario",
-		"description": "Conecta calendarios externos para importar y sincronizar eventos.",
-		"emptyState": "No hay calendarios externos conectados",
-		"syncNow": "Sincronizar ahora",
-		"disconnect": "Desconectar",
-		"confirmDisconnect": "¿Realmente desconectar \"{name}\"? Los eventos sincronizados serán eliminados.",
-		"neverSynced": "Nunca",
-		"directionLabel": "Dirección",
-		"lastSync": "Última sincronización",
-		"statusLabel": "Estado",
-		"autoSync": "Sincronización automática",
-		"connectCaldav": "Conectar servidor CalDAV",
-		"connectProvider": "Conectar {provider}",
-		"searching": "Buscando...",
-		"searchCalendars": "Buscar calendarios",
-		"discoveredCalendars": "Calendarios encontrados:",
-		"connecting": "Conectando...",
-		"connect": "Conectar",
-		"direction": {
-			"import": "Solo importar",
-			"export": "Solo exportar",
-			"both": "Bidireccional"
-		},
-		"status": {
-			"error": "Error",
-			"active": "Activo (cada {interval} min.)",
-			"paused": "Pausado"
-		},
-		"providers": {
-			"icalUrl": "URL iCal",
-			"icalUrlDesc": "Importar enlace ICS (ej. festivos)",
-			"caldav": "CalDAV",
-			"caldavDesc": "Conectar servidor CalDAV",
-			"google": "Google Calendar",
-			"googleDesc": "Sincronizar con Google Calendar",
-			"apple": "Apple Calendar",
-			"appleDesc": "Conectar calendario de iCloud"
-		},
-		"form": {
-			"serverUrl": "URL del servidor",
-			"username": "Nombre de usuario",
-			"password": "Contraseña",
-			"name": "Nombre",
-			"namePlaceholder": "Mi calendario externo",
-			"url": "URL",
-			"syncDirection": "Dirección de sincronización"
-		}
-	},
-	"sharing": {
-		"pageTitle": "Compartir calendarios - Configuración",
-		"title": "Compartidos",
-		"back": "Volver",
-		"shareCalendar": "Compartir calendario",
-		"invitations": "Invitaciones ({count})",
-		"calendarInvitation": "Invitación de calendario",
-		"access": "acceso",
-		"accept": "Aceptar",
-		"sharedWithMe": "Compartidos conmigo",
-		"sharedCalendar": "Calendario compartido",
-		"shareMyCalendars": "Compartir mis calendarios",
-		"notSharedYet": "Aún no compartido",
-		"linkShare": "Compartir por enlace",
-		"pending": "Pendiente",
-		"removeShare": "Eliminar compartido",
-		"confirmRemoveShare": "¿Realmente eliminar este compartido?",
-		"addPerson": "Agregar persona",
-		"share": "Compartir",
-		"sharing": "Compartiendo...",
-		"permission": {
-			"read": "Lectura",
-			"write": "Lectura y edición",
-			"admin": "Administrador"
-		},
-		"form": {
-			"calendar": "Calendario",
-			"email": "Dirección de correo",
-			"permission": "Permiso"
-		}
-	}
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/calendar/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index 68db567da..000000000
--- a/apps/calendar/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,275 +0,0 @@
-{
-	"app": {
-		"name": "Calendrier",
-		"loading": "Chargement..."
-	},
-	"nav": {
-		"calendar": "Calendrier",
-		"calendars": "Calendriers",
-		"agenda": "Agenda",
-		"settings": "Paramètres",
-		"feedback": "Commentaires"
-	},
-	"views": {
-		"day": "Jour",
-		"5day": "5 jours",
-		"week": "Semaine",
-		"10day": "10 jours",
-		"14day": "14 jours",
-		"month": "Mois",
-		"year": "Année",
-		"agenda": "Agenda",
-		"weekdaysOnly": "Jours ouvrables",
-		"allDay": "Toute la journée",
-		"birthday": "Anniversaire",
-		"weekView": "Vue semaine",
-		"monthView": "Vue mois"
-	},
-	"calendar": {
-		"today": "Aujourd'hui",
-		"newEvent": "Nouvel événement",
-		"noEvents": "Aucun événement",
-		"allDay": "Toute la journée",
-		"myCalendars": "Mes calendriers",
-		"sharedCalendars": "Calendriers partagés",
-		"untitled": "Sans titre",
-		"contextMenu": {
-			"edit": "Modifier",
-			"duplicate": "Dupliquer",
-			"copy": "Copie",
-			"delete": "Supprimer"
-		}
-	},
-	"event": {
-		"title": "Titre",
-		"description": "Description",
-		"location": "Lieu",
-		"start": "Début",
-		"end": "Fin",
-		"allDay": "Toute la journée",
-		"repeat": "Répéter",
-		"reminder": "Rappel",
-		"calendar": "Calendrier",
-		"save": "Enregistrer",
-		"delete": "Supprimer",
-		"cancel": "Annuler"
-	},
-	"repeat": {
-		"none": "Ne pas répéter",
-		"daily": "Quotidien",
-		"weekly": "Hebdomadaire",
-		"monthly": "Mensuel",
-		"yearly": "Annuel"
-	},
-	"reminder": {
-		"atTime": "Au moment de l'événement",
-		"5min": "5 minutes avant",
-		"15min": "15 minutes avant",
-		"30min": "30 minutes avant",
-		"1hour": "1 heure avant",
-		"1day": "1 jour avant"
-	},
-	"share": {
-		"share": "Partager",
-		"shareCalendar": "Partager le calendrier",
-		"permissions": "Autorisations",
-		"read": "Lecture seule",
-		"write": "Modification",
-		"admin": "Administrateur",
-		"pending": "En attente",
-		"accepted": "Accepté"
-	},
-	"auth": {
-		"login": "Connexion",
-		"logout": "Déconnexion",
-		"register": "Inscription",
-		"email": "E-mail",
-		"password": "Mot de passe",
-		"forgotPassword": "Mot de passe oublié?"
-	},
-	"toast": {
-		"eventLoadError": "Impossible de charger les événements",
-		"eventUpdateError": "Impossible de mettre à jour l'événement",
-		"eventDeleteError": "Impossible de supprimer l'événement",
-		"eventDeleted": "Événement supprimé",
-		"error": "Erreur",
-		"calendarShared": "Calendrier partagé avec {email}",
-		"shareLinkCreated": "Lien de partage créé",
-		"inviteAccepted": "Invitation acceptée",
-		"shareRemoved": "Partage supprimé",
-		"shareError": "Échec du partage",
-		"updateError": "Échec de la mise à jour",
-		"removeError": "Échec de la suppression",
-		"declineError": "Échec du refus",
-		"calendarConnected": "{name} connecté",
-		"calendarDisconnected": "{name} déconnecté",
-		"syncCompleted": "Synchronisation terminée",
-		"connectionError": "Échec de la connexion",
-		"syncError": "Échec de la synchronisation"
-	},
-	"common": {
-		"save": "Enregistrer",
-		"cancel": "Annuler",
-		"delete": "Supprimer",
-		"edit": "Modifier",
-		"add": "Ajouter",
-		"close": "Fermer",
-		"search": "Rechercher",
-		"error": "Erreur",
-		"success": "Succès",
-		"calendar": "Calendrier",
-		"create": "Créer"
-	},
-	"settings": {
-		"myCalendars": "Mes calendriers",
-		"externalCalendars": "Calendriers externes",
-		"shares": "Partage de calendriers",
-		"appSettings": "Paramètres de l'app",
-		"appSettingsDesc": "Ces paramètres sont synchronisés avec toutes les apps Mana",
-		"calendarView": "Vue du calendrier",
-		"events": "Événements",
-		"birthdays": "Anniversaires",
-		"account": "Compte",
-		"newCalendar": "Nouveau calendrier",
-		"calendarName": "Nom du calendrier",
-		"name": "Nom",
-		"color": "Couleur",
-		"default": "Par défaut",
-		"setAsDefault": "Définir comme calendrier par défaut",
-		"currentDefault": "par défaut actuel",
-		"noCalendars": "Aucun calendrier disponible",
-		"calendarCreated": "Calendrier créé",
-		"calendarUpdated": "Calendrier mis à jour",
-		"calendarDeleted": "Calendrier supprimé",
-		"confirmDeleteCalendar": "Voulez-vous vraiment supprimer \"{name}\" ?",
-		"externalCalendarsDesc": "Connectez Google Calendar, Apple Calendar, CalDAV ou des URLs iCal.",
-		"manageSync": "Gérer la synchronisation",
-		"sharesDesc": "Partagez des calendriers avec d'autres utilisateurs ou gérez les invitations.",
-		"manageShares": "Gérer les partages",
-		"defaultView": "Vue par défaut",
-		"defaultViewDesc": "Vue à l'ouverture du calendrier",
-		"selectView": "Choisir la vue",
-		"viewWeek": "Semaine",
-		"viewMonth": "Mois",
-		"viewAgenda": "Agenda",
-		"timeFormat": "Format de l'heure",
-		"timeFormatDesc": "Affichage des heures",
-		"weekdaysOnly": "Afficher uniquement les jours ouvrables",
-		"weekdaysOnlyDesc": "Masquer les week-ends dans la vue du calendrier",
-		"showWeekNumbers": "Afficher les numéros de semaine",
-		"showWeekNumbersDesc": "Afficher le numéro de semaine dans la vue du calendrier",
-		"filterHours": "Filtrer les heures",
-		"filterHoursDesc": "Afficher uniquement certaines heures dans la vue jour/semaine",
-		"visibleHours": "Heures visibles",
-		"visibleHoursDesc": "Plage horaire affichée dans la vue du calendrier",
-		"hoursFrom": "De",
-		"hoursTo": "À",
-		"allDayEvents": "Événements sur toute la journée",
-		"allDayEventsDesc": "Comment afficher les événements sur toute la journée ?",
-		"allDayInHeader": "Dans l'en-tête",
-		"allDayAsBlock": "En bloc journalier",
-		"defaultDuration": "Durée par défaut",
-		"defaultDurationDesc": "Durée par défaut pour les nouveaux événements",
-		"selectDuration": "Choisir la durée",
-		"durationMinutes": "{count} minutes",
-		"durationHours": "{count} heure(s)",
-		"defaultReminder": "Rappel par défaut",
-		"defaultReminderDesc": "Rappel par défaut pour les nouveaux événements",
-		"selectReminder": "Choisir le rappel",
-		"reminderNone": "Aucun",
-		"reminderMinutes": "{count} minutes",
-		"reminderHour": "1 heure",
-		"reminderDay": "1 jour",
-		"showBirthdays": "Afficher les anniversaires",
-		"showBirthdaysDesc": "Afficher les anniversaires des contacts dans le calendrier",
-		"showAge": "Afficher l'âge",
-		"showAgeDesc": "Afficher l'âge de la personne lors des anniversaires"
-	},
-	"error": {
-		"notFound": "Page non trouvée",
-		"backToHome": "Retour à l'accueil"
-	},
-	"sync": {
-		"pageTitle": "Sync des calendriers - Paramètres",
-		"title": "Sync des calendriers",
-		"back": "Retour",
-		"connectCalendar": "Connecter un calendrier",
-		"description": "Connectez des calendriers externes pour importer et synchroniser des événements.",
-		"emptyState": "Aucun calendrier externe connecté",
-		"syncNow": "Synchroniser maintenant",
-		"disconnect": "Déconnecter",
-		"confirmDisconnect": "Vraiment déconnecter \"{name}\" ? Les événements synchronisés seront supprimés.",
-		"neverSynced": "Jamais",
-		"directionLabel": "Direction",
-		"lastSync": "Dernière sync",
-		"statusLabel": "Statut",
-		"autoSync": "Sync auto",
-		"connectCaldav": "Connecter un serveur CalDAV",
-		"connectProvider": "Connecter {provider}",
-		"searching": "Recherche...",
-		"searchCalendars": "Rechercher des calendriers",
-		"discoveredCalendars": "Calendriers trouvés :",
-		"connecting": "Connexion...",
-		"connect": "Connecter",
-		"direction": {
-			"import": "Import uniquement",
-			"export": "Export uniquement",
-			"both": "Bidirectionnel"
-		},
-		"status": {
-			"error": "Erreur",
-			"active": "Actif (toutes les {interval} min.)",
-			"paused": "En pause"
-		},
-		"providers": {
-			"icalUrl": "URL iCal",
-			"icalUrlDesc": "Importer un lien ICS (ex. jours fériés)",
-			"caldav": "CalDAV",
-			"caldavDesc": "Connecter un serveur CalDAV",
-			"google": "Google Calendar",
-			"googleDesc": "Synchroniser avec Google Agenda",
-			"apple": "Apple Calendar",
-			"appleDesc": "Connecter le calendrier iCloud"
-		},
-		"form": {
-			"serverUrl": "URL du serveur",
-			"username": "Nom d'utilisateur",
-			"password": "Mot de passe",
-			"name": "Nom",
-			"namePlaceholder": "Mon calendrier externe",
-			"url": "URL",
-			"syncDirection": "Direction de sync"
-		}
-	},
-	"sharing": {
-		"pageTitle": "Partage de calendriers - Paramètres",
-		"title": "Partages",
-		"back": "Retour",
-		"shareCalendar": "Partager le calendrier",
-		"invitations": "Invitations ({count})",
-		"calendarInvitation": "Invitation de calendrier",
-		"access": "accès",
-		"accept": "Accepter",
-		"sharedWithMe": "Partagés avec moi",
-		"sharedCalendar": "Calendrier partagé",
-		"shareMyCalendars": "Partager mes calendriers",
-		"notSharedYet": "Pas encore partagé",
-		"linkShare": "Partage par lien",
-		"pending": "En attente",
-		"removeShare": "Supprimer le partage",
-		"confirmRemoveShare": "Vraiment supprimer ce partage ?",
-		"addPerson": "Ajouter une personne",
-		"share": "Partager",
-		"sharing": "Partage...",
-		"permission": {
-			"read": "Lecture",
-			"write": "Lecture & modification",
-			"admin": "Administrateur"
-		},
-		"form": {
-			"calendar": "Calendrier",
-			"email": "Adresse e-mail",
-			"permission": "Autorisation"
-		}
-	}
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/i18n/locales/it.json b/apps/calendar/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index 7f4c648b1..000000000
--- a/apps/calendar/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,275 +0,0 @@
-{
-	"app": {
-		"name": "Calendario",
-		"loading": "Caricamento..."
-	},
-	"nav": {
-		"calendar": "Calendario",
-		"calendars": "Calendari",
-		"agenda": "Agenda",
-		"settings": "Impostazioni",
-		"feedback": "Feedback"
-	},
-	"views": {
-		"day": "Giorno",
-		"5day": "5 giorni",
-		"week": "Settimana",
-		"10day": "10 giorni",
-		"14day": "14 giorni",
-		"month": "Mese",
-		"year": "Anno",
-		"agenda": "Agenda",
-		"weekdaysOnly": "Solo giorni feriali",
-		"allDay": "Tutto il giorno",
-		"birthday": "Compleanno",
-		"weekView": "Vista settimanale",
-		"monthView": "Vista mensile"
-	},
-	"calendar": {
-		"today": "Oggi",
-		"newEvent": "Nuovo evento",
-		"noEvents": "Nessun evento",
-		"allDay": "Tutto il giorno",
-		"myCalendars": "I miei calendari",
-		"sharedCalendars": "Calendari condivisi",
-		"untitled": "Senza titolo",
-		"contextMenu": {
-			"edit": "Modifica",
-			"duplicate": "Duplica",
-			"copy": "Copia",
-			"delete": "Elimina"
-		}
-	},
-	"event": {
-		"title": "Titolo",
-		"description": "Descrizione",
-		"location": "Luogo",
-		"start": "Inizio",
-		"end": "Fine",
-		"allDay": "Tutto il giorno",
-		"repeat": "Ripeti",
-		"reminder": "Promemoria",
-		"calendar": "Calendario",
-		"save": "Salva",
-		"delete": "Elimina",
-		"cancel": "Annulla"
-	},
-	"repeat": {
-		"none": "Non ripetere",
-		"daily": "Giornaliero",
-		"weekly": "Settimanale",
-		"monthly": "Mensile",
-		"yearly": "Annuale"
-	},
-	"reminder": {
-		"atTime": "All'ora dell'evento",
-		"5min": "5 minuti prima",
-		"15min": "15 minuti prima",
-		"30min": "30 minuti prima",
-		"1hour": "1 ora prima",
-		"1day": "1 giorno prima"
-	},
-	"share": {
-		"share": "Condividi",
-		"shareCalendar": "Condividi calendario",
-		"permissions": "Autorizzazioni",
-		"read": "Solo lettura",
-		"write": "Può modificare",
-		"admin": "Amministratore",
-		"pending": "In attesa",
-		"accepted": "Accettato"
-	},
-	"auth": {
-		"login": "Accedi",
-		"logout": "Esci",
-		"register": "Registrati",
-		"email": "Email",
-		"password": "Password",
-		"forgotPassword": "Password dimenticata?"
-	},
-	"toast": {
-		"eventLoadError": "Impossibile caricare gli eventi",
-		"eventUpdateError": "Impossibile aggiornare l'evento",
-		"eventDeleteError": "Impossibile eliminare l'evento",
-		"eventDeleted": "Evento eliminato",
-		"error": "Errore",
-		"calendarShared": "Calendario condiviso con {email}",
-		"shareLinkCreated": "Link di condivisione creato",
-		"inviteAccepted": "Invito accettato",
-		"shareRemoved": "Condivisione rimossa",
-		"shareError": "Condivisione fallita",
-		"updateError": "Aggiornamento fallito",
-		"removeError": "Rimozione fallita",
-		"declineError": "Rifiuto fallito",
-		"calendarConnected": "{name} connesso",
-		"calendarDisconnected": "{name} disconnesso",
-		"syncCompleted": "Sincronizzazione completata",
-		"connectionError": "Connessione fallita",
-		"syncError": "Sincronizzazione fallita"
-	},
-	"common": {
-		"save": "Salva",
-		"cancel": "Annulla",
-		"delete": "Elimina",
-		"edit": "Modifica",
-		"add": "Aggiungi",
-		"close": "Chiudi",
-		"search": "Cerca",
-		"error": "Errore",
-		"success": "Successo",
-		"calendar": "Calendario",
-		"create": "Crea"
-	},
-	"settings": {
-		"myCalendars": "I miei calendari",
-		"externalCalendars": "Calendari esterni",
-		"shares": "Condivisione calendari",
-		"appSettings": "Impostazioni app",
-		"appSettingsDesc": "Queste impostazioni vengono sincronizzate con tutte le app Mana",
-		"calendarView": "Vista del calendario",
-		"events": "Eventi",
-		"birthdays": "Compleanni",
-		"account": "Account",
-		"newCalendar": "Nuovo calendario",
-		"calendarName": "Nome del calendario",
-		"name": "Nome",
-		"color": "Colore",
-		"default": "Predefinito",
-		"setAsDefault": "Imposta come calendario predefinito",
-		"currentDefault": "predefinito attuale",
-		"noCalendars": "Nessun calendario disponibile",
-		"calendarCreated": "Calendario creato",
-		"calendarUpdated": "Calendario aggiornato",
-		"calendarDeleted": "Calendario eliminato",
-		"confirmDeleteCalendar": "Vuoi davvero eliminare \"{name}\"?",
-		"externalCalendarsDesc": "Collega Google Calendar, Apple Calendar, CalDAV o URL iCal.",
-		"manageSync": "Gestisci sincronizzazione",
-		"sharesDesc": "Condividi calendari con altri utenti o gestisci gli inviti.",
-		"manageShares": "Gestisci condivisioni",
-		"defaultView": "Vista predefinita",
-		"defaultViewDesc": "Vista all'apertura del calendario",
-		"selectView": "Seleziona vista",
-		"viewWeek": "Settimana",
-		"viewMonth": "Mese",
-		"viewAgenda": "Agenda",
-		"timeFormat": "Formato ora",
-		"timeFormatDesc": "Come vengono visualizzati gli orari",
-		"weekdaysOnly": "Mostra solo giorni feriali",
-		"weekdaysOnlyDesc": "Nascondi i fine settimana nella vista del calendario",
-		"showWeekNumbers": "Mostra numeri di settimana",
-		"showWeekNumbersDesc": "Mostra il numero della settimana nella vista del calendario",
-		"filterHours": "Filtra ore",
-		"filterHoursDesc": "Mostra solo determinate ore nella vista giorno/settimana",
-		"visibleHours": "Ore visibili",
-		"visibleHoursDesc": "Intervallo orario visualizzato nella vista del calendario",
-		"hoursFrom": "Da",
-		"hoursTo": "A",
-		"allDayEvents": "Eventi tutto il giorno",
-		"allDayEventsDesc": "Come devono essere visualizzati gli eventi tutto il giorno?",
-		"allDayInHeader": "Nell'intestazione",
-		"allDayAsBlock": "Come blocco giornaliero",
-		"defaultDuration": "Durata predefinita",
-		"defaultDurationDesc": "Durata predefinita per i nuovi eventi",
-		"selectDuration": "Seleziona durata",
-		"durationMinutes": "{count} minuti",
-		"durationHours": "{count} ora/e",
-		"defaultReminder": "Promemoria predefinito",
-		"defaultReminderDesc": "Promemoria predefinito per i nuovi eventi",
-		"selectReminder": "Seleziona promemoria",
-		"reminderNone": "Nessuno",
-		"reminderMinutes": "{count} minuti",
-		"reminderHour": "1 ora",
-		"reminderDay": "1 giorno",
-		"showBirthdays": "Mostra compleanni",
-		"showBirthdaysDesc": "Mostra i compleanni dei contatti nel calendario",
-		"showAge": "Mostra età",
-		"showAgeDesc": "Mostra l'età della persona nei compleanni"
-	},
-	"error": {
-		"notFound": "Pagina non trovata",
-		"backToHome": "Torna alla home"
-	},
-	"sync": {
-		"pageTitle": "Sincronizzazione calendari - Impostazioni",
-		"title": "Sincronizzazione",
-		"back": "Indietro",
-		"connectCalendar": "Collega calendario",
-		"description": "Collega calendari esterni per importare e sincronizzare eventi.",
-		"emptyState": "Nessun calendario esterno collegato",
-		"syncNow": "Sincronizza ora",
-		"disconnect": "Disconnetti",
-		"confirmDisconnect": "Disconnettere davvero \"{name}\"? Gli eventi sincronizzati verranno eliminati.",
-		"neverSynced": "Mai",
-		"directionLabel": "Direzione",
-		"lastSync": "Ultima sincronizzazione",
-		"statusLabel": "Stato",
-		"autoSync": "Sincronizzazione automatica",
-		"connectCaldav": "Collega server CalDAV",
-		"connectProvider": "Collega {provider}",
-		"searching": "Ricerca...",
-		"searchCalendars": "Cerca calendari",
-		"discoveredCalendars": "Calendari trovati:",
-		"connecting": "Collegamento...",
-		"connect": "Collega",
-		"direction": {
-			"import": "Solo importazione",
-			"export": "Solo esportazione",
-			"both": "Bidirezionale"
-		},
-		"status": {
-			"error": "Errore",
-			"active": "Attivo (ogni {interval} min.)",
-			"paused": "In pausa"
-		},
-		"providers": {
-			"icalUrl": "URL iCal",
-			"icalUrlDesc": "Importa link ICS (es. festività)",
-			"caldav": "CalDAV",
-			"caldavDesc": "Collega server CalDAV",
-			"google": "Google Calendar",
-			"googleDesc": "Sincronizza con Google Calendar",
-			"apple": "Apple Calendar",
-			"appleDesc": "Collega calendario iCloud"
-		},
-		"form": {
-			"serverUrl": "URL del server",
-			"username": "Nome utente",
-			"password": "Password",
-			"name": "Nome",
-			"namePlaceholder": "Il mio calendario esterno",
-			"url": "URL",
-			"syncDirection": "Direzione di sincronizzazione"
-		}
-	},
-	"sharing": {
-		"pageTitle": "Condivisione calendari - Impostazioni",
-		"title": "Condivisioni",
-		"back": "Indietro",
-		"shareCalendar": "Condividi calendario",
-		"invitations": "Inviti ({count})",
-		"calendarInvitation": "Invito calendario",
-		"access": "accesso",
-		"accept": "Accetta",
-		"sharedWithMe": "Condivisi con me",
-		"sharedCalendar": "Calendario condiviso",
-		"shareMyCalendars": "Condividi i miei calendari",
-		"notSharedYet": "Non ancora condiviso",
-		"linkShare": "Condivisione tramite link",
-		"pending": "In attesa",
-		"removeShare": "Rimuovi condivisione",
-		"confirmRemoveShare": "Rimuovere davvero questa condivisione?",
-		"addPerson": "Aggiungi persona",
-		"share": "Condividi",
-		"sharing": "Condivisione...",
-		"permission": {
-			"read": "Lettura",
-			"write": "Lettura e modifica",
-			"admin": "Amministratore"
-		},
-		"form": {
-			"calendar": "Calendario",
-			"email": "Indirizzo email",
-			"permission": "Autorizzazione"
-		}
-	}
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/services/feedback.ts b/apps/calendar/apps/web-archived/src/lib/services/feedback.ts
deleted file mode 100644
index e4032e017..000000000
--- a/apps/calendar/apps/web-archived/src/lib/services/feedback.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Feedback Service Instance for Calendar Web App
- */
-
-import { browser } from '$app/environment';
-import { createFeedbackService } from '@manacore/feedback';
-import { authStore } from '$lib/stores/auth.svelte';
-
-// Get auth URL dynamically at runtime
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		return injectedUrl || 'http://localhost:3001';
-	}
-	return 'http://localhost:3001';
-}
-
-export const feedbackService = createFeedbackService({
-	apiUrl: getAuthUrl(),
-	appId: 'calendar',
-	getAuthToken: async () => authStore.getAccessToken(),
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/services/stt.ts b/apps/calendar/apps/web-archived/src/lib/services/stt.ts
deleted file mode 100644
index 037865503..000000000
--- a/apps/calendar/apps/web-archived/src/lib/services/stt.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * Speech-to-Text (STT) Service Client
- *
- * Communicates with the mana-stt service for audio transcription.
- */
-
-import { browser } from '$app/environment';
-
-/**
- * STT service URL - uses runtime injection for production, env var for dev
- */
-function getSttUrl(): string {
-	if (!browser) return 'http://localhost:3020';
-	// Check runtime-injected variable first (production Docker)
-	const runtimeUrl = (window as any).__PUBLIC_STT_URL__;
-	if (runtimeUrl) return runtimeUrl;
-	// Fall back to build-time env var or default
-	return import.meta.env.PUBLIC_STT_URL || 'https://stt-api.mana.how';
-}
-
-const STT_URL = getSttUrl();
-
-export interface TranscriptionResult {
-	/** The transcribed text */
-	text: string;
-	/** Detected or specified language */
-	language: string;
-	/** Model used for transcription */
-	model: string;
-}
-
-export interface TranscriptionError {
-	message: string;
-	code?: string;
-}
-
-export type TranscriptionResponse =
-	| { success: true; data: TranscriptionResult }
-	| { success: false; error: TranscriptionError };
-
-/**
- * Transcribe audio using the mana-stt service
- *
- * @param audioBlob - The audio blob to transcribe
- * @param language - Optional language code ('de', 'en', etc.) or 'auto' for auto-detection
- * @returns The transcription result or error
- */
-export async function transcribeAudio(
-	audioBlob: Blob,
-	language?: string
-): Promise<TranscriptionResponse> {
-	try {
-		const formData = new FormData();
-
-		// Determine file extension based on MIME type
-		const mimeType = audioBlob.type || 'audio/webm';
-		let extension = 'webm';
-		if (mimeType.includes('ogg')) extension = 'ogg';
-		else if (mimeType.includes('mp4')) extension = 'mp4';
-		else if (mimeType.includes('mpeg') || mimeType.includes('mp3')) extension = 'mp3';
-
-		formData.append('file', audioBlob, `recording.${extension}`);
-
-		// Add language parameter if specified (and not 'auto')
-		if (language && language !== 'auto') {
-			formData.append('language', language);
-		}
-
-		const response = await fetch(`${STT_URL}/transcribe`, {
-			method: 'POST',
-			body: formData,
-		});
-
-		if (!response.ok) {
-			let errorMessage = 'Transcription failed';
-			try {
-				const errorData = await response.json();
-				errorMessage = errorData.error || errorData.message || errorMessage;
-			} catch {
-				errorMessage = `HTTP ${response.status}: ${response.statusText}`;
-			}
-
-			return {
-				success: false,
-				error: {
-					message: errorMessage,
-					code: `HTTP_${response.status}`,
-				},
-			};
-		}
-
-		const data = await response.json();
-
-		// Handle empty transcription
-		if (!data.text || data.text.trim() === '') {
-			return {
-				success: false,
-				error: {
-					message: 'Keine Sprache erkannt. Bitte erneut versuchen.',
-					code: 'EMPTY_TRANSCRIPTION',
-				},
-			};
-		}
-
-		return {
-			success: true,
-			data: {
-				text: data.text.trim(),
-				language: data.language || language || 'auto',
-				model: data.model || 'unknown',
-			},
-		};
-	} catch (error) {
-		// Handle network errors
-		if (error instanceof TypeError && error.message.includes('fetch')) {
-			return {
-				success: false,
-				error: {
-					message: 'Spracherkennung nicht verfügbar',
-					code: 'NETWORK_ERROR',
-				},
-			};
-		}
-
-		return {
-			success: false,
-			error: {
-				message: error instanceof Error ? error.message : 'Unknown error',
-				code: 'UNKNOWN_ERROR',
-			},
-		};
-	}
-}
-
-/**
- * Check if the STT service is available
- */
-export async function checkSttServiceHealth(): Promise<boolean> {
-	try {
-		const response = await fetch(`${STT_URL}/health`, {
-			method: 'GET',
-			signal: AbortSignal.timeout(5000), // 5 second timeout
-		});
-		return response.ok;
-	} catch {
-		return false;
-	}
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index f5df717a9..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-import { settingsStore } from './settings.svelte';
-import type { CalendarViewType } from '@calendar/shared';
-
-/**
- * Calendar-specific onboarding steps
- */
-const calendarOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Kalender!',
-		description: 'Das kann Kalender für dich tun:',
-		emoji: '📅',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		bullets: [
-			'Termine erstellen & verwalten',
-			'Wochen-, Monats- & Agenda-Ansicht',
-			'Schnelleingabe per Text',
-			'Drag & Drop zum Verschieben',
-		],
-	},
-	{
-		id: 'weekStart',
-		type: 'select',
-		question: 'Wann beginnt deine Woche?',
-		description: 'Diese Einstellung bestimmt die Anordnung deiner Kalenderansicht.',
-		emoji: '📅',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		options: [
-			{
-				id: 'monday',
-				label: 'Montag',
-				description: 'Europäischer Standard',
-				emoji: '1️⃣',
-			},
-			{
-				id: 'sunday',
-				label: 'Sonntag',
-				description: 'Amerikanischer Standard',
-				emoji: '7️⃣',
-			},
-		],
-		defaultValue: 'monday',
-	},
-	{
-		id: 'defaultView',
-		type: 'select',
-		question: 'Welche Ansicht bevorzugst du?',
-		description: 'Du kannst die Ansicht jederzeit in der App wechseln.',
-		emoji: '👁️',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'week',
-				label: 'Wochenansicht',
-				description: '7-Tage-Übersicht (Empfohlen)',
-				emoji: '🗓️',
-			},
-			{
-				id: 'month',
-				label: 'Monatsansicht',
-				description: 'Kompakte Monatsübersicht',
-				emoji: '📅',
-			},
-			{
-				id: 'agenda',
-				label: 'Agenda',
-				description: 'Chronologische Terminliste',
-				emoji: '📋',
-			},
-		],
-		defaultValue: 'week',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Dein Kalender ist bereit!',
-		description: 'Hier sind einige Tipps für den Start:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Nutze die Schnelleingabe unten, um Termine per Text zu erstellen',
-			'Drücke "F" für den Fokus-Modus ohne Ablenkungen',
-			'Pfeiltasten navigieren zwischen Tagen/Wochen',
-			'Ziehe Termine per Drag & Drop auf neue Zeiten',
-		],
-	},
-];
-
-/**
- * Calendar app onboarding store
- *
- * Usage in components:
- * ```svelte
- * <script>
- *   import { calendarOnboarding } from '$lib/stores/app-onboarding.svelte';
- *   import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
- * </script>
- *
- * {#if calendarOnboarding.shouldShow}
- *   <MiniOnboardingModal
- *     store={calendarOnboarding}
- *     appName="Kalender"
- *     appEmoji="📅"
- *   />
- * {/if}
- * ```
- */
-export const calendarOnboarding = createAppOnboardingStore({
-	appId: 'calendar',
-	steps: calendarOnboardingSteps,
-	userSettings,
-	onComplete: async (preferences) => {
-		// Apply week start preference
-		if (preferences.weekStart === 'monday') {
-			settingsStore.set('weekStartsOn', 1);
-		} else if (preferences.weekStart === 'sunday') {
-			settingsStore.set('weekStartsOn', 0);
-		}
-
-		// Apply default view preference
-		const viewMap: Record<string, CalendarViewType> = {
-			week: 'week',
-			month: 'month',
-			agenda: 'agenda',
-		};
-		const selectedView = preferences.defaultView as string;
-		if (selectedView && viewMap[selectedView]) {
-			settingsStore.set('defaultView', viewMap[selectedView]);
-		}
-	},
-	onSkip: async () => {
-		// Defaults are already sensible, nothing to do
-	},
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 56987dc6a..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3014,
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/birthdays.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/birthdays.svelte.ts
deleted file mode 100644
index 443a74e18..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/birthdays.svelte.ts
+++ /dev/null
@@ -1,219 +0,0 @@
-/**
- * Birthdays Store - Manages contact birthdays for calendar display
- * Cross-app integration with Contacts Backend
- */
-
-import { browser } from '$app/environment';
-import * as api from '$lib/api/birthdays';
-import type { ContactBirthdaySummary, BirthdayEvent } from '$lib/api/birthdays';
-import { getContactDisplayName, BIRTHDAY_CALENDAR } from '$lib/api/birthdays';
-import { differenceInYears, isSameDay, isWithinInterval, parseISO, format } from 'date-fns';
-
-// Re-export types for convenience
-export type { ContactBirthdaySummary, BirthdayEvent };
-
-// ============================================
-// State
-// ============================================
-
-let birthdays = $state<ContactBirthdaySummary[]>([]);
-let loading = $state(false);
-let error = $state<string | null>(null);
-let serviceAvailable = $state(true);
-let lastFetchTime = $state<number>(0);
-
-// Cache settings
-const CACHE_TTL = 5 * 60 * 1000; // 5 minutes
-
-// ============================================
-// Store Export
-// ============================================
-
-export const birthdaysStore = {
-	// ========== Getters ==========
-	get birthdays() {
-		return birthdays ?? [];
-	},
-	get loading() {
-		return loading;
-	},
-	get error() {
-		return error;
-	},
-	get serviceAvailable() {
-		return serviceAvailable;
-	},
-	get calendarId() {
-		return BIRTHDAY_CALENDAR.id;
-	},
-	get calendarColor() {
-		return BIRTHDAY_CALENDAR.color;
-	},
-	get calendarName() {
-		return BIRTHDAY_CALENDAR.name;
-	},
-
-	// ========== Birthday Getters ==========
-
-	/**
-	 * Get birthday events for a specific day
-	 * Matches by month and day (ignores year)
-	 */
-	getBirthdaysForDay(date: Date): BirthdayEvent[] {
-		const currentBirthdays = birthdays ?? [];
-		if (!Array.isArray(currentBirthdays) || currentBirthdays.length === 0) return [];
-
-		return currentBirthdays
-			.filter((contact) => {
-				if (!contact.birthday) return false;
-				const birthdayDate = parseISO(contact.birthday);
-				// Compare month and day only
-				return (
-					birthdayDate.getMonth() === date.getMonth() && birthdayDate.getDate() === date.getDate()
-				);
-			})
-			.map((contact) => this.toBirthdayEvent(contact, date));
-	},
-
-	/**
-	 * Get birthday events within a date range
-	 */
-	getBirthdaysInRange(start: Date, end: Date): BirthdayEvent[] {
-		const currentBirthdays = birthdays ?? [];
-		if (!Array.isArray(currentBirthdays) || currentBirthdays.length === 0) return [];
-
-		const events: BirthdayEvent[] = [];
-		const current = new Date(start);
-
-		// Iterate through each day in range
-		while (current <= end) {
-			const dayBirthdays = this.getBirthdaysForDay(current);
-			events.push(...dayBirthdays);
-			current.setDate(current.getDate() + 1);
-		}
-
-		return events;
-	},
-
-	/**
-	 * Check if a specific day has any birthdays
-	 */
-	hasBirthdaysOnDay(date: Date): boolean {
-		const currentBirthdays = birthdays ?? [];
-		if (!Array.isArray(currentBirthdays)) return false;
-
-		return currentBirthdays.some((contact) => {
-			if (!contact.birthday) return false;
-			const birthdayDate = parseISO(contact.birthday);
-			return (
-				birthdayDate.getMonth() === date.getMonth() && birthdayDate.getDate() === date.getDate()
-			);
-		});
-	},
-
-	/**
-	 * Get upcoming birthdays (next N days)
-	 */
-	getUpcomingBirthdays(days: number = 30): BirthdayEvent[] {
-		const start = new Date();
-		const end = new Date();
-		end.setDate(end.getDate() + days);
-		return this.getBirthdaysInRange(start, end);
-	},
-
-	/**
-	 * Convert contact to birthday event
-	 */
-	toBirthdayEvent(contact: ContactBirthdaySummary, displayDate: Date): BirthdayEvent {
-		const displayName = getContactDisplayName(contact);
-		const birthdayDate = parseISO(contact.birthday);
-		const birthYear = birthdayDate.getFullYear();
-
-		// Calculate age (0 if year seems invalid, e.g., 1900 default)
-		let age = differenceInYears(displayDate, birthdayDate);
-		if (birthYear < 1900 || birthYear > new Date().getFullYear()) {
-			age = 0; // Unknown birth year
-		}
-
-		const dateStr = format(displayDate, 'yyyy-MM-dd');
-
-		return {
-			id: `birthday-${contact.id}-${dateStr}`,
-			contactId: contact.id,
-			title: `${displayName}`,
-			displayName,
-			photoUrl: contact.photoUrl,
-			birthday: contact.birthday,
-			age,
-			startTime: displayDate.toISOString(),
-			endTime: displayDate.toISOString(),
-			isAllDay: true,
-			isBirthday: true,
-			calendarId: BIRTHDAY_CALENDAR.id,
-		};
-	},
-
-	// ========== API Methods ==========
-
-	/**
-	 * Fetch birthdays from Contacts service
-	 * Uses cache to avoid frequent refetches
-	 */
-	async fetchBirthdays(force = false) {
-		if (!browser) return;
-
-		// Use cache if still valid
-		if (!force && Date.now() - lastFetchTime < CACHE_TTL && birthdays.length > 0) {
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		const result = await api.getBirthdays();
-
-		if (result.error) {
-			error = result.error.message;
-			serviceAvailable = false;
-		} else {
-			birthdays = result.data || [];
-			serviceAvailable = true;
-			lastFetchTime = Date.now();
-		}
-
-		loading = false;
-	},
-
-	/**
-	 * Check if Contacts service is available
-	 */
-	async checkServiceHealth(): Promise<boolean> {
-		const result = await api.getBirthdays();
-		serviceAvailable = !result.error;
-		return serviceAvailable;
-	},
-
-	/**
-	 * Clear birthdays cache
-	 */
-	clear() {
-		birthdays = [];
-		lastFetchTime = 0;
-	},
-
-	/**
-	 * Get contact by ID from cached birthdays
-	 */
-	getContactById(id: string): ContactBirthdaySummary | undefined {
-		const currentBirthdays = birthdays ?? [];
-		if (!Array.isArray(currentBirthdays)) return undefined;
-		return currentBirthdays.find((c) => c.id === id);
-	},
-
-	/**
-	 * Count of contacts with birthdays
-	 */
-	get count(): number {
-		return birthdays?.length ?? 0;
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/calendars.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/calendars.svelte.ts
deleted file mode 100644
index 14d94f7d8..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/calendars.svelte.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-/**
- * Calendars Store — Mutations Only
- *
- * Reads come from useLiveQuery (see $lib/data/queries.ts).
- * This store only handles writes to IndexedDB.
- */
-
-import type { Calendar, CreateCalendarInput, UpdateCalendarInput } from '@calendar/shared';
-import { calendarCollection, type LocalCalendar } from '$lib/data/local-store';
-import { BIRTHDAY_CALENDAR } from '$lib/api/birthdays';
-import { settingsStore } from './settings.svelte';
-import { CalendarEvents } from '@manacore/shared-utils/analytics';
-import { toCalendar } from '$lib/data/queries';
-
-// Mutation error state
-let error = $state<string | null>(null);
-
-export const calendarsStore = {
-	get error() {
-		return error;
-	},
-	get birthdayCalendarId() {
-		return BIRTHDAY_CALENDAR.id;
-	},
-	get guestCalendarId() {
-		return 'personal-calendar';
-	},
-
-	/**
-	 * Create a new calendar — writes to IndexedDB instantly.
-	 */
-	async createCalendar(data: CreateCalendarInput) {
-		error = null;
-		try {
-			const newLocal: LocalCalendar = {
-				id: crypto.randomUUID(),
-				name: data.name,
-				color: data.color ?? '#3B82F6',
-				isDefault: data.isDefault ?? false,
-				isVisible: data.isVisible ?? true,
-				timezone: data.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
-			};
-
-			const inserted = await calendarCollection.insert(newLocal);
-			const newCalendar = toCalendar(inserted);
-			CalendarEvents.calendarCreated();
-			return { data: newCalendar, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Failed to create calendar';
-			error = msg;
-			return { data: null, error: { message: msg } };
-		}
-	},
-
-	/**
-	 * Update a calendar — writes to IndexedDB instantly.
-	 */
-	async updateCalendar(id: string, data: UpdateCalendarInput) {
-		error = null;
-		try {
-			const updated = await calendarCollection.update(id, data as Partial<LocalCalendar>);
-			if (updated) {
-				const updatedCalendar = toCalendar(updated);
-				return { data: updatedCalendar, error: null };
-			}
-			return { data: null, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Failed to update calendar';
-			error = msg;
-			return { data: null, error: { message: msg } };
-		}
-	},
-
-	/**
-	 * Delete a calendar — removes from IndexedDB instantly.
-	 */
-	async deleteCalendar(id: string) {
-		error = null;
-		try {
-			await calendarCollection.delete(id);
-			CalendarEvents.calendarDeleted();
-			return { error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Failed to delete calendar';
-			error = msg;
-			return { error: { message: msg } };
-		}
-	},
-
-	/**
-	 * Toggle calendar visibility (needs current calendars from context)
-	 */
-	async toggleVisibility(id: string, calendars: Calendar[]) {
-		const calendar = calendars.find((c) => c.id === id);
-		if (!calendar) return;
-		return this.updateCalendar(id, { isVisible: !calendar.isVisible });
-	},
-
-	/**
-	 * Set a calendar as the default (needs current calendars from context)
-	 */
-	async setAsDefault(id: string, calendars: Calendar[]) {
-		error = null;
-		try {
-			// Remove default from all others first
-			for (const cal of calendars) {
-				if (cal.isDefault && cal.id !== id) {
-					await calendarCollection.update(cal.id, { isDefault: false } as Partial<LocalCalendar>);
-				}
-			}
-			// Set the new default
-			const updated = await calendarCollection.update(id, {
-				isDefault: true,
-			} as Partial<LocalCalendar>);
-			return { data: updated ? toCalendar(updated) : null, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Failed to set default';
-			error = msg;
-			return { data: null, error: { message: msg } };
-		}
-	},
-
-	/**
-	 * Toggle birthday calendar visibility
-	 */
-	toggleBirthdaysVisibility() {
-		settingsStore.set('showBirthdays', !settingsStore.showBirthdays);
-	},
-
-	/**
-	 * Check if a calendar ID is the virtual birthday calendar
-	 */
-	isBirthdayCalendar(id: string) {
-		return id === BIRTHDAY_CALENDAR.id;
-	},
-
-	/**
-	 * Check if a calendar ID is the guest calendar
-	 */
-	isGuestCalendar(id: string) {
-		return id === 'personal-calendar';
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/contacts.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/contacts.svelte.ts
deleted file mode 100644
index 35ddf5f7f..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/contacts.svelte.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-/**
- * Contacts Store for Calendar App
- *
- * Provides access to contacts from the Contacts app for event attendee management.
- */
-
-import { browser } from '$app/environment';
-import { createContactsClient, type ContactsClient } from '@manacore/shared-auth';
-import type { ContactSummary } from '@manacore/shared-types';
-import { authStore } from './auth.svelte';
-
-// State
-let client: ContactsClient | null = null;
-let isAvailable = $state<boolean | null>(null);
-let isChecking = $state(false);
-let lastCheck = $state<number>(0);
-
-// Cache for recent search results
-let searchCache = $state<Map<string, { results: ContactSummary[]; timestamp: number }>>(new Map());
-const CACHE_TTL = 60000; // 1 minute
-
-// Get contacts API URL dynamically
-function getContactsApiUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_CONTACTS_API_URL__?: string })
-			.__PUBLIC_CONTACTS_API_URL__;
-		return injectedUrl || 'http://localhost:3015/api/v1';
-	}
-	return 'http://localhost:3015/api/v1';
-}
-
-// Initialize client lazily
-function getClient(): ContactsClient {
-	if (!client) {
-		client = createContactsClient({
-			apiUrl: getContactsApiUrl(),
-			getAuthToken: async () => authStore.getAccessToken(),
-			timeout: 5000,
-		});
-	}
-	return client;
-}
-
-export const contactsStore = {
-	// Getters
-	get isAvailable() {
-		return isAvailable;
-	},
-	get isChecking() {
-		return isChecking;
-	},
-
-	/**
-	 * Check if the Contacts API is available
-	 * Caches result for 30 seconds
-	 */
-	async checkAvailability(): Promise<boolean> {
-		const now = Date.now();
-		// Skip if checked recently
-		if (lastCheck && now - lastCheck < 30000 && isAvailable !== null) {
-			return isAvailable;
-		}
-
-		isChecking = true;
-		try {
-			const available = await getClient().isAvailable();
-			isAvailable = available;
-			lastCheck = now;
-			return available;
-		} catch {
-			isAvailable = false;
-			lastCheck = now;
-			return false;
-		} finally {
-			isChecking = false;
-		}
-	},
-
-	/**
-	 * Search contacts by query string
-	 */
-	async searchContacts(query: string): Promise<ContactSummary[]> {
-		// Check cache first
-		const cacheKey = query.toLowerCase().trim();
-		const cached = searchCache.get(cacheKey);
-		if (cached && Date.now() - cached.timestamp < CACHE_TTL) {
-			return cached.results;
-		}
-
-		// Check availability
-		if (isAvailable === null) {
-			await this.checkAvailability();
-		}
-
-		if (!isAvailable) {
-			return [];
-		}
-
-		try {
-			const results = await getClient().searchContacts({
-				query,
-				limit: 20,
-				excludeArchived: true,
-			});
-
-			// Cache results
-			searchCache.set(cacheKey, {
-				results,
-				timestamp: Date.now(),
-			});
-
-			return results;
-		} catch (error) {
-			console.error('[contactsStore] Search failed:', error);
-			return [];
-		}
-	},
-
-	/**
-	 * Get a single contact by ID
-	 */
-	async getContact(id: string): Promise<ContactSummary | null> {
-		if (isAvailable === null) {
-			await this.checkAvailability();
-		}
-
-		if (!isAvailable) {
-			return null;
-		}
-
-		try {
-			return await getClient().getContact(id);
-		} catch (error) {
-			console.error(`[contactsStore] Failed to get contact ${id}:`, error);
-			return null;
-		}
-	},
-
-	/**
-	 * Get multiple contacts by IDs
-	 */
-	async getContacts(ids: string[]): Promise<ContactSummary[]> {
-		if (ids.length === 0) return [];
-
-		if (isAvailable === null) {
-			await this.checkAvailability();
-		}
-
-		if (!isAvailable) {
-			return [];
-		}
-
-		try {
-			return await getClient().getContacts(ids);
-		} catch (error) {
-			console.error('[contactsStore] Failed to get contacts:', error);
-			return [];
-		}
-	},
-
-	/**
-	 * Clear the search cache
-	 */
-	clearCache() {
-		searchCache.clear();
-	},
-
-	/**
-	 * Reset availability check (force recheck on next call)
-	 */
-	resetAvailability() {
-		isAvailable = null;
-		lastCheck = 0;
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/event-tags.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/event-tags.svelte.ts
deleted file mode 100644
index ab21dab3c..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/event-tags.svelte.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Event Tags Store — Local-First via Shared Tag Store
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/eventModal.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/eventModal.svelte.ts
deleted file mode 100644
index 33ddc3496..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/eventModal.svelte.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Event Modal Store - Manages event detail modal state with URL support
- */
-
-let selectedEventId = $state<string | null>(null);
-
-export const eventModalStore = {
-	get eventId() {
-		return selectedEventId;
-	},
-
-	get isOpen() {
-		return selectedEventId !== null;
-	},
-
-	/**
-	 * Open the event detail modal
-	 */
-	open(eventId: string) {
-		selectedEventId = eventId;
-		// Update URL without full navigation
-		const url = new URL(window.location.href);
-		url.searchParams.set('event', eventId);
-		window.history.pushState({}, '', url.toString());
-	},
-
-	/**
-	 * Close the event detail modal
-	 */
-	close() {
-		selectedEventId = null;
-		// Remove event param from URL
-		const url = new URL(window.location.href);
-		url.searchParams.delete('event');
-		window.history.pushState({}, '', url.toString());
-	},
-
-	/**
-	 * Initialize from URL (call on page mount)
-	 */
-	initFromUrl(searchParams: URLSearchParams) {
-		const eventId = searchParams.get('event');
-		if (eventId) {
-			selectedEventId = eventId;
-		}
-	},
-
-	/**
-	 * Reset state (for cleanup)
-	 */
-	reset() {
-		selectedEventId = null;
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/events-recurrence.test.ts b/apps/calendar/apps/web-archived/src/lib/stores/events-recurrence.test.ts
deleted file mode 100644
index 65ea7b69c..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/events-recurrence.test.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import type { CalendarEvent } from '@calendar/shared';
-
-// Mock local-store to avoid import.meta.env issues in tests
-vi.mock('$lib/data/local-store', () => ({
-	eventCollection: {},
-	calendarCollection: {},
-}));
-
-vi.mock('@manacore/local-store/svelte', () => ({
-	useLiveQueryWithDefault: vi.fn(),
-}));
-
-vi.mock('$lib/api/birthdays', () => ({
-	BIRTHDAY_CALENDAR: { id: 'birthday-cal', name: 'Birthdays', color: '#ec4899' },
-}));
-
-vi.mock('@manacore/shared-ui', () => ({
-	toastStore: { error: vi.fn(), success: vi.fn() },
-}));
-
-import { expandRecurringEvents } from '$lib/data/queries';
-import { eventsStore } from './events.svelte';
-
-function makeEvent(overrides: Partial<CalendarEvent> = {}): CalendarEvent {
-	return {
-		id: 'evt-1',
-		calendarId: 'cal-1',
-		userId: 'user-1',
-		title: 'Test',
-		description: null,
-		location: null,
-		startTime: '2026-03-15T10:00:00',
-		endTime: '2026-03-15T11:00:00',
-		isAllDay: false,
-		timezone: 'Europe/Berlin',
-		recurrenceRule: null,
-		recurrenceEndDate: null,
-		recurrenceExceptions: null,
-		parentEventId: null,
-		color: null,
-		status: 'confirmed',
-		externalId: null,
-		metadata: null,
-		createdAt: '2026-03-01T00:00:00',
-		updatedAt: '2026-03-01T00:00:00',
-		...overrides,
-	};
-}
-
-describe('expandRecurringEvents', () => {
-	it('should expand daily recurring event', () => {
-		const events = [
-			makeEvent({
-				id: 'r1',
-				startTime: '2026-03-01T09:00:00',
-				endTime: '2026-03-01T09:30:00',
-				recurrenceRule: 'FREQ=DAILY',
-			}),
-		];
-		const result = expandRecurringEvents(events, new Date('2026-03-01'), new Date('2026-03-07'));
-		expect(result.length).toBeGreaterThanOrEqual(6);
-		for (const e of result) {
-			expect(e.id).toContain('r1__recurrence__');
-			expect(e.parentEventId).toBe('r1');
-		}
-	});
-
-	it('should preserve event duration in occurrences', () => {
-		const events = [
-			makeEvent({
-				id: 'w1',
-				startTime: '2026-03-02T14:00:00',
-				endTime: '2026-03-02T15:00:00',
-				recurrenceRule: 'FREQ=WEEKLY',
-			}),
-		];
-		const result = expandRecurringEvents(events, new Date('2026-03-01'), new Date('2026-03-31'));
-		for (const e of result) {
-			const dur = new Date(e.endTime).getTime() - new Date(e.startTime).getTime();
-			expect(dur).toBe(3600000);
-		}
-	});
-
-	it('should respect exceptions', () => {
-		const events = [
-			makeEvent({
-				id: 'exc',
-				startTime: '2026-03-01T09:00:00',
-				endTime: '2026-03-01T09:30:00',
-				recurrenceRule: 'FREQ=DAILY',
-				recurrenceExceptions: ['2026-03-03', '2026-03-05'],
-			}),
-		];
-		const result = expandRecurringEvents(events, new Date('2026-03-01'), new Date('2026-03-07'));
-		const dates = result.map((e) => e.id.split('__recurrence__')[1]);
-		expect(dates).not.toContain('2026-03-03');
-		expect(dates).not.toContain('2026-03-05');
-		expect(dates).toContain('2026-03-01');
-	});
-
-	it('should not expand non-recurring events', () => {
-		const events = [makeEvent({ id: 'normal' })];
-		const result = expandRecurringEvents(events, new Date('2026-03-01'), new Date('2026-03-31'));
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('normal');
-	});
-});
-
-describe('recurrence helpers', () => {
-	it('isRecurrenceOccurrence', () => {
-		expect(eventsStore.isRecurrenceOccurrence('evt__recurrence__2026-03-15')).toBe(true);
-		expect(eventsStore.isRecurrenceOccurrence('evt-1')).toBe(false);
-	});
-
-	it('getParentEventId', () => {
-		expect(eventsStore.getParentEventId('evt-1__recurrence__2026-03-15')).toBe('evt-1');
-		expect(eventsStore.getParentEventId('evt-1')).toBe('evt-1');
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/events.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/events.svelte.ts
deleted file mode 100644
index ea6d52017..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/events.svelte.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-/**
- * Events Store — Mutations Only
- *
- * Reads come from useLiveQuery (see $lib/data/queries.ts).
- * This store only handles writes to IndexedDB and draft event state.
- */
-
-import type { CalendarEvent, CreateEventInput, UpdateEventInput } from '@calendar/shared';
-import { eventCollection, type LocalEvent } from '$lib/data/local-store';
-import { toastStore } from '@manacore/shared-ui';
-import { CalendarEvents } from '@manacore/shared-utils/analytics';
-import { get } from 'svelte/store';
-import { _ } from 'svelte-i18n';
-import { toCalendarEvent } from '$lib/data/queries';
-
-// Mutation error state
-let error = $state<string | null>(null);
-
-// Draft event for quick create (temporary event shown in grid before saving)
-let draftEvent = $state<CalendarEvent | null>(null);
-
-export const eventsStore = {
-	get error() {
-		return error;
-	},
-	get draftEvent() {
-		return draftEvent;
-	},
-
-	/**
-	 * Create a new event — writes to IndexedDB instantly.
-	 */
-	async createEvent(data: CreateEventInput) {
-		error = null;
-		try {
-			const newLocal: LocalEvent = {
-				id: crypto.randomUUID(),
-				calendarId: data.calendarId ?? '',
-				title: data.title,
-				description: data.description ?? null,
-				startDate:
-					typeof data.startTime === 'string'
-						? data.startTime
-						: new Date(data.startTime).toISOString(),
-				endDate:
-					typeof data.endTime === 'string' ? data.endTime : new Date(data.endTime).toISOString(),
-				allDay: data.isAllDay ?? false,
-				location: data.location ?? null,
-				recurrenceRule: data.recurrenceRule ?? null,
-				color: data.color ?? null,
-				reminders: null,
-			};
-
-			const inserted = await eventCollection.insert(newLocal);
-			const newEvent = toCalendarEvent(inserted);
-			CalendarEvents.eventCreated(!!data.recurrenceRule);
-			return { data: newEvent, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Failed to create event';
-			error = msg;
-			return { data: null, error: { message: msg } };
-		}
-	},
-
-	/**
-	 * Update an event — writes to IndexedDB instantly.
-	 */
-	async updateEvent(id: string, data: UpdateEventInput) {
-		error = null;
-		try {
-			// Map shared types to local field names
-			const localData: Partial<LocalEvent> = {};
-			if (data.title !== undefined) localData.title = data.title;
-			if (data.description !== undefined) localData.description = data.description;
-			if (data.startTime !== undefined)
-				localData.startDate =
-					typeof data.startTime === 'string'
-						? data.startTime
-						: new Date(data.startTime).toISOString();
-			if (data.endTime !== undefined)
-				localData.endDate =
-					typeof data.endTime === 'string' ? data.endTime : new Date(data.endTime).toISOString();
-			if (data.isAllDay !== undefined) localData.allDay = data.isAllDay;
-			if (data.location !== undefined) localData.location = data.location;
-			if (data.recurrenceRule !== undefined) localData.recurrenceRule = data.recurrenceRule;
-			if (data.color !== undefined) localData.color = data.color;
-			if (data.calendarId !== undefined) localData.calendarId = data.calendarId;
-
-			const updated = await eventCollection.update(id, localData);
-			if (updated) {
-				const updatedEvent = toCalendarEvent(updated);
-				CalendarEvents.eventUpdated();
-				return { data: updatedEvent, error: null };
-			}
-			return { data: null, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Failed to update event';
-			error = msg;
-			toastStore.error(get(_)('toast.eventUpdateError') + ': ' + msg);
-			return { data: null, error: { message: msg } };
-		}
-	},
-
-	/**
-	 * Delete an event — removes from IndexedDB instantly.
-	 */
-	async deleteEvent(id: string) {
-		error = null;
-		try {
-			await eventCollection.delete(id);
-			CalendarEvents.eventDeleted();
-			toastStore.success(get(_)('toast.eventDeleted'));
-			return { error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Failed to delete event';
-			error = msg;
-			toastStore.error(get(_)('toast.eventDeleteError') + ': ' + msg);
-			return { error: { message: msg } };
-		}
-	},
-
-	// ========== Draft Event Methods ==========
-
-	createDraftEvent(data: Partial<CalendarEvent>) {
-		draftEvent = {
-			id: '__draft__',
-			calendarId: data.calendarId || '',
-			userId: '',
-			title: data.title || '',
-			description: data.description || null,
-			location: data.location || null,
-			startTime: data.startTime || new Date().toISOString(),
-			endTime: data.endTime || new Date().toISOString(),
-			isAllDay: data.isAllDay || false,
-			timezone: data.timezone || null,
-			recurrenceRule: null,
-			recurrenceEndDate: null,
-			recurrenceExceptions: null,
-			parentEventId: null,
-			color: data.color || null,
-			status: 'confirmed',
-			externalId: null,
-			metadata: data.metadata || null,
-			createdAt: new Date().toISOString(),
-			updatedAt: new Date().toISOString(),
-		} as CalendarEvent;
-		return draftEvent;
-	},
-
-	updateDraftEvent(data: Partial<CalendarEvent>) {
-		if (draftEvent) {
-			draftEvent = { ...draftEvent, ...data };
-		}
-	},
-
-	clearDraftEvent() {
-		draftEvent = null;
-	},
-
-	isDraftEvent(eventId: string) {
-		return eventId === '__draft__';
-	},
-
-	isRecurrenceOccurrence(eventId: string) {
-		return eventId.includes('__recurrence__');
-	},
-
-	getParentEventId(eventId: string): string {
-		if (eventId.includes('__recurrence__')) {
-			return eventId.split('__recurrence__')[0];
-		}
-		return eventId;
-	},
-
-	/**
-	 * Delete a single occurrence of a recurring event by adding an exception date
-	 */
-	async deleteRecurrenceOccurrence(eventId: string) {
-		const dateKey = eventId.split('__recurrence__')[1];
-
-		// For local-first, we would ideally store exceptions in IndexedDB.
-		// For now, toast success (the event structure doesn't support exceptions at local level yet).
-		try {
-			toastStore.success(get(_)('toast.eventDeleted'));
-			return { error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Failed to delete occurrence';
-			toastStore.error(get(_)('toast.error') + ': ' + msg);
-			return { error: { message: msg } };
-		}
-	},
-
-	/**
-	 * Delete all occurrences of a recurring event (deletes the parent)
-	 */
-	async deleteRecurrenceSeries(eventId: string) {
-		const parentId = this.getParentEventId(eventId);
-		return this.deleteEvent(parentId);
-	},
-
-	/**
-	 * Update all occurrences of a recurring event (updates the parent)
-	 */
-	async updateRecurrenceSeries(eventId: string, data: UpdateEventInput) {
-		const parentId = this.getParentEventId(eventId);
-		return this.updateEvent(parentId, data);
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/events.test.ts b/apps/calendar/apps/web-archived/src/lib/stores/events.test.ts
deleted file mode 100644
index 1983b14b4..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/events.test.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import type { CalendarEvent } from '@calendar/shared';
-
-// Mock local-store to avoid import.meta.env issues in tests
-vi.mock('$lib/data/local-store', () => ({
-	eventCollection: {},
-	calendarCollection: {},
-}));
-
-vi.mock('@manacore/local-store/svelte', () => ({
-	useLiveQueryWithDefault: vi.fn(),
-}));
-
-vi.mock('$lib/api/birthdays', () => ({
-	BIRTHDAY_CALENDAR: { id: 'birthday-cal', name: 'Birthdays', color: '#ec4899' },
-}));
-
-vi.mock('@manacore/shared-ui', () => ({
-	toastStore: { error: vi.fn(), success: vi.fn() },
-}));
-
-import { getEventsForDay, getEventsInRange } from '$lib/data/queries';
-import { eventsStore } from './events.svelte';
-
-function makeEvent(overrides: Partial<CalendarEvent> = {}): CalendarEvent {
-	return {
-		id: 'evt-1',
-		calendarId: 'cal-1',
-		userId: 'user-1',
-		title: 'Test Event',
-		description: null,
-		location: null,
-		startTime: '2026-03-15T10:00:00',
-		endTime: '2026-03-15T11:00:00',
-		isAllDay: false,
-		timezone: 'Europe/Berlin',
-		recurrenceRule: null,
-		recurrenceEndDate: null,
-		recurrenceExceptions: null,
-		parentEventId: null,
-		color: null,
-		status: 'confirmed',
-		externalId: null,
-		metadata: null,
-		createdAt: '2026-03-01T00:00:00',
-		updatedAt: '2026-03-01T00:00:00',
-		...overrides,
-	};
-}
-
-describe('getEventsForDay', () => {
-	it('should return events that start on the given day', () => {
-		const events = [
-			makeEvent({ id: 'evt-1', startTime: '2026-03-15T10:00:00', endTime: '2026-03-15T11:00:00' }),
-		];
-		const result = getEventsForDay(events, new Date('2026-03-15'));
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('evt-1');
-	});
-
-	it('should not return events from a different day', () => {
-		const events = [
-			makeEvent({ startTime: '2026-03-15T10:00:00', endTime: '2026-03-15T11:00:00' }),
-		];
-		const result = getEventsForDay(events, new Date('2026-03-16'));
-		expect(result).toHaveLength(0);
-	});
-
-	it('should include all-day events that span the given day', () => {
-		const events = [
-			makeEvent({
-				id: 'allday-1',
-				startTime: '2026-03-14T00:00:00',
-				endTime: '2026-03-16T23:59:59',
-				isAllDay: true,
-			}),
-		];
-		const result = getEventsForDay(events, new Date('2026-03-15'));
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('allday-1');
-	});
-});
-
-describe('getEventsInRange', () => {
-	it('should return events that overlap with the given range', () => {
-		const events = [
-			makeEvent({ id: 'evt-1', startTime: '2026-03-15T10:00:00', endTime: '2026-03-15T11:00:00' }),
-			makeEvent({ id: 'evt-2', startTime: '2026-03-20T14:00:00', endTime: '2026-03-20T15:00:00' }),
-		];
-		const result = getEventsInRange(events, new Date('2026-03-14'), new Date('2026-03-16'));
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('evt-1');
-	});
-
-	it('should return events that partially overlap the range', () => {
-		const events = [
-			makeEvent({ startTime: '2026-03-14T22:00:00', endTime: '2026-03-15T02:00:00' }),
-		];
-		const result = getEventsInRange(
-			events,
-			new Date('2026-03-15T00:00:00'),
-			new Date('2026-03-15T23:59:59')
-		);
-		expect(result).toHaveLength(1);
-	});
-
-	it('should return empty array when no events in range', () => {
-		const events = [
-			makeEvent({ startTime: '2026-03-20T10:00:00', endTime: '2026-03-20T11:00:00' }),
-		];
-		const result = getEventsInRange(events, new Date('2026-03-14'), new Date('2026-03-16'));
-		expect(result).toHaveLength(0);
-	});
-});
-
-describe('createDraftEvent / clearDraftEvent', () => {
-	it('should create a draft event with __draft__ id', () => {
-		const draft = eventsStore.createDraftEvent({
-			title: 'Draft Meeting',
-			startTime: '2026-03-15T10:00:00',
-			endTime: '2026-03-15T11:00:00',
-		});
-
-		expect(draft.id).toBe('__draft__');
-		expect(draft.title).toBe('Draft Meeting');
-		expect(eventsStore.draftEvent).not.toBeNull();
-		expect(eventsStore.draftEvent?.id).toBe('__draft__');
-	});
-
-	it('should clear the draft event', () => {
-		eventsStore.createDraftEvent({
-			title: 'Draft',
-			startTime: '2026-03-15T10:00:00',
-			endTime: '2026-03-15T11:00:00',
-		});
-
-		expect(eventsStore.draftEvent).not.toBeNull();
-		eventsStore.clearDraftEvent();
-		expect(eventsStore.draftEvent).toBeNull();
-	});
-
-	it('should set default values for missing fields', () => {
-		const draft = eventsStore.createDraftEvent({});
-
-		expect(draft.calendarId).toBe('');
-		expect(draft.title).toBe('');
-		expect(draft.isAllDay).toBe(false);
-		expect(draft.status).toBe('confirmed');
-		expect(draft.description).toBeNull();
-		expect(draft.location).toBeNull();
-	});
-});
-
-describe('isDraftEvent', () => {
-	it('should return true for __draft__ id', () => {
-		expect(eventsStore.isDraftEvent('__draft__')).toBe(true);
-	});
-
-	it('should return false for regular event ids', () => {
-		expect(eventsStore.isDraftEvent('evt-1')).toBe(false);
-		expect(eventsStore.isDraftEvent('')).toBe(false);
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/external-calendars.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/external-calendars.svelte.ts
deleted file mode 100644
index 5c0338ba1..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/external-calendars.svelte.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-/**
- * External Calendars Store - Manages CalDAV/iCal/Google calendar connections
- */
-
-import type { ExternalCalendar, ConnectExternalCalendarInput } from '@calendar/shared';
-import * as api from '$lib/api/sync';
-import { toastStore } from '@manacore/shared-ui';
-import { get } from 'svelte/store';
-import { _ } from 'svelte-i18n';
-
-// State
-let externalCalendars = $state<ExternalCalendar[]>([]);
-let loading = $state(false);
-let error = $state<string | null>(null);
-let syncingIds = $state<Set<string>>(new Set());
-
-function getArray(): ExternalCalendar[] {
-	const arr = externalCalendars ?? [];
-	return Array.isArray(arr) ? arr : [];
-}
-
-export const externalCalendarsStore = {
-	get calendars() {
-		return externalCalendars;
-	},
-	get loading() {
-		return loading;
-	},
-	get error() {
-		return error;
-	},
-
-	isSyncing(id: string) {
-		return syncingIds.has(id);
-	},
-
-	async fetchCalendars() {
-		loading = true;
-		error = null;
-
-		const result = await api.getExternalCalendars();
-
-		if (result.error) {
-			error = result.error.message;
-			externalCalendars = [];
-		} else {
-			externalCalendars = result.data || [];
-		}
-
-		loading = false;
-		return result;
-	},
-
-	async connect(data: ConnectExternalCalendarInput) {
-		const result = await api.connectExternalCalendar(data);
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.connectionError') + ': ' + result.error.message);
-		} else if (result.data) {
-			externalCalendars = [...externalCalendars, result.data];
-			toastStore.success(get(_)('toast.calendarConnected', { values: { name: data.name } }));
-		}
-
-		return result;
-	},
-
-	async update(id: string, data: api.UpdateExternalCalendarInput) {
-		const result = await api.updateExternalCalendar(id, data);
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.updateError') + ': ' + result.error.message);
-		} else if (result.data) {
-			externalCalendars = getArray().map((c) => (c.id === id ? result.data! : c));
-		}
-
-		return result;
-	},
-
-	async disconnect(id: string) {
-		const cal = getArray().find((c) => c.id === id);
-		const result = await api.disconnectExternalCalendar(id);
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.connectionError') + ': ' + result.error.message);
-		} else {
-			externalCalendars = getArray().filter((c) => c.id !== id);
-			toastStore.success(
-				get(_)('toast.calendarDisconnected', {
-					values: { name: cal?.name || get(_)('common.calendar') },
-				})
-			);
-		}
-
-		return result;
-	},
-
-	async triggerSync(id: string) {
-		syncingIds = new Set([...syncingIds, id]);
-
-		const result = await api.triggerSync(id);
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.syncError') + ': ' + result.error.message);
-			// Update last sync error in local state
-			externalCalendars = getArray().map((c) =>
-				c.id === id ? { ...c, lastSyncError: result.error!.message } : c
-			);
-		} else {
-			toastStore.success(get(_)('toast.syncCompleted'));
-			// Update local state with new sync time
-			externalCalendars = getArray().map((c) =>
-				c.id === id ? { ...c, lastSyncAt: new Date().toISOString(), lastSyncError: null } : c
-			);
-		}
-
-		const newSet = new Set(syncingIds);
-		newSet.delete(id);
-		syncingIds = newSet;
-
-		return result;
-	},
-
-	async discoverCalDav(serverUrl: string, username: string, password: string) {
-		return api.discoverCalDav(serverUrl, username, password);
-	},
-
-	async getGoogleAuthUrl() {
-		return api.getGoogleAuthUrl();
-	},
-
-	getById(id: string) {
-		return getArray().find((c) => c.id === id);
-	},
-
-	clear() {
-		externalCalendars = [];
-		error = null;
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/external-calendars.test.ts b/apps/calendar/apps/web-archived/src/lib/stores/external-calendars.test.ts
deleted file mode 100644
index bed028db3..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/external-calendars.test.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-vi.mock('$lib/api/sync', () => ({
-	getExternalCalendars: vi.fn(),
-	connectExternalCalendar: vi.fn(),
-	updateExternalCalendar: vi.fn(),
-	disconnectExternalCalendar: vi.fn(),
-	triggerSync: vi.fn(),
-	discoverCalDav: vi.fn(),
-	getGoogleAuthUrl: vi.fn(),
-}));
-
-vi.mock('@manacore/shared-ui', () => ({
-	toastStore: { error: vi.fn(), success: vi.fn() },
-}));
-
-vi.mock('svelte-i18n', () => {
-	const { readable } = require('svelte/store');
-	return {
-		_: readable((key: string) => key),
-	};
-});
-
-import * as api from '$lib/api/sync';
-import { externalCalendarsStore } from './external-calendars.svelte';
-import type { ExternalCalendar } from '@calendar/shared';
-
-const mockFetch = vi.mocked(api.getExternalCalendars);
-const mockConnect = vi.mocked(api.connectExternalCalendar);
-const mockUpdate = vi.mocked(api.updateExternalCalendar);
-const mockDisconnect = vi.mocked(api.disconnectExternalCalendar);
-const mockSync = vi.mocked(api.triggerSync);
-
-function makeCal(overrides: Partial<ExternalCalendar> = {}): ExternalCalendar {
-	return {
-		id: 'ext-1',
-		userId: 'user-1',
-		name: 'Google',
-		provider: 'google',
-		calendarUrl: 'https://google.com/cal',
-		syncEnabled: true,
-		syncDirection: 'both',
-		syncInterval: 15,
-		lastSyncAt: null,
-		lastSyncError: null,
-		color: '#4285f4',
-		isVisible: true,
-		providerData: null,
-		createdAt: '2026-03-01',
-		updatedAt: '2026-03-01',
-		...overrides,
-	};
-}
-
-describe('externalCalendarsStore', () => {
-	beforeEach(() => {
-		vi.clearAllMocks();
-		externalCalendarsStore.clear();
-	});
-
-	it('should load calendars', async () => {
-		mockFetch.mockResolvedValue({
-			data: [makeCal({ id: 'ext-1' }), makeCal({ id: 'ext-2' })],
-			error: null,
-		});
-		await externalCalendarsStore.fetchCalendars();
-		expect(externalCalendarsStore.calendars).toHaveLength(2);
-		expect(externalCalendarsStore.loading).toBe(false);
-	});
-
-	it('should set error on fetch failure', async () => {
-		mockFetch.mockResolvedValue({
-			data: null,
-			error: { message: 'fail', code: 'ERR', status: 500 },
-		});
-		await externalCalendarsStore.fetchCalendars();
-		expect(externalCalendarsStore.error).toBe('fail');
-	});
-
-	it('should add calendar on connect', async () => {
-		mockConnect.mockResolvedValue({ data: makeCal({ id: 'new' }), error: null });
-		await externalCalendarsStore.connect({ name: 'X', provider: 'caldav', calendarUrl: 'url' });
-		expect(externalCalendarsStore.calendars).toHaveLength(1);
-	});
-
-	it('should remove calendar on disconnect', async () => {
-		mockFetch.mockResolvedValue({ data: [makeCal()], error: null });
-		await externalCalendarsStore.fetchCalendars();
-		mockDisconnect.mockResolvedValue({ data: { success: true }, error: null });
-		await externalCalendarsStore.disconnect('ext-1');
-		expect(externalCalendarsStore.calendars).toHaveLength(0);
-	});
-
-	it('should update calendar', async () => {
-		mockFetch.mockResolvedValue({ data: [makeCal({ syncEnabled: true })], error: null });
-		await externalCalendarsStore.fetchCalendars();
-		mockUpdate.mockResolvedValue({ data: makeCal({ syncEnabled: false }), error: null });
-		await externalCalendarsStore.update('ext-1', { syncEnabled: false });
-		expect(externalCalendarsStore.calendars[0].syncEnabled).toBe(false);
-	});
-
-	it('should update lastSyncAt on sync success', async () => {
-		mockFetch.mockResolvedValue({ data: [makeCal({ lastSyncAt: null })], error: null });
-		await externalCalendarsStore.fetchCalendars();
-		mockSync.mockResolvedValue({ data: { success: true }, error: null });
-		await externalCalendarsStore.triggerSync('ext-1');
-		expect(externalCalendarsStore.calendars[0].lastSyncAt).not.toBeNull();
-		expect(externalCalendarsStore.isSyncing('ext-1')).toBe(false);
-	});
-
-	it('should set error on sync failure', async () => {
-		mockFetch.mockResolvedValue({ data: [makeCal()], error: null });
-		await externalCalendarsStore.fetchCalendars();
-		mockSync.mockResolvedValue({
-			data: null,
-			error: { message: 'Timeout', code: 'T', status: 504 },
-		});
-		await externalCalendarsStore.triggerSync('ext-1');
-		expect(externalCalendarsStore.calendars[0].lastSyncError).toBe('Timeout');
-	});
-
-	it('should find by ID', async () => {
-		mockFetch.mockResolvedValue({ data: [makeCal({ name: 'Found' })], error: null });
-		await externalCalendarsStore.fetchCalendars();
-		expect(externalCalendarsStore.getById('ext-1')?.name).toBe('Found');
-		expect(externalCalendarsStore.getById('nope')).toBeUndefined();
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/navigation.ts b/apps/calendar/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index 0704ef93a..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed, isToolbarCollapsed } = createSimpleNavigationStores({
-	withToolbar: true,
-	toolbarCollapsedDefault: false,
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/search.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/search.svelte.ts
deleted file mode 100644
index 05bfa2ebd..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/search.svelte.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-/**
- * Search Store - manages search state for highlighting events in calendar views
- */
-
-// Accept any object with at least an id property
-interface SearchableItem {
-	id: string;
-}
-
-// State
-let query = $state('');
-let matchingEventIds = $state<Set<string>>(new Set());
-let isSearching = $state(false);
-
-/**
- * Set search query and matching items (events or any items with an id)
- */
-function setSearch<T extends SearchableItem>(newQuery: string, matchingItems: T[]) {
-	query = newQuery;
-	matchingEventIds = new Set(matchingItems.map((item) => item.id));
-	isSearching = newQuery.trim().length > 0;
-}
-
-/**
- * Clear search
- */
-function clear() {
-	query = '';
-	matchingEventIds = new Set();
-	isSearching = false;
-}
-
-/**
- * Check if an event matches the search
- */
-function isEventHighlighted(eventId: string): boolean {
-	return isSearching && matchingEventIds.has(eventId);
-}
-
-/**
- * Check if an event should be dimmed (search active but event doesn't match)
- */
-function isEventDimmed(eventId: string): boolean {
-	return isSearching && !matchingEventIds.has(eventId);
-}
-
-export const searchStore = {
-	get query() {
-		return query;
-	},
-	get matchingEventIds() {
-		return matchingEventIds;
-	},
-	get isSearching() {
-		return isSearching;
-	},
-	setSearch,
-	clear,
-	isEventHighlighted,
-	isEventDimmed,
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/settings.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/settings.svelte.ts
deleted file mode 100644
index 4159233fa..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/settings.svelte.ts
+++ /dev/null
@@ -1,309 +0,0 @@
-/**
- * Settings Store - Manages user preferences for the calendar app
- * Uses @manacore/shared-stores createAppSettingsStore factory with cloud sync
- */
-
-import { browser } from '$app/environment';
-import type { CalendarViewType } from '@calendar/shared';
-import { createAppSettingsStore } from '@manacore/shared-stores';
-import { userSettings } from './user-settings.svelte';
-
-// Settings types
-export type WeekStartDay = 0 | 1;
-export type TimeFormat = '24h' | '12h';
-export type AllDayDisplayMode = 'header' | 'block';
-export type SttLanguage = 'de' | 'auto';
-
-export interface CalendarAppSettings extends Record<string, unknown> {
-	// View settings
-	defaultView: CalendarViewType;
-	weekStartsOn: WeekStartDay;
-	showOnlyWeekdays: boolean;
-	showWeekNumbers: boolean;
-	timeFormat: TimeFormat;
-	filterHoursEnabled: boolean;
-	dayStartHour: number;
-	dayEndHour: number;
-	allDayDisplayMode: AllDayDisplayMode;
-
-	// Display settings
-	showBirthdays: boolean;
-	showBirthdayAge: boolean;
-	dateStripShowMoonPhases: boolean;
-	dateStripShowEventIndicators: boolean;
-	dateStripHighlightWeekends: boolean;
-	dateStripCompact: boolean;
-
-	// Event defaults
-	defaultEventDuration: number;
-	smartDurationEnabled: boolean;
-	defaultReminder: number;
-
-	// Voice input settings
-	sttLanguage: SttLanguage;
-}
-
-// --- UI state (not persisted, resets on page load) ---
-let _dateStripCollapsed = $state(false);
-let _tagStripCollapsed = $state(true);
-let _selectedTagIds = $state<string[]>([]);
-let _immersiveModeEnabled = $state(false);
-let _sidebarCollapsed = $state(true);
-
-const DEFAULT_SETTINGS: CalendarAppSettings = {
-	defaultView: 'week',
-	weekStartsOn: 1,
-	showOnlyWeekdays: false,
-	showWeekNumbers: false,
-	timeFormat: '24h',
-	filterHoursEnabled: false,
-	dayStartHour: 6,
-	dayEndHour: 20,
-	allDayDisplayMode: 'header',
-	dateStripShowMoonPhases: true,
-	dateStripShowEventIndicators: true,
-	dateStripHighlightWeekends: true,
-	dateStripCompact: false,
-	showBirthdays: true,
-	showBirthdayAge: true,
-	defaultEventDuration: 60,
-	smartDurationEnabled: true,
-	defaultReminder: 15,
-	sttLanguage: 'de',
-};
-
-// Cloud sync state
-let cloudSyncEnabled = $state(false);
-let initialSyncDone = $state(false);
-
-// Sync to cloud callback
-async function syncToCloud(settings: CalendarAppSettings) {
-	if (!cloudSyncEnabled || !browser) return;
-	try {
-		await userSettings.updateDeviceAppSettings(settings as unknown as Record<string, unknown>);
-	} catch (e) {
-		console.error('Failed to sync calendar settings to cloud:', e);
-	}
-}
-
-// Create base store with cloud sync callback
-const baseStore = createAppSettingsStore<CalendarAppSettings>(
-	'calendar-settings',
-	DEFAULT_SETTINGS,
-	{
-		onSettingsChange: syncToCloud,
-	}
-);
-
-// Migrate: strip removed keys from localStorage to keep it clean
-if (browser) {
-	try {
-		const raw = localStorage.getItem('calendar-settings');
-		if (raw) {
-			const stored = JSON.parse(raw);
-			const removedKeys = [
-				'headerCompact',
-				'headerWeekdayFormat',
-				'headerShowDate',
-				'headerAlwaysShowMonth',
-				'dateStripShowWeekday',
-				'dateStripShowMonthDividers',
-				'dateStripShowWeekNumbers',
-				'dateStripCollapsed',
-				'tagStripCollapsed',
-				'selectedTagIds',
-				'immersiveModeEnabled',
-				'sidebarCollapsed',
-				'quickViewPillViews',
-				'customDayCount',
-			];
-			let changed = false;
-			for (const key of removedKeys) {
-				if (key in stored) {
-					delete stored[key];
-					changed = true;
-				}
-			}
-			if (changed) {
-				localStorage.setItem('calendar-settings', JSON.stringify(stored));
-			}
-		}
-	} catch {
-		// ignore migration errors
-	}
-}
-
-// Load settings from cloud
-function loadFromCloud(): Partial<CalendarAppSettings> | null {
-	if (!userSettings.loaded) return null;
-	const cloudSettings = userSettings.currentDeviceAppSettings;
-	if (cloudSettings && Object.keys(cloudSettings).length > 0) {
-		return cloudSettings as unknown as Partial<CalendarAppSettings>;
-	}
-	return null;
-}
-
-export const settingsStore = {
-	// Base store methods
-	get settings() {
-		return baseStore.settings;
-	},
-	initialize: baseStore.initialize,
-	set: baseStore.set,
-	update: baseStore.update,
-	reset: baseStore.reset,
-	getDefaults: baseStore.getDefaults,
-
-	// Persisted preference getters
-	get defaultView() {
-		return baseStore.settings.defaultView;
-	},
-	get weekStartsOn() {
-		return baseStore.settings.weekStartsOn;
-	},
-	get showOnlyWeekdays() {
-		return baseStore.settings.showOnlyWeekdays;
-	},
-	get showWeekNumbers() {
-		return baseStore.settings.showWeekNumbers;
-	},
-	get timeFormat() {
-		return baseStore.settings.timeFormat;
-	},
-	get filterHoursEnabled() {
-		return baseStore.settings.filterHoursEnabled;
-	},
-	get dayStartHour() {
-		return baseStore.settings.dayStartHour;
-	},
-	get dayEndHour() {
-		return baseStore.settings.dayEndHour;
-	},
-	get allDayDisplayMode() {
-		return baseStore.settings.allDayDisplayMode;
-	},
-	get dateStripShowMoonPhases() {
-		return baseStore.settings.dateStripShowMoonPhases;
-	},
-	get dateStripShowEventIndicators() {
-		return baseStore.settings.dateStripShowEventIndicators;
-	},
-	get dateStripHighlightWeekends() {
-		return baseStore.settings.dateStripHighlightWeekends;
-	},
-	get dateStripCompact() {
-		return baseStore.settings.dateStripCompact;
-	},
-	get showBirthdays() {
-		return baseStore.settings.showBirthdays;
-	},
-	get showBirthdayAge() {
-		return baseStore.settings.showBirthdayAge;
-	},
-	get defaultEventDuration() {
-		return baseStore.settings.defaultEventDuration;
-	},
-	get smartDurationEnabled() {
-		return baseStore.settings.smartDurationEnabled;
-	},
-	get defaultReminder() {
-		return baseStore.settings.defaultReminder;
-	},
-	get sttLanguage() {
-		return baseStore.settings.sttLanguage;
-	},
-	get cloudSyncEnabled() {
-		return cloudSyncEnabled;
-	},
-
-	// --- UI state getters (non-persisted) ---
-	get dateStripCollapsed() {
-		return _dateStripCollapsed;
-	},
-	get tagStripCollapsed() {
-		return _tagStripCollapsed;
-	},
-	get selectedTagIds() {
-		return _selectedTagIds;
-	},
-	get hasSelectedTags() {
-		return _selectedTagIds.length > 0;
-	},
-	get immersiveModeEnabled() {
-		return _immersiveModeEnabled;
-	},
-	get sidebarCollapsed() {
-		return _sidebarCollapsed;
-	},
-
-	// Cloud sync methods
-	enableCloudSync() {
-		cloudSyncEnabled = true;
-		if (!initialSyncDone) {
-			const cloudSettings = loadFromCloud();
-			if (cloudSettings && Object.keys(cloudSettings).length > 0) {
-				baseStore.update(cloudSettings);
-			} else {
-				syncToCloud(baseStore.settings);
-			}
-			initialSyncDone = true;
-		}
-	},
-
-	disableCloudSync() {
-		cloudSyncEnabled = false;
-	},
-
-	// UI state toggle methods (non-persisted)
-	toggleSidebar() {
-		_sidebarCollapsed = !_sidebarCollapsed;
-	},
-
-	toggleTagStrip() {
-		_tagStripCollapsed = !_tagStripCollapsed;
-	},
-
-	toggleTagSelection(tagId: string) {
-		const isSelected = _selectedTagIds.includes(tagId);
-		_selectedTagIds = isSelected
-			? _selectedTagIds.filter((id) => id !== tagId)
-			: [..._selectedTagIds, tagId];
-	},
-
-	isTagSelected(tagId: string): boolean {
-		return _selectedTagIds.includes(tagId);
-	},
-
-	clearTagSelection() {
-		_selectedTagIds = [];
-	},
-
-	toggleImmersiveMode() {
-		_immersiveModeEnabled = !_immersiveModeEnabled;
-	},
-
-	setDateStripCollapsed(value: boolean) {
-		_dateStripCollapsed = value;
-	},
-
-	// Time formatting helpers
-	formatTime(date: Date): string {
-		if (baseStore.settings.timeFormat === '12h') {
-			const hours = date.getHours();
-			const minutes = date.getMinutes();
-			const ampm = hours >= 12 ? 'PM' : 'AM';
-			const displayHours = hours % 12 || 12;
-			return `${displayHours}:${minutes.toString().padStart(2, '0')} ${ampm}`;
-		}
-		return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;
-	},
-
-	formatHour(hour: number): string {
-		if (baseStore.settings.timeFormat === '12h') {
-			const ampm = hour >= 12 ? 'PM' : 'AM';
-			const displayHour = hour % 12 || 12;
-			return `${displayHour} ${ampm}`;
-		}
-		return `${hour.toString().padStart(2, '0')}:00`;
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/shares.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/shares.svelte.ts
deleted file mode 100644
index e3a8ff54f..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/shares.svelte.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-/**
- * Calendar Shares Store - Manages calendar sharing and invitations
- */
-
-import type { CalendarShare, CalendarShareWithDetails } from '@calendar/shared';
-import * as api from '$lib/api/shares';
-import { toastStore } from '@manacore/shared-ui';
-import { get } from 'svelte/store';
-import { _ } from 'svelte-i18n';
-
-// State
-let shares = $state<Map<string, CalendarShare[]>>(new Map());
-let invitations = $state<CalendarShare[]>([]);
-let sharedWithMe = $state<CalendarShare[]>([]);
-let loading = $state(false);
-
-export const sharesStore = {
-	get loading() {
-		return loading;
-	},
-	get invitations() {
-		return invitations;
-	},
-	get sharedWithMe() {
-		return sharedWithMe;
-	},
-
-	getSharesForCalendar(calendarId: string): CalendarShare[] {
-		return shares.get(calendarId) || [];
-	},
-
-	async fetchSharesForCalendar(calendarId: string) {
-		const result = await api.getShares(calendarId);
-		if (result.data) {
-			const arr = Array.isArray(result.data) ? result.data : [];
-			shares = new Map(shares).set(calendarId, arr);
-		}
-		return result;
-	},
-
-	async fetchInvitations() {
-		const result = await api.getInvitations();
-		if (result.data) {
-			invitations = Array.isArray(result.data) ? result.data : [];
-		}
-		return result;
-	},
-
-	async fetchSharedWithMe() {
-		const result = await api.getSharedWithMe();
-		if (result.data) {
-			sharedWithMe = Array.isArray(result.data) ? result.data : [];
-		}
-		return result;
-	},
-
-	async shareCalendar(calendarId: string, email: string, permission: 'read' | 'write' | 'admin') {
-		const result = await api.createShare(calendarId, { calendarId, email, permission });
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.shareError') + ': ' + result.error.message);
-		} else {
-			toastStore.success(get(_)('toast.calendarShared', { values: { email } }));
-			await this.fetchSharesForCalendar(calendarId);
-		}
-
-		return result;
-	},
-
-	async createShareLink(calendarId: string, permission: 'read' | 'write') {
-		const result = await api.createShare(calendarId, {
-			calendarId,
-			permission,
-			createLink: true,
-		});
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.shareError') + ': ' + result.error.message);
-		} else {
-			toastStore.success(get(_)('toast.shareLinkCreated'));
-			await this.fetchSharesForCalendar(calendarId);
-		}
-
-		return result;
-	},
-
-	async acceptInvitation(shareId: string) {
-		const result = await api.acceptShare(shareId);
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.shareError') + ': ' + result.error.message);
-		} else {
-			toastStore.success(get(_)('toast.inviteAccepted'));
-			invitations = invitations.filter((i) => i.id !== shareId);
-			await this.fetchSharedWithMe();
-		}
-
-		return result;
-	},
-
-	async declineInvitation(shareId: string) {
-		const result = await api.declineShare(shareId);
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.declineError') + ': ' + result.error.message);
-		} else {
-			invitations = invitations.filter((i) => i.id !== shareId);
-		}
-
-		return result;
-	},
-
-	async removeShare(calendarId: string, shareId: string) {
-		const result = await api.deleteShare(calendarId, shareId);
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.removeError') + ': ' + result.error.message);
-		} else {
-			toastStore.success(get(_)('toast.shareRemoved'));
-			const current = shares.get(calendarId) || [];
-			shares = new Map(shares).set(
-				calendarId,
-				current.filter((s) => s.id !== shareId)
-			);
-		}
-
-		return result;
-	},
-
-	async updatePermission(shareId: string, permission: 'read' | 'write' | 'admin') {
-		const result = await api.updateShare(shareId, { permission });
-
-		if (result.error) {
-			toastStore.error(get(_)('toast.updateError') + ': ' + result.error.message);
-		}
-
-		return result;
-	},
-
-	clear() {
-		shares = new Map();
-		invitations = [];
-		sharedWithMe = [];
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/theme.ts b/apps/calendar/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 6abdb5d52..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-// Create theme store with Calendar's primary color (blue)
-export const theme = createThemeStore({
-	appId: 'calendar',
-	defaultVariant: 'ocean',
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/unified-bar.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/unified-bar.svelte.ts
deleted file mode 100644
index 9d49c1a00..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/unified-bar.svelte.ts
+++ /dev/null
@@ -1,238 +0,0 @@
-/**
- * UnifiedBar Store - Manages the new unified bottom bar system
- * Replaces multiple individual bars with a layered, cohesive interface
- */
-
-import type { CalendarViewType } from '@calendar/shared';
-import { createAppSettingsStore } from '@manacore/shared-stores';
-import { userSettings } from './user-settings.svelte';
-
-// UnifiedBar modes and layers
-export type UnifiedBarMode = 'collapsed' | 'expanded' | 'overlay';
-export type UnifiedBarLayer = 'input' | 'date' | 'tag' | 'toolbar' | 'settings';
-
-// Store interface
-export interface UnifiedBarSettings extends Record<string, unknown> {
-	// UnifiedBar mode control
-	unifiedBarMode: UnifiedBarMode;
-	unifiedBarActiveLayer: UnifiedBarLayer;
-
-	// Legacy compatibility (keep existing settings working)
-	dateStripCollapsed: boolean;
-	tagStripCollapsed: boolean;
-	calendarToolbarCollapsed: boolean;
-
-	// New UnifiedBar-specific settings
-	showQuickInput: boolean;
-	showDateStrip: boolean;
-	showTagStrip: boolean;
-	showCalendarToolbar: boolean;
-	overlayMenuOpen: boolean;
-
-	// Animation and interaction preferences
-	barAnimationDuration: number;
-	enableHapticFeedback: boolean;
-	autoCollapseBars: boolean;
-
-	// Quick access toggles
-	quickAccessActions: string[];
-}
-
-const DEFAULT_SETTINGS: UnifiedBarSettings = {
-	// Default to collapsed mode with only input bar visible
-	unifiedBarMode: 'collapsed',
-	unifiedBarActiveLayer: 'input',
-
-	// Legacy compatibility
-	dateStripCollapsed: false,
-	tagStripCollapsed: true,
-	calendarToolbarCollapsed: true,
-
-	// New settings
-	showQuickInput: true,
-	showDateStrip: true,
-	showTagStrip: false,
-	showCalendarToolbar: false,
-	overlayMenuOpen: false,
-
-	// Interaction preferences
-	barAnimationDuration: 300,
-	enableHapticFeedback: true,
-	autoCollapseBars: false,
-
-	// Quick actions
-	quickAccessActions: ['new-event', 'search', 'today', 'calendar-toggle'],
-};
-
-// Cloud sync state
-let cloudSyncEnabled = $state(false);
-let initialSyncDone = $state(false);
-
-// Sync to cloud callback
-async function syncToCloud(settings: UnifiedBarSettings) {
-	if (!cloudSyncEnabled || typeof window === 'undefined') return;
-	try {
-		await userSettings.updateDeviceAppSettings(settings as unknown as Record<string, unknown>);
-	} catch (e) {
-		console.error('Failed to sync unified bar settings to cloud:', e);
-	}
-}
-
-// Create base store
-const baseStore = createAppSettingsStore<UnifiedBarSettings>(
-	'unified-bar-settings',
-	DEFAULT_SETTINGS,
-	{
-		onSettingsChange: syncToCloud,
-	}
-);
-
-// Load settings from cloud
-function loadFromCloud(): Partial<UnifiedBarSettings> | null {
-	if (!userSettings.loaded) return null;
-	const cloudSettings = userSettings.currentDeviceAppSettings;
-	if (cloudSettings && Object.keys(cloudSettings).length > 0) {
-		return cloudSettings as unknown as Partial<UnifiedBarSettings>;
-	}
-	return null;
-}
-
-export const unifiedBarStore = {
-	// Base store methods
-	get settings() {
-		return baseStore.settings;
-	},
-	initialize: baseStore.initialize,
-	set: baseStore.set,
-	update: baseStore.update,
-	reset: baseStore.reset,
-	getDefaults: baseStore.getDefaults,
-
-	// Mode management
-	get mode() {
-		return baseStore.settings.unifiedBarMode;
-	},
-
-	get activeLayer() {
-		return baseStore.settings.unifiedBarActiveLayer;
-	},
-
-	get isOverlayOpen() {
-		return baseStore.settings.overlayMenuOpen;
-	},
-
-	// Layer visibility helpers
-	get showQuickInput() {
-		return baseStore.settings.showQuickInput;
-	},
-
-	get showDateStrip() {
-		return baseStore.settings.showDateStrip && !baseStore.settings.dateStripCollapsed;
-	},
-
-	get showTagStrip() {
-		return baseStore.settings.showTagStrip && !baseStore.settings.tagStripCollapsed;
-	},
-
-	get showCalendarToolbar() {
-		return baseStore.settings.showCalendarToolbar && !baseStore.settings.calendarToolbarCollapsed;
-	},
-
-	// Mode switching
-	setMode(mode: UnifiedBarMode) {
-		baseStore.set('unifiedBarMode', mode);
-	},
-
-	toggleOverlay() {
-		const isOpen = baseStore.settings.overlayMenuOpen;
-		baseStore.set('overlayMenuOpen', !isOpen);
-		if (!isOpen) {
-			baseStore.set('unifiedBarMode', 'overlay');
-		} else {
-			baseStore.set('unifiedBarMode', 'collapsed');
-		}
-	},
-
-	setActiveLayer(layer: UnifiedBarLayer) {
-		baseStore.set('unifiedBarActiveLayer', layer);
-	},
-
-	// Layer toggles
-	toggleQuickInput() {
-		baseStore.set('showQuickInput', !baseStore.settings.showQuickInput);
-	},
-
-	toggleDateStrip() {
-		const newValue = !baseStore.settings.showDateStrip;
-		baseStore.set('showDateStrip', newValue);
-		baseStore.set('dateStripCollapsed', !newValue);
-	},
-
-	toggleTagStrip() {
-		const newValue = !baseStore.settings.showTagStrip;
-		baseStore.set('showTagStrip', newValue);
-		baseStore.set('tagStripCollapsed', !newValue);
-	},
-
-	toggleCalendarToolbar() {
-		const newValue = !baseStore.settings.showCalendarToolbar;
-		baseStore.set('showCalendarToolbar', newValue);
-		baseStore.set('calendarToolbarCollapsed', !newValue);
-	},
-
-	// Quick actions
-	expandToLayer(layer: UnifiedBarLayer) {
-		baseStore.set('unifiedBarMode', 'expanded');
-		baseStore.set('unifiedBarActiveLayer', layer);
-
-		// Auto-show the layer if hidden
-		switch (layer) {
-			case 'date':
-				if (!baseStore.settings.showDateStrip) {
-					baseStore.set('showDateStrip', true);
-					baseStore.set('dateStripCollapsed', false);
-				}
-				break;
-			case 'tag':
-				if (!baseStore.settings.showTagStrip) {
-					baseStore.set('showTagStrip', true);
-					baseStore.set('tagStripCollapsed', false);
-				}
-				break;
-			case 'toolbar':
-				if (!baseStore.settings.showCalendarToolbar) {
-					baseStore.set('showCalendarToolbar', true);
-					baseStore.set('calendarToolbarCollapsed', false);
-				}
-				break;
-		}
-	},
-
-	collapseAll() {
-		baseStore.set('unifiedBarMode', 'collapsed');
-		baseStore.set('unifiedBarActiveLayer', 'input');
-		if (baseStore.settings.autoCollapseBars) {
-			baseStore.set('showDateStrip', false);
-			baseStore.set('showTagStrip', false);
-			baseStore.set('showCalendarToolbar', false);
-		}
-	},
-
-	// Cloud sync methods
-	enableCloudSync() {
-		cloudSyncEnabled = true;
-		if (!initialSyncDone) {
-			const cloudSettings = loadFromCloud();
-			if (cloudSettings && Object.keys(cloudSettings).length > 0) {
-				baseStore.update(cloudSettings);
-			} else {
-				syncToCloud(baseStore.settings);
-			}
-			initialSyncDone = true;
-		}
-	},
-
-	disableCloudSync() {
-		cloudSyncEnabled = false;
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index c76260502..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * User Settings Store for Calendar
- *
- * This store syncs settings with mana-core-auth and provides:
- * - Global settings that apply to all apps
- * - Per-app overrides for customization
- * - localStorage caching for offline support
- */
-
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-// Get auth URL dynamically at runtime
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'calendar',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/view.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/view.svelte.ts
deleted file mode 100644
index 87b97e8f9..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/view.svelte.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-/**
- * View Store - Manages calendar view state using Svelte 5 runes
- */
-
-import { browser } from '$app/environment';
-import type { CalendarViewType } from '@calendar/shared';
-import { CalendarEvents } from '@manacore/shared-utils/analytics';
-import {
-	startOfDay,
-	startOfWeek,
-	startOfMonth,
-	endOfDay,
-	endOfWeek,
-	endOfMonth,
-	addDays,
-	addWeeks,
-	addMonths,
-	subWeeks,
-	subMonths,
-} from 'date-fns';
-
-// Import settings store for weekStartsOn
-import { settingsStore } from './settings.svelte';
-
-// Supported view types after cleanup
-const SUPPORTED_VIEWS: CalendarViewType[] = ['week', 'month', 'agenda'];
-
-// State
-let currentDate = $state(new Date());
-let viewType = $state<CalendarViewType>('week');
-
-// Derived state - uses weekStartsOn from settings
-const viewRange = $derived.by(() => {
-	const weekStartsOn = settingsStore.weekStartsOn;
-
-	switch (viewType) {
-		case 'week':
-			return {
-				start: startOfWeek(currentDate, { weekStartsOn }),
-				end: endOfWeek(currentDate, { weekStartsOn }),
-			};
-		case 'month':
-			return {
-				start: startOfMonth(currentDate),
-				end: endOfMonth(currentDate),
-			};
-		case 'agenda':
-			// Agenda shows 30 days from current date
-			return {
-				start: startOfDay(currentDate),
-				end: endOfDay(addDays(currentDate, 30)),
-			};
-		default:
-			return {
-				start: startOfWeek(currentDate, { weekStartsOn }),
-				end: endOfWeek(currentDate, { weekStartsOn }),
-			};
-	}
-});
-
-export const viewStore = {
-	// Getters
-	get currentDate() {
-		return currentDate;
-	},
-	get viewType() {
-		return viewType;
-	},
-	get viewRange() {
-		return viewRange;
-	},
-
-	/**
-	 * Initialize view state from localStorage
-	 * Note: Most settings are now managed by settingsStore
-	 */
-	initialize() {
-		if (!browser) return;
-
-		// Initialize settings store first
-		settingsStore.initialize();
-
-		// Load view type from settings or localStorage (for backwards compatibility)
-		const savedView = localStorage.getItem('calendar-view-type');
-		if (savedView && SUPPORTED_VIEWS.includes(savedView as CalendarViewType)) {
-			viewType = savedView as CalendarViewType;
-		} else {
-			// Use default view from settings, fallback to 'week' if unsupported
-			const defaultView = settingsStore.defaultView;
-			viewType = SUPPORTED_VIEWS.includes(defaultView) ? defaultView : 'week';
-		}
-	},
-
-	/**
-	 * Set the current date
-	 */
-	setDate(date: Date) {
-		currentDate = date;
-	},
-
-	/**
-	 * Set the view type
-	 */
-	setViewType(type: CalendarViewType) {
-		// Only allow supported view types
-		if (!SUPPORTED_VIEWS.includes(type)) {
-			type = 'week';
-		}
-		viewType = type;
-		if (browser) {
-			localStorage.setItem('calendar-view-type', type);
-		}
-		CalendarEvents.viewChanged(type as 'day' | 'week' | 'month' | 'agenda');
-	},
-
-	/**
-	 * Navigate to today
-	 */
-	goToToday() {
-		currentDate = new Date();
-	},
-
-	/**
-	 * Navigate to previous period
-	 */
-	goToPrevious() {
-		switch (viewType) {
-			case 'week':
-				currentDate = subWeeks(currentDate, 1);
-				break;
-			case 'month':
-				currentDate = subMonths(currentDate, 1);
-				break;
-			case 'agenda':
-				currentDate = subWeeks(currentDate, 1);
-				break;
-		}
-	},
-
-	/**
-	 * Navigate to next period
-	 */
-	goToNext() {
-		switch (viewType) {
-			case 'week':
-				currentDate = addWeeks(currentDate, 1);
-				break;
-			case 'month':
-				currentDate = addMonths(currentDate, 1);
-				break;
-			case 'agenda':
-				currentDate = addWeeks(currentDate, 1);
-				break;
-		}
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/view.test.ts b/apps/calendar/apps/web-archived/src/lib/stores/view.test.ts
deleted file mode 100644
index 6a1b17944..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/view.test.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { startOfWeek, startOfMonth, endOfMonth, addDays, isSameDay } from 'date-fns';
-
-// Mock $app/environment
-vi.mock('$app/environment', () => ({
-	browser: false,
-}));
-
-// Mock the settings store
-vi.mock('./settings.svelte', () => ({
-	settingsStore: {
-		weekStartsOn: 1 as 0 | 1,
-		defaultView: 'week',
-		initialize: vi.fn(),
-	},
-}));
-
-// Mock @manacore/shared-stores
-vi.mock('@manacore/shared-stores', () => ({
-	createAppSettingsStore: vi.fn(() => ({
-		settings: { weekStartsOn: 1, defaultView: 'week' },
-		initialize: vi.fn(),
-		set: vi.fn(),
-		update: vi.fn(),
-		reset: vi.fn(),
-		getDefaults: vi.fn(),
-	})),
-}));
-
-// Mock user-settings store
-vi.mock('./user-settings.svelte', () => ({
-	userSettings: {
-		loaded: false,
-		currentDeviceAppSettings: {},
-		updateDeviceAppSettings: vi.fn(),
-	},
-}));
-
-import { viewStore } from './view.svelte';
-
-describe('viewStore', () => {
-	beforeEach(() => {
-		viewStore.setDate(new Date('2026-03-15T12:00:00'));
-		viewStore.setViewType('week');
-	});
-
-	describe('setDate / currentDate', () => {
-		it('should update the current date', () => {
-			const newDate = new Date('2026-06-01T00:00:00');
-			viewStore.setDate(newDate);
-			expect(isSameDay(viewStore.currentDate, newDate)).toBe(true);
-		});
-	});
-
-	describe('setViewType / viewType', () => {
-		it('should update the view type', () => {
-			viewStore.setViewType('month');
-			expect(viewStore.viewType).toBe('month');
-		});
-
-		it('should accept all valid view types', () => {
-			const types = ['week', 'month', 'agenda'] as const;
-
-			for (const type of types) {
-				viewStore.setViewType(type);
-				expect(viewStore.viewType).toBe(type);
-			}
-		});
-	});
-
-	describe('viewRange', () => {
-		it('should return correct range for week view', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00')); // Sunday
-			viewStore.setViewType('week');
-
-			const range = viewStore.viewRange;
-			const expected = startOfWeek(new Date('2026-03-15'), { weekStartsOn: 1 });
-			expect(isSameDay(range.start, expected)).toBe(true);
-		});
-
-		it('should return correct range for month view', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00'));
-			viewStore.setViewType('month');
-
-			const range = viewStore.viewRange;
-			expect(isSameDay(range.start, startOfMonth(new Date('2026-03-15')))).toBe(true);
-			expect(isSameDay(range.end, endOfMonth(new Date('2026-03-15')))).toBe(true);
-		});
-
-		it('should return correct range for agenda view (30 days)', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00'));
-			viewStore.setViewType('agenda');
-
-			const range = viewStore.viewRange;
-			expect(isSameDay(range.start, new Date('2026-03-15'))).toBe(true);
-			expect(isSameDay(range.end, addDays(new Date('2026-03-15'), 30))).toBe(true);
-		});
-	});
-
-	describe('goToNext / goToPrevious', () => {
-		it('should navigate forward by 1 week in week view', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00'));
-			viewStore.setViewType('week');
-
-			viewStore.goToNext();
-			expect(isSameDay(viewStore.currentDate, new Date('2026-03-22'))).toBe(true);
-		});
-
-		it('should navigate backward by 1 week in week view', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00'));
-			viewStore.setViewType('week');
-
-			viewStore.goToPrevious();
-			expect(isSameDay(viewStore.currentDate, new Date('2026-03-08'))).toBe(true);
-		});
-
-		it('should navigate forward by 1 month in month view', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00'));
-			viewStore.setViewType('month');
-
-			viewStore.goToNext();
-			expect(viewStore.currentDate.getMonth()).toBe(3); // April
-			expect(viewStore.currentDate.getDate()).toBe(15);
-		});
-
-		it('should navigate backward by 1 month in month view', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00'));
-			viewStore.setViewType('month');
-
-			viewStore.goToPrevious();
-			expect(viewStore.currentDate.getMonth()).toBe(1); // February
-			expect(viewStore.currentDate.getDate()).toBe(15);
-		});
-
-		it('should navigate forward by 7 days in agenda view', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00'));
-			viewStore.setViewType('agenda');
-
-			viewStore.goToNext();
-			expect(isSameDay(viewStore.currentDate, new Date('2026-03-22'))).toBe(true);
-		});
-
-		it('should navigate backward by 7 days in agenda view', () => {
-			viewStore.setDate(new Date('2026-03-15T12:00:00'));
-			viewStore.setViewType('agenda');
-
-			viewStore.goToPrevious();
-			expect(isSameDay(viewStore.currentDate, new Date('2026-03-08'))).toBe(true);
-		});
-	});
-
-	describe('goToToday', () => {
-		it('should set date to today', () => {
-			viewStore.setDate(new Date('2020-01-01'));
-			viewStore.goToToday();
-
-			const today = new Date();
-			expect(isSameDay(viewStore.currentDate, today)).toBe(true);
-		});
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/stores/voice-recording.svelte.ts b/apps/calendar/apps/web-archived/src/lib/stores/voice-recording.svelte.ts
deleted file mode 100644
index 054c4bdb7..000000000
--- a/apps/calendar/apps/web-archived/src/lib/stores/voice-recording.svelte.ts
+++ /dev/null
@@ -1,243 +0,0 @@
-/**
- * Voice Recording Store
- *
- * Manages the state of voice recording for event creation.
- * Uses Svelte 5 runes for reactive state management.
- */
-
-import {
-	createAudioRecorder,
-	requestMicrophonePermission,
-	isAudioRecordingSupported,
-	formatDuration,
-	type AudioRecorder,
-	type PermissionState,
-} from '$lib/utils/audio-recorder';
-import { transcribeAudio, type TranscriptionResult } from '$lib/services/stt';
-import { settingsStore } from './settings.svelte';
-
-export type VoiceRecordingState =
-	| 'idle'
-	| 'requesting' // Requesting microphone permission
-	| 'recording'
-	| 'processing' // Transcribing audio
-	| 'error';
-
-export interface VoiceRecordingError {
-	message: string;
-	code?: string;
-}
-
-// State
-let state = $state<VoiceRecordingState>('idle');
-let duration = $state(0);
-let error = $state<VoiceRecordingError | null>(null);
-let permissionState = $state<PermissionState>('prompt');
-
-// Internal
-let recorder: AudioRecorder | null = null;
-let onResultCallback: ((result: TranscriptionResult) => void) | null = null;
-
-/**
- * Voice Recording Store
- */
-export const voiceRecordingStore = {
-	// Getters
-	get state() {
-		return state;
-	},
-
-	get duration() {
-		return duration;
-	},
-
-	get formattedDuration() {
-		return formatDuration(duration);
-	},
-
-	get error() {
-		return error;
-	},
-
-	get permissionState() {
-		return permissionState;
-	},
-
-	get isSupported() {
-		return isAudioRecordingSupported();
-	},
-
-	get isIdle() {
-		return state === 'idle';
-	},
-
-	get isRecording() {
-		return state === 'recording';
-	},
-
-	get isProcessing() {
-		return state === 'processing';
-	},
-
-	get hasError() {
-		return state === 'error';
-	},
-
-	/**
-	 * Set the callback for when transcription completes successfully
-	 */
-	setOnResult(callback: (result: TranscriptionResult) => void) {
-		onResultCallback = callback;
-	},
-
-	/**
-	 * Check microphone permission without starting recording
-	 */
-	async checkPermission(): Promise<PermissionState> {
-		permissionState = await requestMicrophonePermission();
-		return permissionState;
-	},
-
-	/**
-	 * Start voice recording
-	 */
-	async startRecording(): Promise<void> {
-		if (state !== 'idle' && state !== 'error') {
-			return;
-		}
-
-		// Reset error state
-		error = null;
-		state = 'requesting';
-
-		try {
-			// Check permission
-			permissionState = await requestMicrophonePermission();
-
-			if (permissionState === 'unsupported') {
-				throw {
-					message: 'Kein Mikrofon gefunden',
-					code: 'NOT_SUPPORTED',
-				};
-			}
-
-			if (permissionState === 'denied') {
-				throw {
-					message: 'Mikrofonzugriff verweigert. Bitte in Browsereinstellungen erlauben.',
-					code: 'PERMISSION_DENIED',
-				};
-			}
-
-			// Create and start recorder
-			recorder = createAudioRecorder({
-				maxDuration: 60000, // 60 seconds max
-				onDurationUpdate: (ms) => {
-					duration = ms;
-				},
-				onMaxDurationWarning: () => {
-					// Could show a toast or visual warning
-					console.warn('Approaching max recording duration');
-				},
-				onError: (err) => {
-					error = {
-						message: err.message,
-						code: 'RECORDER_ERROR',
-					};
-					state = 'error';
-				},
-			});
-
-			await recorder.start();
-			state = 'recording';
-			duration = 0;
-		} catch (err) {
-			// Handle error objects with message/code
-			if (err && typeof err === 'object' && 'message' in err) {
-				error = err as VoiceRecordingError;
-			} else if (err instanceof Error) {
-				error = {
-					message: err.message,
-					code: 'START_ERROR',
-				};
-			} else {
-				error = {
-					message: 'Aufnahme konnte nicht gestartet werden',
-					code: 'UNKNOWN_ERROR',
-				};
-			}
-			state = 'error';
-			recorder = null;
-		}
-	},
-
-	/**
-	 * Stop recording and process transcription
-	 */
-	async stopRecording(): Promise<void> {
-		if (state !== 'recording' || !recorder) {
-			return;
-		}
-
-		state = 'processing';
-
-		try {
-			const audioBlob = await recorder.stop();
-			recorder = null;
-
-			// Get language setting
-			const language = settingsStore.sttLanguage;
-
-			// Transcribe
-			const result = await transcribeAudio(audioBlob, language);
-
-			if (result.success) {
-				// Success - call the callback
-				state = 'idle';
-				duration = 0;
-				onResultCallback?.(result.data);
-			} else {
-				// Transcription error
-				error = result.error;
-				state = 'error';
-			}
-		} catch (err) {
-			error = {
-				message: err instanceof Error ? err.message : 'Transkription fehlgeschlagen',
-				code: 'TRANSCRIPTION_ERROR',
-			};
-			state = 'error';
-			recorder = null;
-		}
-	},
-
-	/**
-	 * Cancel recording without transcription
-	 */
-	cancel(): void {
-		if (recorder) {
-			recorder.cancel();
-			recorder = null;
-		}
-		state = 'idle';
-		duration = 0;
-		error = null;
-	},
-
-	/**
-	 * Clear error and return to idle state
-	 */
-	clearError(): void {
-		error = null;
-		if (state === 'error') {
-			state = 'idle';
-		}
-	},
-
-	/**
-	 * Reset to initial state
-	 */
-	reset(): void {
-		this.cancel();
-		error = null;
-	},
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/audio-recorder.ts b/apps/calendar/apps/web-archived/src/lib/utils/audio-recorder.ts
deleted file mode 100644
index 9554bebe6..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/audio-recorder.ts
+++ /dev/null
@@ -1,277 +0,0 @@
-/**
- * Audio Recorder Utility
- *
- * Wrapper around MediaRecorder API for voice recording functionality.
- * Handles microphone permissions, recording state, and audio blob creation.
- */
-
-export type PermissionState = 'granted' | 'denied' | 'prompt' | 'unsupported';
-
-export interface AudioRecorderOptions {
-	/** Called when recording duration updates (every 100ms) */
-	onDurationUpdate?: (durationMs: number) => void;
-	/** Called when an error occurs */
-	onError?: (error: Error) => void;
-	/** Maximum recording duration in milliseconds (default: 60000 = 60s) */
-	maxDuration?: number;
-	/** Warning callback when approaching max duration */
-	onMaxDurationWarning?: () => void;
-}
-
-export interface AudioRecorder {
-	/** Start recording audio */
-	start(): Promise<void>;
-	/** Stop recording and return the audio blob */
-	stop(): Promise<Blob>;
-	/** Cancel recording without returning data */
-	cancel(): void;
-	/** Whether currently recording */
-	readonly isRecording: boolean;
-	/** Current recording duration in milliseconds */
-	readonly duration: number;
-}
-
-/**
- * Check if the browser supports audio recording
- */
-export function isAudioRecordingSupported(): boolean {
-	return !!(
-		typeof navigator !== 'undefined' &&
-		navigator.mediaDevices &&
-		typeof navigator.mediaDevices.getUserMedia === 'function' &&
-		typeof MediaRecorder !== 'undefined'
-	);
-}
-
-/**
- * Request microphone permission and return the current permission state
- */
-export async function requestMicrophonePermission(): Promise<PermissionState> {
-	if (!isAudioRecordingSupported()) {
-		return 'unsupported';
-	}
-
-	try {
-		// Check existing permission if available
-		if (navigator.permissions) {
-			const permissionStatus = await navigator.permissions.query({
-				name: 'microphone' as PermissionName,
-			});
-
-			if (permissionStatus.state === 'granted') {
-				return 'granted';
-			}
-
-			if (permissionStatus.state === 'denied') {
-				return 'denied';
-			}
-		}
-
-		// Try to get user media to trigger permission prompt
-		const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-
-		// Stop the stream immediately - we just needed to check permission
-		stream.getTracks().forEach((track) => track.stop());
-
-		return 'granted';
-	} catch (error) {
-		if (error instanceof DOMException) {
-			if (error.name === 'NotAllowedError' || error.name === 'PermissionDeniedError') {
-				return 'denied';
-			}
-			if (error.name === 'NotFoundError') {
-				return 'unsupported';
-			}
-		}
-		return 'denied';
-	}
-}
-
-/**
- * Get the best supported audio MIME type
- */
-function getSupportedMimeType(): string {
-	const mimeTypes = [
-		'audio/webm;codecs=opus',
-		'audio/webm',
-		'audio/ogg;codecs=opus',
-		'audio/mp4',
-		'audio/mpeg',
-	];
-
-	for (const mimeType of mimeTypes) {
-		if (MediaRecorder.isTypeSupported(mimeType)) {
-			return mimeType;
-		}
-	}
-
-	// Fallback - let the browser decide
-	return '';
-}
-
-/**
- * Create an audio recorder instance
- */
-export function createAudioRecorder(options: AudioRecorderOptions = {}): AudioRecorder {
-	const { onDurationUpdate, onError, maxDuration = 60000, onMaxDurationWarning } = options;
-
-	let mediaRecorder: MediaRecorder | null = null;
-	let mediaStream: MediaStream | null = null;
-	let audioChunks: Blob[] = [];
-	let isRecording = false;
-	let duration = 0;
-	let durationInterval: ReturnType<typeof setInterval> | null = null;
-	let startTime = 0;
-	let warningShown = false;
-
-	const recorder: AudioRecorder = {
-		get isRecording() {
-			return isRecording;
-		},
-
-		get duration() {
-			return duration;
-		},
-
-		async start() {
-			if (isRecording) {
-				throw new Error('Already recording');
-			}
-
-			if (!isAudioRecordingSupported()) {
-				throw new Error('Audio recording is not supported in this browser');
-			}
-
-			try {
-				// Get audio stream
-				mediaStream = await navigator.mediaDevices.getUserMedia({
-					audio: {
-						echoCancellation: true,
-						noiseSuppression: true,
-						autoGainControl: true,
-					},
-				});
-
-				// Create MediaRecorder with best supported format
-				const mimeType = getSupportedMimeType();
-				mediaRecorder = new MediaRecorder(mediaStream, mimeType ? { mimeType } : undefined);
-
-				audioChunks = [];
-				duration = 0;
-				warningShown = false;
-
-				// Handle data chunks
-				mediaRecorder.ondataavailable = (event) => {
-					if (event.data.size > 0) {
-						audioChunks.push(event.data);
-					}
-				};
-
-				// Handle errors
-				mediaRecorder.onerror = (event) => {
-					const error = new Error(
-						'MediaRecorder error: ' + (event as any).error?.message || 'Unknown error'
-					);
-					onError?.(error);
-					cleanup();
-				};
-
-				// Start recording
-				mediaRecorder.start(100); // Collect data every 100ms for smoother stop
-				isRecording = true;
-				startTime = Date.now();
-
-				// Track duration
-				durationInterval = setInterval(() => {
-					duration = Date.now() - startTime;
-					onDurationUpdate?.(duration);
-
-					// Warning at 50 seconds (10 seconds before max)
-					if (!warningShown && duration >= maxDuration - 10000) {
-						warningShown = true;
-						onMaxDurationWarning?.();
-					}
-
-					// Auto-stop at max duration
-					if (duration >= maxDuration) {
-						recorder.stop().catch(onError);
-					}
-				}, 100);
-			} catch (error) {
-				cleanup();
-				throw error;
-			}
-		},
-
-		async stop(): Promise<Blob> {
-			if (!isRecording || !mediaRecorder) {
-				throw new Error('Not currently recording');
-			}
-
-			return new Promise((resolve, reject) => {
-				if (!mediaRecorder) {
-					reject(new Error('MediaRecorder not available'));
-					return;
-				}
-
-				mediaRecorder.onstop = () => {
-					const mimeType = mediaRecorder?.mimeType || 'audio/webm';
-					const blob = new Blob(audioChunks, { type: mimeType });
-					cleanup();
-					resolve(blob);
-				};
-
-				try {
-					mediaRecorder.stop();
-				} catch (error) {
-					cleanup();
-					reject(error);
-				}
-			});
-		},
-
-		cancel() {
-			cleanup();
-		},
-	};
-
-	function cleanup() {
-		isRecording = false;
-		duration = 0;
-
-		if (durationInterval) {
-			clearInterval(durationInterval);
-			durationInterval = null;
-		}
-
-		if (mediaRecorder) {
-			if (mediaRecorder.state !== 'inactive') {
-				try {
-					mediaRecorder.stop();
-				} catch {
-					// Ignore errors when stopping
-				}
-			}
-			mediaRecorder = null;
-		}
-
-		if (mediaStream) {
-			mediaStream.getTracks().forEach((track) => track.stop());
-			mediaStream = null;
-		}
-
-		audioChunks = [];
-	}
-
-	return recorder;
-}
-
-/**
- * Format duration in milliseconds to MM:SS format
- */
-export function formatDuration(durationMs: number): string {
-	const totalSeconds = Math.floor(durationMs / 1000);
-	const minutes = Math.floor(totalSeconds / 60);
-	const seconds = totalSeconds % 60;
-	return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/calendarConstants.ts b/apps/calendar/apps/web-archived/src/lib/utils/calendarConstants.ts
deleted file mode 100644
index 7d91e2dfa..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/calendarConstants.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * Shared calendar constants
- * Single source of truth for magic numbers used across calendar views
- */
-
-/**
- * Height of one hour in pixels (should match CSS --hour-height variable)
- */
-export const HOUR_HEIGHT_PX = 60;
-
-/**
- * Snap interval for drag/drop and resize operations in minutes
- */
-export const SNAP_INTERVAL_MINUTES = 15;
-
-/**
- * Default event duration in minutes when creating quick events
- */
-export const DEFAULT_EVENT_DURATION_MINUTES = 60;
-
-/**
- * Minimum event height as percentage of visible hours
- */
-export const MIN_EVENT_HEIGHT_PERCENT = 1.5;
-
-/**
- * Maximum number of event dots to show in month view cells
- */
-export const MAX_EVENT_DOTS = 5;
-
-/**
- * Days buffer for infinite scroll in date strip
- */
-export const DATE_STRIP_BUFFER_DAYS = 60;
-
-/**
- * Default visible hours range
- */
-export const DEFAULT_DAY_START_HOUR = 0;
-export const DEFAULT_DAY_END_HOUR = 24;
-
-/**
- * Week starts on (0 = Sunday, 1 = Monday)
- */
-export const DEFAULT_WEEK_STARTS_ON = 1;
-
-/**
- * All constants as a single object for convenient destructuring
- */
-export const CALENDAR_CONSTANTS = {
-	HOUR_HEIGHT_PX,
-	SNAP_INTERVAL_MINUTES,
-	DEFAULT_EVENT_DURATION_MINUTES,
-	MIN_EVENT_HEIGHT_PERCENT,
-	MAX_EVENT_DOTS,
-	DATE_STRIP_BUFFER_DAYS,
-	DEFAULT_DAY_START_HOUR,
-	DEFAULT_DAY_END_HOUR,
-	DEFAULT_WEEK_STARTS_ON,
-} as const;
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/dateNavigation.test.ts b/apps/calendar/apps/web-archived/src/lib/utils/dateNavigation.test.ts
deleted file mode 100644
index 5bcd82b26..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/dateNavigation.test.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getOffsetDate } from './dateNavigation';
-
-describe('getOffsetDate', () => {
-	// Use local time to avoid timezone offset issues with date-fns
-	const baseDate = new Date(2026, 2, 18, 12, 0, 0); // March 18, 2026 12:00
-
-	describe('week view', () => {
-		it('should add 1 week for offset +1', () => {
-			const result = getOffsetDate(baseDate, 'week', 1);
-			expect(result).toEqual(new Date(2026, 2, 25, 12, 0, 0));
-		});
-
-		it('should subtract 1 week for offset -1', () => {
-			const result = getOffsetDate(baseDate, 'week', -1);
-			expect(result).toEqual(new Date(2026, 2, 11, 12, 0, 0));
-		});
-	});
-
-	describe('month view', () => {
-		it('should add 1 month for offset +1', () => {
-			const result = getOffsetDate(baseDate, 'month', 1);
-			expect(result).toEqual(new Date(2026, 3, 18, 12, 0, 0));
-		});
-
-		it('should subtract 1 month for offset -1', () => {
-			const result = getOffsetDate(baseDate, 'month', -1);
-			expect(result).toEqual(new Date(2026, 1, 18, 12, 0, 0));
-		});
-	});
-
-	describe('agenda view', () => {
-		it('should add 7 days for offset +1', () => {
-			const result = getOffsetDate(baseDate, 'agenda', 1);
-			expect(result).toEqual(new Date(2026, 2, 25, 12, 0, 0));
-		});
-
-		it('should subtract 7 days for offset -1', () => {
-			const result = getOffsetDate(baseDate, 'agenda', -1);
-			expect(result).toEqual(new Date(2026, 2, 11, 12, 0, 0));
-		});
-
-		it('should add 14 days for offset +2', () => {
-			const result = getOffsetDate(baseDate, 'agenda', 2);
-			expect(result).toEqual(new Date(2026, 3, 1, 12, 0, 0));
-		});
-	});
-
-	describe('default (unknown view type)', () => {
-		it('should fall through to week behavior', () => {
-			const result = getOffsetDate(baseDate, 'unknown' as any, 1);
-			expect(result).toEqual(new Date(2026, 2, 25, 12, 0, 0));
-		});
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/dateNavigation.ts b/apps/calendar/apps/web-archived/src/lib/utils/dateNavigation.ts
deleted file mode 100644
index 6cc367b5a..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/dateNavigation.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Date Navigation Utilities
- * Helper functions for calculating date offsets based on view type
- */
-
-import type { CalendarViewType } from '@calendar/shared';
-import { addDays, addWeeks, addMonths, subDays, subWeeks, subMonths } from 'date-fns';
-
-/**
- * Calculate a date offset based on the current view type
- *
- * @param date - The base date
- * @param viewType - The current calendar view type
- * @param offset - Number of periods to offset (-1 = previous, 1 = next)
- * @returns The calculated date
- *
- * @example
- * // Get previous week's date
- * getOffsetDate(new Date(), 'week', -1)
- *
- * // Get next month's date
- * getOffsetDate(new Date(), 'month', 1)
- */
-export function getOffsetDate(date: Date, viewType: CalendarViewType, offset: number): Date {
-	switch (viewType) {
-		case 'week':
-			return offset > 0 ? addWeeks(date, offset) : subWeeks(date, Math.abs(offset));
-
-		case 'month':
-			return offset > 0 ? addMonths(date, offset) : subMonths(date, Math.abs(offset));
-
-		case 'agenda':
-			// Agenda moves by 7 days
-			return offset > 0 ? addDays(date, offset * 7) : subDays(date, Math.abs(offset) * 7);
-
-		default:
-			return offset > 0 ? addWeeks(date, offset) : subWeeks(date, Math.abs(offset));
-	}
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/drag-helpers.ts b/apps/calendar/apps/web-archived/src/lib/utils/drag-helpers.ts
deleted file mode 100644
index 08bb26f78..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/drag-helpers.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-/**
- * Shared drag/drop utility functions
- * Used by useEventDragDrop, useDragToCreate
- */
-
-import { SNAP_INTERVAL_MINUTES } from '$lib/utils/calendarConstants';
-
-/**
- * Format hours and minutes as HH:MM string
- */
-export function formatTime(hours: number, minutes: number): string {
-	return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
-}
-
-/**
- * Get the effective snap interval, falling back to the default constant
- */
-export function getSnapMinutes(snapMinutes?: number): number {
-	return snapMinutes ?? SNAP_INTERVAL_MINUTES;
-}
-
-/**
- * Snap a minute value to the nearest grid interval
- */
-export function snapToGrid(minutes: number, snapMinutes?: number): number {
-	const snap = getSnapMinutes(snapMinutes);
-	return Math.round(minutes / snap) * snap;
-}
-
-/**
- * Map an X client coordinate to a day column based on container width
- */
-export function getDayFromX(
-	clientX: number,
-	containerEl: HTMLElement | null,
-	days: Date[]
-): Date | null {
-	if (!containerEl) return null;
-
-	const rect = containerEl.getBoundingClientRect();
-	const relativeX = clientX - rect.left;
-	const dayWidth = rect.width / days.length;
-	const dayIndex = Math.floor(relativeX / dayWidth);
-
-	if (dayIndex >= 0 && dayIndex < days.length) {
-		return days[dayIndex];
-	}
-	return null;
-}
-
-/**
- * Map a Y client coordinate to total minutes in the day,
- * accounting for scroll offset, visible hour range, and snap interval
- */
-export function getMinutesFromY(
-	clientY: number,
-	containerEl: HTMLElement | null,
-	totalVisibleHours: number,
-	hourHeight: number,
-	firstVisibleHour: number,
-	snapMinutes?: number
-): number {
-	if (!containerEl) return 0;
-
-	const rect = containerEl.getBoundingClientRect();
-	const scrollTop = containerEl.parentElement?.scrollTop || 0;
-	const relativeY = clientY - rect.top + scrollTop;
-
-	const visibleMinutes = (relativeY / (totalVisibleHours * hourHeight)) * totalVisibleHours * 60;
-	const totalMinutes = visibleMinutes + firstVisibleHour * 60;
-
-	return snapToGrid(totalMinutes, snapMinutes);
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/event-estimator.test.ts b/apps/calendar/apps/web-archived/src/lib/utils/event-estimator.test.ts
deleted file mode 100644
index f7e64713f..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/event-estimator.test.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-	estimateEventDuration,
-	detectConflicts,
-	type HistoricalEventData,
-} from './event-estimator';
-
-function makeEvent(overrides: Partial<HistoricalEventData> = {}): HistoricalEventData {
-	return {
-		title: 'Default Event',
-		calendarId: null,
-		startDate: '2026-03-28T10:00:00Z',
-		endDate: '2026-03-28T11:00:00Z', // 60 min
-		allDay: false,
-		tagIds: [],
-		...overrides,
-	};
-}
-
-describe('estimateEventDuration', () => {
-	it('should return null with insufficient data', () => {
-		const result = estimateEventDuration(
-			{ title: 'New event' },
-			[makeEvent(), makeEvent()] // only 2, need 3
-		);
-		expect(result).toBeNull();
-	});
-
-	it('should estimate from events in same calendar', () => {
-		const history = Array.from({ length: 5 }, () =>
-			makeEvent({
-				calendarId: 'cal-1',
-				startDate: '2026-03-28T10:00:00Z',
-				endDate: '2026-03-28T10:30:00Z', // 30 min
-			})
-		);
-
-		const result = estimateEventDuration({ title: 'Something', calendarId: 'cal-1' }, history);
-
-		expect(result).not.toBeNull();
-		expect(result!.minutes).toBe(30);
-	});
-
-	it('should weight title overlap strongly', () => {
-		const history = [
-			makeEvent({
-				title: 'Standup Meeting',
-				startDate: '2026-03-28T09:00:00Z',
-				endDate: '2026-03-28T09:15:00Z',
-			}),
-			makeEvent({
-				title: 'Standup Meeting',
-				startDate: '2026-03-27T09:00:00Z',
-				endDate: '2026-03-27T09:15:00Z',
-			}),
-			makeEvent({
-				title: 'Standup Meeting',
-				startDate: '2026-03-26T09:00:00Z',
-				endDate: '2026-03-26T09:15:00Z',
-			}),
-			// Unrelated longer events
-			makeEvent({
-				title: 'Workshop',
-				startDate: '2026-03-28T10:00:00Z',
-				endDate: '2026-03-28T14:00:00Z',
-			}),
-			makeEvent({
-				title: 'Konferenz',
-				startDate: '2026-03-27T10:00:00Z',
-				endDate: '2026-03-27T14:00:00Z',
-			}),
-		];
-
-		const result = estimateEventDuration({ title: 'Standup Meeting' }, history);
-
-		expect(result).not.toBeNull();
-		expect(result!.minutes).toBe(15);
-	});
-
-	it('should ignore all-day events', () => {
-		const history = [
-			...Array.from({ length: 3 }, () => makeEvent({ title: 'Urlaub', allDay: true })),
-			...Array.from({ length: 3 }, () =>
-				makeEvent({
-					title: 'Urlaub',
-					allDay: false,
-					startDate: '2026-03-28T10:00:00Z',
-					endDate: '2026-03-28T11:00:00Z',
-				})
-			),
-		];
-
-		const result = estimateEventDuration({ title: 'Urlaub' }, history);
-		expect(result).not.toBeNull();
-		expect(result!.minutes).toBe(60);
-	});
-
-	it('should round to nice numbers', () => {
-		const history = Array.from({ length: 5 }, () =>
-			makeEvent({
-				calendarId: 'cal-1',
-				startDate: '2026-03-28T10:00:00Z',
-				endDate: '2026-03-28T10:37:00Z', // 37 min
-			})
-		);
-
-		const result = estimateEventDuration({ title: 'Task', calendarId: 'cal-1' }, history);
-
-		expect(result).not.toBeNull();
-		expect(result!.minutes % 5).toBe(0);
-	});
-});
-
-describe('detectConflicts', () => {
-	const existingEvents = [
-		{
-			id: 'e1',
-			title: 'Standup',
-			startDate: '2026-03-30T09:00:00Z',
-			endDate: '2026-03-30T09:30:00Z',
-			calendarId: 'cal-1',
-		},
-		{
-			id: 'e2',
-			title: 'Meeting',
-			startDate: '2026-03-30T14:00:00Z',
-			endDate: '2026-03-30T15:00:00Z',
-			calendarId: 'cal-1',
-		},
-		{
-			id: 'e3',
-			title: 'Urlaub',
-			startDate: '2026-03-30T00:00:00Z',
-			endDate: '2026-03-30T23:59:59Z',
-			calendarId: 'cal-2',
-			allDay: true,
-		},
-	];
-
-	it('should detect overlap with existing event', () => {
-		const result = detectConflicts('2026-03-30T14:30:00Z', '2026-03-30T15:30:00Z', existingEvents);
-		expect(result.hasConflict).toBe(true);
-		expect(result.conflicts).toHaveLength(1);
-		expect(result.conflicts[0].title).toBe('Meeting');
-	});
-
-	it('should detect no conflict when time is free', () => {
-		const result = detectConflicts('2026-03-30T10:00:00Z', '2026-03-30T11:00:00Z', existingEvents);
-		expect(result.hasConflict).toBe(false);
-		expect(result.conflicts).toHaveLength(0);
-	});
-
-	it('should detect multiple overlaps', () => {
-		const result = detectConflicts('2026-03-30T08:45:00Z', '2026-03-30T15:30:00Z', existingEvents);
-		expect(result.hasConflict).toBe(true);
-		expect(result.conflicts).toHaveLength(2); // Standup + Meeting (not Urlaub, it's allDay)
-	});
-
-	it('should ignore all-day events', () => {
-		const result = detectConflicts('2026-03-30T12:00:00Z', '2026-03-30T13:00:00Z', existingEvents);
-		expect(result.hasConflict).toBe(false);
-	});
-
-	it('should not conflict with adjacent events (end = start)', () => {
-		const result = detectConflicts(
-			'2026-03-30T09:30:00Z', // starts exactly when Standup ends
-			'2026-03-30T10:00:00Z',
-			existingEvents
-		);
-		expect(result.hasConflict).toBe(false);
-	});
-
-	it('should exclude specified event ID (edit mode)', () => {
-		const result = detectConflicts(
-			'2026-03-30T14:00:00Z',
-			'2026-03-30T15:00:00Z',
-			existingEvents,
-			'e2' // editing the Meeting itself
-		);
-		expect(result.hasConflict).toBe(false);
-	});
-
-	it('should handle invalid range gracefully', () => {
-		const result = detectConflicts(
-			'2026-03-30T15:00:00Z',
-			'2026-03-30T14:00:00Z', // end before start
-			existingEvents
-		);
-		expect(result.hasConflict).toBe(false);
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/event-estimator.ts b/apps/calendar/apps/web-archived/src/lib/utils/event-estimator.ts
deleted file mode 100644
index ef436f458..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/event-estimator.ts
+++ /dev/null
@@ -1,262 +0,0 @@
-/**
- * Event Duration Estimator & Conflict Detector
- *
- * Duration estimation: suggests event duration based on historical events
- * using weighted similarity (calendar, title overlap, tags, time of day).
- *
- * Conflict detection: checks for overlapping events in a given time range.
- *
- * Both run fully offline against local IndexedDB data.
- */
-
-// ─── Duration Estimation ───────────────────────────────────
-
-export interface HistoricalEventData {
-	title: string;
-	calendarId?: string | null;
-	startDate: string;
-	endDate: string;
-	allDay?: boolean;
-	tagIds?: string[];
-}
-
-export interface DurationEstimate {
-	minutes: number;
-	confidence: 'low' | 'medium' | 'high';
-	sampleSize: number;
-}
-
-interface ScoredEvent {
-	duration: number; // minutes
-	score: number;
-}
-
-const STOP_WORDS = new Set([
-	'der',
-	'die',
-	'das',
-	'ein',
-	'eine',
-	'und',
-	'oder',
-	'für',
-	'mit',
-	'von',
-	'zu',
-	'im',
-	'am',
-	'an',
-	'auf',
-	'in',
-	'den',
-	'dem',
-	'des',
-	'bei',
-	'nach',
-	'the',
-	'a',
-	'an',
-	'and',
-	'or',
-	'for',
-	'with',
-	'from',
-	'to',
-	'in',
-	'on',
-	'at',
-]);
-
-function tokenize(title: string): string[] {
-	return title
-		.toLowerCase()
-		.replace(/[^a-zäöüßàáâãèéêëìíîïòóôõùúûü0-9\s]/g, '')
-		.split(/\s+/)
-		.filter((w) => w.length > 2 && !STOP_WORDS.has(w));
-}
-
-function titleOverlap(a: string[], b: string[]): number {
-	if (a.length === 0 || b.length === 0) return 0;
-	const setB = new Set(b);
-	const shared = a.filter((w) => setB.has(w)).length;
-	return shared / Math.max(a.length, b.length);
-}
-
-/**
- * Get event duration in minutes. Ignores all-day events and unreasonable durations.
- */
-function getEventDuration(event: HistoricalEventData): number | null {
-	if (event.allDay) return null;
-
-	const start = new Date(event.startDate).getTime();
-	const end = new Date(event.endDate).getTime();
-	const minutes = (end - start) / 60_000;
-
-	// Only use reasonable durations (5 min to 12 hours)
-	if (minutes >= 5 && minutes <= 720) {
-		return Math.round(minutes);
-	}
-	return null;
-}
-
-function similarity(
-	newEvent: { title: string; calendarId?: string | null; tagIds?: string[] },
-	historical: HistoricalEventData,
-	newTokens: string[]
-): number {
-	let score = 0;
-
-	// Same calendar is strongest signal
-	if (
-		newEvent.calendarId &&
-		historical.calendarId &&
-		newEvent.calendarId === historical.calendarId
-	) {
-		score += 3;
-	}
-
-	// Shared tags
-	if (newEvent.tagIds && historical.tagIds) {
-		const histSet = new Set(historical.tagIds);
-		const shared = newEvent.tagIds.filter((id) => histSet.has(id)).length;
-		score += shared * 2;
-	}
-
-	// Title word overlap
-	const histTokens = tokenize(historical.title);
-	const overlap = titleOverlap(newTokens, histTokens);
-	if (overlap > 0.5)
-		score += 4; // title match is very strong for events
-	else if (overlap > 0.2) score += 2;
-	else if (overlap > 0) score += 1;
-
-	return score;
-}
-
-/**
- * Round minutes to human-friendly values
- */
-function roundToNice(minutes: number): number {
-	if (minutes <= 10) return Math.round(minutes / 5) * 5 || 5;
-	if (minutes <= 30) return Math.round(minutes / 5) * 5;
-	if (minutes <= 60) return Math.round(minutes / 15) * 15;
-	if (minutes <= 240) return Math.round(minutes / 30) * 30;
-	return Math.round(minutes / 60) * 60;
-}
-
-/**
- * Estimate duration for a new event based on past events.
- */
-export function estimateEventDuration(
-	newEvent: { title: string; calendarId?: string | null; tagIds?: string[] },
-	history: HistoricalEventData[],
-	minSamples = 3
-): DurationEstimate | null {
-	const newTokens = tokenize(newEvent.title);
-	const scored: ScoredEvent[] = [];
-
-	for (const event of history) {
-		const duration = getEventDuration(event);
-		if (duration === null) continue;
-
-		const score = similarity(newEvent, event, newTokens);
-		if (score > 0) {
-			scored.push({ duration, score });
-		}
-	}
-
-	if (scored.length < minSamples) return null;
-
-	scored.sort((a, b) => b.score - a.score);
-	const top = scored.slice(0, 20);
-
-	let totalWeight = 0;
-	let totalDuration = 0;
-	for (const { duration, score } of top) {
-		totalWeight += score;
-		totalDuration += duration * score;
-	}
-
-	const minutes = roundToNice(Math.round(totalDuration / totalWeight));
-
-	const maxScore = top[0].score;
-	const confidence: DurationEstimate['confidence'] =
-		top.length >= 10 && maxScore >= 5
-			? 'high'
-			: top.length >= 5 && maxScore >= 3
-				? 'medium'
-				: 'low';
-
-	return { minutes, confidence, sampleSize: top.length };
-}
-
-// ─── Conflict Detection ────────────────────────────────────
-
-export interface ConflictingEvent {
-	id: string;
-	title: string;
-	startDate: string;
-	endDate: string;
-	calendarId: string;
-}
-
-export interface ConflictResult {
-	hasConflict: boolean;
-	conflicts: ConflictingEvent[];
-}
-
-/**
- * Check if a proposed event overlaps with existing events.
- * Two events overlap if: eventA.start < eventB.end AND eventA.end > eventB.start
- *
- * @param startDate - Proposed event start (ISO string or Date)
- * @param endDate - Proposed event end (ISO string or Date)
- * @param existingEvents - All events to check against
- * @param excludeEventId - Exclude this event (for editing existing events)
- */
-export function detectConflicts(
-	startDate: string | Date,
-	endDate: string | Date,
-	existingEvents: {
-		id: string;
-		title: string;
-		startDate: string;
-		endDate: string;
-		calendarId: string;
-		allDay?: boolean;
-	}[],
-	excludeEventId?: string
-): ConflictResult {
-	const newStart = new Date(startDate).getTime();
-	const newEnd = new Date(endDate).getTime();
-
-	if (newStart >= newEnd) {
-		return { hasConflict: false, conflicts: [] };
-	}
-
-	const conflicts: ConflictingEvent[] = [];
-
-	for (const event of existingEvents) {
-		if (event.id === excludeEventId) continue;
-		if (event.allDay) continue; // all-day events don't block time
-
-		const eventStart = new Date(event.startDate).getTime();
-		const eventEnd = new Date(event.endDate).getTime();
-
-		// Overlap check: A.start < B.end AND A.end > B.start
-		if (newStart < eventEnd && newEnd > eventStart) {
-			conflicts.push({
-				id: event.id,
-				title: event.title,
-				startDate: event.startDate,
-				endDate: event.endDate,
-				calendarId: event.calendarId,
-			});
-		}
-	}
-
-	return {
-		hasConflict: conflicts.length > 0,
-		conflicts,
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/event-parser.test.ts b/apps/calendar/apps/web-archived/src/lib/utils/event-parser.test.ts
deleted file mode 100644
index c89bd26df..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/event-parser.test.ts
+++ /dev/null
@@ -1,358 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-	parseEventInput,
-	resolveEventIds,
-	formatParsedEventPreview,
-	parseMultiEventInput,
-} from './event-parser';
-
-describe('parseEventInput', () => {
-	it('should parse a simple title', () => {
-		const result = parseEventInput('Meeting');
-		expect(result.title).toBe('Meeting');
-		expect(result.startDate).toBeUndefined();
-		expect(result.duration).toBeUndefined();
-		expect(result.tagNames).toEqual([]);
-	});
-
-	it('should parse date and time', () => {
-		const result = parseEventInput('Meeting morgen 14 Uhr');
-		expect(result.title).toBe('Meeting');
-		expect(result.startDate).toBeDefined();
-		expect(result.startDate!.getHours()).toBe(14);
-		expect(result.startDate!.getMinutes()).toBe(0);
-	});
-
-	it('should parse duration in hours', () => {
-		const result = parseEventInput('Meeting 2h');
-		expect(result.duration).toBe(120);
-		expect(result.title).toBe('Meeting');
-	});
-
-	it('should parse duration in minutes', () => {
-		const result = parseEventInput('Standup 30min');
-		expect(result.duration).toBe(30);
-	});
-
-	it('should parse combined duration 2h30m', () => {
-		const result = parseEventInput('Workshop 2h30m');
-		expect(result.duration).toBe(150);
-	});
-
-	it('should parse duration in Stunden', () => {
-		const result = parseEventInput('Konferenz 3 Stunden');
-		expect(result.duration).toBe(180);
-	});
-
-	it('should calculate endDate from startDate + duration', () => {
-		const result = parseEventInput('Meeting morgen 10 Uhr 2h');
-		expect(result.startDate).toBeDefined();
-		expect(result.endDate).toBeDefined();
-		const diffMs = result.endDate!.getTime() - result.startDate!.getTime();
-		expect(diffMs).toBe(120 * 60_000); // 2 hours
-	});
-
-	it('should default to 1h duration when no duration specified', () => {
-		const result = parseEventInput('Meeting morgen 10 Uhr');
-		expect(result.startDate).toBeDefined();
-		expect(result.endDate).toBeDefined();
-		const diffMs = result.endDate!.getTime() - result.startDate!.getTime();
-		expect(diffMs).toBe(60 * 60_000); // 1 hour default
-	});
-
-	it('should parse all-day events', () => {
-		const result = parseEventInput('Ganztägig Urlaub morgen');
-		expect(result.isAllDay).toBe(true);
-		expect(result.title).toBe('Urlaub');
-		expect(result.startDate).toBeDefined();
-	});
-
-	it('should parse @calendar reference', () => {
-		const result = parseEventInput('Meeting @Arbeit');
-		expect(result.calendarName).toBe('Arbeit');
-		expect(result.attendees).toEqual([]);
-		expect(result.title).not.toContain('@Arbeit');
-	});
-
-	it('should parse calendar and attendees from multiple @references', () => {
-		const result = parseEventInput('Meeting @Arbeit @Max @Anna');
-		expect(result.calendarName).toBe('Arbeit');
-		expect(result.attendees).toEqual(['Max', 'Anna']);
-		expect(result.title).not.toContain('@');
-	});
-
-	it('should parse only attendees when no calendar match (first @ref treated as calendarName)', () => {
-		const result = parseEventInput('Meeting @Max @Anna');
-		expect(result.calendarName).toBe('Max');
-		expect(result.attendees).toEqual(['Anna']);
-	});
-
-	it('should parse single @reference as calendarName with no attendees', () => {
-		const result = parseEventInput('Meeting @Arbeit');
-		expect(result.calendarName).toBe('Arbeit');
-		expect(result.attendees).toEqual([]);
-	});
-
-	it('should parse #tags', () => {
-		const result = parseEventInput('Meeting #wichtig #team');
-		expect(result.tagNames).toEqual(['wichtig', 'team']);
-		expect(result.title).not.toContain('#');
-	});
-
-	it('should parse complex input with all fields', () => {
-		const result = parseEventInput('Teammeeting morgen 14 Uhr 1h @Arbeit #wichtig');
-		expect(result.title).toBe('Teammeeting');
-		expect(result.startDate).toBeDefined();
-		expect(result.startDate!.getHours()).toBe(14);
-		expect(result.duration).toBe(60);
-		expect(result.calendarName).toBe('Arbeit');
-		expect(result.tagNames).toEqual(['wichtig']);
-	});
-
-	it('should parse time range "14-16 Uhr"', () => {
-		const result = parseEventInput('Meeting morgen 14-16 Uhr');
-		expect(result.title).toBe('Meeting');
-		expect(result.startDate).toBeDefined();
-		expect(result.startDate!.getHours()).toBe(14);
-		expect(result.endDate).toBeDefined();
-		expect(result.endDate!.getHours()).toBe(16);
-	});
-
-	it('should parse time range "10:00-11:30"', () => {
-		const result = parseEventInput('Standup 10:00-11:30');
-		expect(result.startDate).toBeDefined();
-		expect(result.startDate!.getHours()).toBe(10);
-		expect(result.startDate!.getMinutes()).toBe(0);
-		expect(result.endDate).toBeDefined();
-		expect(result.endDate!.getHours()).toBe(11);
-		expect(result.endDate!.getMinutes()).toBe(30);
-	});
-
-	it('should parse time range with en-dash "9–17 Uhr"', () => {
-		const result = parseEventInput('Arbeitstag 9–17 Uhr');
-		expect(result.startDate!.getHours()).toBe(9);
-		expect(result.endDate!.getHours()).toBe(17);
-	});
-
-	it('should parse recurrence "jeden Montag"', () => {
-		const result = parseEventInput('Standup jeden Montag 9 Uhr');
-		expect(result.recurrenceRule).toBe('FREQ=WEEKLY;BYDAY=MO');
-		expect(result.title).toBe('Standup');
-	});
-
-	it('should parse recurrence "wöchentlich"', () => {
-		const result = parseEventInput('Team-Meeting wöchentlich 14 Uhr');
-		expect(result.recurrenceRule).toBe('FREQ=WEEKLY');
-	});
-
-	it('should parse recurrence "täglich"', () => {
-		const result = parseEventInput('Standup täglich');
-		expect(result.recurrenceRule).toBe('FREQ=DAILY');
-	});
-
-	it('should have no recurrence for normal input', () => {
-		const result = parseEventInput('Meeting morgen');
-		expect(result.recurrenceRule).toBeUndefined();
-	});
-
-	it('should handle empty input', () => {
-		const result = parseEventInput('');
-		expect(result.title).toBe('');
-		expect(result.tagNames).toEqual([]);
-		expect(result.attendees).toEqual([]);
-	});
-
-	it('should parse time-only input (defaults to today)', () => {
-		const result = parseEventInput('Lunch 12 Uhr');
-		expect(result.startDate).toBeDefined();
-		expect(result.startDate!.getHours()).toBe(12);
-	});
-});
-
-describe('resolveEventIds', () => {
-	const calendars = [
-		{ id: 'cal-1', name: 'Arbeit' },
-		{ id: 'cal-2', name: 'Privat' },
-	];
-
-	const tags = [
-		{ id: 'tag-1', name: 'Wichtig' },
-		{ id: 'tag-2', name: 'Team' },
-	];
-
-	it('should resolve calendar name to ID (case-insensitive)', () => {
-		const parsed = parseEventInput('Meeting @arbeit');
-		const resolved = resolveEventIds(parsed, calendars, tags);
-		expect(resolved.calendarId).toBe('cal-1');
-	});
-
-	it('should resolve tag names to IDs (case-insensitive)', () => {
-		const parsed = parseEventInput('Meeting #team');
-		const resolved = resolveEventIds(parsed, calendars, tags);
-		expect(resolved.tagIds).toEqual(['tag-2']);
-	});
-
-	it('should use default calendar when no calendar specified', () => {
-		const parsed = parseEventInput('Meeting morgen');
-		const resolved = resolveEventIds(parsed, calendars, tags, 'cal-1');
-		expect(resolved.calendarId).toBe('cal-1');
-	});
-
-	it('should skip unknown calendar and treat it as attendee', () => {
-		const parsed = parseEventInput('Meeting @Unbekannt');
-		const resolved = resolveEventIds(parsed, calendars, tags);
-		expect(resolved.calendarId).toBeUndefined();
-		expect(resolved.attendees).toEqual(['Unbekannt']);
-	});
-
-	it('should resolve calendar and keep attendees separate', () => {
-		const parsed = parseEventInput('Meeting @Arbeit @Max @Anna');
-		const resolved = resolveEventIds(parsed, calendars, tags);
-		expect(resolved.calendarId).toBe('cal-1');
-		expect(resolved.attendees).toEqual(['Max', 'Anna']);
-	});
-
-	it('should treat all @refs as attendees when no calendar matches', () => {
-		const parsed = parseEventInput('Meeting @Max @Anna');
-		const resolved = resolveEventIds(parsed, calendars, tags);
-		expect(resolved.calendarId).toBeUndefined();
-		expect(resolved.attendees).toEqual(['Max', 'Anna']);
-	});
-
-	it('should resolve calendar with no attendees', () => {
-		const parsed = parseEventInput('Meeting @Arbeit');
-		const resolved = resolveEventIds(parsed, calendars, tags);
-		expect(resolved.calendarId).toBe('cal-1');
-		expect(resolved.attendees).toEqual([]);
-	});
-
-	it('should produce ISO date strings', () => {
-		const parsed = parseEventInput('Meeting morgen 14 Uhr');
-		const resolved = resolveEventIds(parsed, calendars, tags);
-		expect(resolved.startTime).toBeDefined();
-		expect(resolved.endTime).toBeDefined();
-		// Verify it's a valid ISO string
-		expect(new Date(resolved.startTime!).toISOString()).toBe(resolved.startTime);
-	});
-});
-
-describe('formatParsedEventPreview', () => {
-	it('should format duration', () => {
-		const parsed = parseEventInput('Meeting 2h');
-		const preview = formatParsedEventPreview(parsed);
-		expect(preview).toContain('2h');
-	});
-
-	it('should format calendar', () => {
-		const parsed = parseEventInput('Meeting @Arbeit');
-		const preview = formatParsedEventPreview(parsed);
-		expect(preview).toContain('Arbeit');
-	});
-
-	it('should format attendees', () => {
-		const parsed = parseEventInput('Meeting @Arbeit @Max @Anna');
-		const preview = formatParsedEventPreview(parsed);
-		expect(preview).toContain('👥 Max, Anna');
-	});
-
-	it('should format tags', () => {
-		const parsed = parseEventInput('Meeting #team');
-		const preview = formatParsedEventPreview(parsed);
-		expect(preview).toContain('team');
-	});
-
-	it('should format all-day events', () => {
-		const parsed = parseEventInput('Ganztägig Urlaub morgen');
-		const preview = formatParsedEventPreview(parsed);
-		expect(preview).toContain('ganztägig');
-	});
-
-	it('should return empty string for title-only input', () => {
-		const parsed = parseEventInput('Einfaches Meeting');
-		expect(formatParsedEventPreview(parsed)).toBe('');
-	});
-
-	it('should join parts with separator', () => {
-		const parsed = parseEventInput('Meeting morgen 14 Uhr 1h @Arbeit');
-		const preview = formatParsedEventPreview(parsed);
-		expect(preview).toContain(' · ');
-	});
-});
-
-describe('parseMultiEventInput', () => {
-	it('should return single event for simple input', () => {
-		const events = parseMultiEventInput('Meeting morgen');
-		expect(events).toHaveLength(1);
-		expect(events[0].title).toBe('Meeting');
-	});
-
-	it('should split on "danach"', () => {
-		const events = parseMultiEventInput('Meeting danach Review');
-		expect(events).toHaveLength(2);
-		expect(events[0].title).toBe('Meeting');
-		expect(events[1].title).toBe('Review');
-	});
-
-	it('should split on semicolon', () => {
-		const events = parseMultiEventInput('Meeting; Review; Retro');
-		expect(events).toHaveLength(3);
-	});
-
-	it('should inherit calendar from first event', () => {
-		const events = parseMultiEventInput('Meeting @Arbeit danach Review');
-		expect(events[0].calendarName).toBe('Arbeit');
-		expect(events[1].calendarName).toBe('Arbeit');
-	});
-
-	it('should offset time based on first event end', () => {
-		const events = parseMultiEventInput('Meeting 14 Uhr 1h danach Review 30min');
-		expect(events).toHaveLength(2);
-		expect(events[0].startDate).toBeDefined();
-		expect(events[0].startDate!.getHours()).toBe(14);
-		// Second event should start at 15:00 (14 + 1h)
-		expect(events[1].startDate).toBeDefined();
-		expect(events[1].startDate!.getHours()).toBe(15);
-		expect(events[1].startDate!.getMinutes()).toBe(0);
-		// Second event should end at 15:30
-		expect(events[1].endDate).toBeDefined();
-		expect(events[1].endDate!.getHours()).toBe(15);
-		expect(events[1].endDate!.getMinutes()).toBe(30);
-	});
-
-	it('should chain three events with time offsets', () => {
-		const events = parseMultiEventInput(
-			'Standup 9 Uhr 30min; Sprint Planning 1h; Code Review 30min'
-		);
-		expect(events).toHaveLength(3);
-		// Standup: 9:00-9:30
-		expect(events[0].startDate!.getHours()).toBe(9);
-		expect(events[0].endDate!.getHours()).toBe(9);
-		expect(events[0].endDate!.getMinutes()).toBe(30);
-		// Sprint Planning: 9:30-10:30
-		expect(events[1].startDate!.getHours()).toBe(9);
-		expect(events[1].startDate!.getMinutes()).toBe(30);
-		expect(events[1].endDate!.getHours()).toBe(10);
-		expect(events[1].endDate!.getMinutes()).toBe(30);
-		// Code Review: 10:30-11:00
-		expect(events[2].startDate!.getHours()).toBe(10);
-		expect(events[2].startDate!.getMinutes()).toBe(30);
-		expect(events[2].endDate!.getHours()).toBe(11);
-		expect(events[2].endDate!.getMinutes()).toBe(0);
-	});
-
-	it('should handle ", danach" pattern', () => {
-		const events = parseMultiEventInput('Zahnarzt, danach Apotheke');
-		expect(events).toHaveLength(2);
-		expect(events[0].title).toBe('Zahnarzt');
-		expect(events[1].title).toBe('Apotheke');
-	});
-
-	it('should default to 1h when no duration on follow-up events', () => {
-		const events = parseMultiEventInput('Meeting 14 Uhr 1h danach Review');
-		expect(events[1].startDate).toBeDefined();
-		expect(events[1].endDate).toBeDefined();
-		// Review default: 1h
-		const diff = events[1].endDate!.getTime() - events[1].startDate!.getTime();
-		expect(diff).toBe(60 * 60_000);
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/event-parser.ts b/apps/calendar/apps/web-archived/src/lib/utils/event-parser.ts
deleted file mode 100644
index c2489499c..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/event-parser.ts
+++ /dev/null
@@ -1,502 +0,0 @@
-/**
- * Event Parser for Calendar App
- *
- * Extends the base parser with event-specific patterns:
- * - Duration: 1h, 30min, 2h30m, 1 Stunde
- * - Location: in Berlin, im Büro
- * - Calendar: @CalendarName
- *
- * Examples:
- * - "Meeting morgen 14 Uhr 1h @Arbeit #wichtig"
- * - "Arzttermin 15.12. 10:00 30min in Praxis Dr. Müller"
- * - "Mittagessen heute 12 Uhr"
- * - "Ganztägig Urlaub nächste Woche"
- */
-
-import {
-	parseBaseInput,
-	extractAtReferences,
-	extractRecurrence,
-	combineDateAndTime,
-	formatDatePreview,
-	formatTimePreview,
-	type ParserLocale,
-} from '@manacore/shared-utils';
-import { addHours } from 'date-fns';
-
-export interface ParsedEvent {
-	title: string;
-	startDate?: Date;
-	endDate?: Date;
-	duration?: number; // in minutes
-	isAllDay?: boolean;
-	calendarName?: string;
-	attendees: string[];
-	location?: string;
-	recurrenceRule?: string;
-	tagNames: string[];
-}
-
-interface Calendar {
-	id: string;
-	name: string;
-}
-
-interface Tag {
-	id: string;
-	name: string;
-}
-
-export interface ParsedEventWithIds {
-	title: string;
-	startTime?: string;
-	endTime?: string;
-	isAllDay?: boolean;
-	calendarId?: string;
-	attendees: string[];
-	location?: string;
-	recurrenceRule?: string;
-	tagIds: string[];
-}
-
-// ============================================================================
-// Time Range Extraction (14-16 Uhr, 10:00-11:30)
-// ============================================================================
-
-// "14-16 Uhr", "14:00-16:00", "10-11:30"
-const TIME_RANGE_PATTERN =
-	/\b(?:um\s*)?(\d{1,2})(?::(\d{2}))?\s*[-–]\s*(\d{1,2})(?::(\d{2}))?\s*(?:uhr)?\b/i;
-
-function extractTimeRange(text: string): {
-	startTime?: { hours: number; minutes: number };
-	endTime?: { hours: number; minutes: number };
-	remaining: string;
-} {
-	const match = text.match(TIME_RANGE_PATTERN);
-	if (match) {
-		const startHours = parseInt(match[1]);
-		const startMinutes = match[2] ? parseInt(match[2]) : 0;
-		const endHours = parseInt(match[3]);
-		const endMinutes = match[4] ? parseInt(match[4]) : 0;
-
-		if (
-			startHours >= 0 &&
-			startHours <= 23 &&
-			endHours >= 0 &&
-			endHours <= 23 &&
-			startMinutes >= 0 &&
-			startMinutes <= 59 &&
-			endMinutes >= 0 &&
-			endMinutes <= 59
-		) {
-			return {
-				startTime: { hours: startHours, minutes: startMinutes },
-				endTime: { hours: endHours, minutes: endMinutes },
-				remaining: text.replace(TIME_RANGE_PATTERN, '').trim(),
-			};
-		}
-	}
-	return { remaining: text };
-}
-
-// ============================================================================
-// Duration Extraction
-// ============================================================================
-
-// Locale-specific "hours" words (Stunden, hours, heures, horas, ore)
-const HOURS_WORDS: Record<ParserLocale, string> = {
-	de: 'stunde[n]?',
-	en: 'hours?',
-	fr: 'heures?',
-	es: 'horas?',
-	it: 'ore',
-};
-
-function getDurationPatterns(
-	locale: ParserLocale
-): { pattern: RegExp; getMinutes: (match: RegExpMatchArray) => number }[] {
-	const hoursWord = HOURS_WORDS[locale];
-	return [
-		// 2h30m, 2h 30m, 1h30min
-		{
-			pattern: /\b(\d+)\s*h\s*(\d+)\s*(?:m(?:in)?)\b/i,
-			getMinutes: (m) => parseInt(m[1]) * 60 + parseInt(m[2]),
-		},
-		// 1h, 2h (hours only)
-		{ pattern: /\b(\d+)\s*h\b/i, getMinutes: (m) => parseInt(m[1]) * 60 },
-		// 30min, 45 min, 90 Minuten/minutes/etc.
-		{
-			pattern: /\b(\d+)\s*(?:min(?:uten?|utes?)?)\b/i,
-			getMinutes: (m) => parseInt(m[1]),
-		},
-		// Locale-specific full word: 1 Stunde, 2 hours, 3 heures, etc.
-		{
-			pattern: new RegExp(`\\b(\\d+)\\s*${hoursWord}\\b`, 'i'),
-			getMinutes: (m) => parseInt(m[1]) * 60,
-		},
-	];
-}
-
-function extractDuration(
-	text: string,
-	locale: ParserLocale = 'de'
-): { duration?: number; remaining: string } {
-	for (const { pattern, getMinutes } of getDurationPatterns(locale)) {
-		const match = text.match(pattern);
-		if (match) {
-			return {
-				duration: getMinutes(match),
-				remaining: text.replace(pattern, '').trim(),
-			};
-		}
-	}
-	return { duration: undefined, remaining: text };
-}
-
-// ============================================================================
-// Location Extraction
-// ============================================================================
-
-// Location extraction - runs on the title AFTER date/time extraction has already
-// removed date keywords like "in 3 Tagen", "in einer halben Stunde" etc.
-// "in Berlin", "im Büro", "bei Dr. Müller", "am Bahnhof"
-const LOCATION_PATTERN = /\b(?:in|im|bei|am)\s+(.+?)(?=\s+(?:@|#)|$)/i;
-
-// Patterns that look like dates/times but not locations (multilingual)
-const NOT_LOCATION_PATTERN =
-	/^\d+\s*(tage?n?|wochen?|stunde[n]?|minute[n]?|hours?|minutes?|heures?|horas?|ore|h|min)$/i;
-
-function extractLocation(text: string): { location?: string; remaining: string } {
-	const match = text.match(LOCATION_PATTERN);
-	if (match) {
-		const location = match[1].trim();
-
-		// Skip if it looks like a leftover time/date expression
-		if (NOT_LOCATION_PATTERN.test(location)) {
-			return { location: undefined, remaining: text };
-		}
-
-		// Skip if starts with a number (likely a leftover numeric expression)
-		if (/^\d+\s/.test(location) && location.length < 5) {
-			return { location: undefined, remaining: text };
-		}
-
-		if (location.length >= 2) {
-			return {
-				location,
-				remaining: text.replace(LOCATION_PATTERN, '').trim(),
-			};
-		}
-	}
-	return { location: undefined, remaining: text };
-}
-
-// ============================================================================
-// All-Day Detection
-// ============================================================================
-
-const ALL_DAY_PATTERNS: Record<ParserLocale, RegExp[]> = {
-	de: [/\bganzt[aä]gig\b/i, /\bganzer\s+tag\b/i],
-	en: [/\ball[- ]?day\b/i, /\bwhole\s+day\b/i],
-	fr: [/\btoute\s+la\s+journ[eé]e\b/i, /\bjour\s+entier\b/i],
-	es: [/\btodo\s+el\s+d[ií]a\b/i, /\bd[ií]a\s+completo\b/i],
-	it: [/\btutto\s+il\s+giorno\b/i, /\bgiornata\s+intera\b/i],
-};
-
-function getAllDayPatterns(locale: ParserLocale): RegExp[] {
-	return ALL_DAY_PATTERNS[locale];
-}
-
-function extractAllDay(
-	text: string,
-	locale: ParserLocale = 'de'
-): { isAllDay: boolean; remaining: string } {
-	for (const pattern of getAllDayPatterns(locale)) {
-		if (pattern.test(text)) {
-			return {
-				isAllDay: true,
-				remaining: text.replace(pattern, '').trim(),
-			};
-		}
-	}
-	return { isAllDay: false, remaining: text };
-}
-
-// ============================================================================
-// Main Parser
-// ============================================================================
-
-/**
- * Parse natural language event input
- *
- * Examples:
- * - "Meeting morgen 14 Uhr 1h @Arbeit #wichtig"
- * - "Arzttermin 15.12. 10:00 30min"
- * - "Ganztägig Urlaub morgen"
- */
-export function parseEventInput(input: string, locale: ParserLocale = 'de'): ParsedEvent {
-	let text = input.trim();
-
-	// Extract recurrence (before other extractions since "jeden Montag" could conflict with weekday)
-	const recurrenceResult = extractRecurrence(text, locale);
-	text = recurrenceResult.remaining;
-	const recurrenceRule = recurrenceResult.value;
-
-	// Extract all-day flag
-	const allDayResult = extractAllDay(text, locale);
-	text = allDayResult.remaining;
-	const isAllDay = allDayResult.isAllDay;
-
-	// Extract time range first (14-16 Uhr, 10:00-11:30)
-	const timeRangeResult = extractTimeRange(text);
-	text = timeRangeResult.remaining;
-
-	// Extract duration (before base parser, since "30min" could conflict with time)
-	const durationResult = extractDuration(text, locale);
-	text = durationResult.remaining;
-	const duration = durationResult.duration;
-
-	// Extract @references (first may be calendar, rest are attendees)
-	const atRefsResult = extractAtReferences(text);
-	text = atRefsResult.remaining;
-	const atRefs = atRefsResult.value ?? [];
-	const calendarName = atRefs.length > 0 ? atRefs[0] : undefined;
-	const attendees = atRefs.length > 1 ? atRefs.slice(1) : [];
-
-	// Use base parser for common patterns (date, time, tags)
-	const base = parseBaseInput(text, locale);
-
-	// Try to extract location from the remaining title
-	const locationResult = extractLocation(base.title);
-	const title = locationResult.location ? locationResult.remaining : base.title;
-	const location = locationResult.location;
-
-	// Build start/end dates
-	let startDate: Date | undefined;
-	let endDate: Date | undefined;
-
-	if (timeRangeResult.startTime && timeRangeResult.endTime) {
-		// Time range provided: use it directly
-		const dateForRange = base.date || new Date();
-		startDate = combineDateAndTime(dateForRange, timeRangeResult.startTime);
-		endDate = combineDateAndTime(dateForRange, timeRangeResult.endTime);
-	} else {
-		// Single time or no time
-		startDate = combineDateAndTime(base.date, isAllDay ? undefined : base.time);
-
-		if (startDate) {
-			if (isAllDay) {
-				endDate = new Date(startDate);
-				endDate.setHours(23, 59, 59);
-			} else if (duration) {
-				endDate = new Date(startDate.getTime() + duration * 60_000);
-			} else {
-				// Default: 1 hour
-				endDate = addHours(startDate, 1);
-			}
-		}
-	}
-
-	return {
-		title,
-		startDate,
-		endDate,
-		duration,
-		isAllDay: isAllDay || undefined,
-		calendarName,
-		attendees,
-		location,
-		recurrenceRule,
-		tagNames: base.tagNames,
-	};
-}
-
-// ============================================================================
-// Multi-Event Splitting
-// ============================================================================
-
-const EVENT_SPLITTERS =
-	/\s*(?:,\s*(?:danach|dann|und dann|anschließend|außerdem|afterwards|then|and then|also)\s+|;\s*|\s+(?:danach|dann|und dann|anschließend|afterwards|then|and then)\s+)/i;
-
-/**
- * Parse input that may contain multiple events separated by keywords.
- * Subsequent events inherit date/time/calendar context from the first event.
- * If the first event has a known end time, the next event starts there.
- *
- * Examples:
- * - "Meeting 14 Uhr 1h danach Review 30min" → Meeting 14-15, Review 15-15:30
- * - "Morgen Workshop 9-12 Uhr @Arbeit; Mittagessen; Retro 1h" → 3 events
- */
-export function parseMultiEventInput(input: string, locale: ParserLocale = 'de'): ParsedEvent[] {
-	const parts = input.split(EVENT_SPLITTERS).filter((s) => s.trim().length > 0);
-
-	if (parts.length <= 1) {
-		return [parseEventInput(input, locale)];
-	}
-
-	const results: ParsedEvent[] = [];
-	let contextDate: Date | undefined;
-	let contextCalendar: string | undefined;
-	let lastEndDate: Date | undefined;
-
-	for (let i = 0; i < parts.length; i++) {
-		const parsed = parseEventInput(parts[i].trim(), locale);
-
-		if (i === 0) {
-			contextDate = parsed.startDate;
-			contextCalendar = parsed.calendarName;
-			lastEndDate = parsed.endDate;
-		} else {
-			// Inherit calendar
-			if (!parsed.calendarName && contextCalendar) {
-				parsed.calendarName = contextCalendar;
-			}
-
-			// Inherit date/time: use lastEndDate as start if no explicit time
-			if (!parsed.startDate && lastEndDate) {
-				parsed.startDate = new Date(lastEndDate);
-				// Calculate endDate
-				if (parsed.duration) {
-					parsed.endDate = new Date(parsed.startDate.getTime() + parsed.duration * 60_000);
-				} else {
-					// Default 1h
-					parsed.endDate = addHours(parsed.startDate, 1);
-				}
-			} else if (!parsed.startDate && contextDate) {
-				// Fallback: same date, no specific time
-				parsed.startDate = new Date(contextDate);
-				if (parsed.duration) {
-					parsed.endDate = new Date(parsed.startDate.getTime() + parsed.duration * 60_000);
-				} else {
-					parsed.endDate = addHours(parsed.startDate, 1);
-				}
-			}
-
-			lastEndDate = parsed.endDate;
-		}
-
-		results.push(parsed);
-	}
-
-	return results;
-}
-
-// ============================================================================
-// ID Resolution
-// ============================================================================
-
-/**
- * Resolve calendar and tag names to IDs
- */
-export function resolveEventIds(
-	parsed: ParsedEvent,
-	calendars: Calendar[],
-	tags: Tag[],
-	defaultCalendarId?: string
-): ParsedEventWithIds {
-	let calendarId: string | undefined;
-	const attendees: string[] = [...parsed.attendees];
-	const tagIds: string[] = [];
-
-	// Try to match first @ref as calendar (case-insensitive)
-	if (parsed.calendarName) {
-		const calendar = calendars.find(
-			(c) => c.name.toLowerCase() === parsed.calendarName!.toLowerCase()
-		);
-		if (calendar) {
-			calendarId = calendar.id;
-		} else {
-			// First @ref didn't match a calendar, treat it as an attendee
-			attendees.unshift(parsed.calendarName);
-		}
-	}
-
-	// Fallback to default calendar
-	if (!calendarId && defaultCalendarId) {
-		calendarId = defaultCalendarId;
-	}
-
-	// Find tags by name (case-insensitive)
-	for (const tagName of parsed.tagNames) {
-		const tag = tags.find((t) => t.name.toLowerCase() === tagName.toLowerCase());
-		if (tag) {
-			tagIds.push(tag.id);
-		}
-	}
-
-	return {
-		title: parsed.title,
-		startTime: parsed.startDate?.toISOString(),
-		endTime: parsed.endDate?.toISOString(),
-		isAllDay: parsed.isAllDay,
-		calendarId,
-		attendees,
-		location: parsed.location,
-		recurrenceRule: parsed.recurrenceRule,
-		tagIds,
-	};
-}
-
-// ============================================================================
-// Preview Formatting
-// ============================================================================
-
-// Locale-specific "all-day" label for preview display
-const ALL_DAY_LABEL: Record<ParserLocale, string> = {
-	de: 'ganztägig',
-	en: 'all-day',
-	fr: 'toute la journée',
-	es: 'todo el día',
-	it: 'tutto il giorno',
-};
-
-/**
- * Format parsed event for preview display
- */
-export function formatParsedEventPreview(parsed: ParsedEvent, locale: ParserLocale = 'de'): string {
-	const parts: string[] = [];
-
-	if (parsed.isAllDay && parsed.startDate) {
-		parts.push(`📅 ${formatDatePreview(parsed.startDate, locale)} (${ALL_DAY_LABEL[locale]})`);
-	} else if (parsed.startDate) {
-		let dateStr = `📅 ${formatDatePreview(parsed.startDate, locale)}`;
-		if (parsed.startDate.getHours() !== 0 || parsed.startDate.getMinutes() !== 0) {
-			dateStr += ` ${formatTimePreview({
-				hours: parsed.startDate.getHours(),
-				minutes: parsed.startDate.getMinutes(),
-			})}`;
-		}
-		parts.push(dateStr);
-	}
-
-	if (parsed.duration) {
-		const hours = Math.floor(parsed.duration / 60);
-		const mins = parsed.duration % 60;
-		let durationStr = '';
-		if (hours > 0) durationStr += `${hours}h`;
-		if (mins > 0) durationStr += `${mins}min`;
-		parts.push(`⏱️ ${durationStr}`);
-	}
-
-	if (parsed.location) {
-		parts.push(`📍 ${parsed.location}`);
-	}
-
-	if (parsed.recurrenceRule) {
-		parts.push(`🔄 ${parsed.recurrenceRule}`);
-	}
-
-	if (parsed.calendarName) {
-		parts.push(`📆 ${parsed.calendarName}`);
-	}
-
-	if (parsed.attendees.length > 0) {
-		parts.push(`👥 ${parsed.attendees.join(', ')}`);
-	}
-
-	if (parsed.tagNames.length > 0) {
-		parts.push(`🏷️ ${parsed.tagNames.join(', ')}`);
-	}
-
-	return parts.join(' · ');
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/eventDateHelpers.test.ts b/apps/calendar/apps/web-archived/src/lib/utils/eventDateHelpers.test.ts
deleted file mode 100644
index 7120e98b2..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/eventDateHelpers.test.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { toDate, getEventStart, getEventEnd, getEventTimes } from './eventDateHelpers';
-
-describe('toDate', () => {
-	it('should parse ISO string to Date', () => {
-		const result = toDate('2026-03-18T10:30:00Z');
-		expect(result).toBeInstanceOf(Date);
-		expect(result.toISOString()).toBe('2026-03-18T10:30:00.000Z');
-	});
-
-	it('should return Date object as-is', () => {
-		const date = new Date('2026-03-18T10:30:00Z');
-		const result = toDate(date);
-		expect(result).toBe(date);
-	});
-});
-
-describe('getEventStart', () => {
-	it('should extract start time from event with string', () => {
-		const event = { startTime: '2026-03-18T09:00:00Z' };
-		const result = getEventStart(event);
-		expect(result).toBeInstanceOf(Date);
-		expect(result.toISOString()).toBe('2026-03-18T09:00:00.000Z');
-	});
-
-	it('should handle Date object', () => {
-		const date = new Date('2026-03-18T09:00:00Z');
-		const event = { startTime: date };
-		const result = getEventStart(event);
-		expect(result).toBe(date);
-	});
-});
-
-describe('getEventEnd', () => {
-	it('should extract end time from event with string', () => {
-		const event = { endTime: '2026-03-18T10:00:00Z' };
-		const result = getEventEnd(event);
-		expect(result).toBeInstanceOf(Date);
-		expect(result.toISOString()).toBe('2026-03-18T10:00:00.000Z');
-	});
-
-	it('should handle Date object', () => {
-		const date = new Date('2026-03-18T10:00:00Z');
-		const event = { endTime: date };
-		const result = getEventEnd(event);
-		expect(result).toBe(date);
-	});
-});
-
-describe('getEventTimes', () => {
-	it('should return both start and end as Date objects', () => {
-		const event = {
-			startTime: '2026-03-18T09:00:00Z',
-			endTime: '2026-03-18T10:00:00Z',
-		};
-		const result = getEventTimes(event);
-		expect(result.start).toBeInstanceOf(Date);
-		expect(result.end).toBeInstanceOf(Date);
-		expect(result.start.toISOString()).toBe('2026-03-18T09:00:00.000Z');
-		expect(result.end.toISOString()).toBe('2026-03-18T10:00:00.000Z');
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/eventDateHelpers.ts b/apps/calendar/apps/web-archived/src/lib/utils/eventDateHelpers.ts
deleted file mode 100644
index 9e8063377..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/eventDateHelpers.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Event Date Helpers
- * Utilities for consistent date handling across the calendar app
- */
-
-import { parseISO } from 'date-fns';
-
-/**
- * Convert a date value that may be either a string or Date to a Date object
- * This handles the common pattern where API returns ISO strings but we need Date objects
- */
-export function toDate(value: string | Date): Date {
-	return typeof value === 'string' ? parseISO(value) : value;
-}
-
-/**
- * Get the start time of an event as a Date object
- */
-export function getEventStart(event: { startTime: string | Date }): Date {
-	return toDate(event.startTime);
-}
-
-/**
- * Get the end time of an event as a Date object
- */
-export function getEventEnd(event: { endTime: string | Date }): Date {
-	return toDate(event.endTime);
-}
-
-/**
- * Get both start and end times of an event as Date objects
- */
-export function getEventTimes(event: { startTime: string | Date; endTime: string | Date }): {
-	start: Date;
-	end: Date;
-} {
-	return {
-		start: toDate(event.startTime),
-		end: toDate(event.endTime),
-	};
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/eventFiltering.test.ts b/apps/calendar/apps/web-archived/src/lib/utils/eventFiltering.test.ts
deleted file mode 100644
index 0e6844e99..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/eventFiltering.test.ts
+++ /dev/null
@@ -1,179 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-	getVisibleCalendarIds,
-	filterByVisibleCalendars,
-	filterTimedEvents,
-	filterAllDayEvents,
-	getEventMinutes,
-	eventOverlapsTimeRange,
-	filterByHourRange,
-	getOverflowEvents,
-	filterByTags,
-} from './eventFiltering';
-
-// Mock calendars
-const calendarA = { id: 'cal-a', name: 'Work', color: '#3B82F6' } as any;
-const calendarB = { id: 'cal-b', name: 'Personal', color: '#EF4444' } as any;
-
-// Mock events - use local Date objects to avoid timezone offset issues with getHours()
-const timedEventA = {
-	id: 'evt-1',
-	calendarId: 'cal-a',
-	startTime: new Date(2026, 2, 18, 9, 0, 0),
-	endTime: new Date(2026, 2, 18, 10, 0, 0),
-	isAllDay: false,
-	tags: [{ id: 'tag-1', name: 'meeting' }],
-} as any;
-
-const timedEventB = {
-	id: 'evt-2',
-	calendarId: 'cal-b',
-	startTime: new Date(2026, 2, 18, 14, 0, 0),
-	endTime: new Date(2026, 2, 18, 15, 30, 0),
-	isAllDay: false,
-	tags: [{ id: 'tag-2', name: 'personal' }],
-} as any;
-
-const allDayEvent = {
-	id: 'evt-3',
-	calendarId: 'cal-a',
-	startTime: new Date(2026, 2, 18, 0, 0, 0),
-	endTime: new Date(2026, 2, 19, 0, 0, 0),
-	isAllDay: true,
-	tags: [],
-} as any;
-
-const earlyEvent = {
-	id: 'evt-4',
-	calendarId: 'cal-a',
-	startTime: new Date(2026, 2, 18, 5, 0, 0),
-	endTime: new Date(2026, 2, 18, 6, 0, 0),
-	isAllDay: false,
-	tags: null,
-} as any;
-
-const lateEvent = {
-	id: 'evt-5',
-	calendarId: 'cal-a',
-	startTime: new Date(2026, 2, 18, 22, 0, 0),
-	endTime: new Date(2026, 2, 18, 23, 0, 0),
-	isAllDay: false,
-	tags: [{ id: 'tag-1', name: 'meeting' }],
-} as any;
-
-const allEvents = [timedEventA, timedEventB, allDayEvent, earlyEvent, lateEvent];
-
-describe('getVisibleCalendarIds', () => {
-	it('should return a Set of calendar IDs', () => {
-		const result = getVisibleCalendarIds([calendarA, calendarB]);
-		expect(result).toBeInstanceOf(Set);
-		expect(result.size).toBe(2);
-		expect(result.has('cal-a')).toBe(true);
-		expect(result.has('cal-b')).toBe(true);
-	});
-});
-
-describe('filterByVisibleCalendars', () => {
-	it('should filter events to only visible calendars', () => {
-		const result = filterByVisibleCalendars(allEvents, [calendarA]);
-		expect(result.every((e) => e.calendarId === 'cal-a')).toBe(true);
-		expect(result).toHaveLength(4);
-	});
-});
-
-describe('filterTimedEvents', () => {
-	it('should filter out all-day events', () => {
-		const result = filterTimedEvents(allEvents);
-		expect(result.every((e) => !e.isAllDay)).toBe(true);
-		expect(result).toHaveLength(4);
-	});
-});
-
-describe('filterAllDayEvents', () => {
-	it('should keep only all-day events', () => {
-		const result = filterAllDayEvents(allEvents);
-		expect(result.every((e) => e.isAllDay)).toBe(true);
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('evt-3');
-	});
-});
-
-describe('getEventMinutes', () => {
-	it('should convert event times to minutes from midnight', () => {
-		const result = getEventMinutes(timedEventA);
-		// 09:00 UTC = 540 minutes
-		expect(result.start).toBe(9 * 60);
-		// 10:00 UTC = 600 minutes
-		expect(result.end).toBe(10 * 60);
-	});
-});
-
-describe('eventOverlapsTimeRange', () => {
-	it('should return true when event overlaps with range', () => {
-		// Event is 09:00-10:00, range is 08:00-12:00
-		const result = eventOverlapsTimeRange(timedEventA, 8 * 60, 12 * 60);
-		expect(result).toBe(true);
-	});
-
-	it('should return false when event is outside range', () => {
-		// Event is 09:00-10:00, range is 11:00-12:00
-		const result = eventOverlapsTimeRange(timedEventA, 11 * 60, 12 * 60);
-		expect(result).toBe(false);
-	});
-
-	it('should return false when event ends exactly at range start', () => {
-		// Event is 09:00-10:00, range starts at 10:00
-		const result = eventOverlapsTimeRange(timedEventA, 10 * 60, 12 * 60);
-		expect(result).toBe(false);
-	});
-});
-
-describe('filterByHourRange', () => {
-	it('should filter events within the hour range', () => {
-		const timedEvents = filterTimedEvents(allEvents);
-		// Range 8:00-18:00 should include timedEventA (9-10) and timedEventB (14-15:30)
-		const result = filterByHourRange(timedEvents, 8, 18);
-		expect(result.some((e) => e.id === 'evt-1')).toBe(true);
-		expect(result.some((e) => e.id === 'evt-2')).toBe(true);
-		// earlyEvent (5-6) and lateEvent (22-23) should be excluded
-		expect(result.some((e) => e.id === 'evt-4')).toBe(false);
-		expect(result.some((e) => e.id === 'evt-5')).toBe(false);
-	});
-});
-
-describe('getOverflowEvents', () => {
-	it('should return events before and after visible range', () => {
-		const timedEvents = filterTimedEvents(allEvents);
-		const result = getOverflowEvents(timedEvents, 8, 18);
-
-		// earlyEvent (5-6) ends before 8:00
-		expect(result.before.some((e) => e.id === 'evt-4')).toBe(true);
-		// lateEvent (22-23) starts after 18:00
-		expect(result.after.some((e) => e.id === 'evt-5')).toBe(true);
-		// timedEventA (9-10) is within range, should not appear
-		expect(result.before.some((e) => e.id === 'evt-1')).toBe(false);
-		expect(result.after.some((e) => e.id === 'evt-1')).toBe(false);
-	});
-});
-
-describe('filterByTags', () => {
-	it('should return all events when no tags are selected', () => {
-		const result = filterByTags(allEvents, []);
-		expect(result).toHaveLength(allEvents.length);
-	});
-
-	it('should filter events by selected tag IDs', () => {
-		const result = filterByTags(allEvents, ['tag-1']);
-		// timedEventA and lateEvent have tag-1
-		expect(result).toHaveLength(2);
-		expect(result.some((e) => e.id === 'evt-1')).toBe(true);
-		expect(result.some((e) => e.id === 'evt-5')).toBe(true);
-	});
-
-	it('should exclude events with no tags when filtering', () => {
-		// allDayEvent has empty tags, earlyEvent has null tags
-		const result = filterByTags(allEvents, ['tag-2']);
-		expect(result.some((e) => e.id === 'evt-3')).toBe(false);
-		expect(result.some((e) => e.id === 'evt-4')).toBe(false);
-	});
-});
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/eventFiltering.ts b/apps/calendar/apps/web-archived/src/lib/utils/eventFiltering.ts
deleted file mode 100644
index 52ff744ad..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/eventFiltering.ts
+++ /dev/null
@@ -1,205 +0,0 @@
-/**
- * Event Filtering Utilities
- * Reusable functions for filtering calendar events by visibility, time range, etc.
- */
-
-import type { CalendarEvent } from '@calendar/shared';
-import type { Calendar } from '@calendar/shared';
-import { toDate } from './eventDateHelpers';
-
-/**
- * Create a Set of visible calendar IDs for efficient lookup
- */
-export function getVisibleCalendarIds(visibleCalendars: Calendar[]): Set<string> {
-	return new Set(visibleCalendars.map((c) => c.id));
-}
-
-/**
- * Filter events to only include those from visible calendars
- */
-export function filterByVisibleCalendars(
-	events: CalendarEvent[],
-	visibleCalendars: Calendar[]
-): CalendarEvent[] {
-	const visibleIds = getVisibleCalendarIds(visibleCalendars);
-	return events.filter((e) => visibleIds.has(e.calendarId));
-}
-
-/**
- * Filter events to only include timed (non-all-day) events
- */
-export function filterTimedEvents(events: CalendarEvent[]): CalendarEvent[] {
-	return events.filter((e) => !e.isAllDay);
-}
-
-/**
- * Filter events to only include all-day events
- */
-export function filterAllDayEvents(events: CalendarEvent[]): CalendarEvent[] {
-	return events.filter((e) => e.isAllDay);
-}
-
-/**
- * Get event time in minutes from midnight
- */
-export function getEventMinutes(event: CalendarEvent): { start: number; end: number } {
-	const start = toDate(event.startTime);
-	const end = toDate(event.endTime);
-	return {
-		start: start.getHours() * 60 + start.getMinutes(),
-		end: end.getHours() * 60 + end.getMinutes(),
-	};
-}
-
-/**
- * Check if an event overlaps with a given time range (in minutes from midnight)
- */
-export function eventOverlapsTimeRange(
-	event: CalendarEvent,
-	startMinutes: number,
-	endMinutes: number
-): boolean {
-	const { start: eventStart, end: eventEnd } = getEventMinutes(event);
-	return eventStart < endMinutes && eventEnd > startMinutes;
-}
-
-/**
- * Filter timed events that overlap with a visible hour range
- */
-export function filterByHourRange(
-	events: CalendarEvent[],
-	dayStartHour: number,
-	dayEndHour: number
-): CalendarEvent[] {
-	const startMinutes = dayStartHour * 60;
-	const endMinutes = dayEndHour * 60;
-	return events.filter((event) => eventOverlapsTimeRange(event, startMinutes, endMinutes));
-}
-
-/**
- * Result type for overflow events
- */
-export interface OverflowEvents {
-	before: CalendarEvent[];
-	after: CalendarEvent[];
-}
-
-/**
- * Get events that are outside the visible hour range
- * Returns events that end before the visible range starts (before)
- * and events that start after the visible range ends (after)
- */
-export function getOverflowEvents(
-	events: CalendarEvent[],
-	dayStartHour: number,
-	dayEndHour: number
-): OverflowEvents {
-	const startMinutes = dayStartHour * 60;
-	const endMinutes = dayEndHour * 60;
-
-	const before: CalendarEvent[] = [];
-	const after: CalendarEvent[] = [];
-
-	for (const event of events) {
-		const { start: eventStart, end: eventEnd } = getEventMinutes(event);
-
-		if (eventEnd <= startMinutes) {
-			before.push(event);
-		} else if (eventStart >= endMinutes) {
-			after.push(event);
-		}
-	}
-
-	return { before, after };
-}
-
-/**
- * Combined filter: Get visible timed events for a day with optional hour and tag filtering
- */
-export function getVisibleTimedEvents(
-	events: CalendarEvent[],
-	visibleCalendars: Calendar[],
-	options?: {
-		filterHoursEnabled?: boolean;
-		dayStartHour?: number;
-		dayEndHour?: number;
-		selectedTagIds?: string[];
-	}
-): CalendarEvent[] {
-	let filtered = filterByVisibleCalendars(events, visibleCalendars);
-	filtered = filterTimedEvents(filtered);
-
-	if (
-		options?.filterHoursEnabled &&
-		options.dayStartHour !== undefined &&
-		options.dayEndHour !== undefined
-	) {
-		filtered = filterByHourRange(filtered, options.dayStartHour, options.dayEndHour);
-	}
-
-	// Apply tag filter if tags are selected
-	if (options?.selectedTagIds) {
-		filtered = filterByTags(filtered, options.selectedTagIds);
-	}
-
-	return filtered;
-}
-
-/**
- * Combined filter: Get visible all-day events for a day with optional tag filtering
- */
-export function getVisibleAllDayEvents(
-	events: CalendarEvent[],
-	visibleCalendars: Calendar[],
-	options?: {
-		selectedTagIds?: string[];
-	}
-): CalendarEvent[] {
-	let filtered = filterByVisibleCalendars(events, visibleCalendars);
-	filtered = filterAllDayEvents(filtered);
-
-	// Apply tag filter if tags are selected
-	if (options?.selectedTagIds) {
-		filtered = filterByTags(filtered, options.selectedTagIds);
-	}
-
-	return filtered;
-}
-
-/**
- * Filter events by selected tag IDs
- * If no tags are selected (empty array), returns all events
- * If tags are selected, returns only events that have at least one of the selected tags
- */
-export function filterByTags(events: CalendarEvent[], selectedTagIds: string[]): CalendarEvent[] {
-	// If no tags are selected, show all events
-	if (selectedTagIds.length === 0) {
-		return events;
-	}
-
-	const selectedTagSet = new Set(selectedTagIds);
-
-	return events.filter((event) => {
-		// If event has no tags, don't show it when filtering by tags
-		if (!event.tags || event.tags.length === 0) {
-			return false;
-		}
-
-		// Check if event has at least one of the selected tags
-		return event.tags.some((tag) => selectedTagSet.has(tag.id));
-	});
-}
-
-/**
- * Combined filter: Get overflow events for visible calendars
- */
-export function getVisibleOverflowEvents(
-	events: CalendarEvent[],
-	visibleCalendars: Calendar[],
-	dayStartHour: number,
-	dayEndHour: number
-): OverflowEvents {
-	let filtered = filterByVisibleCalendars(events, visibleCalendars);
-	filtered = filterTimedEvents(filtered);
-	return getOverflowEvents(filtered, dayStartHour, dayEndHour);
-}
diff --git a/apps/calendar/apps/web-archived/src/lib/utils/syntax-help.ts b/apps/calendar/apps/web-archived/src/lib/utils/syntax-help.ts
deleted file mode 100644
index f4fe5c8dc..000000000
--- a/apps/calendar/apps/web-archived/src/lib/utils/syntax-help.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * Calendar-specific syntax help patterns for InputBar help modal
- */
-import type { SyntaxGroup } from '@manacore/shared-ui';
-
-export const CALENDAR_SYNTAX: SyntaxGroup[] = [
-	{
-		title: 'Kalender-Termin',
-		items: [
-			{
-				pattern: 'Dauer',
-				description: 'Termindauer angeben',
-				examples: ['1h', '30min', '2h30m', '1 Stunde'],
-				color: 'accent',
-			},
-			{
-				pattern: 'Zeitbereich',
-				description: 'Start- und Endzeit',
-				examples: ['14-16 Uhr', '10:00-11:30', '9-17 Uhr'],
-				color: 'accent',
-			},
-			{
-				pattern: 'Ganztägig',
-				description: 'Ganztägiger Termin',
-				examples: ['ganztägig', 'ganzer Tag'],
-				color: 'warning',
-			},
-			{
-				pattern: 'Ort',
-				description: 'Ort angeben',
-				examples: ['in Berlin', 'im Büro', 'bei Dr. Müller'],
-				color: 'success',
-			},
-			{
-				pattern: 'Wiederholung',
-				description: 'Wiederkehrende Termine',
-				examples: ['täglich', 'wöchentlich', 'jeden Montag', 'monatlich'],
-				color: 'warning-soft',
-			},
-			{
-				pattern: '@Kalender',
-				description: 'Kalender zuweisen',
-				examples: ['@Arbeit', '@Privat'],
-				color: 'success',
-			},
-			{
-				pattern: '@Teilnehmer',
-				description: 'Teilnehmer hinzufügen',
-				examples: ['@Max', '@Anna'],
-				color: 'success',
-			},
-		],
-	},
-];
-
-export const CALENDAR_LIVE_EXAMPLE = {
-	text: 'Teammeeting morgen 14-16 Uhr wöchentlich @Arbeit #wichtig',
-	highlights: [
-		{ type: 'text' as const, content: 'Teammeeting ' },
-		{ type: 'date' as const, content: 'morgen' },
-		{ type: 'text' as const, content: ' ' },
-		{ type: 'time' as const, content: '14-16 Uhr' },
-		{ type: 'text' as const, content: ' ' },
-		{ type: 'date' as const, content: 'wöchentlich' },
-		{ type: 'text' as const, content: ' ' },
-		{ type: 'reference' as const, content: '@Arbeit' },
-		{ type: 'text' as const, content: ' ' },
-		{ type: 'tag' as const, content: '#wichtig' },
-	],
-};
diff --git a/apps/calendar/apps/web-archived/src/lib/version.ts b/apps/calendar/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 4f221f09f..000000000
--- a/apps/calendar/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '1.0.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 2265af077..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,751 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { setContext } from 'svelte';
-	import { locale } from 'svelte-i18n';
-	import { PillNavigation, InputBarHelpModal, ImmersiveModeToggle } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import {
-		SplitPaneContainer,
-		setSplitPanelContext,
-		DEFAULT_APPS,
-	} from '@manacore/shared-splitscreen';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		PillTagSelectorConfig,
-		PillNavElement,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { calendarsStore } from '$lib/stores/calendars.svelte';
-	import { eventsStore } from '$lib/stores/events.svelte';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { linkLocalStore, linkMutations } from '@manacore/shared-links';
-	import { useAllCalendars, useAllEvents, getDefaultCalendar } from '$lib/data/queries';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { birthdaysStore } from '$lib/stores/birthdays.svelte';
-	import { browser } from '$app/environment';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { filterHiddenNavItems } from '@manacore/shared-theme';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { searchEvents } from '$lib/api/events';
-	import { searchStore } from '$lib/stores/search.svelte';
-	import { format } from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import type { CreatePreview } from '@manacore/shared-ui';
-	import {
-		parseEventInput,
-		resolveEventIds,
-		formatParsedEventPreview,
-	} from '$lib/utils/event-parser';
-	import { CALENDAR_SYNTAX, CALENDAR_LIVE_EXAMPLE } from '$lib/utils/syntax-help';
-	import UnifiedBar from '$lib/components/calendar/UnifiedBar.svelte';
-	import SettingsModal from '$lib/components/settings/SettingsModal.svelte';
-	import VoiceRecordButton from '$lib/components/voice/VoiceRecordButton.svelte';
-	import VoiceRecordingModal from '$lib/components/voice/VoiceRecordingModal.svelte';
-	import { voiceRecordingStore } from '$lib/stores/voice-recording.svelte';
-	import { calendarOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { calendarStore } from '$lib/data/local-store';
-
-	// Guest welcome modal state
-	let showGuestWelcome = $state(false);
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('calendar', undefined, undefined, authStore.user?.tier));
-
-	// Split-Panel Store für Split-Screen Feature
-	const splitPanel = setSplitPanelContext('calendar', DEFAULT_APPS);
-
-	// Handler für Split-Screen Panel-Öffnung
-	function handleOpenInPanel(appId: string, url: string) {
-		splitPanel.openPanel(appId);
-	}
-
-	// Live queries — auto-update when IndexedDB changes (local writes, sync, other tabs)
-	const allCalendars = useAllCalendars();
-	const allEvents = useAllEvents();
-	const allTags = useAllSharedTags();
-
-	// Provide data to child components via Svelte context
-	setContext('calendars', allCalendars);
-	setContext('events', allEvents);
-	setContext('tags', allTags);
-
-	let { children } = $props();
-
-	// InputBar search - search events
-	async function handleSearch(query: string): Promise<QuickInputItem[]> {
-		if (!query.trim()) return [];
-
-		const result = await searchEvents(query);
-		if (result.error || !result.data) return [];
-
-		return result.data.slice(0, 10).map((event) => ({
-			id: event.id,
-			title: event.title,
-			subtitle: format(new Date(event.startTime), 'dd. MMM yyyy, HH:mm', { locale: de }),
-		}));
-	}
-
-	function handleSelect(item: QuickInputItem) {
-		searchStore.clear();
-		goto(`/event/${item.id}`);
-	}
-
-	// Update search store when search changes (for calendar view highlighting)
-	function handleSearchChange(query: string, results: QuickInputItem[]) {
-		if (!query.trim()) {
-			searchStore.clear();
-		} else {
-			searchStore.setSearch(query, results);
-		}
-	}
-
-	// Quick-Create: parse input for preview
-	function handleParseCreate(query: string): CreatePreview | null {
-		if (!query.trim()) return null;
-
-		const parsed = parseEventInput(query);
-		if (!parsed.title && !parsed.startDate) return null;
-
-		const preview = formatParsedEventPreview(parsed);
-		return {
-			title: `"${parsed.title || query.trim()}" erstellen`,
-			subtitle: preview || 'Neuer Termin',
-		};
-	}
-
-	// Quick-Create: create event from parsed input
-	async function handleCreate(query: string): Promise<void> {
-		if (!query.trim()) return;
-
-		const parsed = parseEventInput(query);
-		if (!parsed.title) return;
-
-		const cals = allCalendars.value;
-		const defaultCalendarId = cals.find((c) => c.isDefault)?.id || cals[0]?.id;
-
-		const resolved = resolveEventIds(
-			parsed,
-			cals.map((c) => ({ id: c.id, name: c.name })),
-			allTags.value.map((t) => ({ id: t.id, name: t.name })),
-			defaultCalendarId
-		);
-
-		if (!resolved.startTime) {
-			// No date/time parsed - default to now + 1h
-			const now = new Date();
-			now.setMinutes(0, 0, 0);
-			now.setHours(now.getHours() + 1);
-			resolved.startTime = now.toISOString();
-			const end = new Date(now.getTime() + 60 * 60_000);
-			resolved.endTime = end.toISOString();
-		}
-
-		await eventsStore.createEvent({
-			title: resolved.title,
-			startTime: resolved.startTime,
-			endTime: resolved.endTime!,
-			isAllDay: resolved.isAllDay,
-			calendarId: resolved.calendarId,
-			location: resolved.location,
-			tagIds: resolved.tagIds,
-		});
-	}
-
-	// Mobile detection for responsive layout
-	let isMobile = $state(false);
-
-	function updateMobileState() {
-		if (browser) {
-			isMobile = window.innerWidth <= 640;
-		}
-	}
-
-	// InputBar help modal state
-	let helpModalOpen = $state(false);
-	let helpModalMode = $state<'shortcuts' | 'syntax'>('shortcuts');
-
-	// Settings modal state
-	let showSettingsModal = $state(false);
-
-	function handleShowShortcuts() {
-		helpModalMode = 'shortcuts';
-		helpModalOpen = true;
-	}
-
-	function handleShowSyntaxHelp() {
-		helpModalMode = 'syntax';
-		helpModalOpen = true;
-	}
-
-	function handleCloseHelpModal() {
-		helpModalOpen = false;
-	}
-
-	// Default calendar for InputBar quick create
-	let selectedDefaultCalendarId = $derived(getDefaultCalendar(allCalendars.value)?.id);
-
-	function handleDefaultCalendarChange(id: string) {
-		// Update the default calendar via API
-		calendarsStore.setAsDefault(id, allCalendars.value);
-	}
-
-	// Calendar options for InputBar context menu
-	let calendarOptions = $derived(
-		allCalendars.value.map((c) => ({
-			id: c.id,
-			label: c.name,
-		}))
-	);
-
-	// Use theme store's isDark directly
-	let isDark = $derived(theme.isDark);
-
-	// Show toolbar only on calendar main page
-	let showCalendarToolbar = $derived($page.url.pathname === '/');
-
-	// Get pinned themes from user settings (extended themes only)
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		(userSettings.theme?.pinnedThemes || []).filter((t): t is ThemeVariant =>
-			EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant)
-		)
-	);
-
-	// Visible themes in PillNav: default + pinned extended
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// User email for user dropdown — empty string for guests so PillNav shows login button
-	let userEmail = $derived(authStore.isAuthenticated ? authStore.user?.email || 'Menü' : '');
-
-	// Base navigation items for Calendar
-	let baseNavItems = $derived<PillNavItem[]>([
-		{
-			href: '/',
-			label: 'Einstellungen',
-			icon: 'settings',
-			onClick: () => (showSettingsModal = true),
-		},
-	]);
-
-	// Navigation items filtered by visibility settings (with fallback for guest mode)
-	const navItems = $derived(
-		filterHiddenNavItems('calendar', baseNavItems, userSettings.nav?.hiddenNavItems || {})
-	);
-
-	// Tag selector config for PillNavigation
-	let tagSelectorConfig = $derived<PillTagSelectorConfig>({
-		type: 'tag-selector',
-		tags: allTags.value.map((t) => ({ id: t.id, name: t.name, color: t.color || '#3b82f6' })),
-		selectedIds: settingsStore.selectedTagIds,
-		onToggle: settingsStore.toggleTagSelection,
-		onClear: settingsStore.clearTagSelection,
-		onCreate: () => goto('/tags?new=true'),
-		label: 'Tags',
-	});
-
-	// Prepended elements
-	let prependElements = $derived<PillNavElement[]>(showCalendarToolbar ? [tagSelectorConfig] : []);
-
-	// Navigation shortcuts
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num === 1) {
-				event.preventDefault();
-				goto('/');
-			} else if (num >= 2 && num <= baseNavItems.length + 1) {
-				event.preventDefault();
-				const route = baseNavItems[num - 2]?.href;
-				if (route) {
-					goto(route);
-				}
-			}
-		}
-
-		// F = Toggle Immersive Mode (no modifier keys)
-		if (
-			(event.key === 'f' || event.key === 'F') &&
-			!event.ctrlKey &&
-			!event.metaKey &&
-			!event.shiftKey &&
-			!event.altKey
-		) {
-			event.preventDefault();
-			settingsStore.toggleImmersiveMode();
-		}
-
-		// Arrow keys for calendar navigation (only on main calendar page, no modifiers)
-		if (
-			showCalendarToolbar &&
-			!event.ctrlKey &&
-			!event.metaKey &&
-			!event.shiftKey &&
-			!event.altKey
-		) {
-			if (event.key === 'ArrowLeft') {
-				event.preventDefault();
-				viewStore.goToPrevious();
-			} else if (event.key === 'ArrowRight') {
-				event.preventDefault();
-				viewStore.goToNext();
-			} else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
-				// Scroll calendar view up/down - scroll to top/bottom
-				const scrollContainer = document.querySelector('.carousel-page.current');
-				if (scrollContainer) {
-					event.preventDefault();
-					if (event.key === 'ArrowDown') {
-						// Scroll to bottom
-						scrollContainer.scrollTo({
-							top: scrollContainer.scrollHeight,
-							behavior: 'smooth',
-						});
-					} else {
-						// Scroll to top
-						scrollContainer.scrollTo({
-							top: 0,
-							behavior: 'smooth',
-						});
-					}
-				}
-			}
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		tagMutations.stopSync();
-		goto('/login');
-	}
-
-	// Reactive effect: load birthdays when setting is enabled
-	$effect(() => {
-		if (browser && settingsStore.showBirthdays && authStore.isAuthenticated) {
-			birthdaysStore.fetchBirthdays();
-		}
-	});
-
-	// Voice recording result handler
-	function handleVoiceResult(transcription: string) {
-		if (!browser) return;
-
-		// Dispatch custom event for +page.svelte to handle
-		window.dispatchEvent(
-			new CustomEvent('voice-event-create', {
-				detail: {
-					title: transcription,
-					description: transcription,
-				},
-			})
-		);
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-event',
-			label: 'Neues Event',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/new'),
-		},
-		{ id: 'today', label: 'Heute', category: 'Navigation', onExecute: () => goto('/') },
-		{ id: 'week', label: 'Wochenansicht', category: 'Navigation', onExecute: () => goto('/week') },
-		{
-			id: 'month',
-			label: 'Monatsansicht',
-			category: 'Navigation',
-			onExecute: () => goto('/month'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		// Initialize local-first databases (opens IndexedDB, seeds guest data)
-		await Promise.all([
-			calendarStore.initialize(),
-			tagLocalStore.initialize(),
-			linkLocalStore.initialize(),
-		]);
-
-		// Initialize split-panel from URL/localStorage
-		splitPanel.initialize();
-
-		// Initialize view state
-		viewStore.initialize();
-
-		// Calendars and events are loaded reactively via useLiveQuery (no fetch needed)
-
-		// If authenticated, start syncing to server
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			calendarStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-			linkMutations.startSync(getToken);
-
-			// Load user settings (requires auth)
-			await userSettings.load();
-		} else if (shouldShowGuestWelcome('calendar')) {
-			showGuestWelcome = true;
-		}
-
-		// Note: Birthdays are loaded via reactive $effect when showBirthdays is enabled
-
-		// Redirect to start page if on root and a custom start page is set
-		const currentPath = window.location.pathname;
-		if (currentPath === '/' && userSettings.startPage && userSettings.startPage !== '/') {
-			goto(userSettings.startPage, { replaceState: true });
-		}
-
-		// Initialize mobile state
-		updateMobileState();
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} onresize={updateMobileState} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('calendar')?.requiredTier}
-	appName={getManaApp('calendar')?.name}
->
-	<SplitPaneContainer>
-		<div class="layout-container">
-			<a
-				href="#main-content"
-				class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[100] focus:rounded-lg focus:bg-primary focus:px-4 focus:py-2 focus:text-white"
-			>
-				Zum Inhalt springen
-			</a>
-
-			<!-- UI Elements (hidden in immersive mode) -->
-			{#if !settingsStore.immersiveModeEnabled}
-				<PillNavigation
-					items={navItems}
-					{prependElements}
-					currentPath={$page.url.pathname}
-					appName="Kalender"
-					homeRoute="/"
-					onToggleTheme={handleToggleTheme}
-					{isDark}
-					showThemeToggle={true}
-					showThemeVariants={true}
-					{themeVariantItems}
-					{currentThemeVariantLabel}
-					themeMode={theme.mode}
-					onThemeModeChange={handleThemeModeChange}
-					showLanguageSwitcher={true}
-					{languageItems}
-					{currentLanguageLabel}
-					showLogout={authStore.isAuthenticated}
-					onLogout={handleLogout}
-					loginHref="/login"
-					primaryColor="#3b82f6"
-					showAppSwitcher={true}
-					{appItems}
-					{userEmail}
-					settingsHref="/settings"
-					manaHref="/mana"
-					profileHref="/profile"
-					themesHref="/themes"
-					helpHref="/help"
-					allAppsHref="/apps"
-					onOpenInPanel={handleOpenInPanel}
-					ariaLabel="Hauptnavigation"
-					{spotlightActions}
-				/>
-			{/if}
-
-			<!-- Unified Bar: QuickInputBar + DateStrip + TagStrip + CalendarToolbar -->
-			<UnifiedBar
-				onSearch={handleSearch}
-				onSelect={handleSelect}
-				onParseCreate={handleParseCreate}
-				onCreate={handleCreate}
-				onSearchChange={handleSearchChange}
-				placeholder="Neuer Termin oder suchen..."
-				emptyText="Keine Termine gefunden"
-				searchingText="Suche..."
-				createText="Erstellen"
-				appIcon="calendar"
-				locale={$locale || 'de'}
-				defaultOptions={calendarOptions}
-				selectedDefaultId={selectedDefaultCalendarId}
-				defaultOptionLabel="Standard-Kalender"
-				onDefaultChange={handleDefaultCalendarChange}
-				onShowShortcuts={handleShowShortcuts}
-				onShowSyntaxHelp={handleShowSyntaxHelp}
-				showCalendarLayers={showCalendarToolbar}
-				{isMobile}
-				hidden={settingsStore.immersiveModeEnabled}
-			>
-				{#snippet leftAction()}
-					{#if voiceRecordingStore.isSupported}
-						<VoiceRecordButton onResult={handleVoiceResult} size={32} />
-					{/if}
-				{/snippet}
-			</UnifiedBar>
-
-			<!-- Voice Recording Modal -->
-			<VoiceRecordingModal onResult={handleVoiceResult} />
-
-			<!-- Immersive Mode Toggle (always visible on main calendar page) -->
-			<ImmersiveModeToggle
-				isImmersive={settingsStore.immersiveModeEnabled}
-				onToggle={() => settingsStore.toggleImmersiveMode()}
-				visible={showCalendarToolbar}
-			/>
-
-			<main
-				id="main-content"
-				class="main-content bg-background"
-				class:has-toolbar={showCalendarToolbar}
-				class:immersive={settingsStore.immersiveModeEnabled}
-				aria-label="Kalender"
-			>
-				<div
-					class="content-wrapper"
-					class:calendar-expanded={$page.url.pathname === '/'}
-					class:immersive={settingsStore.immersiveModeEnabled}
-				>
-					{@render children()}
-				</div>
-			</main>
-		</div>
-	</SplitPaneContainer>
-
-	<!-- InputBar Help Modal -->
-	<InputBarHelpModal
-		open={helpModalOpen}
-		onClose={handleCloseHelpModal}
-		mode={helpModalMode}
-		appSyntax={CALENDAR_SYNTAX}
-		liveExample={CALENDAR_LIVE_EXAMPLE}
-	/>
-
-	<!-- Settings Modal -->
-	<SettingsModal visible={showSettingsModal} onClose={() => (showSettingsModal = false)} />
-
-	<!-- App Onboarding Modal (shown once on first visit) -->
-	{#if calendarOnboarding.shouldShow}
-		<MiniOnboardingModal store={calendarOnboarding} appName="Kalender" appEmoji="📅" />
-	{/if}
-
-	<!-- Guest Welcome Modal -->
-	<GuestWelcomeModal
-		appId="calendar"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		height: 100vh;
-		overflow: hidden;
-	}
-
-	/* Mobile: Fixed viewport, no scroll */
-	@media (max-width: 768px) {
-		.layout-container {
-			height: 100vh;
-			max-height: 100vh;
-			overflow: hidden;
-		}
-	}
-
-	.main-content {
-		transition: all 300ms ease;
-		position: relative;
-		/* Flex container for children */
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		min-height: 0;
-	}
-
-	/* Extra padding for UnifiedBar layers (PillNav + InputBar + DateStrip) */
-	.main-content.has-toolbar {
-		padding-bottom: calc(220px + env(safe-area-inset-bottom));
-	}
-
-	@media (max-width: 768px) {
-		/* On mobile, fixed height layout - no page scroll */
-		.main-content {
-			height: calc(100vh - 70px); /* Full height minus bottom nav */
-			overflow: hidden;
-			padding-bottom: 0;
-			display: flex;
-			flex-direction: column;
-		}
-		.main-content.has-toolbar {
-			height: calc(100vh - 70px);
-			padding-bottom: 0;
-		}
-	}
-
-	/* Mobile: Fixed height, internal scrolling only */
-	@media (max-width: 640px) {
-		.main-content {
-			height: calc(100vh - 70px);
-			overflow: hidden;
-			padding-bottom: 0;
-		}
-		.main-content.has-toolbar {
-			height: calc(100vh - 70px);
-			padding-bottom: 0;
-		}
-	}
-
-	.content-wrapper {
-		max-width: 100%;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 1rem;
-		position: relative;
-		z-index: 0;
-		/* Flex for calendar layout */
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		min-height: 0;
-	}
-
-	/* Mobile: no padding, full height */
-	@media (max-width: 768px) {
-		.content-wrapper {
-			padding: 0;
-			height: 100%;
-			overflow: hidden;
-			display: flex;
-			flex-direction: column;
-		}
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding: 2rem;
-		}
-	}
-
-	/* Full width when calendar sidebar is collapsed */
-	.content-wrapper.calendar-expanded {
-		width: 100%;
-		max-width: none;
-		margin: 0;
-		padding: 0;
-		display: flex;
-		flex-direction: column;
-		flex: 1;
-		min-height: 0;
-	}
-
-	/* Calendar fills entire screen - UI elements float on top */
-	.main-content:has(.content-wrapper.calendar-expanded) {
-		padding-bottom: 0 !important;
-	}
-
-	/* Immersive Mode - fullscreen, no UI elements visible */
-	.main-content.immersive {
-		padding: 0 !important;
-		height: 100vh !important;
-		width: 100vw;
-		transition: padding 300ms ease;
-	}
-
-	.content-wrapper.immersive {
-		padding: 0 !important;
-		margin: 0;
-		height: 100vh;
-		width: 100vw;
-		max-width: 100vw;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index e23ca53ba..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,217 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { eventsStore } from '$lib/stores/events.svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import { birthdaysStore } from '$lib/stores/birthdays.svelte';
-	import { getDefaultCalendar } from '$lib/data/queries';
-	import ViewCarousel from '$lib/components/calendar/ViewCarousel.svelte';
-	import QuickEventOverlay from '$lib/components/event/QuickEventOverlay.svelte';
-	import ServiceStatusBanner from '$lib/components/ServiceStatusBanner.svelte';
-	import type { CalendarEvent, Calendar } from '@calendar/shared';
-	import { addMinutes } from 'date-fns';
-	import { browser } from '$app/environment';
-
-	// Get calendars from layout context (live query)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-
-	let showQuickOverlay = $state(false);
-	let quickCreateDate = $state<Date>(new Date());
-	let editingEvent = $state<CalendarEvent | null>(null);
-	let overlayKey = $state(0);
-
-	function handleQuickCreate(date: Date, position: { x: number; y: number }, endDate?: Date) {
-		editingEvent = null;
-		quickCreateDate = date;
-		const defaultCalendar = getDefaultCalendar(calendarsCtx.value);
-		const endTime = endDate ?? addMinutes(date, settingsStore.defaultEventDuration);
-		eventsStore.createDraftEvent({
-			calendarId: defaultCalendar?.id || '',
-			title: '',
-			startTime: date.toISOString(),
-			endTime: endTime.toISOString(),
-			isAllDay: false,
-		});
-		overlayKey++;
-		showQuickOverlay = true;
-	}
-
-	function handleEventClick(event: CalendarEvent) {
-		eventsStore.clearDraftEvent();
-		editingEvent = event;
-		overlayKey++;
-		showQuickOverlay = true;
-	}
-
-	function handleQuickOverlayClose() {
-		showQuickOverlay = false;
-		editingEvent = null;
-		eventsStore.clearDraftEvent();
-	}
-
-	function handleEventCreated() {
-		eventsStore.clearDraftEvent();
-	}
-
-	function handleEventUpdated() {}
-	function handleEventDeleted() {}
-
-	interface VoiceEventData {
-		title: string;
-		startTime?: Date;
-		endTime?: Date;
-		location?: string;
-		isAllDay: boolean;
-		tagNames: string[];
-		calendarName?: string;
-		description: string;
-	}
-
-	function handleVoiceEventCreate(event: CustomEvent<VoiceEventData>) {
-		const data = event.detail;
-		editingEvent = null;
-		eventsStore.clearDraftEvent();
-		const startTime = data.startTime || new Date();
-		quickCreateDate = startTime;
-		let endTime: Date;
-		if (data.endTime) {
-			endTime = data.endTime;
-		} else if (data.isAllDay) {
-			endTime = new Date(startTime);
-			endTime.setHours(23, 59, 59, 999);
-		} else {
-			endTime = addMinutes(startTime, settingsStore.defaultEventDuration);
-		}
-		const defaultCalendar = getDefaultCalendar(calendarsCtx.value);
-		eventsStore.createDraftEvent({
-			calendarId: defaultCalendar?.id || '',
-			title: data.title,
-			startTime: startTime.toISOString(),
-			endTime: endTime.toISOString(),
-			isAllDay: data.isAllDay,
-			location: data.location,
-			description: data.description ? `Sprachnotiz: ${data.description}` : undefined,
-		});
-		overlayKey++;
-		showQuickOverlay = true;
-	}
-
-	$effect(() => {
-		if (browser) {
-			const handler = (e: Event) => handleVoiceEventCreate(e as CustomEvent<VoiceEventData>);
-			window.addEventListener('voice-event-create', handler);
-			return () => window.removeEventListener('voice-event-create', handler);
-		}
-	});
-</script>
-
-<svelte:head>
-	<title>{$_('app.name')}</title>
-</svelte:head>
-
-<svelte:window
-	onkeydown={(e) => {
-		if (viewStore.viewType !== 'agenda') return;
-		const target = e.target as HTMLElement;
-		const isInQuickInput = target.closest('.quick-input-bar');
-		if (isInQuickInput && (e.key === 'ArrowUp' || (e.key === 'Tab' && !e.shiftKey))) {
-			const firstTitle = document.querySelector<HTMLElement>(
-				'.agenda-event-title[contenteditable]'
-			);
-			if (firstTitle) {
-				e.preventDefault();
-				firstTitle.focus();
-			}
-		}
-	}}
-/>
-
-<div class="service-banners">
-	{#if settingsStore.showBirthdays}
-		<ServiceStatusBanner
-			serviceName="Geburtstage (Kontakte)"
-			available={birthdaysStore.serviceAvailable}
-			error={birthdaysStore.error}
-			onRetry={() => birthdaysStore.fetchBirthdays(true)}
-		/>
-	{/if}
-</div>
-
-<div class="calendar-layout">
-	<div class="calendar-main">
-		<div class="calendar-content">
-			<ViewCarousel onQuickCreate={handleQuickCreate} onEventClick={handleEventClick} />
-		</div>
-	</div>
-
-	{#if showQuickOverlay}
-		{#key overlayKey}
-			<QuickEventOverlay
-				startTime={editingEvent ? undefined : quickCreateDate}
-				event={editingEvent ?? undefined}
-				onClose={handleQuickOverlayClose}
-				onCreated={handleEventCreated}
-				onUpdated={handleEventUpdated}
-				onDeleted={handleEventDeleted}
-			/>
-		{/key}
-	{/if}
-</div>
-
-<style>
-	.calendar-layout {
-		display: flex;
-		width: 100%;
-		flex: 1;
-		min-height: 0;
-		position: relative;
-	}
-
-	.calendar-main {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		min-width: 0;
-		min-height: 0;
-		overflow: hidden;
-	}
-
-	.calendar-content {
-		flex: 1;
-		min-height: 0;
-		overflow: hidden;
-	}
-
-	@media (max-width: 768px) {
-		.calendar-layout {
-			flex-direction: column;
-			gap: 0;
-			flex: 1;
-			height: 100%;
-			min-height: 0;
-			overflow: hidden;
-		}
-
-		.calendar-main {
-			flex: 1;
-			height: 100%;
-		}
-
-		.calendar-content {
-			height: 100%;
-			overflow-y: auto;
-		}
-	}
-
-	.service-banners {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-		padding: 0 0.5rem;
-	}
-
-	.service-banners:empty {
-		display: none;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/event/[id]/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/event/[id]/+page.svelte
deleted file mode 100644
index 9cb62d949..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/event/[id]/+page.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { RedirectSkeleton } from '$lib/components/skeletons';
-
-	// Redirect to main calendar page with event modal
-	onMount(() => {
-		const eventId = $page.params.id;
-		goto(`/?event=${eventId}`, { replaceState: true });
-	});
-</script>
-
-<RedirectSkeleton />
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index cced1cd54..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { feedbackService } from '$lib/services/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<svelte:head>
-	<title>Feedback | Kalender</title>
-</svelte:head>
-
-<FeedbackPage {feedbackService} appName="Kalender" currentUserId={authStore.user?.id} />
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index ba8073a43..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getCalendarHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getCalendarHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne den Kalender kennen'
-					: 'Find answers and learn how to use Calendar',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Kalender</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Kalender"
-	appId="calendar"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index 586762862..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/mana/+page.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-	import { toastStore as toast } from '@manacore/shared-ui';
-
-	function handleSubscribe(planId: string) {
-		toast.info(`Abo "${planId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		toast.info(`Paket "${packageId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-</script>
-
-<svelte:head>
-	<title>Mana - Kalender</title>
-</svelte:head>
-
-<div class="mana-page">
-	<SubscriptionPage
-		appName="Kalender"
-		onSubscribe={handleSubscribe}
-		onBuyPackage={handleBuyPackage}
-		currentPlanId="free"
-		pageTitle="Wähle dein Abo"
-		subscriptionsTitle="Abonnements"
-		packagesTitle="Einmal-Pakete"
-		yearlyDiscount="20% Rabatt"
-	/>
-</div>
-
-<style>
-	.mana-page {
-		min-height: 100%;
-		width: 100%;
-		overflow-x: hidden;
-		background-color: hsl(var(--background));
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 122acf5eb..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import type { UserProfile, ProfileActions } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-
-	// Map auth store user to UserProfile
-	let userProfile = $derived<UserProfile>({
-		id: authStore.user?.id || '',
-		email: authStore.user?.email || '',
-		role: authStore.user?.role,
-	});
-
-	// Profile actions
-	const actions: ProfileActions = {
-		onLogout: async () => {
-			await authStore.signOut();
-			goto('/login');
-		},
-		onDeleteAccount: () => {
-			alert('Konto löschen ist noch nicht implementiert.');
-		},
-	};
-</script>
-
-<ProfilePage
-	user={userProfile}
-	appName="Calendar"
-	{actions}
-	pageTitle="Profil"
-	accountInfoTitle="Konto-Informationen"
-	actionsTitle="Aktionen"
-	emailLabel="E-Mail"
-	nameLabel="Name"
-	memberSinceLabel="Mitglied seit"
-	lastLoginLabel="Letzter Login"
-	roleLabel="Rolle"
-	editProfileLabel="Profil bearbeiten"
-	changePasswordLabel="Passwort ändern"
-	logoutLabel="Abmelden"
-	deleteAccountLabel="Konto löschen"
-	deleteAccountWarning="Diese Aktion kann nicht rückgängig gemacht werden."
-/>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 07a3f76ec..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,610 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { settingsStore } from '$lib/stores/settings.svelte';
-	import type { TimeFormat, AllDayDisplayMode } from '$lib/stores/settings.svelte';
-	import { getContext } from 'svelte';
-	import CalendarManagement from '$lib/components/settings/CalendarManagement.svelte';
-	import {
-		GlobalSettingsSection,
-		SettingsSection,
-		SettingsCard,
-		FilterDropdown,
-		type FilterDropdownOption,
-	} from '@manacore/shared-ui';
-	import { APP_VERSION } from '$lib/version';
-	import type { CalendarViewType, Calendar } from '@calendar/shared';
-	import {
-		CalendarBlank,
-		ArrowsClockwise,
-		UsersThree,
-		Eye,
-		Clock,
-		Cake,
-		User,
-		Microphone,
-	} from '@manacore/shared-icons';
-
-	// Get calendars from layout context (live query)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-
-	onMount(async () => {
-		if (!authStore.isAuthenticated) {
-			goto('/login');
-			return;
-		}
-		settingsStore.initialize();
-		await userSettings.load();
-	});
-
-	function handleViewChange(view: CalendarViewType) {
-		settingsStore.set('defaultView', view);
-	}
-
-	function handleTimeFormatChange(format: TimeFormat) {
-		settingsStore.set('timeFormat', format);
-	}
-
-	function handleEventDurationChange(duration: number) {
-		settingsStore.set('defaultEventDuration', duration);
-	}
-
-	function handleReminderChange(minutes: number) {
-		settingsStore.set('defaultReminder', minutes);
-	}
-
-	// View labels
-	let viewLabels = $derived<Record<CalendarViewType, string>>({
-		week: $_('settings.viewWeek'),
-		month: $_('settings.viewMonth'),
-		agenda: $_('settings.viewAgenda'),
-	});
-
-	// Duration options in minutes
-	const durationOptions = [15, 30, 45, 60, 90, 120];
-
-	// Reminder options in minutes
-	let reminderOptions = $derived([
-		{ value: 0, label: $_('settings.reminderNone') },
-		{ value: 5, label: $_('settings.reminderMinutes', { values: { count: 5 } }) },
-		{ value: 10, label: $_('settings.reminderMinutes', { values: { count: 10 } }) },
-		{ value: 15, label: $_('settings.reminderMinutes', { values: { count: 15 } }) },
-		{ value: 30, label: $_('settings.reminderMinutes', { values: { count: 30 } }) },
-		{ value: 60, label: $_('settings.reminderHour') },
-		{ value: 1440, label: $_('settings.reminderDay') },
-	]);
-
-	// FilterDropdown options
-	let viewOptions = $derived<FilterDropdownOption[]>(
-		Object.entries(viewLabels).map(([value, label]) => ({ value, label }))
-	);
-
-	let durationDropdownOptions = $derived<FilterDropdownOption[]>(
-		durationOptions.map((duration) => ({
-			value: String(duration),
-			label:
-				duration >= 60
-					? $_('settings.durationHours', { values: { count: duration / 60 } })
-					: $_('settings.durationMinutes', { values: { count: duration } }),
-		}))
-	);
-
-	let reminderDropdownOptions = $derived<FilterDropdownOption[]>(
-		reminderOptions.map((opt) => ({
-			value: String(opt.value),
-			label: opt.label,
-		}))
-	);
-
-	// Dynamic hour options (filtered by the other value)
-	let hourStartOptions = $derived<FilterDropdownOption[]>(
-		Array.from({ length: 24 }, (_, i) => i)
-			.filter((hour) => hour < settingsStore.dayEndHour)
-			.map((hour) => ({
-				value: String(hour),
-				label: `${hour.toString().padStart(2, '0')}:00`,
-			}))
-	);
-
-	let hourEndOptions = $derived<FilterDropdownOption[]>(
-		Array.from({ length: 24 }, (_, i) => i + 1)
-			.filter((hour) => hour > settingsStore.dayStartHour)
-			.map((hour) => ({
-				value: String(hour),
-				label: `${hour.toString().padStart(2, '0')}:00`,
-			}))
-	);
-</script>
-
-<svelte:head>
-	<title>{$_('nav.settings')} | {$_('app.name')}</title>
-</svelte:head>
-
-<div class="settings-page">
-	<header class="page-header">
-		<h1>{$_('nav.settings')}</h1>
-	</header>
-
-	<!-- Meine Kalender -->
-	<SettingsSection title={$_('settings.myCalendars')}>
-		{#snippet icon()}
-			<CalendarBlank size={24} />
-		{/snippet}
-		<SettingsCard>
-			<div class="p-5">
-				<CalendarManagement calendars={calendarsCtx.value} />
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Externe Kalender -->
-	<SettingsSection title={$_('settings.externalCalendars')}>
-		{#snippet icon()}
-			<ArrowsClockwise size={24} />
-		{/snippet}
-		<SettingsCard>
-			<div class="flex flex-col gap-3">
-				<p class="text-sm text-muted-foreground">
-					{$_('settings.externalCalendarsDesc')}
-				</p>
-				<a
-					href="/settings/sync"
-					class="inline-flex items-center gap-2 px-4 py-2 rounded-lg font-medium text-sm bg-primary text-primary-foreground hover:bg-primary/90 transition-colors self-start"
-				>
-					{$_('settings.manageSync')}
-				</a>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Kalender-Freigaben -->
-	<SettingsSection title={$_('settings.shares')}>
-		{#snippet icon()}
-			<UsersThree size={24} />
-		{/snippet}
-		<SettingsCard>
-			<div class="flex flex-col gap-3">
-				<p class="text-sm text-muted-foreground">
-					{$_('settings.sharesDesc')}
-				</p>
-				<a
-					href="/settings/sharing"
-					class="inline-flex items-center gap-2 px-4 py-2 rounded-lg font-medium text-sm bg-primary text-primary-foreground hover:bg-primary/90 transition-colors self-start"
-				>
-					{$_('settings.manageShares')}
-				</a>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Global App Settings (synced across all apps) -->
-	<GlobalSettingsSection
-		{userSettings}
-		appId="calendar"
-		title={$_('settings.appSettings')}
-		description={$_('settings.appSettingsDesc')}
-	/>
-
-	<!-- Kalender-Ansicht -->
-	<SettingsSection title={$_('settings.calendarView')}>
-		{#snippet icon()}
-			<Eye size={24} />
-		{/snippet}
-		<SettingsCard>
-			<div class="p-5 space-y-4">
-				<div class="setting-item">
-					<div class="setting-info">
-						<span class="setting-label">{$_('settings.defaultView')}</span>
-						<span class="setting-description">{$_('settings.defaultViewDesc')}</span>
-					</div>
-					<FilterDropdown
-						options={viewOptions}
-						value={settingsStore.defaultView}
-						onChange={(v) => handleViewChange(v as CalendarViewType)}
-						placeholder={$_('settings.selectView')}
-					/>
-				</div>
-
-				<div class="setting-item">
-					<div class="setting-info">
-						<span class="setting-label">{$_('settings.timeFormat')}</span>
-						<span class="setting-description">{$_('settings.timeFormatDesc')}</span>
-					</div>
-					<div class="button-group">
-						<button
-							class="group-button"
-							class:active={settingsStore.timeFormat === '24h'}
-							onclick={() => handleTimeFormatChange('24h')}
-						>
-							24h (14:00)
-						</button>
-						<button
-							class="group-button"
-							class:active={settingsStore.timeFormat === '12h'}
-							onclick={() => handleTimeFormatChange('12h')}
-						>
-							12h (2:00 PM)
-						</button>
-					</div>
-				</div>
-
-				<div class="setting-item">
-					<label class="toggle-setting">
-						<input
-							type="checkbox"
-							checked={settingsStore.showOnlyWeekdays}
-							onchange={() =>
-								settingsStore.set('showOnlyWeekdays', !settingsStore.showOnlyWeekdays)}
-						/>
-						<div class="toggle-info">
-							<span class="setting-label">{$_('settings.weekdaysOnly')}</span>
-							<span class="setting-description">{$_('settings.weekdaysOnlyDesc')}</span>
-						</div>
-					</label>
-				</div>
-
-				<div class="setting-item">
-					<label class="toggle-setting">
-						<input
-							type="checkbox"
-							checked={settingsStore.showWeekNumbers}
-							onchange={() => settingsStore.set('showWeekNumbers', !settingsStore.showWeekNumbers)}
-						/>
-						<div class="toggle-info">
-							<span class="setting-label">{$_('settings.showWeekNumbers')}</span>
-							<span class="setting-description">{$_('settings.showWeekNumbersDesc')}</span>
-						</div>
-					</label>
-				</div>
-
-				<div class="setting-item">
-					<label class="toggle-setting">
-						<input
-							type="checkbox"
-							checked={settingsStore.filterHoursEnabled}
-							onchange={() =>
-								settingsStore.set('filterHoursEnabled', !settingsStore.filterHoursEnabled)}
-						/>
-						<div class="toggle-info">
-							<span class="setting-label">{$_('settings.filterHours')}</span>
-							<span class="setting-description">{$_('settings.filterHoursDesc')}</span>
-						</div>
-					</label>
-				</div>
-
-				{#if settingsStore.filterHoursEnabled}
-					<div class="setting-item hour-range-setting">
-						<div class="setting-info">
-							<span class="setting-label">{$_('settings.visibleHours')}</span>
-							<span class="setting-description">{$_('settings.visibleHoursDesc')}</span>
-						</div>
-						<div class="hour-range-inputs">
-							<div class="hour-input-group">
-								<span class="hour-label">{$_('settings.hoursFrom')}</span>
-								<FilterDropdown
-									options={hourStartOptions}
-									value={String(settingsStore.dayStartHour)}
-									onChange={(v) => settingsStore.set('dayStartHour', Number(v))}
-									placeholder={$_('event.start')}
-								/>
-							</div>
-							<span class="hour-separator">–</span>
-							<div class="hour-input-group">
-								<span class="hour-label">{$_('settings.hoursTo')}</span>
-								<FilterDropdown
-									options={hourEndOptions}
-									value={String(settingsStore.dayEndHour)}
-									onChange={(v) => settingsStore.set('dayEndHour', Number(v))}
-									placeholder={$_('event.end')}
-								/>
-							</div>
-						</div>
-					</div>
-				{/if}
-
-				<div class="setting-item">
-					<div class="setting-info">
-						<span class="setting-label">{$_('settings.allDayEvents')}</span>
-						<span class="setting-description">{$_('settings.allDayEventsDesc')}</span>
-					</div>
-					<div class="button-group">
-						<button
-							class="group-button"
-							class:active={settingsStore.allDayDisplayMode === 'header'}
-							onclick={() => settingsStore.set('allDayDisplayMode', 'header' as AllDayDisplayMode)}
-						>
-							{$_('settings.allDayInHeader')}
-						</button>
-						<button
-							class="group-button"
-							class:active={settingsStore.allDayDisplayMode === 'block'}
-							onclick={() => settingsStore.set('allDayDisplayMode', 'block' as AllDayDisplayMode)}
-						>
-							{$_('settings.allDayAsBlock')}
-						</button>
-					</div>
-				</div>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Termin-Einstellungen -->
-	<SettingsSection title={$_('settings.events')}>
-		{#snippet icon()}
-			<Clock size={24} />
-		{/snippet}
-		<SettingsCard>
-			<div class="p-5 space-y-4">
-				<div class="setting-item">
-					<div class="setting-info">
-						<span class="setting-label">{$_('settings.defaultDuration')}</span>
-						<span class="setting-description">{$_('settings.defaultDurationDesc')}</span>
-					</div>
-					<FilterDropdown
-						options={durationDropdownOptions}
-						value={String(settingsStore.defaultEventDuration)}
-						onChange={(v) => handleEventDurationChange(Number(v))}
-						placeholder={$_('settings.selectDuration')}
-					/>
-				</div>
-
-				<div class="setting-item">
-					<div class="setting-info">
-						<span class="setting-label">Smarte Dauer</span>
-						<span class="setting-description"
-							>Dauer automatisch aus vergangenen Terminen lernen</span
-						>
-					</div>
-					<label class="toggle-wrapper">
-						<input
-							type="checkbox"
-							checked={settingsStore.smartDurationEnabled}
-							onchange={() =>
-								settingsStore.set('smartDurationEnabled', !settingsStore.smartDurationEnabled)}
-						/>
-					</label>
-				</div>
-
-				<div class="setting-item">
-					<div class="setting-info">
-						<span class="setting-label">{$_('settings.defaultReminder')}</span>
-						<span class="setting-description">{$_('settings.defaultReminderDesc')}</span>
-					</div>
-					<FilterDropdown
-						options={reminderDropdownOptions}
-						value={String(settingsStore.defaultReminder)}
-						onChange={(v) => handleReminderChange(Number(v))}
-						placeholder={$_('settings.selectReminder')}
-					/>
-				</div>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Geburtstage -->
-	<SettingsSection title={$_('settings.birthdays')}>
-		{#snippet icon()}
-			<Cake size={24} />
-		{/snippet}
-		<SettingsCard>
-			<div class="p-5 space-y-4">
-				<div class="setting-item">
-					<label class="toggle-setting">
-						<input
-							type="checkbox"
-							checked={settingsStore.showBirthdays}
-							onchange={() => settingsStore.set('showBirthdays', !settingsStore.showBirthdays)}
-						/>
-						<div class="toggle-info">
-							<span class="setting-label">{$_('settings.showBirthdays')}</span>
-							<span class="setting-description">{$_('settings.showBirthdaysDesc')}</span>
-						</div>
-					</label>
-				</div>
-
-				{#if settingsStore.showBirthdays}
-					<div class="setting-item birthday-age-setting">
-						<label class="toggle-setting">
-							<input
-								type="checkbox"
-								checked={settingsStore.showBirthdayAge}
-								onchange={() =>
-									settingsStore.set('showBirthdayAge', !settingsStore.showBirthdayAge)}
-							/>
-							<div class="toggle-info">
-								<span class="setting-label">{$_('settings.showAge')}</span>
-								<span class="setting-description">{$_('settings.showAgeDesc')}</span>
-							</div>
-						</label>
-					</div>
-				{/if}
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Konto -->
-	<SettingsSection title={$_('settings.account')}>
-		{#snippet icon()}
-			<User size={24} />
-		{/snippet}
-		<SettingsCard>
-			<div class="p-5 space-y-4">
-				<div class="setting-item">
-					<div class="setting-info">
-						<span class="setting-label">{$_('auth.email')}</span>
-						<span class="setting-value">{authStore.user?.email || '-'}</span>
-					</div>
-				</div>
-
-				<div class="setting-item">
-					<button
-						class="btn btn-ghost text-destructive"
-						onclick={() => authStore.signOut().then(() => goto('/login'))}
-					>
-						{$_('auth.logout')}
-					</button>
-				</div>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</div>
-
-<style>
-	.settings-page {
-		max-width: 600px;
-		margin: 0 auto;
-		padding-bottom: 2rem;
-		display: flex;
-		flex-direction: column;
-		gap: 2rem;
-	}
-
-	.page-header {
-		margin-bottom: 0;
-	}
-
-	.page-header h1 {
-		font-size: 1.5rem;
-		font-weight: 600;
-		margin: 0;
-	}
-
-	.setting-item {
-		padding: 1rem 0;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-	}
-
-	.setting-item:last-child {
-		border-bottom: none;
-		padding-bottom: 0;
-	}
-
-	.setting-info {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-		margin-bottom: 0.75rem;
-	}
-
-	.setting-label {
-		font-weight: 500;
-		color: hsl(var(--color-foreground));
-	}
-
-	.setting-description {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.setting-value {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	/* Button group */
-	.button-group {
-		display: flex;
-		gap: 0;
-	}
-
-	.group-button {
-		padding: 0.5rem 1rem;
-		border: 2px solid hsl(var(--color-border));
-		background: transparent;
-		color: hsl(var(--color-foreground));
-		font-size: 0.875rem;
-		cursor: pointer;
-		transition: all 150ms ease;
-	}
-
-	.group-button:first-child {
-		border-radius: var(--radius-md) 0 0 var(--radius-md);
-	}
-
-	.group-button:last-child {
-		border-radius: 0 var(--radius-md) var(--radius-md) 0;
-		border-left: none;
-	}
-
-	.group-button:hover {
-		background: hsl(var(--color-muted) / 0.5);
-	}
-
-	.group-button.active {
-		border-color: hsl(var(--color-primary));
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-	}
-
-	/* Toggle setting */
-	.toggle-setting {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.75rem;
-		cursor: pointer;
-	}
-
-	.toggle-setting input[type='checkbox'] {
-		width: 1.25rem;
-		height: 1.25rem;
-		margin-top: 0.125rem;
-		accent-color: hsl(var(--color-primary));
-		cursor: pointer;
-	}
-
-	.toggle-info {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.toggle-info .setting-label {
-		margin-bottom: 0;
-	}
-
-	.text-destructive {
-		color: hsl(var(--color-error));
-	}
-
-	/* Hour range settings */
-	.hour-range-setting {
-		padding-left: 2rem;
-		border-left: 2px solid hsl(var(--color-primary) / 0.3);
-		margin-left: 0.5rem;
-	}
-
-	.hour-range-inputs {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.hour-input-group {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.hour-label {
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.hour-separator {
-		font-size: 1.25rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-top: 1.25rem;
-	}
-
-	/* Birthday age setting (indented sub-setting) */
-	.birthday-age-setting {
-		padding-left: 2rem;
-		border-left: 2px solid hsl(var(--color-primary) / 0.3);
-		margin-left: 0.5rem;
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/settings/sharing/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/settings/sharing/+page.svelte
deleted file mode 100644
index 674ef07f2..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/settings/sharing/+page.svelte
+++ /dev/null
@@ -1,537 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { getContext } from 'svelte';
-	import type { Calendar } from '@calendar/shared';
-	import { sharesStore } from '$lib/stores/shares.svelte';
-	import {
-		CaretLeft,
-		Plus,
-		Trash,
-		UserPlus,
-		Users,
-		Link,
-		CheckCircle,
-		X,
-		EnvelopeSimple,
-	} from '@manacore/shared-icons';
-	import { Modal, Input } from '@manacore/shared-ui';
-	import { PERMISSION_DESCRIPTIONS, type SharePermission } from '@calendar/shared';
-
-	// Get calendars from layout context (live query)
-	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
-
-	// Share form state
-	let showShareForm = $state(false);
-	let selectedCalendarId = $state('');
-	let shareEmail = $state('');
-	let sharePermission = $state<SharePermission>('read');
-	let isSharing = $state(false);
-
-	// Active calendar for viewing shares
-	let viewingCalendarId = $state<string | null>(null);
-
-	async function handleShare() {
-		if (!shareEmail.trim() || !selectedCalendarId) return;
-
-		isSharing = true;
-		await sharesStore.shareCalendar(selectedCalendarId, shareEmail.trim(), sharePermission);
-		isSharing = false;
-		showShareForm = false;
-		shareEmail = '';
-	}
-
-	async function handleRemoveShare(calendarId: string, shareId: string) {
-		if (!confirm($_('sharing.confirmRemoveShare'))) return;
-		await sharesStore.removeShare(calendarId, shareId);
-	}
-
-	onMount(async () => {
-		if (!authStore.isAuthenticated) {
-			goto('/login');
-			return;
-		}
-		await Promise.all([
-			Promise.resolve(), // Calendars loaded via live query
-			sharesStore.fetchInvitations(),
-			sharesStore.fetchSharedWithMe(),
-		]);
-	});
-</script>
-
-<svelte:head>
-	<title>{$_('sharing.pageTitle')}</title>
-</svelte:head>
-
-<div class="page-container">
-	<header class="header">
-		<a href="/settings" class="back-button" aria-label={$_('sharing.back')}>
-			<CaretLeft size={20} weight="bold" />
-		</a>
-		<h1 class="title">{$_('sharing.title')}</h1>
-		<button
-			onclick={() => (showShareForm = true)}
-			class="add-button"
-			aria-label={$_('sharing.shareCalendar')}
-		>
-			<Plus size={20} weight="bold" />
-		</button>
-	</header>
-
-	<!-- Pending Invitations -->
-	{#if sharesStore.invitations.length > 0}
-		<section class="section">
-			<h2 class="section-title">
-				<EnvelopeSimple size={18} />
-				{$_('sharing.invitations', { values: { count: sharesStore.invitations.length } })}
-			</h2>
-			{#each sharesStore.invitations as invite (invite.id)}
-				<div class="share-card">
-					<div class="share-info">
-						<span class="share-name">{$_('sharing.calendarInvitation')}</span>
-						<span class="share-detail">
-							{$_('sharing.permission.' + invite.permission)}
-							{$_('sharing.access')}
-						</span>
-					</div>
-					<div class="share-actions">
-						<button
-							class="btn btn-sm btn-primary"
-							onclick={() => sharesStore.acceptInvitation(invite.id)}
-						>
-							<CheckCircle size={14} />
-							{$_('sharing.accept')}
-						</button>
-						<button
-							class="btn btn-sm btn-ghost"
-							onclick={() => sharesStore.declineInvitation(invite.id)}
-						>
-							<X size={14} />
-						</button>
-					</div>
-				</div>
-			{/each}
-		</section>
-	{/if}
-
-	<!-- Shared With Me -->
-	{#if sharesStore.sharedWithMe.length > 0}
-		<section class="section">
-			<h2 class="section-title">
-				<Users size={18} />
-				{$_('sharing.sharedWithMe')}
-			</h2>
-			{#each sharesStore.sharedWithMe as share (share.id)}
-				<div class="share-card">
-					<div class="share-info">
-						<span class="share-name">{$_('sharing.sharedCalendar')}</span>
-						<span class="share-detail">{$_('sharing.permission.' + share.permission)}</span>
-					</div>
-				</div>
-			{/each}
-		</section>
-	{/if}
-
-	<!-- My Calendars & Their Shares -->
-	<section class="section">
-		<h2 class="section-title">
-			<UserPlus size={18} />
-			{$_('sharing.shareMyCalendars')}
-		</h2>
-
-		{#each calendarsCtx.value as calendar (calendar.id)}
-			<div class="calendar-card">
-				<button
-					class="calendar-header"
-					onclick={() => {
-						if (viewingCalendarId === calendar.id) {
-							viewingCalendarId = null;
-						} else {
-							viewingCalendarId = calendar.id;
-							sharesStore.fetchSharesForCalendar(calendar.id);
-						}
-					}}
-				>
-					<div class="calendar-info">
-						<div class="calendar-color" style="background-color: {calendar.color}"></div>
-						<span>{calendar.name}</span>
-					</div>
-					<span class="expand-icon">{viewingCalendarId === calendar.id ? '▾' : '▸'}</span>
-				</button>
-
-				{#if viewingCalendarId === calendar.id}
-					{@const calShares = sharesStore.getSharesForCalendar(calendar.id)}
-					<div class="shares-list">
-						{#if calShares.length === 0}
-							<p class="empty-text">{$_('sharing.notSharedYet')}</p>
-						{:else}
-							{#each calShares as share (share.id)}
-								<div class="share-item">
-									<div class="share-item-info">
-										<span class="share-email">
-											{share.sharedWithEmail || $_('sharing.linkShare')}
-										</span>
-										<span class="share-permission">
-											{$_('sharing.permission.' + share.permission)}
-										</span>
-										{#if share.status === 'pending'}
-											<span class="share-status pending">{$_('sharing.pending')}</span>
-										{/if}
-									</div>
-									<button
-										class="remove-btn"
-										onclick={() => handleRemoveShare(calendar.id, share.id)}
-										title={$_('sharing.removeShare')}
-									>
-										<Trash size={14} />
-									</button>
-								</div>
-							{/each}
-						{/if}
-
-						<button
-							class="add-share-btn"
-							onclick={() => {
-								selectedCalendarId = calendar.id;
-								showShareForm = true;
-							}}
-						>
-							<Plus size={14} />
-							{$_('sharing.addPerson')}
-						</button>
-					</div>
-				{/if}
-			</div>
-		{/each}
-	</section>
-</div>
-
-<!-- Share Modal -->
-<Modal
-	visible={showShareForm}
-	onClose={() => (showShareForm = false)}
-	title={$_('sharing.shareCalendar')}
-	maxWidth="sm"
->
-	<div class="share-form">
-		<div class="form-field">
-			<label>{$_('sharing.form.calendar')}</label>
-			<select bind:value={selectedCalendarId} class="select-input">
-				{#each calendarsCtx.value as cal}
-					<option value={cal.id}>{cal.name}</option>
-				{/each}
-			</select>
-		</div>
-		<div class="form-field">
-			<label>{$_('sharing.form.email')}</label>
-			<Input bind:value={shareEmail} placeholder="name@example.com" />
-		</div>
-		<div class="form-field">
-			<label>{$_('sharing.form.permission')}</label>
-			<select bind:value={sharePermission} class="select-input">
-				<option value="read">{$_('sharing.permission.read')}</option>
-				<option value="write">{$_('sharing.permission.write')}</option>
-				<option value="admin">{$_('sharing.permission.admin')}</option>
-			</select>
-		</div>
-	</div>
-
-	{#snippet footer()}
-		<div class="modal-footer">
-			<button class="btn btn-secondary" onclick={() => (showShareForm = false)}
-				>{$_('common.cancel')}</button
-			>
-			<button
-				class="btn btn-primary"
-				onclick={handleShare}
-				disabled={isSharing || !shareEmail.trim() || !selectedCalendarId}
-			>
-				{isSharing ? $_('sharing.sharing') : $_('sharing.share')}
-			</button>
-		</div>
-	{/snippet}
-</Modal>
-
-<style>
-	.page-container {
-		max-width: 640px;
-		margin: 0 auto;
-		padding: 0 1rem 2rem;
-	}
-
-	.header {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem 0;
-		margin-bottom: 0.5rem;
-	}
-
-	.back-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-		transition: all 0.2s ease;
-	}
-
-	.title {
-		flex: 1;
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: hsl(var(--foreground));
-	}
-
-	.add-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-		border: none;
-		cursor: pointer;
-	}
-
-	.section {
-		margin-bottom: 1.5rem;
-	}
-
-	.section-title {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.9375rem;
-		font-weight: 600;
-		color: hsl(var(--foreground));
-		margin-bottom: 0.75rem;
-	}
-
-	.share-card,
-	.calendar-card {
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.75rem;
-		background: hsl(var(--card));
-		margin-bottom: 0.5rem;
-		overflow: hidden;
-	}
-
-	.share-card {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.75rem 1rem;
-	}
-
-	.share-info {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	.share-name {
-		font-weight: 500;
-		color: hsl(var(--foreground));
-		font-size: 0.875rem;
-	}
-
-	.share-detail {
-		font-size: 0.75rem;
-		color: hsl(var(--muted-foreground));
-	}
-
-	.share-actions {
-		display: flex;
-		gap: 0.375rem;
-	}
-
-	.calendar-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		width: 100%;
-		padding: 0.75rem 1rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		text-align: left;
-	}
-
-	.calendar-header:hover {
-		background: hsl(var(--muted) / 0.3);
-	}
-
-	.calendar-info {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-weight: 500;
-		color: hsl(var(--foreground));
-	}
-
-	.calendar-color {
-		width: 0.75rem;
-		height: 0.75rem;
-		border-radius: 50%;
-	}
-
-	.expand-icon {
-		color: hsl(var(--muted-foreground));
-	}
-
-	.shares-list {
-		padding: 0 1rem 0.75rem;
-		border-top: 1px solid hsl(var(--border));
-	}
-
-	.share-item {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.5rem 0;
-	}
-
-	.share-item + .share-item {
-		border-top: 1px solid hsl(var(--border) / 0.5);
-	}
-
-	.share-item-info {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.8125rem;
-	}
-
-	.share-email {
-		color: hsl(var(--foreground));
-	}
-
-	.share-permission {
-		color: hsl(var(--muted-foreground));
-		font-size: 0.75rem;
-	}
-
-	.share-status.pending {
-		font-size: 0.6875rem;
-		color: hsl(38 92% 50%);
-		font-weight: 500;
-	}
-
-	.empty-text {
-		padding: 0.75rem 0;
-		font-size: 0.8125rem;
-		color: hsl(var(--muted-foreground));
-	}
-
-	.remove-btn {
-		display: flex;
-		padding: 0.375rem;
-		border-radius: 0.25rem;
-		border: none;
-		background: transparent;
-		color: hsl(var(--muted-foreground));
-		cursor: pointer;
-	}
-
-	.remove-btn:hover {
-		color: hsl(0 84% 60%);
-		background: hsl(0 84% 60% / 0.1);
-	}
-
-	.add-share-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0;
-		border: none;
-		background: transparent;
-		color: hsl(var(--primary));
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-	}
-
-	.add-share-btn:hover {
-		text-decoration: underline;
-	}
-
-	/* Form */
-	.share-form {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.form-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.form-field label {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--foreground));
-	}
-
-	.select-input {
-		padding: 0.625rem 0.875rem;
-		border: 1.5px solid hsl(var(--border));
-		border-radius: 0.5rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.875rem;
-	}
-
-	.modal-footer {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.75rem;
-	}
-
-	/* Buttons */
-	.btn {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 1rem;
-		border-radius: 0.5rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		border: none;
-		transition: all 0.15s ease;
-	}
-
-	.btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-	.btn-sm {
-		padding: 0.375rem 0.75rem;
-		font-size: 0.8125rem;
-	}
-	.btn-primary {
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-	}
-	.btn-secondary {
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-	}
-	.btn-ghost {
-		background: transparent;
-		color: hsl(var(--muted-foreground));
-	}
-	.btn-ghost:hover {
-		background: hsl(var(--muted));
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/settings/sync/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/settings/sync/+page.svelte
deleted file mode 100644
index 8070b7b43..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/settings/sync/+page.svelte
+++ /dev/null
@@ -1,898 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { externalCalendarsStore } from '$lib/stores/external-calendars.svelte';
-	import {
-		CaretLeft,
-		Plus,
-		ArrowsClockwise,
-		Trash,
-		Globe,
-		GoogleLogo,
-		Link,
-		CloudArrowDown,
-		CloudArrowUp,
-		CheckCircle,
-		Warning,
-		X,
-	} from '@manacore/shared-icons';
-	import { Modal, Input } from '@manacore/shared-ui';
-	import { PROVIDER_INFO, type CalendarProvider, type SyncDirection } from '@calendar/shared';
-	import { formatDistanceToNow } from 'date-fns';
-	import { de } from 'date-fns/locale';
-
-	// Connect form state
-	let showConnectForm = $state(false);
-	let connectStep = $state<'provider' | 'credentials' | 'caldav-discover'>('provider');
-	let selectedProvider = $state<CalendarProvider | null>(null);
-	let connectName = $state('');
-	let connectUrl = $state('');
-	let connectUsername = $state('');
-	let connectPassword = $state('');
-	let connectDirection = $state<SyncDirection>('import');
-	let isConnecting = $state(false);
-
-	// CalDAV discovery
-	let discoveredCalendars = $state<Array<{ url: string; name: string; color?: string }>>([]);
-	let isDiscovering = $state(false);
-
-	// Provider selection
-	const providers: { id: CalendarProvider; labelKey: string; descriptionKey: string }[] = [
-		{
-			id: 'ical_url',
-			labelKey: 'sync.providers.icalUrl',
-			descriptionKey: 'sync.providers.icalUrlDesc',
-		},
-		{
-			id: 'caldav',
-			labelKey: 'sync.providers.caldav',
-			descriptionKey: 'sync.providers.caldavDesc',
-		},
-		{
-			id: 'google',
-			labelKey: 'sync.providers.google',
-			descriptionKey: 'sync.providers.googleDesc',
-		},
-		{ id: 'apple', labelKey: 'sync.providers.apple', descriptionKey: 'sync.providers.appleDesc' },
-	];
-
-	function selectProvider(provider: CalendarProvider) {
-		selectedProvider = provider;
-
-		if (provider === 'google') {
-			handleGoogleConnect();
-			return;
-		}
-
-		if (provider === 'caldav') {
-			connectStep = 'caldav-discover';
-			return;
-		}
-
-		connectStep = 'credentials';
-	}
-
-	async function handleGoogleConnect() {
-		const result = await externalCalendarsStore.getGoogleAuthUrl();
-		if (result.data) {
-			window.location.href = result.data;
-		}
-	}
-
-	async function handleCalDavDiscover() {
-		if (!connectUrl.trim() || !connectUsername.trim() || !connectPassword.trim()) return;
-
-		isDiscovering = true;
-		const result = await externalCalendarsStore.discoverCalDav(
-			connectUrl.trim(),
-			connectUsername.trim(),
-			connectPassword.trim()
-		);
-
-		if (result.data) {
-			discoveredCalendars = result.data;
-		}
-		isDiscovering = false;
-	}
-
-	async function connectCalDavCalendar(cal: { url: string; name: string; color?: string }) {
-		isConnecting = true;
-		await externalCalendarsStore.connect({
-			name: cal.name,
-			provider: 'caldav',
-			calendarUrl: cal.url,
-			username: connectUsername.trim(),
-			password: connectPassword.trim(),
-			syncDirection: connectDirection,
-			color: cal.color,
-		});
-		isConnecting = false;
-		closeConnectForm();
-	}
-
-	async function handleConnect() {
-		if (!connectName.trim() || !connectUrl.trim()) return;
-		if (!selectedProvider) return;
-
-		isConnecting = true;
-
-		await externalCalendarsStore.connect({
-			name: connectName.trim(),
-			provider: selectedProvider,
-			calendarUrl: connectUrl.trim(),
-			username: connectUsername.trim() || undefined,
-			password: connectPassword.trim() || undefined,
-			syncDirection: connectDirection,
-		});
-
-		isConnecting = false;
-		closeConnectForm();
-	}
-
-	function closeConnectForm() {
-		showConnectForm = false;
-		connectStep = 'provider';
-		selectedProvider = null;
-		connectName = '';
-		connectUrl = '';
-		connectUsername = '';
-		connectPassword = '';
-		connectDirection = 'import';
-		discoveredCalendars = [];
-	}
-
-	async function handleDisconnect(id: string, name: string) {
-		if (!confirm($_('sync.confirmDisconnect', { values: { name } }))) return;
-		await externalCalendarsStore.disconnect(id);
-	}
-
-	async function handleSync(id: string) {
-		await externalCalendarsStore.triggerSync(id);
-	}
-
-	async function handleToggleSync(id: string, currentEnabled: boolean) {
-		await externalCalendarsStore.update(id, { syncEnabled: !currentEnabled });
-	}
-
-	function formatSyncTime(date: Date | string | null | undefined): string {
-		if (!date) return $_('sync.neverSynced');
-		return formatDistanceToNow(new Date(date), { addSuffix: true, locale: de });
-	}
-
-	function getSyncDirectionLabel(direction: SyncDirection): string {
-		switch (direction) {
-			case 'import':
-				return $_('sync.direction.import');
-			case 'export':
-				return $_('sync.direction.export');
-			case 'both':
-				return $_('sync.direction.both');
-		}
-	}
-
-	onMount(async () => {
-		if (!authStore.isAuthenticated) {
-			goto('/login');
-			return;
-		}
-		await externalCalendarsStore.fetchCalendars();
-	});
-</script>
-
-<svelte:head>
-	<title>{$_('sync.pageTitle')}</title>
-</svelte:head>
-
-<div class="page-container">
-	<header class="header">
-		<a href="/settings" class="back-button" aria-label={$_('sync.back')}>
-			<CaretLeft size={20} weight="bold" />
-		</a>
-		<h1 class="title">{$_('sync.title')}</h1>
-		<button
-			onclick={() => (showConnectForm = true)}
-			class="add-button"
-			aria-label={$_('sync.connectCalendar')}
-		>
-			<Plus size={20} weight="bold" />
-		</button>
-	</header>
-
-	<p class="description">
-		{$_('sync.description')}
-	</p>
-
-	{#if externalCalendarsStore.error}
-		<div class="error-banner" role="alert">
-			<Warning size={16} />
-			<span>{externalCalendarsStore.error}</span>
-		</div>
-	{/if}
-
-	{#if externalCalendarsStore.loading}
-		<div class="loading">
-			<div class="spinner"></div>
-		</div>
-	{:else if externalCalendarsStore.calendars.length === 0}
-		<div class="empty-state">
-			<Globe size={48} class="text-muted-foreground" />
-			<p>{$_('sync.emptyState')}</p>
-			<button class="btn btn-primary" onclick={() => (showConnectForm = true)}>
-				<Plus size={16} weight="bold" />
-				{$_('sync.connectCalendar')}
-			</button>
-		</div>
-	{:else}
-		<div class="calendar-list">
-			{#each externalCalendarsStore.calendars as cal (cal.id)}
-				<div class="calendar-card">
-					<div class="calendar-header">
-						<div class="calendar-info">
-							<div class="calendar-color" style="background-color: {cal.color}"></div>
-							<div>
-								<h3 class="calendar-name">{cal.name}</h3>
-								<span class="calendar-provider"
-									>{PROVIDER_INFO[cal.provider]?.label || cal.provider}</span
-								>
-							</div>
-						</div>
-						<div class="calendar-actions">
-							<button
-								class="icon-btn"
-								onclick={() => handleSync(cal.id)}
-								disabled={externalCalendarsStore.isSyncing(cal.id)}
-								title={$_('sync.syncNow')}
-							>
-								<ArrowsClockwise
-									size={16}
-									class={externalCalendarsStore.isSyncing(cal.id) ? 'animate-spin' : ''}
-								/>
-							</button>
-							<button
-								class="icon-btn icon-btn-danger"
-								onclick={() => handleDisconnect(cal.id, cal.name)}
-								title={$_('sync.disconnect')}
-							>
-								<Trash size={16} />
-							</button>
-						</div>
-					</div>
-
-					<div class="calendar-details">
-						<div class="detail-row">
-							<span class="detail-label">{$_('sync.directionLabel')}</span>
-							<span class="detail-value">
-								{#if cal.syncDirection === 'import'}
-									<CloudArrowDown size={14} />
-								{:else if cal.syncDirection === 'export'}
-									<CloudArrowUp size={14} />
-								{:else}
-									<ArrowsClockwise size={14} />
-								{/if}
-								{getSyncDirectionLabel(cal.syncDirection)}
-							</span>
-						</div>
-						<div class="detail-row">
-							<span class="detail-label">{$_('sync.lastSync')}</span>
-							<span class="detail-value">
-								{formatSyncTime(cal.lastSyncAt)}
-							</span>
-						</div>
-						<div class="detail-row">
-							<span class="detail-label">{$_('sync.statusLabel')}</span>
-							<span class="detail-value">
-								{#if cal.lastSyncError}
-									<span class="status-error">
-										<Warning size={14} />
-										{$_('sync.status.error')}
-									</span>
-								{:else if cal.syncEnabled}
-									<span class="status-ok">
-										<CheckCircle size={14} />
-										{$_('sync.status.active', { values: { interval: cal.syncInterval } })}
-									</span>
-								{:else}
-									<span class="status-paused">{$_('sync.status.paused')}</span>
-								{/if}
-							</span>
-						</div>
-						{#if cal.lastSyncError}
-							<div class="sync-error">
-								{cal.lastSyncError}
-							</div>
-						{/if}
-					</div>
-
-					<div class="calendar-footer">
-						<label class="toggle-label">
-							<input
-								type="checkbox"
-								checked={cal.syncEnabled}
-								onchange={() => handleToggleSync(cal.id, cal.syncEnabled)}
-								class="toggle"
-							/>
-							<span>{$_('sync.autoSync')}</span>
-						</label>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<!-- Connect Modal -->
-<Modal
-	visible={showConnectForm}
-	onClose={closeConnectForm}
-	title={connectStep === 'provider'
-		? $_('sync.connectCalendar')
-		: connectStep === 'caldav-discover'
-			? $_('sync.connectCaldav')
-			: $_('sync.connectProvider', {
-					values: { provider: PROVIDER_INFO[selectedProvider!]?.label || '' },
-				})}
-	maxWidth="md"
->
-	{#if connectStep === 'provider'}
-		<div class="provider-list">
-			{#each providers as provider}
-				<button class="provider-item" onclick={() => selectProvider(provider.id)}>
-					<div class="provider-icon">
-						{#if provider.id === 'google'}
-							<GoogleLogo size={24} />
-						{:else if provider.id === 'ical_url'}
-							<Link size={24} />
-						{:else}
-							<Globe size={24} />
-						{/if}
-					</div>
-					<div>
-						<span class="provider-name">{$_(provider.labelKey)}</span>
-						<span class="provider-desc">{$_(provider.descriptionKey)}</span>
-					</div>
-				</button>
-			{/each}
-		</div>
-	{:else if connectStep === 'caldav-discover'}
-		<div class="connect-form">
-			<div class="form-field">
-				<label for="caldav-url">{$_('sync.form.serverUrl')}</label>
-				<Input bind:value={connectUrl} placeholder="https://caldav.example.com" />
-			</div>
-			<div class="form-field">
-				<label for="caldav-user">{$_('sync.form.username')}</label>
-				<Input bind:value={connectUsername} placeholder="user@example.com" />
-			</div>
-			<div class="form-field">
-				<label for="caldav-pass">{$_('sync.form.password')}</label>
-				<input
-					type="password"
-					bind:value={connectPassword}
-					placeholder={$_('sync.form.password')}
-					class="password-input"
-				/>
-			</div>
-
-			{#if discoveredCalendars.length > 0}
-				<div class="discovered-list">
-					<h4>{$_('sync.discoveredCalendars')}</h4>
-					{#each discoveredCalendars as cal}
-						<button
-							class="discovered-item"
-							onclick={() => connectCalDavCalendar(cal)}
-							disabled={isConnecting}
-						>
-							<div class="calendar-color" style="background-color: {cal.color || '#6b7280'}"></div>
-							<span>{cal.name}</span>
-						</button>
-					{/each}
-				</div>
-			{/if}
-		</div>
-
-		{#snippet footer()}
-			<div class="modal-footer">
-				<button class="btn btn-secondary" onclick={() => (connectStep = 'provider')}>
-					{$_('sync.back')}
-				</button>
-				<button
-					class="btn btn-primary"
-					onclick={handleCalDavDiscover}
-					disabled={isDiscovering || !connectUrl.trim() || !connectUsername.trim()}
-				>
-					{isDiscovering ? $_('sync.searching') : $_('sync.searchCalendars')}
-				</button>
-			</div>
-		{/snippet}
-	{:else if connectStep === 'credentials'}
-		<div class="connect-form">
-			<div class="form-field">
-				<label>{$_('sync.form.name')}</label>
-				<Input bind:value={connectName} placeholder={$_('sync.form.namePlaceholder')} />
-			</div>
-			<div class="form-field">
-				<label>{$_('sync.form.url')}</label>
-				<Input
-					bind:value={connectUrl}
-					placeholder={selectedProvider === 'ical_url'
-						? 'https://example.com/calendar.ics'
-						: 'https://caldav.example.com/calendar'}
-				/>
-			</div>
-			{#if selectedProvider !== 'ical_url'}
-				<div class="form-field">
-					<label>{$_('sync.form.username')}</label>
-					<Input bind:value={connectUsername} placeholder="user@example.com" />
-				</div>
-				<div class="form-field">
-					<label>{$_('sync.form.password')}</label>
-					<input
-						type="password"
-						bind:value={connectPassword}
-						placeholder={$_('sync.form.password')}
-						class="password-input"
-					/>
-				</div>
-			{/if}
-			<div class="form-field">
-				<label>{$_('sync.form.syncDirection')}</label>
-				<select bind:value={connectDirection} class="select-input">
-					<option value="import">{$_('sync.direction.import')}</option>
-					{#if selectedProvider !== 'ical_url'}
-						<option value="export">{$_('sync.direction.export')}</option>
-						<option value="both">{$_('sync.direction.both')}</option>
-					{/if}
-				</select>
-			</div>
-		</div>
-
-		{#snippet footer()}
-			<div class="modal-footer">
-				<button class="btn btn-secondary" onclick={() => (connectStep = 'provider')}>
-					{$_('sync.back')}
-				</button>
-				<button
-					class="btn btn-primary"
-					onclick={handleConnect}
-					disabled={isConnecting || !connectName.trim() || !connectUrl.trim()}
-				>
-					{isConnecting ? $_('sync.connecting') : $_('sync.connect')}
-				</button>
-			</div>
-		{/snippet}
-	{/if}
-</Modal>
-
-<style>
-	.page-container {
-		max-width: 640px;
-		margin: 0 auto;
-		padding: 0 1rem 2rem;
-	}
-
-	.header {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem 0;
-		margin-bottom: 0.5rem;
-	}
-
-	.back-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-		transition: all 0.2s ease;
-	}
-
-	.back-button:hover {
-		background: hsl(var(--muted-foreground) / 0.2);
-	}
-
-	.title {
-		flex: 1;
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: hsl(var(--foreground));
-	}
-
-	.add-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.add-button:hover {
-		transform: scale(1.05);
-	}
-
-	.description {
-		font-size: 0.875rem;
-		color: hsl(var(--muted-foreground));
-		margin-bottom: 1.5rem;
-	}
-
-	.error-banner {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.75rem 1rem;
-		background: hsl(0 84% 60% / 0.1);
-		border: 1px solid hsl(0 84% 60% / 0.3);
-		border-radius: 0.75rem;
-		color: hsl(0 84% 60%);
-		margin-bottom: 1rem;
-		font-size: 0.875rem;
-	}
-
-	.loading {
-		display: flex;
-		justify-content: center;
-		padding: 3rem;
-	}
-
-	.spinner {
-		width: 2rem;
-		height: 2rem;
-		border: 2px solid hsl(var(--border));
-		border-top-color: hsl(var(--primary));
-		border-radius: 50%;
-		animation: spin 0.6s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 1rem;
-		padding: 3rem 1rem;
-		text-align: center;
-		color: hsl(var(--muted-foreground));
-	}
-
-	.calendar-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.calendar-card {
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.75rem;
-		background: hsl(var(--card));
-		overflow: hidden;
-	}
-
-	.calendar-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.875rem 1rem;
-	}
-
-	.calendar-info {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.calendar-color {
-		width: 0.75rem;
-		height: 0.75rem;
-		border-radius: 50%;
-		flex-shrink: 0;
-	}
-
-	.calendar-name {
-		font-weight: 600;
-		font-size: 0.9375rem;
-		color: hsl(var(--foreground));
-	}
-
-	.calendar-provider {
-		font-size: 0.75rem;
-		color: hsl(var(--muted-foreground));
-	}
-
-	.calendar-actions {
-		display: flex;
-		gap: 0.25rem;
-	}
-
-	.calendar-details {
-		padding: 0 1rem;
-		border-top: 1px solid hsl(var(--border));
-	}
-
-	.detail-row {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.5rem 0;
-		font-size: 0.8125rem;
-	}
-
-	.detail-row + .detail-row {
-		border-top: 1px solid hsl(var(--border) / 0.5);
-	}
-
-	.detail-label {
-		color: hsl(var(--muted-foreground));
-	}
-
-	.detail-value {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		color: hsl(var(--foreground));
-	}
-
-	.status-ok {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		color: hsl(142 71% 45%);
-	}
-
-	.status-error {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		color: hsl(0 84% 60%);
-	}
-
-	.status-paused {
-		color: hsl(var(--muted-foreground));
-	}
-
-	.sync-error {
-		padding: 0.5rem 0;
-		font-size: 0.75rem;
-		color: hsl(0 84% 60%);
-		border-top: 1px solid hsl(var(--border) / 0.5);
-	}
-
-	.calendar-footer {
-		padding: 0.75rem 1rem;
-		border-top: 1px solid hsl(var(--border));
-	}
-
-	.toggle-label {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.8125rem;
-		color: hsl(var(--foreground));
-		cursor: pointer;
-	}
-
-	.toggle {
-		width: 1rem;
-		height: 1rem;
-		accent-color: hsl(var(--primary));
-	}
-
-	/* Icon buttons */
-	.icon-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: hsl(var(--muted-foreground));
-		transition: all 0.15s ease;
-	}
-
-	.icon-btn:hover {
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-	}
-
-	.icon-btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.icon-btn-danger:hover {
-		color: hsl(0 84% 60%);
-		background: hsl(0 84% 60% / 0.1);
-	}
-
-	/* Provider list */
-	.provider-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.provider-item {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem;
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.75rem;
-		background: hsl(var(--background));
-		cursor: pointer;
-		text-align: left;
-		transition: all 0.15s ease;
-	}
-
-	.provider-item:hover {
-		border-color: hsl(var(--primary));
-		background: hsl(var(--primary) / 0.05);
-	}
-
-	.provider-icon {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 0.5rem;
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-		flex-shrink: 0;
-	}
-
-	.provider-name {
-		display: block;
-		font-weight: 600;
-		font-size: 0.9375rem;
-		color: hsl(var(--foreground));
-	}
-
-	.provider-desc {
-		display: block;
-		font-size: 0.8125rem;
-		color: hsl(var(--muted-foreground));
-	}
-
-	/* Connect form */
-	.connect-form {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.form-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.form-field label {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--foreground));
-	}
-
-	.password-input,
-	.select-input {
-		width: 100%;
-		padding: 0.625rem 0.875rem;
-		border: 1.5px solid hsl(var(--border));
-		border-radius: 0.5rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.875rem;
-	}
-
-	.password-input:focus,
-	.select-input:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-		box-shadow: 0 0 0 3px hsl(var(--primary) / 0.1);
-	}
-
-	/* Discovered calendars */
-	.discovered-list {
-		margin-top: 0.5rem;
-	}
-
-	.discovered-list h4 {
-		font-size: 0.8125rem;
-		font-weight: 600;
-		color: hsl(var(--foreground));
-		margin-bottom: 0.5rem;
-	}
-
-	.discovered-item {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		width: 100%;
-		padding: 0.75rem;
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.5rem;
-		background: hsl(var(--background));
-		cursor: pointer;
-		text-align: left;
-		font-size: 0.875rem;
-		color: hsl(var(--foreground));
-		transition: all 0.15s ease;
-	}
-
-	.discovered-item:hover:not(:disabled) {
-		border-color: hsl(var(--primary));
-		background: hsl(var(--primary) / 0.05);
-	}
-
-	.discovered-item:disabled {
-		opacity: 0.5;
-		cursor: wait;
-	}
-
-	.discovered-item + .discovered-item {
-		margin-top: 0.375rem;
-	}
-
-	/* Modal footer */
-	.modal-footer {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.75rem;
-	}
-
-	/* Buttons */
-	.btn {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		border-radius: 0.5rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		border: none;
-		transition: all 0.15s ease;
-	}
-
-	.btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.btn-primary {
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		opacity: 0.9;
-	}
-
-	.btn-secondary {
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-	}
-
-	.btn-secondary:hover:not(:disabled) {
-		background: hsl(var(--muted-foreground) / 0.2);
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index 68d60298c..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,399 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { Modal, Input, TagColorPicker, TagBadge } from '@manacore/shared-ui';
-	import { MagnifyingGlass, Plus, CaretLeft } from '@manacore/shared-icons';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-
-	let searchQuery = $state('');
-	let showTagModal = $state(false);
-	let editingTag = $state<Tag | null>(null);
-
-	// Filtered tags based on search, sorted alphabetically
-	const filteredTags = $derived.by(() => {
-		const sorted = [...tagsCtx.value].sort((a, b) => a.name.localeCompare(b.name, 'de'));
-		if (!searchQuery.trim()) return sorted;
-		const query = searchQuery.toLowerCase();
-		return sorted.filter((t) => t.name.toLowerCase().includes(query));
-	});
-
-	// Form state
-	let tagName = $state('');
-	let tagColor = $state('#3B82F6');
-
-	const DEFAULT_COLOR = '#3B82F6';
-
-	$effect(() => {
-		if (showTagModal) {
-			tagName = editingTag?.name ?? '';
-			tagColor = editingTag?.color ?? DEFAULT_COLOR;
-		}
-	});
-
-	function openCreateTagModal() {
-		editingTag = null;
-		showTagModal = true;
-	}
-
-	function openEditTagModal(tag: Tag) {
-		editingTag = tag;
-		showTagModal = true;
-	}
-
-	function closeTagModal() {
-		showTagModal = false;
-		editingTag = null;
-	}
-
-	async function handleSaveTag() {
-		if (!tagName.trim()) return;
-
-		try {
-			if (editingTag) {
-				await tagMutations.updateTag(editingTag.id, {
-					name: tagName.trim(),
-					color: tagColor,
-				});
-			} else {
-				await tagMutations.createTag({
-					name: tagName.trim(),
-					color: tagColor,
-				});
-			}
-			closeTagModal();
-		} catch (e) {
-			console.error('Failed to save tag:', e);
-		}
-	}
-
-	async function handleDeleteTag() {
-		if (!editingTag) return;
-
-		if (!confirm(`Tag "${editingTag.name}" wirklich löschen?`)) return;
-
-		try {
-			await tagMutations.deleteTag(editingTag.id);
-			closeTagModal();
-		} catch (e) {
-			console.error('Failed to delete tag:', e);
-		}
-	}
-
-	function handleKeyDown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && tagName.trim()) {
-			e.preventDefault();
-			handleSaveTag();
-		}
-	}
-
-	const previewTag = $derived({ name: tagName || 'Tag Name', color: tagColor });
-</script>
-
-<svelte:head>
-	<title>Tags - Kalender</title>
-</svelte:head>
-
-<div class="page-container">
-	<!-- Header -->
-	<header class="header">
-		<a href="/" class="back-button" aria-label="Zurück">
-			<CaretLeft size={20} weight="bold" />
-		</a>
-		<h1 class="title">Tags</h1>
-		<button onclick={openCreateTagModal} class="add-button" aria-label="Neues Tag">
-			<Plus size={20} weight="bold" />
-		</button>
-	</header>
-
-	<!-- Search -->
-	<div class="search-wrapper">
-		<MagnifyingGlass size={20} class="search-icon" />
-		<input
-			type="text"
-			placeholder="Tags durchsuchen..."
-			bind:value={searchQuery}
-			class="search-input"
-		/>
-	</div>
-
-	{#if false}
-		<div class="error-banner" role="alert">
-			<span>{false}</span>
-		</div>
-	{/if}
-
-	<!-- Tag List -->
-	{#if false}
-		<div class="flex justify-center py-8">
-			<div class="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
-		</div>
-	{:else if filteredTags.length === 0}
-		<div class="text-center py-12">
-			<div class="text-muted-foreground mb-2">
-				{searchQuery ? 'Keine Tags gefunden' : 'Keine Tags vorhanden'}
-			</div>
-		</div>
-	{:else}
-		<div class="tags-list">
-			{#each filteredTags as tag (tag.id)}
-				<button type="button" class="tag-item" onclick={() => openEditTagModal(tag)}>
-					<div class="tag-color" style="background-color: {tag.color}"></div>
-					<span class="tag-label">{tag.name}</span>
-				</button>
-			{/each}
-		</div>
-	{/if}
-
-	{#if !false && tagsCtx.value.length > 0}
-		<p class="tags-count">
-			{tagsCtx.value.length}
-			{tagsCtx.value.length === 1 ? 'Tag' : 'Tags'}
-		</p>
-	{/if}
-
-	{#if !false && tagsCtx.value.length === 0 && !searchQuery}
-		<div class="empty-cta">
-			<button onclick={openCreateTagModal} class="btn btn-primary">
-				<Plus size={16} weight="bold" />
-				Neues Tag
-			</button>
-		</div>
-	{/if}
-</div>
-
-<!-- Tag Edit Modal -->
-<Modal
-	visible={showTagModal}
-	onClose={closeTagModal}
-	title={editingTag ? 'Tag bearbeiten' : 'Neues Tag'}
-	maxWidth="sm"
->
-	<div class="space-y-6">
-		<div>
-			<Input bind:value={tagName} placeholder="Tag Name" onkeydown={handleKeyDown} />
-		</div>
-
-		<div>
-			<span class="block text-sm font-medium text-muted-foreground mb-3"> Farbe </span>
-			<TagColorPicker selectedColor={tagColor} onColorChange={(c) => (tagColor = c)} />
-		</div>
-
-		<div>
-			<span class="block text-sm font-medium text-muted-foreground mb-3"> Vorschau </span>
-			<div class="flex items-center gap-2">
-				<TagBadge tag={previewTag} />
-			</div>
-		</div>
-	</div>
-
-	{#snippet footer()}
-		<div class="flex items-center justify-between">
-			<div>
-				{#if editingTag}
-					<button
-						type="button"
-						onclick={handleDeleteTag}
-						class="px-4 py-2 text-sm font-medium text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-colors"
-					>
-						Löschen
-					</button>
-				{/if}
-			</div>
-			<div class="flex items-center gap-3">
-				<button
-					type="button"
-					onclick={closeTagModal}
-					class="px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-black/5 dark:hover:bg-white/10 rounded-lg transition-colors"
-				>
-					Abbrechen
-				</button>
-				<button
-					type="button"
-					onclick={handleSaveTag}
-					disabled={!tagName.trim()}
-					class="px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-lg hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed"
-				>
-					{editingTag ? 'Speichern' : 'Erstellen'}
-				</button>
-			</div>
-		</div>
-	{/snippet}
-</Modal>
-
-<style>
-	.page-container {
-		max-width: 640px;
-		margin: 0 auto;
-		padding: 0 1rem 2rem;
-	}
-
-	.header {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem 0;
-		margin-bottom: 0.5rem;
-	}
-
-	.back-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-		transition: all 0.2s ease;
-	}
-
-	.back-button:hover {
-		background: hsl(var(--muted-foreground) / 0.2);
-		transform: translateX(-2px);
-	}
-
-	.title {
-		flex: 1;
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: hsl(var(--foreground));
-	}
-
-	.add-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.add-button:hover {
-		transform: scale(1.05);
-		box-shadow: 0 4px 12px hsl(var(--primary) / 0.3);
-	}
-
-	.search-wrapper {
-		position: relative;
-		margin-bottom: 1.5rem;
-	}
-
-	.search-wrapper :global(.search-icon) {
-		position: absolute;
-		left: 1rem;
-		top: 50%;
-		transform: translateY(-50%);
-		color: hsl(var(--muted-foreground));
-		pointer-events: none;
-	}
-
-	.search-input {
-		width: 100%;
-		padding: 0.875rem 1rem 0.875rem 3rem;
-		border: 1.5px solid hsl(var(--border));
-		border-radius: 0.75rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.9375rem;
-		transition: all 0.2s ease;
-	}
-
-	.search-input:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-		box-shadow: 0 0 0 3px hsl(var(--primary) / 0.1);
-	}
-
-	.error-banner {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem;
-		background: hsl(0 84% 60% / 0.1);
-		border: 1px solid hsl(0 84% 60% / 0.3);
-		border-radius: 0.75rem;
-		color: hsl(0 84% 60%);
-		margin-bottom: 1.5rem;
-	}
-
-	.tags-list {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-	}
-
-	.tag-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: 9999px;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.tag-item:hover {
-		background: hsl(var(--muted) / 0.5);
-		transform: scale(1.02);
-	}
-
-	.tag-color {
-		width: 0.75rem;
-		height: 0.75rem;
-		border-radius: 50%;
-		flex-shrink: 0;
-	}
-
-	.tag-label {
-		font-weight: 500;
-		color: hsl(var(--foreground));
-		font-size: 0.9375rem;
-	}
-
-	.tags-count {
-		text-align: center;
-		font-size: 0.875rem;
-		color: hsl(var(--muted-foreground));
-		margin-top: 1.5rem;
-	}
-
-	.empty-cta {
-		display: flex;
-		justify-content: center;
-		margin-top: 1rem;
-	}
-
-	.btn {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.625rem 1.25rem;
-		border-radius: 0.625rem;
-		font-weight: 600;
-		font-size: 0.875rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		border: none;
-		text-decoration: none;
-	}
-
-	.btn-primary {
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-	}
-
-	.btn-primary:hover {
-		box-shadow: 0 4px 12px hsl(var(--primary) / 0.3);
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index de8a397fa..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Calendar</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/calendar/apps/web-archived/src/routes/(app)/unified-bar-demo/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(app)/unified-bar-demo/+page.svelte
deleted file mode 100644
index 60c98d20c..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(app)/unified-bar-demo/+page.svelte
+++ /dev/null
@@ -1,191 +0,0 @@
-<script lang="ts">
-	import UnifiedBar from '$lib/components/calendar/UnifiedBar.svelte';
-	import { unifiedBarStore } from '$lib/stores/unified-bar.svelte';
-	import { onMount } from 'svelte';
-	import type { QuickInputItem } from '@manacore/shared-ui';
-
-	// Demo handlers
-	async function handleSearch(query: string): Promise<QuickInputItem[]> {
-		console.log('Search:', query);
-		return [{ id: '1', title: `Ergebnis für "${query}"`, subtitle: 'Demo-Termin' }];
-	}
-
-	function handleSelect(item: QuickInputItem) {
-		console.log('Select:', item);
-	}
-
-	function handleSearchChange(query: string, results: QuickInputItem[]) {
-		console.log('Search change:', query, results);
-	}
-
-	// Initialize store on mount
-	onMount(() => {
-		unifiedBarStore.enableCloudSync();
-	});
-</script>
-
-<svelte:head>
-	<title>UnifiedBar Demo - Calendar</title>
-</svelte:head>
-
-<main class="demo-container">
-	<header class="demo-header">
-		<h1>UnifiedBar Demo</h1>
-		<p>Demonstration der unified bottom bar Architektur</p>
-	</header>
-
-	<!-- Main content area -->
-	<section class="content-section">
-		<div class="content-placeholder">
-			<h2>Kalender Inhalt</h2>
-			<p>Dies ist der Hauptinhaltbereich, in dem die Kalender-Ansichten angezeigt werden.</p>
-
-			<div class="info-cards">
-				<div class="info-card">
-					<h3>Sichtbare Layers</h3>
-					<ul>
-						{#if unifiedBarStore.showQuickInput}<li>QuickInput</li>{/if}
-						{#if unifiedBarStore.showDateStrip}<li>DateStrip</li>{/if}
-						{#if unifiedBarStore.showTagStrip}<li>TagStrip</li>{/if}
-						{#if unifiedBarStore.showCalendarToolbar}<li>CalendarToolbar</li>{/if}
-					</ul>
-				</div>
-
-				<div class="info-card">
-					<h3>Overlay Status</h3>
-					<p><strong>{unifiedBarStore.isOverlayOpen ? 'Offen' : 'Geschlossen'}</strong></p>
-				</div>
-			</div>
-
-			<div class="demo-actions">
-				<button onmousedown={() => unifiedBarStore.toggleOverlay()}> Overlay Toggle </button>
-				<button onmousedown={() => unifiedBarStore.expandToLayer('date')}>
-					DateStrip zeigen
-				</button>
-				<button onmousedown={() => unifiedBarStore.expandToLayer('tag')}> TagStrip zeigen </button>
-				<button onmousedown={() => unifiedBarStore.expandToLayer('toolbar')}>
-					Toolbar zeigen
-				</button>
-				<button onmousedown={() => unifiedBarStore.collapseAll()}> Alle einklappen </button>
-			</div>
-		</div>
-	</section>
-
-	<!-- UnifiedBar at the bottom -->
-	<UnifiedBar
-		onSearch={handleSearch}
-		onSelect={handleSelect}
-		onSearchChange={handleSearchChange}
-		placeholder="Neuer Termin oder suchen..."
-		emptyText="Keine Termine gefunden"
-		searchingText="Suche..."
-		createText="Erstellen"
-		appIcon="calendar"
-		isMobile={false}
-		showCalendarLayers={true}
-	/>
-</main>
-
-<style>
-	.demo-container {
-		min-height: 100vh;
-		padding-bottom: 300px;
-		background: var(--color-background);
-		color: var(--color-foreground);
-	}
-
-	.demo-header {
-		padding: 2rem;
-		text-align: center;
-		border-bottom: 1px solid var(--color-border, #e5e7eb);
-		background: var(--color-surface, #fff);
-	}
-
-	.demo-header h1 {
-		margin: 0 0 0.5rem 0;
-		font-size: 2rem;
-		font-weight: 700;
-		color: hsl(var(--color-primary));
-	}
-
-	.demo-header p {
-		margin: 0;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.content-section {
-		padding: 2rem;
-	}
-
-	.content-placeholder {
-		max-width: 1200px;
-		margin: 0 auto;
-	}
-
-	.content-placeholder h2 {
-		margin: 0 0 1rem 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-	}
-
-	.content-placeholder p {
-		margin: 0 0 2rem 0;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.info-cards {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-		gap: 1rem;
-		margin-bottom: 2rem;
-	}
-
-	.info-card {
-		background: var(--color-surface, #fff);
-		border: 1px solid var(--color-border, #e5e7eb);
-		border-radius: 0.75rem;
-		padding: 1.5rem;
-	}
-
-	.info-card h3 {
-		margin: 0 0 0.5rem 0;
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--color-muted-foreground));
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-	}
-
-	.info-card ul {
-		margin: 0;
-		padding: 0;
-		list-style: none;
-	}
-
-	.info-card li {
-		padding: 0.25rem 0;
-		font-weight: 500;
-	}
-
-	.demo-actions {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.75rem;
-	}
-
-	.demo-actions button {
-		padding: 0.75rem 1.25rem;
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground, 0 0% 100%));
-		border: none;
-		border-radius: 0.5rem;
-		cursor: pointer;
-		font-weight: 500;
-		transition: all 0.15s ease;
-	}
-
-	.demo-actions button:hover {
-		filter: brightness(0.9);
-		transform: translateY(-1px);
-	}
-</style>
diff --git a/apps/calendar/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/calendar/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/calendar/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 4edba8aa2..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { CalendarLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | Kalender</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Kalender"
-	logo={CalendarLogo}
-	primaryColor="#0ea5e9"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#e0f2fe"
-	darkBackground="#0c1929"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</ForgotPasswordPage>
diff --git a/apps/calendar/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 563249623..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,82 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { browser } from '$app/environment';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { CalendarLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Get redirect URL from query params or sessionStorage (set by AuthGateModal)
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		// Check sessionStorage for return URL (from guest mode)
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				// Clear it after reading
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Kalender</title>
-</svelte:head>
-
-<LoginPage
-	appName="Kalender"
-	logo={CalendarLogo}
-	primaryColor="#0ea5e9"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#e0f2fe"
-	darkBackground="#0c1929"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</LoginPage>
diff --git a/apps/calendar/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 0c4682bb3..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { browser } from '$app/environment';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { CalendarLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// Get redirect URL from sessionStorage (set by AuthGateModal in guest mode)
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				// Clear it after reading
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Kalender</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Kalender"
-	logo={CalendarLogo}
-	primaryColor="#0ea5e9"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#e0f2fe"
-	darkBackground="#0c1929"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</RegisterPage>
diff --git a/apps/calendar/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/calendar/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index fe6b028e2..000000000
--- a/apps/calendar/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,231 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { CalendarLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// State
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	// Translations based on locale
-	const t = $derived({
-		title: $locale === 'de' ? 'Passwort zurücksetzen' : 'Reset Password',
-		subtitle: $locale === 'de' ? 'Gib dein neues Passwort ein' : 'Enter your new password',
-		newPassword: $locale === 'de' ? 'Neues Passwort' : 'New Password',
-		confirmPassword: $locale === 'de' ? 'Passwort bestätigen' : 'Confirm Password',
-		placeholder: $locale === 'de' ? 'Neues Passwort eingeben' : 'Enter new password',
-		confirmPlaceholder: $locale === 'de' ? 'Passwort bestätigen' : 'Confirm password',
-		submit: $locale === 'de' ? 'Passwort ändern' : 'Update Password',
-		submitting: $locale === 'de' ? 'Passwort wird geändert...' : 'Updating password...',
-		success: $locale === 'de' ? 'Passwort erfolgreich geändert' : 'Password reset successfully',
-		successMessage:
-			$locale === 'de'
-				? 'Dein Passwort wurde erfolgreich geändert. Du wirst gleich zur Anmeldeseite weitergeleitet.'
-				: 'Your password has been reset successfully. You will be redirected to the login page shortly.',
-		goToLogin: $locale === 'de' ? 'Zur Anmeldung' : 'Go to login',
-		invalidToken: $locale === 'de' ? 'Ungültiger oder fehlender Token' : 'Invalid or missing token',
-		invalidTokenMessage:
-			$locale === 'de'
-				? 'Dieser Link zum Zurücksetzen des Passworts ist ungültig oder abgelaufen.'
-				: 'This password reset link is invalid or has expired.',
-		requestNew: $locale === 'de' ? 'Neuen Link anfordern' : 'Request a new link',
-		passwordMismatch:
-			$locale === 'de' ? 'Passwörter stimmen nicht überein' : 'Passwords do not match',
-		passwordTooShort:
-			$locale === 'de'
-				? 'Passwort muss mindestens 8 Zeichen lang sein'
-				: 'Password must be at least 8 characters',
-		minChars: $locale === 'de' ? 'Mindestens 8 Zeichen' : 'At least 8 characters',
-	});
-
-	onMount(() => {
-		// Get token from URL query parameter
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = t.invalidToken;
-			return;
-		}
-
-		if (password !== confirmPassword) {
-			error = t.passwordMismatch;
-			return;
-		}
-
-		if (password.length < 8) {
-			error = t.passwordTooShort;
-			return;
-		}
-
-		loading = true;
-
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				// Redirect to login after 3 seconds
-				setTimeout(() => {
-					goto('/login');
-				}, 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{t.title} | Kalender</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-sky-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<!-- Header -->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<CalendarLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold text-sky-600 dark:text-sky-400">Kalender</span>
-		</a>
-		<LanguageSelector />
-	</header>
-
-	<!-- Main Content -->
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">{t.title}</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}
-						{t.success}
-					{:else if hasToken}
-						{t.subtitle}
-					{:else}
-						{t.invalidToken}
-					{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<!-- Success State -->
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							{t.successMessage}
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg bg-sky-500 px-6 py-3 font-medium text-white transition-colors hover:bg-sky-600"
-						>
-							{t.goToLogin}
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<!-- Reset Form -->
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-								>
-									{t.newPassword}
-								</label>
-								<input
-									type="password"
-									name="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder={t.placeholder}
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/20 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-									{t.minChars}
-								</p>
-							</div>
-
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-								>
-									{t.confirmPassword}
-								</label>
-								<input
-									type="password"
-									name="confirmPassword"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder={t.confirmPlaceholder}
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/20 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg bg-sky-500 px-4 py-3 font-medium text-white transition-colors hover:bg-sky-600 disabled:cursor-not-allowed disabled:opacity-50"
-							>
-								{loading ? t.submitting : t.submit}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<!-- Invalid Token State -->
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							{t.invalidTokenMessage}
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg bg-sky-500 px-6 py-3 font-medium text-white transition-colors hover:bg-sky-600"
-						>
-							{t.requestNew}
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/calendar/apps/web-archived/src/routes/+error.svelte b/apps/calendar/apps/web-archived/src/routes/+error.svelte
deleted file mode 100644
index 5b9e9cd2a..000000000
--- a/apps/calendar/apps/web-archived/src/routes/+error.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { _ } from 'svelte-i18n';
-</script>
-
-<div class="flex min-h-[60vh] flex-col items-center justify-center text-center">
-	<h1 class="text-6xl font-bold text-blue-600 mb-4">{$page.status}</h1>
-	<p class="text-xl text-muted-foreground mb-8">{$page.error?.message || $_('error.notFound')}</p>
-	<a href="/" class="btn btn-primary">{$_('error.backToHome')}</a>
-</div>
diff --git a/apps/calendar/apps/web-archived/src/routes/+layout.svelte b/apps/calendar/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index f8d969b87..000000000
--- a/apps/calendar/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-	import { AppLoadingSkeleton } from '$lib/components/skeletons';
-	import { isLoading as i18nLoading } from 'svelte-i18n';
-	import { onMount } from 'svelte';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(() => {
-		// Setup global error handling
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-
-		theme.initialize();
-		authStore.initialize().then(() => {
-			loading = false;
-		});
-
-		return cleanupErrorHandler;
-	});
-</script>
-
-<svelte:head>
-	<meta
-		name="description"
-		content="Termine verwalten, Kalender teilen und den Überblick behalten mit Calendar von ManaCore."
-	/>
-	<meta property="og:title" content="Calendar - Kalender" />
-	<meta
-		property="og:description"
-		content="Termine verwalten, Kalender teilen und den Überblick behalten."
-	/>
-	<meta property="og:type" content="website" />
-</svelte:head>
-
-{#if !appReady}
-	<AppLoadingSkeleton />
-{:else}
-	<div class="h-screen flex flex-col bg-background text-foreground overflow-hidden">
-		{@render children()}
-	</div>
-{/if}
-
-<ToastContainer />
diff --git a/apps/calendar/apps/web-archived/src/routes/+layout.ts b/apps/calendar/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/calendar/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/calendar/apps/web-archived/src/routes/health/+server.ts b/apps/calendar/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 9222c1d9f..000000000
--- a/apps/calendar/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'calendar-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/calendar/apps/web-archived/src/routes/offline/+page.svelte b/apps/calendar/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 76a8833c3..000000000
--- a/apps/calendar/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Calendar"
-	offlineMessage="Deine Termine werden lokal gespeichert und sind offline verfügbar."
-	accentColor="#2563eb"
-/>
diff --git a/apps/calendar/apps/web-archived/src/routes/offline/+page.ts b/apps/calendar/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/calendar/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/calendar/apps/web-archived/static/apple-touch-icon.png b/apps/calendar/apps/web-archived/static/apple-touch-icon.png
deleted file mode 100644
index 4e86574d5..000000000
Binary files a/apps/calendar/apps/web-archived/static/apple-touch-icon.png and /dev/null differ
diff --git a/apps/calendar/apps/web-archived/static/favicon.png b/apps/calendar/apps/web-archived/static/favicon.png
deleted file mode 100644
index bd550906b..000000000
Binary files a/apps/calendar/apps/web-archived/static/favicon.png and /dev/null differ
diff --git a/apps/calendar/apps/web-archived/static/favicon.svg b/apps/calendar/apps/web-archived/static/favicon.svg
deleted file mode 100644
index bb9d53400..000000000
--- a/apps/calendar/apps/web-archived/static/favicon.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#3b82f6"/>
-      <stop offset="100%" style="stop-color:#2563eb"/>
-    </linearGradient>
-  </defs>
-  <!-- Rounded rectangle background -->
-  <rect width="512" height="512" rx="96" ry="96" fill="url(#bg)"/>
-  <!-- Calendar top bar -->
-  <rect x="80" y="120" width="352" height="48" rx="8" fill="rgba(255,255,255,0.3)"/>
-  <!-- Calendar rings -->
-  <rect x="160" y="96" width="24" height="56" rx="12" fill="white"/>
-  <rect x="328" y="96" width="24" height="56" rx="12" fill="white"/>
-  <!-- Calendar body -->
-  <rect x="80" y="168" width="352" height="248" rx="0 0 16 16" fill="rgba(255,255,255,0.15)"/>
-  <!-- Grid lines horizontal -->
-  <line x1="80" y1="230" x2="432" y2="230" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <line x1="80" y1="292" x2="432" y2="292" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <line x1="80" y1="354" x2="432" y2="354" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <!-- Grid lines vertical -->
-  <line x1="130" y1="168" x2="130" y2="416" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <line x1="180" y1="168" x2="180" y2="416" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <line x1="230" y1="168" x2="230" y2="416" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <line x1="280" y1="168" x2="280" y2="416" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <line x1="330" y1="168" x2="330" y2="416" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <line x1="380" y1="168" x2="380" y2="416" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
-  <!-- Today highlight -->
-  <rect x="232" y="294" width="46" height="58" rx="8" fill="white" opacity="0.9"/>
-  <text x="255" y="333" font-family="system-ui, -apple-system, sans-serif" font-size="32" font-weight="700" fill="#2563eb" text-anchor="middle">24</text>
-</svg>
diff --git a/apps/calendar/apps/web-archived/static/pwa-192x192.png b/apps/calendar/apps/web-archived/static/pwa-192x192.png
deleted file mode 100644
index a0db9cb61..000000000
Binary files a/apps/calendar/apps/web-archived/static/pwa-192x192.png and /dev/null differ
diff --git a/apps/calendar/apps/web-archived/static/pwa-512x512.png b/apps/calendar/apps/web-archived/static/pwa-512x512.png
deleted file mode 100644
index d7e2f04b1..000000000
Binary files a/apps/calendar/apps/web-archived/static/pwa-512x512.png and /dev/null differ
diff --git a/apps/calendar/apps/web-archived/svelte.config.js b/apps/calendar/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/calendar/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/calendar/apps/web-archived/tsconfig.json b/apps/calendar/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/calendar/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/calendar/apps/web-archived/vite.config.ts b/apps/calendar/apps/web-archived/vite.config.ts
deleted file mode 100644
index 89245d998..000000000
--- a/apps/calendar/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/// <reference types="vitest/config" />
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createOfflineFirstPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createOfflineFirstPWAConfig({
-				name: 'Calendar - Kalender',
-				shortName: 'Calendar',
-				description: 'Kalender und Terminverwaltung',
-				themeColor: '#3b82f6',
-			})
-		),
-	],
-	server: {
-		port: 5179,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, '@calendar/shared'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES, '@calendar/shared'],
-	},
-	test: {
-		environment: 'jsdom',
-		include: ['src/**/*.test.ts'],
-		globals: true,
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/cards/apps/web-archived/.env.example b/apps/cards/apps/web-archived/.env.example
deleted file mode 100644
index 447e28aa6..000000000
--- a/apps/cards/apps/web-archived/.env.example
+++ /dev/null
@@ -1,10 +0,0 @@
-# Supabase
-PUBLIC_SUPABASE_URL=https://your-project.supabase.co
-PUBLIC_SUPABASE_ANON_KEY=your-anon-key
-
-# Mana Core Backend
-PUBLIC_API_URL=https://cards-backend-111768794939.europe-west3.run.app
-
-# App Config
-PUBLIC_APP_NAME=Cards
-PUBLIC_APP_URL=http://localhost:5173
diff --git a/apps/cards/apps/web-archived/.gitignore b/apps/cards/apps/web-archived/.gitignore
deleted file mode 100644
index 3b462cb0c..000000000
--- a/apps/cards/apps/web-archived/.gitignore
+++ /dev/null
@@ -1,23 +0,0 @@
-node_modules
-
-# Output
-.output
-.vercel
-.netlify
-.wrangler
-/.svelte-kit
-/build
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Env
-.env
-.env.*
-!.env.example
-!.env.test
-
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
diff --git a/apps/cards/apps/web-archived/.npmrc b/apps/cards/apps/web-archived/.npmrc
deleted file mode 100644
index b6f27f135..000000000
--- a/apps/cards/apps/web-archived/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-engine-strict=true
diff --git a/apps/cards/apps/web-archived/Dockerfile b/apps/cards/apps/web-archived/Dockerfile
deleted file mode 100644
index cd6260680..000000000
--- a/apps/cards/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,33 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://cards-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ARG PUBLIC_API_URL=http://cards-server
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-ENV PUBLIC_API_URL=$PUBLIC_API_URL
-
-COPY apps/cards/apps/web ./apps/cards/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/cards/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/cards/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/cards/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/cards/apps/web/build ./build
-COPY --from=builder /app/apps/cards/apps/web/package.json ./
-
-EXPOSE 5015
-ENV NODE_ENV=production PORT=5015 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5015/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/cards/apps/web-archived/README.md b/apps/cards/apps/web-archived/README.md
deleted file mode 100644
index 75842c404..000000000
--- a/apps/cards/apps/web-archived/README.md
+++ /dev/null
@@ -1,38 +0,0 @@
-# sv
-
-Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```sh
-# create a new project in the current directory
-npx sv create
-
-# create a new project in my-app
-npx sv create my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```sh
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```sh
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
diff --git a/apps/cards/apps/web-archived/eslint.config.js b/apps/cards/apps/web-archived/eslint.config.js
deleted file mode 100644
index f0e51b62e..000000000
--- a/apps/cards/apps/web-archived/eslint.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-check
-import {
-	baseConfig,
-	typescriptConfig,
-	svelteConfig,
-	prettierConfig,
-} from '@manacore/eslint-config';
-
-export default [
-	{
-		ignores: ['dist/**', '.svelte-kit/**', 'node_modules/**'],
-	},
-	...baseConfig,
-	...typescriptConfig,
-	...svelteConfig,
-	...prettierConfig,
-];
diff --git a/apps/cards/apps/web-archived/package.json b/apps/cards/apps/web-archived/package.json
deleted file mode 100644
index 83c4295ee..000000000
--- a/apps/cards/apps/web-archived/package.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-	"name": "@cards/web",
-	"private": true,
-	"version": "0.2.0",
-	"type": "module",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint ."
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^6.2.1",
-		"@tailwindcss/typography": "^0.5.19",
-		"@tailwindcss/vite": "^4.1.7",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"autoprefixer": "^10.4.22",
-		"postcss": "^8.5.6",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.17",
-		"typescript": "^5.9.3",
-		"vite": "^7.1.10"
-	},
-	"dependencies": {
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-config": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"svelte-i18n": "^4.0.1"
-	}
-}
diff --git a/apps/cards/apps/web-archived/src/app.css b/apps/cards/apps/web-archived/src/app.css
deleted file mode 100644
index 56ff68272..000000000
--- a/apps/cards/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,11 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-@source "../../../../packages/shared-theme-ui/src";
-@source "../../../../packages/shared-theme-ui/src/components";
-@source "../../../../packages/shared-theme-ui/src/pages";
-@source "../../../../packages/shared-subscription-ui/src";
diff --git a/apps/cards/apps/web-archived/src/app.d.ts b/apps/cards/apps/web-archived/src/app.d.ts
deleted file mode 100644
index 8e8e79928..000000000
--- a/apps/cards/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
-
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/apps/cards/apps/web-archived/src/app.html b/apps/cards/apps/web-archived/src/app.html
deleted file mode 100644
index f273cc58f..000000000
--- a/apps/cards/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/cards/apps/web-archived/src/hooks.client.ts b/apps/cards/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index f6c32237e..000000000
--- a/apps/cards/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'cards-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/cards/apps/web-archived/src/hooks.server.ts b/apps/cards/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 461480e2b..000000000
--- a/apps/cards/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/cards/apps/web-archived/src/lib/api/feedback.ts b/apps/cards/apps/web-archived/src/lib/api/feedback.ts
deleted file mode 100644
index 700ddd8a0..000000000
--- a/apps/cards/apps/web-archived/src/lib/api/feedback.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Feedback Service Instance for Cards Web App
- */
-
-import { createFeedbackService } from '@manacore/feedback';
-import { authService } from '$lib/auth';
-import { PUBLIC_MANA_CORE_AUTH_URL } from '$env/static/public';
-
-const MANA_AUTH_URL = PUBLIC_MANA_CORE_AUTH_URL || 'http://localhost:3001';
-
-export const feedbackService = createFeedbackService({
-	apiUrl: MANA_AUTH_URL,
-	appId: 'cards',
-	getAuthToken: async () => authService.getAppToken(),
-});
diff --git a/apps/cards/apps/web-archived/src/lib/assets/favicon.svg b/apps/cards/apps/web-archived/src/lib/assets/favicon.svg
deleted file mode 100644
index cc5dc66a3..000000000
--- a/apps/cards/apps/web-archived/src/lib/assets/favicon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/apps/cards/apps/web-archived/src/lib/auth.ts b/apps/cards/apps/web-archived/src/lib/auth.ts
deleted file mode 100644
index 68c3296e5..000000000
--- a/apps/cards/apps/web-archived/src/lib/auth.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-/**
- * Cards Web Auth Configuration
- *
- * This file initializes the shared auth package for the cards web app.
- * It replaces the previous individual auth files:
- * - services/authService.ts
- * - services/tokenManager.ts
- * - services/deviceManager.ts
- * - utils/jwt.ts
- */
-
-import { PUBLIC_API_URL, PUBLIC_MANA_CORE_AUTH_URL } from '$env/static/public';
-import {
-	createAuthService,
-	createTokenManager,
-	setStorageAdapter,
-	setDeviceAdapter,
-	setNetworkAdapter,
-	setupFetchInterceptor,
-	type StorageAdapter,
-	type DeviceManagerAdapter,
-	type NetworkAdapter,
-	type DeviceInfo,
-} from '@manacore/shared-auth';
-
-// Storage keys
-const STORAGE_KEYS = {
-	APP_TOKEN: 'appToken',
-	REFRESH_TOKEN: 'refreshToken',
-	USER_EMAIL: 'userEmail',
-	DEVICE_ID: 'cards_device_id',
-};
-
-/**
- * Session storage adapter for cards web
- * Uses sessionStorage for tokens (clears on tab close)
- * Uses localStorage for device ID (persists)
- */
-const sessionStorageAdapter: StorageAdapter = {
-	async getItem<T = string>(key: string): Promise<T | null> {
-		if (typeof window === 'undefined') return null;
-
-		const value = sessionStorage.getItem(key);
-		if (value === null) return null;
-
-		try {
-			return JSON.parse(value) as T;
-		} catch {
-			return value as T;
-		}
-	},
-
-	async setItem(key: string, value: string): Promise<void> {
-		if (typeof window === 'undefined') return;
-		sessionStorage.setItem(key, typeof value === 'string' ? value : JSON.stringify(value));
-	},
-
-	async removeItem(key: string): Promise<void> {
-		if (typeof window === 'undefined') return;
-		sessionStorage.removeItem(key);
-	},
-};
-
-/**
- * Device manager adapter for web
- */
-const webDeviceAdapter: DeviceManagerAdapter = {
-	async getDeviceInfo(): Promise<DeviceInfo> {
-		if (typeof window === 'undefined') {
-			return {
-				deviceId: '',
-				deviceName: 'Server',
-				deviceType: 'web',
-			};
-		}
-
-		const deviceId = (await webDeviceAdapter.getStoredDeviceId()) || generateDeviceId();
-		localStorage.setItem(STORAGE_KEYS.DEVICE_ID, deviceId);
-
-		const userAgent = navigator.userAgent;
-		let deviceName = 'Web Browser';
-
-		if (userAgent.includes('Mac')) deviceName = 'Mac';
-		else if (userAgent.includes('Windows')) deviceName = 'Windows';
-		else if (userAgent.includes('Linux')) deviceName = 'Linux';
-
-		return {
-			deviceId,
-			deviceName,
-			deviceType: 'web',
-			platform: 'web',
-		};
-	},
-
-	async getStoredDeviceId(): Promise<string | null> {
-		if (typeof window === 'undefined') return null;
-		return localStorage.getItem(STORAGE_KEYS.DEVICE_ID);
-	},
-};
-
-/**
- * Network adapter for web
- */
-const webNetworkAdapter: NetworkAdapter = {
-	async isDeviceConnected(): Promise<boolean> {
-		if (typeof navigator === 'undefined') return true;
-		return navigator.onLine;
-	},
-
-	async hasStableConnection(): Promise<boolean> {
-		if (typeof navigator === 'undefined') return true;
-		return navigator.onLine;
-	},
-};
-
-/**
- * Generate a unique device ID
- */
-function generateDeviceId(): string {
-	return `web_${Date.now()}_${Math.random().toString(36).substring(2, 15)}`;
-}
-
-// Initialize adapters
-setStorageAdapter(sessionStorageAdapter);
-setDeviceAdapter(webDeviceAdapter);
-setNetworkAdapter(webNetworkAdapter);
-
-// Create auth service instance
-export const authService = createAuthService({
-	baseUrl: PUBLIC_MANA_CORE_AUTH_URL,
-	storageKeys: {
-		APP_TOKEN: STORAGE_KEYS.APP_TOKEN,
-		REFRESH_TOKEN: STORAGE_KEYS.REFRESH_TOKEN,
-		USER_EMAIL: STORAGE_KEYS.USER_EMAIL,
-	},
-	endpoints: {
-		signIn: '/api/v1/auth/login',
-		signUp: '/api/v1/auth/register',
-		signOut: '/api/v1/auth/logout',
-		refresh: '/api/v1/auth/refresh',
-		validate: '/api/v1/auth/validate',
-		forgotPassword: '/api/v1/auth/forgot-password',
-		credits: '/api/v1/credits/balance',
-	},
-});
-
-// Create token manager instance
-export const tokenManager = createTokenManager(authService);
-
-// Setup fetch interceptor (only in browser)
-if (typeof window !== 'undefined') {
-	setupFetchInterceptor(authService, tokenManager, {
-		backendUrl: PUBLIC_API_URL,
-	});
-}
-
-// Re-export useful utilities from shared-auth
-export {
-	decodeToken,
-	isTokenValidLocally,
-	isTokenExpired,
-	getUserFromToken,
-	isB2BUser,
-	getB2BInfo,
-	TokenState,
-} from '@manacore/shared-auth';
-
-// Re-export types
-export type {
-	UserData,
-	DecodedToken,
-	AuthResult,
-	CreditBalance,
-	B2BInfo,
-} from '@manacore/shared-auth';
diff --git a/apps/cards/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/cards/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index c62f48f95..000000000
--- a/apps/cards/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import { AppSlider } from '@manacore/shared-ui';
-	import type { AppItem } from '@manacore/shared-ui';
-	import {
-		getActiveManaApps,
-		APP_STATUS_LABELS,
-		APP_SLIDER_LABELS,
-	} from '@manacore/shared-branding';
-
-	// Convert MANA_APPS to AppItem format (German)
-	const apps: AppItem[] = getActiveManaApps().map((app) => ({
-		name: app.name,
-		description: app.description.de,
-		longDescription: app.longDescription.de,
-		icon: app.icon,
-		color: app.color,
-		comingSoon: app.comingSoon,
-		status: app.status,
-	}));
-
-	const statusLabels = APP_STATUS_LABELS.de;
-	const labels = APP_SLIDER_LABELS.de;
-
-	function handleAppClick(app: AppItem, index: number) {
-		console.log('Opening app:', app.name);
-	}
-</script>
-
-<AppSlider
-	{apps}
-	title={labels.title}
-	isDark={false}
-	{statusLabels}
-	comingSoonLabel={labels.comingSoon}
-	openAppLabel={labels.openApp}
-	onAppClick={handleAppClick}
-/>
diff --git a/apps/cards/apps/web-archived/src/lib/components/Icon.svelte b/apps/cards/apps/web-archived/src/lib/components/Icon.svelte
deleted file mode 100644
index 967807016..000000000
--- a/apps/cards/apps/web-archived/src/lib/components/Icon.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-	/**
-	 * Icon Component - Uses @manacore/shared-icons
-	 * Phosphor Icons (Bold weight)
-	 */
-	import { iconPaths } from '@manacore/shared-icons';
-
-	interface Props {
-		name: keyof typeof iconPaths;
-		size?: number;
-		class?: string;
-		color?: string;
-	}
-
-	let { name, size = 24, class: className = '', color }: Props = $props();
-
-	const path = $derived(iconPaths[name]);
-</script>
-
-{#if path}
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width={size}
-		height={size}
-		fill={color || 'currentColor'}
-		viewBox="0 0 256 256"
-		class={className}
-		aria-hidden="true"
-	>
-		{@html path}
-	</svg>
-{:else}
-	<span class="text-red-500" title="Icon '{name}' not found">⚠</span>
-{/if}
diff --git a/apps/cards/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/cards/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/cards/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/cards/apps/web-archived/src/lib/components/deck/CreateDeckModal.svelte b/apps/cards/apps/web-archived/src/lib/components/deck/CreateDeckModal.svelte
deleted file mode 100644
index f71705fc9..000000000
--- a/apps/cards/apps/web-archived/src/lib/components/deck/CreateDeckModal.svelte
+++ /dev/null
@@ -1,108 +0,0 @@
-<script lang="ts">
-	import { Modal, Input, Button } from '@manacore/shared-ui';
-	import { deckStore } from '$lib/stores/deckStore.svelte';
-
-	interface Props {
-		open?: boolean;
-		onClose?: () => void;
-	}
-
-	let { open = $bindable(false), onClose }: Props = $props();
-
-	let title = $state('');
-	let description = $state('');
-	let isPublic = $state(false);
-	let tags = $state('');
-	let submitting = $state(false);
-
-	async function handleSubmit() {
-		if (!title.trim()) return;
-
-		submitting = true;
-
-		const tagArray = tags
-			.split(',')
-			.map((t) => t.trim())
-			.filter((t) => t.length > 0);
-
-		const deck = await deckStore.createDeck({
-			title: title.trim(),
-			description: description.trim() || undefined,
-			is_public: isPublic,
-			tags: tagArray.length > 0 ? tagArray : undefined,
-		});
-
-		submitting = false;
-
-		if (deck) {
-			// Reset form
-			title = '';
-			description = '';
-			isPublic = false;
-			tags = '';
-
-			// Close modal
-			open = false;
-			onClose?.();
-		}
-	}
-</script>
-
-<Modal bind:open title="Create New Deck" {onClose}>
-	<form
-		onsubmit={(e) => {
-			e.preventDefault();
-			handleSubmit();
-		}}
-		class="space-y-4"
-	>
-		<Input label="Deck Title" bind:value={title} placeholder="e.g., Spanish Vocabulary" required />
-
-		<div class="space-y-2">
-			<label class="text-sm font-medium">Description</label>
-			<textarea
-				bind:value={description}
-				placeholder="What is this deck about?"
-				class="flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
-			></textarea>
-		</div>
-
-		<Input
-			label="Tags (comma-separated)"
-			bind:value={tags}
-			placeholder="e.g., language, beginner, vocabulary"
-		/>
-
-		<div class="flex items-center space-x-2">
-			<input
-				type="checkbox"
-				id="isPublic"
-				bind:checked={isPublic}
-				class="h-4 w-4 rounded border-input"
-			/>
-			<label for="isPublic" class="text-sm font-medium cursor-pointer">
-				Make this deck public
-			</label>
-		</div>
-
-		{#if deckStore.error}
-			<div class="p-3 rounded-md bg-destructive/10 text-destructive text-sm">
-				{deckStore.error}
-			</div>
-		{/if}
-
-		<div class="flex justify-end space-x-3">
-			<Button
-				type="button"
-				variant="ghost"
-				onclick={() => {
-					open = false;
-					onClose?.();
-				}}
-			>
-				Cancel
-			</Button>
-			<Button type="submit" loading={submitting}>Create Deck</Button>
-		</div>
-	</form>
-</Modal>
diff --git a/apps/cards/apps/web-archived/src/lib/components/deck/DeckCard.svelte b/apps/cards/apps/web-archived/src/lib/components/deck/DeckCard.svelte
deleted file mode 100644
index 264fb3a8f..000000000
--- a/apps/cards/apps/web-archived/src/lib/components/deck/DeckCard.svelte
+++ /dev/null
@@ -1,59 +0,0 @@
-<script lang="ts">
-	import type { Deck } from '$lib/types/deck';
-	import { Card, Badge } from '@manacore/shared-ui';
-
-	interface Props {
-		deck: Deck;
-		onclick?: () => void;
-	}
-
-	let { deck, onclick }: Props = $props();
-
-	function formatDate(dateString: string) {
-		const date = new Date(dateString);
-		return date.toLocaleDateString('en-US', {
-			month: 'short',
-			day: 'numeric',
-			year: 'numeric',
-		});
-	}
-</script>
-
-<Card variant="elevated" class="cursor-pointer hover:shadow-lg transition-shadow" {onclick}>
-	<div class="space-y-3">
-		<!-- Title -->
-		<h3 class="text-lg font-semibold line-clamp-2">{deck.title}</h3>
-
-		<!-- Description -->
-		{#if deck.description}
-			<p class="text-sm text-muted-foreground line-clamp-2">
-				{deck.description}
-			</p>
-		{/if}
-
-		<!-- Tags -->
-		{#if deck.tags && deck.tags.length > 0}
-			<div class="flex flex-wrap gap-2">
-				{#each deck.tags.slice(0, 3) as tag}
-					<Badge variant="default">{tag}</Badge>
-				{/each}
-				{#if deck.tags.length > 3}
-					<Badge variant="default">+{deck.tags.length - 3}</Badge>
-				{/if}
-			</div>
-		{/if}
-
-		<!-- Footer -->
-		<div
-			class="flex items-center justify-between text-sm text-muted-foreground pt-2 border-t border-border"
-		>
-			<div class="flex items-center space-x-2">
-				<span>📇 {deck.card_count || 0} cards</span>
-				{#if deck.is_public}
-					<Badge variant="info">Public</Badge>
-				{/if}
-			</div>
-			<span>{formatDate(deck.updated_at)}</span>
-		</div>
-	</div>
-</Card>
diff --git a/apps/cards/apps/web-archived/src/lib/content/help/index.test.ts b/apps/cards/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 701d3b176..000000000
--- a/apps/cards/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getCardsHelpContent } from './index';
-
-describe('Cards Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getCardsHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getCardsHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getCardsHelpContent('de');
-		const en = getCardsHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getCardsHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/cards/apps/web-archived/src/lib/content/help/index.ts b/apps/cards/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index f065e67d1..000000000
--- a/apps/cards/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-/**
- * Help content for Cards app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getCardsHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-create-decks',
-				question: isDE ? 'Wie erstelle ich Decks und Karten?' : 'How do I create decks and cards?',
-				answer: isDE
-					? '<p>So erstellst du Decks und Karten in Cards:</p><ol><li>Klicke auf <strong>Neues Deck</strong> und gib einen Namen und eine Beschreibung ein</li><li>Öffne das Deck und klicke auf <strong>Karte hinzufügen</strong></li><li>Gib die <strong>Vorderseite</strong> (Frage) und <strong>Rückseite</strong> (Antwort) ein</li><li>Optional: Füge Bilder, Tags oder Notizen hinzu</li></ol><p>Du kannst auch mehrere Karten auf einmal importieren — siehe Import & Export.</p>'
-					: '<p>Here is how to create decks and cards in Cards:</p><ol><li>Click <strong>New Deck</strong> and enter a name and description</li><li>Open the deck and click <strong>Add Card</strong></li><li>Enter the <strong>front</strong> (question) and <strong>back</strong> (answer)</li><li>Optional: Add images, tags, or notes</li></ol><p>You can also import multiple cards at once — see Import & Export.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['deck', 'karten', 'erstellen'] : ['deck', 'cards', 'create'],
-			},
-			{
-				id: 'faq-spaced-repetition',
-				question: isDE ? 'Wie funktioniert Spaced Repetition?' : 'How does spaced repetition work?',
-				answer: isDE
-					? '<p><strong>Spaced Repetition</strong> (verteiltes Wiederholen) ist eine wissenschaftlich fundierte Lernmethode:</p><ul><li>Karten, die du <strong>gut kannst</strong>, werden in größeren Abständen gezeigt</li><li>Karten, die du <strong>noch lernst</strong>, erscheinen häufiger</li><li>Der Algorithmus passt sich automatisch an dein Lerntempo an</li><li>Nach jeder Wiederholung bewertest du dein Wissen: <strong>Nochmal</strong>, <strong>Schwer</strong>, <strong>Gut</strong> oder <strong>Leicht</strong></li></ul><p>So lernst du effizienter und behältst Wissen langfristig.</p>'
-					: '<p><strong>Spaced repetition</strong> is a scientifically proven learning method:</p><ul><li>Cards you <strong>know well</strong> are shown at increasing intervals</li><li>Cards you are <strong>still learning</strong> appear more frequently</li><li>The algorithm automatically adapts to your learning pace</li><li>After each review, rate your knowledge: <strong>Again</strong>, <strong>Hard</strong>, <strong>Good</strong>, or <strong>Easy</strong></li></ul><p>This way you learn more efficiently and retain knowledge long-term.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['spaced-repetition', 'lernen', 'algorithmus', 'wiederholen']
-					: ['spaced-repetition', 'learning', 'algorithm', 'review'],
-			},
-			{
-				id: 'faq-study-sessions',
-				question: isDE ? 'Wie starte ich eine Lernsitzung?' : 'How do I start a study session?',
-				answer: isDE
-					? '<p>So startest du eine Lernsitzung:</p><ol><li>Wähle ein Deck aus deiner Bibliothek</li><li>Klicke auf <strong>Lernen</strong> — die fälligen Karten werden automatisch ausgewählt</li><li>Für jede Karte: Lies die Frage, überlege die Antwort, decke die Rückseite auf</li><li>Bewerte dein Wissen mit den Buttons: Nochmal, Schwer, Gut, Leicht</li></ol><p>Cards zeigt dir an, wie viele Karten <strong>neu</strong>, <strong>fällig</strong> und <strong>zu wiederholen</strong> sind.</p>'
-					: '<p>Here is how to start a study session:</p><ol><li>Select a deck from your library</li><li>Click <strong>Study</strong> — due cards are automatically selected</li><li>For each card: Read the question, think of the answer, reveal the back</li><li>Rate your knowledge with the buttons: Again, Hard, Good, Easy</li></ol><p>Cards shows you how many cards are <strong>new</strong>, <strong>due</strong>, and <strong>to review</strong>.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['lernen', 'sitzung', 'wiederholen'] : ['study', 'session', 'review'],
-			},
-			{
-				id: 'faq-import-export',
-				question: isDE
-					? 'Kann ich Karten importieren und exportieren?'
-					: 'Can I import and export cards?',
-				answer: isDE
-					? '<p>Cards unterstützt verschiedene Import- und Exportformate:</p><ul><li><strong>CSV</strong>: Importiere Karten aus Tabellenkalkulationen (Vorderseite, Rückseite, Tags)</li><li><strong>Anki-Format</strong>: Importiere bestehende Anki-Decks (.apkg)</li><li><strong>JSON</strong>: Für programmatischen Zugriff und Backup</li><li><strong>Export</strong>: Exportiere einzelne Decks oder deine gesamte Bibliothek</li></ul>'
-					: '<p>Cards supports various import and export formats:</p><ul><li><strong>CSV</strong>: Import cards from spreadsheets (front, back, tags)</li><li><strong>Anki format</strong>: Import existing Anki decks (.apkg)</li><li><strong>JSON</strong>: For programmatic access and backup</li><li><strong>Export</strong>: Export individual decks or your entire library</li></ul>',
-				category: 'technical',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['import', 'export', 'csv', 'anki'] : ['import', 'export', 'csv', 'anki'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Karten', dataTypeEN: 'cards' }),
-		],
-		features: [
-			{
-				id: 'feature-deck-management',
-				title: isDE ? 'Deck-Verwaltung' : 'Deck Management',
-				description: isDE
-					? 'Erstelle, organisiere und verwalte deine Karteikarten-Decks'
-					: 'Create, organize, and manage your flashcard decks',
-				icon: '🃏',
-				category: 'core',
-				highlights: isDE
-					? ['Decks & Unterdecks', 'Tags & Kategorien', 'Bilder auf Karten', 'Deck-Statistiken']
-					: ['Decks & sub-decks', 'Tags & categories', 'Images on cards', 'Deck statistics'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-spaced-repetition',
-				title: 'Spaced Repetition',
-				description: isDE
-					? 'Wissenschaftlich fundierter Algorithmus für effizientes Lernen'
-					: 'Scientifically proven algorithm for efficient learning',
-				icon: '🧠',
-				category: 'core',
-				highlights: isDE
-					? ['Adaptiver Algorithmus', 'Optimale Intervalle', 'Lernstatistiken', 'Tägliche Ziele']
-					: ['Adaptive algorithm', 'Optimal intervals', 'Learning statistics', 'Daily goals'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-study-sessions',
-				title: isDE ? 'Lernsitzungen' : 'Study Sessions',
-				description: isDE
-					? 'Starte fokussierte Lernsitzungen mit fälligen Karten'
-					: 'Start focused study sessions with due cards',
-				icon: '📖',
-				category: 'core',
-				highlights: isDE
-					? ['Fällige Karten', 'Bewertungssystem', 'Fortschrittsanzeige', 'Sitzungsstatistiken']
-					: ['Due cards', 'Rating system', 'Progress indicator', 'Session statistics'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-import-export',
-				title: 'Import & Export',
-				description: isDE
-					? 'Importiere aus CSV, Anki und mehr — exportiere jederzeit'
-					: 'Import from CSV, Anki, and more — export anytime',
-				icon: '📦',
-				category: 'advanced',
-				highlights: isDE
-					? ['CSV-Import', 'Anki-Kompatibilität', 'JSON-Export', 'Bibliotheks-Backup']
-					: ['CSV import', 'Anki compatibility', 'JSON export', 'Library backup'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Cards.</p>'
-				: '<p>Our support team is here to help you with any questions about Cards.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/cards/apps/web-archived/src/lib/data/guest-seed.ts b/apps/cards/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 2f69b3fc8..000000000
--- a/apps/cards/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- * Guest seed data for the Cards app.
- *
- * These records are loaded into IndexedDB when a new guest visits the app.
- * They serve as onboarding content that teaches the user how the app works.
- */
-
-import type { LocalDeck, LocalCard } from './local-store';
-
-const ONBOARDING_DECK_ID = 'onboarding-deck';
-
-export const guestDecks: LocalDeck[] = [
-	{
-		id: ONBOARDING_DECK_ID,
-		name: 'Erste Schritte',
-		description: 'Lerne Cards kennen mit diesen Beispiel-Karteikarten.',
-		color: '#6366f1',
-		cardCount: 3,
-		isPublic: false,
-	},
-];
-
-export const guestCards: LocalCard[] = [
-	{
-		id: 'card-1',
-		deckId: ONBOARDING_DECK_ID,
-		front: 'Was ist Cards?',
-		back: 'Cards ist eine Karteikarten-App zum effizienten Lernen mit Spaced Repetition.',
-		difficulty: 1,
-		reviewCount: 0,
-		order: 0,
-	},
-	{
-		id: 'card-2',
-		deckId: ONBOARDING_DECK_ID,
-		front: 'Wie funktioniert Spaced Repetition?',
-		back: 'Karten, die du gut kennst, werden seltener gezeigt. Schwierige Karten erscheinen häufiger, bis du sie beherrschst.',
-		difficulty: 2,
-		reviewCount: 0,
-		order: 1,
-	},
-	{
-		id: 'card-3',
-		deckId: ONBOARDING_DECK_ID,
-		front: 'Wie erstelle ich ein neues Deck?',
-		back: 'Klicke auf den + Button auf der Decks-Seite, um ein neues Deck mit eigenen Karteikarten zu erstellen.',
-		difficulty: 1,
-		reviewCount: 0,
-		order: 2,
-	},
-];
diff --git a/apps/cards/apps/web-archived/src/lib/data/local-store.ts b/apps/cards/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 3a689409a..000000000
--- a/apps/cards/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * Cards — Local-First Data Layer
- *
- * Defines the IndexedDB database, collections, and guest seed data.
- * This is the single source of truth for all Cards data.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestDecks, guestCards } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalDeck extends BaseRecord {
-	name: string;
-	description?: string | null;
-	color: string;
-	cardCount: number;
-	lastStudied?: string | null;
-	isPublic: boolean;
-}
-
-export interface LocalCard extends BaseRecord {
-	deckId: string;
-	front: string;
-	back: string;
-	difficulty: number; // 1-5
-	nextReview?: string | null;
-	reviewCount: number;
-	order: number;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const cardsStore = createLocalStore({
-	appId: 'cards',
-	collections: [
-		{
-			name: 'decks',
-			indexes: ['isPublic'],
-			guestSeed: guestDecks,
-		},
-		{
-			name: 'cards',
-			indexes: ['deckId', 'difficulty', 'nextReview', 'order', '[deckId+order]'],
-			guestSeed: guestCards,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const deckCollection = cardsStore.collection<LocalDeck>('decks');
-export const cardCollection = cardsStore.collection<LocalCard>('cards');
diff --git a/apps/cards/apps/web-archived/src/lib/data/queries.ts b/apps/cards/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 98e036ec9..000000000
--- a/apps/cards/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Cards
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import { deckCollection, cardCollection, type LocalDeck, type LocalCard } from './local-store';
-import type { Deck } from '$lib/types/deck';
-import type { Card } from '$lib/types/card';
-
-// ─── Type Converters ───────────────────────────────────────
-
-export function toDeck(local: LocalDeck): Deck {
-	return {
-		id: local.id,
-		user_id: 'guest',
-		title: local.name,
-		description: local.description ?? undefined,
-		is_public: local.isPublic,
-		settings: {},
-		tags: [],
-		metadata: {},
-		created_at: local.createdAt ?? new Date().toISOString(),
-		updated_at: local.updatedAt ?? new Date().toISOString(),
-		card_count: local.cardCount,
-	};
-}
-
-export function toCard(local: LocalCard): Card {
-	return {
-		id: local.id,
-		deck_id: local.deckId,
-		position: local.order,
-		title: local.front,
-		content: {
-			front: local.front,
-			back: local.back,
-		},
-		card_type: 'flashcard',
-		version: 1,
-		is_favorite: false,
-		created_at: local.createdAt ?? new Date().toISOString(),
-		updated_at: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All decks, auto-updates on any change. */
-export function useAllDecks() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await deckCollection.getAll();
-		return locals.map(toDeck);
-	}, [] as Deck[]);
-}
-
-/** All cards for a specific deck, sorted by order. Auto-updates on any change. */
-export function useCardsByDeck(deckId: string) {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await cardCollection.getAll(
-			{ deckId },
-			{ sortBy: 'order', sortDirection: 'asc' }
-		);
-		return locals.map(toCard);
-	}, [] as Card[]);
-}
-
-/** Single deck by ID. Auto-updates on any change. */
-export function useDeck(deckId: string) {
-	return useLiveQueryWithDefault(
-		async () => {
-			const local = await deckCollection.get(deckId);
-			return local ? toDeck(local) : null;
-		},
-		null as Deck | null
-	);
-}
-
-// ─── Pure Helper Functions ─────────────────────────────────
-
-export function getDeckById(decks: Deck[], id: string): Deck | undefined {
-	return decks.find((d) => d.id === id);
-}
-
-export function getPublicDecks(decks: Deck[]): Deck[] {
-	return decks.filter((d) => d.is_public);
-}
diff --git a/apps/cards/apps/web-archived/src/lib/i18n/index.ts b/apps/cards/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 69ad3c858..000000000
--- a/apps/cards/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('it', () => import('./locales/it.json'));
-register('fr', () => import('./locales/fr.json'));
-register('es', () => import('./locales/es.json'));
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'it', 'fr', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Also export initI18n for backwards compatibility
-export function initI18n() {
-	init({
-		fallbackLocale: defaultLocale,
-		initialLocale: getInitialLocale(),
-	});
-}
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/cards/apps/web-archived/src/lib/i18n/locales/de.json b/apps/cards/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index d62ee3174..000000000
--- a/apps/cards/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"back": "Zurück",
-		"loading": "Lädt..."
-	},
-	"app_slider": {
-		"title": "Teil des Mana Ökosystems",
-		"memoro_desc": "KI-gestützte Sprachnotizen",
-		"memoro_long_desc": "Erfasse deine Gedanken durch Sprache und lasse sie von KI in strukturierte Notizen verwandeln.",
-		"maerchenzauber_desc": "Magische Kindergeschichten",
-		"maerchenzauber_long_desc": "Erstelle personalisierte Kindergeschichten mit KI-generierten Illustrationen.",
-		"cards_desc": "KI Lernkarten",
-		"cards_long_desc": "Erstelle und lerne mit smarten Lernkarten und KI-gestützter Wiederholung.",
-		"moodlit_desc": "Stimmungslicht-Steuerung",
-		"moodlit_long_desc": "Steuere deine smarten Lichter basierend auf deiner Stimmung und Aktivität.",
-		"manacore_desc": "Zentrale Verwaltung",
-		"manacore_long_desc": "Verwalte alle deine Mana-Apps und Einstellungen an einem Ort.",
-		"status_published": "Verfügbar",
-		"status_beta": "Beta",
-		"status_development": "In Entwicklung",
-		"status_planning": "Geplant",
-		"coming_soon": "Bald verfügbar",
-		"download": "App öffnen"
-	}
-}
diff --git a/apps/cards/apps/web-archived/src/lib/i18n/locales/en.json b/apps/cards/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 8beb1ac63..000000000
--- a/apps/cards/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"back": "Back",
-		"loading": "Loading..."
-	},
-	"app_slider": {
-		"title": "Part of the Mana Ecosystem",
-		"memoro_desc": "AI-powered voice notes",
-		"memoro_long_desc": "Capture your thoughts through voice and let AI transform them into structured notes.",
-		"maerchenzauber_desc": "Magical children's stories",
-		"maerchenzauber_long_desc": "Create personalized children's stories with AI-generated illustrations.",
-		"cards_desc": "AI Flashcards",
-		"cards_long_desc": "Create and study with smart flashcards and AI-powered spaced repetition.",
-		"moodlit_desc": "Mood light control",
-		"moodlit_long_desc": "Control your smart lights based on your mood and activity.",
-		"manacore_desc": "Central management",
-		"manacore_long_desc": "Manage all your Mana apps and settings in one place.",
-		"status_published": "Available",
-		"status_beta": "Beta",
-		"status_development": "In Development",
-		"status_planning": "Planned",
-		"coming_soon": "Coming Soon",
-		"download": "Open App"
-	}
-}
diff --git a/apps/cards/apps/web-archived/src/lib/i18n/locales/es.json b/apps/cards/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index 1bc965ef1..000000000
--- a/apps/cards/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-	"common": {
-		"save": "Guardar",
-		"cancel": "Cancelar",
-		"delete": "Eliminar",
-		"back": "Atrás",
-		"loading": "Cargando..."
-	},
-	"app_slider": {
-		"title": "Parte del ecosistema Mana",
-		"memoro_desc": "Notas de voz con IA",
-		"memoro_long_desc": "Captura tus pensamientos con voz y deja que la IA los transforme en notas estructuradas.",
-		"maerchenzauber_desc": "Historias mágicas para niños",
-		"maerchenzauber_long_desc": "Crea historias personalizadas para niños con ilustraciones generadas por IA.",
-		"cards_desc": "Flashcards IA",
-		"cards_long_desc": "Crea y estudia con flashcards inteligentes y repetición espaciada con IA.",
-		"moodlit_desc": "Control de luces ambientales",
-		"moodlit_long_desc": "Controla tus luces inteligentes según tu estado de ánimo y actividades.",
-		"manacore_desc": "Gestión central",
-		"manacore_long_desc": "Gestiona todas tus apps Mana y configuraciones en un solo lugar.",
-		"status_published": "Disponible",
-		"status_beta": "Beta",
-		"status_development": "En Desarrollo",
-		"status_planning": "Planificado",
-		"coming_soon": "Próximamente",
-		"download": "Abrir App"
-	}
-}
diff --git a/apps/cards/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/cards/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index ff07f2cfe..000000000
--- a/apps/cards/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-	"common": {
-		"save": "Enregistrer",
-		"cancel": "Annuler",
-		"delete": "Supprimer",
-		"back": "Retour",
-		"loading": "Chargement..."
-	},
-	"app_slider": {
-		"title": "Partie de l'écosystème Mana",
-		"memoro_desc": "Notes vocales IA",
-		"memoro_long_desc": "Capturez vos pensées par la voix et laissez l'IA les transformer en notes structurées.",
-		"maerchenzauber_desc": "Histoires magiques pour enfants",
-		"maerchenzauber_long_desc": "Créez des histoires personnalisées pour enfants avec des illustrations générées par l'IA.",
-		"cards_desc": "Flashcards IA",
-		"cards_long_desc": "Créez et étudiez avec des flashcards intelligentes et la répétition espacée assistée par IA.",
-		"moodlit_desc": "Contrôle d'éclairage ambiant",
-		"moodlit_long_desc": "Contrôlez vos lumières intelligentes en fonction de votre humeur et de vos activités.",
-		"manacore_desc": "Gestion centrale",
-		"manacore_long_desc": "Gérez toutes vos applications Mana et paramètres en un seul endroit.",
-		"status_published": "Disponible",
-		"status_beta": "Bêta",
-		"status_development": "En Développement",
-		"status_planning": "Planifié",
-		"coming_soon": "Bientôt",
-		"download": "Ouvrir l'App"
-	}
-}
diff --git a/apps/cards/apps/web-archived/src/lib/i18n/locales/it.json b/apps/cards/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index 8dfb2b7e3..000000000
--- a/apps/cards/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-	"common": {
-		"save": "Salva",
-		"cancel": "Annulla",
-		"delete": "Elimina",
-		"back": "Indietro",
-		"loading": "Caricamento..."
-	},
-	"app_slider": {
-		"title": "Parte dell'ecosistema Mana",
-		"memoro_desc": "Note vocali AI",
-		"memoro_long_desc": "Cattura i tuoi pensieri con la voce e lascia che l'AI li trasformi in note strutturate.",
-		"maerchenzauber_desc": "Storie magiche per bambini",
-		"maerchenzauber_long_desc": "Crea storie personalizzate per bambini con illustrazioni generate dall'AI.",
-		"cards_desc": "Flashcard AI",
-		"cards_long_desc": "Crea e studia con flashcard intelligenti e ripetizione spaziata basata su AI.",
-		"moodlit_desc": "Controllo luci ambientali",
-		"moodlit_long_desc": "Controlla le tue luci smart in base al tuo umore e alle tue attività.",
-		"manacore_desc": "Gestione centrale",
-		"manacore_long_desc": "Gestisci tutte le tue app Mana e impostazioni in un unico posto.",
-		"status_published": "Disponibile",
-		"status_beta": "Beta",
-		"status_development": "In Sviluppo",
-		"status_planning": "Pianificato",
-		"coming_soon": "Prossimamente",
-		"download": "Apri App"
-	}
-}
diff --git a/apps/cards/apps/web-archived/src/lib/index.ts b/apps/cards/apps/web-archived/src/lib/index.ts
deleted file mode 100644
index 856f2b6c3..000000000
--- a/apps/cards/apps/web-archived/src/lib/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.
diff --git a/apps/cards/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/cards/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 1c84db461..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-/**
- * Cards-specific onboarding steps
- */
-const cardsOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Cards!',
-		description: 'Das kann Cards für dich tun:',
-		emoji: '🃏',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		bullets: [
-			'Kartendecks erstellen & lernen',
-			'Spaced Repetition für optimales Lernen',
-			'Fortschritt tracken',
-			'Verschiedene Kartentypen',
-		],
-	},
-	{
-		id: 'startAction',
-		type: 'select',
-		question: 'Wie möchtest du starten?',
-		description: 'Du kannst alles jederzeit nachholen.',
-		emoji: '🃏',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		options: [
-			{
-				id: 'create',
-				label: 'Neues Deck erstellen',
-				description: 'Starte mit eigenen Lernkarten',
-				emoji: '✏️',
-			},
-			{
-				id: 'explore',
-				label: 'Decks entdecken',
-				description: 'Finde geteilte Lernsets',
-				emoji: '🔍',
-			},
-			{
-				id: 'later',
-				label: 'Erstmal umschauen',
-				description: 'Die App in Ruhe erkunden',
-				emoji: '👀',
-			},
-		],
-		defaultValue: 'later',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Cards ist bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Erstelle Decks mit Lernkarten für Spaced Repetition',
-			'Nutze die tägliche Lernrunde für optimales Lernen',
-			'Entdecke öffentliche Decks anderer Nutzer',
-			"Drücke 'F' für den Fokus-Modus beim Lernen",
-		],
-	},
-];
-
-/**
- * Cards app onboarding store
- */
-export const cardsOnboarding = createAppOnboardingStore({
-	appId: 'cards',
-	steps: cardsOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/cards/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/cards/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 5df932791..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore();
diff --git a/apps/cards/apps/web-archived/src/lib/stores/cardStore.svelte.ts b/apps/cards/apps/web-archived/src/lib/stores/cardStore.svelte.ts
deleted file mode 100644
index 0da4a6c97..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/cardStore.svelte.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-/**
- * Card Store — Mutation-Only Service
- *
- * All reads are handled by useLiveQuery() hooks in queries.ts.
- * This store only provides write operations (create, update, delete, reorder).
- * IndexedDB writes automatically trigger UI updates via Dexie liveQuery.
- */
-
-import type { Card, CreateCardInput, UpdateCardInput } from '$lib/types/card';
-import { cardCollection, deckCollection, type LocalCard } from '$lib/data/local-store';
-import { toCard } from '$lib/data/queries';
-import { CardsEvents } from '@manacore/shared-utils/analytics';
-
-let error = $state<string | null>(null);
-
-export const cardStore = {
-	get error() {
-		return error;
-	},
-
-	/**
-	 * Create new card -- writes to IndexedDB instantly.
-	 */
-	async createCard(input: CreateCardInput, currentCardCount: number = 0): Promise<Card | null> {
-		error = null;
-		try {
-			const content = input.content as { front?: string; back?: string; text?: string };
-			const newLocal: LocalCard = {
-				id: crypto.randomUUID(),
-				deckId: input.deck_id,
-				front: content.front || content.text || input.title || '',
-				back: content.back || '',
-				difficulty: 1,
-				reviewCount: 0,
-				order: input.position ?? currentCardCount,
-			};
-
-			const inserted = await cardCollection.insert(newLocal);
-
-			// Update deck card count
-			const deck = await deckCollection.get(input.deck_id);
-			if (deck) {
-				await deckCollection.update(input.deck_id, {
-					cardCount: (deck.cardCount || 0) + 1,
-				});
-			}
-
-			CardsEvents.cardCreated();
-			return toCard(inserted);
-		} catch (err: any) {
-			error = err.message || 'Failed to create card';
-			console.error('Create card error:', err);
-			return null;
-		}
-	},
-
-	/**
-	 * Update card -- writes to IndexedDB instantly.
-	 */
-	async updateCard(id: string, updates: UpdateCardInput) {
-		error = null;
-		try {
-			const localUpdates: Partial<LocalCard> = {};
-			if (updates.content) {
-				const content = updates.content as { front?: string; back?: string; text?: string };
-				if (content.front !== undefined) localUpdates.front = content.front;
-				if (content.back !== undefined) localUpdates.back = content.back;
-			}
-			if (updates.title !== undefined) localUpdates.front = updates.title;
-			if (updates.position !== undefined) localUpdates.order = updates.position;
-
-			await cardCollection.update(id, localUpdates);
-		} catch (err: any) {
-			error = err.message || 'Failed to update card';
-			console.error('Update card error:', err);
-		}
-	},
-
-	/**
-	 * Delete card -- writes to IndexedDB instantly.
-	 */
-	async deleteCard(id: string, deckId?: string) {
-		error = null;
-		try {
-			await cardCollection.delete(id);
-
-			// Update deck card count
-			if (deckId) {
-				const deck = await deckCollection.get(deckId);
-				if (deck) {
-					await deckCollection.update(deckId, {
-						cardCount: Math.max(0, (deck.cardCount || 0) - 1),
-					});
-				}
-			}
-
-			CardsEvents.cardDeleted();
-		} catch (err: any) {
-			error = err.message || 'Failed to delete card';
-			console.error('Delete card error:', err);
-		}
-	},
-
-	/**
-	 * Reorder cards -- writes to IndexedDB instantly.
-	 */
-	async reorderCards(deckId: string, cardIds: string[]) {
-		error = null;
-		try {
-			for (let i = 0; i < cardIds.length; i++) {
-				await cardCollection.update(cardIds[i], { order: i } as Partial<LocalCard>);
-			}
-		} catch (err: any) {
-			error = err.message || 'Failed to reorder cards';
-			console.error('Reorder cards error:', err);
-		}
-	},
-
-	/**
-	 * Clear error
-	 */
-	clearError() {
-		error = null;
-	},
-};
diff --git a/apps/cards/apps/web-archived/src/lib/stores/deckStore.svelte.ts b/apps/cards/apps/web-archived/src/lib/stores/deckStore.svelte.ts
deleted file mode 100644
index 8f4bff244..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/deckStore.svelte.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * Deck Store — Mutation-Only Service
- *
- * All reads are handled by useLiveQuery() hooks in queries.ts.
- * This store only provides write operations (create, update, delete).
- * IndexedDB writes automatically trigger UI updates via Dexie liveQuery.
- */
-
-import type { CreateDeckInput, UpdateDeckInput } from '$lib/types/deck';
-import { deckCollection, cardCollection, type LocalDeck } from '$lib/data/local-store';
-import { toDeck } from '$lib/data/queries';
-import { CardsEvents } from '@manacore/shared-utils/analytics';
-import type { Deck } from '$lib/types/deck';
-
-let error = $state<string | null>(null);
-
-export const deckStore = {
-	get error() {
-		return error;
-	},
-
-	/**
-	 * Create new deck -- writes to IndexedDB instantly.
-	 */
-	async createDeck(input: CreateDeckInput): Promise<Deck | null> {
-		error = null;
-		try {
-			const newLocal: LocalDeck = {
-				id: crypto.randomUUID(),
-				name: input.title,
-				description: input.description || null,
-				color: '#6366f1',
-				cardCount: 0,
-				isPublic: input.is_public ?? false,
-			};
-
-			const inserted = await deckCollection.insert(newLocal);
-			CardsEvents.deckCreated();
-			return toDeck(inserted);
-		} catch (err: any) {
-			error = err.message || 'Failed to create deck';
-			console.error('Create deck error:', err);
-			return null;
-		}
-	},
-
-	/**
-	 * Update deck -- writes to IndexedDB instantly.
-	 */
-	async updateDeck(id: string, updates: UpdateDeckInput) {
-		error = null;
-		try {
-			const localUpdates: Partial<LocalDeck> = {};
-			if (updates.title !== undefined) localUpdates.name = updates.title;
-			if (updates.description !== undefined) localUpdates.description = updates.description;
-			if (updates.is_public !== undefined) localUpdates.isPublic = updates.is_public;
-
-			await deckCollection.update(id, localUpdates);
-		} catch (err: any) {
-			error = err.message || 'Failed to update deck';
-			console.error('Update deck error:', err);
-		}
-	},
-
-	/**
-	 * Delete deck -- writes to IndexedDB instantly.
-	 */
-	async deleteDeck(id: string) {
-		error = null;
-		try {
-			// Delete all cards belonging to this deck
-			const cards = await cardCollection.getAll({ deckId: id });
-			for (const card of cards) {
-				await cardCollection.delete(card.id);
-			}
-
-			await deckCollection.delete(id);
-			CardsEvents.deckDeleted();
-		} catch (err: any) {
-			error = err.message || 'Failed to delete deck';
-			console.error('Delete deck error:', err);
-		}
-	},
-
-	/**
-	 * Clear error
-	 */
-	clearError() {
-		error = null;
-	},
-};
diff --git a/apps/cards/apps/web-archived/src/lib/stores/navigation.ts b/apps/cards/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index e922e7ce5..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed } = createSimpleNavigationStores();
diff --git a/apps/cards/apps/web-archived/src/lib/stores/progressStore.svelte.ts b/apps/cards/apps/web-archived/src/lib/stores/progressStore.svelte.ts
deleted file mode 100644
index 4c4574c57..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/progressStore.svelte.ts
+++ /dev/null
@@ -1,307 +0,0 @@
-import type { StudySession, CardProgress, DailyProgress } from '$lib/types/study';
-import { PUBLIC_API_URL } from '$env/static/public';
-import { authService } from '$lib/auth';
-
-// Svelte 5 runes-based progress store
-let studySessions = $state<StudySession[]>([]);
-let cardProgress = $state<CardProgress[]>([]);
-let statistics = $state<Statistics | null>(null);
-let streakInfo = $state<StreakInfo | null>(null);
-let loading = $state(false);
-let error = $state<string | null>(null);
-
-interface Statistics {
-	totalCardsStudied: number;
-	totalStudyTimeMinutes: number;
-	averageAccuracy: number;
-	totalSessions: number;
-}
-
-interface StreakInfo {
-	currentStreak: number;
-	longestStreak: number;
-	lastStudyDate: string;
-	totalStudyDays: number;
-}
-
-/**
- * Helper to make authenticated API requests
- */
-async function apiRequest<T>(endpoint: string, options: RequestInit = {}): Promise<T> {
-	const appToken = await authService.getAppToken();
-	if (!appToken) {
-		throw new Error('Not authenticated');
-	}
-
-	const response = await fetch(`${PUBLIC_API_URL}${endpoint}`, {
-		...options,
-		headers: {
-			'Content-Type': 'application/json',
-			Authorization: `Bearer ${appToken}`,
-			...options.headers,
-		},
-	});
-
-	if (!response.ok) {
-		const errorData = await response.json().catch(() => ({}));
-		throw new Error(errorData.message || `API error: ${response.status}`);
-	}
-
-	return response.json();
-}
-
-/**
- * Map backend session to frontend format
- */
-function mapSessionFromApi(apiSession: any): StudySession {
-	return {
-		id: apiSession.id,
-		deck_id: apiSession.deckId,
-		user_id: apiSession.userId,
-		mode: 'all',
-		total_cards: apiSession.totalCards || 0,
-		completed_cards: apiSession.completedCards || 0,
-		correct_cards: apiSession.correctCards || 0,
-		started_at: apiSession.startedAt,
-		completed_at: apiSession.endedAt,
-		time_spent_seconds: apiSession.timeSpentSeconds || 0,
-	};
-}
-
-/**
- * Map backend card progress to frontend format
- */
-function mapProgressFromApi(apiProgress: any): CardProgress {
-	return {
-		id: apiProgress.id,
-		user_id: apiProgress.userId,
-		card_id: apiProgress.cardId,
-		ease_factor: apiProgress.easeFactor,
-		interval: apiProgress.interval,
-		repetitions: apiProgress.repetitions,
-		last_reviewed: apiProgress.lastReviewed,
-		next_review: apiProgress.nextReview,
-		status: apiProgress.status || 'new',
-		created_at: apiProgress.createdAt,
-		updated_at: apiProgress.updatedAt,
-	};
-}
-
-/**
- * Calculate streak from sessions
- */
-function calculateStreak(sessions: StudySession[]): StreakInfo {
-	if (!sessions || sessions.length === 0) {
-		return {
-			currentStreak: 0,
-			longestStreak: 0,
-			lastStudyDate: '',
-			totalStudyDays: 0,
-		};
-	}
-
-	// Get unique study dates
-	const studyDates = new Set(
-		sessions.map((s) => new Date(s.started_at).toISOString().split('T')[0])
-	);
-	const sortedDates = Array.from(studyDates).sort();
-
-	// Calculate streaks
-	let currentStreak = 0;
-	let longestStreak = 0;
-	let tempStreak = 1;
-
-	const today = new Date().toISOString().split('T')[0];
-	const yesterday = new Date(Date.now() - 86400000).toISOString().split('T')[0];
-
-	const lastStudyDate = sortedDates[sortedDates.length - 1];
-	if (lastStudyDate === today || lastStudyDate === yesterday) {
-		currentStreak = 1;
-
-		for (let i = sortedDates.length - 2; i >= 0; i--) {
-			const prevDate = new Date(sortedDates[i]);
-			const currDate = new Date(sortedDates[i + 1]);
-			const diffDays = Math.floor((currDate.getTime() - prevDate.getTime()) / 86400000);
-
-			if (diffDays === 1) {
-				currentStreak++;
-			} else {
-				break;
-			}
-		}
-	}
-
-	for (let i = 1; i < sortedDates.length; i++) {
-		const prevDate = new Date(sortedDates[i - 1]);
-		const currDate = new Date(sortedDates[i]);
-		const diffDays = Math.floor((currDate.getTime() - prevDate.getTime()) / 86400000);
-
-		if (diffDays === 1) {
-			tempStreak++;
-		} else {
-			longestStreak = Math.max(longestStreak, tempStreak);
-			tempStreak = 1;
-		}
-	}
-	longestStreak = Math.max(longestStreak, tempStreak, currentStreak);
-
-	return {
-		currentStreak,
-		longestStreak,
-		lastStudyDate,
-		totalStudyDays: studyDates.size,
-	};
-}
-
-export const progressStore = {
-	get studySessions() {
-		return studySessions;
-	},
-	get cardProgress() {
-		return cardProgress;
-	},
-	get statistics() {
-		return statistics;
-	},
-	get streakInfo() {
-		return streakInfo;
-	},
-	get loading() {
-		return loading;
-	},
-	get error() {
-		return error;
-	},
-
-	/**
-	 * Fetch all study sessions
-	 */
-	async fetchStudySessions() {
-		loading = true;
-		error = null;
-
-		try {
-			const response = await apiRequest<{ sessions: any[]; count: number }>(
-				'/v1/api/study-sessions'
-			);
-			studySessions = (response.sessions || []).map(mapSessionFromApi);
-
-			// Calculate streak
-			streakInfo = calculateStreak(studySessions);
-		} catch (err: any) {
-			error = err.message || 'Failed to fetch study sessions';
-			console.error('Fetch study sessions error:', err);
-		} finally {
-			loading = false;
-		}
-	},
-
-	/**
-	 * Fetch study session statistics
-	 */
-	async fetchStatistics() {
-		loading = true;
-		error = null;
-
-		try {
-			const [sessionsResponse, progressStatsResponse] = await Promise.all([
-				apiRequest<{ stats: any }>('/v1/api/study-sessions/stats'),
-				apiRequest<{ stats: any }>('/v1/api/progress/stats'),
-			]);
-
-			const sessionStats = sessionsResponse.stats || {};
-			const progressStats = progressStatsResponse.stats || {};
-
-			statistics = {
-				totalCardsStudied: sessionStats.totalCardsStudied || 0,
-				totalStudyTimeMinutes: Math.round((sessionStats.totalTimeSeconds || 0) / 60),
-				averageAccuracy:
-					sessionStats.totalCardsStudied > 0
-						? Math.round(
-								((sessionStats.totalCorrectCards || 0) / sessionStats.totalCardsStudied) * 100
-							)
-						: 0,
-				totalSessions: sessionStats.totalSessions || 0,
-			};
-		} catch (err: any) {
-			error = err.message || 'Failed to fetch statistics';
-			console.error('Fetch statistics error:', err);
-		} finally {
-			loading = false;
-		}
-	},
-
-	/**
-	 * Fetch card progress for a deck
-	 */
-	async fetchDeckProgress(deckId: string) {
-		loading = true;
-		error = null;
-
-		try {
-			const response = await apiRequest<{ progress: any[]; count: number }>(
-				`/v1/api/progress/deck/${deckId}`
-			);
-			cardProgress = (response.progress || []).map(mapProgressFromApi);
-		} catch (err: any) {
-			error = err.message || 'Failed to fetch deck progress';
-			console.error('Fetch deck progress error:', err);
-		} finally {
-			loading = false;
-		}
-	},
-
-	/**
-	 * Fetch due cards
-	 */
-	async fetchDueCards(deckId?: string) {
-		loading = true;
-		error = null;
-
-		try {
-			const endpoint = deckId ? `/v1/api/progress/deck/${deckId}/due` : '/v1/api/progress/due';
-			const response = await apiRequest<{ progress: any[]; count: number }>(endpoint);
-			return (response.progress || []).map(mapProgressFromApi);
-		} catch (err: any) {
-			error = err.message || 'Failed to fetch due cards';
-			console.error('Fetch due cards error:', err);
-			return [];
-		} finally {
-			loading = false;
-		}
-	},
-
-	/**
-	 * Get progress summary for a deck
-	 */
-	getDeckProgressSummary(deckId: string) {
-		const deckProgress = cardProgress.filter((p) => {
-			// This requires cards info - for now return all progress
-			return true;
-		});
-
-		const total = deckProgress.length;
-		const mastered = deckProgress.filter((p) => p.ease_factor >= 2.5 && p.interval >= 21).length;
-		const learning = deckProgress.filter((p) => p.status === 'learning').length;
-		const newCards = deckProgress.filter((p) => p.status === 'new').length;
-		const dueNow = deckProgress.filter((p) => {
-			if (!p.next_review) return false;
-			return new Date(p.next_review) <= new Date();
-		}).length;
-
-		return {
-			total,
-			mastered,
-			learning,
-			newCards,
-			dueNow,
-		};
-	},
-
-	/**
-	 * Clear error
-	 */
-	clearError() {
-		error = null;
-	},
-};
diff --git a/apps/cards/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/cards/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 074782375..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- * Tags are stored in shared IndexedDB ('manacore-tags'), accessible across all apps.
- * Use context ('tags') for reads, tagMutations for writes.
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/cards/apps/web-archived/src/lib/stores/theme.ts b/apps/cards/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 1415854be..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Cards Theme Store
- *
- * Uses the shared theme system with Cards's indigo primary color.
- */
-import { createThemeStore } from '@manacore/shared-theme';
-
-// Re-export types for convenience
-export type { ThemeMode, ThemeVariant, EffectiveMode } from '@manacore/shared-theme';
-
-/**
- * Cards theme store instance
- *
- * - Default variant: ocean (blue)
- * - Custom primary: Indigo (#6366f1)
- * - All 4 theme variants available
- */
-export const theme = createThemeStore({
-	appId: 'cards',
-	defaultVariant: 'ocean',
-	primaryColor: {
-		light: '239 84% 67%', // Indigo #6366f1
-		dark: '239 84% 67%',
-	},
-});
diff --git a/apps/cards/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/cards/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 17099845c..000000000
--- a/apps/cards/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * User Settings Store for Cards
- *
- * This store syncs settings with mana-core-auth and provides:
- * - Global settings that apply to all apps
- * - Per-app overrides for customization
- * - localStorage caching for offline support
- */
-
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'cards',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/cards/apps/web-archived/src/lib/types/auth.ts b/apps/cards/apps/web-archived/src/lib/types/auth.ts
deleted file mode 100644
index 4253556e9..000000000
--- a/apps/cards/apps/web-archived/src/lib/types/auth.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-// Mana Core Authentication Types
-
-export interface ManaUser {
-	id: string;
-	email: string;
-	role: string;
-	name?: string;
-	username?: string;
-	display_name?: string;
-	avatar_url?: string;
-	organizationId?: string;
-	metadata?: Record<string, any>;
-}
-
-export interface AppSettings {
-	b2b?: B2BSettings;
-	[key: string]: any;
-}
-
-export interface B2BSettings {
-	disableRevenueCat?: boolean;
-	organizationId?: string;
-	plan?: string;
-	role?: string;
-}
-
-export interface JwtPayload {
-	// Standard JWT claims
-	sub: string; // User ID
-	iat?: number;
-	exp?: number;
-	nbf?: number;
-	iss?: string;
-	aud?: string | string[];
-
-	// Custom claims
-	email?: string;
-	user_id?: string;
-	session_id?: string;
-	role: string;
-	app_id?: string;
-	app_settings?: AppSettings;
-}
-
-export interface DecodedToken extends JwtPayload {}
-
-export interface AuthTokens {
-	appToken: string;
-	refreshToken: string;
-}
-
-export interface SignInResponse extends AuthTokens {
-	user?: ManaUser;
-}
-
-export interface SignUpResponse extends AuthTokens {
-	user?: ManaUser;
-	message?: string;
-}
-
-export interface AuthError {
-	message: string;
-	statusCode?: number;
-}
-
-export interface CreditBalance {
-	credits: number;
-	userId: string;
-}
-
-export interface DeviceInfo {
-	deviceId: string;
-	deviceName: string;
-	deviceType: 'ios' | 'android' | 'web' | 'desktop';
-	userAgent?: string;
-}
diff --git a/apps/cards/apps/web-archived/src/lib/types/card.ts b/apps/cards/apps/web-archived/src/lib/types/card.ts
deleted file mode 100644
index 1eaad39fd..000000000
--- a/apps/cards/apps/web-archived/src/lib/types/card.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-// Content types for different card types
-export interface TextContent {
-	text: string;
-	formatting?: {
-		bold?: boolean;
-		italic?: boolean;
-		underline?: boolean;
-	};
-}
-
-export interface FlashcardContent {
-	front: string;
-	back: string;
-	hint?: string;
-}
-
-export interface QuizContent {
-	question: string;
-	options: string[];
-	correct_answer: number;
-	explanation?: string;
-}
-
-export interface MixedContent {
-	blocks: ContentBlock[];
-}
-
-export type ContentBlock =
-	| { type: 'text'; data: { text: string } }
-	| { type: 'image'; data: { url: string; caption?: string } }
-	| { type: 'quiz'; data: QuizContent }
-	| { type: 'flashcard'; data: FlashcardContent };
-
-export type CardContent = TextContent | FlashcardContent | QuizContent | MixedContent;
-
-export interface Card {
-	id: string;
-	deck_id: string;
-	position: number;
-	title?: string;
-	content: CardContent;
-	card_type: 'text' | 'flashcard' | 'quiz' | 'mixed';
-	ai_model?: string;
-	ai_prompt?: string;
-	version: number;
-	is_favorite: boolean;
-	created_at: string;
-	updated_at: string;
-}
-
-export interface CreateCardInput {
-	deck_id: string;
-	title?: string;
-	content: CardContent;
-	card_type: 'text' | 'flashcard' | 'quiz' | 'mixed';
-	position?: number;
-}
-
-export interface UpdateCardInput {
-	title?: string;
-	content?: CardContent;
-	card_type?: 'text' | 'flashcard' | 'quiz' | 'mixed';
-	position?: number;
-	is_favorite?: boolean;
-}
diff --git a/apps/cards/apps/web-archived/src/lib/types/credits.ts b/apps/cards/apps/web-archived/src/lib/types/credits.ts
deleted file mode 100644
index e3d950798..000000000
--- a/apps/cards/apps/web-archived/src/lib/types/credits.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-export interface CreditBalance {
-	userId: string;
-	balance: number;
-	currency: string;
-	timestamp: string;
-}
-
-export interface InsufficientCreditsError {
-	error: 'insufficient_credits';
-	message: string;
-	requiredCredits: number;
-	availableCredits: number;
-	operation?: string;
-}
-
-export interface CreditResponse {
-	success?: boolean;
-	creditsUsed?: number;
-	error?: string;
-	message?: string;
-	requiredCredits?: number;
-	availableCredits?: number;
-	operation?: string;
-}
-
-export function isInsufficientCreditsError(error: any): error is InsufficientCreditsError {
-	return error && error.error === 'insufficient_credits';
-}
-
-export function extractCreditError(error: any): InsufficientCreditsError | null {
-	if (isInsufficientCreditsError(error)) {
-		return error;
-	}
-
-	if (error?.response?.data && isInsufficientCreditsError(error.response.data)) {
-		return error.response.data;
-	}
-
-	return null;
-}
diff --git a/apps/cards/apps/web-archived/src/lib/types/deck.ts b/apps/cards/apps/web-archived/src/lib/types/deck.ts
deleted file mode 100644
index 27607420d..000000000
--- a/apps/cards/apps/web-archived/src/lib/types/deck.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-export interface Deck {
-	id: string;
-	user_id: string;
-	title: string;
-	description?: string;
-	cover_image_url?: string;
-	is_public: boolean;
-	settings: Record<string, any>;
-	tags: string[];
-	metadata: Record<string, any>;
-	created_at: string;
-	updated_at: string;
-	card_count?: number;
-}
-
-export interface CreateDeckInput {
-	title: string;
-	description?: string;
-	is_public?: boolean;
-	tags?: string[];
-	settings?: Record<string, any>;
-}
-
-export interface UpdateDeckInput {
-	title?: string;
-	description?: string;
-	is_public?: boolean;
-	tags?: string[];
-	settings?: Record<string, any>;
-}
diff --git a/apps/cards/apps/web-archived/src/lib/types/study.ts b/apps/cards/apps/web-archived/src/lib/types/study.ts
deleted file mode 100644
index 8e99d1e71..000000000
--- a/apps/cards/apps/web-archived/src/lib/types/study.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export type StudyMode = 'all' | 'new' | 'review' | 'favorites' | 'random';
-
-export interface StudySession {
-	id: string;
-	deck_id: string;
-	user_id: string;
-	mode: StudyMode;
-	total_cards: number;
-	completed_cards: number;
-	correct_cards: number;
-	started_at: string;
-	completed_at?: string;
-	time_spent_seconds: number;
-}
-
-export interface CardProgress {
-	id: string;
-	user_id: string;
-	card_id: string;
-	ease_factor: number;
-	interval: number;
-	repetitions: number;
-	last_reviewed?: string;
-	next_review?: string;
-	status: 'new' | 'learning' | 'review' | 'relearning';
-	created_at: string;
-	updated_at: string;
-}
-
-export interface StudyCardResult {
-	cardId: string;
-	quality: 0 | 1 | 2 | 3 | 4 | 5; // SM-2 quality rating
-	timeSpent: number; // seconds
-}
-
-export interface DailyProgress {
-	user_id: string;
-	date: string;
-	cards_studied: number;
-	time_spent_minutes: number;
-	accuracy_percentage: number;
-	decks_studied: string[];
-}
diff --git a/apps/cards/apps/web-archived/src/lib/version.ts b/apps/cards/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index d63b4cfef..000000000
--- a/apps/cards/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.2.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/cards/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index fbff19b2d..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,353 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { setContext } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { isNavCollapsed as collapsedStore } from '$lib/stores/navigation';
-	import { PillNavigation, QuickInputBar, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { filterHiddenNavItems } from '@manacore/shared-theme';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { useAllDecks } from '$lib/data/queries';
-	import { cardsOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { cardsStore } from '$lib/data/local-store';
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('cards', undefined, undefined, authStore.user?.tier));
-
-	// Live queries — auto-update when IndexedDB changes (local writes, sync, other tabs)
-	const allDecks = useAllDecks();
-	const allTags = useAllSharedTags();
-
-	// Provide data to child components via Svelte context
-	setContext('decks', allDecks);
-	setContext('tags', allTags);
-
-	let { children } = $props();
-
-	let isCollapsed = $state(false);
-
-	// Get theme state
-	let isDark = $derived(theme.isDark);
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	// Base navigation items for Cards (Mana and Profile are in user dropdown)
-	const baseNavItems: PillNavItem[] = [
-		{ href: '/decks', label: 'Decks', icon: 'archive' },
-		{ href: '/explore', label: 'Explore', icon: 'search' },
-		{ href: '/progress', label: 'Progress', icon: 'chart' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	];
-
-	// Navigation items filtered by visibility settings (with fallback for guest mode)
-	const navItems = $derived(
-		filterHiddenNavItems('cards', baseNavItems, userSettings.nav?.hiddenNavItems || {})
-	);
-
-	// Get pinned themes from user settings (extended themes only)
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		(userSettings.theme?.pinnedThemes || []).filter((t): t is ThemeVariant =>
-			EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant)
-		)
-	);
-
-	// Visible themes in PillNav: default + pinned extended
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// Guest welcome modal state
-	let showGuestWelcome = $state(false);
-
-	// User email for user dropdown — empty string for guests so PillNav shows login button
-	let userEmail = $derived(authStore.isAuthenticated ? authStore.user?.email || 'Menü' : '');
-
-	// Navigation shortcuts (Ctrl+1-5)
-	const navRoutes = navItems.map((item) => item.href);
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		// Ctrl+Number navigation
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) {
-					goto(route);
-				}
-			}
-		}
-
-		// Single key shortcuts (no modifiers)
-		if (!event.ctrlKey && !event.metaKey && !event.shiftKey && !event.altKey) {
-			if (event.key.toLowerCase() === 't') {
-				event.preventDefault();
-				goto('/themes');
-			}
-		}
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		collapsedStore.set(collapsed);
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('cards-nav-collapsed', String(collapsed));
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleSignOut() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	// QuickInputBar handlers
-	async function handleInputSearch(query: string): Promise<QuickInputItem[]> {
-		const q = query.toLowerCase();
-		return allDecks.value
-			.filter((d) => d.title.toLowerCase().includes(q) || d.description?.toLowerCase().includes(q))
-			.slice(0, 10)
-			.map((deck) => ({
-				id: deck.id,
-				title: deck.title,
-				subtitle: deck.description || undefined,
-			}));
-	}
-
-	function handleInputSelect(item: QuickInputItem) {
-		goto(`/decks/${item.id}`);
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-deck',
-			label: 'Neues Deck',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/new'),
-		},
-		{ id: 'all-decks', label: 'Alle Decks', category: 'Navigation', onExecute: () => goto('/') },
-		{ id: 'study', label: 'Lernen', category: 'Navigation', onExecute: () => goto('/study') },
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		// Initialize local-first database and shared tag store
-		await Promise.all([cardsStore.initialize(), tagLocalStore.initialize()]);
-
-		// If authenticated, start syncing to server
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			cardsStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-
-		// Show guest welcome modal on first visit
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('cards')) {
-			showGuestWelcome = true;
-		}
-
-		if (authStore.isAuthenticated) {
-			// Load user settings (require auth)
-			await userSettings.load();
-		}
-
-		// Redirect to start page if on root and a custom start page is set
-		const currentPath = window.location.pathname;
-		if (currentPath === '/decks' && userSettings.startPage && userSettings.startPage !== '/decks') {
-			goto(userSettings.startPage, { replaceState: true });
-		}
-
-		// Initialize collapsed state from localStorage
-		const savedCollapsed = localStorage.getItem('cards-nav-collapsed');
-		if (savedCollapsed === 'true') {
-			isCollapsed = true;
-			collapsedStore.set(true);
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('cards')?.requiredTier}
-	appName={getManaApp('cards')?.name}
->
-	<div class="min-h-screen bg-background">
-		<!-- Pill Navigation -->
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="Cards"
-			homeRoute="/decks"
-			onLogout={handleSignOut}
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{spotlightActions}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			showThemeVariants={true}
-			{themeVariantItems}
-			{currentThemeVariantLabel}
-			themeMode={theme.mode}
-			onThemeModeChange={handleThemeModeChange}
-			showLanguageSwitcher={true}
-			{languageItems}
-			{currentLanguageLabel}
-			showLogout={authStore.isAuthenticated}
-			loginHref="/login"
-			primaryColor="#6366f1"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			settingsHref="/settings"
-			manaHref="/mana"
-			profileHref="/profile"
-			themesHref="/themes"
-			helpHref="/help"
-			allAppsHref="/apps"
-		/>
-
-		<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-		{#if isTagStripVisible}
-			<TagStrip
-				tags={allTags.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#3b82f6',
-				}))}
-				selectedIds={[]}
-				onToggle={() => {}}
-				onClear={() => {}}
-				managementHref="/tags"
-			/>
-		{/if}
-
-		<!-- Quick Input Bar -->
-		<QuickInputBar
-			onSearch={handleInputSearch}
-			onSelect={handleInputSelect}
-			placeholder="Deck suchen..."
-			emptyText="Keine Decks gefunden"
-			searchingText="Suche..."
-			locale={$locale || 'de'}
-			appIcon="search"
-			bottomOffset="70px"
-		/>
-
-		<!-- Main content -->
-		<main class="pb-24">
-			<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-				{@render children()}
-			</div>
-		</main>
-	</div>
-
-	<!-- Onboarding Modal -->
-	{#if cardsOnboarding.shouldShow}
-		<MiniOnboardingModal store={cardsOnboarding} appName="Cards" appEmoji="🃏" />
-	{/if}
-
-	<!-- Guest Welcome Modal -->
-	<GuestWelcomeModal
-		appId="cards"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-	<SyncIndicator />
-</AuthGate>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/apps/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/apps/+page.svelte
deleted file mode 100644
index dddf23a14..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/apps/+page.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import { AppsPage } from '@manacore/shared-ui';
-</script>
-
-<div class="apps-page-wrapper">
-	<AppsPage currentAppId="cards" locale="de" title="Alle Apps" />
-</div>
-
-<style>
-	.apps-page-wrapper {
-		background-color: hsl(var(--background));
-		min-height: 100%;
-	}
-</style>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/decks/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/decks/+page.svelte
deleted file mode 100644
index a6a5c5ab4..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/decks/+page.svelte
+++ /dev/null
@@ -1,104 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { deckStore } from '$lib/stores/deckStore.svelte';
-	import { Button, ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import DeckCard from '$lib/components/deck/DeckCard.svelte';
-	import CreateDeckModal from '$lib/components/deck/CreateDeckModal.svelte';
-	import type { Deck } from '$lib/types/deck';
-
-	// Get live query data from layout context
-	const allDecks: { readonly value: Deck[] } = getContext('decks');
-
-	let showCreateModal = $state(false);
-	let contextMenu = $state({ visible: false, x: 0, y: 0, target: null as Deck | null });
-
-	function handleDeckClick(deckId: string) {
-		goto(`/decks/${deckId}`);
-	}
-
-	function handleContextMenu(e: MouseEvent, deck: Deck) {
-		e.preventDefault();
-		contextMenu = { visible: true, x: e.clientX, y: e.clientY, target: deck };
-	}
-
-	function getContextMenuItems(deck: Deck): ContextMenuItem[] {
-		return [
-			{
-				id: 'open',
-				label: 'Open',
-				action: () => handleDeckClick(deck.id),
-			},
-			{
-				id: 'divider-1',
-				label: '',
-				type: 'divider',
-			},
-			{
-				id: 'delete',
-				label: 'Delete',
-				variant: 'danger',
-				action: () => deckStore.deleteDeck(deck.id),
-			},
-		];
-	}
-</script>
-
-<svelte:head>
-	<title>My Decks - Cards</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<!-- Header -->
-	<div class="flex items-center justify-between">
-		<div>
-			<h1 class="text-3xl font-bold">My Decks</h1>
-			<p class="text-muted-foreground mt-1">Organize your learning materials into decks</p>
-		</div>
-		<Button onclick={() => (showCreateModal = true)}>
-			<span class="mr-2">+</span>
-			New Deck
-		</Button>
-	</div>
-
-	<!-- Error State -->
-	{#if deckStore.error}
-		<div class="p-4 rounded-lg bg-destructive/10 text-destructive">
-			<p class="font-medium">Error loading decks</p>
-			<p class="text-sm mt-1">{deckStore.error}</p>
-		</div>
-	{:else if allDecks.value.length === 0}
-		<!-- Empty State -->
-		<div class="text-center py-12">
-			<div class="text-6xl mb-4">📚</div>
-			<h3 class="text-xl font-semibold mb-2">No decks yet</h3>
-			<p class="text-muted-foreground mb-6">
-				Create your first deck to start organizing your learning materials
-			</p>
-			<Button onclick={() => (showCreateModal = true)}>Create Your First Deck</Button>
-		</div>
-	{:else}
-		<!-- Decks Grid -->
-		<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-			{#each allDecks.value as deck (deck.id)}
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<div oncontextmenu={(e) => handleContextMenu(e, deck)}>
-					<DeckCard {deck} onclick={() => handleDeckClick(deck.id)} />
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<!-- Create Deck Modal -->
-<CreateDeckModal bind:open={showCreateModal} />
-
-{#if contextMenu.target}
-	<ContextMenu
-		visible={contextMenu.visible}
-		x={contextMenu.x}
-		y={contextMenu.y}
-		items={getContextMenuItems(contextMenu.target)}
-		onClose={() => (contextMenu = { visible: false, x: 0, y: 0, target: null })}
-	/>
-{/if}
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/decks/[id]/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/decks/[id]/+page.svelte
deleted file mode 100644
index 925241941..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/decks/[id]/+page.svelte
+++ /dev/null
@@ -1,169 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { deckStore } from '$lib/stores/deckStore.svelte';
-	import { progressStore } from '$lib/stores/progressStore.svelte';
-	import { useDeck, useCardsByDeck } from '$lib/data/queries';
-	import { Button, Badge, Card } from '@manacore/shared-ui';
-
-	let deckId = $derived($page.params.id);
-	let showDeleteConfirm = $state(false);
-	let deleting = $state(false);
-
-	// Live queries for this deck's data
-	const currentDeck = useDeck(deckId);
-	const deckCards = useCardsByDeck(deckId);
-
-	// Calculate deck-specific progress
-	let dueCount = $state(0);
-	let masteredCount = $state(0);
-
-	onMount(async () => {
-		if (deckId) {
-			await progressStore.fetchDeckProgress(deckId);
-
-			// Calculate progress
-			const progress = progressStore.cardProgress;
-			masteredCount = progress.filter((p) => p.ease_factor >= 2.5 && p.interval >= 21).length;
-			dueCount = progress.filter((p) => {
-				if (!p.next_review) return false;
-				return new Date(p.next_review) <= new Date();
-			}).length;
-		}
-	});
-
-	async function handleDelete() {
-		if (!deckId) return;
-
-		deleting = true;
-		await deckStore.deleteDeck(deckId);
-		deleting = false;
-
-		goto('/decks');
-	}
-
-	function handleStudy() {
-		goto(`/study/${deckId}`);
-	}
-</script>
-
-<svelte:head>
-	<title>{currentDeck.value?.title || 'Deck'} - Cards</title>
-</svelte:head>
-
-{#if currentDeck.value}
-	{@const deck = currentDeck.value}
-	<div class="space-y-6">
-		<!-- Back Button -->
-		<button
-			onclick={() => goto('/decks')}
-			class="text-sm text-muted-foreground hover:text-foreground flex items-center"
-		>
-			<span class="mr-2">←</span>
-			Back to Decks
-		</button>
-
-		<!-- Deck Header -->
-		<div class="flex items-start justify-between">
-			<div class="flex-1">
-				<h1 class="text-3xl font-bold mb-2">{deck.title}</h1>
-				{#if deck.description}
-					<p class="text-muted-foreground mb-4">{deck.description}</p>
-				{/if}
-
-				{#if deck.tags && deck.tags.length > 0}
-					<div class="flex flex-wrap gap-2">
-						{#each deck.tags as tag}
-							<Badge variant="default">{tag}</Badge>
-						{/each}
-					</div>
-				{/if}
-			</div>
-
-			<div class="flex items-center space-x-2">
-				{#if deck.is_public}
-					<Badge variant="info">Public</Badge>
-				{/if}
-				<Button variant="danger" size="sm" onclick={() => (showDeleteConfirm = true)}>
-					Delete
-				</Button>
-			</div>
-		</div>
-
-		<!-- Stats -->
-		<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-			<Card>
-				<div class="text-center">
-					<div class="text-3xl font-bold">{deckCards.value.length || deck.card_count || 0}</div>
-					<div class="text-sm text-muted-foreground">Total Cards</div>
-				</div>
-			</Card>
-			<Card>
-				<div class="text-center">
-					<div class="text-3xl font-bold text-green-500">{masteredCount}</div>
-					<div class="text-sm text-muted-foreground">Mastered</div>
-				</div>
-			</Card>
-			<Card>
-				<div class="text-center">
-					<div class="text-3xl font-bold text-orange-500">{dueCount}</div>
-					<div class="text-sm text-muted-foreground">Due for Review</div>
-				</div>
-			</Card>
-		</div>
-
-		<!-- Actions -->
-		<div class="flex space-x-4">
-			<Button onclick={handleStudy} size="lg">
-				<span class="mr-2">🎯</span>
-				Start Study Session
-			</Button>
-			<Button variant="secondary" onclick={() => goto(`/decks/${deckId}/cards`)}>
-				<span class="mr-2">📝</span>
-				Manage Cards
-			</Button>
-		</div>
-
-		<!-- Recent Cards -->
-		<Card>
-			<h2 class="text-xl font-semibold mb-4">Recent Cards</h2>
-			<div class="text-center text-muted-foreground py-8">
-				{#if (deck.card_count || 0) === 0}
-					<p>No cards yet. Add your first card to get started!</p>
-					<Button class="mt-4" onclick={() => goto(`/decks/${deckId}/cards`)}>Add Cards</Button>
-				{:else}
-					<p>Card list coming soon...</p>
-				{/if}
-			</div>
-		</Card>
-
-		<!-- Delete Confirmation Modal -->
-		{#if showDeleteConfirm}
-			<div
-				class="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
-				onclick={() => (showDeleteConfirm = false)}
-			>
-				<div
-					class="bg-surface-elevated rounded-lg shadow-xl max-w-md w-full mx-4 p-6"
-					onclick={(e) => e.stopPropagation()}
-				>
-					<h3 class="text-xl font-semibold mb-2">Delete Deck?</h3>
-					<p class="text-muted-foreground mb-6">
-						Are you sure you want to delete "{deck.title}"? This action cannot be undone and will
-						also delete all cards in this deck.
-					</p>
-					<div class="flex justify-end space-x-3">
-						<Button variant="ghost" onclick={() => (showDeleteConfirm = false)}>Cancel</Button>
-						<Button variant="danger" loading={deleting} onclick={handleDelete}>Delete Deck</Button>
-					</div>
-				</div>
-			</div>
-		{/if}
-	</div>
-{:else}
-	<div class="text-center py-12">
-		<p class="text-muted-foreground">Deck not found</p>
-		<Button class="mt-4" onclick={() => goto('/decks')}>Back to Decks</Button>
-	</div>
-{/if}
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/explore/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/explore/+page.svelte
deleted file mode 100644
index d068d7630..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/explore/+page.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { Card } from '@manacore/shared-ui';
-</script>
-
-<svelte:head>
-	<title>Explore - Cards</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<div>
-		<h1 class="text-3xl font-bold">Explore</h1>
-		<p class="text-muted-foreground mt-1">Discover public decks from the community</p>
-	</div>
-
-	<Card>
-		<div class="text-center py-12">
-			<div class="text-6xl mb-4">🔍</div>
-			<h3 class="text-xl font-semibold mb-2">Explore Feature</h3>
-			<p class="text-muted-foreground">Browse and discover public decks - Coming soon!</p>
-		</div>
-	</Card>
-</div>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index 9024d5b88..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { feedbackService } from '$lib/api/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<FeedbackPage {feedbackService} appName="Cards" currentUserId={authStore.user?.id} />
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 59e9443c7..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getCardsHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getCardsHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Cards kennen'
-					: 'Find answers and learn how to use Cards',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Cards</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Cards"
-	appId="cards"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index 56b083aa0..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/mana/+page.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-
-	function handleSubscribe(planId: string) {
-		alert(`Subscribe to plan: ${planId}\n\nThis would trigger RevenueCat purchase flow.`);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		alert(`Buy package: ${packageId}\n\nThis would trigger RevenueCat purchase flow.`);
-	}
-</script>
-
-<SubscriptionPage
-	appName="Cards"
-	onSubscribe={handleSubscribe}
-	onBuyPackage={handleBuyPackage}
-	currentPlanId="free"
-/>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 29274922e..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import type { UserProfile, ProfileActions } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-
-	// Map auth store user to UserProfile
-	let userProfile = $derived<UserProfile>({
-		id: authStore.user?.id || '',
-		email: authStore.user?.email || '',
-		role: authStore.user?.role,
-	});
-
-	// Profile actions
-	const actions: ProfileActions = {
-		onLogout: async () => {
-			await authStore.signOut();
-			goto('/login');
-		},
-		onDeleteAccount: () => {
-			alert('Konto löschen ist noch nicht implementiert.');
-		},
-	};
-</script>
-
-<ProfilePage
-	user={userProfile}
-	appName="Cards"
-	{actions}
-	pageTitle="Profil"
-	accountInfoTitle="Konto-Informationen"
-	actionsTitle="Aktionen"
-	emailLabel="E-Mail"
-	nameLabel="Name"
-	memberSinceLabel="Mitglied seit"
-	lastLoginLabel="Letzter Login"
-	roleLabel="Rolle"
-	editProfileLabel="Profil bearbeiten"
-	changePasswordLabel="Passwort ändern"
-	logoutLabel="Abmelden"
-	deleteAccountLabel="Konto löschen"
-	deleteAccountWarning="Diese Aktion kann nicht rückgängig gemacht werden."
-/>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/progress/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/progress/+page.svelte
deleted file mode 100644
index fdfafb4d6..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/progress/+page.svelte
+++ /dev/null
@@ -1,137 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { Card } from '@manacore/shared-ui';
-	import { progressStore } from '$lib/stores/progressStore.svelte';
-
-	onMount(() => {
-		progressStore.fetchStudySessions();
-		progressStore.fetchStatistics();
-	});
-</script>
-
-<svelte:head>
-	<title>Progress - Cards</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<div>
-		<h1 class="text-3xl font-bold">Progress</h1>
-		<p class="text-muted-foreground mt-1">Track your learning progress and statistics</p>
-	</div>
-
-	{#if progressStore.loading}
-		<div class="flex justify-center py-8">
-			<div
-				class="inline-block animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full"
-			></div>
-		</div>
-	{:else}
-		<!-- Stats Overview -->
-		<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
-			<Card>
-				<div class="text-center">
-					<div class="text-3xl font-bold">
-						{progressStore.statistics?.totalCardsStudied || 0}
-					</div>
-					<div class="text-sm text-muted-foreground">Cards Studied</div>
-				</div>
-			</Card>
-			<Card>
-				<div class="text-center">
-					<div class="text-3xl font-bold text-orange-500">
-						🔥 {progressStore.streakInfo?.currentStreak || 0}
-					</div>
-					<div class="text-sm text-muted-foreground">Current Streak</div>
-				</div>
-			</Card>
-			<Card>
-				<div class="text-center">
-					<div class="text-3xl font-bold">
-						{progressStore.statistics?.averageAccuracy || 0}%
-					</div>
-					<div class="text-sm text-muted-foreground">Average Accuracy</div>
-				</div>
-			</Card>
-			<Card>
-				<div class="text-center">
-					<div class="text-3xl font-bold">
-						{progressStore.statistics?.totalStudyTimeMinutes || 0}
-					</div>
-					<div class="text-sm text-muted-foreground">Minutes Studied</div>
-				</div>
-			</Card>
-		</div>
-
-		<!-- Streak Info -->
-		<Card>
-			<h2 class="text-xl font-semibold mb-4">📊 Study Streak</h2>
-			<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-				<div class="text-center p-4 bg-surface rounded-lg">
-					<div class="text-2xl font-bold text-orange-500">
-						{progressStore.streakInfo?.currentStreak || 0}
-					</div>
-					<div class="text-sm text-muted-foreground">Current Streak</div>
-				</div>
-				<div class="text-center p-4 bg-surface rounded-lg">
-					<div class="text-2xl font-bold text-yellow-500">
-						{progressStore.streakInfo?.longestStreak || 0}
-					</div>
-					<div class="text-sm text-muted-foreground">Longest Streak</div>
-				</div>
-				<div class="text-center p-4 bg-surface rounded-lg">
-					<div class="text-2xl font-bold">
-						{progressStore.streakInfo?.totalStudyDays || 0}
-					</div>
-					<div class="text-sm text-muted-foreground">Total Study Days</div>
-				</div>
-				<div class="text-center p-4 bg-surface rounded-lg">
-					<div class="text-2xl font-bold">
-						{progressStore.statistics?.totalSessions || 0}
-					</div>
-					<div class="text-sm text-muted-foreground">Total Sessions</div>
-				</div>
-			</div>
-		</Card>
-
-		<!-- Recent Sessions -->
-		<Card>
-			<h2 class="text-xl font-semibold mb-4">📚 Recent Study Sessions</h2>
-			{#if progressStore.studySessions.length === 0}
-				<div class="text-center py-8">
-					<div class="text-4xl mb-4">🎯</div>
-					<p class="text-muted-foreground">No study sessions yet.</p>
-					<p class="text-muted-foreground text-sm mt-2">
-						Start studying a deck to see your progress here!
-					</p>
-				</div>
-			{:else}
-				<div class="space-y-3">
-					{#each progressStore.studySessions.slice(0, 10) as session}
-						<div class="flex items-center justify-between p-3 bg-surface rounded-lg">
-							<div>
-								<div class="font-medium">
-									{new Date(session.started_at).toLocaleDateString('de-DE', {
-										weekday: 'short',
-										day: 'numeric',
-										month: 'short',
-									})}
-								</div>
-								<div class="text-sm text-muted-foreground">
-									{session.completed_cards} cards • {Math.round(session.time_spent_seconds / 60)} min
-								</div>
-							</div>
-							<div class="text-right">
-								<div class="font-semibold">
-									{session.completed_cards > 0
-										? Math.round((session.correct_cards / session.completed_cards) * 100)
-										: 0}%
-								</div>
-								<div class="text-sm text-muted-foreground">accuracy</div>
-							</div>
-						</div>
-					{/each}
-				</div>
-			{/if}
-		</Card>
-	{/if}
-</div>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 00e8cac54..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		GlobalSettingsSection,
-	} from '@manacore/shared-ui';
-	import { Info } from '@manacore/shared-icons';
-
-	onMount(async () => {
-		await userSettings.load();
-	});
-</script>
-
-<svelte:head>
-	<title>Einstellungen - Cards</title>
-</svelte:head>
-
-<SettingsPage title="Einstellungen" subtitle="Passe die App an deine Vorlieben an.">
-	<!-- Global Settings Section (synced across all apps) -->
-	<GlobalSettingsSection {userSettings} appId="cards" />
-
-	<!-- About Section -->
-	<SettingsSection title="Über">
-		{#snippet icon()}
-			<Info />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="Version" border={false}>
-				<span class="text-[hsl(var(--muted-foreground))]">1.0.0</span>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index 49c105125..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | Cards</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/cards/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/cards/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 922a91b31..000000000
--- a/apps/cards/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Cards</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/decks')}
-/>
diff --git a/apps/cards/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/cards/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 27d613061..000000000
--- a/apps/cards/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { CardsLogo } from '@manacore/shared-branding';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	async function handleForgotPassword(email: string) {
-		return authStore.forgotPassword(email);
-	}
-</script>
-
-<ForgotPasswordPage
-	appName="Cards"
-	logo={CardsLogo}
-	primaryColor="#8b5cf6"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#faf5ff"
-	darkBackground="#1a1625"
->
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</ForgotPasswordPage>
diff --git a/apps/cards/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/cards/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 17fd2bab6..000000000
--- a/apps/cards/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { CardsLogo } from '@manacore/shared-branding';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<LoginPage
-	appName="Cards"
-	logo={CardsLogo}
-	primaryColor="#8b5cf6"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect="/decks"
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#faf5ff"
-	darkBackground="#1a1625"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</LoginPage>
diff --git a/apps/cards/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/cards/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index bf3e3cc6a..000000000
--- a/apps/cards/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { CardsLogo } from '@manacore/shared-branding';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Cards</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Cards"
-	logo={CardsLogo}
-	primaryColor="#8b5cf6"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect="/decks"
-	loginPath="/login"
-	lightBackground="#faf5ff"
-	darkBackground="#1a1625"
-	{translations}
->
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</RegisterPage>
diff --git a/apps/cards/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/cards/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 9dbd33c91..000000000
--- a/apps/cards/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { CardsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Cards</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-violet-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<CardsLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #8b5cf6">Cards</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #8b5cf6"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #8b5cf680; border-color: #8b5cf6"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #8b5cf6"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #8b5cf6"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/cards/apps/web-archived/src/routes/+layout.svelte b/apps/cards/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 5067c4bbf..000000000
--- a/apps/cards/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import favicon from '$lib/assets/favicon.svg';
-	import { theme } from '$lib/stores/theme';
-	import { onMount } from 'svelte';
-
-	let { children } = $props();
-
-	onMount(() => {
-		const cleanup = theme.initialize();
-		return cleanup;
-	});
-</script>
-
-<svelte:head>
-	<link rel="icon" href={favicon} />
-</svelte:head>
-
-{@render children()}
diff --git a/apps/cards/apps/web-archived/src/routes/+layout.ts b/apps/cards/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index 8c482a26a..000000000
--- a/apps/cards/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { waitLocale } from '$lib/i18n';
-import '$lib/i18n'; // This triggers the init() call at module scope
-
-export const load = async () => {
-	await waitLocale();
-	return {};
-};
diff --git a/apps/cards/apps/web-archived/src/routes/+page.svelte b/apps/cards/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index c4d6b11b4..000000000
--- a/apps/cards/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	onMount(async () => {
-		await authStore.initialize();
-
-		if (authStore.isAuthenticated) {
-			goto('/decks');
-		} else {
-			goto('/login');
-		}
-	});
-</script>
-
-<div class="min-h-screen flex items-center justify-center">
-	<div class="text-center">
-		<div
-			class="inline-block animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full"
-		></div>
-		<p class="mt-4 text-muted-foreground">Loading...</p>
-	</div>
-</div>
diff --git a/apps/cards/apps/web-archived/src/routes/health/+server.ts b/apps/cards/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 949c64729..000000000
--- a/apps/cards/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'cards-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/cards/apps/web-archived/src/routes/offline/+page.svelte b/apps/cards/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 00416310c..000000000
--- a/apps/cards/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Cards"
-	offlineMessage="Cards benötigt eine Internetverbindung für deine Kartendecks."
-	accentColor="#d97706"
-/>
diff --git a/apps/cards/apps/web-archived/src/routes/offline/+page.ts b/apps/cards/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/cards/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/cards/apps/web-archived/static/images/app-icons/cards-logo-gradient.png b/apps/cards/apps/web-archived/static/images/app-icons/cards-logo-gradient.png
deleted file mode 100644
index 7bb2798b3..000000000
Binary files a/apps/cards/apps/web-archived/static/images/app-icons/cards-logo-gradient.png and /dev/null differ
diff --git a/apps/cards/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png b/apps/cards/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png
deleted file mode 100644
index e47ad9138..000000000
Binary files a/apps/cards/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png and /dev/null differ
diff --git a/apps/cards/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png b/apps/cards/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png
deleted file mode 100644
index 7bb2798b3..000000000
Binary files a/apps/cards/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png and /dev/null differ
diff --git a/apps/cards/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png b/apps/cards/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png
deleted file mode 100644
index f7bbee22d..000000000
Binary files a/apps/cards/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png and /dev/null differ
diff --git a/apps/cards/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png b/apps/cards/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png
deleted file mode 100644
index 69fcd68a1..000000000
Binary files a/apps/cards/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png and /dev/null differ
diff --git a/apps/cards/apps/web-archived/static/robots.txt b/apps/cards/apps/web-archived/static/robots.txt
deleted file mode 100644
index b6dd6670c..000000000
--- a/apps/cards/apps/web-archived/static/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# allow crawling everything by default
-User-agent: *
-Disallow:
diff --git a/apps/cards/apps/web-archived/svelte.config.js b/apps/cards/apps/web-archived/svelte.config.js
deleted file mode 100644
index 7664b57cd..000000000
--- a/apps/cards/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	// Consult https://svelte.dev/docs/kit/integrations
-	// for more information about preprocessors
-	preprocess: vitePreprocess(),
-
-	kit: {
-		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
-		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
-		// See https://svelte.dev/docs/kit/adapters for more information about adapters.
-		adapter: adapter(),
-	},
-};
-
-export default config;
diff --git a/apps/cards/apps/web-archived/tailwind.config.js.bak b/apps/cards/apps/web-archived/tailwind.config.js.bak
deleted file mode 100644
index a5e29e3ef..000000000
--- a/apps/cards/apps/web-archived/tailwind.config.js.bak
+++ /dev/null
@@ -1,12 +0,0 @@
-import preset from '@manacore/shared-tailwind/preset';
-
-/** @type {import('tailwindcss').Config} */
-export default {
-	presets: [preset],
-	content: [
-		'./src/**/*.{html,js,svelte,ts}',
-		'../../../packages/shared-ui/src/**/*.{html,js,svelte,ts}',
-		'../../../packages/shared-auth-ui/src/**/*.{html,js,svelte,ts}',
-	],
-	plugins: [require('@tailwindcss/typography')],
-};
diff --git a/apps/cards/apps/web-archived/tsconfig.json b/apps/cards/apps/web-archived/tsconfig.json
deleted file mode 100644
index 5a3b413ed..000000000
--- a/apps/cards/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowImportingTsExtensions": true,
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-	//
-	// To make changes to top-level options such as include and exclude, we recommend extending
-	// the generated config; see https://svelte.dev/docs/kit/configuration#typescript
-}
diff --git a/apps/cards/apps/web-archived/vite.config.ts b/apps/cards/apps/web-archived/vite.config.ts
deleted file mode 100644
index 5d471a3cd..000000000
--- a/apps/cards/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Cards - Kartendecks',
-				shortName: 'Cards',
-				description: 'Kartendecks erstellen und lernen',
-				themeColor: '#f59e0b',
-			})
-		),
-	],
-	server: {
-		port: 5176,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/chat/apps/web-archived/.env.example b/apps/chat/apps/web-archived/.env.example
deleted file mode 100644
index d683ba963..000000000
--- a/apps/chat/apps/web-archived/.env.example
+++ /dev/null
@@ -1,5 +0,0 @@
-# Mana Core Auth Configuration
-PUBLIC_MANA_CORE_AUTH_URL=http://localhost:3001
-
-# Chat Backend API
-PUBLIC_BACKEND_URL=http://localhost:3002
diff --git a/apps/chat/apps/web-archived/Dockerfile b/apps/chat/apps/web-archived/Dockerfile
deleted file mode 100644
index 99131c30b..000000000
--- a/apps/chat/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,32 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://chat-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/chat/packages/chat-types ./apps/chat/packages/chat-types
-COPY apps/chat/apps/web ./apps/chat/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/chat/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/chat/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/chat/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/chat/apps/web/build ./build
-COPY --from=builder /app/apps/chat/apps/web/package.json ./
-
-EXPOSE 5010
-ENV NODE_ENV=production PORT=5010 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5010/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/chat/apps/web-archived/eslint.config.js b/apps/chat/apps/web-archived/eslint.config.js
deleted file mode 100644
index f0e51b62e..000000000
--- a/apps/chat/apps/web-archived/eslint.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-check
-import {
-	baseConfig,
-	typescriptConfig,
-	svelteConfig,
-	prettierConfig,
-} from '@manacore/eslint-config';
-
-export default [
-	{
-		ignores: ['dist/**', '.svelte-kit/**', 'node_modules/**'],
-	},
-	...baseConfig,
-	...typescriptConfig,
-	...svelteConfig,
-	...prettierConfig,
-];
diff --git a/apps/chat/apps/web-archived/package.json b/apps/chat/apps/web-archived/package.json
deleted file mode 100644
index 3e11b9886..000000000
--- a/apps/chat/apps/web-archived/package.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"name": "@chat/web",
-	"private": true,
-	"version": "0.3.0",
-	"type": "module",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"type-check": "svelte-kit sync && svelte-check --threshold error",
-		"lint": "eslint ."
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-auto": "^6.0.0",
-		"@sveltejs/adapter-node": "^5.4.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^6.2.0",
-		"@tailwindcss/typography": "^0.5.19",
-		"@tailwindcss/vite": "^4.1.7",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"autoprefixer": "^10.4.21",
-		"postcss": "^8.5.6",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.17",
-		"typescript": "^5.9.3",
-		"vite": "^7.1.7"
-	},
-	"dependencies": {
-		"@chat/types": "workspace:*",
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"marked": "^17.0.0",
-		"svelte-i18n": "^4.0.1"
-	}
-}
diff --git a/apps/chat/apps/web-archived/src/app.css b/apps/chat/apps/web-archived/src/app.css
deleted file mode 100644
index c29749613..000000000
--- a/apps/chat/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,10 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-@source "../../../../packages/shared-theme-ui/src";
-@source "../../../../packages/shared-theme-ui/src/components";
-@source "../../../../packages/shared-theme-ui/src/pages";
diff --git a/apps/chat/apps/web-archived/src/app.d.ts b/apps/chat/apps/web-archived/src/app.d.ts
deleted file mode 100644
index 2ae80f0cd..000000000
--- a/apps/chat/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
-
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-
-declare global {
-	namespace App {
-		// interface Error {}
-		interface Locals {
-			// Auth is now handled client-side via Mana Core Auth
-		}
-		interface PageData {
-			pathname?: string;
-		}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/apps/chat/apps/web-archived/src/app.html b/apps/chat/apps/web-archived/src/app.html
deleted file mode 100644
index 77a5ff52c..000000000
--- a/apps/chat/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/chat/apps/web-archived/src/hooks.client.ts b/apps/chat/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 15549bb31..000000000
--- a/apps/chat/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'chat-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/chat/apps/web-archived/src/hooks.server.ts b/apps/chat/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index b85e13116..000000000
--- a/apps/chat/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			// Inject runtime environment variables into the HTML
-			// These will be available on window.__PUBLIC_*__ for client-side code
-			// Use JSON.stringify to prevent HTML/script injection
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/chat/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/chat/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index b36ac8d18..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { AppSlider } from '@manacore/shared-ui';
-	import type { AppItem } from '@manacore/shared-ui';
-	import { getActiveManaApps, APP_STATUS_LABELS, APP_SLIDER_LABELS } from '@manacore/shared-branding';
-
-	// Convert active apps to AppItem format (German)
-	const apps: AppItem[] = getActiveManaApps().map((app) => ({
-		name: app.name,
-		description: app.description.de,
-		longDescription: app.longDescription.de,
-		icon: app.icon,
-		color: app.color,
-		comingSoon: app.comingSoon,
-		status: app.status,
-	}));
-
-	const statusLabels = APP_STATUS_LABELS.de;
-	const labels = APP_SLIDER_LABELS.de;
-
-	function handleAppClick(app: AppItem, index: number) {
-		console.log('Opening app:', app.name);
-	}
-</script>
-
-<AppSlider
-	{apps}
-	title={labels.title}
-	isDark={false}
-	{statusLabels}
-	comingSoonLabel={labels.comingSoon}
-	openAppLabel={labels.openApp}
-	onAppClick={handleAppClick}
-/>
diff --git a/apps/chat/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/chat/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/chat/apps/web-archived/src/lib/components/chat/ChatInput.svelte b/apps/chat/apps/web-archived/src/lib/components/chat/ChatInput.svelte
deleted file mode 100644
index 7410a7c3c..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/chat/ChatInput.svelte
+++ /dev/null
@@ -1,149 +0,0 @@
-<script lang="ts">
-	import { PaperPlaneTilt, FileText, CaretDown } from '@manacore/shared-icons';
-	import type { AIModel } from '@chat/types';
-
-	interface Props {
-		onSend: (message: string) => void;
-		disabled?: boolean;
-		placeholder?: string;
-		models?: AIModel[];
-		selectedModelId?: string;
-		onModelSelect?: (modelId: string) => void;
-		documentMode?: boolean;
-		onDocumentModeToggle?: () => void;
-	}
-
-	let {
-		onSend,
-		disabled = false,
-		placeholder = 'Nachricht eingeben...',
-		models = [],
-		selectedModelId = '',
-		onModelSelect,
-		documentMode = false,
-		onDocumentModeToggle,
-	}: Props = $props();
-
-	let inputValue = $state('');
-	let textareaEl: HTMLTextAreaElement | undefined = $state();
-
-	// Focus input on mount
-	let hasFocused = false;
-	$effect(() => {
-		if (textareaEl && !disabled && !hasFocused) {
-			textareaEl.focus();
-			hasFocused = true;
-		}
-	});
-
-	function handleSubmit() {
-		const trimmed = inputValue.trim();
-		if (trimmed && !disabled) {
-			onSend(trimmed);
-			inputValue = '';
-			// Reset textarea height
-			if (textareaEl) {
-				textareaEl.style.height = 'auto';
-			}
-		}
-	}
-
-	function handleKeyDown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && !e.shiftKey) {
-			e.preventDefault();
-			handleSubmit();
-		}
-	}
-
-	function handleInput() {
-		// Auto-resize textarea
-		if (textareaEl) {
-			textareaEl.style.height = 'auto';
-			textareaEl.style.height = Math.min(textareaEl.scrollHeight, 200) + 'px';
-		}
-	}
-</script>
-
-<div class="relative">
-	<div
-		class="flex flex-col gap-2 rounded-2xl bg-white/80 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/20 p-2 shadow-lg"
-	>
-		<!-- Input Row -->
-		<div class="flex items-end gap-3">
-			<div class="flex-1 relative">
-				<textarea
-					bind:this={textareaEl}
-					bind:value={inputValue}
-					onkeydown={handleKeyDown}
-					oninput={handleInput}
-					{placeholder}
-					{disabled}
-					rows="1"
-					class="w-full resize-none rounded-xl border-0 bg-transparent
-	               px-4 py-3 text-sm text-foreground
-	               focus:outline-none focus:ring-0
-	               disabled:opacity-50 disabled:cursor-not-allowed
-	               placeholder:text-muted-foreground"
-				></textarea>
-			</div>
-			<button
-				onclick={handleSubmit}
-				disabled={disabled || !inputValue.trim()}
-				aria-label="Nachricht senden"
-				class="flex-shrink-0 p-3 rounded-xl bg-white/90 dark:bg-white/20 backdrop-blur-sm
-	             border border-black/10 dark:border-white/20 text-primary
-	             hover:bg-white dark:hover:bg-white/30 hover:shadow-lg
-	             disabled:opacity-50 disabled:cursor-not-allowed
-	             transition-all duration-200 shadow-md"
-			>
-				<PaperPlaneTilt size={20} weight="bold" />
-			</button>
-		</div>
-
-		<!-- Options Row -->
-		{#if models.length > 0 || onDocumentModeToggle}
-			<div class="flex items-center gap-2 px-2">
-				<!-- Model Selector -->
-				{#if models.length > 0 && onModelSelect}
-					<div class="relative">
-						<select
-							value={selectedModelId}
-							onchange={(e) => onModelSelect?.((e.target as HTMLSelectElement).value)}
-							{disabled}
-							class="appearance-none bg-white/50 dark:bg-white/10 text-foreground text-xs font-medium rounded-lg pl-3 pr-7 py-1.5 border border-black/5 dark:border-white/10 focus:outline-none focus:ring-1 focus:ring-primary/50 disabled:opacity-50 cursor-pointer transition-colors hover:bg-white/80 dark:hover:bg-white/20"
-						>
-							{#each models as model (model.id)}
-								<option value={model.id}>{model.name}</option>
-							{/each}
-						</select>
-						<div class="absolute inset-y-0 right-1.5 flex items-center pointer-events-none">
-							<CaretDown size={12} weight="bold" class="text-muted-foreground" />
-						</div>
-					</div>
-				{/if}
-
-				<!-- Spacer -->
-				<div class="flex-1"></div>
-
-				<!-- Document Mode Toggle -->
-				{#if onDocumentModeToggle}
-					<button
-						onclick={onDocumentModeToggle}
-						{disabled}
-						class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg transition-all duration-200 disabled:opacity-50
-                     {documentMode
-							? 'bg-primary/20 text-primary border border-primary/30'
-							: 'bg-white/50 dark:bg-white/10 text-muted-foreground border border-black/5 dark:border-white/10 hover:bg-white/80 dark:hover:bg-white/20 hover:text-foreground'}"
-						title="Dokumentmodus aktivieren"
-					>
-						<FileText size={14} weight={documentMode ? 'fill' : 'bold'} />
-						<span>Dokument</span>
-					</button>
-				{/if}
-			</div>
-		{/if}
-	</div>
-	<p class="text-xs text-muted-foreground text-center mt-2 opacity-70">
-		Enter zum Senden, Shift+Enter für neue Zeile
-	</p>
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/chat/ChatLayout.svelte b/apps/chat/apps/web-archived/src/lib/components/chat/ChatLayout.svelte
deleted file mode 100644
index 7c93cd42d..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/chat/ChatLayout.svelte
+++ /dev/null
@@ -1,552 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy, getContext } from 'svelte';
-	import { page } from '$app/stores';
-	import { conversationsStore } from '$lib/stores/conversations.svelte';
-	import { filterBySearch, splitPinned } from '$lib/data/queries';
-	import type { Conversation } from '@chat/types';
-	import { isSidebarMode, isNavCollapsed } from '$lib/stores/navigation';
-	import {
-		MagnifyingGlass,
-		X,
-		Plus,
-		ChatCircle,
-		Archive,
-		Trash,
-		PushPin,
-	} from '@manacore/shared-icons';
-	import { ConfirmationModal } from '@manacore/shared-ui';
-	import { goto } from '$app/navigation';
-	import type { Snippet } from 'svelte';
-
-	interface Props {
-		children: Snippet;
-	}
-
-	let { children }: Props = $props();
-
-	// Delete confirmation modal state
-	let showDeleteModal = $state(false);
-	let deleteTargetId = $state<string | null>(null);
-	let isDeleting = $state(false);
-
-	// Resizer state
-	let leftColumnWidth = $state(320);
-	let isResizing = $state(false);
-	const MIN_WIDTH = 260;
-	const MAX_WIDTH = 450;
-
-	// Search state with debouncing
-	let searchQuery = $state('');
-	let debouncedSearchQuery = $state('');
-	let searchDebounceTimer: ReturnType<typeof setTimeout> | null = null;
-
-	// Debounce search input (200ms delay)
-	$effect(() => {
-		if (searchDebounceTimer) {
-			clearTimeout(searchDebounceTimer);
-		}
-		searchDebounceTimer = setTimeout(() => {
-			debouncedSearchQuery = searchQuery;
-		}, 200);
-
-		return () => {
-			if (searchDebounceTimer) {
-				clearTimeout(searchDebounceTimer);
-			}
-		};
-	});
-
-	// Get conversations from context (live query)
-	const conversationsCtx: { readonly value: Conversation[] } = getContext('conversations');
-	let conversations = $derived(conversationsCtx.value);
-
-	// Filtered conversations based on debounced search
-	let filteredConversations = $derived(filterBySearch(conversations, debouncedSearchQuery));
-
-	// Split into pinned and unpinned
-	let { pinned: pinnedConversations, unpinned: unpinnedConversations } = $derived(
-		splitPinned(filteredConversations)
-	);
-
-	// Date section types
-	type DateSection = 'today' | 'yesterday' | 'thisWeek' | 'thisMonth' | 'older';
-
-	const sectionLabels: Record<DateSection, string> = {
-		today: 'Heute',
-		yesterday: 'Gestern',
-		thisWeek: 'Diese Woche',
-		thisMonth: 'Dieser Monat',
-		older: 'Älter',
-	};
-
-	function getDateSection(dateString: string): DateSection {
-		const date = new Date(dateString);
-		const now = new Date();
-
-		// Reset time to compare just dates
-		const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-		const yesterday = new Date(today);
-		yesterday.setDate(yesterday.getDate() - 1);
-
-		const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-
-		if (dateOnly.getTime() === today.getTime()) {
-			return 'today';
-		}
-		if (dateOnly.getTime() === yesterday.getTime()) {
-			return 'yesterday';
-		}
-
-		// This week (last 7 days)
-		const weekAgo = new Date(today);
-		weekAgo.setDate(weekAgo.getDate() - 7);
-		if (dateOnly > weekAgo) {
-			return 'thisWeek';
-		}
-
-		// This month
-		const monthAgo = new Date(today);
-		monthAgo.setDate(monthAgo.getDate() - 30);
-		if (dateOnly > monthAgo) {
-			return 'thisMonth';
-		}
-
-		return 'older';
-	}
-
-	// Group unpinned conversations by date sections
-	let groupedConversations = $derived(() => {
-		const groups: Record<DateSection, typeof unpinnedConversations> = {
-			today: [],
-			yesterday: [],
-			thisWeek: [],
-			thisMonth: [],
-			older: [],
-		};
-
-		for (const conv of unpinnedConversations) {
-			const section = getDateSection(conv.updatedAt || conv.createdAt);
-			groups[section].push(conv);
-		}
-
-		return groups;
-	});
-
-	const sectionOrder: DateSection[] = ['today', 'yesterday', 'thisWeek', 'thisMonth', 'older'];
-
-	// Resizer handlers
-	function startResize(e: MouseEvent) {
-		e.preventDefault();
-		isResizing = true;
-	}
-
-	function handleMouseMove(e: MouseEvent) {
-		if (!isResizing) return;
-		const newWidth = e.clientX;
-		if (newWidth >= MIN_WIDTH && newWidth <= MAX_WIDTH) {
-			leftColumnWidth = newWidth;
-		}
-	}
-
-	function stopResize() {
-		isResizing = false;
-	}
-
-	onMount(() => {
-		window.addEventListener('mousemove', handleMouseMove);
-		window.addEventListener('mouseup', stopResize);
-	});
-
-	onDestroy(() => {
-		window.removeEventListener('mousemove', handleMouseMove);
-		window.removeEventListener('mouseup', stopResize);
-	});
-
-	function formatDate(dateString: string): string {
-		const date = new Date(dateString);
-		const now = new Date();
-		const diffMs = now.getTime() - date.getTime();
-		const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
-
-		if (diffDays === 0) {
-			return date.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
-		} else if (diffDays === 1) {
-			return 'Gestern';
-		} else if (diffDays < 7) {
-			return date.toLocaleDateString('de-DE', { weekday: 'short' });
-		} else {
-			return date.toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit' });
-		}
-	}
-
-	function getPreview(title: string | undefined): string {
-		if (!title) return 'Neue Konversation';
-		return title.length > 60 ? title.substring(0, 60) + '...' : title;
-	}
-
-	// Check if current conversation is active
-	function isActive(convId: string): boolean {
-		return $page.params.id === convId;
-	}
-
-	// Archive conversation
-	async function handleArchive(e: MouseEvent, convId: string) {
-		e.preventDefault();
-		e.stopPropagation();
-		const success = await conversationsStore.archiveConversation(convId);
-		if (success && isActive(convId)) {
-			goto('/chat');
-		}
-	}
-
-	// Pin/unpin conversation
-	async function handleTogglePin(e: MouseEvent, convId: string, isPinned: boolean) {
-		e.preventDefault();
-		e.stopPropagation();
-		if (isPinned) {
-			await conversationsStore.unpinConversation(convId);
-		} else {
-			await conversationsStore.pinConversation(convId);
-		}
-	}
-
-	// Open delete confirmation modal
-	function handleDelete(e: MouseEvent, convId: string) {
-		e.preventDefault();
-		e.stopPropagation();
-		deleteTargetId = convId;
-		showDeleteModal = true;
-	}
-
-	// Confirm delete action
-	async function confirmDelete() {
-		if (!deleteTargetId) return;
-
-		isDeleting = true;
-		try {
-			const wasActive = isActive(deleteTargetId);
-			const success = await conversationsStore.deleteConversation(deleteTargetId);
-			if (success && wasActive) {
-				goto('/chat');
-			}
-		} finally {
-			isDeleting = false;
-			showDeleteModal = false;
-			deleteTargetId = null;
-		}
-	}
-
-	// Close delete modal
-	function closeDeleteModal() {
-		showDeleteModal = false;
-		deleteTargetId = null;
-	}
-</script>
-
-<div
-	class="flex w-full gap-0 overflow-hidden"
-	class:h-screen={$isNavCollapsed || $isSidebarMode}
-	class:h-[calc(100vh-5rem)]={!$isNavCollapsed && !$isSidebarMode}
->
-	<!-- Left Column: Conversation List -->
-	<div
-		class="relative flex flex-shrink-0 flex-col bg-background"
-		style="width: {leftColumnWidth}px;"
-	>
-		<!-- Floating Search Bar -->
-		<div
-			class="absolute top-0 left-0 right-0 z-20 py-3 pr-3 transition-all duration-300"
-			class:pl-16={$isNavCollapsed}
-			class:pl-4={!$isNavCollapsed}
-		>
-			<div class="relative">
-				<input
-					type="text"
-					bind:value={searchQuery}
-					placeholder="Konversationen durchsuchen..."
-					class="w-full rounded-xl bg-white/70 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/20 px-4 py-2.5 pl-10 text-sm font-medium text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary shadow-lg"
-				/>
-				<MagnifyingGlass
-					size={16}
-					weight="bold"
-					class="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-				/>
-				{#if searchQuery}
-					<button
-						onclick={() => (searchQuery = '')}
-						class="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-						title="Suche leeren"
-					>
-						<X size={14} weight="bold" />
-					</button>
-				{/if}
-			</div>
-		</div>
-
-		<!-- Conversation List (Scrollable) -->
-		<div class="flex-1 overflow-hidden flex flex-col">
-			<div class="flex-1 overflow-y-auto pl-4 pr-3 pt-[68px] pb-3 scrollbar-hide">
-				<!-- New Chat Button -->
-				<a
-					href="/chat"
-					class="flex items-center gap-2 w-full mb-3 px-4 py-2.5 rounded-xl
-							 bg-white/80 dark:bg-white/10 backdrop-blur-xl
-							 border border-black/10 dark:border-white/20
-							 text-foreground font-medium text-sm
-							 shadow-md hover:shadow-lg hover:bg-white dark:hover:bg-white/20
-							 transition-all duration-200 hover:-translate-y-0.5"
-				>
-					<Plus size={18} weight="bold" class="text-primary" />
-					Neuer Chat
-				</a>
-
-				{#if filteredConversations.length === 0}
-					<div class="flex flex-col items-center justify-center py-8 text-center">
-						{#if searchQuery}
-							<div class="text-4xl mb-3">🔍</div>
-							<h3 class="text-base font-semibold mb-1 text-foreground">Keine Ergebnisse</h3>
-							<p class="text-sm text-muted-foreground mb-3">
-								Keine Konversationen für "{searchQuery}"
-							</p>
-							<button
-								onclick={() => (searchQuery = '')}
-								class="rounded-xl bg-white/80 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/20 px-4 py-2 text-sm font-medium text-foreground shadow-md hover:shadow-lg transition-all"
-							>
-								Suche leeren
-							</button>
-						{:else}
-							<div class="text-4xl mb-3">💬</div>
-							<h3 class="text-base font-semibold mb-1 text-foreground">Keine Konversationen</h3>
-							<p class="text-sm text-muted-foreground">Starte einen neuen Chat</p>
-						{/if}
-					</div>
-				{:else}
-					<!-- Pinned Section -->
-					{#if pinnedConversations.length > 0}
-						<div class="mb-5">
-							<h4
-								class="text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 flex items-center gap-1.5"
-							>
-								<PushPin size={12} weight="fill" class="text-primary" />
-								Angepinnt
-							</h4>
-							{#each pinnedConversations as conv (conv.id)}
-								<a
-									href="/chat/{conv.id}"
-									class="group block w-full rounded-xl bg-white/60 dark:bg-white/5 backdrop-blur-sm border border-black/10 dark:border-white/20 p-4 text-left transition-all mb-3 hover:shadow-md hover:bg-white/80 dark:hover:bg-white/10
-										   {isActive(conv.id) ? 'bg-white/90 dark:bg-white/15 shadow-md border-primary/30' : ''}"
-								>
-									<!-- Title Row -->
-									<div class="mb-1.5 flex items-center gap-2">
-										<PushPin size={16} weight="fill" class="flex-shrink-0 text-primary" />
-										<h3 class="text-sm font-semibold line-clamp-1 text-foreground flex-1">
-											{conv.title || 'Neue Konversation'}
-										</h3>
-									</div>
-
-									<!-- Preview -->
-									<p class="mb-2 text-sm text-muted-foreground line-clamp-2">
-										{getPreview(conv.title)}
-									</p>
-
-									<!-- Footer -->
-									<div class="flex items-center justify-between">
-										<span class="text-xs text-muted-foreground">
-											{formatDate(conv.updatedAt || conv.createdAt)}
-										</span>
-										<div class="flex items-center gap-1">
-											{#if conv.documentMode}
-												<span class="text-xs text-primary bg-primary/10 px-2 py-0.5 rounded-full">
-													Dokument
-												</span>
-											{/if}
-											<!-- Action Buttons (visible on hover) -->
-											<div
-												class="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity"
-											>
-												<button
-													onclick={(e) => handleTogglePin(e, conv.id, true)}
-													class="p-1.5 text-primary hover:text-primary hover:bg-primary/10 rounded-lg transition-colors"
-													title="Nicht mehr anpinnen"
-												>
-													<PushPin size={14} weight="fill" />
-												</button>
-												<button
-													onclick={(e) => handleArchive(e, conv.id)}
-													class="p-1.5 text-muted-foreground hover:text-foreground hover:bg-black/5 dark:hover:bg-white/10 rounded-lg transition-colors"
-													title="Archivieren"
-												>
-													<Archive size={14} weight="bold" />
-												</button>
-												<button
-													onclick={(e) => handleDelete(e, conv.id)}
-													class="p-1.5 text-muted-foreground hover:text-destructive hover:bg-destructive/10 rounded-lg transition-colors"
-													title="Löschen"
-												>
-													<Trash size={14} weight="bold" />
-												</button>
-											</div>
-										</div>
-									</div>
-								</a>
-							{/each}
-						</div>
-					{/if}
-
-					<!-- Grouped Conversations by Date -->
-					{#each sectionOrder as section}
-						{@const convs = groupedConversations()[section]}
-						{#if convs.length > 0}
-							<div class="mb-5">
-								<h4
-									class="text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2"
-								>
-									{sectionLabels[section]}
-								</h4>
-								{#each convs as conv (conv.id)}
-									<a
-										href="/chat/{conv.id}"
-										class="group block w-full rounded-xl bg-white/60 dark:bg-white/5 backdrop-blur-sm border border-black/10 dark:border-white/20 p-4 text-left transition-all mb-3 hover:shadow-md hover:bg-white/80 dark:hover:bg-white/10
-											   {isActive(conv.id) ? 'bg-white/90 dark:bg-white/15 shadow-md border-primary/30' : ''}"
-									>
-										<!-- Title Row -->
-										<div class="mb-1.5 flex items-center gap-2">
-											<ChatCircle
-												size={16}
-												weight={isActive(conv.id) ? 'fill' : 'regular'}
-												class="flex-shrink-0 {isActive(conv.id)
-													? 'text-primary'
-													: 'text-muted-foreground'}"
-											/>
-											<h3 class="text-sm font-semibold line-clamp-1 text-foreground flex-1">
-												{conv.title || 'Neue Konversation'}
-											</h3>
-										</div>
-
-										<!-- Preview -->
-										<p class="mb-2 text-sm text-muted-foreground line-clamp-2">
-											{getPreview(conv.title)}
-										</p>
-
-										<!-- Footer -->
-										<div class="flex items-center justify-between">
-											<span class="text-xs text-muted-foreground">
-												{formatDate(conv.updatedAt || conv.createdAt)}
-											</span>
-											<div class="flex items-center gap-1">
-												{#if conv.documentMode}
-													<span class="text-xs text-primary bg-primary/10 px-2 py-0.5 rounded-full">
-														Dokument
-													</span>
-												{/if}
-												<!-- Action Buttons (visible on hover) -->
-												<div
-													class="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity"
-												>
-													<button
-														onclick={(e) => handleTogglePin(e, conv.id, false)}
-														class="p-1.5 text-muted-foreground hover:text-primary hover:bg-primary/10 rounded-lg transition-colors"
-														title="Anpinnen"
-													>
-														<PushPin size={14} weight="bold" />
-													</button>
-													<button
-														onclick={(e) => handleArchive(e, conv.id)}
-														class="p-1.5 text-muted-foreground hover:text-foreground hover:bg-black/5 dark:hover:bg-white/10 rounded-lg transition-colors"
-														title="Archivieren"
-													>
-														<Archive size={14} weight="bold" />
-													</button>
-													<button
-														onclick={(e) => handleDelete(e, conv.id)}
-														class="p-1.5 text-muted-foreground hover:text-destructive hover:bg-destructive/10 rounded-lg transition-colors"
-														title="Löschen"
-													>
-														<Trash size={14} weight="bold" />
-													</button>
-												</div>
-											</div>
-										</div>
-									</a>
-								{/each}
-							</div>
-						{/if}
-					{/each}
-				{/if}
-			</div>
-		</div>
-	</div>
-
-	<!-- Resizer -->
-	<button
-		type="button"
-		aria-label="Sidebar-Breite anpassen"
-		class="resizer"
-		class:resizing={isResizing}
-		onmousedown={startResize}
-	></button>
-
-	<!-- Right Column: Chat Content -->
-	<div class="flex flex-1 flex-col bg-background overflow-hidden">
-		{@render children()}
-	</div>
-</div>
-
-<!-- Delete Confirmation Modal -->
-<ConfirmationModal
-	visible={showDeleteModal}
-	onClose={closeDeleteModal}
-	onConfirm={confirmDelete}
-	variant="danger"
-	title="Konversation löschen?"
-	message="Diese Aktion kann nicht rückgängig gemacht werden. Alle Nachrichten werden dauerhaft gelöscht."
-	confirmLabel="Löschen"
-	cancelLabel="Abbrechen"
-	loading={isDeleting}
-/>
-
-<style>
-	/* Hide scrollbar completely */
-	.scrollbar-hide {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-
-	.scrollbar-hide::-webkit-scrollbar {
-		display: none;
-	}
-
-	/* Resizer */
-	.resizer {
-		width: 4px;
-		background-color: transparent;
-		cursor: col-resize;
-		user-select: none;
-		transition: background-color 0.2s;
-		position: relative;
-	}
-
-	.resizer:hover,
-	.resizer.resizing {
-		background-color: var(--color-primary, #3b82f6);
-	}
-
-	.resizer::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: -4px;
-		right: -4px;
-	}
-
-	.resizer:active {
-		background-color: var(--color-primary, #2563eb);
-	}
-
-	/* Prevent text selection while resizing */
-	:global(body:has(.resizer.resizing)) {
-		user-select: none;
-		cursor: col-resize;
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/lib/components/chat/ConversationList.svelte b/apps/chat/apps/web-archived/src/lib/components/chat/ConversationList.svelte
deleted file mode 100644
index b054a24cf..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/chat/ConversationList.svelte
+++ /dev/null
@@ -1,224 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { conversationsStore } from '$lib/stores/conversations.svelte';
-	import type { Conversation } from '@chat/types';
-	import { Plus, PencilSimple, Check, X } from '@manacore/shared-icons';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-
-	interface Props {
-		conversations: Conversation[];
-		isLoading?: boolean;
-	}
-
-	let { conversations, isLoading = false }: Props = $props();
-
-	// Edit state
-	let editingId = $state<string | null>(null);
-	let editTitle = $state('');
-
-	// Context menu state
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuConv = $state<Conversation | null>(null);
-
-	function handleContextMenu(event: MouseEvent, conv: Conversation) {
-		event.preventDefault();
-		event.stopPropagation();
-		contextMenuX = event.clientX;
-		contextMenuY = event.clientY;
-		contextMenuConv = conv;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(conv: Conversation): ContextMenuItem[] {
-		return [
-			{
-				id: 'rename',
-				label: 'Umbenennen',
-				action: () => startEdit(conv, new MouseEvent('click')),
-			},
-			{
-				id: 'divider-1',
-				label: '',
-				type: 'divider',
-			},
-			{
-				id: 'archive',
-				label: 'Archivieren',
-				action: () => conversationsStore.archiveConversation(conv.id),
-			},
-			{
-				id: 'delete',
-				label: 'Löschen',
-				variant: 'danger',
-				action: () => conversationsStore.deleteConversation(conv.id),
-			},
-		];
-	}
-	let isSaving = $state(false);
-
-	function formatDate(dateString: string): string {
-		const date = new Date(dateString);
-		const now = new Date();
-		const diffMs = now.getTime() - date.getTime();
-		const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
-
-		if (diffDays === 0) {
-			return date.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
-		} else if (diffDays === 1) {
-			return 'Gestern';
-		} else if (diffDays < 7) {
-			return date.toLocaleDateString('de-DE', { weekday: 'short' });
-		} else {
-			return date.toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit' });
-		}
-	}
-
-	function truncateTitle(title: string, maxLength: number = 30): string {
-		if (title.length <= maxLength) return title;
-		return title.substring(0, maxLength - 3) + '...';
-	}
-
-	function startEdit(conv: Conversation, event: MouseEvent) {
-		event.preventDefault();
-		event.stopPropagation();
-		editingId = conv.id;
-		editTitle = conv.title || '';
-	}
-
-	async function saveTitle(conversationId: string) {
-		if (!editTitle.trim() || isSaving) return;
-
-		isSaving = true;
-		try {
-			await conversationsStore.updateConversationTitle(conversationId, editTitle.trim());
-		} finally {
-			isSaving = false;
-			editingId = null;
-			editTitle = '';
-		}
-	}
-
-	function cancelEdit() {
-		editingId = null;
-		editTitle = '';
-	}
-
-	function handleKeydown(event: KeyboardEvent, conversationId: string) {
-		if (event.key === 'Enter') {
-			event.preventDefault();
-			saveTitle(conversationId);
-		} else if (event.key === 'Escape') {
-			cancelEdit();
-		}
-	}
-</script>
-
-<div class="flex flex-col h-full">
-	<!-- New Chat Button -->
-	<div class="p-3 border-b border-border">
-		<a
-			href="/chat"
-			class="flex items-center justify-center gap-2 w-full px-4 py-2.5
-             bg-primary hover:bg-primary/90 text-primary-foreground rounded-lg
-             font-medium transition-colors"
-		>
-			<Plus size={20} weight="bold" />
-			Neuer Chat
-		</a>
-	</div>
-
-	<!-- Conversation List -->
-	<div class="flex-1 overflow-y-auto">
-		{#if isLoading}
-			<div class="flex items-center justify-center py-8">
-				<div
-					class="animate-spin w-6 h-6 border-2 border-primary border-r-transparent rounded-full"
-				></div>
-			</div>
-		{:else if conversations.length === 0}
-			<div class="px-4 py-8 text-center text-muted-foreground">
-				<p class="text-sm">Keine Konversationen</p>
-				<p class="text-xs mt-1">Starte einen neuen Chat</p>
-			</div>
-		{:else}
-			<div class="py-2">
-				{#each conversations as conv (conv.id)}
-					{@const isActive = $page.params.id === conv.id}
-					{#if editingId === conv.id}
-						<!-- Edit Mode -->
-						<div class="flex items-center gap-1 px-3 py-2 mx-2">
-							<input
-								type="text"
-								bind:value={editTitle}
-								onkeydown={(e) => handleKeydown(e, conv.id)}
-								class="flex-1 px-2 py-1 text-sm bg-background border border-border rounded-md
-								       focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
-								autofocus
-							/>
-							<button
-								onclick={() => saveTitle(conv.id)}
-								disabled={isSaving || !editTitle.trim()}
-								class="p-1.5 text-primary hover:bg-primary/10 rounded-md transition-colors
-								       disabled:opacity-50 disabled:cursor-not-allowed"
-								title="Speichern"
-							>
-								<Check size={16} weight="bold" />
-							</button>
-							<button
-								onclick={cancelEdit}
-								class="p-1.5 text-muted-foreground hover:bg-muted rounded-md transition-colors"
-								title="Abbrechen"
-							>
-								<X size={16} weight="bold" />
-							</button>
-						</div>
-					{:else}
-						<!-- View Mode -->
-						<!-- svelte-ignore a11y_no_static_element_interactions -->
-						<div class="group relative" oncontextmenu={(e) => handleContextMenu(e, conv)}>
-							<a
-								href="/chat/{conv.id}"
-								class="block px-3 py-2 mx-2 rounded-lg transition-colors
-								       {isActive ? 'bg-primary/10 text-primary' : 'hover:bg-muted text-foreground'}"
-							>
-								<div class="flex items-center justify-between gap-2">
-									<span class="text-sm font-medium truncate pr-6">
-										{truncateTitle(conv.title || 'Neue Konversation')}
-									</span>
-									<span class="text-xs text-muted-foreground flex-shrink-0">
-										{formatDate(conv.updatedAt || conv.createdAt)}
-									</span>
-								</div>
-							</a>
-							<!-- Edit Button (visible on hover) -->
-							<button
-								onclick={(e) => startEdit(conv, e)}
-								class="absolute right-4 top-1/2 -translate-y-1/2 p-1 rounded-md
-								       text-muted-foreground hover:text-foreground hover:bg-muted
-								       opacity-0 group-hover:opacity-100 transition-opacity"
-								title="Umbenennen"
-							>
-								<PencilSimple size={14} weight="bold" />
-							</button>
-						</div>
-					{/if}
-				{/each}
-			</div>
-		{/if}
-	</div>
-
-	{#if contextMenuConv}
-		<ContextMenu
-			visible={contextMenuVisible}
-			x={contextMenuX}
-			y={contextMenuY}
-			items={getContextMenuItems(contextMenuConv)}
-			onClose={() => {
-				contextMenuVisible = false;
-				contextMenuConv = null;
-			}}
-		/>
-	{/if}
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/chat/MessageBubble.svelte b/apps/chat/apps/web-archived/src/lib/components/chat/MessageBubble.svelte
deleted file mode 100644
index fcfd2a27b..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/chat/MessageBubble.svelte
+++ /dev/null
@@ -1,232 +0,0 @@
-<script lang="ts">
-	import { marked } from 'marked';
-	import type { Message } from '@chat/types';
-	import { Robot, User } from '@manacore/shared-icons';
-
-	interface Props {
-		message: Message;
-	}
-
-	let { message }: Props = $props();
-
-	const isUser = $derived(message.sender === 'user');
-
-	// Configure marked for safe rendering
-	marked.setOptions({
-		breaks: true,
-		gfm: true,
-	});
-
-	const htmlContent = $derived(
-		isUser ? message.messageText : marked.parse(message.messageText || '')
-	);
-
-	const formattedTime = $derived(
-		new Date(message.createdAt).toLocaleTimeString('de-DE', {
-			hour: '2-digit',
-			minute: '2-digit',
-		})
-	);
-</script>
-
-<div class="group flex gap-3 {isUser ? 'flex-row-reverse' : 'flex-row'} mb-6 animate-fade-in">
-	<!-- Avatar -->
-	<div
-		class="flex-shrink-0 w-9 h-9 rounded-full flex items-center justify-center shadow-md
-			   {isUser
-			? 'bg-gradient-to-br from-blue-500 to-indigo-600 text-white'
-			: 'bg-gradient-to-br from-violet-500 to-purple-600 text-white'}"
-	>
-		{#if isUser}
-			<User size={18} weight="bold" />
-		{:else}
-			<Robot size={18} weight="bold" />
-		{/if}
-	</div>
-
-	<!-- Message Content -->
-	<div class="flex flex-col {isUser ? 'items-end' : 'items-start'} max-w-[75%]">
-		<!-- Bubble -->
-		<div
-			class="relative px-4 py-3 shadow-md
-				   {isUser
-				? 'bg-gradient-to-br from-blue-500 to-indigo-600 text-white rounded-2xl rounded-tr-md'
-				: 'bg-white dark:bg-white/10 text-foreground border border-black/5 dark:border-white/10 rounded-2xl rounded-tl-md'}"
-		>
-			{#if isUser}
-				<p class="whitespace-pre-wrap text-[15px] leading-relaxed">{message.messageText}</p>
-			{:else}
-				<div class="prose-chat">
-					{@html htmlContent}
-				</div>
-			{/if}
-		</div>
-
-		<!-- Time -->
-		<div
-			class="flex items-center gap-2 mt-1.5 px-1 opacity-0 group-hover:opacity-100 transition-opacity"
-		>
-			<span class="text-xs text-muted-foreground">
-				{formattedTime}
-			</span>
-		</div>
-	</div>
-</div>
-
-<style>
-	/* Fade-in animation */
-	@keyframes fade-in {
-		from {
-			opacity: 0;
-			transform: translateY(8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.animate-fade-in {
-		animation: fade-in 0.3s ease-out;
-	}
-
-	/* Markdown/Prose styling for assistant messages */
-	:global(.prose-chat) {
-		font-size: 15px;
-		line-height: 1.6;
-	}
-
-	:global(.prose-chat p) {
-		margin: 0;
-	}
-
-	:global(.prose-chat p + p) {
-		margin-top: 0.75em;
-	}
-
-	:global(.prose-chat strong) {
-		font-weight: 600;
-	}
-
-	:global(.prose-chat em) {
-		font-style: italic;
-	}
-
-	:global(.prose-chat ul),
-	:global(.prose-chat ol) {
-		margin: 0.5em 0;
-		padding-left: 1.5em;
-	}
-
-	:global(.prose-chat li) {
-		margin: 0.25em 0;
-	}
-
-	:global(.prose-chat code) {
-		background: rgba(0, 0, 0, 0.08);
-		padding: 0.15em 0.4em;
-		border-radius: 4px;
-		font-size: 0.9em;
-		font-family: 'SF Mono', 'Fira Code', monospace;
-	}
-
-	:global(.dark .prose-chat code) {
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	:global(.prose-chat pre) {
-		background: rgba(0, 0, 0, 0.05);
-		padding: 1em;
-		border-radius: 8px;
-		overflow-x: auto;
-		margin: 0.75em 0;
-	}
-
-	:global(.dark .prose-chat pre) {
-		background: rgba(0, 0, 0, 0.3);
-	}
-
-	:global(.prose-chat pre code) {
-		background: none;
-		padding: 0;
-		font-size: 0.85em;
-	}
-
-	:global(.prose-chat blockquote) {
-		border-left: 3px solid var(--color-primary, #3b82f6);
-		padding-left: 1em;
-		margin: 0.75em 0;
-		color: var(--color-muted-foreground);
-		font-style: italic;
-	}
-
-	:global(.prose-chat h1),
-	:global(.prose-chat h2),
-	:global(.prose-chat h3),
-	:global(.prose-chat h4) {
-		margin-top: 1em;
-		margin-bottom: 0.5em;
-		font-weight: 600;
-		line-height: 1.3;
-	}
-
-	:global(.prose-chat h1) {
-		font-size: 1.25em;
-	}
-
-	:global(.prose-chat h2) {
-		font-size: 1.15em;
-	}
-
-	:global(.prose-chat h3) {
-		font-size: 1.05em;
-	}
-
-	:global(.prose-chat a) {
-		color: var(--color-primary, #3b82f6);
-		text-decoration: underline;
-		text-underline-offset: 2px;
-	}
-
-	:global(.prose-chat a:hover) {
-		text-decoration: none;
-	}
-
-	:global(.prose-chat hr) {
-		border: none;
-		border-top: 1px solid rgba(0, 0, 0, 0.1);
-		margin: 1em 0;
-	}
-
-	:global(.dark .prose-chat hr) {
-		border-top-color: rgba(255, 255, 255, 0.1);
-	}
-
-	:global(.prose-chat table) {
-		width: 100%;
-		border-collapse: collapse;
-		margin: 0.75em 0;
-		font-size: 0.9em;
-	}
-
-	:global(.prose-chat th),
-	:global(.prose-chat td) {
-		padding: 0.5em 0.75em;
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		text-align: left;
-	}
-
-	:global(.dark .prose-chat th),
-	:global(.dark .prose-chat td) {
-		border-color: rgba(255, 255, 255, 0.1);
-	}
-
-	:global(.prose-chat th) {
-		background: rgba(0, 0, 0, 0.03);
-		font-weight: 600;
-	}
-
-	:global(.dark .prose-chat th) {
-		background: rgba(255, 255, 255, 0.05);
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/lib/components/chat/MessageList.svelte b/apps/chat/apps/web-archived/src/lib/components/chat/MessageList.svelte
deleted file mode 100644
index 93b676125..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/chat/MessageList.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import type { Message } from '@chat/types';
-	import MessageBubble from './MessageBubble.svelte';
-	import TypingIndicator from './TypingIndicator.svelte';
-	import { ChatCircleDots } from '@manacore/shared-icons';
-
-	interface Props {
-		messages: Message[];
-		isTyping?: boolean;
-	}
-
-	let { messages, isTyping = false }: Props = $props();
-
-	let containerEl: HTMLDivElement | undefined = $state();
-
-	// Auto-scroll to bottom when messages change
-	$effect(() => {
-		if (messages.length > 0 && containerEl) {
-			scrollToBottom();
-		}
-	});
-
-	function scrollToBottom() {
-		if (containerEl) {
-			containerEl.scrollTop = containerEl.scrollHeight;
-		}
-	}
-
-	onMount(() => {
-		scrollToBottom();
-	});
-</script>
-
-<div bind:this={containerEl} class="flex-1 overflow-y-auto px-4 py-6">
-	{#if messages.length === 0}
-		<div class="flex flex-col items-center justify-center h-full text-muted-foreground">
-			<ChatCircleDots size={64} weight="light" class="mb-4 opacity-50" />
-			<p class="text-lg font-medium">Keine Nachrichten</p>
-			<p class="text-sm">Starte eine Konversation!</p>
-		</div>
-	{:else}
-		{#each messages as message (message.id)}
-			<MessageBubble {message} />
-		{/each}
-		{#if isTyping}
-			<TypingIndicator />
-		{/if}
-	{/if}
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/chat/ModelSelector.svelte b/apps/chat/apps/web-archived/src/lib/components/chat/ModelSelector.svelte
deleted file mode 100644
index 590165a4d..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/chat/ModelSelector.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-	import type { AIModel } from '@chat/types';
-	import { CaretDown } from '@manacore/shared-icons';
-
-	interface Props {
-		models: AIModel[];
-		selectedModelId: string;
-		onSelect: (modelId: string) => void;
-		disabled?: boolean;
-	}
-
-	let { models, selectedModelId, onSelect, disabled = false }: Props = $props();
-
-	function handleChange(e: Event) {
-		const target = e.target as HTMLSelectElement;
-		onSelect(target.value);
-	}
-</script>
-
-<div class="relative">
-	<select
-		value={selectedModelId}
-		onchange={handleChange}
-		{disabled}
-		class="appearance-none bg-white/80 dark:bg-white/10 backdrop-blur-xl text-foreground
-           text-sm font-medium rounded-xl px-4 py-2.5 pr-9 border border-black/10 dark:border-white/20
-           focus:outline-none focus:ring-2 focus:ring-primary/50
-           disabled:opacity-50 disabled:cursor-not-allowed
-           cursor-pointer min-w-[160px] shadow-md hover:shadow-lg transition-all"
-	>
-		{#if models.length === 0}
-			<option value="">Laden...</option>
-		{:else}
-			{#each models as model (model.id)}
-				<option value={model.id}>{model.name}</option>
-			{/each}
-		{/if}
-	</select>
-	<div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
-		<CaretDown size={14} weight="bold" class="text-muted-foreground" />
-	</div>
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/chat/TypingIndicator.svelte b/apps/chat/apps/web-archived/src/lib/components/chat/TypingIndicator.svelte
deleted file mode 100644
index 27b3d1167..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/chat/TypingIndicator.svelte
+++ /dev/null
@@ -1,68 +0,0 @@
-<script lang="ts">
-	import { Robot } from '@manacore/shared-icons';
-</script>
-
-<div class="flex gap-3 flex-row mb-6 animate-fade-in">
-	<!-- Avatar -->
-	<div
-		class="flex-shrink-0 w-9 h-9 rounded-full flex items-center justify-center shadow-sm
-			   bg-gradient-to-br from-violet-500 to-purple-600 text-white"
-	>
-		<Robot size={18} weight="bold" />
-	</div>
-
-	<!-- Typing Bubble -->
-	<div class="flex flex-col items-start max-w-[75%]">
-		<div
-			class="relative px-4 py-3 shadow-sm
-				   bg-white dark:bg-white/10 text-foreground border border-black/5 dark:border-white/10 rounded-2xl rounded-tl-md"
-		>
-			<div class="flex items-center gap-1.5">
-				<div
-					class="w-2 h-2 bg-muted-foreground/60 rounded-full animate-bounce"
-					style="animation-delay: 0ms"
-				></div>
-				<div
-					class="w-2 h-2 bg-muted-foreground/60 rounded-full animate-bounce"
-					style="animation-delay: 150ms"
-				></div>
-				<div
-					class="w-2 h-2 bg-muted-foreground/60 rounded-full animate-bounce"
-					style="animation-delay: 300ms"
-				></div>
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	@keyframes fade-in {
-		from {
-			opacity: 0;
-			transform: translateY(8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.animate-fade-in {
-		animation: fade-in 0.3s ease-out;
-	}
-
-	@keyframes bounce {
-		0%,
-		60%,
-		100% {
-			transform: translateY(0);
-		}
-		30% {
-			transform: translateY(-4px);
-		}
-	}
-
-	.animate-bounce {
-		animation: bounce 1s infinite;
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/lib/components/compare/CompareInput.svelte b/apps/chat/apps/web-archived/src/lib/components/compare/CompareInput.svelte
deleted file mode 100644
index 79ffb05bd..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/compare/CompareInput.svelte
+++ /dev/null
@@ -1,116 +0,0 @@
-<script lang="ts">
-	interface Props {
-		prompt: string;
-		temperature: number;
-		maxTokens: number;
-		isRunning: boolean;
-		disabled?: boolean;
-		onPromptChange: (value: string) => void;
-		onTemperatureChange: (value: number) => void;
-		onMaxTokensChange: (value: number) => void;
-		onCompare: () => void;
-	}
-
-	let {
-		prompt,
-		temperature,
-		maxTokens,
-		isRunning,
-		disabled = false,
-		onPromptChange,
-		onTemperatureChange,
-		onMaxTokensChange,
-		onCompare,
-	}: Props = $props();
-
-	const maxTokensOptions = [256, 512, 1024, 2048, 4096];
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
-			e.preventDefault();
-			if (!disabled && !isRunning && prompt.trim()) {
-				onCompare();
-			}
-		}
-	}
-</script>
-
-<div class="rounded-xl border border-border bg-card p-4 shadow-sm">
-	<!-- Prompt Input -->
-	<textarea
-		class="w-full min-h-[100px] p-3 rounded-lg border border-border bg-background
-			   text-foreground placeholder:text-muted-foreground resize-y
-			   focus:outline-none focus:ring-2 focus:ring-primary/50"
-		placeholder="Gib deinen Prompt ein... (Strg+Enter zum Starten)"
-		value={prompt}
-		oninput={(e) => onPromptChange(e.currentTarget.value)}
-		onkeydown={handleKeydown}
-		disabled={isRunning || disabled}
-	></textarea>
-
-	<!-- Controls -->
-	<div class="flex flex-wrap items-center gap-4 mt-4">
-		<!-- Temperature -->
-		<div class="flex items-center gap-2">
-			<label for="temperature" class="text-sm text-muted-foreground whitespace-nowrap">
-				Temperatur: {temperature.toFixed(1)}
-			</label>
-			<input
-				id="temperature"
-				type="range"
-				min="0"
-				max="2"
-				step="0.1"
-				value={temperature}
-				oninput={(e) => onTemperatureChange(parseFloat(e.currentTarget.value))}
-				disabled={isRunning || disabled}
-				class="w-24 h-2 bg-muted rounded-full appearance-none cursor-pointer
-					   [&::-webkit-slider-thumb]:appearance-none
-					   [&::-webkit-slider-thumb]:w-4
-					   [&::-webkit-slider-thumb]:h-4
-					   [&::-webkit-slider-thumb]:rounded-full
-					   [&::-webkit-slider-thumb]:bg-primary
-					   [&::-webkit-slider-thumb]:cursor-pointer
-					   disabled:opacity-50"
-			/>
-		</div>
-
-		<!-- Max Tokens -->
-		<div class="flex items-center gap-2">
-			<label for="maxTokens" class="text-sm text-muted-foreground whitespace-nowrap">
-				Max Tokens:
-			</label>
-			<select
-				id="maxTokens"
-				value={maxTokens}
-				onchange={(e) => onMaxTokensChange(parseInt(e.currentTarget.value))}
-				disabled={isRunning || disabled}
-				class="px-3 py-1.5 rounded-lg border border-border bg-background text-foreground
-					   text-sm focus:outline-none focus:ring-2 focus:ring-primary/50
-					   disabled:opacity-50"
-			>
-				{#each maxTokensOptions as option}
-					<option value={option}>{option.toLocaleString('de-DE')}</option>
-				{/each}
-			</select>
-		</div>
-
-		<!-- Spacer -->
-		<div class="flex-1"></div>
-
-		<!-- Compare Button -->
-		<button
-			onclick={onCompare}
-			disabled={isRunning || disabled || !prompt.trim()}
-			class="px-6 py-2 rounded-lg bg-primary text-primary-foreground font-medium
-				   hover:bg-primary/90 transition-colors
-				   disabled:opacity-50 disabled:cursor-not-allowed"
-		>
-			{#if isRunning}
-				Läuft...
-			{:else}
-				Vergleichen
-			{/if}
-		</button>
-	</div>
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/compare/CompareProgress.svelte b/apps/chat/apps/web-archived/src/lib/components/compare/CompareProgress.svelte
deleted file mode 100644
index 820c8faeb..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/compare/CompareProgress.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	interface Props {
-		currentIndex: number;
-		totalModels: number;
-		currentModelName: string;
-		progress: number;
-		onCancel: () => void;
-	}
-
-	let { currentIndex, totalModels, currentModelName, progress, onCancel }: Props = $props();
-</script>
-
-<div class="rounded-xl border border-border bg-card p-4 shadow-sm">
-	<!-- Status Text -->
-	<div class="flex items-center justify-between mb-3">
-		<p class="text-sm text-foreground">
-			Verarbeite Modell <span class="font-medium">{currentIndex + 1}</span> von
-			<span class="font-medium">{totalModels}</span>:
-			<span class="text-primary font-medium">{currentModelName}</span>
-		</p>
-		<button
-			onclick={onCancel}
-			class="px-3 py-1 text-sm rounded-lg border border-border
-				   text-muted-foreground hover:text-foreground hover:bg-muted
-				   transition-colors"
-		>
-			Abbrechen
-		</button>
-	</div>
-
-	<!-- Progress Bar -->
-	<div class="relative h-2 bg-muted rounded-full overflow-hidden">
-		<div
-			class="absolute inset-y-0 left-0 bg-primary rounded-full transition-all duration-300"
-			style="width: {progress}%"
-		></div>
-	</div>
-
-	<!-- Percentage -->
-	<p class="text-xs text-muted-foreground mt-2 text-right">
-		{Math.round(progress)}%
-	</p>
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/compare/ModelResponseCard.svelte b/apps/chat/apps/web-archived/src/lib/components/compare/ModelResponseCard.svelte
deleted file mode 100644
index 06d10dcfb..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/compare/ModelResponseCard.svelte
+++ /dev/null
@@ -1,185 +0,0 @@
-<script lang="ts">
-	import { marked } from 'marked';
-	import type { CompareModelResult } from '@chat/types';
-
-	interface Props {
-		result: CompareModelResult;
-		isActive?: boolean;
-	}
-
-	let { result, isActive = false }: Props = $props();
-
-	// Configure marked for safe rendering
-	marked.setOptions({
-		breaks: true,
-		gfm: true,
-	});
-
-	const htmlContent = $derived(result.response ? marked.parse(result.response) : '');
-
-	// Calculate tokens per second
-	const tokensPerSecond = $derived(() => {
-		if (!result.usage || !result.duration || result.duration === 0) return null;
-		return (result.usage.completion_tokens / (result.duration / 1000)).toFixed(1);
-	});
-
-	// Status badge config
-	const statusConfig = $derived(() => {
-		switch (result.status) {
-			case 'pending':
-				return {
-					label: 'Wartet',
-					class: 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400',
-				};
-			case 'loading':
-				return {
-					label: 'Laden...',
-					class: 'bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400',
-				};
-			case 'complete':
-				return {
-					label: 'Fertig',
-					class: 'bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400',
-				};
-			case 'error':
-				return {
-					label: 'Fehler',
-					class: 'bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400',
-				};
-			default:
-				return { label: '', class: '' };
-		}
-	});
-
-	// Format duration
-	const formattedDuration = $derived(() => {
-		if (!result.duration) return null;
-		const seconds = result.duration / 1000;
-		return seconds >= 1 ? `${seconds.toFixed(1)}s` : `${result.duration}ms`;
-	});
-</script>
-
-<div
-	class="rounded-xl border bg-card text-card-foreground shadow-sm overflow-hidden transition-all
-		   {isActive ? 'ring-2 ring-primary' : ''}
-		   {result.status === 'error' ? 'border-red-200 dark:border-red-800/50' : 'border-border'}"
->
-	<!-- Header -->
-	<div class="flex items-center justify-between px-4 py-3 border-b border-border bg-muted/30">
-		<h3 class="font-medium text-sm truncate">{result.modelName}</h3>
-		<span class="px-2 py-0.5 rounded-full text-xs font-medium {statusConfig().class}">
-			{#if result.status === 'loading'}
-				<span class="inline-flex items-center gap-1">
-					<span class="inline-block w-1.5 h-1.5 rounded-full bg-current animate-pulse"></span>
-					{statusConfig().label}
-				</span>
-			{:else if result.status === 'complete' && formattedDuration()}
-				{formattedDuration()}
-			{:else}
-				{statusConfig().label}
-			{/if}
-		</span>
-	</div>
-
-	<!-- Content -->
-	<div class="p-4 min-h-[120px] max-h-[400px] overflow-y-auto">
-		{#if result.status === 'pending'}
-			<p class="text-muted-foreground text-sm">Wartet auf Verarbeitung...</p>
-		{:else if result.status === 'loading'}
-			<div class="flex items-center gap-2 text-muted-foreground text-sm">
-				<span class="inline-block w-2 h-2 rounded-full bg-primary animate-bounce"></span>
-				<span
-					class="inline-block w-2 h-2 rounded-full bg-primary animate-bounce"
-					style="animation-delay: 0.1s"
-				></span>
-				<span
-					class="inline-block w-2 h-2 rounded-full bg-primary animate-bounce"
-					style="animation-delay: 0.2s"
-				></span>
-			</div>
-		{:else if result.status === 'error'}
-			<p class="text-red-500 text-sm">{result.error || 'Ein Fehler ist aufgetreten'}</p>
-		{:else if result.response}
-			<div class="prose-chat text-sm">
-				{@html htmlContent}
-			</div>
-		{/if}
-	</div>
-
-	<!-- Footer with metrics (only show when complete) -->
-	{#if result.status === 'complete' && result.usage}
-		<div
-			class="px-4 py-2 border-t border-border bg-muted/20 flex items-center gap-3 text-xs text-muted-foreground"
-		>
-			<span>{result.usage.total_tokens} tokens</span>
-			{#if tokensPerSecond()}
-				<span class="text-muted-foreground/50">|</span>
-				<span>{tokensPerSecond()} t/s</span>
-			{/if}
-		</div>
-	{/if}
-</div>
-
-<style>
-	/* Reuse prose-chat styles from MessageBubble */
-	:global(.prose-chat) {
-		font-size: 14px;
-		line-height: 1.6;
-	}
-
-	:global(.prose-chat p) {
-		margin: 0;
-	}
-
-	:global(.prose-chat p + p) {
-		margin-top: 0.75em;
-	}
-
-	:global(.prose-chat strong) {
-		font-weight: 600;
-	}
-
-	:global(.prose-chat em) {
-		font-style: italic;
-	}
-
-	:global(.prose-chat ul),
-	:global(.prose-chat ol) {
-		margin: 0.5em 0;
-		padding-left: 1.5em;
-	}
-
-	:global(.prose-chat li) {
-		margin: 0.25em 0;
-	}
-
-	:global(.prose-chat code) {
-		background: rgba(0, 0, 0, 0.08);
-		padding: 0.15em 0.4em;
-		border-radius: 4px;
-		font-size: 0.9em;
-		font-family: 'SF Mono', 'Fira Code', monospace;
-	}
-
-	:global(.dark .prose-chat code) {
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	:global(.prose-chat pre) {
-		background: rgba(0, 0, 0, 0.05);
-		padding: 1em;
-		border-radius: 8px;
-		overflow-x: auto;
-		margin: 0.75em 0;
-	}
-
-	:global(.dark .prose-chat pre) {
-		background: rgba(0, 0, 0, 0.3);
-	}
-
-	:global(.prose-chat pre code) {
-		background: none;
-		padding: 0;
-		font-size: 0.85em;
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/lib/components/compare/ModelResponseGrid.svelte b/apps/chat/apps/web-archived/src/lib/components/compare/ModelResponseGrid.svelte
deleted file mode 100644
index cd35c7d85..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/compare/ModelResponseGrid.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import type { CompareModelResult } from '@chat/types';
-	import ModelResponseCard from './ModelResponseCard.svelte';
-
-	interface Props {
-		results: CompareModelResult[];
-		currentIndex?: number;
-	}
-
-	let { results, currentIndex = 0 }: Props = $props();
-</script>
-
-{#if results.length === 0}
-	<div class="text-center py-12 text-muted-foreground">
-		<p>Keine Ergebnisse vorhanden.</p>
-		<p class="text-sm mt-1">Gib einen Prompt ein und starte den Vergleich.</p>
-	</div>
-{:else}
-	<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-		{#each results as result, index (result.modelId)}
-			<ModelResponseCard
-				{result}
-				isActive={index === currentIndex && result.status === 'loading'}
-			/>
-		{/each}
-	</div>
-{/if}
diff --git a/apps/chat/apps/web-archived/src/lib/components/spaces/SpaceCard.svelte b/apps/chat/apps/web-archived/src/lib/components/spaces/SpaceCard.svelte
deleted file mode 100644
index 2987e1a10..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/spaces/SpaceCard.svelte
+++ /dev/null
@@ -1,127 +0,0 @@
-<script lang="ts">
-	import type { Space } from '@chat/types';
-	import { UsersThree, DotsThreeVertical, Gear, Trash, SignOut } from '@manacore/shared-icons';
-
-	interface Props {
-		space: Space;
-		isOwner: boolean;
-		onSelect: (id: string) => void;
-		onEdit: (id: string) => void;
-		onDelete: (id: string) => void;
-		onLeave: (id: string) => void;
-	}
-
-	let { space, isOwner, onSelect, onEdit, onDelete, onLeave }: Props = $props();
-	let showMenu = $state(false);
-
-	function formatDate(dateString: string): string {
-		return new Date(dateString).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-		});
-	}
-
-	function handleMenuClick(e: MouseEvent) {
-		e.stopPropagation();
-		showMenu = !showMenu;
-	}
-
-	function handleAction(action: () => void) {
-		showMenu = false;
-		action();
-	}
-</script>
-
-<svelte:window onclick={() => (showMenu = false)} />
-
-<div
-	class="group relative bg-surface rounded-xl border border-border
-         shadow-sm hover:shadow-md transition-all cursor-pointer"
-	onclick={() => onSelect(space.id)}
-	onkeydown={(e) => e.key === 'Enter' && onSelect(space.id)}
-	role="button"
-	tabindex="0"
->
-	<div class="p-4">
-		<div class="flex items-start justify-between gap-3">
-			<div class="flex-1 min-w-0">
-				<div class="flex items-center gap-2 mb-1">
-					<UsersThree size={20} weight="bold" class="text-primary flex-shrink-0" />
-					<h3 class="text-base font-semibold text-foreground truncate">
-						{space.name}
-					</h3>
-					{#if isOwner}
-						<span class="px-2 py-0.5 text-xs font-medium bg-primary/10 text-primary rounded">
-							Besitzer
-						</span>
-					{/if}
-				</div>
-
-				{#if space.description}
-					<p class="text-sm text-muted-foreground line-clamp-2 mb-2">
-						{space.description}
-					</p>
-				{/if}
-
-				<p class="text-xs text-muted-foreground">
-					Erstellt: {formatDate(space.createdAt)}
-				</p>
-			</div>
-
-			<!-- Options Menu -->
-			<div class="relative">
-				<button
-					onclick={handleMenuClick}
-					class="p-2 text-muted-foreground hover:text-foreground
-                 hover:bg-muted rounded-lg transition-colors"
-					aria-label="Optionen"
-				>
-					<DotsThreeVertical size={20} weight="bold" />
-				</button>
-
-				{#if showMenu}
-					<div
-						class="absolute right-0 top-full mt-1 py-1 w-40 bg-surface rounded-lg shadow-lg
-                   border border-border z-10"
-						onclick={(e) => e.stopPropagation()}
-						onkeydown={() => {}}
-						role="menu"
-						tabindex="-1"
-					>
-						{#if isOwner}
-							<button
-								onclick={() => handleAction(() => onEdit(space.id))}
-								class="w-full flex items-center gap-2 px-3 py-2 text-sm text-foreground
-                       hover:bg-muted"
-								role="menuitem"
-							>
-								<Gear size={16} weight="bold" />
-								Einstellungen
-							</button>
-							<button
-								onclick={() => handleAction(() => onDelete(space.id))}
-								class="w-full flex items-center gap-2 px-3 py-2 text-sm text-destructive
-                       hover:bg-destructive/10"
-								role="menuitem"
-							>
-								<Trash size={16} weight="bold" />
-								Löschen
-							</button>
-						{:else}
-							<button
-								onclick={() => handleAction(() => onLeave(space.id))}
-								class="w-full flex items-center gap-2 px-3 py-2 text-sm text-destructive
-                       hover:bg-destructive/10"
-								role="menuitem"
-							>
-								<SignOut size={16} weight="bold" />
-								Verlassen
-							</button>
-						{/if}
-					</div>
-				{/if}
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/spaces/SpaceForm.svelte b/apps/chat/apps/web-archived/src/lib/components/spaces/SpaceForm.svelte
deleted file mode 100644
index 34fbd9763..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/spaces/SpaceForm.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts">
-	import type { Space } from '@chat/types';
-
-	interface Props {
-		space?: Space;
-		onSubmit: (data: { name: string; description?: string }) => void;
-		onCancel: () => void;
-	}
-
-	let { space, onSubmit, onCancel }: Props = $props();
-
-	let name = $state(space?.name ?? '');
-	let description = $state(space?.description ?? '');
-	let errors = $state<{ name?: string }>({});
-
-	const isEditMode = !!space?.id;
-
-	function validateForm(): boolean {
-		const newErrors: { name?: string } = {};
-
-		if (!name.trim()) {
-			newErrors.name = 'Bitte gib einen Namen ein.';
-		}
-
-		errors = newErrors;
-		return Object.keys(newErrors).length === 0;
-	}
-
-	function handleSubmit() {
-		if (!validateForm()) return;
-
-		onSubmit({
-			name: name.trim(),
-			description: description.trim() || undefined,
-		});
-	}
-</script>
-
-<div class="bg-surface p-6 rounded-xl max-w-lg mx-auto">
-	<h2 class="text-xl font-bold text-foreground mb-6">
-		{isEditMode ? 'Space bearbeiten' : 'Neuen Space erstellen'}
-	</h2>
-
-	<form
-		onsubmit={(e) => {
-			e.preventDefault();
-			handleSubmit();
-		}}
-		class="space-y-5"
-	>
-		<!-- Name -->
-		<div>
-			<label for="name" class="block text-sm font-medium text-foreground mb-1"> Name * </label>
-			<input
-				type="text"
-				id="name"
-				bind:value={name}
-				maxlength={100}
-				placeholder="Name des Spaces"
-				class="w-full px-3 py-2 border rounded-lg bg-muted
-               text-foreground placeholder-muted-foreground
-               {errors.name ? 'border-destructive' : 'border-border'}
-               focus:ring-2 focus:ring-primary focus:border-transparent"
-			/>
-			{#if errors.name}
-				<p class="mt-1 text-sm text-destructive">{errors.name}</p>
-			{/if}
-		</div>
-
-		<!-- Description -->
-		<div>
-			<label for="description" class="block text-sm font-medium text-foreground mb-1">
-				Beschreibung (optional)
-			</label>
-			<textarea
-				id="description"
-				bind:value={description}
-				maxlength={500}
-				rows={3}
-				placeholder="Worum geht es in diesem Space?"
-				class="w-full px-3 py-2 border border-border rounded-lg
-               bg-muted text-foreground placeholder-muted-foreground
-               focus:ring-2 focus:ring-primary focus:border-transparent resize-none"
-			></textarea>
-		</div>
-
-		<!-- Buttons -->
-		<div class="flex gap-3 pt-4">
-			<button
-				type="button"
-				onclick={onCancel}
-				class="flex-1 px-4 py-2.5 border border-border text-foreground
-               rounded-lg font-medium hover:bg-muted transition-colors"
-			>
-				Abbrechen
-			</button>
-			<button
-				type="submit"
-				class="flex-1 px-4 py-2.5 bg-primary text-primary-foreground rounded-lg font-medium
-               hover:bg-primary/90 transition-colors"
-			>
-				{isEditMode ? 'Speichern' : 'Erstellen'}
-			</button>
-		</div>
-	</form>
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/templates/TemplateCard.svelte b/apps/chat/apps/web-archived/src/lib/components/templates/TemplateCard.svelte
deleted file mode 100644
index 88a9b4f82..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/templates/TemplateCard.svelte
+++ /dev/null
@@ -1,96 +0,0 @@
-<script lang="ts">
-	import type { Template } from '@chat/types';
-	import { Star, PencilSimple, Trash } from '@manacore/shared-icons';
-
-	interface Props {
-		template: Template;
-		onUse: (id: string) => void;
-		onEdit: (id: string) => void;
-		onDelete: (id: string) => void;
-		onSetDefault: (id: string) => void;
-	}
-
-	let { template, onUse, onEdit, onDelete, onSetDefault }: Props = $props();
-
-	function truncatePrompt(text: string, maxLength: number = 80): string {
-		if (text.length <= maxLength) return text;
-		return text.substring(0, maxLength - 3) + '...';
-	}
-</script>
-
-<div
-	class="group relative flex rounded-xl overflow-hidden bg-surface shadow-sm hover:shadow-md transition-all
-         {template.isDefault ? 'ring-2 ring-primary' : 'border border-border'}"
->
-	<!-- Color Indicator -->
-	<div class="w-2 flex-shrink-0" style="background-color: {template.color}"></div>
-
-	<!-- Content -->
-	<div class="flex-1 p-4">
-		<div class="flex items-start justify-between gap-3">
-			<div class="flex-1 min-w-0">
-				<div class="flex items-center gap-2 mb-1">
-					<h3 class="text-base font-semibold text-foreground truncate">
-						{template.name}
-					</h3>
-					{#if template.isDefault}
-						<span
-							class="px-2 py-0.5 text-xs font-medium bg-primary text-primary-foreground rounded"
-						>
-							Standard
-						</span>
-					{/if}
-				</div>
-
-				{#if template.description}
-					<p class="text-sm text-muted-foreground line-clamp-2 mb-2">
-						{template.description}
-					</p>
-				{/if}
-
-				<p class="text-xs text-muted-foreground italic line-clamp-2">
-					{truncatePrompt(template.systemPrompt)}
-				</p>
-			</div>
-
-			<!-- Actions -->
-			<div class="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
-				{#if !template.isDefault}
-					<button
-						onclick={() => onSetDefault(template.id)}
-						class="p-1.5 text-muted-foreground hover:text-yellow-500 hover:bg-muted rounded-lg transition-colors"
-						title="Als Standard setzen"
-						aria-label="Als Standard setzen"
-					>
-						<Star size={16} weight="bold" />
-					</button>
-				{/if}
-				<button
-					onclick={() => onEdit(template.id)}
-					class="p-1.5 text-muted-foreground hover:text-primary hover:bg-muted rounded-lg transition-colors"
-					title="Bearbeiten"
-					aria-label="Bearbeiten"
-				>
-					<PencilSimple size={16} weight="bold" />
-				</button>
-				<button
-					onclick={() => onDelete(template.id)}
-					class="p-1.5 text-muted-foreground hover:text-destructive hover:bg-muted rounded-lg transition-colors"
-					title="Löschen"
-					aria-label="Löschen"
-				>
-					<Trash size={16} weight="bold" />
-				</button>
-			</div>
-		</div>
-
-		<!-- Use Button -->
-		<button
-			onclick={() => onUse(template.id)}
-			class="mt-3 w-full py-2 px-3 text-sm font-medium text-white rounded-lg transition-colors"
-			style="background-color: {template.color}"
-		>
-			Chat starten
-		</button>
-	</div>
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/components/templates/TemplateForm.svelte b/apps/chat/apps/web-archived/src/lib/components/templates/TemplateForm.svelte
deleted file mode 100644
index 726a54112..000000000
--- a/apps/chat/apps/web-archived/src/lib/components/templates/TemplateForm.svelte
+++ /dev/null
@@ -1,262 +0,0 @@
-<script lang="ts">
-	import { Check, X } from '@manacore/shared-icons';
-	import type { Template, AIModel } from '@chat/types';
-	import { chatService } from '$lib/services/chat';
-	import { onMount } from 'svelte';
-
-	interface Props {
-		template?: Template;
-		onSubmit: (data: Partial<Template>) => void;
-		onCancel: () => void;
-	}
-
-	let { template, onSubmit, onCancel }: Props = $props();
-
-	// Available colors
-	const TEMPLATE_COLORS = [
-		'#0A84FF', // Blue
-		'#32D74B', // Green
-		'#FF375F', // Red
-		'#FF9F0A', // Orange
-		'#5E5CE6', // Purple
-		'#BF5AF2', // Pink
-		'#64D2FF', // Light Blue
-		'#30D158', // Green 2
-		'#FF453A', // Red 2
-	];
-
-	// Form state
-	let name = $state(template?.name ?? '');
-	let description = $state(template?.description ?? '');
-	let systemPrompt = $state(template?.systemPrompt ?? '');
-	let initialQuestion = $state(template?.initialQuestion ?? '');
-	let selectedColor = $state(template?.color ?? TEMPLATE_COLORS[0]);
-	let selectedModelId = $state(template?.modelId ?? '');
-	let documentMode = $state(template?.documentMode ?? false);
-
-	// Models
-	let models = $state<AIModel[]>([]);
-
-	// Validation
-	let errors = $state<{ name?: string; systemPrompt?: string }>({});
-
-	const isEditMode = !!template?.id;
-
-	onMount(async () => {
-		models = await chatService.getModels();
-	});
-
-	function validateForm(): boolean {
-		const newErrors: { name?: string; systemPrompt?: string } = {};
-
-		if (!name.trim()) {
-			newErrors.name = 'Bitte gib einen Namen ein.';
-		}
-
-		if (!systemPrompt.trim()) {
-			newErrors.systemPrompt = 'Der System-Prompt darf nicht leer sein.';
-		}
-
-		errors = newErrors;
-		return Object.keys(newErrors).length === 0;
-	}
-
-	function handleSubmit() {
-		if (!validateForm()) return;
-
-		onSubmit({
-			id: template?.id,
-			name,
-			description: description.trim() || null,
-			systemPrompt: systemPrompt,
-			initialQuestion: initialQuestion.trim() || null,
-			color: selectedColor,
-			modelId: selectedModelId || null,
-			documentMode: documentMode,
-		});
-	}
-</script>
-
-<div class="bg-surface p-6 rounded-xl max-w-2xl mx-auto">
-	<h2 class="text-xl font-bold text-foreground mb-6">
-		{isEditMode ? 'Vorlage bearbeiten' : 'Neue Vorlage erstellen'}
-	</h2>
-
-	<form
-		onsubmit={(e) => {
-			e.preventDefault();
-			handleSubmit();
-		}}
-		class="space-y-5"
-	>
-		<!-- Name -->
-		<div>
-			<label for="name" class="block text-sm font-medium text-foreground mb-1"> Name * </label>
-			<input
-				type="text"
-				id="name"
-				bind:value={name}
-				maxlength={50}
-				placeholder="Name der Vorlage"
-				class="w-full px-3 py-2 border rounded-lg bg-muted
-               text-foreground placeholder-muted-foreground
-               {errors.name ? 'border-destructive' : 'border-border'}
-               focus:ring-2 focus:ring-primary focus:border-transparent"
-			/>
-			{#if errors.name}
-				<p class="mt-1 text-sm text-destructive">{errors.name}</p>
-			{/if}
-		</div>
-
-		<!-- Description -->
-		<div>
-			<label for="description" class="block text-sm font-medium text-foreground mb-1">
-				Beschreibung (optional)
-			</label>
-			<textarea
-				id="description"
-				bind:value={description}
-				maxlength={200}
-				rows={2}
-				placeholder="Kurze Beschreibung dieser Vorlage"
-				class="w-full px-3 py-2 border border-border rounded-lg
-               bg-muted text-foreground placeholder-muted-foreground
-               focus:ring-2 focus:ring-primary focus:border-transparent resize-none"
-			></textarea>
-		</div>
-
-		<!-- System Prompt -->
-		<div>
-			<label for="systemPrompt" class="block text-sm font-medium text-foreground mb-1">
-				System-Prompt *
-			</label>
-			<textarea
-				id="systemPrompt"
-				bind:value={systemPrompt}
-				rows={5}
-				placeholder="System-Prompt für die KI"
-				class="w-full px-3 py-2 border rounded-lg bg-muted
-               text-foreground placeholder-muted-foreground
-               {errors.systemPrompt ? 'border-destructive' : 'border-border'}
-               focus:ring-2 focus:ring-primary focus:border-transparent resize-none"
-			></textarea>
-			{#if errors.systemPrompt}
-				<p class="mt-1 text-sm text-destructive">{errors.systemPrompt}</p>
-			{:else}
-				<p class="mt-1 text-xs text-muted-foreground">
-					Der System-Prompt definiert die Rolle und das Verhalten der KI.
-				</p>
-			{/if}
-		</div>
-
-		<!-- Initial Question -->
-		<div>
-			<label for="initialQuestion" class="block text-sm font-medium text-foreground mb-1">
-				Beispielfrage (optional)
-			</label>
-			<textarea
-				id="initialQuestion"
-				bind:value={initialQuestion}
-				rows={2}
-				placeholder="Beispiel für eine passende Frage oder Anweisung"
-				class="w-full px-3 py-2 border border-border rounded-lg
-               bg-muted text-foreground placeholder-muted-foreground
-               focus:ring-2 focus:ring-primary focus:border-transparent resize-none"
-			></textarea>
-			<p class="mt-1 text-xs text-muted-foreground">
-				Diese Frage wird als Vorschlag angezeigt, wenn die Vorlage ausgewählt wird.
-			</p>
-		</div>
-
-		<!-- Color -->
-		<div>
-			<label class="block text-sm font-medium text-foreground mb-2"> Farbe </label>
-			<div class="flex flex-wrap gap-2">
-				{#each TEMPLATE_COLORS as color}
-					<button
-						type="button"
-						onclick={() => (selectedColor = color)}
-						class="w-8 h-8 rounded-full flex items-center justify-center transition-transform hover:scale-110
-                   {selectedColor === color
-							? 'ring-2 ring-offset-2 ring-gray-900 dark:ring-white'
-							: ''}"
-						style="background-color: {color}"
-						aria-label="Farbe {color}"
-					>
-						{#if selectedColor === color}
-							<Check size={16} weight="bold" class="text-white" />
-						{/if}
-					</button>
-				{/each}
-			</div>
-		</div>
-
-		<!-- Model -->
-		<div>
-			<label for="model" class="block text-sm font-medium text-foreground mb-1">
-				Bevorzugtes Modell (optional)
-			</label>
-			<select
-				id="model"
-				bind:value={selectedModelId}
-				class="w-full px-3 py-2 border border-border rounded-lg
-               bg-muted text-foreground
-               focus:ring-2 focus:ring-primary focus:border-transparent"
-			>
-				<option value="">Kein Modell ausgewählt</option>
-				{#each models as model}
-					<option value={model.id}>{model.name}</option>
-				{/each}
-			</select>
-			<p class="mt-1 text-xs text-muted-foreground">
-				Falls ausgewählt, wird dieses Modell automatisch mit der Vorlage verwendet.
-			</p>
-		</div>
-
-		<!-- Document Mode -->
-		<div>
-			<button
-				type="button"
-				onclick={() => (documentMode = !documentMode)}
-				class="w-full flex items-center justify-between p-4 border rounded-lg transition-colors
-               {documentMode ? 'border-primary bg-primary/10' : 'border-border bg-muted'}"
-			>
-				<div class="text-left">
-					<p class="font-medium text-foreground">Dokumentmodus aktivieren</p>
-					<p class="text-xs text-muted-foreground mt-0.5">
-						Ermöglicht die Bearbeitung eines Dokuments während der Konversation
-					</p>
-				</div>
-				<div
-					class="w-6 h-6 rounded-full flex items-center justify-center
-                 {documentMode ? 'bg-primary' : 'bg-muted-foreground'}"
-				>
-					{#if documentMode}
-						<Check size={16} class="text-white" />
-					{:else}
-						<X size={16} class="text-white" />
-					{/if}
-				</div>
-			</button>
-		</div>
-
-		<!-- Buttons -->
-		<div class="flex gap-3 pt-4">
-			<button
-				type="button"
-				onclick={onCancel}
-				class="flex-1 px-4 py-2.5 border border-border text-foreground
-               rounded-lg font-medium hover:bg-muted transition-colors"
-			>
-				Abbrechen
-			</button>
-			<button
-				type="submit"
-				class="flex-1 px-4 py-2.5 bg-primary text-primary-foreground rounded-lg font-medium
-               hover:bg-primary/90 transition-colors"
-			>
-				{isEditMode ? 'Speichern' : 'Erstellen'}
-			</button>
-		</div>
-	</form>
-</div>
diff --git a/apps/chat/apps/web-archived/src/lib/content/help/index.test.ts b/apps/chat/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 23b833183..000000000
--- a/apps/chat/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getChatHelpContent } from './index';
-
-describe('Chat Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getChatHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getChatHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getChatHelpContent('de');
-		const en = getChatHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getChatHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/chat/apps/web-archived/src/lib/content/help/index.ts b/apps/chat/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index d28a26a4e..000000000
--- a/apps/chat/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,165 +0,0 @@
-/**
- * Help content for Chat app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getChatHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-models',
-				question: isDE
-					? 'Welche KI-Modelle stehen zur Verfügung?'
-					: 'Which AI models are available?',
-				answer: isDE
-					? '<p>Es gibt zwei Kategorien von Modellen:</p><ul><li><strong>Lokale Modelle</strong> (kostenlos): Laufen auf unserem Server — z.B. Gemma 3, Qwen2.5 Coder, LLaVA Vision</li><li><strong>Cloud-Modelle</strong> (Credits): Leistungsstärkere Modelle — z.B. Claude, GPT-4o, DeepSeek, Llama</li></ul><p>Lokale Modelle sind ideal für alltägliche Aufgaben. Cloud-Modelle bieten höhere Qualität für komplexe Anfragen.</p>'
-					: '<p>There are two categories of models:</p><ul><li><strong>Local models</strong> (free): Run on our server — e.g. Gemma 3, Qwen2.5 Coder, LLaVA Vision</li><li><strong>Cloud models</strong> (credits): More powerful models — e.g. Claude, GPT-4o, DeepSeek, Llama</li></ul><p>Local models are ideal for everyday tasks. Cloud models offer higher quality for complex requests.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				featured: true,
-				tags: isDE ? ['modelle', 'ki', 'lokal', 'cloud'] : ['models', 'ai', 'local', 'cloud'],
-			},
-			{
-				id: 'faq-spaces',
-				question: isDE ? 'Was sind Spaces?' : 'What are Spaces?',
-				answer: isDE
-					? '<p>Spaces sind Bereiche, um deine Chats thematisch zu organisieren:</p><ul><li>Erstelle Spaces für verschiedene Projekte oder Themen</li><li>Jeder Space enthält eigene Unterhaltungen</li><li>Wechsle schnell zwischen Kontexten</li></ul>'
-					: '<p>Spaces are areas to organize your chats by topic:</p><ul><li>Create spaces for different projects or topics</li><li>Each space contains its own conversations</li><li>Switch quickly between contexts</li></ul>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['spaces', 'organisation', 'bereiche'] : ['spaces', 'organize', 'areas'],
-			},
-			{
-				id: 'faq-templates',
-				question: isDE ? 'Wie nutze ich Templates?' : 'How do I use templates?',
-				answer: isDE
-					? '<p>Templates sind vordefinierte Prompt-Vorlagen:</p><ul><li>Wähle ein Template aus der Vorlagenbibliothek</li><li>Das Template füllt automatisch den Chat mit einem optimierten Prompt</li><li>Ideal für wiederkehrende Aufgaben wie Texterstellung, Übersetzung oder Code-Analyse</li></ul>'
-					: '<p>Templates are predefined prompt presets:</p><ul><li>Select a template from the template library</li><li>The template automatically fills the chat with an optimized prompt</li><li>Ideal for recurring tasks like writing, translation, or code analysis</li></ul>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['templates', 'vorlagen', 'prompts'] : ['templates', 'presets', 'prompts'],
-			},
-			{
-				id: 'faq-compare',
-				question: isDE ? 'Was ist der Modellvergleich?' : 'What is model comparison?',
-				answer: isDE
-					? '<p>Mit dem Modellvergleich kannst du denselben Prompt an mehrere Modelle gleichzeitig senden und die Antworten nebeneinander vergleichen. So findest du das beste Modell für deine Aufgabe.</p>'
-					: '<p>Model comparison lets you send the same prompt to multiple models simultaneously and compare responses side by side. This helps you find the best model for your task.</p>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['vergleich', 'modelle', 'test'] : ['compare', 'models', 'test'],
-			},
-			...getPrivacyFAQs(locale, {
-				dataTypeDE: 'Chats',
-				dataTypeEN: 'chats',
-				extraBulletsDE: [
-					'<strong>Lokale Modelle</strong>: Bei lokalen Modellen verlassen deine Daten nie unseren Server',
-				],
-				extraBulletsEN: [
-					'<strong>Local models</strong>: With local models, your data never leaves our server',
-				],
-			}),
-		],
-		features: [
-			{
-				id: 'feature-models',
-				title: isDE ? 'Mehrere KI-Modelle' : 'Multiple AI Models',
-				description: isDE
-					? 'Lokale und Cloud-Modelle für jede Aufgabe'
-					: 'Local and cloud models for every task',
-				icon: '🤖',
-				category: 'core',
-				highlights: isDE
-					? ['7+ lokale Modelle (kostenlos)', 'Cloud-Modelle (Claude, GPT)', 'Vision-Modelle']
-					: ['7+ local models (free)', 'Cloud models (Claude, GPT)', 'Vision models'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-spaces',
-				title: 'Spaces',
-				description: isDE
-					? 'Organisiere Chats nach Themen und Projekten'
-					: 'Organize chats by topics and projects',
-				icon: '📂',
-				category: 'core',
-				highlights: isDE
-					? ['Thematische Gruppierung', 'Schneller Kontextwechsel', 'Eigene Unterhaltungen']
-					: ['Topic grouping', 'Quick context switch', 'Separate conversations'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-compare',
-				title: isDE ? 'Modellvergleich' : 'Model Comparison',
-				description: isDE
-					? 'Vergleiche Antworten mehrerer Modelle nebeneinander'
-					: 'Compare responses from multiple models side by side',
-				icon: '⚖️',
-				category: 'advanced',
-				highlights: isDE
-					? ['Parallele Anfragen', 'Qualitätsvergleich', 'Beste Modellwahl']
-					: ['Parallel requests', 'Quality comparison', 'Best model selection'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-templates',
-				title: 'Templates',
-				description: isDE
-					? 'Optimierte Prompts für wiederkehrende Aufgaben'
-					: 'Optimized prompts for recurring tasks',
-				icon: '📋',
-				category: 'core',
-				highlights: isDE
-					? ['Prompt-Vorlagen', 'Ein-Klick-Start', 'Verschiedene Kategorien']
-					: ['Prompt presets', 'One-click start', 'Various categories'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [
-			{
-				id: 'shortcuts-nav',
-				category: 'navigation',
-				title: 'Navigation',
-				language: isDE ? 'de' : 'en',
-				order: 1,
-				shortcuts: [
-					{ shortcut: 'Cmd/Ctrl + 1', action: 'Chat' },
-					{ shortcut: 'Cmd/Ctrl + 2', action: isDE ? 'Vergleich' : 'Compare' },
-					{ shortcut: 'Cmd/Ctrl + 3', action: 'Templates' },
-					{ shortcut: 'Cmd/Ctrl + 4', action: 'Spaces' },
-					{ shortcut: 'Cmd/Ctrl + 5', action: isDE ? 'Dokumente' : 'Documents' },
-					{ shortcut: 'Cmd/Ctrl + 6', action: isDE ? 'Archiv' : 'Archive' },
-				],
-			},
-		],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Chat.</p>'
-				: '<p>Our support team is here to help you with any chat-related questions.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/chat/apps/web-archived/src/lib/data/guest-seed.ts b/apps/chat/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 65b4ff321..000000000
--- a/apps/chat/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Guest seed data for the Chat app.
- *
- * Provides a demo conversation to showcase the chat experience.
- */
-
-import type { LocalConversation, LocalMessage } from './local-store';
-
-const DEMO_CONVERSATION_ID = 'demo-welcome';
-
-export const guestConversations: LocalConversation[] = [
-	{
-		id: DEMO_CONVERSATION_ID,
-		title: 'Willkommen bei Chat!',
-		conversationMode: 'free',
-		documentMode: false,
-		isArchived: false,
-		isPinned: true,
-	},
-];
-
-export const guestMessages: LocalMessage[] = [
-	{
-		id: 'msg-1',
-		conversationId: DEMO_CONVERSATION_ID,
-		sender: 'assistant',
-		messageText:
-			'Hallo! Ich bin dein KI-Assistent. Du kannst mir Fragen stellen, Texte schreiben lassen oder einfach ein Gespräch führen. Melde dich an, um deine Unterhaltungen zu speichern und zu synchronisieren.',
-	},
-];
diff --git a/apps/chat/apps/web-archived/src/lib/data/local-store.ts b/apps/chat/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index fb9030ecd..000000000
--- a/apps/chat/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-/**
- * Chat — Local-First Data Layer
- *
- * Conversations, messages, and templates stored locally.
- * LLM streaming and model management remain server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestConversations, guestMessages } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalConversation extends BaseRecord {
-	title?: string | null;
-	modelId?: string | null;
-	templateId?: string | null;
-	spaceId?: string | null;
-	conversationMode: 'free' | 'guided' | 'template';
-	documentMode: boolean;
-	isArchived: boolean;
-	isPinned: boolean;
-}
-
-export interface LocalMessage extends BaseRecord {
-	conversationId: string;
-	sender: 'user' | 'assistant' | 'system';
-	messageText: string;
-}
-
-export interface LocalTemplate extends BaseRecord {
-	name: string;
-	description: string;
-	systemPrompt: string;
-	initialQuestion?: string | null;
-	modelId?: string | null;
-	color: string;
-	isDefault: boolean;
-	documentMode: boolean;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const chatStore = createLocalStore({
-	appId: 'chat',
-	collections: [
-		{
-			name: 'conversations',
-			indexes: ['isArchived', 'isPinned', 'spaceId', 'templateId'],
-			guestSeed: guestConversations,
-		},
-		{
-			name: 'messages',
-			indexes: ['conversationId', 'sender', '[conversationId+sender]'],
-			guestSeed: guestMessages,
-		},
-		{
-			name: 'templates',
-			indexes: ['isDefault'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const conversationCollection = chatStore.collection<LocalConversation>('conversations');
-export const messageCollection = chatStore.collection<LocalMessage>('messages');
-export const templateCollection = chatStore.collection<LocalTemplate>('templates');
diff --git a/apps/chat/apps/web-archived/src/lib/data/queries.ts b/apps/chat/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 6fcdb0179..000000000
--- a/apps/chat/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Chat
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	conversationCollection,
-	templateCollection,
-	messageCollection,
-	type LocalConversation,
-	type LocalTemplate,
-	type LocalMessage,
-} from './local-store';
-import type { Conversation, Template, Message } from '@chat/types';
-
-// ─── Type Converters ───────────────────────────────────────
-
-export function toConversation(local: LocalConversation): Conversation {
-	return {
-		id: local.id,
-		userId: local.userId ?? 'guest',
-		modelId: local.modelId ?? '',
-		templateId: local.templateId ?? undefined,
-		spaceId: local.spaceId ?? undefined,
-		conversationMode: local.conversationMode,
-		documentMode: local.documentMode,
-		title: local.title ?? undefined,
-		isArchived: local.isArchived,
-		isPinned: local.isPinned,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toTemplate(local: LocalTemplate): Template {
-	return {
-		id: local.id,
-		userId: local.userId ?? 'guest',
-		name: local.name,
-		description: local.description || null,
-		systemPrompt: local.systemPrompt,
-		initialQuestion: local.initialQuestion ?? null,
-		modelId: local.modelId ?? null,
-		color: local.color,
-		isDefault: local.isDefault,
-		documentMode: local.documentMode,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toMessage(local: LocalMessage): Message {
-	return {
-		id: local.id,
-		conversationId: local.conversationId,
-		sender: local.sender,
-		messageText: local.messageText,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? undefined,
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All non-archived conversations, sorted by pinned first then updatedAt desc. */
-export function useAllConversations() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await conversationCollection.getAll({ isArchived: false });
-		return sortConversations(locals.map(toConversation));
-	}, [] as Conversation[]);
-}
-
-/** All archived conversations, sorted by updatedAt desc. */
-export function useArchivedConversations() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await conversationCollection.getAll({ isArchived: true });
-		return locals
-			.map(toConversation)
-			.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
-	}, [] as Conversation[]);
-}
-
-/** All templates, sorted by name. */
-export function useAllTemplates() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await templateCollection.getAll();
-		return locals.map(toTemplate).sort((a, b) => a.name.localeCompare(b.name));
-	}, [] as Template[]);
-}
-
-/** Messages for a specific conversation, sorted by createdAt asc. */
-export function useConversationMessages(conversationId: string) {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await messageCollection.getAll({ conversationId });
-		return locals
-			.map(toMessage)
-			.sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());
-	}, [] as Message[]);
-}
-
-// ─── Pure Sort / Filter Functions (for $derived) ───────────
-
-/** Sort conversations: pinned first, then by updatedAt descending. */
-export function sortConversations(list: Conversation[]): Conversation[] {
-	return [...list].sort((a, b) => {
-		if (a.isPinned && !b.isPinned) return -1;
-		if (!a.isPinned && b.isPinned) return 1;
-		return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();
-	});
-}
-
-/** Filter conversations by space. */
-export function filterBySpace(conversations: Conversation[], spaceId: string): Conversation[] {
-	return conversations.filter((c) => c.spaceId === spaceId);
-}
-
-/** Filter conversations by search query on title. */
-export function filterBySearch(conversations: Conversation[], query: string): Conversation[] {
-	if (!query.trim()) return conversations;
-	const lower = query.toLowerCase();
-	return conversations.filter((c) => c.title?.toLowerCase().includes(lower));
-}
-
-/** Split conversations into pinned and unpinned. */
-export function splitPinned(conversations: Conversation[]) {
-	return {
-		pinned: conversations.filter((c) => c.isPinned),
-		unpinned: conversations.filter((c) => !c.isPinned),
-	};
-}
diff --git a/apps/chat/apps/web-archived/src/lib/i18n/index.ts b/apps/chat/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 7634ae4ad..000000000
--- a/apps/chat/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'it', 'fr', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('it', () => import('./locales/it.json'));
-register('fr', () => import('./locales/fr.json'));
-register('es', () => import('./locales/es.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('chat_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('chat_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/chat/apps/web-archived/src/lib/i18n/locales/de.json b/apps/chat/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 30b2317f2..000000000
--- a/apps/chat/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "Weitere Manacore Apps",
-		"memoro_desc": "KI-gestützte Sprachmemos",
-		"maerchenzauber_desc": "Magische Gute-Nacht-Geschichten",
-		"cards_desc": "KI Lernkarten",
-		"picture_desc": "KI Bildgenerierung",
-		"moodlit_desc": "Dein Stimmungsbegleiter",
-		"manacore_desc": "KI-Produktivitätssuite",
-		"coming_soon": "Demnächst",
-		"download": "Download"
-	}
-}
diff --git a/apps/chat/apps/web-archived/src/lib/i18n/locales/en.json b/apps/chat/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 1cf6356fd..000000000
--- a/apps/chat/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "More Manacore Apps",
-		"memoro_desc": "AI-powered voice memos",
-		"maerchenzauber_desc": "Magical bedtime stories",
-		"cards_desc": "AI flashcards",
-		"picture_desc": "AI image generation",
-		"moodlit_desc": "Your mood companion",
-		"manacore_desc": "AI productivity suite",
-		"coming_soon": "Coming soon",
-		"download": "Download"
-	}
-}
diff --git a/apps/chat/apps/web-archived/src/lib/i18n/locales/es.json b/apps/chat/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index 5f56d6cd0..000000000
--- a/apps/chat/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "Más Apps de Manacore",
-		"memoro_desc": "Notas de voz con IA",
-		"maerchenzauber_desc": "Cuentos mágicos para dormir",
-		"cards_desc": "Flashcards con IA",
-		"picture_desc": "Generación de imágenes con IA",
-		"moodlit_desc": "Tu compañero de ánimo",
-		"manacore_desc": "Suite de productividad IA",
-		"coming_soon": "Próximamente",
-		"download": "Descargar"
-	}
-}
diff --git a/apps/chat/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/chat/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index 2e2308534..000000000
--- a/apps/chat/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "Autres Apps Manacore",
-		"memoro_desc": "Mémos vocaux avec IA",
-		"maerchenzauber_desc": "Histoires magiques du soir",
-		"cards_desc": "Flashcards avec IA",
-		"picture_desc": "Génération d'images avec IA",
-		"moodlit_desc": "Ton compagnon d'humeur",
-		"manacore_desc": "Suite de productivité IA",
-		"coming_soon": "Bientôt disponible",
-		"download": "Télécharger"
-	}
-}
diff --git a/apps/chat/apps/web-archived/src/lib/i18n/locales/it.json b/apps/chat/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index c7558130b..000000000
--- a/apps/chat/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "Altre App Manacore",
-		"memoro_desc": "Memo vocali con IA",
-		"maerchenzauber_desc": "Storie magiche della buonanotte",
-		"cards_desc": "Flashcard con IA",
-		"picture_desc": "Generazione immagini con IA",
-		"moodlit_desc": "Il tuo compagno d'umore",
-		"manacore_desc": "Suite di produttività IA",
-		"coming_soon": "Prossimamente",
-		"download": "Scarica"
-	}
-}
diff --git a/apps/chat/apps/web-archived/src/lib/services/api.ts b/apps/chat/apps/web-archived/src/lib/services/api.ts
deleted file mode 100644
index 94f10b5be..000000000
--- a/apps/chat/apps/web-archived/src/lib/services/api.ts
+++ /dev/null
@@ -1,662 +0,0 @@
-/**
- * API Client for Chat Backend
- *
- * This replaces direct Supabase calls with backend API calls.
- * All database operations now go through the NestJS backend.
- *
- * Token handling: Uses authStore.getValidToken() which automatically
- * refreshes expired tokens before making requests.
- */
-
-import { env } from '$env/dynamic/public';
-import { authStore } from '$lib/stores/auth.svelte';
-import type {
-	Conversation,
-	Message,
-	Template,
-	Space,
-	SpaceMember,
-	Document,
-	AIModel,
-	ChatMessage,
-	ChatCompletionResponse,
-} from '@chat/types';
-
-// Re-export types for convenience
-export type {
-	Conversation,
-	Message,
-	Template,
-	Space,
-	SpaceMember,
-	Document,
-	AIModel,
-	ChatMessage,
-	ChatCompletionResponse,
-};
-
-const API_BASE = env.PUBLIC_BACKEND_URL || 'http://localhost:3002';
-
-type FetchOptions = {
-	method?: 'GET' | 'POST' | 'PATCH' | 'DELETE';
-	body?: unknown;
-	token?: string;
-};
-
-async function fetchApi<T>(
-	endpoint: string,
-	options: FetchOptions = {}
-): Promise<{ data: T | null; error: Error | null }> {
-	const { method = 'GET', body, token } = options;
-
-	// Get a valid token (auto-refreshes if expired)
-	const authToken = token || (await authStore.getValidToken());
-
-	if (!authToken) {
-		return { data: null, error: new Error('No authentication token') };
-	}
-
-	try {
-		const response = await fetch(`${API_BASE}/api/v1${endpoint}`, {
-			method,
-			headers: {
-				'Content-Type': 'application/json',
-				Authorization: `Bearer ${authToken}`,
-			},
-			body: body ? JSON.stringify(body) : undefined,
-		});
-
-		if (!response.ok) {
-			const errorData = await response.json().catch(() => ({}));
-			return {
-				data: null,
-				error: new Error(errorData.message || `API error: ${response.status}`),
-			};
-		}
-
-		const data = await response.json();
-		return { data, error: null };
-	} catch (error) {
-		return {
-			data: null,
-			error: error instanceof Error ? error : new Error('Unknown error'),
-		};
-	}
-}
-
-// ============ Conversation API ============
-
-export const conversationApi = {
-	async getConversations(spaceId?: string): Promise<Conversation[]> {
-		const query = spaceId ? `?spaceId=${spaceId}` : '';
-		const { data, error } = await fetchApi<Conversation[]>(`/conversations${query}`);
-		if (error) {
-			console.error('Error loading conversations:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async getArchivedConversations(): Promise<Conversation[]> {
-		const { data, error } = await fetchApi<Conversation[]>('/conversations/archived');
-		if (error) {
-			console.error('Error loading archived conversations:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async getConversation(id: string): Promise<Conversation | null> {
-		const { data, error } = await fetchApi<Conversation>(`/conversations/${id}`);
-		if (error) {
-			console.error('Error loading conversation:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async getMessages(conversationId: string): Promise<Message[]> {
-		const { data, error } = await fetchApi<Message[]>(`/conversations/${conversationId}/messages`);
-		if (error) {
-			console.error('Error loading messages:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async createConversation(options: {
-		modelId: string;
-		title?: string;
-		templateId?: string;
-		conversationMode?: 'free' | 'guided' | 'template';
-		documentMode?: boolean;
-		spaceId?: string;
-	}): Promise<Conversation | null> {
-		const { data, error } = await fetchApi<Conversation>('/conversations', {
-			method: 'POST',
-			body: options,
-		});
-		if (error) {
-			console.error('Error creating conversation:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async addMessage(
-		conversationId: string,
-		sender: 'user' | 'assistant' | 'system',
-		messageText: string
-	): Promise<Message | null> {
-		const { data, error } = await fetchApi<Message>(`/conversations/${conversationId}/messages`, {
-			method: 'POST',
-			body: { sender, messageText },
-		});
-		if (error) {
-			console.error('Error adding message:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async updateTitle(conversationId: string, title: string): Promise<boolean> {
-		const { error } = await fetchApi<Conversation>(`/conversations/${conversationId}/title`, {
-			method: 'PATCH',
-			body: { title },
-		});
-		if (error) {
-			console.error('Error updating title:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async archiveConversation(conversationId: string): Promise<boolean> {
-		const { error } = await fetchApi<Conversation>(`/conversations/${conversationId}/archive`, {
-			method: 'PATCH',
-		});
-		if (error) {
-			console.error('Error archiving conversation:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async unarchiveConversation(conversationId: string): Promise<boolean> {
-		const { error } = await fetchApi<Conversation>(`/conversations/${conversationId}/unarchive`, {
-			method: 'PATCH',
-		});
-		if (error) {
-			console.error('Error unarchiving conversation:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async deleteConversation(conversationId: string): Promise<boolean> {
-		const { error } = await fetchApi<{ success: boolean }>(`/conversations/${conversationId}`, {
-			method: 'DELETE',
-		});
-		if (error) {
-			console.error('Error deleting conversation:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async pinConversation(conversationId: string): Promise<boolean> {
-		const { error } = await fetchApi<Conversation>(`/conversations/${conversationId}/pin`, {
-			method: 'PATCH',
-		});
-		if (error) {
-			console.error('Error pinning conversation:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async unpinConversation(conversationId: string): Promise<boolean> {
-		const { error } = await fetchApi<Conversation>(`/conversations/${conversationId}/unpin`, {
-			method: 'PATCH',
-		});
-		if (error) {
-			console.error('Error unpinning conversation:', error);
-			return false;
-		}
-		return true;
-	},
-};
-
-// ============ Template API ============
-
-export const templateApi = {
-	async getTemplates(): Promise<Template[]> {
-		const { data, error } = await fetchApi<Template[]>('/templates');
-		if (error) {
-			console.error('Error loading templates:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async getTemplate(id: string): Promise<Template | null> {
-		const { data, error } = await fetchApi<Template>(`/templates/${id}`);
-		if (error) {
-			console.error('Error loading template:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async getDefaultTemplate(): Promise<Template | null> {
-		const { data, error } = await fetchApi<Template | null>('/templates/default');
-		if (error) {
-			console.error('Error loading default template:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async createTemplate(template: {
-		name: string;
-		description?: string;
-		systemPrompt: string;
-		initialQuestion?: string;
-		modelId?: string;
-		color?: string;
-		documentMode?: boolean;
-	}): Promise<Template | null> {
-		const { data, error } = await fetchApi<Template>('/templates', {
-			method: 'POST',
-			body: template,
-		});
-		if (error) {
-			console.error('Error creating template:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async updateTemplate(
-		id: string,
-		updates: Partial<{
-			name: string;
-			description: string;
-			systemPrompt: string;
-			initialQuestion: string;
-			modelId: string;
-			color: string;
-			documentMode: boolean;
-		}>
-	): Promise<boolean> {
-		const { error } = await fetchApi<Template>(`/templates/${id}`, {
-			method: 'PATCH',
-			body: updates,
-		});
-		if (error) {
-			console.error('Error updating template:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async setDefaultTemplate(id: string): Promise<boolean> {
-		const { error } = await fetchApi<Template>(`/templates/${id}/default`, {
-			method: 'PATCH',
-		});
-		if (error) {
-			console.error('Error setting default template:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async deleteTemplate(id: string): Promise<boolean> {
-		const { error } = await fetchApi<{ success: boolean }>(`/templates/${id}`, {
-			method: 'DELETE',
-		});
-		if (error) {
-			console.error('Error deleting template:', error);
-			return false;
-		}
-		return true;
-	},
-};
-
-// ============ Space API ============
-
-export const spaceApi = {
-	async getUserSpaces(): Promise<Space[]> {
-		const { data, error } = await fetchApi<Space[]>('/spaces');
-		if (error) {
-			console.error('Error loading spaces:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async getOwnedSpaces(): Promise<Space[]> {
-		const { data, error } = await fetchApi<Space[]>('/spaces/owned');
-		if (error) {
-			console.error('Error loading owned spaces:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async getSpace(id: string): Promise<Space | null> {
-		const { data, error } = await fetchApi<Space>(`/spaces/${id}`);
-		if (error) {
-			console.error('Error loading space:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async getSpaceMembers(spaceId: string): Promise<SpaceMember[]> {
-		const { data, error } = await fetchApi<SpaceMember[]>(`/spaces/${spaceId}/members`);
-		if (error) {
-			console.error('Error loading space members:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async getUserRoleInSpace(
-		spaceId: string
-	): Promise<'owner' | 'admin' | 'member' | 'viewer' | null> {
-		const { data, error } = await fetchApi<{
-			role: 'owner' | 'admin' | 'member' | 'viewer' | null;
-		}>(`/spaces/${spaceId}/role`);
-		if (error) {
-			console.error('Error getting user role:', error);
-			return null;
-		}
-		return data?.role || null;
-	},
-
-	async getPendingInvitations(): Promise<Array<{ invitation: SpaceMember; space: Space }>> {
-		const { data, error } =
-			await fetchApi<Array<{ invitation: SpaceMember; space: Space }>>('/spaces/invitations');
-		if (error) {
-			console.error('Error loading invitations:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async createSpace(name: string, description?: string): Promise<Space | null> {
-		const { data, error } = await fetchApi<Space>('/spaces', {
-			method: 'POST',
-			body: { name, description },
-		});
-		if (error) {
-			console.error('Error creating space:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async updateSpace(
-		id: string,
-		updates: { name?: string; description?: string; isArchived?: boolean }
-	): Promise<boolean> {
-		const { error } = await fetchApi<Space>(`/spaces/${id}`, {
-			method: 'PATCH',
-			body: updates,
-		});
-		if (error) {
-			console.error('Error updating space:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async deleteSpace(id: string): Promise<boolean> {
-		const { error } = await fetchApi<{ success: boolean }>(`/spaces/${id}`, {
-			method: 'DELETE',
-		});
-		if (error) {
-			console.error('Error deleting space:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async inviteUser(
-		spaceId: string,
-		userId: string,
-		role?: 'admin' | 'member' | 'viewer'
-	): Promise<boolean> {
-		const { error } = await fetchApi<SpaceMember>(`/spaces/${spaceId}/invite`, {
-			method: 'POST',
-			body: { userId, role },
-		});
-		if (error) {
-			console.error('Error inviting user:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async respondToInvitation(spaceId: string, status: 'accepted' | 'declined'): Promise<boolean> {
-		const { error } = await fetchApi<SpaceMember>(`/spaces/${spaceId}/respond`, {
-			method: 'POST',
-			body: { status },
-		});
-		if (error) {
-			console.error('Error responding to invitation:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async removeMember(spaceId: string, userId: string): Promise<boolean> {
-		const { error } = await fetchApi<{ success: boolean }>(`/spaces/${spaceId}/members/${userId}`, {
-			method: 'DELETE',
-		});
-		if (error) {
-			console.error('Error removing member:', error);
-			return false;
-		}
-		return true;
-	},
-
-	async changeMemberRole(
-		spaceId: string,
-		userId: string,
-		role: 'admin' | 'member' | 'viewer'
-	): Promise<boolean> {
-		const { error } = await fetchApi<SpaceMember>(`/spaces/${spaceId}/members/${userId}/role`, {
-			method: 'PATCH',
-			body: { role },
-		});
-		if (error) {
-			console.error('Error changing member role:', error);
-			return false;
-		}
-		return true;
-	},
-};
-
-// ============ Document API ============
-
-export const documentApi = {
-	async getLatestDocument(conversationId: string): Promise<Document | null> {
-		const { data, error } = await fetchApi<Document | null>(
-			`/documents/conversation/${conversationId}`
-		);
-		if (error) {
-			console.error('Error loading document:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async getAllDocumentVersions(conversationId: string): Promise<Document[]> {
-		const { data, error } = await fetchApi<Document[]>(
-			`/documents/conversation/${conversationId}/versions`
-		);
-		if (error) {
-			console.error('Error loading document versions:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async hasDocument(conversationId: string): Promise<boolean> {
-		const { data, error } = await fetchApi<{ exists: boolean }>(
-			`/documents/conversation/${conversationId}/exists`
-		);
-		if (error) {
-			console.error('Error checking document:', error);
-			return false;
-		}
-		return data?.exists || false;
-	},
-
-	async createDocument(conversationId: string, content: string): Promise<Document | null> {
-		const { data, error } = await fetchApi<Document>(`/documents/conversation/${conversationId}`, {
-			method: 'POST',
-			body: { content },
-		});
-		if (error) {
-			console.error('Error creating document:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async createDocumentVersion(conversationId: string, content: string): Promise<Document | null> {
-		const { data, error } = await fetchApi<Document>(
-			`/documents/conversation/${conversationId}/version`,
-			{
-				method: 'POST',
-				body: { content },
-			}
-		);
-		if (error) {
-			console.error('Error creating document version:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async deleteDocumentVersion(documentId: string): Promise<boolean> {
-		const { error } = await fetchApi<{ success: boolean }>(`/documents/${documentId}`, {
-			method: 'DELETE',
-		});
-		if (error) {
-			console.error('Error deleting document:', error);
-			return false;
-		}
-		return true;
-	},
-};
-
-// ============ Model API ============
-
-export const modelApi = {
-	async getModels(): Promise<AIModel[]> {
-		const { data, error } = await fetchApi<AIModel[]>('/models');
-		if (error) {
-			console.error('Error loading models:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async getModel(id: string): Promise<AIModel | null> {
-		const { data, error } = await fetchApi<AIModel>(`/models/${id}`);
-		if (error) {
-			console.error('Error loading model:', error);
-			return null;
-		}
-		return data;
-	},
-};
-
-// ============ Chat API ============
-
-export const chatApi = {
-	async createCompletion(options: {
-		messages: ChatMessage[];
-		modelId: string;
-		temperature?: number;
-		maxTokens?: number;
-	}): Promise<ChatCompletionResponse | null> {
-		const { data, error } = await fetchApi<ChatCompletionResponse>('/chat/completions', {
-			method: 'POST',
-			body: options,
-		});
-		if (error) {
-			console.error('Error creating completion:', error);
-			return null;
-		}
-		return data;
-	},
-
-	/**
-	 * Create a streaming completion. Returns an async generator of text tokens.
-	 * Uses Server-Sent Events (SSE) for real-time token delivery.
-	 */
-	async *createStreamingCompletion(options: {
-		messages: ChatMessage[];
-		modelId: string;
-		temperature?: number;
-		maxTokens?: number;
-	}): AsyncGenerator<string> {
-		const authToken = await authStore.getValidToken();
-		if (!authToken) throw new Error('No authentication token');
-
-		const response = await fetch(`${API_BASE}/api/v1/chat/completions/stream`, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json',
-				Authorization: `Bearer ${authToken}`,
-			},
-			body: JSON.stringify(options),
-		});
-
-		if (!response.ok) {
-			throw new Error(`Stream error: ${response.status}`);
-		}
-
-		if (!response.body) {
-			throw new Error('No response body for stream');
-		}
-
-		const reader = response.body.getReader();
-		const decoder = new TextDecoder();
-		let buffer = '';
-
-		try {
-			while (true) {
-				const { done, value } = await reader.read();
-				if (done) break;
-
-				buffer += decoder.decode(value, { stream: true });
-				const lines = buffer.split('\n');
-				buffer = lines.pop() ?? '';
-
-				for (const line of lines) {
-					const trimmed = line.trim();
-					if (!trimmed || !trimmed.startsWith('data: ')) continue;
-
-					const data = trimmed.slice(6);
-					if (data === '[DONE]') return;
-
-					try {
-						const parsed = JSON.parse(data);
-						if (parsed.error) throw new Error(parsed.error);
-						if (parsed.token) yield parsed.token;
-					} catch (e) {
-						if (e instanceof Error && e.message !== data) throw e;
-					}
-				}
-			}
-		} finally {
-			reader.releaseLock();
-		}
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/services/chat.ts b/apps/chat/apps/web-archived/src/lib/services/chat.ts
deleted file mode 100644
index 0ec7bca6c..000000000
--- a/apps/chat/apps/web-archived/src/lib/services/chat.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Chat Service - AI Completions via Backend API
- */
-
-import {
-	chatApi,
-	modelApi,
-	type ChatMessage,
-	type ChatCompletionResponse,
-	type AIModel,
-} from './api';
-
-export type { ChatMessage, ChatCompletionResponse, AIModel };
-
-export interface ChatCompletionRequest {
-	messages: ChatMessage[];
-	modelId: string;
-	temperature?: number;
-	maxTokens?: number;
-}
-
-export const chatService = {
-	/**
-	 * Get available AI models
-	 */
-	async getModels(): Promise<AIModel[]> {
-		return modelApi.getModels();
-	},
-
-	/**
-	 * Send chat completion request (non-streaming)
-	 */
-	async createCompletion(request: ChatCompletionRequest): Promise<ChatCompletionResponse | null> {
-		return chatApi.createCompletion({
-			messages: request.messages,
-			modelId: request.modelId,
-			temperature: request.temperature ?? 0.7,
-			maxTokens: request.maxTokens ?? 1000,
-		});
-	},
-
-	/**
-	 * Send streaming chat completion request.
-	 * Returns an async generator that yields text tokens as they arrive.
-	 */
-	async *createStreamingCompletion(request: ChatCompletionRequest): AsyncGenerator<string> {
-		yield* chatApi.createStreamingCompletion({
-			messages: request.messages,
-			modelId: request.modelId,
-			temperature: request.temperature ?? 0.7,
-			maxTokens: request.maxTokens ?? 1000,
-		});
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/services/conversation.ts b/apps/chat/apps/web-archived/src/lib/services/conversation.ts
deleted file mode 100644
index de54e1b43..000000000
--- a/apps/chat/apps/web-archived/src/lib/services/conversation.ts
+++ /dev/null
@@ -1,223 +0,0 @@
-/**
- * Conversation Service - CRUD operations via Backend API
- *
- * Note: userId is derived from JWT token on the backend,
- * so we don't need to pass it from the frontend.
- */
-
-import { conversationApi, chatApi } from './api';
-import type { Conversation, Message, ChatMessage } from './api';
-
-export type { Conversation, Message };
-
-export const conversationService = {
-	/**
-	 * Create a new conversation
-	 */
-	async createConversation(options: {
-		modelId: string;
-		mode?: 'free' | 'guided' | 'template';
-		templateId?: string;
-		documentMode?: boolean;
-		spaceId?: string;
-	}): Promise<string | null> {
-		const conversation = await conversationApi.createConversation({
-			modelId: options.modelId,
-			conversationMode: options.mode ?? 'free',
-			templateId: options.templateId,
-			documentMode: options.documentMode ?? false,
-			spaceId: options.spaceId,
-		});
-
-		return conversation?.id || null;
-	},
-
-	/**
-	 * Get all active conversations
-	 */
-	async getConversations(spaceId?: string): Promise<Conversation[]> {
-		return conversationApi.getConversations(spaceId);
-	},
-
-	/**
-	 * Get archived conversations
-	 */
-	async getArchivedConversations(): Promise<Conversation[]> {
-		return conversationApi.getArchivedConversations();
-	},
-
-	/**
-	 * Get a single conversation
-	 */
-	async getConversation(conversationId: string): Promise<Conversation | null> {
-		return conversationApi.getConversation(conversationId);
-	},
-
-	/**
-	 * Get messages for a conversation
-	 */
-	async getMessages(conversationId: string): Promise<Message[]> {
-		return conversationApi.getMessages(conversationId);
-	},
-
-	/**
-	 * Add a message to a conversation
-	 */
-	async addMessage(
-		conversationId: string,
-		sender: 'user' | 'assistant' | 'system',
-		messageText: string
-	): Promise<string | null> {
-		const message = await conversationApi.addMessage(conversationId, sender, messageText);
-		return message?.id || null;
-	},
-
-	/**
-	 * Update conversation title
-	 */
-	async updateTitle(conversationId: string, title: string): Promise<boolean> {
-		return conversationApi.updateTitle(conversationId, title);
-	},
-
-	/**
-	 * Archive a conversation
-	 */
-	async archiveConversation(conversationId: string): Promise<boolean> {
-		return conversationApi.archiveConversation(conversationId);
-	},
-
-	/**
-	 * Unarchive a conversation
-	 */
-	async unarchiveConversation(conversationId: string): Promise<boolean> {
-		return conversationApi.unarchiveConversation(conversationId);
-	},
-
-	/**
-	 * Delete a conversation permanently
-	 */
-	async deleteConversation(conversationId: string): Promise<boolean> {
-		return conversationApi.deleteConversation(conversationId);
-	},
-
-	/**
-	 * Pin a conversation
-	 */
-	async pinConversation(conversationId: string): Promise<boolean> {
-		return conversationApi.pinConversation(conversationId);
-	},
-
-	/**
-	 * Unpin a conversation
-	 */
-	async unpinConversation(conversationId: string): Promise<boolean> {
-		return conversationApi.unpinConversation(conversationId);
-	},
-
-	/**
-	 * Send a message and get AI response
-	 */
-	async sendMessageAndGetResponse(
-		conversationId: string,
-		userMessage: string,
-		modelId: string
-	): Promise<{
-		userMessageId: string | null;
-		assistantMessageId: string | null;
-		assistantResponse: string;
-		title?: string;
-	}> {
-		// Add user message
-		const userMessageId = await this.addMessage(conversationId, 'user', userMessage);
-
-		// Load all messages for context
-		const messages = await this.getMessages(conversationId);
-
-		// Build chat messages for API
-		const chatMessages: ChatMessage[] = messages.map((m) => ({
-			role: m.sender === 'user' ? 'user' : m.sender === 'assistant' ? 'assistant' : 'system',
-			content: m.messageText,
-		}));
-
-		// Get AI response
-		const response = await chatApi.createCompletion({
-			messages: chatMessages,
-			modelId,
-		});
-
-		if (!response) {
-			return {
-				userMessageId,
-				assistantMessageId: null,
-				assistantResponse: 'Fehler beim Abrufen der Antwort.',
-			};
-		}
-
-		// Save assistant message
-		const assistantMessageId = await this.addMessage(conversationId, 'assistant', response.content);
-
-		// Generate title if this is a new conversation (first or second message)
-		let title: string | undefined;
-		if (messages.length <= 2) {
-			title = await this.generateTitle(userMessage, modelId);
-			if (title) {
-				await this.updateTitle(conversationId, title);
-			}
-		}
-
-		return {
-			userMessageId,
-			assistantMessageId,
-			assistantResponse: response.content,
-			title,
-		};
-	},
-
-	/**
-	 * Generate a conversation title based on user message using AI
-	 */
-	async generateTitle(userMessage: string, modelId: string): Promise<string> {
-		try {
-			const titlePrompt = `Schreibe eine kurze, prägnante Überschrift (maximal 5 Wörter) für diesen Chat: "${userMessage}"`;
-
-			const response = await chatApi.createCompletion({
-				messages: [{ role: 'user', content: titlePrompt }],
-				modelId,
-				temperature: 0.3,
-				maxTokens: 50,
-			});
-
-			if (!response) {
-				console.warn('Title generation returned no response, using fallback');
-				return this.createFallbackTitle(userMessage);
-			}
-
-			// Clean up title
-			let title = response.content
-				.trim()
-				.replace(/^["']|["']$/g, '')
-				.replace(/\.$/g, '');
-
-			if (title.length > 100) {
-				title = title.substring(0, 97) + '...';
-			}
-
-			return title || this.createFallbackTitle(userMessage);
-		} catch (error) {
-			console.error('Error generating title:', error);
-			return this.createFallbackTitle(userMessage);
-		}
-	},
-
-	/**
-	 * Create a fallback title from the first words of the message
-	 */
-	createFallbackTitle(message: string): string {
-		const words = message.trim().split(/\s+/).slice(0, 5);
-		let title = words.join(' ');
-		if (message.trim().split(/\s+/).length > 5) {
-			title += '...';
-		}
-		return title || 'Neue Konversation';
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/services/document.ts b/apps/chat/apps/web-archived/src/lib/services/document.ts
deleted file mode 100644
index 99e99723a..000000000
--- a/apps/chat/apps/web-archived/src/lib/services/document.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-/**
- * Document Service - CRUD operations via Backend API
- */
-
-import { documentApi, conversationApi } from './api';
-import type { Document } from './api';
-
-export type { Document };
-
-export type DocumentWithConversation = Document & {
-	conversationTitle: string;
-};
-
-export const documentService = {
-	/**
-	 * Get all documents for a user (latest version of each)
-	 * This requires fetching conversations first, then documents
-	 */
-	async getUserDocuments(userId: string): Promise<DocumentWithConversation[]> {
-		// Get all conversations (the API will filter by user)
-		const conversations = await conversationApi.getConversations();
-
-		// Filter to only document mode conversations
-		const documentConversations = conversations.filter((c) => c.documentMode);
-
-		if (documentConversations.length === 0) {
-			return [];
-		}
-
-		// For each conversation, load the latest document version
-		const documents: DocumentWithConversation[] = [];
-
-		for (const conv of documentConversations) {
-			const doc = await documentApi.getLatestDocument(conv.id);
-
-			if (doc) {
-				documents.push({
-					...doc,
-					conversationTitle: conv.title || 'Unbenannte Konversation',
-				});
-			}
-		}
-
-		return documents;
-	},
-
-	/**
-	 * Get the latest document for a conversation
-	 */
-	async getLatestDocument(conversationId: string): Promise<Document | null> {
-		return documentApi.getLatestDocument(conversationId);
-	},
-
-	/**
-	 * Create a new document
-	 */
-	async createDocument(conversationId: string, content: string): Promise<Document | null> {
-		return documentApi.createDocument(conversationId, content);
-	},
-
-	/**
-	 * Create a new version of a document
-	 */
-	async createDocumentVersion(conversationId: string, content: string): Promise<Document | null> {
-		return documentApi.createDocumentVersion(conversationId, content);
-	},
-
-	/**
-	 * Get all versions of a document
-	 */
-	async getAllDocumentVersions(conversationId: string): Promise<Document[]> {
-		return documentApi.getAllDocumentVersions(conversationId);
-	},
-
-	/**
-	 * Check if a document exists for a conversation
-	 */
-	async hasDocument(conversationId: string): Promise<boolean> {
-		return documentApi.hasDocument(conversationId);
-	},
-
-	/**
-	 * Delete a specific document version
-	 */
-	async deleteDocumentVersion(documentId: string): Promise<boolean> {
-		return documentApi.deleteDocumentVersion(documentId);
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/services/feedback.ts b/apps/chat/apps/web-archived/src/lib/services/feedback.ts
deleted file mode 100644
index bd32c2635..000000000
--- a/apps/chat/apps/web-archived/src/lib/services/feedback.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Feedback Service Instance for Chat Web App
- */
-
-import { createFeedbackService } from '@manacore/feedback';
-import { authStore } from '$lib/stores/auth.svelte';
-
-// Use environment variable at runtime
-const MANA_AUTH_URL = process.env.PUBLIC_MANA_CORE_AUTH_URL || 'http://localhost:3001';
-
-export const feedbackService = createFeedbackService({
-	apiUrl: MANA_AUTH_URL,
-	appId: 'chat',
-	getAuthToken: async () => authStore.getAccessToken(),
-});
diff --git a/apps/chat/apps/web-archived/src/lib/services/space.ts b/apps/chat/apps/web-archived/src/lib/services/space.ts
deleted file mode 100644
index 70ffee096..000000000
--- a/apps/chat/apps/web-archived/src/lib/services/space.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/**
- * Space Service - CRUD operations via Backend API
- */
-
-import { spaceApi } from './api';
-import type { Space, SpaceMember } from './api';
-
-export type { Space, SpaceMember };
-
-export const spaceService = {
-	/**
-	 * Get all spaces for the current user (both owned and member of)
-	 */
-	async getUserSpaces(userId: string): Promise<Space[]> {
-		return spaceApi.getUserSpaces();
-	},
-
-	/**
-	 * Get a single space by ID
-	 */
-	async getSpace(spaceId: string): Promise<Space | null> {
-		return spaceApi.getSpace(spaceId);
-	},
-
-	/**
-	 * Create a new space
-	 */
-	async createSpace(space: {
-		name: string;
-		description?: string;
-		ownerId: string;
-	}): Promise<string | null> {
-		const result = await spaceApi.createSpace(space.name, space.description);
-		return result?.id || null;
-	},
-
-	/**
-	 * Update a space
-	 */
-	async updateSpace(
-		spaceId: string,
-		updates: { name?: string; description?: string; isArchived?: boolean }
-	): Promise<boolean> {
-		return spaceApi.updateSpace(spaceId, updates);
-	},
-
-	/**
-	 * Delete a space
-	 */
-	async deleteSpace(spaceId: string): Promise<boolean> {
-		return spaceApi.deleteSpace(spaceId);
-	},
-
-	/**
-	 * Get members of a space
-	 */
-	async getSpaceMembers(spaceId: string): Promise<SpaceMember[]> {
-		return spaceApi.getSpaceMembers(spaceId);
-	},
-
-	/**
-	 * Get user's role in a space
-	 */
-	async getUserRoleInSpace(
-		spaceId: string,
-		userId: string
-	): Promise<'owner' | 'admin' | 'member' | 'viewer' | null> {
-		return spaceApi.getUserRoleInSpace(spaceId);
-	},
-
-	/**
-	 * Leave a space (remove self from members)
-	 */
-	async leaveSpace(spaceId: string, userId: string): Promise<boolean> {
-		return spaceApi.removeMember(spaceId, userId);
-	},
-
-	/**
-	 * Invite a user to a space
-	 */
-	async inviteUserToSpace(
-		spaceId: string,
-		userId: string,
-		role: 'admin' | 'member' | 'viewer' = 'member'
-	): Promise<boolean> {
-		return spaceApi.inviteUser(spaceId, userId, role);
-	},
-
-	/**
-	 * Respond to a space invitation
-	 */
-	async respondToInvitation(spaceId: string, status: 'accepted' | 'declined'): Promise<boolean> {
-		return spaceApi.respondToInvitation(spaceId, status);
-	},
-
-	/**
-	 * Get pending invitations for the current user
-	 */
-	async getPendingInvitations(): Promise<Array<{ invitation: SpaceMember; space: Space }>> {
-		return spaceApi.getPendingInvitations();
-	},
-
-	/**
-	 * Remove a member from a space
-	 */
-	async removeMember(spaceId: string, userId: string): Promise<boolean> {
-		return spaceApi.removeMember(spaceId, userId);
-	},
-
-	/**
-	 * Change a member's role
-	 */
-	async changeMemberRole(
-		spaceId: string,
-		userId: string,
-		newRole: 'admin' | 'member' | 'viewer'
-	): Promise<boolean> {
-		return spaceApi.changeMemberRole(spaceId, userId, newRole);
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/services/template.ts b/apps/chat/apps/web-archived/src/lib/services/template.ts
deleted file mode 100644
index 5ae70db2c..000000000
--- a/apps/chat/apps/web-archived/src/lib/services/template.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * Template Service - CRUD operations via Backend API
- */
-
-import { templateApi } from './api';
-import type { Template } from './api';
-
-export type { Template };
-
-export const templateService = {
-	/**
-	 * Get all templates for the current user
-	 */
-	async getTemplates(userId: string): Promise<Template[]> {
-		return templateApi.getTemplates();
-	},
-
-	/**
-	 * Get a single template by ID
-	 */
-	async getTemplate(templateId: string): Promise<Template | null> {
-		return templateApi.getTemplate(templateId);
-	},
-
-	/**
-	 * Get the default template for the current user
-	 */
-	async getDefaultTemplate(userId: string): Promise<Template | null> {
-		return templateApi.getDefaultTemplate();
-	},
-
-	/**
-	 * Create a new template
-	 */
-	async createTemplate(template: {
-		userId: string;
-		name: string;
-		description?: string;
-		systemPrompt: string;
-		initialQuestion?: string;
-		modelId?: string;
-		color?: string;
-		documentMode?: boolean;
-	}): Promise<Template | null> {
-		return templateApi.createTemplate({
-			name: template.name,
-			description: template.description,
-			systemPrompt: template.systemPrompt,
-			initialQuestion: template.initialQuestion,
-			modelId: template.modelId,
-			color: template.color,
-			documentMode: template.documentMode,
-		});
-	},
-
-	/**
-	 * Update an existing template
-	 */
-	async updateTemplate(
-		templateId: string,
-		updates: Partial<{
-			name: string;
-			description: string;
-			systemPrompt: string;
-			initialQuestion: string;
-			modelId: string;
-			color: string;
-			documentMode: boolean;
-		}>
-	): Promise<boolean> {
-		return templateApi.updateTemplate(templateId, updates);
-	},
-
-	/**
-	 * Delete a template
-	 */
-	async deleteTemplate(templateId: string): Promise<boolean> {
-		return templateApi.deleteTemplate(templateId);
-	},
-
-	/**
-	 * Set a template as default
-	 */
-	async setDefaultTemplate(templateId: string, userId: string): Promise<boolean> {
-		return templateApi.setDefaultTemplate(templateId);
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 5c923045d..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-/**
- * Chat-specific onboarding steps
- */
-const chatOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Chat!',
-		description: 'Das kann Chat für dich tun:',
-		emoji: '💬',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		bullets: [
-			'KI-Chat mit lokalen & Cloud-Modellen',
-			'Konversationen organisieren & durchsuchen',
-			'Dateien & Bilder teilen',
-			'Code-Highlighting & Markdown',
-		],
-	},
-	{
-		id: 'defaultModel',
-		type: 'select',
-		question: 'Welches Modell bevorzugst du?',
-		emoji: '💬',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		options: [
-			{
-				id: 'local',
-				label: 'Lokale Modelle',
-				description: 'Kostenlos, läuft auf eigenem Server',
-				emoji: '🏠',
-			},
-			{
-				id: 'cloud',
-				label: 'Cloud-Modelle',
-				description: 'Höhere Qualität, kostenpflichtig',
-				emoji: '☁️',
-			},
-			{
-				id: 'auto',
-				label: 'Automatisch',
-				description: 'Bestes Modell je nach Aufgabe (Empfohlen)',
-				emoji: '🤖',
-			},
-		],
-		defaultValue: 'auto',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Dein Chat ist bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Wähle verschiedene KI-Modelle je nach Aufgabe',
-			'Nutze Konversationen, um Chatverläufe zu organisieren',
-			'Lokale Modelle sind kostenlos und datenschutzfreundlich',
-			'Cloud-Modelle bieten höhere Qualität für komplexe Aufgaben',
-		],
-	},
-];
-
-/**
- * Chat app onboarding store
- */
-export const chatOnboarding = createAppOnboardingStore({
-	appId: 'chat',
-	steps: chatOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/chat/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 6f3f461ce..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3002,
-});
diff --git a/apps/chat/apps/web-archived/src/lib/stores/chat.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/chat.svelte.ts
deleted file mode 100644
index e7d9be4c5..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/chat.svelte.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-/**
- * Chat Store - Manages current chat state using Svelte 5 runes
- */
-
-import { chatService } from '$lib/services/chat';
-import type { ChatCompletionRequest } from '$lib/services/chat';
-import type { Message, AIModel, ChatMessage } from '@chat/types';
-import { ChatEvents } from '@manacore/shared-utils/analytics';
-
-// State
-let messages = $state<Message[]>([]);
-let models = $state<AIModel[]>([]);
-let selectedModelId = $state<string>('');
-let isLoading = $state(false);
-let isSending = $state(false);
-let error = $state<string | null>(null);
-
-// Temporary message counter for IDs
-let messageCounter = 0;
-
-export const chatStore = {
-	// Getters
-	get messages() {
-		return messages;
-	},
-	get models() {
-		return models;
-	},
-	get selectedModelId() {
-		return selectedModelId;
-	},
-	get selectedModel() {
-		return models.find((m) => m.id === selectedModelId) || null;
-	},
-	get isLoading() {
-		return isLoading;
-	},
-	get isSending() {
-		return isSending;
-	},
-	get error() {
-		return error;
-	},
-
-	// Actions
-	async loadModels() {
-		isLoading = true;
-		error = null;
-		try {
-			models = await chatService.getModels();
-			if (models.length > 0 && !selectedModelId) {
-				// Find default model, or fall back to first model
-				const defaultModel = models.find((m) => m.isDefault);
-				selectedModelId = defaultModel?.id || models[0].id;
-			}
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to load models';
-		} finally {
-			isLoading = false;
-		}
-	},
-
-	setSelectedModel(modelId: string) {
-		selectedModelId = modelId;
-	},
-
-	async sendMessage(text: string) {
-		if (!text.trim() || !selectedModelId) return;
-
-		isSending = true;
-		error = null;
-
-		// Add user message
-		const userMessage: Message = {
-			id: `temp-${++messageCounter}`,
-			conversationId: '',
-			sender: 'user',
-			messageText: text,
-			createdAt: new Date().toISOString(),
-		};
-		messages = [...messages, userMessage];
-
-		// Add placeholder assistant message for streaming
-		const assistantId = `temp-${++messageCounter}`;
-		const assistantMessage: Message = {
-			id: assistantId,
-			conversationId: '',
-			sender: 'assistant',
-			messageText: '',
-			createdAt: new Date().toISOString(),
-		};
-		messages = [...messages, assistantMessage];
-
-		try {
-			const chatMessages: ChatMessage[] = messages
-				.filter((m) => m.id !== assistantId)
-				.map((m) => ({
-					role: m.sender === 'user' ? 'user' : 'assistant',
-					content: m.messageText,
-				}));
-
-			const request: ChatCompletionRequest = {
-				messages: chatMessages,
-				modelId: selectedModelId,
-			};
-
-			// Stream tokens into the assistant message
-			let fullContent = '';
-			for await (const token of chatService.createStreamingCompletion(request)) {
-				fullContent += token;
-				// Update the assistant message reactively
-				messages = messages.map((m) =>
-					m.id === assistantId ? { ...m, messageText: fullContent } : m
-				);
-			}
-
-			if (!fullContent) {
-				error = 'Failed to get response';
-				messages = messages.filter((m) => m.id !== assistantId);
-			} else {
-				ChatEvents.messageSent(selectedModelId);
-			}
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to send message';
-			// Remove empty assistant message on error
-			const msg = messages.find((m) => m.id === assistantId);
-			if (msg && !msg.messageText) {
-				messages = messages.filter((m) => m.id !== assistantId);
-			}
-		} finally {
-			isSending = false;
-		}
-	},
-
-	clearMessages() {
-		messages = [];
-		messageCounter = 0;
-		error = null;
-	},
-
-	reset() {
-		messages = [];
-		messageCounter = 0;
-		error = null;
-		isSending = false;
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/stores/compare.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/compare.svelte.ts
deleted file mode 100644
index 90fa2574b..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/compare.svelte.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-/**
- * Compare Store - Manages model comparison state using Svelte 5 runes
- */
-
-import { chatService } from '$lib/services/chat';
-import type { AIModel, CompareModelResult, CompareModelStatus, ChatMessage } from '@chat/types';
-
-// State
-let results = $state<CompareModelResult[]>([]);
-let prompt = $state('');
-let temperature = $state(0.7);
-let maxTokens = $state(1024);
-let isRunning = $state(false);
-let currentIndex = $state(0);
-let abortController = $state<AbortController | null>(null);
-
-export const compareStore = {
-	// Getters
-	get results() {
-		return results;
-	},
-	get prompt() {
-		return prompt;
-	},
-	get temperature() {
-		return temperature;
-	},
-	get maxTokens() {
-		return maxTokens;
-	},
-	get isRunning() {
-		return isRunning;
-	},
-	get currentIndex() {
-		return currentIndex;
-	},
-	get totalModels() {
-		return results.length;
-	},
-	get completedCount() {
-		return results.filter((r) => r.status === 'complete' || r.status === 'error').length;
-	},
-	get currentModelName() {
-		const current = results[currentIndex];
-		return current?.modelName || '';
-	},
-	get progress() {
-		if (results.length === 0) return 0;
-		return (this.completedCount / results.length) * 100;
-	},
-
-	// Setters
-	setPrompt(value: string) {
-		prompt = value;
-	},
-	setTemperature(value: number) {
-		temperature = value;
-	},
-	setMaxTokens(value: number) {
-		maxTokens = value;
-	},
-
-	// Actions
-	async startComparison(models: AIModel[]) {
-		if (isRunning || !prompt.trim() || models.length === 0) return;
-
-		isRunning = true;
-		currentIndex = 0;
-		abortController = new AbortController();
-
-		// Initialize results with pending status
-		results = models.map((model) => ({
-			modelId: model.id,
-			modelName: model.name,
-			status: 'pending' as CompareModelStatus,
-		}));
-
-		// Process models sequentially
-		for (let i = 0; i < models.length; i++) {
-			if (abortController?.signal.aborted) break;
-
-			currentIndex = i;
-			const model = models[i];
-
-			// Update status to loading
-			results = results.map((r, idx) =>
-				idx === i ? { ...r, status: 'loading' as CompareModelStatus } : r
-			);
-
-			const startTime = Date.now();
-
-			try {
-				const messages: ChatMessage[] = [{ role: 'user', content: prompt }];
-
-				const response = await chatService.createCompletion({
-					messages,
-					modelId: model.id,
-					temperature,
-					maxTokens,
-				});
-
-				const duration = Date.now() - startTime;
-
-				if (abortController?.signal.aborted) break;
-
-				if (response) {
-					results = results.map((r, idx) =>
-						idx === i
-							? {
-									...r,
-									status: 'complete' as CompareModelStatus,
-									response: response.content,
-									duration,
-									usage: response.usage,
-								}
-							: r
-					);
-				} else {
-					results = results.map((r, idx) =>
-						idx === i
-							? {
-									...r,
-									status: 'error' as CompareModelStatus,
-									error: 'Keine Antwort erhalten',
-									duration,
-								}
-							: r
-					);
-				}
-			} catch (e) {
-				const duration = Date.now() - startTime;
-				if (!abortController?.signal.aborted) {
-					results = results.map((r, idx) =>
-						idx === i
-							? {
-									...r,
-									status: 'error' as CompareModelStatus,
-									error: e instanceof Error ? e.message : 'Unbekannter Fehler',
-									duration,
-								}
-							: r
-					);
-				}
-			}
-		}
-
-		isRunning = false;
-		abortController = null;
-	},
-
-	cancelComparison() {
-		if (abortController) {
-			abortController.abort();
-			abortController = null;
-		}
-		isRunning = false;
-
-		// Mark remaining pending/loading items as cancelled
-		results = results.map((r) =>
-			r.status === 'pending' || r.status === 'loading'
-				? { ...r, status: 'error' as CompareModelStatus, error: 'Abgebrochen' }
-				: r
-		);
-	},
-
-	reset() {
-		results = [];
-		prompt = '';
-		temperature = 0.7;
-		maxTokens = 1024;
-		isRunning = false;
-		currentIndex = 0;
-		if (abortController) {
-			abortController.abort();
-			abortController = null;
-		}
-	},
-
-	clearResults() {
-		results = [];
-		currentIndex = 0;
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/stores/conversations.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/conversations.svelte.ts
deleted file mode 100644
index 1ef382a5c..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/conversations.svelte.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-/**
- * Conversations Store — Mutation-Only Service
- *
- * All reads are handled by useLiveQuery() hooks in data/queries.ts.
- * This store only provides write operations (archive, pin, delete, etc.).
- * IndexedDB writes automatically trigger UI updates via Dexie liveQuery.
- */
-
-import { conversationCollection, type LocalConversation } from '$lib/data/local-store';
-import { toConversation } from '$lib/data/queries';
-import { toastStore } from '@manacore/shared-ui';
-import type { Conversation } from '@chat/types';
-
-let error = $state<string | null>(null);
-
-export const conversationsStore = {
-	get error() {
-		return error;
-	},
-
-	/**
-	 * Update a conversation's fields in local-store
-	 */
-	async updateConversation(conversationId: string, updates: Partial<LocalConversation>) {
-		error = null;
-		try {
-			await conversationCollection.update(conversationId, updates);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Konversation konnte nicht aktualisiert werden';
-			console.error('Failed to update conversation:', e);
-		}
-	},
-
-	/**
-	 * Update conversation title
-	 */
-	async updateConversationTitle(conversationId: string, title: string): Promise<boolean> {
-		error = null;
-		try {
-			await conversationCollection.update(conversationId, { title });
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Titel konnte nicht aktualisiert werden';
-			return false;
-		}
-	},
-
-	/**
-	 * Archive a conversation
-	 */
-	async archiveConversation(conversationId: string): Promise<boolean> {
-		error = null;
-		try {
-			await conversationCollection.update(conversationId, { isArchived: true });
-			toastStore.success('Konversation archiviert');
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Konversation konnte nicht archiviert werden';
-			toastStore.error('Konversation konnte nicht archiviert werden');
-			return false;
-		}
-	},
-
-	/**
-	 * Unarchive a conversation
-	 */
-	async unarchiveConversation(conversationId: string): Promise<boolean> {
-		error = null;
-		try {
-			await conversationCollection.update(conversationId, { isArchived: false });
-			toastStore.success('Konversation wiederhergestellt');
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Konversation konnte nicht wiederhergestellt werden';
-			toastStore.error('Konversation konnte nicht wiederhergestellt werden');
-			return false;
-		}
-	},
-
-	/**
-	 * Delete a conversation
-	 */
-	async deleteConversation(conversationId: string): Promise<boolean> {
-		error = null;
-		try {
-			await conversationCollection.delete(conversationId);
-			toastStore.success('Konversation gelöscht');
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Konversation konnte nicht gelöscht werden';
-			toastStore.error('Konversation konnte nicht gelöscht werden');
-			return false;
-		}
-	},
-
-	/**
-	 * Pin a conversation
-	 */
-	async pinConversation(conversationId: string): Promise<boolean> {
-		error = null;
-		try {
-			await conversationCollection.update(conversationId, { isPinned: true });
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Konversation konnte nicht angepinnt werden';
-			toastStore.error('Konversation konnte nicht angepinnt werden');
-			return false;
-		}
-	},
-
-	/**
-	 * Unpin a conversation
-	 */
-	async unpinConversation(conversationId: string): Promise<boolean> {
-		error = null;
-		try {
-			await conversationCollection.update(conversationId, { isPinned: false });
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Konversation konnte nicht losgelöst werden';
-			toastStore.error('Konversation konnte nicht losgelöst werden');
-			return false;
-		}
-	},
-
-	/**
-	 * Reset error state
-	 */
-	reset() {
-		error = null;
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/stores/navigation.ts b/apps/chat/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index 9fe0ab578..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { writable } from 'svelte/store';
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed } = createSimpleNavigationStores();
-
-/** Whether the app is in sidebar mode (e.g., embedded in another app) */
-export const isSidebarMode = writable(false);
diff --git a/apps/chat/apps/web-archived/src/lib/stores/session-conversations.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/session-conversations.svelte.ts
deleted file mode 100644
index 0247e53e0..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/session-conversations.svelte.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-/**
- * Session Conversations Store - Manages conversations in sessionStorage for guest users
- * This allows users to try the app without signing in.
- * Data is stored in sessionStorage (lost when tab closes).
- */
-
-import type { Conversation, Message } from '@chat/types';
-
-const CONVERSATIONS_KEY = 'chat-session-conversations';
-const MESSAGES_KEY = 'chat-session-messages';
-
-// State
-let conversations = $state<Conversation[]>([]);
-let messages = $state<Record<string, Message[]>>({});
-
-// Generate session ID
-function generateSessionId(): string {
-	return `session_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-}
-
-// Load from sessionStorage
-function loadFromStorage(): void {
-	if (typeof window === 'undefined') return;
-
-	try {
-		const storedConversations = sessionStorage.getItem(CONVERSATIONS_KEY);
-		if (storedConversations) {
-			conversations = JSON.parse(storedConversations);
-		}
-
-		const storedMessages = sessionStorage.getItem(MESSAGES_KEY);
-		if (storedMessages) {
-			messages = JSON.parse(storedMessages);
-		}
-	} catch (e) {
-		console.error('Failed to load session conversations:', e);
-	}
-}
-
-// Save to sessionStorage
-function saveToStorage(): void {
-	if (typeof window === 'undefined') return;
-
-	try {
-		sessionStorage.setItem(CONVERSATIONS_KEY, JSON.stringify(conversations));
-		sessionStorage.setItem(MESSAGES_KEY, JSON.stringify(messages));
-	} catch (e) {
-		console.error('Failed to save session conversations:', e);
-	}
-}
-
-// Initialize on load
-if (typeof window !== 'undefined') {
-	loadFromStorage();
-}
-
-export const sessionConversationsStore = {
-	// Getters
-	get conversations() {
-		return conversations;
-	},
-
-	/**
-	 * Get messages for a conversation
-	 */
-	getMessages(conversationId: string): Message[] {
-		return messages[conversationId] || [];
-	},
-
-	/**
-	 * Create a new session conversation
-	 */
-	createConversation(data: { modelId: string; templateId?: string; title?: string }): Conversation {
-		const now = new Date().toISOString();
-		const conversation: Conversation = {
-			id: generateSessionId(),
-			userId: 'guest',
-			modelId: data.modelId,
-			templateId: data.templateId,
-			conversationMode: 'free',
-			documentMode: false,
-			title: data.title || 'Neue Unterhaltung',
-			isArchived: false,
-			isPinned: false,
-			createdAt: now,
-			updatedAt: now,
-		};
-
-		conversations = [conversation, ...conversations];
-		messages[conversation.id] = [];
-		saveToStorage();
-
-		return conversation;
-	},
-
-	/**
-	 * Add a message to a conversation
-	 */
-	addMessage(
-		conversationId: string,
-		data: {
-			sender: 'user' | 'assistant' | 'system';
-			messageText: string;
-		}
-	): Message {
-		const now = new Date().toISOString();
-		const message: Message = {
-			id: generateSessionId(),
-			conversationId,
-			sender: data.sender,
-			messageText: data.messageText,
-			createdAt: now,
-		};
-
-		if (!messages[conversationId]) {
-			messages[conversationId] = [];
-		}
-		messages[conversationId] = [...messages[conversationId], message];
-
-		// Update conversation timestamp
-		conversations = conversations.map((c) =>
-			c.id === conversationId ? { ...c, updatedAt: now } : c
-		);
-
-		saveToStorage();
-		return message;
-	},
-
-	/**
-	 * Update a conversation
-	 */
-	updateConversation(id: string, updates: Partial<Conversation>): void {
-		conversations = conversations.map((c) =>
-			c.id === id ? { ...c, ...updates, updatedAt: new Date().toISOString() } : c
-		);
-		saveToStorage();
-	},
-
-	/**
-	 * Delete a conversation
-	 */
-	deleteConversation(id: string): void {
-		conversations = conversations.filter((c) => c.id !== id);
-		delete messages[id];
-		saveToStorage();
-	},
-
-	/**
-	 * Check if ID is a session conversation
-	 */
-	isSessionConversation(id: string): boolean {
-		return id.startsWith('session_');
-	},
-
-	/**
-	 * Get all conversations for migration
-	 */
-	getAllConversations(): { conversations: Conversation[]; messages: Record<string, Message[]> } {
-		return {
-			conversations: [...conversations],
-			messages: { ...messages },
-		};
-	},
-
-	/**
-	 * Clear all session data
-	 */
-	clear(): void {
-		conversations = [];
-		messages = {};
-		if (typeof window !== 'undefined') {
-			sessionStorage.removeItem(CONVERSATIONS_KEY);
-			sessionStorage.removeItem(MESSAGES_KEY);
-		}
-	},
-
-	/**
-	 * Get count of session conversations
-	 */
-	get count(): number {
-		return conversations.length;
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/stores/spaces.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/spaces.svelte.ts
deleted file mode 100644
index d4b3d9228..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/spaces.svelte.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * Spaces Store - Manages space list using Svelte 5 runes
- */
-
-import { spaceService } from '$lib/services/space';
-import type { Space, SpaceCreate, SpaceUpdate } from '@chat/types';
-
-// State
-let spaces = $state<Space[]>([]);
-let isLoading = $state(false);
-let error = $state<string | null>(null);
-
-export const spacesStore = {
-	// Getters
-	get spaces() {
-		return spaces;
-	},
-	get isLoading() {
-		return isLoading;
-	},
-	get error() {
-		return error;
-	},
-
-	/**
-	 * Load spaces for a user
-	 */
-	async loadSpaces(userId: string) {
-		isLoading = true;
-		error = null;
-
-		try {
-			spaces = await spaceService.getUserSpaces(userId);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to load spaces';
-			spaces = [];
-		} finally {
-			isLoading = false;
-		}
-	},
-
-	/**
-	 * Create a new space
-	 */
-	async createSpace(space: SpaceCreate): Promise<string | null> {
-		error = null;
-
-		try {
-			const spaceId = await spaceService.createSpace(space);
-			if (spaceId) {
-				// Reload spaces to get the new one with full data
-				await this.loadSpaces(space.ownerId);
-			}
-			return spaceId;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to create space';
-			return null;
-		}
-	},
-
-	/**
-	 * Update a space
-	 */
-	async updateSpace(spaceId: string, updates: SpaceUpdate): Promise<boolean> {
-		error = null;
-
-		try {
-			const success = await spaceService.updateSpace(spaceId, updates);
-			if (success) {
-				spaces = spaces.map((s) => (s.id === spaceId ? { ...s, ...updates } : s));
-			}
-			return success;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update space';
-			return false;
-		}
-	},
-
-	/**
-	 * Delete a space
-	 */
-	async deleteSpace(spaceId: string): Promise<boolean> {
-		error = null;
-
-		try {
-			const success = await spaceService.deleteSpace(spaceId);
-			if (success) {
-				spaces = spaces.filter((s) => s.id !== spaceId);
-			}
-			return success;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete space';
-			return false;
-		}
-	},
-
-	/**
-	 * Leave a space
-	 */
-	async leaveSpace(spaceId: string, userId: string): Promise<boolean> {
-		error = null;
-
-		try {
-			const success = await spaceService.leaveSpace(spaceId, userId);
-			if (success) {
-				spaces = spaces.filter((s) => s.id !== spaceId);
-			}
-			return success;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to leave space';
-			return false;
-		}
-	},
-
-	/**
-	 * Reset store
-	 */
-	reset() {
-		spaces = [];
-		error = null;
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 200a58b23..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/chat/apps/web-archived/src/lib/stores/templates.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/templates.svelte.ts
deleted file mode 100644
index 9ffe1c2ce..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/templates.svelte.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-/**
- * Templates Store — Mutation-Only Service
- *
- * All reads are handled by useLiveQuery() hooks in data/queries.ts.
- * This store only provides write operations (create, update, delete).
- * IndexedDB writes automatically trigger UI updates via Dexie liveQuery.
- */
-
-import { templateCollection, type LocalTemplate } from '$lib/data/local-store';
-import { toTemplate } from '$lib/data/queries';
-import type { Template, TemplateCreate, TemplateUpdate } from '@chat/types';
-
-let error = $state<string | null>(null);
-
-export const templatesStore = {
-	get error() {
-		return error;
-	},
-
-	/**
-	 * Create a new template
-	 */
-	async createTemplate(template: TemplateCreate): Promise<Template | null> {
-		error = null;
-		try {
-			const newLocal: LocalTemplate = {
-				id: crypto.randomUUID(),
-				name: template.name,
-				description: template.description ?? '',
-				systemPrompt: template.systemPrompt,
-				initialQuestion: template.initialQuestion,
-				modelId: template.modelId,
-				color: template.color,
-				isDefault: template.isDefault,
-				documentMode: template.documentMode,
-			};
-			const inserted = await templateCollection.insert(newLocal);
-			return toTemplate(inserted);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to create template';
-			return null;
-		}
-	},
-
-	/**
-	 * Update a template
-	 */
-	async updateTemplate(templateId: string, updates: TemplateUpdate): Promise<boolean> {
-		error = null;
-		try {
-			await templateCollection.update(templateId, updates as Partial<LocalTemplate>);
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update template';
-			return false;
-		}
-	},
-
-	/**
-	 * Delete a template
-	 */
-	async deleteTemplate(templateId: string): Promise<boolean> {
-		error = null;
-		try {
-			await templateCollection.delete(templateId);
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete template';
-			return false;
-		}
-	},
-
-	/**
-	 * Set a template as default (unset all others)
-	 */
-	async setDefaultTemplate(templateId: string): Promise<boolean> {
-		error = null;
-		try {
-			// Unset all current defaults
-			const all = await templateCollection.getAll({ isDefault: true });
-			for (const t of all) {
-				if (t.id !== templateId) {
-					await templateCollection.update(t.id, { isDefault: false });
-				}
-			}
-			// Set the new default
-			await templateCollection.update(templateId, { isDefault: true });
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to set default template';
-			return false;
-		}
-	},
-
-	/**
-	 * Reset error state
-	 */
-	reset() {
-		error = null;
-	},
-};
diff --git a/apps/chat/apps/web-archived/src/lib/stores/theme.ts b/apps/chat/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index a225c98ee..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore({
-	appId: 'chat',
-	defaultVariant: 'ocean',
-	primaryColor: {
-		light: '217 91% 60%', // Blue
-		dark: '217 91% 60%',
-	},
-});
diff --git a/apps/chat/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/chat/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 7c67ca25b..000000000
--- a/apps/chat/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * User Settings Store for Chat
- *
- * This store syncs settings with mana-core-auth and provides:
- * - Global settings that apply to all apps
- * - Per-app overrides for customization
- * - localStorage caching for offline support
- */
-
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'chat',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/chat/apps/web-archived/src/lib/version.ts b/apps/chat/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 083910420..000000000
--- a/apps/chat/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.3.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/chat/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/chat/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/chat/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/chat/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/chat/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 7d651cdc1..000000000
--- a/apps/chat/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { ChatLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | ManaChat</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="ManaChat"
-	logo={ChatLogo}
-	primaryColor="#0ea5e9"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#e0f2fe"
-	darkBackground="#0c1929"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</ForgotPasswordPage>
diff --git a/apps/chat/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/chat/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 43d349584..000000000
--- a/apps/chat/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,90 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { browser, dev } from '$app/environment';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { ChatLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Dev credentials - pre-filled in development mode
-	const DEV_EMAIL = 'dev@manacore.local';
-	const DEV_PASSWORD = 'devpassword123';
-
-	// Get redirect URL from query params or sessionStorage (set by AuthGateModal in guest mode)
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		// Check sessionStorage for return URL (from guest mode)
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				// Clear it after reading
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/chat';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-
-	// In dev mode, pre-fill with dev credentials unless email is provided via query param
-	const initialEmail = $derived($page.url.searchParams.get('email') || (dev ? DEV_EMAIL : ''));
-	const initialPassword = $derived(dev ? DEV_PASSWORD : '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | ManaChat</title>
-</svelte:head>
-
-<LoginPage
-	appName="ManaChat"
-	logo={ChatLogo}
-	primaryColor="#0ea5e9"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#e0f2fe"
-	darkBackground="#0c1929"
-	{translations}
-	{verified}
-	{initialEmail}
-	{initialPassword}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</LoginPage>
diff --git a/apps/chat/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/chat/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index b25959b0c..000000000
--- a/apps/chat/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { browser } from '$app/environment';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { ChatLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// Get redirect URL from sessionStorage (set by AuthGateModal in guest mode)
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				// Clear it after reading
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/chat';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | ManaChat</title>
-</svelte:head>
-
-<RegisterPage
-	appName="ManaChat"
-	logo={ChatLogo}
-	primaryColor="#0ea5e9"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#e0f2fe"
-	darkBackground="#0c1929"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</RegisterPage>
diff --git a/apps/chat/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/chat/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index cfca62ae4..000000000
--- a/apps/chat/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { ChatLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - ManaChat</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-sky-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<ChatLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #0ea5e9">ManaChat</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #0ea5e9"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #0ea5e980; border-color: #0ea5e9"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #0ea5e9"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #0ea5e9"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/+layout.server.ts b/apps/chat/apps/web-archived/src/routes/(protected)/+layout.server.ts
deleted file mode 100644
index 174a4f855..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/+layout.server.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Protected routes layout server
- * Auth checking is now done client-side via Mana Core Auth
- */
-
-import type { LayoutServerLoad } from './$types';
-
-export const load: LayoutServerLoad = async ({ url }) => {
-	// Return the current path for client-side redirect logic
-	return {
-		pathname: url.pathname,
-	};
-};
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/+layout.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/+layout.svelte
deleted file mode 100644
index 988b68891..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/+layout.svelte
+++ /dev/null
@@ -1,369 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { useAllConversations, useAllTemplates } from '$lib/data/queries';
-	import { theme } from '$lib/stores/theme';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { filterHiddenNavItems } from '@manacore/shared-theme';
-	import { isNavCollapsed as collapsedStore } from '$lib/stores/navigation';
-	import { setContext } from 'svelte';
-	import { PillNavigation, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type { PillNavItem, PillDropdownItem, SpotlightAction } from '@manacore/shared-ui';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import type { LayoutData } from './$types';
-	import { chatOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { chatStore } from '$lib/data/local-store';
-
-	// Live queries — auto-update when IndexedDB changes (local writes, sync, other tabs)
-	const allConversations = useAllConversations();
-	const allTemplates = useAllTemplates();
-	const allTags = useAllSharedTags();
-
-	// Provide data to child components via Svelte context
-	setContext('conversations', allConversations);
-	setContext('templates', allTemplates);
-	setContext('tags', allTags);
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('chat', undefined, undefined, authStore.user?.tier));
-
-	let { children, data }: { children: any; data: LayoutData } = $props();
-
-	let isCollapsed = $state(false);
-
-	// Use theme store's isDark directly
-	let isDark = $derived(theme.isDark);
-
-	// Get pinned themes from user settings (extended themes only)
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		(userSettings.theme?.pinnedThemes || []).filter((t): t is ThemeVariant =>
-			EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant)
-		)
-	);
-
-	// Visible themes in PillNav: default + pinned extended
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		// Theme variants (only default + pinned)
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		// Separator and link to full themes page
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	// Base navigation items for Chat (settings moved to user dropdown)
-	const baseNavItems: PillNavItem[] = [
-		{ href: '/chat', label: 'Chat', icon: 'home' },
-		{ href: '/compare', label: 'Vergleichen', icon: 'scale' },
-		{ href: '/templates', label: 'Templates', icon: 'document' },
-		{ href: '/spaces', label: 'Spaces', icon: 'building' },
-		{ href: '/documents', label: 'Dokumente', icon: 'archive' },
-		{ href: '/archive', label: 'Archiv', icon: 'list' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	];
-
-	// Navigation items filtered by visibility settings (with fallback for guest mode)
-	const navItems = $derived(
-		filterHiddenNavItems('chat', baseNavItems, userSettings.nav?.hiddenNavItems || {})
-	);
-
-	// Spotlight actions for PillNavigation
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-chat',
-			label: 'Neuer Chat',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/chat'),
-		},
-		{
-			id: 'templates',
-			label: 'Vorlagen',
-			category: 'Navigation',
-			onExecute: () => goto('/templates'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	// User email for user dropdown
-	let userEmail = $derived(authStore.user?.email);
-
-	// Check if current page is a chat page (needs full-width layout)
-	let isChatPage = $derived($page.url.pathname.startsWith('/chat'));
-
-	// Navigation shortcuts (Ctrl+1-5) - use base items for consistent shortcuts
-	const navRoutes = baseNavItems.map((item) => item.href);
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) {
-					goto(route);
-				}
-			}
-		}
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		collapsedStore.set(collapsed);
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('chat-nav-collapsed', String(collapsed));
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		tagMutations.stopSync();
-		goto('/login');
-	}
-
-	let showGuestWelcome = $state(false);
-
-	async function handleAuthReady() {
-		// Initialize local-first databases
-		await Promise.all([chatStore.initialize(), tagLocalStore.initialize()]);
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			chatStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('chat')) {
-			showGuestWelcome = true;
-		}
-
-		// Initialize theme
-		theme.initialize();
-
-		// Initialize collapsed state from localStorage
-		const savedCollapsed = localStorage.getItem('chat-nav-collapsed');
-		if (savedCollapsed === 'true') {
-			isCollapsed = true;
-			collapsedStore.set(true);
-		}
-
-		if (!authStore.isAuthenticated) return;
-
-		// Load user settings
-		await userSettings.load();
-
-		// Redirect to start page if on /chat and a custom start page is set
-		const currentPath = window.location.pathname;
-		if (currentPath === '/chat' && userSettings.startPage && userSettings.startPage !== '/chat') {
-			goto(userSettings.startPage, { replaceState: true });
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('chat')?.requiredTier}
-	appName={getManaApp('chat')?.name}
->
-	<!-- Navigation Layout -->
-	<div class="layout-container">
-		<!-- Floating Pill Navigation -->
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="ManaChat"
-			homeRoute="/chat"
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			showThemeVariants={true}
-			{themeVariantItems}
-			{currentThemeVariantLabel}
-			themeMode={theme.mode}
-			onThemeModeChange={handleThemeModeChange}
-			showLanguageSwitcher={true}
-			{languageItems}
-			{currentLanguageLabel}
-			showLogout={true}
-			onLogout={handleLogout}
-			primaryColor="#3b82f6"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			settingsHref="/settings"
-			manaHref="/mana"
-			profileHref="/profile"
-			themesHref="/themes"
-			helpHref="/help"
-			allAppsHref="/apps"
-			{spotlightActions}
-		/>
-
-		<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-		{#if isTagStripVisible}
-			<TagStrip
-				tags={allTags.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#3b82f6',
-				}))}
-				selectedIds={[]}
-				onToggle={() => {}}
-				onClear={() => {}}
-				managementHref="/tags"
-			/>
-		{/if}
-
-		<!-- Main Content -->
-		<main class="main-content bg-background" class:chat-page={isChatPage}>
-			{#if isChatPage}
-				<!-- Full-width layout for chat pages -->
-				{@render children()}
-			{:else}
-				<div class="content-wrapper">
-					{@render children()}
-				</div>
-			{/if}
-		</main>
-	</div>
-
-	<!-- Onboarding Modal -->
-	{#if chatOnboarding.shouldShow}
-		<MiniOnboardingModal store={chatOnboarding} appName="Chat" appEmoji="💬" />
-	{/if}
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-
-	<GuestWelcomeModal
-		appId="chat"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		flex: 1;
-		padding-bottom: 100px;
-	}
-
-	/* Chat page - no content wrapper, but keep nav padding */
-	.main-content.chat-page {
-		overflow: hidden;
-	}
-
-	.content-wrapper {
-		max-width: 80rem;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 2rem 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding-left: 1.5rem;
-			padding-right: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding-left: 2rem;
-			padding-right: 2rem;
-		}
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/apps/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/apps/+page.svelte
deleted file mode 100644
index b16dac047..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/apps/+page.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import { AppsPage } from '@manacore/shared-ui';
-</script>
-
-<div class="apps-page-wrapper">
-	<AppsPage currentAppId="chat" locale="de" title="Alle Apps" />
-</div>
-
-<style>
-	.apps-page-wrapper {
-		background-color: hsl(var(--background));
-		min-height: 100%;
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/archive/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/archive/+page.svelte
deleted file mode 100644
index bd3f37e60..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/archive/+page.svelte
+++ /dev/null
@@ -1,117 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { conversationsStore } from '$lib/stores/conversations.svelte';
-	import { useArchivedConversations } from '$lib/data/queries';
-	import { PageHeader } from '@manacore/shared-ui';
-	import { Archive, ArrowUUpLeft, Trash } from '@manacore/shared-icons';
-	import type { Conversation } from '@chat/types';
-
-	const archivedConvs = useArchivedConversations();
-	let conversations = $derived(archivedConvs.value);
-
-	function formatDate(dateString: string): string {
-		return new Date(dateString).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: 'short',
-			hour: '2-digit',
-			minute: '2-digit',
-		});
-	}
-
-	function handleConversationClick(id: string) {
-		goto(`/chat/${id}`);
-	}
-
-	async function handleUnarchive(id: string) {
-		await conversationsStore.unarchiveConversation(id);
-	}
-
-	async function handleDelete(id: string) {
-		if (
-			confirm(
-				'Möchtest du diese Konversation wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.'
-			)
-		) {
-			await conversationsStore.deleteConversation(id);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Archiv | ManaChat</title>
-</svelte:head>
-
-<div class="min-h-[calc(100vh-4rem)] bg-background py-8">
-	<div class="max-w-4xl mx-auto px-4">
-		<PageHeader title="Archiv" description="Deine archivierten Konversationen." size="lg" />
-
-		{#if conversations.length === 0}
-			<!-- Empty State -->
-			<div class="text-center py-16">
-				<Archive size={64} class="text-muted-foreground mx-auto mb-4" />
-				<h3 class="text-lg font-medium text-foreground mb-1">Keine archivierten Konversationen</h3>
-				<p class="text-muted-foreground">Archivierte Gespräche erscheinen hier.</p>
-			</div>
-		{:else}
-			<!-- Conversation List -->
-			<div class="space-y-3">
-				{#each conversations as conv (conv.id)}
-					<div
-						class="group bg-surface rounded-xl border border-border
-                   shadow-sm hover:shadow-md transition-all overflow-hidden"
-					>
-						<button onclick={() => handleConversationClick(conv.id)} class="w-full p-4 text-left">
-							<div class="flex items-center justify-between mb-2">
-								<div class="flex items-center gap-2">
-									<Archive size={20} class="text-muted-foreground" />
-									<h3 class="font-semibold text-foreground">
-										{conv.title || 'Unbenannte Konversation'}
-									</h3>
-								</div>
-								<span class="text-xs text-muted-foreground">{formatDate(conv.updatedAt)}</span>
-							</div>
-							<div class="flex items-center gap-2 text-xs text-muted-foreground">
-								<span class="px-2 py-0.5 bg-muted rounded">
-									{conv.conversationMode === 'free'
-										? 'Freier Modus'
-										: conv.conversationMode === 'guided'
-											? 'Geführter Modus'
-											: 'Vorlagen-Modus'}
-								</span>
-							</div>
-						</button>
-
-						<!-- Actions -->
-						<div class="flex justify-end gap-2 px-4 py-2 border-t border-border bg-muted/50">
-							<button
-								onclick={() => handleUnarchive(conv.id)}
-								class="flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground
-                       hover:text-primary hover:bg-primary/10
-                       rounded-lg transition-colors"
-							>
-								<ArrowUUpLeft size={16} />
-								Wiederherstellen
-							</button>
-							<button
-								onclick={() => handleDelete(conv.id)}
-								class="flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground
-                       hover:text-destructive hover:bg-destructive/10
-                       rounded-lg transition-colors"
-							>
-								<Trash size={16} />
-								Löschen
-							</button>
-						</div>
-					</div>
-				{/each}
-			</div>
-		{/if}
-
-		<!-- Error Message -->
-		{#if conversationsStore.error}
-			<div class="mt-4 p-4 bg-red-100 dark:bg-red-900/20 text-red-700 dark:text-red-400 rounded-lg">
-				{conversationsStore.error}
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/chat/+layout.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/chat/+layout.svelte
deleted file mode 100644
index ae1403a78..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/chat/+layout.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	let { children }: { children: any } = $props();
-</script>
-
-<!-- Chat pages handle their own layout via ChatLayout component -->
-{@render children()}
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/chat/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/chat/+page.svelte
deleted file mode 100644
index 1bbc40ed9..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/chat/+page.svelte
+++ /dev/null
@@ -1,208 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { chatService } from '$lib/services/chat';
-	import { conversationService } from '$lib/services/conversation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import MessageList from '$lib/components/chat/MessageList.svelte';
-	import ChatInput from '$lib/components/chat/ChatInput.svelte';
-	import ChatLayout from '$lib/components/chat/ChatLayout.svelte';
-	import type { AIModel, Message, Template } from '@chat/types';
-	import { Sparkle } from '@manacore/shared-icons';
-
-	// Templates from live query context
-	const templatesCtx: { readonly value: Template[] } = getContext('templates');
-	let templates = $derived(templatesCtx.value);
-
-	let models = $state<AIModel[]>([]);
-	let selectedModelId = $state('');
-	let selectedTemplateId = $state('');
-	let documentMode = $state(false);
-	let messages = $state<Message[]>([]);
-	let isLoading = $state(true);
-	let isSending = $state(false);
-	let error = $state<string | null>(null);
-	let dataLoaded = $state(false);
-
-	// Get selected template
-	const selectedTemplate = $derived(templates.find((t) => t.id === selectedTemplateId));
-
-	// Wait for auth to be initialized before loading data
-	$effect(() => {
-		if (authStore.initialized && !dataLoaded) {
-			loadData();
-		}
-	});
-
-	async function loadData() {
-		dataLoaded = true;
-		models = await chatService.getModels();
-		if (models.length > 0) {
-			// Find default model, or fall back to first model
-			const defaultModel = models.find((m) => m.isDefault);
-			selectedModelId = defaultModel?.id || models[0].id;
-		}
-
-		isLoading = false;
-	}
-
-	async function handleSend(text: string) {
-		if (!authStore.user || !selectedModelId) return;
-
-		isSending = true;
-		error = null;
-
-		// Add optimistic user message
-		const tempUserMessage: Message = {
-			id: `temp-${Date.now()}`,
-			conversationId: '',
-			sender: 'user',
-			messageText: text,
-			createdAt: new Date().toISOString(),
-		};
-		messages = [...messages, tempUserMessage];
-
-		try {
-			// Determine mode and model based on template
-			const mode = selectedTemplate ? 'template' : 'free';
-			const modelToUse = selectedTemplate?.modelId || selectedModelId;
-			const docMode = selectedTemplate?.documentMode || documentMode;
-
-			// Create new conversation
-			const conversationId = await conversationService.createConversation({
-				modelId: modelToUse,
-				mode: mode as 'free' | 'guided' | 'template',
-				templateId: selectedTemplate?.id,
-				documentMode: docMode,
-			});
-
-			if (!conversationId) {
-				throw new Error('Konversation konnte nicht erstellt werden');
-			}
-
-			// Send message and get response
-			const result = await conversationService.sendMessageAndGetResponse(
-				conversationId,
-				text,
-				modelToUse
-			);
-
-			// Navigate to the new conversation (live query auto-updates sidebar)
-			goto(`/chat/${conversationId}`);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler beim Erstellen der Konversation';
-			messages = [];
-		} finally {
-			isSending = false;
-		}
-	}
-
-	function handleModelSelect(modelId: string) {
-		selectedModelId = modelId;
-	}
-
-	function handleTemplateSelect(e: Event) {
-		const target = e.target as HTMLSelectElement;
-		selectedTemplateId = target.value;
-
-		// If template has a model, update selected model
-		const template = templates.find((t) => t.id === target.value);
-		if (template?.modelId) {
-			selectedModelId = template.modelId;
-		}
-		// If template has document mode, enable it
-		if (template?.documentMode) {
-			documentMode = true;
-		}
-	}
-
-	function toggleDocumentMode() {
-		documentMode = !documentMode;
-	}
-</script>
-
-<svelte:head>
-	<title>Chat | ManaChat</title>
-</svelte:head>
-
-<ChatLayout>
-	{#snippet children()}
-		<div class="flex flex-col h-full bg-background">
-			<!-- Messages Area -->
-			<main class="flex-1 overflow-hidden">
-				{#if messages.length === 0 && !isSending}
-					<!-- Empty State - Centered Content -->
-					<div class="h-full flex flex-col items-center justify-center px-6">
-						<div class="text-center max-w-xl w-full">
-							<!-- Icon -->
-							<div
-								class="w-20 h-20 mx-auto mb-6 rounded-2xl bg-white/70 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/20 shadow-lg flex items-center justify-center"
-							>
-								<Sparkle size={40} weight="duotone" class="text-primary" />
-							</div>
-
-							<!-- Title -->
-							<h3 class="text-2xl font-semibold text-foreground mb-3">
-								Worüber möchtest du reden?
-							</h3>
-							<p class="text-muted-foreground mb-8">
-								Stelle eine Frage, bitte um Hilfe bei einem Projekt oder starte einfach eine
-								Unterhaltung.
-							</p>
-
-							<!-- Suggestion Pills -->
-							<div class="flex flex-wrap justify-center gap-3">
-								<button
-									onclick={() => handleSend('Erkläre mir, wie KI funktioniert')}
-									class="px-5 py-2.5 text-sm font-medium rounded-full bg-white/80 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/20 text-foreground shadow-md hover:shadow-lg hover:bg-white dark:hover:bg-white/20 transition-all duration-200 hover:-translate-y-0.5"
-								>
-									Erkläre mir KI
-								</button>
-								<button
-									onclick={() => handleSend('Hilf mir beim Schreiben eines Textes')}
-									class="px-5 py-2.5 text-sm font-medium rounded-full bg-white/80 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/20 text-foreground shadow-md hover:shadow-lg hover:bg-white dark:hover:bg-white/20 transition-all duration-200 hover:-translate-y-0.5"
-								>
-									Beim Schreiben helfen
-								</button>
-								<button
-									onclick={() => handleSend('Was sind aktuelle Technologie-Trends?')}
-									class="px-5 py-2.5 text-sm font-medium rounded-full bg-white/80 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/20 text-foreground shadow-md hover:shadow-lg hover:bg-white dark:hover:bg-white/20 transition-all duration-200 hover:-translate-y-0.5"
-								>
-									Tech-Trends
-								</button>
-							</div>
-						</div>
-					</div>
-				{:else}
-					<div class="h-full flex flex-col">
-						<MessageList {messages} isTyping={isSending} />
-					</div>
-				{/if}
-			</main>
-
-			<!-- Floating Chat Input -->
-			<div class="flex-shrink-0 p-4 bg-gradient-to-t from-background via-background to-transparent">
-				<div class="max-w-3xl mx-auto">
-					<ChatInput
-						onSend={handleSend}
-						disabled={isSending || isLoading}
-						{models}
-						{selectedModelId}
-						onModelSelect={handleModelSelect}
-						{documentMode}
-						onDocumentModeToggle={toggleDocumentMode}
-					/>
-				</div>
-			</div>
-
-			<!-- Error Message -->
-			{#if error}
-				<div
-					class="fixed bottom-24 left-1/2 -translate-x-1/2 px-6 py-3 bg-white/90 dark:bg-black/80 backdrop-blur-xl border border-destructive/30 text-destructive rounded-full shadow-lg z-50"
-				>
-					{error}
-				</div>
-			{/if}
-		</div>
-	{/snippet}
-</ChatLayout>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/chat/[id]/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/chat/[id]/+page.svelte
deleted file mode 100644
index c4cb78612..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/chat/[id]/+page.svelte
+++ /dev/null
@@ -1,369 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { conversationService } from '$lib/services/conversation';
-	import { chatService } from '$lib/services/chat';
-	import { documentService } from '$lib/services/document';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { conversationsStore } from '$lib/stores/conversations.svelte';
-	import { toastStore } from '@manacore/shared-ui';
-	import MessageList from '$lib/components/chat/MessageList.svelte';
-	import ChatInput from '$lib/components/chat/ChatInput.svelte';
-	import ChatLayout from '$lib/components/chat/ChatLayout.svelte';
-	import type { Conversation, Message, AIModel, Document } from '@chat/types';
-	import { FileText, ClockCounterClockwise, X, FloppyDisk } from '@manacore/shared-icons';
-
-	let conversation = $state<Conversation | null>(null);
-	let messages = $state<Message[]>([]);
-	let models = $state<AIModel[]>([]);
-	let selectedModelId = $state('');
-	let isLoading = $state(true);
-	let isSending = $state(false);
-	let error = $state<string | null>(null);
-
-	// Document mode state
-	let document = $state<Document | null>(null);
-	let documentContent = $state('');
-	let documentVersions = $state<Document[]>([]);
-	let isSavingDocument = $state(false);
-	let showVersionsModal = $state(false);
-	let showDocumentPanel = $state(true);
-
-	// Track current request to prevent race conditions (not reactive to avoid effect loops)
-	let currentLoadId = 0;
-	let lastLoadedConversationId = '';
-
-	const conversationId = $derived($page.params.id ?? '');
-	const isDocumentMode = $derived(conversation?.documentMode ?? false);
-
-	// React to conversationId changes with race condition protection
-	$effect(() => {
-		if (conversationId && conversationId !== lastLoadedConversationId) {
-			lastLoadedConversationId = conversationId;
-			loadData(conversationId);
-		}
-	});
-
-	async function loadData(targetConversationId: string) {
-		// Increment load ID to track this request
-		const loadId = ++currentLoadId;
-
-		isLoading = true;
-		error = null;
-
-		try {
-			// Load models
-			const loadedModels = await chatService.getModels();
-
-			// Check if this request is still current
-			if (loadId !== currentLoadId) return;
-			models = loadedModels;
-
-			// Load conversation
-			const loadedConversation = await conversationService.getConversation(targetConversationId);
-
-			// Check if this request is still current
-			if (loadId !== currentLoadId) return;
-
-			if (!loadedConversation) {
-				error = 'Konversation nicht gefunden';
-				return;
-			}
-
-			conversation = loadedConversation;
-			selectedModelId = loadedConversation.modelId;
-
-			// Load messages
-			const loadedMessages = await conversationService.getMessages(targetConversationId);
-
-			// Check if this request is still current
-			if (loadId !== currentLoadId) return;
-			messages = loadedMessages;
-
-			// Load document if in document mode
-			if (loadedConversation.documentMode) {
-				const loadedDocument = await documentService.getLatestDocument(targetConversationId);
-
-				// Check if this request is still current
-				if (loadId !== currentLoadId) return;
-				document = loadedDocument;
-				documentContent = loadedDocument?.content ?? '';
-			} else {
-				document = null;
-				documentContent = '';
-			}
-		} catch (e) {
-			// Only show error if this request is still current
-			if (loadId !== currentLoadId) return;
-			error = e instanceof Error ? e.message : 'Fehler beim Laden';
-			toastStore.error(error);
-		} finally {
-			// Only update loading state if this request is still current
-			if (loadId === currentLoadId) {
-				isLoading = false;
-			}
-		}
-	}
-
-	async function saveDocument() {
-		if (!documentContent.trim()) return;
-
-		isSavingDocument = true;
-		try {
-			if (document) {
-				// Create new version
-				document = await documentService.createDocumentVersion(conversationId, documentContent);
-			} else {
-				// Create first document
-				document = await documentService.createDocument(conversationId, documentContent);
-			}
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler beim Speichern';
-		} finally {
-			isSavingDocument = false;
-		}
-	}
-
-	async function loadVersions() {
-		documentVersions = await documentService.getAllDocumentVersions(conversationId);
-		showVersionsModal = true;
-	}
-
-	function restoreVersion(version: Document) {
-		documentContent = version.content;
-		showVersionsModal = false;
-	}
-
-	function toggleDocumentPanel() {
-		showDocumentPanel = !showDocumentPanel;
-	}
-
-	async function handleSend(text: string) {
-		if (!conversation || !selectedModelId) return;
-
-		isSending = true;
-		error = null;
-
-		// Optimistic update - add user message
-		const tempUserMessage: Message = {
-			id: `temp-user-${Date.now()}`,
-			conversationId: conversationId,
-			sender: 'user',
-			messageText: text,
-			createdAt: new Date().toISOString(),
-		};
-		messages = [...messages, tempUserMessage];
-
-		try {
-			const result = await conversationService.sendMessageAndGetResponse(
-				conversationId,
-				text,
-				selectedModelId
-			);
-
-			// Update messages with real data
-			messages = await conversationService.getMessages(conversationId);
-
-			// Update conversation title if generated
-			if (result.title && conversation) {
-				conversation = { ...conversation, title: result.title };
-				conversationsStore.updateConversation(conversationId, { title: result.title });
-			}
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler beim Senden';
-			// Remove optimistic message on error
-			messages = messages.filter((m) => m.id !== tempUserMessage.id);
-		} finally {
-			isSending = false;
-		}
-	}
-
-	function handleModelSelect(modelId: string) {
-		selectedModelId = modelId;
-	}
-</script>
-
-<svelte:head>
-	<title>{conversation?.title || 'Chat'} | ManaChat</title>
-</svelte:head>
-
-<ChatLayout>
-	{#snippet children()}
-		{#if isLoading}
-			<div class="flex items-center justify-center h-full">
-				<div
-					class="animate-spin w-8 h-8 border-4 border-primary border-r-transparent rounded-full"
-				></div>
-			</div>
-		{:else if error && !conversation}
-			<div class="flex flex-col items-center justify-center h-full text-center p-4">
-				<p class="text-destructive mb-4">{error}</p>
-				<a href="/chat" class="text-primary hover:underline">Zurück zum Chat</a>
-			</div>
-		{:else}
-			<div class="flex flex-col h-full">
-				<!-- Main Content Area -->
-				<div class="flex-1 flex overflow-hidden">
-					<!-- Chat Area -->
-					<div
-						class="flex-1 flex flex-col overflow-hidden {isDocumentMode && showDocumentPanel
-							? 'lg:w-1/2'
-							: 'w-full'}"
-					>
-						<!-- Messages Area -->
-						<main class="flex-1 overflow-hidden">
-							<div class="h-full flex flex-col">
-								<MessageList {messages} isTyping={isSending} />
-							</div>
-						</main>
-
-						<!-- Floating Chat Input -->
-						<div
-							class="flex-shrink-0 p-4 bg-gradient-to-t from-background via-background to-transparent"
-						>
-							<div class="max-w-3xl mx-auto">
-								<ChatInput
-									onSend={handleSend}
-									disabled={isSending}
-									{models}
-									{selectedModelId}
-									onModelSelect={handleModelSelect}
-									documentMode={isDocumentMode}
-								/>
-							</div>
-						</div>
-					</div>
-
-					<!-- Document Panel -->
-					{#if isDocumentMode && showDocumentPanel}
-						<div class="hidden lg:flex lg:w-1/2 flex-col border-l border-border bg-surface">
-							<!-- Document Header -->
-							<div
-								class="flex items-center justify-between px-4 py-3 border-b border-border bg-surface/50 backdrop-blur-sm"
-							>
-								<div class="flex items-center gap-2">
-									<FileText size={18} weight="bold" class="text-primary" />
-									<span class="font-medium text-foreground">Dokument</span>
-									{#if document}
-										<span class="text-xs text-muted-foreground bg-muted px-2 py-0.5 rounded-lg">
-											v{document.version}
-										</span>
-									{/if}
-								</div>
-								<div class="flex items-center gap-2">
-									<button
-										onclick={loadVersions}
-										class="p-2 text-muted-foreground hover:text-foreground
-                               hover:bg-muted rounded-lg transition-colors"
-										title="Versionen anzeigen"
-									>
-										<ClockCounterClockwise size={16} weight="bold" />
-									</button>
-									<button
-										onclick={saveDocument}
-										disabled={isSavingDocument || !documentContent.trim()}
-										class="flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-primary-foreground
-                               bg-primary hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground
-                               rounded-lg transition-colors"
-									>
-										{#if isSavingDocument}
-											<div
-												class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"
-											></div>
-										{:else}
-											<FloppyDisk size={16} weight="bold" />
-										{/if}
-										Speichern
-									</button>
-								</div>
-							</div>
-
-							<!-- Document Editor -->
-							<div class="flex-1 p-4 overflow-auto">
-								<textarea
-									bind:value={documentContent}
-									placeholder="Beginne hier mit dem Schreiben deines Dokuments...
-
-Du kannst Markdown verwenden:
-# Überschrift
-## Unterüberschrift
-- Aufzählung
-**Fett** und *Kursiv*"
-									class="w-full h-full min-h-[300px] p-4 text-sm font-mono
-                             bg-muted/50 text-foreground
-                             border border-border rounded-xl
-                             focus:ring-2 focus:ring-primary focus:border-transparent
-                             resize-none"
-								></textarea>
-							</div>
-						</div>
-					{/if}
-				</div>
-
-				<!-- Error Message -->
-				{#if error}
-					<div
-						class="fixed bottom-24 left-1/2 -translate-x-1/2 px-4 py-2 bg-destructive text-destructive-foreground rounded-lg shadow-lg z-50"
-					>
-						{error}
-					</div>
-				{/if}
-			</div>
-
-			<!-- Versions Modal -->
-			{#if showVersionsModal}
-				<div class="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
-					<div
-						class="bg-surface rounded-2xl shadow-xl max-w-lg w-full max-h-[80vh] flex flex-col border border-border"
-					>
-						<div class="flex items-center justify-between p-4 border-b border-border">
-							<h3 class="text-lg font-semibold text-foreground">Dokumentversionen</h3>
-							<button
-								onclick={() => (showVersionsModal = false)}
-								class="p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors"
-								aria-label="Schließen"
-							>
-								<X size={18} weight="bold" />
-							</button>
-						</div>
-						<div class="flex-1 overflow-auto p-4">
-							{#if documentVersions.length === 0}
-								<p class="text-center text-muted-foreground py-8">Keine Versionen vorhanden</p>
-							{:else}
-								<div class="space-y-2">
-									{#each documentVersions as version (version.id)}
-										<button
-											onclick={() => restoreVersion(version)}
-											class="w-full p-4 text-left rounded-xl border
-                                 hover:bg-muted/50 transition-colors
-                                 {version.id === document?.id
-												? 'border-primary bg-primary/5 ring-2 ring-primary'
-												: 'border-border'}"
-										>
-											<div class="flex items-center justify-between mb-1">
-												<span class="font-medium text-foreground">
-													Version {version.version}
-													{version.id === document?.id ? ' (aktuell)' : ''}
-												</span>
-												<span class="text-xs text-muted-foreground">
-													{new Date(version.createdAt).toLocaleDateString('de-DE', {
-														day: '2-digit',
-														month: 'short',
-														hour: '2-digit',
-														minute: '2-digit',
-													})}
-												</span>
-											</div>
-											<p class="text-sm text-muted-foreground line-clamp-2">
-												{version.content.substring(0, 100)}...
-											</p>
-										</button>
-									{/each}
-								</div>
-							{/if}
-						</div>
-					</div>
-				</div>
-			{/if}
-		{/if}
-	{/snippet}
-</ChatLayout>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/compare/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/compare/+page.svelte
deleted file mode 100644
index de99b5427..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/compare/+page.svelte
+++ /dev/null
@@ -1,146 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { chatService } from '$lib/services/chat';
-	import { compareStore } from '$lib/stores/compare.svelte';
-	import type { AIModel } from '@chat/types';
-	import CompareInput from '$lib/components/compare/CompareInput.svelte';
-	import CompareProgress from '$lib/components/compare/CompareProgress.svelte';
-	import ModelResponseGrid from '$lib/components/compare/ModelResponseGrid.svelte';
-
-	let models = $state<AIModel[]>([]);
-	let ollamaModels = $state<AIModel[]>([]);
-	let isLoading = $state(true);
-	let error = $state<string | null>(null);
-
-	onMount(async () => {
-		try {
-			models = await chatService.getModels();
-			// Filter for local ollama models only
-			ollamaModels = models.filter((m) => m.provider === 'ollama');
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler beim Laden der Modelle';
-		} finally {
-			isLoading = false;
-		}
-	});
-
-	function handleCompare() {
-		if (ollamaModels.length === 0) return;
-		compareStore.startComparison(ollamaModels);
-	}
-</script>
-
-<svelte:head>
-	<title>Modell-Vergleich | ManaChat</title>
-</svelte:head>
-
-<div class="min-h-screen bg-background">
-	<div class="max-w-7xl mx-auto px-4 py-8">
-		<!-- Header -->
-		<div class="mb-8">
-			<h1 class="text-2xl font-bold text-foreground">Modell-Vergleich</h1>
-			<p class="text-muted-foreground mt-1">
-				Vergleiche Antworten verschiedener lokaler Ollama-Modelle nebeneinander.
-			</p>
-		</div>
-
-		{#if isLoading}
-			<!-- Loading State -->
-			<div class="flex items-center justify-center py-12">
-				<div class="text-center">
-					<div
-						class="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-primary border-r-transparent"
-					></div>
-					<p class="text-muted-foreground mt-4">Lade Modelle...</p>
-				</div>
-			</div>
-		{:else if error}
-			<!-- Error State -->
-			<div
-				class="rounded-xl border border-red-200 dark:border-red-800/50 bg-red-50 dark:bg-red-900/20 p-6 text-center"
-			>
-				<p class="text-red-600 dark:text-red-400">{error}</p>
-				<button
-					onclick={() => location.reload()}
-					class="mt-4 px-4 py-2 rounded-lg bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400
-						   hover:bg-red-200 dark:hover:bg-red-900/50 transition-colors"
-				>
-					Erneut versuchen
-				</button>
-			</div>
-		{:else if ollamaModels.length === 0}
-			<!-- No Models State -->
-			<div class="rounded-xl border border-border bg-card p-8 text-center">
-				<div class="text-4xl mb-4">🤖</div>
-				<h2 class="text-lg font-medium text-foreground mb-2">Keine Ollama-Modelle gefunden</h2>
-				<p class="text-muted-foreground max-w-md mx-auto">
-					Es sind keine lokalen Ollama-Modelle verfügbar. Stelle sicher, dass Ollama läuft und
-					Modelle installiert sind.
-				</p>
-				<div class="mt-6 p-4 rounded-lg bg-muted/50 text-left max-w-md mx-auto">
-					<p class="text-sm text-muted-foreground mb-2">Verfügbare Modelle ({models.length}):</p>
-					<ul class="text-sm text-foreground">
-						{#each models as model}
-							<li class="flex items-center gap-2">
-								<span class="text-muted-foreground">{model.provider}:</span>
-								<span>{model.name}</span>
-							</li>
-						{/each}
-					</ul>
-				</div>
-			</div>
-		{:else}
-			<!-- Main Content -->
-			<div class="space-y-6">
-				<!-- Input Section -->
-				<CompareInput
-					prompt={compareStore.prompt}
-					temperature={compareStore.temperature}
-					maxTokens={compareStore.maxTokens}
-					isRunning={compareStore.isRunning}
-					onPromptChange={(v) => compareStore.setPrompt(v)}
-					onTemperatureChange={(v) => compareStore.setTemperature(v)}
-					onMaxTokensChange={(v) => compareStore.setMaxTokens(v)}
-					onCompare={handleCompare}
-				/>
-
-				<!-- Model Count Info -->
-				<p class="text-sm text-muted-foreground">
-					{ollamaModels.length} Ollama-Modelle verfügbar:
-					{ollamaModels.map((m) => m.name).join(', ')}
-				</p>
-
-				<!-- Progress Section (only when running) -->
-				{#if compareStore.isRunning}
-					<CompareProgress
-						currentIndex={compareStore.currentIndex}
-						totalModels={compareStore.totalModels}
-						currentModelName={compareStore.currentModelName}
-						progress={compareStore.progress}
-						onCancel={() => compareStore.cancelComparison()}
-					/>
-				{/if}
-
-				<!-- Results Grid -->
-				<ModelResponseGrid
-					results={compareStore.results}
-					currentIndex={compareStore.currentIndex}
-				/>
-
-				<!-- Clear Results Button (when there are results and not running) -->
-				{#if compareStore.results.length > 0 && !compareStore.isRunning}
-					<div class="flex justify-center">
-						<button
-							onclick={() => compareStore.clearResults()}
-							class="px-4 py-2 text-sm rounded-lg border border-border
-								   text-muted-foreground hover:text-foreground hover:bg-muted
-								   transition-colors"
-						>
-							Ergebnisse löschen
-						</button>
-					</div>
-				{/if}
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/documents/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/documents/+page.svelte
deleted file mode 100644
index 1f39170a7..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/documents/+page.svelte
+++ /dev/null
@@ -1,160 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { documentService } from '$lib/services/document';
-	import { PageHeader } from '@manacore/shared-ui';
-	import { ArrowsClockwise, FileText } from '@manacore/shared-icons';
-	import type { DocumentWithConversation } from '@chat/types';
-
-	let documents = $state<DocumentWithConversation[]>([]);
-	let isLoading = $state(true);
-	let error = $state<string | null>(null);
-
-	onMount(async () => {
-		if (authStore.user) {
-			await loadDocuments();
-		}
-	});
-
-	async function loadDocuments() {
-		isLoading = true;
-		error = null;
-
-		try {
-			documents = await documentService.getUserDocuments(authStore.user!.id);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler beim Laden der Dokumente';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	function extractTitle(content: string): string {
-		// Look for markdown heading level 1 at the start
-		const titleMatch = content.match(/^#\s+(.+)$/m);
-		if (titleMatch && titleMatch[1]) {
-			return titleMatch[1].trim();
-		}
-
-		// Alternative: Look for heading level 2
-		const subtitleMatch = content.match(/^##\s+(.+)$/m);
-		if (subtitleMatch && subtitleMatch[1]) {
-			return subtitleMatch[1].trim();
-		}
-
-		// If no heading found, take first words
-		const firstLine = content.split('\n')[0].trim();
-		if (firstLine.length > 0) {
-			return firstLine.length > 40 ? `${firstLine.substring(0, 37)}...` : firstLine;
-		}
-
-		return 'Dokument ohne Titel';
-	}
-
-	function getPreview(content: string): string {
-		// Remove the first heading if present
-		let preview = content.replace(/^#\s+.+$/m, '').trim();
-		// Take first 200 characters
-		if (preview.length > 200) {
-			preview = preview.substring(0, 200) + '...';
-		}
-		return preview;
-	}
-
-	function formatDate(dateString: string): string {
-		return new Date(dateString).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-		});
-	}
-
-	function navigateToConversation(conversationId: string) {
-		goto(`/chat/${conversationId}`);
-	}
-</script>
-
-<svelte:head>
-	<title>Dokumente | ManaChat</title>
-</svelte:head>
-
-<div class="min-h-[calc(100vh-4rem)] bg-background py-8">
-	<div class="max-w-6xl mx-auto px-4">
-		<PageHeader
-			title="Dokumente"
-			description="Alle Dokumente aus deinen Konversationen im Dokumentmodus."
-			size="lg"
-		>
-			{#snippet actions()}
-				<button
-					onclick={loadDocuments}
-					class="p-2 text-muted-foreground hover:text-foreground
-                   hover:bg-muted rounded-lg transition-colors"
-					aria-label="Aktualisieren"
-				>
-					<ArrowsClockwise size={20} />
-				</button>
-			{/snippet}
-		</PageHeader>
-
-		<!-- Loading State -->
-		{#if isLoading}
-			<div class="flex items-center justify-center py-16">
-				<div
-					class="animate-spin w-8 h-8 border-4 border-primary border-r-transparent rounded-full"
-				></div>
-			</div>
-		{:else if documents.length === 0}
-			<!-- Empty State -->
-			<div class="text-center py-16">
-				<FileText size={64} class="text-muted-foreground mx-auto mb-4" />
-				<h3 class="text-lg font-medium text-foreground mb-1">Keine Dokumente gefunden</h3>
-				<p class="text-muted-foreground max-w-sm mx-auto">
-					Erstelle ein neues Dokument in einer Konversation mit aktiviertem Dokumentmodus.
-				</p>
-			</div>
-		{:else}
-			<!-- Documents Grid -->
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each documents as doc (doc.id)}
-					<button
-						onclick={() => navigateToConversation(doc.conversationId)}
-						class="text-left p-0 bg-surface rounded-xl border border-border
-                   shadow-sm hover:shadow-md hover:border-primary/50 transition-all overflow-hidden"
-					>
-						<!-- Header -->
-						<div class="p-4 border-b border-border">
-							<h3 class="font-semibold text-foreground line-clamp-2 mb-2">
-								{extractTitle(doc.content)}
-							</h3>
-							<div class="flex items-center justify-between text-xs text-muted-foreground">
-								<span class="truncate">{doc.conversationTitle}</span>
-								<div class="flex items-center gap-2 flex-shrink-0">
-									<span>{formatDate(doc.updatedAt)}</span>
-									<span class="px-1.5 py-0.5 bg-muted rounded font-medium">
-										v{doc.version}
-									</span>
-								</div>
-							</div>
-						</div>
-
-						<!-- Preview -->
-						<div class="p-4 h-32 overflow-hidden">
-							<p class="text-sm text-muted-foreground line-clamp-5">
-								{getPreview(doc.content)}
-							</p>
-						</div>
-					</button>
-				{/each}
-			</div>
-		{/if}
-
-		<!-- Error Message -->
-		{#if error}
-			<div class="mt-4 p-4 bg-red-100 dark:bg-red-900/20 text-red-700 dark:text-red-400 rounded-lg">
-				{error}
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/feedback/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/feedback/+page.svelte
deleted file mode 100644
index b85cf3eda..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/feedback/+page.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { feedbackService } from '$lib/services/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<FeedbackPage {feedbackService} appName="ManaChat" currentUserId={authStore.user?.id} />
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/help/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/help/+page.svelte
deleted file mode 100644
index 48e777475..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getChatHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getChatHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Chat kennen'
-					: 'Find answers and learn how to use Chat',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Chat</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Chat"
-	appId="chat"
-	{translations}
-	showBackButton
-	onBack={() => goto('/chat')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/mana/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/mana/+page.svelte
deleted file mode 100644
index c84a3af65..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/mana/+page.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-
-	function handleSubscribe(planId: string) {
-		console.log('Subscribe to plan:', planId);
-		alert(`Abo "${planId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		console.log('Buy package:', packageId);
-		alert(`Paket "${packageId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-</script>
-
-<svelte:head>
-	<title>Mana - ManaChat</title>
-</svelte:head>
-
-<div class="mana-page">
-	<SubscriptionPage
-		appName="ManaChat"
-		onSubscribe={handleSubscribe}
-		onBuyPackage={handleBuyPackage}
-		currentPlanId="free"
-		pageTitle="Wähle dein Abo"
-		subscriptionsTitle="Abonnements"
-		packagesTitle="Einmal-Pakete"
-		yearlyDiscount="20% Rabatt"
-	/>
-</div>
-
-<style>
-	.mana-page {
-		min-height: 100%;
-		width: 100%;
-		overflow-x: hidden;
-		background-color: hsl(var(--background));
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/profile/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/profile/+page.svelte
deleted file mode 100644
index 72a6973f4..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/profile/+page.svelte
+++ /dev/null
@@ -1,80 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	// Get user from auth store
-	const user = $derived(authStore.user);
-
-	// Map auth user to profile user
-	const profileUser = $derived(() => {
-		if (!user) return null;
-		return {
-			id: user.id,
-			email: user.email,
-			role: user.role,
-		};
-	});
-
-	// Actions
-	function handleEditProfile() {
-		alert('Profil bearbeiten wird noch implementiert.');
-	}
-
-	function handleChangePassword() {
-		alert('Passwort ändern wird noch implementiert.');
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	function handleDeleteAccount() {
-		if (
-			confirm(
-				'Bist du sicher, dass du dein Konto löschen möchtest? Diese Aktion kann nicht rückgängig gemacht werden.'
-			)
-		) {
-			alert('Konto löschen wird noch implementiert.');
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Profil - ManaChat</title>
-</svelte:head>
-
-<div class="profile-wrapper">
-	{#if profileUser()}
-		<ProfilePage
-			user={profileUser()!}
-			appName="ManaChat"
-			actions={{
-				onEditProfile: handleEditProfile,
-				onChangePassword: handleChangePassword,
-				onLogout: handleLogout,
-				onDeleteAccount: handleDeleteAccount,
-			}}
-		/>
-	{:else}
-		<div class="loading">Laden...</div>
-	{/if}
-</div>
-
-<style>
-	.profile-wrapper {
-		min-height: 100%;
-		width: 100%;
-		overflow-x: hidden;
-		background-color: hsl(var(--background));
-	}
-
-	.loading {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-height: 100vh;
-		color: hsl(var(--muted-foreground));
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/settings/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/settings/+page.svelte
deleted file mode 100644
index ce312456c..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/settings/+page.svelte
+++ /dev/null
@@ -1,137 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import {
-		Bell,
-		DeviceMobile,
-		Envelope,
-		ShieldCheck,
-		Key,
-		Trash,
-		Info,
-	} from '@manacore/shared-icons';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		SettingsToggle,
-		SettingsDangerZone,
-		SettingsDangerButton,
-		GlobalSettingsSection,
-	} from '@manacore/shared-ui';
-
-	function handleDeleteChatHistory() {
-		// TODO: Implement chat history deletion
-		alert('Diese Funktion wird bald verfügbar sein.');
-	}
-
-	onMount(async () => {
-		await userSettings.load();
-	});
-</script>
-
-<svelte:head>
-	<title>Einstellungen | ManaChat</title>
-</svelte:head>
-
-<SettingsPage title="Einstellungen" subtitle="Passe die App an deine Vorlieben an.">
-	<!-- Global Settings Section (synced across all apps) -->
-	<GlobalSettingsSection {userSettings} appId="chat" />
-
-	<!-- Notifications Section -->
-	<SettingsSection title="Benachrichtigungen">
-		{#snippet icon()}
-			<Bell />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsToggle
-				label="Push-Benachrichtigungen"
-				description="Erhalte Benachrichtigungen über neue Nachrichten"
-				isOn={false}
-				onToggle={() => {}}
-				disabled
-			>
-				{#snippet icon()}
-					<DeviceMobile class="opacity-50" />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsToggle
-				label="E-Mail-Benachrichtigungen"
-				description="Erhalte wöchentliche Zusammenfassungen per E-Mail"
-				isOn={false}
-				onToggle={() => {}}
-				disabled
-				border={false}
-			>
-				{#snippet icon()}
-					<Envelope class="opacity-50" />
-				{/snippet}
-			</SettingsToggle>
-
-			<p class="text-xs text-[hsl(var(--muted-foreground))] px-5 pb-4 italic">
-				Benachrichtigungen werden in einer zukünftigen Version verfügbar sein.
-			</p>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Privacy & Security Section -->
-	<SettingsSection title="Datenschutz & Sicherheit">
-		{#snippet icon()}
-			<ShieldCheck />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow
-				label="Passwort ändern"
-				description="Aktualisiere dein Passwort regelmäßig"
-				href="/profile"
-			>
-				{#snippet icon()}
-					<Key />
-				{/snippet}
-			</SettingsRow>
-		</SettingsCard>
-
-		<SettingsDangerZone title="Gefahrenbereich">
-			<SettingsDangerButton
-				label="Chat-Verlauf löschen"
-				description="Lösche alle deine Konversationen permanent"
-				buttonText="Löschen"
-				onclick={handleDeleteChatHistory}
-				border={false}
-			>
-				{#snippet icon()}
-					<Trash />
-				{/snippet}
-			</SettingsDangerButton>
-		</SettingsDangerZone>
-	</SettingsSection>
-
-	<!-- About Section -->
-	<SettingsSection title="Über die App">
-		{#snippet icon()}
-			<Info />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="Version" border={true}>
-				<span class="font-medium text-[hsl(var(--foreground))]">1.0.0</span>
-			</SettingsRow>
-			<SettingsRow label="Build" border={false}>
-				<span class="font-mono text-sm text-[hsl(var(--foreground))]">2024.11.29</span>
-			</SettingsRow>
-		</SettingsCard>
-
-		<div class="flex flex-wrap gap-4 text-sm mt-2">
-			<a href="#" class="text-[hsl(var(--primary))] hover:underline">Datenschutz</a>
-			<a href="#" class="text-[hsl(var(--primary))] hover:underline">Nutzungsbedingungen</a>
-			<a href="#" class="text-[hsl(var(--primary))] hover:underline">Hilfe & Support</a>
-		</div>
-	</SettingsSection>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/spaces/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/spaces/+page.svelte
deleted file mode 100644
index 29540ad93..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/spaces/+page.svelte
+++ /dev/null
@@ -1,165 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { spacesStore } from '$lib/stores/spaces.svelte';
-	import { PageHeader } from '@manacore/shared-ui';
-	import { Plus, UsersThree } from '@manacore/shared-icons';
-	import SpaceCard from '$lib/components/spaces/SpaceCard.svelte';
-	import SpaceForm from '$lib/components/spaces/SpaceForm.svelte';
-	import type { Space } from '@chat/types';
-
-	let showForm = $state(false);
-	let editingSpace = $state<Space | undefined>(undefined);
-
-	onMount(async () => {
-		if (authStore.user) {
-			await spacesStore.loadSpaces(authStore.user.id);
-		}
-	});
-
-	function handleCreateNew() {
-		editingSpace = undefined;
-		showForm = true;
-	}
-
-	function handleSelect(id: string) {
-		// Navigate to space - load conversations filtered by this space
-		goto(`/spaces/${id}`);
-	}
-
-	function handleEdit(id: string) {
-		const space = spacesStore.spaces.find((s) => s.id === id);
-		if (space) {
-			editingSpace = space;
-			showForm = true;
-		}
-	}
-
-	async function handleDelete(id: string) {
-		if (
-			confirm(
-				'Möchtest du diesen Space wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.'
-			)
-		) {
-			await spacesStore.deleteSpace(id);
-		}
-	}
-
-	async function handleLeave(id: string) {
-		if (!authStore.user) return;
-
-		if (confirm('Möchtest du diesen Space wirklich verlassen?')) {
-			await spacesStore.leaveSpace(id, authStore.user.id);
-		}
-	}
-
-	async function handleSubmit(data: { name: string; description?: string }) {
-		if (!authStore.user) return;
-
-		if (editingSpace) {
-			// Update existing space
-			await spacesStore.updateSpace(editingSpace.id, data);
-		} else {
-			// Create new space
-			await spacesStore.createSpace({
-				name: data.name,
-				description: data.description,
-				ownerId: authStore.user.id,
-			});
-		}
-
-		showForm = false;
-		editingSpace = undefined;
-	}
-
-	function handleCancel() {
-		showForm = false;
-		editingSpace = undefined;
-	}
-
-	function isOwner(space: Space): boolean {
-		return space.ownerId === authStore.user?.id;
-	}
-</script>
-
-<svelte:head>
-	<title>Spaces | ManaChat</title>
-</svelte:head>
-
-<div class="min-h-[calc(100vh-4rem)] bg-background py-8">
-	<div class="max-w-4xl mx-auto px-4">
-		<PageHeader
-			title="Spaces"
-			description="Organisiere deine Konversationen in kollaborativen Arbeitsbereichen."
-			size="lg"
-		>
-			{#snippet actions()}
-				<button
-					onclick={handleCreateNew}
-					class="flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg font-medium
-                   hover:bg-primary/90 transition-colors"
-				>
-					<Plus size={20} />
-					Neuen Space erstellen
-				</button>
-			{/snippet}
-		</PageHeader>
-
-		<!-- Loading State -->
-		{#if spacesStore.isLoading}
-			<div class="flex items-center justify-center py-16">
-				<div
-					class="animate-spin w-8 h-8 border-4 border-primary border-r-transparent rounded-full"
-				></div>
-			</div>
-		{:else if spacesStore.spaces.length === 0}
-			<!-- Empty State -->
-			<div class="text-center py-16">
-				<UsersThree size={64} class="text-muted-foreground mx-auto mb-4" />
-				<h3 class="text-lg font-medium text-foreground mb-1">Keine Spaces gefunden</h3>
-				<p class="text-muted-foreground mb-4">
-					Erstelle einen neuen Space oder frage nach einer Einladung
-				</p>
-				<button
-					onclick={handleCreateNew}
-					class="inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg font-medium
-                 hover:bg-primary/90 transition-colors"
-				>
-					<Plus size={20} />
-					Ersten Space erstellen
-				</button>
-			</div>
-		{:else}
-			<!-- Spaces Grid -->
-			<div class="grid gap-4 sm:grid-cols-2">
-				{#each spacesStore.spaces as space (space.id)}
-					<SpaceCard
-						{space}
-						isOwner={isOwner(space)}
-						onSelect={handleSelect}
-						onEdit={handleEdit}
-						onDelete={handleDelete}
-						onLeave={handleLeave}
-					/>
-				{/each}
-			</div>
-		{/if}
-
-		<!-- Error Message -->
-		{#if spacesStore.error}
-			<div class="mt-4 p-4 bg-destructive/10 text-destructive rounded-lg">
-				{spacesStore.error}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<!-- Form Modal -->
-{#if showForm}
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50">
-		<div class="w-full max-w-lg max-h-[90vh] overflow-y-auto rounded-xl shadow-xl">
-			<SpaceForm space={editingSpace} onSubmit={handleSubmit} onCancel={handleCancel} />
-		</div>
-	</div>
-{/if}
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/spaces/[id]/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/spaces/[id]/+page.svelte
deleted file mode 100644
index bc630a11a..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/spaces/[id]/+page.svelte
+++ /dev/null
@@ -1,156 +0,0 @@
-<script lang="ts">
-	import { onMount, getContext } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { filterBySpace } from '$lib/data/queries';
-	import { spaceService } from '$lib/services/space';
-	import { conversationService } from '$lib/services/conversation';
-	import { chatService } from '$lib/services/chat';
-	import { PageHeader } from '@manacore/shared-ui';
-	import type { Space, Conversation, AIModel } from '@chat/types';
-	import { ChatCircle } from '@manacore/shared-icons';
-
-	const spaceId = $derived($page.params.id ?? '');
-
-	// Conversations from live query context, filtered by space
-	const conversationsCtx: { readonly value: Conversation[] } = getContext('conversations');
-	let conversations = $derived(filterBySpace(conversationsCtx.value, spaceId));
-
-	let space = $state<Space | null>(null);
-	let models = $state<AIModel[]>([]);
-	let selectedModelId = $state('');
-	let isLoading = $state(true);
-	let error = $state<string | null>(null);
-
-	onMount(async () => {
-		await loadData();
-	});
-
-	async function loadData() {
-		isLoading = true;
-		error = null;
-
-		try {
-			// Load space details
-			space = await spaceService.getSpace(spaceId);
-			if (!space) {
-				error = 'Space nicht gefunden';
-				return;
-			}
-
-			// Load models
-			models = await chatService.getModels();
-			if (models.length > 0) {
-				// Find default model, or fall back to first model
-				const defaultModel = models.find((m) => m.isDefault);
-				selectedModelId = defaultModel?.id || models[0].id;
-			}
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler beim Laden';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function handleNewChat() {
-		if (!authStore.user || !selectedModelId) return;
-
-		const conversationId = await conversationService.createConversation({
-			modelId: selectedModelId,
-			mode: 'free',
-			spaceId,
-		});
-
-		if (conversationId) {
-			goto(`/chat/${conversationId}`);
-		}
-	}
-
-	function formatDate(dateString: string): string {
-		const date = new Date(dateString);
-		return date.toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit',
-		});
-	}
-</script>
-
-<svelte:head>
-	<title>{space?.name || 'Space'} | ManaChat</title>
-</svelte:head>
-
-{#if isLoading}
-	<div class="flex items-center justify-center h-[calc(100vh-4rem)]">
-		<div
-			class="animate-spin w-8 h-8 border-4 border-primary border-r-transparent rounded-full"
-		></div>
-	</div>
-{:else if error}
-	<div class="flex flex-col items-center justify-center h-[calc(100vh-4rem)] text-center p-4">
-		<p class="text-destructive mb-4">{error}</p>
-		<a href="/spaces" class="text-primary hover:underline">Zurück zu Spaces</a>
-	</div>
-{:else if space}
-	<div class="min-h-[calc(100vh-4rem)] bg-background py-8">
-		<div class="max-w-4xl mx-auto px-4">
-			<PageHeader title={space.name} description={space.description} backHref="/spaces" size="lg" />
-
-			<!-- New Chat Section -->
-			<div class="mb-8 p-4 bg-surface rounded-xl border border-border">
-				<h2 class="text-lg font-semibold text-foreground mb-3">Neuen Chat starten</h2>
-				<div class="flex items-center gap-3">
-					<select
-						bind:value={selectedModelId}
-						class="flex-1 px-3 py-2 border border-border rounded-lg
-                   bg-muted text-foreground
-                   focus:ring-2 focus:ring-primary focus:border-transparent"
-					>
-						{#each models as model}
-							<option value={model.id}>{model.name}</option>
-						{/each}
-					</select>
-					<button
-						onclick={handleNewChat}
-						class="px-4 py-2 bg-primary text-primary-foreground rounded-lg font-medium
-                   hover:bg-primary/90 transition-colors whitespace-nowrap"
-					>
-						Chat starten
-					</button>
-				</div>
-			</div>
-
-			<!-- Conversations List -->
-			<div>
-				<h2 class="text-lg font-semibold text-foreground mb-4">Konversationen in diesem Space</h2>
-
-				{#if conversations.length === 0}
-					<div class="text-center py-12 bg-surface rounded-xl border border-border">
-						<ChatCircle size={48} class="text-muted-foreground mx-auto mb-3" />
-						<p class="text-muted-foreground">Noch keine Konversationen in diesem Space.</p>
-					</div>
-				{:else}
-					<div class="space-y-3">
-						{#each conversations as conv (conv.id)}
-							<a
-								href="/chat/{conv.id}"
-								class="block p-4 bg-surface rounded-xl border border-border
-                       hover:border-primary/50 transition-colors"
-							>
-								<div class="flex items-center justify-between">
-									<h3 class="font-medium text-foreground">
-										{conv.title || 'Neue Konversation'}
-									</h3>
-									<span class="text-xs text-muted-foreground">{formatDate(conv.updatedAt)}</span>
-								</div>
-							</a>
-						{/each}
-					</div>
-				{/if}
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/tags/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/tags/+page.svelte
deleted file mode 100644
index a60e9d0ed..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/tags/+page.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | ManaChat</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/templates/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/templates/+page.svelte
deleted file mode 100644
index 6ba8fa6f4..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/templates/+page.svelte
+++ /dev/null
@@ -1,168 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { templatesStore } from '$lib/stores/templates.svelte';
-	import { conversationService } from '$lib/services/conversation';
-	import { PageHeader } from '@manacore/shared-ui';
-	import { Plus, FileText } from '@manacore/shared-icons';
-	import TemplateCard from '$lib/components/templates/TemplateCard.svelte';
-	import TemplateForm from '$lib/components/templates/TemplateForm.svelte';
-	import type { Template } from '@chat/types';
-
-	const templatesCtx: { readonly value: Template[] } = getContext('templates');
-	let templates = $derived(templatesCtx.value);
-
-	let showForm = $state(false);
-	let editingTemplate = $state<Template | undefined>(undefined);
-
-	function handleCreateNew() {
-		editingTemplate = undefined;
-		showForm = true;
-	}
-
-	function handleEdit(id: string) {
-		const template = templates.find((t) => t.id === id);
-		if (template) {
-			editingTemplate = template;
-			showForm = true;
-		}
-	}
-
-	async function handleDelete(id: string) {
-		if (confirm('Möchtest du diese Vorlage wirklich löschen?')) {
-			await templatesStore.deleteTemplate(id);
-		}
-	}
-
-	async function handleSetDefault(id: string) {
-		await templatesStore.setDefaultTemplate(id);
-	}
-
-	async function handleUse(id: string) {
-		const template = templates.find((t) => t.id === id);
-		if (!template || !authStore.user) return;
-
-		// Create a new conversation with this template
-		const conversationId = await conversationService.createConversation({
-			modelId: template.modelId || '550e8400-e29b-41d4-a716-446655440101', // Default to Gemini 2.5 Flash
-			mode: 'template',
-			templateId: template.id,
-			documentMode: template.documentMode,
-		});
-
-		if (conversationId) {
-			goto(`/chat/${conversationId}`);
-		}
-	}
-
-	async function handleSubmit(data: Partial<Template>) {
-		if (!authStore.user) return;
-
-		if (data.id) {
-			// Update existing template
-			await templatesStore.updateTemplate(data.id, {
-				name: data.name,
-				description: data.description,
-				systemPrompt: data.systemPrompt,
-				initialQuestion: data.initialQuestion,
-				color: data.color,
-				modelId: data.modelId,
-				documentMode: data.documentMode,
-			});
-		} else {
-			// Create new template
-			await templatesStore.createTemplate({
-				userId: authStore.user.id,
-				name: data.name!,
-				description: data.description ?? null,
-				systemPrompt: data.systemPrompt!,
-				initialQuestion: data.initialQuestion ?? null,
-				color: data.color!,
-				modelId: data.modelId ?? null,
-				isDefault: false,
-				documentMode: data.documentMode ?? false,
-			});
-		}
-
-		showForm = false;
-		editingTemplate = undefined;
-	}
-
-	function handleCancel() {
-		showForm = false;
-		editingTemplate = undefined;
-	}
-</script>
-
-<svelte:head>
-	<title>Vorlagen | ManaChat</title>
-</svelte:head>
-
-<div class="min-h-[calc(100vh-4rem)] bg-background py-8">
-	<div class="max-w-4xl mx-auto px-4">
-		<PageHeader
-			title="Vorlagen"
-			description="Erstelle Vorlagen mit benutzerdefinierten System-Prompts für verschiedene KI-Verhaltensweisen."
-			size="lg"
-		>
-			{#snippet actions()}
-				<button
-					onclick={handleCreateNew}
-					class="flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg font-medium
-                   hover:bg-primary/90 transition-colors"
-				>
-					<Plus size={20} />
-					Neue Vorlage
-				</button>
-			{/snippet}
-		</PageHeader>
-
-		<!-- Loading State -->
-		{#if templates.length === 0}
-			<!-- Empty State -->
-			<div class="text-center py-16">
-				<FileText size={64} class="text-muted-foreground mx-auto mb-4" />
-				<h3 class="text-lg font-medium text-foreground mb-1">Keine Vorlagen vorhanden</h3>
-				<p class="text-muted-foreground mb-4">Erstelle deine erste Vorlage, um loszulegen</p>
-				<button
-					onclick={handleCreateNew}
-					class="inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg font-medium
-                 hover:bg-primary/90 transition-colors"
-				>
-					<Plus size={20} />
-					Erste Vorlage erstellen
-				</button>
-			</div>
-		{:else}
-			<!-- Templates Grid -->
-			<div class="grid gap-4 sm:grid-cols-2">
-				{#each templates as template (template.id)}
-					<TemplateCard
-						{template}
-						onUse={handleUse}
-						onEdit={handleEdit}
-						onDelete={handleDelete}
-						onSetDefault={handleSetDefault}
-					/>
-				{/each}
-			</div>
-		{/if}
-
-		<!-- Error Message -->
-		{#if templatesStore.error}
-			<div class="mt-4 p-4 bg-destructive/10 text-destructive rounded-lg">
-				{templatesStore.error}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<!-- Form Modal -->
-{#if showForm}
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50">
-		<div class="w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-xl shadow-xl">
-			<TemplateForm template={editingTemplate} onSubmit={handleSubmit} onCancel={handleCancel} />
-		</div>
-	</div>
-{/if}
diff --git a/apps/chat/apps/web-archived/src/routes/(protected)/themes/+page.svelte b/apps/chat/apps/web-archived/src/routes/(protected)/themes/+page.svelte
deleted file mode 100644
index f45eab2e7..000000000
--- a/apps/chat/apps/web-archived/src/routes/(protected)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | ManaChat</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/chat')}
-/>
diff --git a/apps/chat/apps/web-archived/src/routes/+layout.svelte b/apps/chat/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 2c89e2faf..000000000
--- a/apps/chat/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
-	import { theme } from '$lib/stores/theme';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-
-	let { children } = $props();
-
-	onMount(() => {
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-		const cleanupTheme = theme.initialize();
-
-		return () => {
-			cleanupErrorHandler();
-			cleanupTheme();
-		};
-	});
-</script>
-
-<div class="min-h-screen bg-background text-foreground">
-	{@render children()}
-</div>
-
-<!-- Global Toast notifications -->
-<ToastContainer />
diff --git a/apps/chat/apps/web-archived/src/routes/+page.svelte b/apps/chat/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index 1f5e85d54..000000000
--- a/apps/chat/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	onMount(async () => {
-		await authStore.initialize();
-
-		if (authStore.isAuthenticated) {
-			goto('/chat', { replaceState: true });
-		} else {
-			goto('/login', { replaceState: true });
-		}
-	});
-</script>
-
-<svelte:head>
-	<title>ManaChat - AI Chat Assistant</title>
-	<meta name="description" content="Chat with AI models - GPT-4o, GPT-4o-Mini, and more" />
-</svelte:head>
-
-<div class="flex items-center justify-center min-h-screen">
-	<div class="text-center">
-		<div
-			class="animate-spin w-10 h-10 border-4 border-primary border-r-transparent rounded-full mx-auto"
-		></div>
-		<p class="mt-4 text-muted-foreground">Wird geladen...</p>
-	</div>
-</div>
diff --git a/apps/chat/apps/web-archived/src/routes/health/+server.ts b/apps/chat/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 86c0388ef..000000000
--- a/apps/chat/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/chat/apps/web-archived/src/routes/offline/+page.svelte b/apps/chat/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 002eacbf0..000000000
--- a/apps/chat/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Chat"
-	offlineMessage="Chat benötigt eine Internetverbindung, um Nachrichten zu senden."
-	accentColor="#7c3aed"
-/>
diff --git a/apps/chat/apps/web-archived/src/routes/offline/+page.ts b/apps/chat/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/chat/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/chat/apps/web-archived/svelte.config.js b/apps/chat/apps/web-archived/svelte.config.js
deleted file mode 100644
index f290ef5a6..000000000
--- a/apps/chat/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		prerender: {
-			handleHttpError: ({ path, message }) => {
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/chat/apps/web-archived/tsconfig.json b/apps/chat/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/chat/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/chat/apps/web-archived/vite.config.ts b/apps/chat/apps/web-archived/vite.config.ts
deleted file mode 100644
index 2d683aa52..000000000
--- a/apps/chat/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-import { createPWAConfig } from '@manacore/shared-pwa';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Chat - KI Assistent',
-				shortName: 'Chat',
-				description: 'KI-Chat mit verschiedenen Modellen',
-				themeColor: '#8b5cf6',
-				preset: 'standard',
-			})
-		),
-	],
-	server: {
-		port: 5174,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, 'marked'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES, 'marked'],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/citycorners/apps/web-archived/Dockerfile b/apps/citycorners/apps/web-archived/Dockerfile
deleted file mode 100644
index e8e3baa51..000000000
--- a/apps/citycorners/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,31 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://citycorners-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/citycorners/apps/web ./apps/citycorners/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/citycorners/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/citycorners/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/citycorners/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/citycorners/apps/web/build ./build
-COPY --from=builder /app/apps/citycorners/apps/web/package.json ./
-
-EXPOSE 5022
-ENV NODE_ENV=production PORT=5022 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5022/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/citycorners/apps/web-archived/docker-entrypoint.sh b/apps/citycorners/apps/web-archived/docker-entrypoint.sh
deleted file mode 100755
index 86a1385b1..000000000
--- a/apps/citycorners/apps/web-archived/docker-entrypoint.sh
+++ /dev/null
@@ -1,9 +0,0 @@
-#!/bin/sh
-set -e
-
-echo "Starting CityCorners Web with runtime configuration..."
-echo "PUBLIC_MANA_CORE_AUTH_URL_CLIENT: ${PUBLIC_MANA_CORE_AUTH_URL_CLIENT:-not set}"
-echo "PUBLIC_CITYCORNERS_API_URL_CLIENT: ${PUBLIC_CITYCORNERS_API_URL_CLIENT:-not set}"
-
-# Execute the main command
-exec "$@"
diff --git a/apps/citycorners/apps/web-archived/package.json b/apps/citycorners/apps/web-archived/package.json
deleted file mode 100644
index 10ead7998..000000000
--- a/apps/citycorners/apps/web-archived/package.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-	"name": "@citycorners/web",
-	"version": "0.0.1",
-	"private": true,
-	"type": "module",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0",
-		"vitest": "^4.1.1"
-	},
-	"dependencies": {
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"svelte-i18n": "^4.0.1"
-	}
-}
diff --git a/apps/citycorners/apps/web-archived/src/app.css b/apps/citycorners/apps/web-archived/src/app.css
deleted file mode 100644
index 289621a6b..000000000
--- a/apps/citycorners/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,8 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-
-@source '../../../../packages/shared-ui/src';
-@source '../../../../packages/shared-auth-ui/src';
-@source '../../../../packages/shared-branding/src';
-@source '../../../../packages/shared-theme-ui/src';
-@source '../../../../packages/shared-stores/src';
diff --git a/apps/citycorners/apps/web-archived/src/app.d.ts b/apps/citycorners/apps/web-archived/src/app.d.ts
deleted file mode 100644
index effac8d43..000000000
--- a/apps/citycorners/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/// <reference types="@sveltejs/kit" />
-
-declare namespace App {
-	// interface Error {}
-	// interface Locals {}
-	// interface PageData {}
-	// interface PageState {}
-	// interface Platform {}
-}
diff --git a/apps/citycorners/apps/web-archived/src/app.html b/apps/citycorners/apps/web-archived/src/app.html
deleted file mode 100644
index d241d15fa..000000000
--- a/apps/citycorners/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="theme-color" content="#2563eb" />
-		<meta name="description" content="CityCorners - Entdecke Konstanz" />
-		<title>CityCorners</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-		<script>
-			window.__PUBLIC_MANA_CORE_AUTH_URL__ = '%env:PUBLIC_MANA_CORE_AUTH_URL_CLIENT%' || '%env:PUBLIC_MANA_CORE_AUTH_URL%';
-			window.__PUBLIC_BACKEND_URL__ = '%env:PUBLIC_BACKEND_URL_CLIENT%' || '%env:PUBLIC_BACKEND_URL%';
-		</script>
-	</body>
-</html>
diff --git a/apps/citycorners/apps/web-archived/src/hooks.client.ts b/apps/citycorners/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 1fdd587de..000000000
--- a/apps/citycorners/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { HandleClientError } from '@sveltejs/kit';
-
-export const handleError: HandleClientError = ({ error }) => {
-	console.error('Client error:', error);
-};
diff --git a/apps/citycorners/apps/web-archived/src/hooks.server.ts b/apps/citycorners/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 6a867e248..000000000
--- a/apps/citycorners/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_CITYCORNERS_API_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/citycorners/apps/web-archived/src/lib/api.test.ts b/apps/citycorners/apps/web-archived/src/lib/api.test.ts
deleted file mode 100644
index b5b758d2e..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/api.test.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock $app/environment
-vi.mock('$app/environment', () => ({
-	browser: true,
-}));
-
-describe('api utilities', () => {
-	beforeEach(() => {
-		vi.resetModules();
-		// Clear any window overrides
-		delete (window as any).__PUBLIC_BACKEND_URL__;
-	});
-
-	describe('getBackendUrl', () => {
-		it('should use injected URL if available', async () => {
-			(window as any).__PUBLIC_BACKEND_URL__ = 'https://api.example.com';
-			const { getBackendUrl } = await import('./api');
-			expect(getBackendUrl()).toBe('https://api.example.com');
-		});
-
-		it('should default to localhost:3025 in dev mode', async () => {
-			const { getBackendUrl } = await import('./api');
-			// When no injected URL and import.meta.env.DEV is true
-			const url = getBackendUrl();
-			// Either localhost or empty string depending on env
-			expect(typeof url).toBe('string');
-		});
-	});
-
-	describe('api', () => {
-		it('should prepend backend URL and /api/v1 prefix', async () => {
-			(window as any).__PUBLIC_BACKEND_URL__ = 'https://api.example.com';
-			const { api } = await import('./api');
-			expect(api('/locations')).toBe('https://api.example.com/api/v1/locations');
-		});
-
-		it('should handle paths with query params', async () => {
-			(window as any).__PUBLIC_BACKEND_URL__ = 'https://api.example.com';
-			const { api } = await import('./api');
-			expect(api('/locations?category=sight')).toBe(
-				'https://api.example.com/api/v1/locations?category=sight'
-			);
-		});
-
-		it('should handle path with id parameter', async () => {
-			(window as any).__PUBLIC_BACKEND_URL__ = 'https://api.example.com';
-			const { api } = await import('./api');
-			expect(api('/locations/abc-123')).toBe('https://api.example.com/api/v1/locations/abc-123');
-		});
-	});
-});
diff --git a/apps/citycorners/apps/web-archived/src/lib/api.ts b/apps/citycorners/apps/web-archived/src/lib/api.ts
deleted file mode 100644
index e87567601..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/api.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { browser } from '$app/environment';
-
-export function getBackendUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as any).__PUBLIC_BACKEND_URL__;
-		if (injectedUrl) return injectedUrl;
-		return import.meta.env.DEV ? 'http://localhost:3025' : '';
-	}
-	return process.env.PUBLIC_BACKEND_URL || 'http://localhost:3025';
-}
-
-export function api(path: string): string {
-	return `${getBackendUrl()}/api/v1${path}`;
-}
diff --git a/apps/citycorners/apps/web-archived/src/lib/content/help/index.test.ts b/apps/citycorners/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 83c1166da..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getCityCornersHelpContent } from './index';
-
-describe('CityCorners Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getCityCornersHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getCityCornersHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getCityCornersHelpContent('de');
-		const en = getCityCornersHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getCityCornersHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/citycorners/apps/web-archived/src/lib/content/help/index.ts b/apps/citycorners/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 1786b7e9f..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-/**
- * Help content for CityCorners app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getCityCornersHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-locations',
-				question: isDE ? 'Wie finde ich Orte in Konstanz?' : 'How do I find places in Konstanz?',
-				answer: isDE
-					? '<p>CityCorners zeigt dir die besten Orte in Konstanz:</p><ul><li>Nutze die <strong>Kategoriefilter</strong> (Sehenswürdigkeiten, Restaurants, Cafés, Bars, Parks, Museen, etc.)</li><li>Durchsuche die Karte mit farbcodierten Markern</li><li>Nutze die <strong>Suche</strong> in der QuickInputBar für gezielte Ergebnisse</li><li>11 verschiedene Kategorien stehen zur Verfügung</li></ul>'
-					: '<p>CityCorners shows you the best places in Konstanz:</p><ul><li>Use <strong>category filters</strong> (sights, restaurants, cafés, bars, parks, museums, etc.)</li><li>Browse the map with color-coded markers</li><li>Use <strong>search</strong> in the QuickInputBar for targeted results</li><li>11 different categories are available</li></ul>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['orte', 'suche', 'kategorien'] : ['locations', 'search', 'categories'],
-			},
-			{
-				id: 'faq-map',
-				question: isDE ? 'Wie funktioniert die Kartenansicht?' : 'How does the map view work?',
-				answer: isDE
-					? '<p>Die Karte zeigt alle Orte mit farbcodierten Markern nach Kategorie:</p><ul><li><strong>Blau</strong> — Sehenswürdigkeiten</li><li><strong>Rot</strong> — Restaurants</li><li><strong>Gelb</strong> — Cafés</li><li><strong>Orange</strong> — Bars</li><li><strong>Grün</strong> — Parks und Läden</li><li>Wähle eine Kategorie zum Filtern der Orte</li></ul>'
-					: '<p>The map shows all locations with color-coded markers by category:</p><ul><li><strong>Blue</strong> — Sights</li><li><strong>Red</strong> — Restaurants</li><li><strong>Yellow</strong> — Cafés</li><li><strong>Orange</strong> — Bars</li><li><strong>Green</strong> — Parks and shops</li><li>Select a category to filter locations</li></ul>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['karte', 'marker', 'navigation'] : ['map', 'markers', 'navigation'],
-			},
-			{
-				id: 'faq-favorites',
-				question: isDE ? 'Wie speichere ich Favoriten?' : 'How do I save favorites?',
-				answer: isDE
-					? '<p>Melde dich an und klicke auf das <strong>Herz-Symbol</strong> bei einem Ort, um ihn als Favorit zu speichern. Alle Favoriten findest du im Bereich <strong>Favoriten</strong>. Favoriten werden optimistisch aktualisiert — du siehst die Änderung sofort.</p>'
-					: '<p>Sign in and click the <strong>heart icon</strong> on a location to save it as a favorite. Find all favorites in the <strong>Favorites</strong> section. Favorites are optimistically updated — you see the change immediately.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['favoriten', 'speichern', 'merken'] : ['favorites', 'save', 'bookmarks'],
-			},
-			{
-				id: 'faq-add-location',
-				question: isDE ? 'Kann ich eigene Orte hinzufügen?' : 'Can I add my own locations?',
-				answer: isDE
-					? '<p>Ja! Melde dich an und nutze die Funktion <strong>Ort hinzufügen</strong>:</p><ol><li>Suche den Ort per <strong>Web-Lookup</strong> — Informationen werden automatisch aus dem Web extrahiert</li><li>Ergänze oder bearbeite die Informationen (Name, Beschreibung, Adresse)</li><li>Wähle eine der 11 Kategorien</li><li>Sende den Ort ab</li></ol><p>Der Web-Lookup nutzt unseren eigenen Suchdienst (mana-search).</p>'
-					: '<p>Yes! Sign in and use the <strong>Add Location</strong> feature:</p><ol><li>Search for the place via <strong>web lookup</strong> — information is automatically extracted from the web</li><li>Complete or edit the information (name, description, address)</li><li>Choose one of the 11 categories</li><li>Submit the location</li></ol><p>The web lookup uses our own search service (mana-search).</p>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['hinzufügen', 'beitragen', 'orte'] : ['add', 'contribute', 'locations'],
-			},
-			{
-				id: 'faq-detail-timeline',
-				question: isDE ? 'Was zeigen die Detailseiten?' : 'What do detail pages show?',
-				answer: isDE
-					? '<p>Jeder Ort hat eine ausführliche Detailseite:</p><ul><li><strong>Beschreibung</strong> und Adresse</li><li><strong>Mini-Karte</strong> mit dem Standort</li><li><strong>Timeline</strong> — Historische Ereignisse des Ortes (z.B. Gründungsjahr, wichtige Ereignisse)</li><li><strong>Favoriten-Button</strong> zum Speichern</li><li>Möglichkeit, den Ort zu bearbeiten</li></ul>'
-					: '<p>Each location has a detailed page:</p><ul><li><strong>Description</strong> and address</li><li><strong>Mini-map</strong> with the location</li><li><strong>Timeline</strong> — Historical events of the place (e.g., founding year, important events)</li><li><strong>Favorite button</strong> to save</li><li>Option to edit the location</li></ul>',
-				category: 'features',
-				order: 5,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['details', 'timeline', 'historie'] : ['details', 'timeline', 'history'],
-			},
-			{
-				id: 'faq-categories',
-				question: isDE ? 'Welche Kategorien gibt es?' : 'What categories are available?',
-				answer: isDE
-					? '<p>CityCorners bietet <strong>11 Kategorien</strong>:</p><ul><li>Sehenswürdigkeit, Restaurant, Laden, Museum, Café</li><li>Bar, Park, Strandbad, Hotel, Veranstaltungsort, Aussichtspunkt</li></ul><p>Jede Kategorie hat eine eigene Farbe auf der Karte und in den Karten-Ansichten.</p>'
-					: '<p>CityCorners offers <strong>11 categories</strong>:</p><ul><li>Sight, Restaurant, Shop, Museum, Café</li><li>Bar, Park, Beach, Hotel, Event Venue, Viewpoint</li></ul><p>Each category has its own color on the map and in card views.</p>',
-				category: 'features',
-				order: 6,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['kategorien', 'typen', 'filter'] : ['categories', 'types', 'filter'],
-			},
-			{
-				id: 'faq-i18n',
-				question: isDE ? 'Ist CityCorners mehrsprachig?' : 'Is CityCorners multilingual?',
-				answer: isDE
-					? '<p>Ja! CityCorners ist in <strong>Deutsch und Englisch</strong> verfügbar. Du kannst die Sprache jederzeit über den Sprachumschalter in der Navigation ändern. Die Einstellung wird lokal gespeichert.</p>'
-					: '<p>Yes! CityCorners is available in <strong>German and English</strong>. You can change the language at any time via the language switcher in the navigation. The setting is saved locally.</p>',
-				category: 'general',
-				order: 7,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['sprache', 'deutsch', 'englisch'] : ['language', 'german', 'english'],
-			},
-			{
-				id: 'faq-feedback',
-				question: isDE ? 'Wie kann ich Feedback geben?' : 'How can I give feedback?',
-				answer: isDE
-					? '<p>Dein Feedback hilft uns, CityCorners zu verbessern:</p><ul><li>Nutze die <strong>Feedback-Seite</strong> im Menü, um Verbesserungsvorschläge, Fehlermeldungen oder neue Ort-Vorschläge einzureichen</li><li>Wir lesen jedes Feedback und arbeiten kontinuierlich an Verbesserungen</li></ul>'
-					: '<p>Your feedback helps us improve CityCorners:</p><ul><li>Use the <strong>Feedback page</strong> in the menu to submit improvement suggestions, bug reports, or new location ideas</li><li>We read every piece of feedback and continuously work on improvements</li></ul>',
-				category: 'general',
-				order: 8,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['feedback', 'verbesserung', 'kontakt']
-					: ['feedback', 'improvement', 'contact'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Daten', dataTypeEN: 'data' }),
-		],
-		features: [
-			{
-				id: 'feature-explore',
-				title: isDE ? 'Orte entdecken' : 'Explore Places',
-				description: isDE
-					? 'Entdecke Sehenswürdigkeiten, Restaurants, Cafés und mehr in Konstanz am Bodensee'
-					: 'Discover sights, restaurants, cafés, and more in Konstanz at Lake Constance',
-				icon: '🏛️',
-				category: 'core',
-				highlights: isDE
-					? ['11 Kategorien', 'Detailseiten mit Timeline', 'Farbcodierte Karten', 'Suche']
-					: ['11 categories', 'Detail pages with timeline', 'Color-coded cards', 'Search'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-map',
-				title: isDE ? 'Interaktive Karte' : 'Interactive Map',
-				description: isDE
-					? 'OpenStreetMap-Karte mit farbcodierten Markern für alle Kategorien'
-					: 'OpenStreetMap-based map with color-coded markers for all categories',
-				icon: '🗺️',
-				category: 'core',
-				highlights: isDE
-					? ['Farbcodierte Marker', 'Kategorie-Filter', 'Detailansicht per Klick', 'Mini-Karte']
-					: ['Color-coded markers', 'Category filters', 'Detail view on click', 'Mini-map'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-favorites',
-				title: isDE ? 'Favoriten' : 'Favorites',
-				description: isDE
-					? 'Speichere deine Lieblingsorte und finde sie schnell wieder'
-					: 'Save your favorite places and find them quickly',
-				icon: '❤️',
-				category: 'core',
-				highlights: isDE
-					? ['Herz-Button', 'Optimistische Updates', 'Dedizierte Ansicht']
-					: ['Heart button', 'Optimistic updates', 'Dedicated view'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-add',
-				title: isDE ? 'Orte hinzufügen' : 'Add Locations',
-				description: isDE
-					? 'Trage neue Orte bei — mit Web-Lookup für automatische Informationsextraktion'
-					: 'Contribute new locations — with web lookup for automatic information extraction',
-				icon: '➕',
-				category: 'core',
-				highlights: isDE
-					? ['Web-Lookup', 'Auto-Extraktion', '11 Kategorien', 'Bearbeiten']
-					: ['Web lookup', 'Auto extraction', '11 categories', 'Editing'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-timeline',
-				title: 'Timeline',
-				description: isDE
-					? 'Historische Ereignisse und Meilensteine für jeden Ort'
-					: 'Historical events and milestones for every location',
-				icon: '📅',
-				category: 'advanced',
-				highlights: isDE
-					? ['Historische Ereignisse', 'Gründungsjahre', 'Meilensteine']
-					: ['Historical events', 'Founding years', 'Milestones'],
-				content: '',
-				order: 5,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-i18n',
-				title: isDE ? 'Mehrsprachig' : 'Multilingual',
-				description: isDE
-					? 'Verfügbar in Deutsch und Englisch mit einfachem Sprachumschalter'
-					: 'Available in German and English with easy language switcher',
-				icon: '🌍',
-				category: 'core',
-				highlights: isDE
-					? ['Deutsch & Englisch', 'Sofort umschaltbar', 'Lokal gespeichert']
-					: ['German & English', 'Instant switching', 'Locally saved'],
-				content: '',
-				order: 6,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-pwa',
-				title: isDE ? 'Progressive Web App' : 'Progressive Web App',
-				description: isDE
-					? 'Installierbar auf jedem Gerät — mit Offline-Fallback und Service Worker'
-					: 'Installable on any device — with offline fallback and service worker',
-				icon: '📱',
-				category: 'advanced',
-				highlights: isDE
-					? ['Installierbar', 'Offline-Fallback', 'Service Worker Caching']
-					: ['Installable', 'Offline fallback', 'Service worker caching'],
-				content: '',
-				order: 7,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-settings',
-				title: isDE ? 'Einstellungen' : 'Settings',
-				description: isDE
-					? 'Passe CityCorners an — Theme-Modus, Theme-Variante und Kontoeinstellungen'
-					: 'Customize CityCorners — theme mode, theme variant, and account settings',
-				icon: '⚙️',
-				category: 'core',
-				highlights: isDE
-					? ['Hell/Dunkel-Modus', 'Theme-Varianten', 'Kontoeinstellungen']
-					: ['Light/Dark mode', 'Theme variants', 'Account settings'],
-				content: '',
-				order: 8,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-reviews',
-				title: isDE ? 'Bewertungen' : 'Reviews',
-				description: isDE
-					? 'Bewerte Orte und lies Bewertungen anderer Nutzer'
-					: 'Rate locations and read reviews from other users',
-				icon: '⭐',
-				category: 'core',
-				highlights: isDE
-					? ['Sternebewertung', 'Textbewertungen', 'Community-Feedback']
-					: ['Star ratings', 'Text reviews', 'Community feedback'],
-				content: '',
-				order: 9,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um CityCorners. Nutze auch die Feedback-Funktion im Menü, um uns direkt Verbesserungsvorschläge oder neue Ort-Vorschläge zu schicken.</p>'
-				: '<p>Our support team is here to help you with any questions about CityCorners. You can also use the feedback feature in the menu to send us improvement suggestions or new location ideas directly.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/citycorners/apps/web-archived/src/lib/data/guest-seed.ts b/apps/citycorners/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 7d639e188..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-/**
- * Guest seed data for the CityCorners app.
- *
- * Provides example cities and locations for the onboarding experience.
- */
-
-import type { LocalCity, LocalLocation } from './local-store';
-
-export const guestCities: LocalCity[] = [
-	{
-		id: 'city-konstanz',
-		name: 'Konstanz',
-		slug: 'konstanz',
-		country: 'Deutschland',
-		state: 'Baden-Württemberg',
-		description:
-			'Universitätsstadt am Bodensee mit mittelalterlicher Altstadt, direkt an der Schweizer Grenze.',
-		latitude: 47.6603,
-		longitude: 9.1757,
-	},
-	{
-		id: 'city-zuerich',
-		name: 'Zürich',
-		slug: 'zuerich',
-		country: 'Schweiz',
-		state: 'Zürich',
-		description:
-			'Größte Stadt der Schweiz am Zürichsee, bekannt für Kultur, Finanzen und hohe Lebensqualität.',
-		latitude: 47.3769,
-		longitude: 8.5417,
-	},
-	{
-		id: 'city-berlin',
-		name: 'Berlin',
-		slug: 'berlin',
-		country: 'Deutschland',
-		state: 'Berlin',
-		description: 'Hauptstadt Deutschlands mit vielfältiger Kultur, Geschichte und Nachtleben.',
-		latitude: 52.52,
-		longitude: 13.405,
-	},
-];
-
-export const guestLocations: LocalLocation[] = [
-	{
-		id: 'loc-muenster',
-		cityId: 'city-konstanz',
-		name: 'Konstanzer Münster',
-		category: 'sight',
-		description:
-			'Das Münster Unserer Lieben Frau ist die ehemalige Bischofskirche des Bistums Konstanz und Wahrzeichen der Stadt.',
-		address: 'Münsterplatz 1, 78462 Konstanz',
-		latitude: 47.6603,
-		longitude: 9.1752,
-	},
-	{
-		id: 'loc-imperia',
-		cityId: 'city-konstanz',
-		name: 'Imperia',
-		category: 'sight',
-		description:
-			'Die 9 Meter hohe Statue im Hafen von Konstanz dreht sich einmal in 4 Minuten um ihre Achse.',
-		address: 'Hafen, 78462 Konstanz',
-		latitude: 47.6596,
-		longitude: 9.1789,
-	},
-	{
-		id: 'loc-insel',
-		cityId: 'city-konstanz',
-		name: 'Mainau – Blumeninsel',
-		category: 'park',
-		description:
-			'Die Blumeninsel Mainau im Bodensee ist bekannt für ihre Gärten, das Schmetterlingshaus und das Barockschloss.',
-		address: 'Mainau 1, 78465 Konstanz',
-		latitude: 47.7051,
-		longitude: 9.1919,
-	},
-	{
-		id: 'loc-strandbad',
-		cityId: 'city-konstanz',
-		name: 'Strandbad Horn',
-		category: 'beach',
-		description: 'Beliebtes Freibad am Bodensee mit Sandstrand und Blick auf die Alpen.',
-		address: 'Eichhornstraße 100, 78464 Konstanz',
-		latitude: 47.6753,
-		longitude: 9.2001,
-	},
-	{
-		id: 'loc-grossmuenster',
-		cityId: 'city-zuerich',
-		name: 'Grossmünster',
-		category: 'sight',
-		description:
-			'Romanische Kirche aus dem 12. Jahrhundert, Wahrzeichen Zürichs mit Aussichtsturm über die Altstadt.',
-		address: 'Grossmünsterplatz, 8001 Zürich',
-		latitude: 47.3701,
-		longitude: 8.5441,
-	},
-	{
-		id: 'loc-brandenburger-tor',
-		cityId: 'city-berlin',
-		name: 'Brandenburger Tor',
-		category: 'sight',
-		description: 'Das bekannteste Wahrzeichen Berlins und Symbol der deutschen Wiedervereinigung.',
-		address: 'Pariser Platz, 10117 Berlin',
-		latitude: 52.5163,
-		longitude: 13.3777,
-	},
-];
diff --git a/apps/citycorners/apps/web-archived/src/lib/data/local-store.ts b/apps/citycorners/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 39aa7f482..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * CityCorners — Local-First Data Layer
- *
- * Cities, locations, and favorites stored locally for offline browsing.
- * Location lookup and web search remain server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestCities, guestLocations } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalCity extends BaseRecord {
-	name: string;
-	slug: string;
-	country: string;
-	state?: string | null;
-	description?: string | null;
-	latitude: number;
-	longitude: number;
-	imageUrl?: string | null;
-	createdBy?: string | null;
-}
-
-export interface LocalLocation extends BaseRecord {
-	cityId: string;
-	name: string;
-	category:
-		| 'sight'
-		| 'restaurant'
-		| 'shop'
-		| 'museum'
-		| 'cafe'
-		| 'bar'
-		| 'park'
-		| 'beach'
-		| 'hotel'
-		| 'event_venue'
-		| 'viewpoint';
-	description?: string | null;
-	address?: string | null;
-	latitude?: number | null;
-	longitude?: number | null;
-	imageUrl?: string | null;
-	timeline?: Array<{ year: number; event: string }> | null;
-}
-
-export interface LocalFavorite extends BaseRecord {
-	locationId: string;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const citycornersStore = createLocalStore({
-	appId: 'citycorners',
-	collections: [
-		{
-			name: 'cities',
-			indexes: ['slug', 'country', 'name'],
-			guestSeed: guestCities,
-		},
-		{
-			name: 'locations',
-			indexes: ['cityId', 'category', 'name'],
-			guestSeed: guestLocations,
-		},
-		{
-			name: 'favorites',
-			indexes: ['locationId'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const cityCollection = citycornersStore.collection<LocalCity>('cities');
-export const locationCollection = citycornersStore.collection<LocalLocation>('locations');
-export const favoriteCollection = citycornersStore.collection<LocalFavorite>('favorites');
diff --git a/apps/citycorners/apps/web-archived/src/lib/data/queries.ts b/apps/citycorners/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 2ebe1637d..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,179 +0,0 @@
-/**
- * Reactive Queries & Pure Filter Helpers for CityCorners
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	cityCollection,
-	locationCollection,
-	favoriteCollection,
-	type LocalCity,
-	type LocalLocation,
-	type LocalFavorite,
-} from './local-store';
-
-// ─── Live Query Hooks (call during component init) ──────────
-
-/** All cities, sorted by name. Auto-updates on any change. */
-export function useAllCities() {
-	return useLiveQueryWithDefault(async () => {
-		return cityCollection.getAll(undefined, {
-			sortBy: 'name',
-			sortDirection: 'asc',
-		});
-	}, [] as LocalCity[]);
-}
-
-/** All locations, sorted by name. Auto-updates on any change. */
-export function useAllLocations() {
-	return useLiveQueryWithDefault(async () => {
-		return locationCollection.getAll(undefined, {
-			sortBy: 'name',
-			sortDirection: 'asc',
-		});
-	}, [] as LocalLocation[]);
-}
-
-/** All favorites. Auto-updates on any change. */
-export function useAllFavorites() {
-	return useLiveQueryWithDefault(async () => {
-		return favoriteCollection.getAll();
-	}, [] as LocalFavorite[]);
-}
-
-// ─── Pure Filter Functions (for $derived) ───────────────────
-
-/** Get a Set of favorite location IDs for quick lookup. */
-export function getFavoriteIds(favorites: LocalFavorite[]): Set<string> {
-	return new Set(favorites.map((f) => f.locationId));
-}
-
-/** Check if a location is favorited. */
-export function isFavorite(favorites: LocalFavorite[], locationId: string): boolean {
-	return favorites.some((f) => f.locationId === locationId);
-}
-
-/** Filter locations by city. */
-export function filterByCity(locations: LocalLocation[], cityId: string): LocalLocation[] {
-	return locations.filter((l) => l.cityId === cityId);
-}
-
-/** Filter locations by category. */
-export function filterByCategory(
-	locations: LocalLocation[],
-	category: string | null
-): LocalLocation[] {
-	if (!category) return locations;
-	return locations.filter((l) => l.category === category);
-}
-
-/** Filter locations by search query across name, description, address. */
-export function searchLocations(locations: LocalLocation[], query: string): LocalLocation[] {
-	if (!query.trim()) return locations;
-	const search = query.toLowerCase().trim();
-	return locations.filter(
-		(l) =>
-			l.name.toLowerCase().includes(search) ||
-			l.description?.toLowerCase().includes(search) ||
-			l.address?.toLowerCase().includes(search)
-	);
-}
-
-/** Filter cities by search query across name, country, state, description. */
-export function searchCities(cities: LocalCity[], query: string): LocalCity[] {
-	if (!query.trim()) return cities;
-	const search = query.toLowerCase().trim();
-	return cities.filter(
-		(c) =>
-			c.name.toLowerCase().includes(search) ||
-			c.country.toLowerCase().includes(search) ||
-			c.state?.toLowerCase().includes(search) ||
-			c.description?.toLowerCase().includes(search)
-	);
-}
-
-/** Find a city by slug. */
-export function findCityBySlug(cities: LocalCity[], slug: string): LocalCity | undefined {
-	return cities.find((c) => c.slug === slug);
-}
-
-/** Count locations per city. */
-export function getLocationCountByCity(locations: LocalLocation[]): Map<string, number> {
-	const counts = new Map<string, number>();
-	for (const loc of locations) {
-		counts.set(loc.cityId, (counts.get(loc.cityId) || 0) + 1);
-	}
-	return counts;
-}
-
-/** Stats for a single city. */
-export interface CityStats {
-	locationCount: number;
-	categoryCounts: Record<string, number>;
-	topCategories: { category: string; count: number }[];
-	contributorCount: number;
-	hasCoordinates: number;
-	recentLocations: LocalLocation[];
-}
-
-/** Compute stats for a city's locations. */
-export function getCityStats(locations: LocalLocation[]): CityStats {
-	const categoryCounts: Record<string, number> = {};
-	const contributors = new Set<string>();
-	let hasCoordinates = 0;
-
-	for (const loc of locations) {
-		categoryCounts[loc.category] = (categoryCounts[loc.category] || 0) + 1;
-		if ((loc as any).createdBy) contributors.add((loc as any).createdBy);
-		if (loc.latitude && loc.longitude) hasCoordinates++;
-	}
-
-	const topCategories = Object.entries(categoryCounts)
-		.map(([category, count]) => ({ category, count }))
-		.sort((a, b) => b.count - a.count)
-		.slice(0, 5);
-
-	const recentLocations = [...locations]
-		.sort((a, b) => {
-			const aTime = (a as any).createdAt ? new Date((a as any).createdAt).getTime() : 0;
-			const bTime = (b as any).createdAt ? new Date((b as any).createdAt).getTime() : 0;
-			return bTime - aTime;
-		})
-		.slice(0, 3);
-
-	return {
-		locationCount: locations.length,
-		categoryCounts,
-		topCategories,
-		contributorCount: contributors.size,
-		hasCoordinates,
-		recentLocations,
-	};
-}
-
-/** Stats summary for the city discovery page. */
-export interface PlatformStats {
-	totalCities: number;
-	totalLocations: number;
-	totalContributors: number;
-}
-
-/** Compute platform-wide stats. */
-export function getPlatformStats(cities: LocalCity[], locations: LocalLocation[]): PlatformStats {
-	const contributors = new Set<string>();
-	for (const loc of locations) {
-		if ((loc as any).createdBy) contributors.add((loc as any).createdBy);
-	}
-	for (const city of cities) {
-		if (city.createdBy) contributors.add(city.createdBy);
-	}
-	return {
-		totalCities: cities.length,
-		totalLocations: locations.length,
-		totalContributors: contributors.size,
-	};
-}
diff --git a/apps/citycorners/apps/web-archived/src/lib/i18n/index.ts b/apps/citycorners/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 55bb11021..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-const defaultLocale = 'de';
-
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		const stored = localStorage.getItem('citycorners_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('citycorners_locale', newLocale);
-	}
-}
-
-export { waitLocale };
diff --git a/apps/citycorners/apps/web-archived/src/lib/i18n/locales/de.json b/apps/citycorners/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 68d1db538..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,255 +0,0 @@
-{
-	"app": {
-		"name": "CityCorners",
-		"tagline": "Entdecke Städte weltweit"
-	},
-	"nav": {
-		"explore": "Entdecken",
-		"map": "Karte",
-		"add": "Hinzufügen",
-		"favorites": "Favoriten",
-		"settings": "Einstellungen",
-		"showNav": "Navigation einblenden",
-		"hideNav": "Navigation ausblenden",
-		"cities": "Städte"
-	},
-	"cities": {
-		"title": "Städte entdecken",
-		"subtitle": "Von der Community für die Community",
-		"search": "Stadt suchen...",
-		"add": "Stadt hinzufügen",
-		"empty": "Noch keine Städte. Sei der Erste!",
-		"locationsCount": "{count} Orte",
-		"noLocationsYet": "Noch keine Orte",
-		"contributors": "{count} Beitragende",
-		"contributorsOne": "1 Beitragender",
-		"onMap": "{count} auf der Karte",
-		"recentlyAdded": "Zuletzt hinzugefügt",
-		"stats": "Statistiken",
-		"totalCities": "{count} Städte",
-		"totalLocations": "{count} Orte",
-		"totalContributors": "{count} Beitragende",
-		"topCategories": "Top-Kategorien"
-	},
-	"cityAdd": {
-		"title": "Neue Stadt anlegen",
-		"subtitle": "Füge eine Stadt, ein Dorf oder einen Ort hinzu",
-		"name": "Name",
-		"namePlaceholder": "z.B. Konstanz",
-		"country": "Land",
-		"countryPlaceholder": "z.B. Deutschland",
-		"state": "Bundesland / Region (optional)",
-		"statePlaceholder": "z.B. Baden-Württemberg",
-		"description": "Beschreibung (optional)",
-		"descriptionPlaceholder": "Was macht diesen Ort besonders?",
-		"imageUrl": "Bild-URL (optional)",
-		"imageUrlPlaceholder": "https://example.com/bild.jpg",
-		"submit": "Stadt anlegen",
-		"submitting": "Wird angelegt...",
-		"loginRequired": "Melde dich an, um Städte anzulegen.",
-		"error": "Fehler beim Anlegen. Bitte versuche es erneut.",
-		"geocoding": "Koordinaten werden ermittelt...",
-		"coordinatesFound": "Koordinaten gefunden",
-		"slugExists": "Eine Stadt mit diesem Namen existiert bereits."
-	},
-	"home": {
-		"title": "Orte entdecken",
-		"subtitle": "Sehenswürdigkeiten, Restaurants, Museen und mehr",
-		"all": "Alle",
-		"loading": "Laden...",
-		"noResults": "Keine Orte gefunden.",
-		"noResultsCategory": "Keine {category} gefunden.",
-		"addFirst": "Ersten Ort hinzufügen",
-		"loadMore": "Mehr laden"
-	},
-	"categories": {
-		"sight": "Sehenswürdigkeiten",
-		"restaurant": "Restaurants",
-		"shop": "Läden",
-		"museum": "Museen",
-		"cafe": "Cafés",
-		"bar": "Bars",
-		"park": "Parks",
-		"beach": "Strandbäder",
-		"hotel": "Hotels",
-		"event_venue": "Veranstaltungsorte",
-		"viewpoint": "Aussichtspunkte"
-	},
-	"category": {
-		"sight": "Sehenswürdigkeit",
-		"restaurant": "Restaurant",
-		"shop": "Laden",
-		"museum": "Museum",
-		"cafe": "Café",
-		"bar": "Bar",
-		"park": "Park",
-		"beach": "Strandbad",
-		"hotel": "Hotel",
-		"event_venue": "Veranstaltungsort",
-		"viewpoint": "Aussichtspunkt"
-	},
-	"detail": {
-		"history": "Geschichte",
-		"openInMaps": "OSM",
-		"showOnMap": "Auf Karte",
-		"directions": "Route",
-		"share": "Teilen",
-		"linkCopied": "Link kopiert!",
-		"showDetails": "Details",
-		"back": "Zurück zur Übersicht",
-		"notFound": "Ort nicht gefunden.",
-		"edit": "Bearbeiten",
-		"delete": "Löschen",
-		"deleteConfirm": "Bist du sicher, dass du diesen Ort löschen möchtest? Das kann nicht rückgängig gemacht werden.",
-		"confirmDelete": "Endgültig löschen",
-		"deleting": "Wird gelöscht...",
-		"cancel": "Abbrechen",
-		"nearby": "In der Nähe",
-		"website": "Webseite",
-		"phone": "Telefon",
-		"openingHours": "Öffnungszeiten",
-		"closed": "Geschlossen",
-		"openNow": "Jetzt geöffnet",
-		"closedNow": "Geschlossen"
-	},
-	"days": {
-		"mo": "Montag",
-		"tu": "Dienstag",
-		"we": "Mittwoch",
-		"th": "Donnerstag",
-		"fr": "Freitag",
-		"sa": "Samstag",
-		"su": "Sonntag"
-	},
-	"gallery": {
-		"addPhoto": "Foto hinzufügen",
-		"add": "Hinzufügen",
-		"addError": "Foto konnte nicht hinzugefügt werden."
-	},
-	"favorites": {
-		"title": "Favoriten",
-		"subtitle": "Deine gespeicherten Orte",
-		"empty": "Noch keine Favoriten. Tippe auf das Herz bei einer Location, um sie zu speichern.",
-		"loginRequired": "Melde dich an, um Favoriten zu speichern.",
-		"add": "Zu Favoriten hinzufügen",
-		"remove": "Aus Favoriten entfernen",
-		"tabFavorites": "Favoriten",
-		"tabCollections": "Sammlungen"
-	},
-	"collections": {
-		"title": "Sammlungen",
-		"empty": "Noch keine Sammlungen erstellt.",
-		"create": "Sammlung erstellen",
-		"name": "Name",
-		"namePlaceholder": "z.B. Meine Lieblingsrestaurants",
-		"description": "Beschreibung (optional)",
-		"descriptionPlaceholder": "Worum geht es in dieser Sammlung?",
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"locations": "{count} Orte",
-		"noLocations": "Keine Orte in dieser Sammlung.",
-		"delete": "Sammlung löschen",
-		"deleteConfirm": "Bist du sicher, dass du diese Sammlung löschen möchtest?",
-		"back": "Zurück zu Sammlungen"
-	},
-	"map": {
-		"title": "Karte",
-		"subtitle": "Alle Orte auf der Karte",
-		"locateMe": "Mein Standort",
-		"yourLocation": "Du bist hier",
-		"geolocationNotSupported": "Standortbestimmung wird nicht unterstützt.",
-		"geolocationError": "Standort konnte nicht ermittelt werden.",
-		"filterAll": "Alle"
-	},
-	"search": {
-		"placeholder": "Ort suchen...",
-		"noResults": "Keine Ergebnisse",
-		"searching": "Suche..."
-	},
-	"settings": {
-		"title": "Einstellungen",
-		"appearance": "Erscheinungsbild",
-		"mode": "Modus",
-		"light": "Hell",
-		"dark": "Dunkel",
-		"system": "System",
-		"colorScheme": "Farbschema",
-		"account": "Account",
-		"email": "E-Mail",
-		"logout": "Abmelden",
-		"loginPrompt": "Melde dich an, um Favoriten zu speichern und alle Features zu nutzen.",
-		"login": "Anmelden",
-		"register": "Registrieren",
-		"about": "Über CityCorners",
-		"aboutText": "CityCorners ist eine offene Plattform für Stadtführer weltweit. Entdecke Orte, die von der Community geteilt werden — oder lege selbst eine Stadt an."
-	},
-	"auth": {
-		"loginTitle": "Login - CityCorners",
-		"registerTitle": "Registrieren - CityCorners"
-	},
-	"add": {
-		"title": "Ort hinzufügen",
-		"subtitle": "Teile deinen Lieblingsort",
-		"name": "Name",
-		"namePlaceholder": "z.B. Café am See",
-		"category": "Kategorie",
-		"description": "Beschreibung",
-		"descriptionPlaceholder": "Was macht diesen Ort besonders?",
-		"minChars": "Mindestens 10 Zeichen",
-		"address": "Adresse (optional)",
-		"addressPlaceholder": "z.B. Seestraße 1",
-		"searchTitle": "Ort im Web suchen",
-		"searchSubtitle": "Wir suchen automatisch nach Infos und füllen das Formular vor.",
-		"searchPlaceholder": "z.B. Café Zeitlos",
-		"searchButton": "Suchen",
-		"skipSearch": "Überspringen und manuell eintragen",
-		"foundSources": "Quellen gefunden:",
-		"reset": "Zurück",
-		"submit": "Ort einreichen",
-		"submitting": "Wird eingereicht...",
-		"loginRequired": "Melde dich an, um Orte hinzuzufügen.",
-		"error": "Fehler beim Einreichen. Bitte versuche es erneut.",
-		"imageUrl": "Bild-URL (optional)",
-		"imageUrlPlaceholder": "https://example.com/bild.jpg",
-		"imagePreview": "Bildvorschau",
-		"imageLoadError": "Bild konnte nicht geladen werden.",
-		"imageRetry": "Erneut versuchen",
-		"geocoding": "Koordinaten werden ermittelt...",
-		"coordinatesFound": "Koordinaten gefunden",
-		"website": "Webseite (optional)",
-		"websitePlaceholder": "https://example.com",
-		"phone": "Telefon (optional)",
-		"phonePlaceholder": "+49 7531 12345"
-	},
-	"edit": {
-		"title": "Ort bearbeiten",
-		"subtitle": "Ändere die Details dieses Ortes",
-		"save": "Änderungen speichern",
-		"saving": "Wird gespeichert...",
-		"cancel": "Abbrechen",
-		"error": "Fehler beim Speichern. Bitte versuche es erneut.",
-		"loadError": "Ort konnte nicht geladen werden.",
-		"forbidden": "Du kannst nur deine eigenen Orte bearbeiten."
-	},
-	"reviews": {
-		"title": "Bewertungen",
-		"write": "Bewertung schreiben",
-		"yourRating": "Deine Bewertung",
-		"commentPlaceholder": "Was hat dir gefallen? (optional)",
-		"submit": "Absenden",
-		"submitting": "Wird gesendet...",
-		"loginRequired": "Melde dich an, um eine Bewertung zu schreiben.",
-		"alreadyReviewed": "Du hast diesen Ort bereits bewertet.",
-		"deleteConfirm": "Bewertung löschen?",
-		"delete": "Löschen",
-		"noReviews": "Noch keine Bewertungen. Sei der Erste!",
-		"error": "Bewertung konnte nicht gespeichert werden.",
-		"count": "{count} Bewertungen",
-		"countOne": "1 Bewertung"
-	},
-	"offline": {
-		"title": "Keine Verbindung",
-		"message": "Du bist gerade offline. Sobald du wieder eine Internetverbindung hast, kannst du CityCorners weiter nutzen.",
-		"retry": "Erneut versuchen"
-	}
-}
diff --git a/apps/citycorners/apps/web-archived/src/lib/i18n/locales/en.json b/apps/citycorners/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 75b2c0686..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,255 +0,0 @@
-{
-	"app": {
-		"name": "CityCorners",
-		"tagline": "Discover cities worldwide"
-	},
-	"nav": {
-		"explore": "Explore",
-		"map": "Map",
-		"add": "Add",
-		"favorites": "Favorites",
-		"settings": "Settings",
-		"showNav": "Show navigation",
-		"hideNav": "Hide navigation",
-		"cities": "Cities"
-	},
-	"cities": {
-		"title": "Discover cities",
-		"subtitle": "By the community, for the community",
-		"search": "Search cities...",
-		"add": "Add a city",
-		"empty": "No cities yet. Be the first!",
-		"locationsCount": "{count} places",
-		"noLocationsYet": "No places yet",
-		"contributors": "{count} contributors",
-		"contributorsOne": "1 contributor",
-		"onMap": "{count} on the map",
-		"recentlyAdded": "Recently added",
-		"stats": "Statistics",
-		"totalCities": "{count} cities",
-		"totalLocations": "{count} places",
-		"totalContributors": "{count} contributors",
-		"topCategories": "Top categories"
-	},
-	"cityAdd": {
-		"title": "Add a new city",
-		"subtitle": "Add a city, village, or town",
-		"name": "Name",
-		"namePlaceholder": "e.g. Berlin",
-		"country": "Country",
-		"countryPlaceholder": "e.g. Germany",
-		"state": "State / Region (optional)",
-		"statePlaceholder": "e.g. Bavaria",
-		"description": "Description (optional)",
-		"descriptionPlaceholder": "What makes this place special?",
-		"imageUrl": "Image URL (optional)",
-		"imageUrlPlaceholder": "https://example.com/image.jpg",
-		"submit": "Add city",
-		"submitting": "Creating...",
-		"loginRequired": "Sign in to add cities.",
-		"error": "Failed to create. Please try again.",
-		"geocoding": "Finding coordinates...",
-		"coordinatesFound": "Coordinates found",
-		"slugExists": "A city with this name already exists."
-	},
-	"home": {
-		"title": "Discover places",
-		"subtitle": "Sights, restaurants, museums and more",
-		"all": "All",
-		"loading": "Loading...",
-		"noResults": "No places found.",
-		"noResultsCategory": "No {category} found.",
-		"addFirst": "Add the first place",
-		"loadMore": "Load more"
-	},
-	"categories": {
-		"sight": "Sights",
-		"restaurant": "Restaurants",
-		"shop": "Shops",
-		"museum": "Museums",
-		"cafe": "Cafés",
-		"bar": "Bars",
-		"park": "Parks",
-		"beach": "Beaches",
-		"hotel": "Hotels",
-		"event_venue": "Event Venues",
-		"viewpoint": "Viewpoints"
-	},
-	"category": {
-		"sight": "Sight",
-		"restaurant": "Restaurant",
-		"shop": "Shop",
-		"museum": "Museum",
-		"cafe": "Café",
-		"bar": "Bar",
-		"park": "Park",
-		"beach": "Beach",
-		"hotel": "Hotel",
-		"event_venue": "Event Venue",
-		"viewpoint": "Viewpoint"
-	},
-	"detail": {
-		"history": "History",
-		"openInMaps": "OSM",
-		"showOnMap": "On map",
-		"directions": "Directions",
-		"share": "Share",
-		"linkCopied": "Link copied!",
-		"showDetails": "Details",
-		"back": "Back to overview",
-		"notFound": "Place not found.",
-		"edit": "Edit",
-		"delete": "Delete",
-		"deleteConfirm": "Are you sure you want to delete this place? This cannot be undone.",
-		"confirmDelete": "Delete permanently",
-		"deleting": "Deleting...",
-		"cancel": "Cancel",
-		"nearby": "Nearby",
-		"website": "Website",
-		"phone": "Phone",
-		"openingHours": "Opening hours",
-		"closed": "Closed",
-		"openNow": "Open now",
-		"closedNow": "Closed"
-	},
-	"days": {
-		"mo": "Monday",
-		"tu": "Tuesday",
-		"we": "Wednesday",
-		"th": "Thursday",
-		"fr": "Friday",
-		"sa": "Saturday",
-		"su": "Sunday"
-	},
-	"gallery": {
-		"addPhoto": "Add photo",
-		"add": "Add",
-		"addError": "Could not add photo."
-	},
-	"favorites": {
-		"title": "Favorites",
-		"subtitle": "Your saved places",
-		"empty": "No favorites yet. Tap the heart on a location to save it.",
-		"loginRequired": "Sign in to save favorites.",
-		"add": "Add to favorites",
-		"remove": "Remove from favorites",
-		"tabFavorites": "Favorites",
-		"tabCollections": "Collections"
-	},
-	"collections": {
-		"title": "Collections",
-		"empty": "No collections created yet.",
-		"create": "Create collection",
-		"name": "Name",
-		"namePlaceholder": "e.g. My favorite restaurants",
-		"description": "Description (optional)",
-		"descriptionPlaceholder": "What is this collection about?",
-		"save": "Save",
-		"cancel": "Cancel",
-		"locations": "{count} places",
-		"noLocations": "No places in this collection.",
-		"delete": "Delete collection",
-		"deleteConfirm": "Are you sure you want to delete this collection?",
-		"back": "Back to collections"
-	},
-	"map": {
-		"title": "Map",
-		"subtitle": "All places on the map",
-		"locateMe": "My location",
-		"yourLocation": "You are here",
-		"geolocationNotSupported": "Geolocation is not supported.",
-		"geolocationError": "Could not determine location.",
-		"filterAll": "All"
-	},
-	"search": {
-		"placeholder": "Search places...",
-		"noResults": "No results",
-		"searching": "Searching..."
-	},
-	"settings": {
-		"title": "Settings",
-		"appearance": "Appearance",
-		"mode": "Mode",
-		"light": "Light",
-		"dark": "Dark",
-		"system": "System",
-		"colorScheme": "Color scheme",
-		"account": "Account",
-		"email": "Email",
-		"logout": "Sign out",
-		"loginPrompt": "Sign in to save favorites and use all features.",
-		"login": "Sign in",
-		"register": "Sign up",
-		"about": "About CityCorners",
-		"aboutText": "CityCorners is an open platform for city guides worldwide. Discover places shared by the community — or add your own city."
-	},
-	"auth": {
-		"loginTitle": "Login - CityCorners",
-		"registerTitle": "Sign up - CityCorners"
-	},
-	"add": {
-		"title": "Add a place",
-		"subtitle": "Share your favorite spot",
-		"name": "Name",
-		"namePlaceholder": "e.g. Lakeside Cafe",
-		"category": "Category",
-		"description": "Description",
-		"descriptionPlaceholder": "What makes this place special?",
-		"minChars": "At least 10 characters",
-		"address": "Address (optional)",
-		"addressPlaceholder": "e.g. Main Street 1",
-		"searchTitle": "Search for a place online",
-		"searchSubtitle": "We'll automatically find info and pre-fill the form for you.",
-		"searchPlaceholder": "e.g. Cafe Zeitlos",
-		"searchButton": "Search",
-		"skipSearch": "Skip and enter manually",
-		"foundSources": "Sources found:",
-		"reset": "Back",
-		"submit": "Submit place",
-		"submitting": "Submitting...",
-		"loginRequired": "Sign in to add places.",
-		"error": "Failed to submit. Please try again.",
-		"imageUrl": "Image URL (optional)",
-		"imageUrlPlaceholder": "https://example.com/image.jpg",
-		"imagePreview": "Image preview",
-		"imageLoadError": "Image could not be loaded.",
-		"imageRetry": "Retry",
-		"geocoding": "Finding coordinates...",
-		"coordinatesFound": "Coordinates found",
-		"website": "Website (optional)",
-		"websitePlaceholder": "https://example.com",
-		"phone": "Phone (optional)",
-		"phonePlaceholder": "+49 7531 12345"
-	},
-	"edit": {
-		"title": "Edit place",
-		"subtitle": "Update the details of this place",
-		"save": "Save changes",
-		"saving": "Saving...",
-		"cancel": "Cancel",
-		"error": "Failed to save. Please try again.",
-		"loadError": "Could not load place.",
-		"forbidden": "You can only edit your own places."
-	},
-	"reviews": {
-		"title": "Reviews",
-		"write": "Write a review",
-		"yourRating": "Your rating",
-		"commentPlaceholder": "What did you like? (optional)",
-		"submit": "Submit",
-		"submitting": "Submitting...",
-		"loginRequired": "Sign in to write a review.",
-		"alreadyReviewed": "You have already reviewed this place.",
-		"deleteConfirm": "Delete review?",
-		"delete": "Delete",
-		"noReviews": "No reviews yet. Be the first!",
-		"error": "Could not save review.",
-		"count": "{count} reviews",
-		"countOne": "1 review"
-	},
-	"offline": {
-		"title": "No connection",
-		"message": "You are currently offline. You can continue using CityCorners once you have an internet connection again.",
-		"retry": "Try again"
-	}
-}
diff --git a/apps/citycorners/apps/web-archived/src/lib/opening-hours.ts b/apps/citycorners/apps/web-archived/src/lib/opening-hours.ts
deleted file mode 100644
index 15e0cabf1..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/opening-hours.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-const DAY_KEYS = ['su', 'mo', 'tu', 'we', 'th', 'fr', 'sa'] as const;
-
-/**
- * Check if a location is currently open based on its opening hours.
- * Returns null if no opening hours are provided.
- */
-export function isOpenNow(openingHours?: Record<string, string> | null): boolean | null {
-	if (!openingHours || Object.keys(openingHours).length === 0) return null;
-
-	const now = new Date();
-	const dayKey = DAY_KEYS[now.getDay()];
-	const hours = openingHours[dayKey];
-
-	if (!hours || hours === 'closed') return false;
-
-	// Parse "HH:MM - HH:MM" format
-	const match = hours.match(/(\d{1,2}):(\d{2})\s*-\s*(\d{1,2}):(\d{2})/);
-	if (!match) return null;
-
-	const [, openH, openM, closeH, closeM] = match;
-	const currentMinutes = now.getHours() * 60 + now.getMinutes();
-	const openMinutes = parseInt(openH) * 60 + parseInt(openM);
-	const closeMinutes = parseInt(closeH) * 60 + parseInt(closeM);
-
-	// Handle overnight hours (e.g., 22:00 - 03:00)
-	if (closeMinutes < openMinutes) {
-		return currentMinutes >= openMinutes || currentMinutes < closeMinutes;
-	}
-
-	return currentMinutes >= openMinutes && currentMinutes < closeMinutes;
-}
diff --git a/apps/citycorners/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/citycorners/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index cc15c8680..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3025,
-});
diff --git a/apps/citycorners/apps/web-archived/src/lib/stores/favorites.svelte.ts b/apps/citycorners/apps/web-archived/src/lib/stores/favorites.svelte.ts
deleted file mode 100644
index f0aea466f..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/stores/favorites.svelte.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * Favorites Store — Mutation-Only
- *
- * All reads are handled by useLiveQuery (see $lib/data/queries.ts).
- * This store only exposes mutations that write to IndexedDB.
- * The live queries will automatically pick up the changes.
- */
-
-import { favoriteCollection, type LocalFavorite } from '$lib/data/local-store';
-
-let loading = $state(false);
-
-export const favoritesStore = {
-	get loading() {
-		return loading;
-	},
-
-	/**
-	 * Toggle a favorite — writes to / removes from IndexedDB instantly.
-	 */
-	async toggle(locationId: string) {
-		loading = true;
-
-		try {
-			const all = await favoriteCollection.getAll();
-			const existing = all.find((f) => f.locationId === locationId);
-
-			if (existing) {
-				await favoriteCollection.delete(existing.id);
-			} else {
-				const newFav: LocalFavorite = {
-					id: crypto.randomUUID(),
-					locationId,
-				};
-				await favoriteCollection.insert(newFav);
-			}
-		} catch (err) {
-			console.error('Failed to toggle favorite:', err);
-		} finally {
-			loading = false;
-		}
-	},
-
-	clear() {
-		// Nothing to clear — reads come from liveQuery
-	},
-};
diff --git a/apps/citycorners/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/citycorners/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 074782375..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- * Tags are stored in shared IndexedDB ('manacore-tags'), accessible across all apps.
- * Use context ('tags') for reads, tagMutations for writes.
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/citycorners/apps/web-archived/src/lib/stores/theme.svelte.ts b/apps/citycorners/apps/web-archived/src/lib/stores/theme.svelte.ts
deleted file mode 100644
index 13fab440d..000000000
--- a/apps/citycorners/apps/web-archived/src/lib/stores/theme.svelte.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-/**
- * Theme Store - Manages theme state using Svelte 5 runes
- */
-
-import { browser } from '$app/environment';
-import type { ThemeMode, ThemeVariant } from '@manacore/shared-theme';
-
-let mode = $state<ThemeMode>('system');
-let variant = $state<ThemeVariant>('lume');
-let initialized = $state(false);
-
-let isDark = $derived(
-	mode === 'system'
-		? browser
-			? window.matchMedia('(prefers-color-scheme: dark)').matches
-			: true
-		: mode === 'dark'
-);
-
-function applyTheme() {
-	if (!browser) return;
-
-	const root = document.documentElement;
-
-	if (isDark) {
-		root.classList.add('dark');
-	} else {
-		root.classList.remove('dark');
-	}
-
-	root.setAttribute('data-theme', variant);
-}
-
-export const theme = {
-	get mode() {
-		return mode;
-	},
-	get variant() {
-		return variant;
-	},
-	get isDark() {
-		return isDark;
-	},
-	get initialized() {
-		return initialized;
-	},
-
-	initialize() {
-		if (!browser || initialized) return;
-
-		const savedMode = localStorage.getItem('citycorners-theme-mode') as ThemeMode | null;
-		const savedVariant = localStorage.getItem('citycorners-theme-variant') as ThemeVariant | null;
-
-		if (savedMode) mode = savedMode;
-		if (savedVariant) variant = savedVariant;
-
-		applyTheme();
-
-		const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-		mediaQuery.addEventListener('change', () => {
-			if (mode === 'system') {
-				applyTheme();
-			}
-		});
-
-		initialized = true;
-	},
-
-	setMode(newMode: ThemeMode) {
-		mode = newMode;
-		if (browser) {
-			localStorage.setItem('citycorners-theme-mode', newMode);
-			applyTheme();
-		}
-	},
-
-	setVariant(newVariant: ThemeVariant) {
-		variant = newVariant;
-		if (browser) {
-			localStorage.setItem('citycorners-theme-variant', newVariant);
-			applyTheme();
-		}
-	},
-
-	toggleMode() {
-		const newMode = isDark ? 'light' : 'dark';
-		this.setMode(newMode);
-	},
-};
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 4ab43278a..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,423 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { setContext } from 'svelte';
-	import { _, locale } from 'svelte-i18n';
-	import { PillNavigation, QuickInputBar, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { favoritesStore } from '$lib/stores/favorites.svelte';
-	import { AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { citycornersStore } from '$lib/data/local-store';
-	import { THEME_DEFINITIONS, DEFAULT_THEME_VARIANTS } from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { List, X } from '@manacore/shared-icons';
-	import { api } from '$lib/api';
-
-	let appItems = $derived(
-		getPillAppItems('citycorners', undefined, undefined, authStore.user?.tier)
-	);
-
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	let { children } = $props();
-
-	let isDark = $derived(theme.isDark);
-	let showNav = $state(true);
-
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS]);
-
-	let themeVariantItems = $derived<PillDropdownItem[]>(
-		visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant]?.label || variant,
-			icon: THEME_DEFINITIONS[variant]?.icon || '🎨',
-			onClick: () => theme.setVariant(variant),
-			active: (theme.variant || 'lume') === variant,
-		}))
-	);
-
-	let currentThemeVariantLabel = $derived(
-		THEME_DEFINITIONS[theme.variant]?.label || THEME_DEFINITIONS.lume?.label || 'Lume'
-	);
-
-	// Language
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as 'de' | 'en');
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	let userEmail = $derived(authStore.user?.email || $_('nav.settings'));
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	// Detect if we're inside a city context
-	let currentCitySlug = $derived.by(() => {
-		const path = $page.url.pathname;
-		const match = path.match(/^\/cities\/([^/]+)/);
-		return match ? match[1] : null;
-	});
-
-	let navItems = $derived.by<PillNavItem[]>(() => {
-		const slug = currentCitySlug;
-		if (slug) {
-			return [
-				{ href: `/cities/${slug}`, label: $_('nav.explore'), icon: 'compass' },
-				{ href: `/cities/${slug}/map`, label: $_('nav.map'), icon: 'mappin' },
-				{ href: `/cities/${slug}/add`, label: $_('nav.add'), icon: 'plus' },
-				{ href: '/favorites', label: $_('nav.favorites'), icon: 'heart' },
-				{ href: '/settings', label: $_('nav.settings'), icon: 'settings' },
-			];
-		}
-		return [
-			{ href: '/', label: $_('nav.cities'), icon: 'compass' },
-			{ href: '/favorites', label: $_('nav.favorites'), icon: 'heart' },
-			{ href: '/settings', label: $_('nav.settings'), icon: 'settings' },
-			{
-				href: '/',
-				label: 'Tags',
-				icon: 'tag',
-				onClick: handleTagStripToggle,
-				active: isTagStripVisible,
-			},
-		];
-	});
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		favoritesStore.clear();
-		goto('/login');
-	}
-
-	let inputBarBottomOffset = $derived(showNav ? '70px' : '16px');
-
-	interface SearchItem extends QuickInputItem {
-		href?: string;
-		isHistory?: boolean;
-	}
-
-	const SEARCH_HISTORY_KEY = 'citycorners-search-history';
-	const MAX_HISTORY = 8;
-
-	function getSearchHistory(): { query: string; name: string; category: string; id: string }[] {
-		try {
-			return JSON.parse(localStorage.getItem(SEARCH_HISTORY_KEY) || '[]');
-		} catch {
-			return [];
-		}
-	}
-
-	function saveToHistory(loc: { id: string; name: string; category: string }) {
-		const history = getSearchHistory().filter((h) => h.id !== loc.id);
-		history.unshift({ query: loc.name, name: loc.name, category: loc.category, id: loc.id });
-		localStorage.setItem(SEARCH_HISTORY_KEY, JSON.stringify(history.slice(0, MAX_HISTORY)));
-	}
-
-	function getLocationHref(locId: string): string {
-		const slug = currentCitySlug;
-		return slug ? `/cities/${slug}/locations/${locId}` : `/locations/${locId}`;
-	}
-
-	async function handleSearch(query: string): Promise<SearchItem[]> {
-		if (!query.trim()) {
-			const history = getSearchHistory();
-			if (history.length === 0) return [];
-			return history.map((h) => ({
-				id: h.id,
-				title: h.name,
-				subtitle: $_(`category.${h.category}`),
-				icon: 'clock' as const,
-				href: getLocationHref(h.id),
-				isHistory: true,
-			}));
-		}
-
-		try {
-			const res = await fetch(api(`/locations/suggestions?q=${encodeURIComponent(query)}`));
-			if (!res.ok) return [];
-			const data = await res.json();
-			if (data.suggestions?.length > 0) {
-				return data.suggestions.map((s: any) => ({
-					id: s.id,
-					title: s.name,
-					subtitle: $_(`category.${s.category}`),
-					icon: 'mappin' as const,
-					href: getLocationHref(s.id),
-				}));
-			}
-
-			const fullRes = await fetch(api(`/locations/search?q=${encodeURIComponent(query)}`));
-			if (!fullRes.ok) return [];
-			const fullData = await fullRes.json();
-			return fullData.locations.slice(0, 8).map((loc: any) => ({
-				id: loc.id,
-				title: loc.name,
-				subtitle: $_(`category.${loc.category}`),
-				icon: 'mappin' as const,
-				href: getLocationHref(loc.id),
-			}));
-		} catch {
-			return [];
-		}
-	}
-
-	function handleSelect(item: SearchItem) {
-		if (item.href) {
-			// Save to search history
-			saveToHistory({
-				id: item.id as string,
-				name: item.title,
-				category: item.subtitle || '',
-			});
-			goto(item.href);
-		}
-	}
-
-	function handleNavToggle() {
-		showNav = !showNav;
-	}
-
-	let showGuestWelcome = $state(false);
-
-	const spotlightActions: SpotlightAction[] = [
-		{ id: 'explore', label: 'Entdecken', category: 'Navigation', onExecute: () => goto('/') },
-		{
-			id: 'favorites',
-			label: 'Favoriten',
-			category: 'Navigation',
-			onExecute: () => goto('/favorites'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		await Promise.all([citycornersStore.initialize(), tagLocalStore.initialize()]);
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			citycornersStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('citycorners')) {
-			showGuestWelcome = true;
-		}
-		const savedNav = localStorage.getItem('citycorners-nav-visible');
-		if (savedNav !== null) showNav = savedNav !== 'false';
-	}
-</script>
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('citycorners')?.requiredTier}
-	appName={getManaApp('citycorners')?.name}
->
-	<div class="layout-container">
-		{#if showNav}
-			<PillNavigation
-				items={navItems}
-				currentPath={$page.url.pathname}
-				appName="CityCorners"
-				homeRoute="/"
-				onToggleTheme={handleToggleTheme}
-				{isDark}
-				showThemeToggle={true}
-				showThemeVariants={true}
-				{themeVariantItems}
-				{currentThemeVariantLabel}
-				themeMode={theme.mode}
-				onThemeModeChange={handleThemeModeChange}
-				showLanguageSwitcher={true}
-				{languageItems}
-				{currentLanguageLabel}
-				showLogout={authStore.isAuthenticated}
-				onLogout={handleLogout}
-				loginHref="/login"
-				primaryColor="#2563eb"
-				showAppSwitcher={true}
-				{appItems}
-				{userEmail}
-				settingsHref="/settings"
-				themesHref="/themes"
-				helpHref="/help"
-				profileHref="/profile"
-				{spotlightActions}
-			/>
-		{/if}
-
-		<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-		{#if isTagStripVisible}
-			<TagStrip
-				tags={allTags.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#3b82f6',
-				}))}
-				selectedIds={[]}
-				onToggle={() => {}}
-				onClear={() => {}}
-				managementHref="/tags"
-			/>
-		{/if}
-
-		<!-- Quick Search Bar -->
-		<QuickInputBar
-			onSearch={handleSearch}
-			onSelect={handleSelect}
-			placeholder={$_('search.placeholder')}
-			emptyText={$_('search.noResults')}
-			searchingText={$_('search.searching')}
-			locale={$locale || 'de'}
-			appIcon="mappin"
-			bottomOffset={inputBarBottomOffset}
-			hasFabRight={true}
-		/>
-
-		<button
-			class="pillnav-fab"
-			onclick={handleNavToggle}
-			title={showNav ? $_('nav.hideNav') : $_('nav.showNav')}
-		>
-			{#if !showNav}
-				<List size={24} class="fab-icon" />
-			{:else}
-				<X size={24} class="fab-icon" />
-			{/if}
-		</button>
-
-		<main class="main-content bg-background">
-			<div class="content-wrapper">
-				{@render children()}
-			</div>
-		</main>
-	</div>
-
-	<GuestWelcomeModal
-		appId="citycorners"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-		position: relative;
-	}
-
-	.main-content {
-		flex: 1;
-		transition: all 300ms ease;
-		padding-bottom: calc(150px + env(safe-area-inset-bottom));
-	}
-
-	.content-wrapper {
-		max-width: 1200px;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding: 2rem;
-		}
-	}
-
-	@media (max-width: 768px) {
-		.main-content {
-			padding-bottom: calc(160px + env(safe-area-inset-bottom));
-		}
-	}
-
-	.pillnav-fab {
-		position: fixed;
-		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
-		right: 1rem;
-		width: 54px;
-		height: 54px;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.9);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 50;
-		transition: all 0.2s ease;
-	}
-
-	.pillnav-fab:hover {
-		transform: scale(1.05);
-		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
-	}
-
-	.pillnav-fab:active {
-		transform: scale(0.95);
-	}
-
-	:global(.dark) .pillnav-fab {
-		background: rgba(30, 30, 30, 0.9);
-		border-color: rgba(255, 255, 255, 0.1);
-	}
-
-	.fab-icon {
-		width: 24px;
-		height: 24px;
-		color: var(--color-foreground);
-	}
-</style>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 813269c0a..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,167 +0,0 @@
-<script lang="ts">
-	import { Plus, MapPin, User } from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import {
-		useAllCities,
-		useAllLocations,
-		searchCities,
-		getLocationCountByCity,
-		getPlatformStats,
-		filterByCity,
-		getCityStats,
-	} from '$lib/data/queries';
-
-	const allCities = useAllCities();
-	const allLocations = useAllLocations();
-
-	let searchQuery = $state('');
-
-	let locationCounts = $derived(getLocationCountByCity(allLocations.value));
-	let platformStats = $derived(getPlatformStats(allCities.value, allLocations.value));
-
-	let filtered = $derived(searchCities(allCities.value, searchQuery));
-</script>
-
-<svelte:head>
-	<title>{$_('app.name')} - {$_('app.tagline')}</title>
-</svelte:head>
-
-<header class="mb-6 flex items-start justify-between">
-	<div>
-		<h1 class="text-2xl font-bold text-foreground">{$_('cities.title')}</h1>
-		<p class="text-foreground-secondary">{$_('cities.subtitle')}</p>
-	</div>
-	{#if authStore.isAuthenticated}
-		<a
-			href="/add-city"
-			class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary text-white shadow-md transition-all hover:bg-primary/90 hover:shadow-lg"
-			title={$_('cities.add')}
-		>
-			<Plus size={20} weight="bold" />
-		</a>
-	{/if}
-</header>
-
-<!-- Platform stats -->
-{#if platformStats.totalCities > 0}
-	<div class="mb-6 flex flex-wrap gap-4 rounded-xl border border-border bg-background-card p-4">
-		<div class="flex items-center gap-2">
-			<span class="text-lg">🏙️</span>
-			<div>
-				<p class="text-lg font-semibold text-foreground">{platformStats.totalCities}</p>
-				<p class="text-xs text-foreground-secondary">{$_('nav.cities')}</p>
-			</div>
-		</div>
-		<div class="flex items-center gap-2">
-			<span class="text-lg">📍</span>
-			<div>
-				<p class="text-lg font-semibold text-foreground">{platformStats.totalLocations}</p>
-				<p class="text-xs text-foreground-secondary">{$_('home.title')}</p>
-			</div>
-		</div>
-		{#if platformStats.totalContributors > 0}
-			<div class="flex items-center gap-2">
-				<span class="text-lg">👥</span>
-				<div>
-					<p class="text-lg font-semibold text-foreground">{platformStats.totalContributors}</p>
-					<p class="text-xs text-foreground-secondary">
-						{$_('cities.totalContributors', {
-							values: { count: platformStats.totalContributors },
-						})}
-					</p>
-				</div>
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<!-- Search -->
-<div class="mb-6">
-	<input
-		type="text"
-		bind:value={searchQuery}
-		placeholder={$_('cities.search')}
-		class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-	/>
-</div>
-
-{#if filtered.length === 0}
-	<div class="py-12 text-center">
-		<span class="mb-2 block text-4xl">🏙️</span>
-		<p class="text-foreground-secondary">{$_('cities.empty')}</p>
-		{#if authStore.isAuthenticated}
-			<a href="/add-city" class="mt-3 inline-block text-sm text-primary hover:underline">
-				{$_('cities.add')}
-			</a>
-		{/if}
-	</div>
-{:else}
-	<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-		{#each filtered as city}
-			{@const count = locationCounts.get(city.id) || 0}
-			{@const cityStats = getCityStats(filterByCity(allLocations.value, city.id))}
-			<a
-				href="/cities/{city.slug}"
-				class="group relative overflow-hidden rounded-xl border border-border bg-background-card transition-shadow hover:shadow-lg"
-			>
-				{#if city.imageUrl}
-					<img
-						src={city.imageUrl}
-						alt={city.name}
-						loading="lazy"
-						class="h-40 w-full object-cover"
-					/>
-				{:else}
-					<div
-						class="flex h-40 items-center justify-center bg-gradient-to-br from-primary/10 to-primary/5"
-					>
-						<span class="text-5xl">🏙️</span>
-					</div>
-				{/if}
-
-				<div class="p-4">
-					<h2 class="text-lg font-semibold text-foreground group-hover:text-primary">
-						{city.name}
-					</h2>
-					<p class="text-sm text-foreground-secondary">
-						{#if city.state}
-							{city.state}, {city.country}
-						{:else}
-							{city.country}
-						{/if}
-					</p>
-					{#if city.description}
-						<p class="mt-1 line-clamp-2 text-sm text-foreground-secondary/80">
-							{city.description}
-						</p>
-					{/if}
-					<div class="mt-2 flex flex-wrap items-center gap-2">
-						<span
-							class="inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary"
-						>
-							<MapPin size={12} />
-							{count}
-						</span>
-						{#if cityStats.contributorCount > 0}
-							<span
-								class="inline-flex items-center gap-1 rounded-full bg-amber-500/10 px-2 py-0.5 text-xs text-amber-600 dark:text-amber-400"
-							>
-								<User size={12} />
-								{cityStats.contributorCount}
-							</span>
-						{/if}
-						{#each cityStats.topCategories.slice(0, 2) as { category }}
-							<span
-								class="rounded-full bg-background-card-hover px-2 py-0.5 text-xs text-foreground-secondary"
-							>
-								{$_(`categories.${category}`)}
-							</span>
-						{/each}
-					</div>
-				</div>
-			</a>
-		{/each}
-	</div>
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/add-city/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/add-city/+page.svelte
deleted file mode 100644
index 01b3f5797..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/add-city/+page.svelte
+++ /dev/null
@@ -1,254 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { cityCollection, type LocalCity } from '$lib/data/local-store';
-	import { useAllCities } from '$lib/data/queries';
-
-	const allCities = useAllCities();
-
-	let name = $state('');
-	let country = $state('');
-	let stateRegion = $state('');
-	let description = $state('');
-	let imageUrl = $state('');
-	let latitude = $state<number | undefined>(undefined);
-	let longitude = $state<number | undefined>(undefined);
-	let submitting = $state(false);
-	let error = $state('');
-	let geocoding = $state(false);
-	let imageError = $state(false);
-
-	let slug = $derived(
-		name
-			.trim()
-			.toLowerCase()
-			.replace(/[äÄ]/g, 'ae')
-			.replace(/[öÖ]/g, 'oe')
-			.replace(/[üÜ]/g, 'ue')
-			.replace(/ß/g, 'ss')
-			.replace(/[^a-z0-9]+/g, '-')
-			.replace(/^-|-$/g, '')
-	);
-
-	let slugExists = $derived(allCities.value.some((c) => c.slug === slug));
-
-	let isValid = $derived(name.trim().length > 0 && country.trim().length > 0 && !slugExists);
-
-	async function geocodeCityName() {
-		const q = name.trim();
-		if (!q) return;
-
-		geocoding = true;
-		try {
-			const searchQ = country.trim() ? `${q}, ${country.trim()}` : q;
-			const res = await fetch(
-				`https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(searchQ)}&limit=1`,
-				{ headers: { 'User-Agent': 'CityCorners/1.0' } }
-			);
-			const results = await res.json();
-			if (results.length > 0) {
-				latitude = parseFloat(results[0].lat);
-				longitude = parseFloat(results[0].lon);
-			}
-		} catch {
-			// best-effort
-		} finally {
-			geocoding = false;
-		}
-	}
-
-	let geocodeTimeout: ReturnType<typeof setTimeout> | undefined;
-	function handleNameInput() {
-		clearTimeout(geocodeTimeout);
-		geocodeTimeout = setTimeout(() => {
-			if (name.trim().length > 2) {
-				geocodeCityName();
-			}
-		}, 1000);
-	}
-
-	async function handleSubmit() {
-		if (!isValid || submitting) return;
-
-		submitting = true;
-		error = '';
-
-		try {
-			// Geocode if we don't have coordinates yet
-			if (latitude === undefined || longitude === undefined) {
-				await geocodeCityName();
-			}
-
-			if (latitude === undefined || longitude === undefined) {
-				// Default to 0,0 — user can update later
-				latitude = 0;
-				longitude = 0;
-			}
-
-			const cityData: Omit<LocalCity, 'createdAt' | 'updatedAt' | 'deletedAt'> = {
-				id: `city-${slug}-${Date.now()}`,
-				name: name.trim(),
-				slug,
-				country: country.trim(),
-				state: stateRegion.trim() || null,
-				description: description.trim() || null,
-				latitude,
-				longitude,
-				imageUrl: imageUrl.trim() && !imageError ? imageUrl.trim() : null,
-				createdBy: authStore.user?.id || null,
-			};
-
-			await cityCollection.insert(cityData);
-			goto(`/cities/${slug}`);
-		} catch {
-			error = $_('cityAdd.error');
-		} finally {
-			submitting = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('cityAdd.title')} - CityCorners</title>
-</svelte:head>
-
-<header class="mb-6">
-	<div class="flex items-center gap-2 mb-1">
-		<a href="/" class="text-foreground-secondary hover:text-primary transition-colors">
-			<CaretLeft size={16} />
-		</a>
-		<h1 class="text-2xl font-bold text-foreground">{$_('cityAdd.title')}</h1>
-	</div>
-	<p class="text-foreground-secondary">{$_('cityAdd.subtitle')}</p>
-</header>
-
-{#if !authStore.isAuthenticated}
-	<div class="rounded-xl border border-border bg-background-card p-8 text-center">
-		<span class="mb-2 block text-4xl">🏙️</span>
-		<p class="mb-4 text-foreground-secondary">{$_('cityAdd.loginRequired')}</p>
-		<a
-			href="/login?redirectTo=/add-city"
-			class="inline-block rounded-lg bg-primary px-6 py-2 text-sm font-medium text-white transition-colors hover:bg-primary/90"
-		>
-			{$_('settings.login')}
-		</a>
-	</div>
-{:else}
-	<form
-		onsubmit={(e) => {
-			e.preventDefault();
-			handleSubmit();
-		}}
-		class="space-y-5"
-	>
-		{#if error}
-			<div class="rounded-lg bg-red-500/10 p-3 text-sm text-red-500">{error}</div>
-		{/if}
-
-		<div>
-			<label for="name" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('cityAdd.name')}</label
-			>
-			<input
-				id="name"
-				type="text"
-				bind:value={name}
-				oninput={handleNameInput}
-				placeholder={$_('cityAdd.namePlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-			{#if slug && slugExists}
-				<p class="mt-1 text-xs text-red-500">{$_('cityAdd.slugExists')}</p>
-			{:else if slug}
-				<p class="mt-1 text-xs text-foreground-secondary/60">/{slug}</p>
-			{/if}
-		</div>
-
-		<div>
-			<label for="country" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('cityAdd.country')}</label
-			>
-			<input
-				id="country"
-				type="text"
-				bind:value={country}
-				placeholder={$_('cityAdd.countryPlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div>
-			<label for="state" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('cityAdd.state')}</label
-			>
-			<input
-				id="state"
-				type="text"
-				bind:value={stateRegion}
-				placeholder={$_('cityAdd.statePlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div>
-			<label for="description" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('cityAdd.description')}</label
-			>
-			<textarea
-				id="description"
-				bind:value={description}
-				placeholder={$_('cityAdd.descriptionPlaceholder')}
-				rows="3"
-				class="w-full resize-none rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			></textarea>
-		</div>
-
-		<div>
-			<label for="imageUrl" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('cityAdd.imageUrl')}</label
-			>
-			<input
-				id="imageUrl"
-				type="url"
-				bind:value={imageUrl}
-				oninput={() => (imageError = false)}
-				placeholder={$_('cityAdd.imageUrlPlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-			{#if imageUrl.trim() && !imageError}
-				<div class="mt-2 overflow-hidden rounded-lg border border-border">
-					<img
-						src={imageUrl}
-						alt="Preview"
-						class="h-40 w-full object-cover"
-						onerror={() => (imageError = true)}
-					/>
-				</div>
-			{/if}
-		</div>
-
-		{#if geocoding}
-			<p class="text-xs text-foreground-secondary/60">{$_('cityAdd.geocoding')}</p>
-		{:else if latitude !== undefined && longitude !== undefined}
-			<p class="text-xs text-green-600 dark:text-green-400">{$_('cityAdd.coordinatesFound')}</p>
-		{/if}
-
-		<div class="flex gap-3">
-			<a
-				href="/"
-				class="rounded-lg border border-border bg-background px-4 py-3 text-sm font-medium text-foreground-secondary transition-colors hover:bg-background-card-hover"
-			>
-				{$_('edit.cancel')}
-			</a>
-			<button
-				type="submit"
-				disabled={!isValid || submitting}
-				class="flex-1 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50"
-			>
-				{submitting ? $_('cityAdd.submitting') : $_('cityAdd.submit')}
-			</button>
-		</div>
-	</form>
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/add/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/add/+page.svelte
deleted file mode 100644
index 6da139b09..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/add/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	// Old route — redirect to city discovery
-	onMount(() => {
-		goto('/', { replaceState: true });
-	});
-</script>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/+layout.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/+layout.svelte
deleted file mode 100644
index 2b09b0404..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/+layout.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { setContext } from 'svelte';
-	import { useAllCities, findCityBySlug } from '$lib/data/queries';
-	import type { LocalCity } from '$lib/data/local-store';
-
-	let { children } = $props();
-
-	const allCities = useAllCities();
-
-	let currentCity = $derived(findCityBySlug(allCities.value, $page.params.slug ?? ''));
-
-	setContext('currentCity', {
-		get value() {
-			return currentCity;
-		},
-	});
-</script>
-
-{#if currentCity}
-	{@render children()}
-{:else if allCities.value.length > 0}
-	<div class="py-12 text-center">
-		<span class="mb-2 block text-4xl">🔍</span>
-		<p class="text-foreground-secondary">Stadt nicht gefunden.</p>
-		<a href="/" class="mt-3 inline-block text-sm text-primary hover:underline">
-			Zurück zu allen Städten
-		</a>
-	</div>
-{:else}
-	<!-- Still loading -->
-	<div class="flex items-center justify-center py-12">
-		<div
-			class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-		></div>
-	</div>
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/+page.svelte
deleted file mode 100644
index 154b38cea..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/+page.svelte
+++ /dev/null
@@ -1,260 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { CaretLeft, Plus, MapPin, MapTrifold, UsersThree, Heart } from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import { page } from '$app/stores';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { favoritesStore } from '$lib/stores/favorites.svelte';
-	import {
-		useAllLocations,
-		useAllFavorites,
-		getFavoriteIds,
-		filterByCity,
-		filterByCategory,
-		getCityStats,
-	} from '$lib/data/queries';
-	import { isOpenNow } from '$lib/opening-hours';
-	import type { LocalCity } from '$lib/data/local-store';
-
-	const cityCtx = getContext<{ value: LocalCity | undefined }>('currentCity');
-	let city = $derived(cityCtx.value);
-
-	const allLocations = useAllLocations();
-	const allFavorites = useAllFavorites();
-	let favoriteIds = $derived(getFavoriteIds(allFavorites.value));
-
-	let selectedCategory = $state<string | null>(null);
-
-	const categoryKeys = [
-		'sight',
-		'restaurant',
-		'shop',
-		'museum',
-		'cafe',
-		'bar',
-		'park',
-		'beach',
-		'hotel',
-		'event_venue',
-		'viewpoint',
-	];
-
-	// Filter locations by city
-	let cityLocations = $derived(city ? filterByCity(allLocations.value, city.id) : []);
-
-	let categoryCounts = $derived(
-		categoryKeys.reduce(
-			(acc, cat) => {
-				acc[cat] = cityLocations.filter((l) => l.category === cat).length;
-				return acc;
-			},
-			{} as Record<string, number>
-		)
-	);
-
-	let filtered = $derived(filterByCategory(cityLocations, selectedCategory));
-	let stats = $derived(getCityStats(cityLocations));
-
-	let citySlug = $derived($page.params.slug);
-
-	function handleFavoriteToggle(e: MouseEvent, locationId: string) {
-		e.preventDefault();
-		e.stopPropagation();
-		favoritesStore.toggle(locationId);
-	}
-</script>
-
-<svelte:head>
-	<title>{city?.name || ''} - CityCorners</title>
-</svelte:head>
-
-<header class="mb-6 flex items-start justify-between">
-	<div>
-		<div class="mb-1 flex items-center gap-2">
-			<a href="/" class="text-foreground-secondary hover:text-primary transition-colors">
-				<CaretLeft size={16} />
-			</a>
-			<h1 class="text-2xl font-bold text-foreground">{city?.name}</h1>
-		</div>
-		<p class="text-foreground-secondary">
-			{#if city?.state}
-				{city.state}, {city.country}
-			{:else}
-				{city?.country}
-			{/if}
-		</p>
-		{#if city?.description}
-			<p class="mt-1 text-sm text-foreground-secondary/80">{city.description}</p>
-		{/if}
-	</div>
-	<a
-		href="/cities/{citySlug}/add"
-		class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary text-white shadow-md transition-all hover:bg-primary/90 hover:shadow-lg"
-		title={$_('add.title')}
-	>
-		<Plus size={20} weight="bold" />
-	</a>
-</header>
-
-<!-- City stats -->
-{#if stats.locationCount > 0}
-	<div class="mb-6 rounded-xl border border-border bg-background-card p-4">
-		<div class="flex flex-wrap gap-6">
-			<!-- Location count -->
-			<div class="flex items-center gap-2">
-				<div class="flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary">
-					<MapPin size={20} />
-				</div>
-				<div>
-					<p class="text-lg font-semibold text-foreground">{stats.locationCount}</p>
-					<p class="text-xs text-foreground-secondary">
-						{$_('cities.locationsCount', { values: { count: stats.locationCount } })}
-					</p>
-				</div>
-			</div>
-
-			<!-- On map -->
-			{#if stats.hasCoordinates > 0}
-				<div class="flex items-center gap-2">
-					<div
-						class="flex h-9 w-9 items-center justify-center rounded-lg bg-green-500/10 text-green-600 dark:text-green-400"
-					>
-						<MapTrifold size={20} />
-					</div>
-					<div>
-						<p class="text-lg font-semibold text-foreground">{stats.hasCoordinates}</p>
-						<p class="text-xs text-foreground-secondary">
-							{$_('cities.onMap', { values: { count: stats.hasCoordinates } })}
-						</p>
-					</div>
-				</div>
-			{/if}
-
-			<!-- Contributors -->
-			{#if stats.contributorCount > 0}
-				<div class="flex items-center gap-2">
-					<div
-						class="flex h-9 w-9 items-center justify-center rounded-lg bg-amber-500/10 text-amber-600 dark:text-amber-400"
-					>
-						<UsersThree size={20} />
-					</div>
-					<div>
-						<p class="text-lg font-semibold text-foreground">{stats.contributorCount}</p>
-						<p class="text-xs text-foreground-secondary">
-							{$_('cities.contributors', { values: { count: stats.contributorCount } })}
-						</p>
-					</div>
-				</div>
-			{/if}
-		</div>
-
-		<!-- Top categories breakdown -->
-		{#if stats.topCategories.length > 1}
-			<div class="mt-3 flex flex-wrap gap-1.5 border-t border-border pt-3">
-				{#each stats.topCategories as { category, count }}
-					<span
-						class="inline-flex items-center gap-1 rounded-full bg-background px-2.5 py-1 text-xs text-foreground-secondary"
-					>
-						{$_(`categories.${category}`)}
-						<span class="font-medium text-foreground">{count}</span>
-					</span>
-				{/each}
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<!-- Category filter pills -->
-<div class="mb-6 flex flex-wrap gap-2">
-	<button
-		class="rounded-full px-4 py-2 text-sm transition-colors {selectedCategory === null
-			? 'bg-primary text-white'
-			: 'bg-background-card text-foreground-secondary hover:bg-background-card-hover'}"
-		onclick={() => (selectedCategory = null)}
-	>
-		{$_('home.all')} ({cityLocations.length})
-	</button>
-	{#each categoryKeys as cat}
-		{@const count = categoryCounts[cat] || 0}
-		{#if count > 0}
-			<button
-				class="rounded-full px-4 py-2 text-sm transition-colors {selectedCategory === cat
-					? 'bg-primary text-white'
-					: 'bg-background-card text-foreground-secondary hover:bg-background-card-hover'}"
-				onclick={() => (selectedCategory = cat)}
-			>
-				{$_(`categories.${cat}`)} ({count})
-			</button>
-		{/if}
-	{/each}
-</div>
-
-{#if filtered.length === 0}
-	<div class="py-12 text-center">
-		<span class="mb-2 block text-4xl">📍</span>
-		<p class="text-foreground-secondary">
-			{#if selectedCategory}
-				{$_('home.noResultsCategory', {
-					values: { category: $_(`categories.${selectedCategory}`) },
-				})}
-			{:else}
-				{$_('home.noResults')}
-			{/if}
-		</p>
-		<a href="/cities/{citySlug}/add" class="mt-3 inline-block text-sm text-primary hover:underline">
-			{$_('home.addFirst')}
-		</a>
-	</div>
-{:else}
-	<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
-		{#each filtered as location}
-			<a
-				href="/cities/{citySlug}/locations/{location.id}"
-				class="group relative overflow-hidden rounded-xl border border-border bg-background-card transition-shadow hover:shadow-lg"
-			>
-				{#if location.imageUrl}
-					<img
-						src={location.imageUrl}
-						alt={location.name}
-						loading="lazy"
-						class="h-48 w-full object-cover"
-					/>
-				{:else}
-					<div class="flex h-48 items-center justify-center bg-background-card-hover">
-						<span class="text-4xl">📍</span>
-					</div>
-				{/if}
-
-				{#if authStore.isAuthenticated}
-					<button
-						class="absolute right-3 top-3 flex h-9 w-9 items-center justify-center rounded-full bg-black/30 backdrop-blur-sm transition-all hover:bg-black/50"
-						onclick={(e) => handleFavoriteToggle(e, location.id)}
-						title={favoriteIds.has(location.id) ? $_('favorites.remove') : $_('favorites.add')}
-					>
-						{#if favoriteIds.has(location.id)}
-							<Heart size={20} weight="fill" class="text-red-500" />
-						{:else}
-							<Heart size={20} class="text-white" />
-						{/if}
-					</button>
-				{/if}
-
-				<div class="p-4">
-					<div class="mb-1 flex flex-wrap items-center gap-1.5">
-						<span class="inline-block rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary">
-							{$_(`categories.${location.category}`)}
-						</span>
-					</div>
-					<h2 class="text-lg font-semibold text-foreground group-hover:text-primary">
-						{location.name}
-					</h2>
-					{#if location.description}
-						<p class="mt-1 line-clamp-2 text-sm text-foreground-secondary">
-							{location.description}
-						</p>
-					{/if}
-				</div>
-			</a>
-		{/each}
-	</div>
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/add/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/add/+page.svelte
deleted file mode 100644
index d6afed1d0..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/add/+page.svelte
+++ /dev/null
@@ -1,427 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { getContext } from 'svelte';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import { page } from '$app/stores';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { locationCollection, type LocalCity, type LocalLocation } from '$lib/data/local-store';
-
-	const cityCtx = getContext<{ value: LocalCity | undefined }>('currentCity');
-	let city = $derived(cityCtx.value);
-	let citySlug = $derived($page.params.slug);
-
-	// Lookup state (skip lookup — no backend)
-	let lookupDone = $state(true);
-
-	// Form state
-	let name = $state('');
-	let category = $state<string>('sight');
-	let description = $state('');
-	let address = $state('');
-	let imageUrl = $state('');
-	let latitude = $state<number | undefined>(undefined);
-	let longitude = $state<number | undefined>(undefined);
-	let website = $state('');
-	let phone = $state('');
-	let submitting = $state(false);
-	let error = $state('');
-	let geocoding = $state(false);
-	let imageError = $state(false);
-	let searchQuery = $state('');
-	let searching = $state(false);
-
-	const categories = [
-		{ value: 'sight', labelKey: 'category.sight' },
-		{ value: 'restaurant', labelKey: 'category.restaurant' },
-		{ value: 'shop', labelKey: 'category.shop' },
-		{ value: 'museum', labelKey: 'category.museum' },
-		{ value: 'cafe', labelKey: 'category.cafe' },
-		{ value: 'bar', labelKey: 'category.bar' },
-		{ value: 'park', labelKey: 'category.park' },
-		{ value: 'beach', labelKey: 'category.beach' },
-		{ value: 'hotel', labelKey: 'category.hotel' },
-		{ value: 'event_venue', labelKey: 'category.event_venue' },
-		{ value: 'viewpoint', labelKey: 'category.viewpoint' },
-	];
-
-	let isValid = $derived(name.trim().length > 0 && description.trim().length > 10);
-
-	async function handleLookup() {
-		if (!searchQuery.trim() || searching) return;
-
-		searching = true;
-		error = '';
-		sources = [];
-
-		try {
-			const res = await fetch(api(`/locations/lookup?q=${encodeURIComponent(searchQuery.trim())}`));
-			if (!res.ok) throw new Error('Lookup failed');
-
-			const data = await res.json();
-
-			if (data.result) {
-				name = data.result.name || searchQuery.trim();
-				description = data.result.description || '';
-				address = data.result.address || '';
-				category = data.result.category || 'sight';
-				sources = data.result.sources || [];
-				if (data.result.imageUrl) {
-					imageUrl = data.result.imageUrl;
-					imageError = false;
-				}
-				if (data.result.latitude && data.result.longitude) {
-					latitude = data.result.latitude;
-					longitude = data.result.longitude;
-				}
-			} else {
-				name = searchQuery.trim();
-			}
-
-			lookupDone = true;
-
-			if (address && !latitude) {
-				geocodeAddress();
-			}
-		} catch {
-			name = searchQuery.trim();
-			lookupDone = true;
-		} finally {
-			searching = false;
-		}
-	}
-
-	function handleSkipLookup() {
-		name = searchQuery.trim();
-		lookupDone = true;
-	}
-
-	function handleReset() {
-		lookupDone = false;
-		searchQuery = '';
-		name = '';
-		description = '';
-		address = '';
-		imageUrl = '';
-		website = '';
-		phone = '';
-		category = 'sight';
-		latitude = undefined;
-		longitude = undefined;
-		sources = [];
-		error = '';
-		imageError = false;
-	}
-
-	async function geocodeAddress() {
-		const addr = address.trim();
-		if (!addr) return;
-
-		geocoding = true;
-		try {
-			const cityName = city?.name || '';
-			const q =
-				cityName && !addr.toLowerCase().includes(cityName.toLowerCase())
-					? `${addr}, ${cityName}`
-					: addr;
-			const res = await fetch(
-				`https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(q)}&limit=1`,
-				{ headers: { 'User-Agent': 'CityCorners/1.0' } }
-			);
-			const results = await res.json();
-			if (results.length > 0) {
-				latitude = parseFloat(results[0].lat);
-				longitude = parseFloat(results[0].lon);
-			}
-		} catch {
-			// Geocoding is best-effort
-		} finally {
-			geocoding = false;
-		}
-	}
-
-	let geocodeTimeout: ReturnType<typeof setTimeout> | undefined;
-	function handleAddressInput() {
-		clearTimeout(geocodeTimeout);
-		geocodeTimeout = setTimeout(() => {
-			if (address.trim().length > 5) {
-				geocodeAddress();
-			}
-		}, 1000);
-	}
-
-	async function handleSubmit() {
-		if (!isValid || submitting || !city) return;
-
-		submitting = true;
-		error = '';
-
-		try {
-			const locId = `loc-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-
-			const locData: Omit<LocalLocation, 'createdAt' | 'updatedAt' | 'deletedAt'> = {
-				id: locId,
-				cityId: city.id,
-				name: name.trim(),
-				category: category as LocalLocation['category'],
-				description: description.trim(),
-				address: address.trim() || null,
-				imageUrl: imageUrl.trim() && !imageError ? imageUrl.trim() : null,
-				latitude: latitude ?? null,
-				longitude: longitude ?? null,
-				timeline: null,
-			};
-
-			await locationCollection.insert(locData);
-			goto(`/cities/${citySlug}/locations/${locId}`);
-		} catch {
-			error = $_('add.error');
-		} finally {
-			submitting = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('add.title')} - {city?.name || 'CityCorners'}</title>
-</svelte:head>
-
-<header class="mb-6">
-	<div class="flex items-center gap-2 mb-1">
-		<a
-			href="/cities/{citySlug}"
-			class="text-foreground-secondary hover:text-primary transition-colors"
-		>
-			<CaretLeft size={16} />
-		</a>
-		<h1 class="text-2xl font-bold text-foreground">{$_('add.title')}</h1>
-	</div>
-	<p class="text-foreground-secondary">{$_('add.subtitle')} — {city?.name}</p>
-</header>
-
-{#if !authStore.isAuthenticated}
-	<div class="rounded-xl border border-border bg-background-card p-8 text-center">
-		<span class="mb-2 block text-4xl">📍</span>
-		<p class="mb-4 text-foreground-secondary">{$_('add.loginRequired')}</p>
-		<a
-			href="/login?redirectTo=/cities/{citySlug}/add"
-			class="inline-block rounded-lg bg-primary px-6 py-2 text-sm font-medium text-white transition-colors hover:bg-primary/90"
-		>
-			{$_('settings.login')}
-		</a>
-	</div>
-{:else if !lookupDone}
-	<div class="space-y-4">
-		<div class="rounded-xl border border-border bg-background-card p-5">
-			<h2 class="mb-1 text-lg font-semibold text-foreground">{$_('add.searchTitle')}</h2>
-			<p class="mb-4 text-sm text-foreground-secondary">{$_('add.searchSubtitle')}</p>
-
-			<div class="flex gap-2">
-				<input
-					type="text"
-					bind:value={searchQuery}
-					placeholder={$_('add.searchPlaceholder')}
-					class="flex-1 rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-					onkeydown={(e) => e.key === 'Enter' && handleLookup()}
-				/>
-				<button
-					onclick={handleLookup}
-					disabled={!searchQuery.trim() || searching}
-					class="rounded-lg bg-primary px-5 py-2.5 text-sm font-medium text-white transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50"
-				>
-					{#if searching}
-						<div
-							class="h-5 w-5 border-2 border-white border-t-transparent rounded-full animate-spin"
-						></div>
-					{:else}
-						{$_('add.searchButton')}
-					{/if}
-				</button>
-			</div>
-		</div>
-
-		<button
-			onclick={handleSkipLookup}
-			class="w-full text-center text-sm text-foreground-secondary hover:text-primary transition-colors"
-		>
-			{$_('add.skipSearch')}
-		</button>
-	</div>
-{:else}
-	{#if sources.length > 0}
-		<div class="mb-5 rounded-lg bg-primary/5 border border-primary/20 p-3">
-			<p class="mb-2 text-xs font-medium text-primary">{$_('add.foundSources')}</p>
-			<div class="space-y-1">
-				{#each sources.slice(0, 3) as source}
-					<a
-						href={source.url}
-						target="_blank"
-						rel="noopener noreferrer"
-						class="block truncate text-xs text-foreground-secondary hover:text-primary"
-					>
-						{source.title}
-					</a>
-				{/each}
-			</div>
-		</div>
-	{/if}
-
-	<form
-		onsubmit={(e) => {
-			e.preventDefault();
-			handleSubmit();
-		}}
-		class="space-y-5"
-	>
-		{#if error}
-			<div class="rounded-lg bg-red-500/10 p-3 text-sm text-red-500">{error}</div>
-		{/if}
-
-		<div>
-			<label for="name" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.name')}</label
-			>
-			<input
-				id="name"
-				type="text"
-				bind:value={name}
-				placeholder={$_('add.namePlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div>
-			<label for="category" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.category')}</label
-			>
-			<div class="flex flex-wrap gap-2">
-				{#each categories as cat}
-					<button
-						type="button"
-						class="rounded-full px-4 py-2 text-sm transition-colors {category === cat.value
-							? 'bg-primary text-white'
-							: 'bg-background-card text-foreground-secondary hover:bg-background-card-hover border border-border'}"
-						onclick={() => (category = cat.value)}
-					>
-						{$_(cat.labelKey)}
-					</button>
-				{/each}
-			</div>
-		</div>
-
-		<div>
-			<label for="description" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.description')}</label
-			>
-			<textarea
-				id="description"
-				bind:value={description}
-				placeholder={$_('add.descriptionPlaceholder')}
-				rows="4"
-				class="w-full resize-none rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			></textarea>
-			<p class="mt-1 text-xs text-foreground-secondary/60">{$_('add.minChars')}</p>
-		</div>
-
-		<div>
-			<label for="address" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.address')}</label
-			>
-			<input
-				id="address"
-				type="text"
-				bind:value={address}
-				oninput={handleAddressInput}
-				placeholder={$_('add.addressPlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-			{#if geocoding}
-				<p class="mt-1 text-xs text-foreground-secondary/60">{$_('add.geocoding')}</p>
-			{:else if latitude !== undefined && longitude !== undefined}
-				<p class="mt-1 text-xs text-green-600 dark:text-green-400">
-					{$_('add.coordinatesFound')}
-				</p>
-			{/if}
-		</div>
-
-		<div>
-			<label for="imageUrl" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.imageUrl')}</label
-			>
-			<input
-				id="imageUrl"
-				type="url"
-				bind:value={imageUrl}
-				oninput={() => (imageError = false)}
-				placeholder={$_('add.imageUrlPlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-			{#if imageUrl.trim() && !imageError}
-				<div class="mt-2 overflow-hidden rounded-lg border border-border">
-					<img
-						src={imageUrl}
-						alt={$_('add.imagePreview')}
-						class="h-40 w-full object-cover"
-						onerror={() => (imageError = true)}
-					/>
-				</div>
-			{:else if imageError}
-				<div class="mt-2 flex items-center gap-2 rounded-lg bg-red-500/10 p-3">
-					<p class="flex-1 text-xs text-red-500">{$_('add.imageLoadError')}</p>
-					<button
-						type="button"
-						onclick={() => {
-							imageError = false;
-						}}
-						class="text-xs font-medium text-red-500 hover:text-red-400"
-					>
-						{$_('add.imageRetry')}
-					</button>
-				</div>
-			{/if}
-		</div>
-
-		<div>
-			<label for="website" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.website')}</label
-			>
-			<input
-				id="website"
-				type="url"
-				bind:value={website}
-				placeholder={$_('add.websitePlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div>
-			<label for="phone" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.phone')}</label
-			>
-			<input
-				id="phone"
-				type="tel"
-				bind:value={phone}
-				placeholder={$_('add.phonePlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div class="flex gap-3">
-			<button
-				type="button"
-				onclick={handleReset}
-				class="rounded-lg border border-border bg-background px-4 py-3 text-sm font-medium text-foreground-secondary transition-colors hover:bg-background-card-hover"
-			>
-				{$_('add.reset')}
-			</button>
-			<button
-				type="submit"
-				disabled={!isValid || submitting}
-				class="flex-1 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50"
-			>
-				{submitting ? $_('add.submitting') : $_('add.submit')}
-			</button>
-		</div>
-	</form>
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/locations/[id]/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/locations/[id]/+page.svelte
deleted file mode 100644
index fefcf660a..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/locations/[id]/+page.svelte
+++ /dev/null
@@ -1,740 +0,0 @@
-<script lang="ts">
-	import { onMount, getContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import {
-		CaretLeft,
-		Check,
-		ShareNetwork,
-		Heart,
-		Plus,
-		MapPin,
-		PencilSimple,
-		Trash,
-		MapTrifold,
-		NavigationArrow,
-		ArrowSquareOut,
-		Star,
-	} from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { favoritesStore } from '$lib/stores/favorites.svelte';
-	import {
-		useAllFavorites,
-		useAllLocations,
-		getFavoriteIds,
-		filterByCity,
-	} from '$lib/data/queries';
-	import { locationCollection, type LocalCity } from '$lib/data/local-store';
-	import { isOpenNow } from '$lib/opening-hours';
-
-	const cityCtx = getContext<{ value: LocalCity | undefined }>('currentCity');
-	let city = $derived(cityCtx.value);
-	let citySlug = $derived($page.params.slug);
-
-	const allFavorites = useAllFavorites();
-	let favoriteIds = $derived(getFavoriteIds(allFavorites.value));
-
-	interface TimelineEntry {
-		year: string;
-		event: string;
-	}
-
-	interface LocationImage {
-		url: string;
-		addedBy?: string;
-		addedAt?: string;
-	}
-
-	interface NearbyLocation {
-		id: string;
-		slug?: string;
-		name: string;
-		category: string;
-		imageUrl?: string;
-		distance: number;
-	}
-
-	interface ReviewStats {
-		averageRating: number;
-		totalReviews: number;
-	}
-
-	interface Review {
-		id: string;
-		userId: string;
-		rating: number;
-		comment?: string;
-		createdAt: string;
-	}
-
-	interface Location {
-		id: string;
-		slug?: string;
-		name: string;
-		category: string;
-		description: string;
-		address?: string;
-		latitude?: number;
-		longitude?: number;
-		imageUrl?: string;
-		images?: LocationImage[];
-		timeline?: TimelineEntry[];
-		website?: string;
-		phone?: string;
-		openingHours?: Record<string, string>;
-		reviewStats?: ReviewStats;
-		createdBy?: string;
-	}
-
-	let location = $state<Location | null>(null);
-	let nearbyLocations = $state<NearbyLocation[]>([]);
-	let loading = $state(true);
-	let shareSuccess = $state(false);
-	let showDeleteConfirm = $state(false);
-	let deleting = $state(false);
-
-	let reviews = $state<Review[]>([]);
-	let reviewRating = $state(0);
-	let reviewComment = $state('');
-	let submittingReview = $state(false);
-	let reviewError = $state('');
-	let showReviewForm = $state(false);
-
-	let userHasReviewed = $derived(
-		authStore.isAuthenticated && reviews.some((r) => r.userId === authStore.user?.id)
-	);
-
-	let selectedImageIndex = $state(0);
-	let showAddPhoto = $state(false);
-	let newPhotoUrl = $state('');
-	let addingPhoto = $state(false);
-	let photoError = $state('');
-
-	const categoryColors: Record<string, string> = {
-		sight: '#2563eb',
-		restaurant: '#dc2626',
-		shop: '#16a34a',
-		museum: '#9333ea',
-		cafe: '#b45309',
-		bar: '#ea580c',
-		park: '#15803d',
-		beach: '#0891b2',
-		hotel: '#4f46e5',
-		event_venue: '#db2777',
-		viewpoint: '#0ea5e9',
-	};
-
-	let isOwner = $derived(
-		location?.createdBy != null &&
-			authStore.isAuthenticated &&
-			authStore.user?.id === location.createdBy
-	);
-
-	let allImages = $derived(() => {
-		if (!location) return [];
-		const imgs: string[] = [];
-		if (location.imageUrl) imgs.push(location.imageUrl);
-		if (location.images) {
-			for (const img of location.images) {
-				if (img.url && !imgs.includes(img.url)) imgs.push(img.url);
-			}
-		}
-		return imgs;
-	});
-
-	const allLocs = useAllLocations();
-
-	onMount(async () => {
-		try {
-			const locId = $page.params.id;
-			const loc = await locationCollection.getById(locId);
-			if (loc) {
-				location = {
-					id: loc.id,
-					name: loc.name,
-					category: loc.category,
-					description: loc.description || '',
-					address: loc.address || undefined,
-					latitude: loc.latitude || undefined,
-					longitude: loc.longitude || undefined,
-					imageUrl: loc.imageUrl || undefined,
-					timeline: loc.timeline?.map((t) => ({ year: String(t.year), event: t.event })),
-				};
-
-				// Find nearby locations from the same city
-				if (city && loc.latitude && loc.longitude) {
-					const cityLocs = filterByCity(allLocs.value, city.id).filter(
-						(l) => l.id !== locId && l.latitude && l.longitude
-					);
-					nearbyLocations = cityLocs
-						.map((l) => {
-							const dist = Math.round(
-								haversine(loc.latitude!, loc.longitude!, l.latitude!, l.longitude!)
-							);
-							return {
-								id: l.id,
-								name: l.name,
-								category: l.category,
-								imageUrl: l.imageUrl || undefined,
-								distance: dist,
-							};
-						})
-						.sort((a, b) => a.distance - b.distance)
-						.slice(0, 5);
-				}
-			}
-		} catch (err) {
-			console.error('Failed to load location:', err);
-		} finally {
-			loading = false;
-		}
-	});
-
-	function haversine(lat1: number, lon1: number, lat2: number, lon2: number): number {
-		const R = 6371000;
-		const dLat = ((lat2 - lat1) * Math.PI) / 180;
-		const dLon = ((lon2 - lon1) * Math.PI) / 180;
-		const a =
-			Math.sin(dLat / 2) ** 2 +
-			Math.cos((lat1 * Math.PI) / 180) * Math.cos((lat2 * Math.PI) / 180) * Math.sin(dLon / 2) ** 2;
-		return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
-	}
-
-	async function handleShare() {
-		const url = window.location.href;
-		const title = location?.name || 'CityCorners';
-
-		if (navigator.share) {
-			try {
-				await navigator.share({ title, url });
-			} catch {
-				// User cancelled
-			}
-		} else {
-			await navigator.clipboard.writeText(url);
-			shareSuccess = true;
-			setTimeout(() => (shareSuccess = false), 2000);
-		}
-	}
-
-	async function handleDelete() {
-		if (!location || deleting) return;
-		deleting = true;
-		try {
-			await locationCollection.delete(location.id);
-			goto(`/cities/${citySlug}`);
-		} catch {
-			// ignore
-		} finally {
-			deleting = false;
-			showDeleteConfirm = false;
-		}
-	}
-
-	function formatDistance(meters: number): string {
-		if (meters < 1000) return `${meters} m`;
-		return `${(meters / 1000).toFixed(1)} km`;
-	}
-</script>
-
-<svelte:head>
-	<title>{location?.name || 'Location'} - {city?.name || 'CityCorners'}</title>
-</svelte:head>
-
-{#if loading}
-	<div class="flex items-center justify-center py-20">
-		<div
-			class="w-10 h-10 border-4 border-primary border-t-transparent rounded-full animate-spin"
-		></div>
-	</div>
-{:else if !location}
-	<div class="py-20 text-center">
-		<span class="mb-4 block text-5xl">🔍</span>
-		<p class="text-foreground-secondary">{$_('detail.notFound')}</p>
-		<a href="/cities/{citySlug}" class="mt-4 inline-block text-sm text-primary hover:underline"
-			>{$_('detail.back')}</a
-		>
-	</div>
-{:else}
-	{@const images = allImages()}
-
-	<!-- Hero image / Gallery -->
-	<div class="relative -mx-4 -mt-4 mb-6 sm:-mx-6 sm:-mt-6 lg:-mx-8 lg:-mt-8">
-		{#if images.length > 0}
-			<img
-				src={images[selectedImageIndex]}
-				alt={location.name}
-				class="h-72 w-full object-cover sm:h-80"
-			/>
-		{:else}
-			<div
-				class="flex h-72 items-center justify-center bg-gradient-to-br from-primary/20 to-primary/5 sm:h-80"
-			>
-				<span class="text-7xl">📍</span>
-			</div>
-		{/if}
-
-		<!-- Back button overlay -->
-		<div class="absolute left-4 top-4">
-			<a
-				href="/cities/{citySlug}"
-				class="flex h-10 w-10 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm transition-colors hover:bg-black/50"
-			>
-				<CaretLeft size={20} />
-			</a>
-		</div>
-
-		<!-- Share + Favorite buttons overlay -->
-		<div class="absolute right-4 top-4 flex gap-2">
-			<button
-				class="flex h-10 w-10 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm transition-all hover:bg-black/50"
-				onclick={handleShare}
-				title={$_('detail.share')}
-			>
-				{#if shareSuccess}
-					<Check size={20} class="text-green-400" />
-				{:else}
-					<ShareNetwork size={20} />
-				{/if}
-			</button>
-
-			{#if authStore.isAuthenticated}
-				<button
-					class="flex h-10 w-10 items-center justify-center rounded-full bg-black/30 backdrop-blur-sm transition-all hover:bg-black/50"
-					onclick={() => favoritesStore.toggle(location!.id)}
-					title={favoriteIds.has(location.id) ? $_('favorites.remove') : $_('favorites.add')}
-				>
-					{#if favoriteIds.has(location.id)}
-						<Heart size={20} weight="fill" class="text-red-500" />
-					{:else}
-						<Heart size={20} class="text-white" />
-					{/if}
-				</button>
-			{/if}
-		</div>
-
-		{#if images.length > 1}
-			<div
-				class="absolute bottom-4 right-4 rounded-full bg-black/50 px-2.5 py-1 text-xs text-white backdrop-blur-sm"
-			>
-				{selectedImageIndex + 1} / {images.length}
-			</div>
-		{/if}
-
-		<div class="absolute bottom-4 left-4 flex items-center gap-2">
-			<span
-				class="rounded-full px-3 py-1 text-sm font-medium text-white backdrop-blur-sm"
-				style="background: {categoryColors[location.category] || '#6b7280'}cc"
-			>
-				{$_(`category.${location.category}`)}
-			</span>
-			{#if isOpenNow(location.openingHours) === true}
-				<span
-					class="rounded-full bg-green-500/90 px-3 py-1 text-sm font-medium text-white backdrop-blur-sm"
-				>
-					{$_('detail.openNow')}
-				</span>
-			{:else if isOpenNow(location.openingHours) === false}
-				<span
-					class="rounded-full bg-red-500/80 px-3 py-1 text-sm font-medium text-white backdrop-blur-sm"
-				>
-					{$_('detail.closedNow')}
-				</span>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Gallery thumbnails -->
-	{#if images.length > 1}
-		<div class="mb-6 flex gap-2 overflow-x-auto pb-1">
-			{#each images as img, i}
-				<button
-					onclick={() => (selectedImageIndex = i)}
-					class="h-16 w-20 flex-shrink-0 overflow-hidden rounded-lg border-2 transition-all {selectedImageIndex ===
-					i
-						? 'border-primary shadow-md'
-						: 'border-transparent opacity-60 hover:opacity-100'}"
-				>
-					<img src={img} alt="" class="h-full w-full object-cover" loading="lazy" />
-				</button>
-			{/each}
-			{#if authStore.isAuthenticated}
-				<button
-					onclick={() => (showAddPhoto = !showAddPhoto)}
-					class="flex h-16 w-20 flex-shrink-0 items-center justify-center rounded-lg border-2 border-dashed border-border text-foreground-secondary transition-colors hover:border-primary hover:text-primary"
-					title={$_('gallery.addPhoto')}
-				>
-					<Plus size={20} />
-				</button>
-			{/if}
-		</div>
-	{:else if authStore.isAuthenticated}
-		<div class="mb-4">
-			<button
-				onclick={() => (showAddPhoto = !showAddPhoto)}
-				class="text-sm text-foreground-secondary hover:text-primary transition-colors"
-			>
-				+ {$_('gallery.addPhoto')}
-			</button>
-		</div>
-	{/if}
-
-	<!-- Add photo form -->
-	{#if showAddPhoto}
-		<div class="mb-6 rounded-xl border border-border bg-background-card p-4">
-			<p class="mb-3 text-sm font-medium text-foreground">{$_('gallery.addPhoto')}</p>
-			{#if photoError}
-				<div class="mb-3 rounded-lg bg-red-500/10 p-2 text-xs text-red-500">{photoError}</div>
-			{/if}
-			<div class="flex gap-2">
-				<input
-					type="url"
-					bind:value={newPhotoUrl}
-					placeholder={$_('add.imageUrlPlaceholder')}
-					class="flex-1 rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-					onkeydown={(e) => e.key === 'Enter' && handleAddPhoto()}
-				/>
-				<button
-					onclick={handleAddPhoto}
-					disabled={!newPhotoUrl.trim() || addingPhoto}
-					class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-primary/90 disabled:opacity-50"
-				>
-					{addingPhoto ? '...' : $_('gallery.add')}
-				</button>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Content -->
-	<div class="space-y-6">
-		<div>
-			<h1 class="text-3xl font-bold text-foreground">{location.name}</h1>
-			{#if location.address}
-				<p class="mt-2 flex items-center gap-1.5 text-foreground-secondary">
-					<MapPin size={16} class="flex-shrink-0" />
-					{location.address}
-				</p>
-			{/if}
-		</div>
-
-		<p class="text-base leading-relaxed text-foreground">{location.description}</p>
-
-		<!-- Contact info -->
-		{#if location.website || location.phone}
-			<div class="space-y-2">
-				{#if location.website}
-					<div class="flex items-center gap-2 text-sm">
-						<span class="font-medium text-foreground-secondary">{$_('detail.website')}:</span>
-						<a
-							href={location.website}
-							target="_blank"
-							rel="noopener noreferrer"
-							class="text-primary hover:underline truncate"
-						>
-							{location.website.replace(/^https?:\/\//, '')}
-						</a>
-					</div>
-				{/if}
-				{#if location.phone}
-					<div class="flex items-center gap-2 text-sm">
-						<span class="font-medium text-foreground-secondary">{$_('detail.phone')}:</span>
-						<a href="tel:{location.phone}" class="text-primary hover:underline">
-							{location.phone}
-						</a>
-					</div>
-				{/if}
-			</div>
-		{/if}
-
-		<!-- Opening hours -->
-		{#if location.openingHours && Object.keys(location.openingHours).length > 0}
-			<div>
-				<h2 class="mb-3 text-lg font-semibold text-foreground">{$_('detail.openingHours')}</h2>
-				<div class="rounded-xl border border-border bg-background-card overflow-hidden">
-					<table class="w-full text-sm">
-						<tbody>
-							{#each ['mo', 'tu', 'we', 'th', 'fr', 'sa', 'su'] as day}
-								{#if location.openingHours[day]}
-									<tr class="border-b border-border last:border-b-0">
-										<td class="px-4 py-2 font-medium text-foreground">{$_(`days.${day}`)}</td>
-										<td class="px-4 py-2 text-right text-foreground-secondary">
-											{location.openingHours[day] === 'closed'
-												? $_('detail.closed')
-												: location.openingHours[day]}
-										</td>
-									</tr>
-								{/if}
-							{/each}
-						</tbody>
-					</table>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Reviews -->
-		<div>
-			<div class="mb-4 flex items-center justify-between">
-				<div class="flex items-center gap-3">
-					<h2 class="text-xl font-semibold text-foreground">{$_('reviews.title')}</h2>
-					{#if location.reviewStats && location.reviewStats.totalReviews > 0}
-						<div class="flex items-center gap-1.5">
-							<div class="flex items-center gap-0.5">
-								{#each Array(5) as _, i}
-									<Star
-										size={16}
-										weight="fill"
-										class={i < Math.round(location.reviewStats.averageRating)
-											? 'text-amber-400'
-											: 'text-gray-300 dark:text-gray-600'}
-									/>
-								{/each}
-							</div>
-							<span class="text-sm font-medium text-foreground">
-								{location.reviewStats.averageRating.toFixed(1)}
-							</span>
-							<span class="text-sm text-foreground-secondary">
-								({location.reviewStats.totalReviews})
-							</span>
-						</div>
-					{/if}
-				</div>
-				{#if authStore.isAuthenticated && !userHasReviewed}
-					<button
-						onclick={() => (showReviewForm = !showReviewForm)}
-						class="text-sm font-medium text-primary hover:underline"
-					>
-						{$_('reviews.write')}
-					</button>
-				{/if}
-			</div>
-
-			{#if showReviewForm}
-				<div class="mb-4 rounded-xl border border-border bg-background-card p-4">
-					<p class="mb-3 text-sm font-medium text-foreground">{$_('reviews.yourRating')}</p>
-					{#if reviewError}
-						<div class="mb-3 rounded-lg bg-red-500/10 p-2 text-xs text-red-500">
-							{reviewError}
-						</div>
-					{/if}
-					<div class="mb-3 flex gap-1">
-						{#each [1, 2, 3, 4, 5] as star}
-							<button
-								onclick={() => (reviewRating = star)}
-								class="transition-transform hover:scale-110"
-							>
-								<Star
-									size={32}
-									weight="fill"
-									class={star <= reviewRating
-										? 'text-amber-400'
-										: 'text-gray-300 dark:text-gray-600'}
-								/>
-							</button>
-						{/each}
-					</div>
-					<textarea
-						bind:value={reviewComment}
-						placeholder={$_('reviews.commentPlaceholder')}
-						rows="2"
-						class="mb-3 w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary resize-none"
-					></textarea>
-					<button
-						onclick={handleSubmitReview}
-						disabled={reviewRating === 0 || submittingReview}
-						class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-primary/90 disabled:opacity-50"
-					>
-						{submittingReview ? $_('reviews.submitting') : $_('reviews.submit')}
-					</button>
-				</div>
-			{/if}
-
-			{#if reviews.length > 0}
-				<div class="space-y-3">
-					{#each reviews as review}
-						<div class="rounded-xl border border-border bg-background-card p-4">
-							<div class="flex items-center justify-between">
-								<div class="flex items-center gap-1">
-									{#each Array(5) as _, i}
-										<Star
-											size={16}
-											weight="fill"
-											class={i < review.rating
-												? 'text-amber-400'
-												: 'text-gray-300 dark:text-gray-600'}
-										/>
-									{/each}
-								</div>
-								<div class="flex items-center gap-2">
-									<span class="text-xs text-foreground-secondary">
-										{new Date(review.createdAt).toLocaleDateString()}
-									</span>
-									{#if authStore.isAuthenticated && review.userId === authStore.user?.id}
-										<button
-											onclick={handleDeleteReview}
-											class="text-xs text-red-500 hover:underline"
-										>
-											{$_('reviews.delete')}
-										</button>
-									{/if}
-								</div>
-							</div>
-							{#if review.comment}
-								<p class="mt-2 text-sm text-foreground-secondary">{review.comment}</p>
-							{/if}
-						</div>
-					{/each}
-				</div>
-			{:else if !showReviewForm}
-				<p class="text-sm text-foreground-secondary">{$_('reviews.noReviews')}</p>
-			{/if}
-		</div>
-
-		<!-- Owner actions -->
-		{#if isOwner}
-			<div class="flex gap-3">
-				<a
-					href="/cities/{citySlug}/locations/{location.id}/edit"
-					class="flex items-center gap-2 rounded-lg border border-border bg-background-card px-4 py-2.5 text-sm font-medium text-foreground-secondary transition-colors hover:bg-background-card-hover hover:text-foreground"
-				>
-					<PencilSimple size={16} />
-					{$_('detail.edit')}
-				</a>
-				<button
-					onclick={() => (showDeleteConfirm = true)}
-					class="flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 px-4 py-2.5 text-sm font-medium text-red-600 transition-colors hover:bg-red-100 dark:border-red-800 dark:bg-red-950/30 dark:text-red-400 dark:hover:bg-red-950/50"
-				>
-					<Trash size={16} />
-					{$_('detail.delete')}
-				</button>
-			</div>
-		{/if}
-
-		<!-- Delete confirmation -->
-		{#if showDeleteConfirm}
-			<div
-				class="rounded-xl border border-red-200 bg-red-50 p-4 dark:border-red-800 dark:bg-red-950/30"
-			>
-				<p class="mb-3 text-sm text-red-700 dark:text-red-300">{$_('detail.deleteConfirm')}</p>
-				<div class="flex gap-2">
-					<button
-						onclick={() => (showDeleteConfirm = false)}
-						class="rounded-lg border border-border bg-background px-4 py-2 text-sm text-foreground-secondary hover:bg-background-card-hover"
-					>
-						{$_('detail.cancel')}
-					</button>
-					<button
-						onclick={handleDelete}
-						disabled={deleting}
-						class="rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 disabled:opacity-50"
-					>
-						{deleting ? $_('detail.deleting') : $_('detail.confirmDelete')}
-					</button>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Map + Directions -->
-		{#if location.latitude && location.longitude}
-			<div class="overflow-hidden rounded-xl border border-border">
-				<iframe
-					title="Map"
-					src="https://www.openstreetmap.org/export/embed.html?bbox={location.longitude -
-						0.005},{location.latitude - 0.004},{location.longitude + 0.005},{location.latitude +
-						0.004}&layer=mapnik&marker={location.latitude},{location.longitude}"
-					class="h-52 w-full border-0"
-					loading="lazy"
-					referrerpolicy="no-referrer"
-				></iframe>
-				<div class="flex divide-x divide-border border-t border-border">
-					<a
-						href="/cities/{citySlug}/map"
-						class="flex flex-1 items-center justify-center gap-2 bg-background-card px-4 py-2.5 text-sm text-foreground-secondary transition-colors hover:text-primary"
-					>
-						<MapTrifold size={16} />
-						{$_('detail.showOnMap')}
-					</a>
-					<a
-						href="https://www.google.com/maps/dir/?api=1&destination={location.latitude},{location.longitude}"
-						target="_blank"
-						rel="noopener noreferrer"
-						class="flex flex-1 items-center justify-center gap-2 bg-background-card px-4 py-2.5 text-sm text-foreground-secondary transition-colors hover:text-primary"
-					>
-						<NavigationArrow size={16} />
-						{$_('detail.directions')}
-					</a>
-					<a
-						href="https://www.openstreetmap.org/?mlat={location.latitude}&mlon={location.longitude}#map=17/{location.latitude}/{location.longitude}"
-						target="_blank"
-						rel="noopener noreferrer"
-						class="flex flex-1 items-center justify-center gap-2 bg-background-card px-4 py-2.5 text-sm text-foreground-secondary transition-colors hover:text-primary"
-					>
-						<ArrowSquareOut size={16} />
-						{$_('detail.openInMaps')}
-					</a>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Timeline -->
-		{#if location.timeline && location.timeline.length > 0}
-			<div>
-				<h2 class="mb-4 text-xl font-semibold text-foreground">{$_('detail.history')}</h2>
-				<div class="relative space-y-0">
-					{#each location.timeline as entry, i}
-						<div class="relative flex gap-4 pb-6">
-							{#if i < location.timeline!.length - 1}
-								<div class="absolute left-[11px] top-6 h-full w-0.5 bg-border"></div>
-							{/if}
-							<div
-								class="relative z-10 mt-1.5 h-6 w-6 flex-shrink-0 rounded-full border-2 border-primary bg-background flex items-center justify-center"
-							>
-								<div class="h-2 w-2 rounded-full bg-primary"></div>
-							</div>
-							<div>
-								<span class="font-mono text-sm font-bold text-primary">{entry.year}</span>
-								<p class="mt-0.5 text-sm text-foreground-secondary">{entry.event}</p>
-							</div>
-						</div>
-					{/each}
-				</div>
-			</div>
-		{/if}
-
-		<!-- Nearby locations -->
-		{#if nearbyLocations.length > 0}
-			<div>
-				<h2 class="mb-4 text-xl font-semibold text-foreground">{$_('detail.nearby')}</h2>
-				<div class="flex gap-3 overflow-x-auto pb-1">
-					{#each nearbyLocations as nearby}
-						<a
-							href="/cities/{citySlug}/locations/{nearby.slug || nearby.id}"
-							class="flex-shrink-0 w-40 overflow-hidden rounded-xl border border-border bg-background-card transition-shadow hover:shadow-md"
-						>
-							{#if nearby.imageUrl}
-								<img
-									src={nearby.imageUrl}
-									alt={nearby.name}
-									loading="lazy"
-									class="h-24 w-full object-cover"
-								/>
-							{:else}
-								<div class="flex h-24 items-center justify-center bg-background-card-hover">
-									<span class="text-2xl">📍</span>
-								</div>
-							{/if}
-							<div class="p-2.5">
-								<p class="text-sm font-medium text-foreground line-clamp-1">
-									{nearby.name}
-								</p>
-								<p class="mt-0.5 text-xs text-foreground-secondary">
-									{$_(`category.${nearby.category}`)} · {formatDistance(nearby.distance)}
-								</p>
-							</div>
-						</a>
-					{/each}
-				</div>
-			</div>
-		{/if}
-	</div>
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/locations/[id]/edit/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/locations/[id]/edit/+page.svelte
deleted file mode 100644
index 949190758..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/locations/[id]/edit/+page.svelte
+++ /dev/null
@@ -1,268 +0,0 @@
-<script lang="ts">
-	import { onMount, getContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { locationCollection, type LocalCity } from '$lib/data/local-store';
-
-	const cityCtx = getContext<{ value: LocalCity | undefined }>('currentCity');
-	let city = $derived(cityCtx.value);
-	let citySlug = $derived($page.params.slug);
-
-	let loading = $state(true);
-	let name = $state('');
-	let category = $state('sight');
-	let description = $state('');
-	let address = $state('');
-	let imageUrl = $state('');
-	let website = $state('');
-	let phone = $state('');
-	let imageError = $state(false);
-	let submitting = $state(false);
-	let error = $state('');
-	let forbidden = $state(false);
-
-	const categories = [
-		{ value: 'sight', labelKey: 'category.sight' },
-		{ value: 'restaurant', labelKey: 'category.restaurant' },
-		{ value: 'shop', labelKey: 'category.shop' },
-		{ value: 'museum', labelKey: 'category.museum' },
-		{ value: 'cafe', labelKey: 'category.cafe' },
-		{ value: 'bar', labelKey: 'category.bar' },
-		{ value: 'park', labelKey: 'category.park' },
-		{ value: 'beach', labelKey: 'category.beach' },
-		{ value: 'hotel', labelKey: 'category.hotel' },
-		{ value: 'event_venue', labelKey: 'category.event_venue' },
-		{ value: 'viewpoint', labelKey: 'category.viewpoint' },
-	];
-
-	let isValid = $derived(name.trim().length > 0 && description.trim().length > 10);
-
-	onMount(async () => {
-		try {
-			const loc = await locationCollection.getById($page.params.id);
-			if (!loc) {
-				error = $_('edit.loadError');
-				return;
-			}
-
-			name = loc.name || '';
-			category = loc.category || 'sight';
-			description = loc.description || '';
-			address = loc.address || '';
-			imageUrl = loc.imageUrl || '';
-		} catch {
-			error = $_('edit.loadError');
-		} finally {
-			loading = false;
-		}
-	});
-
-	async function handleSubmit() {
-		if (!isValid || submitting) return;
-
-		submitting = true;
-		error = '';
-
-		try {
-			await locationCollection.update($page.params.id, {
-				name: name.trim(),
-				category: category as any,
-				description: description.trim(),
-				address: address.trim() || null,
-				imageUrl: imageUrl.trim() || null,
-			});
-			goto(`/cities/${citySlug}/locations/${$page.params.id}`);
-		} catch {
-			error = $_('edit.error');
-		} finally {
-			submitting = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('edit.title')} - {city?.name || 'CityCorners'}</title>
-</svelte:head>
-
-<header class="mb-6">
-	<div class="flex items-center gap-2 mb-1">
-		<a
-			href="/cities/{citySlug}/locations/{$page.params.id}"
-			class="text-foreground-secondary hover:text-primary transition-colors"
-		>
-			<CaretLeft size={16} />
-		</a>
-		<h1 class="text-2xl font-bold text-foreground">{$_('edit.title')}</h1>
-	</div>
-	<p class="text-foreground-secondary">{$_('edit.subtitle')}</p>
-</header>
-
-{#if loading}
-	<div class="flex items-center justify-center py-12">
-		<div
-			class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-		></div>
-	</div>
-{:else if forbidden}
-	<div class="rounded-xl border border-border bg-background-card p-8 text-center">
-		<span class="mb-2 block text-4xl">🔒</span>
-		<p class="text-foreground-secondary">{$_('edit.forbidden')}</p>
-		<a
-			href="/cities/{citySlug}/locations/{$page.params.id}"
-			class="mt-4 inline-block text-sm text-primary hover:underline"
-		>
-			{$_('detail.back')}
-		</a>
-	</div>
-{:else}
-	<form
-		onsubmit={(e) => {
-			e.preventDefault();
-			handleSubmit();
-		}}
-		class="space-y-5"
-	>
-		{#if error}
-			<div class="rounded-lg bg-red-500/10 p-3 text-sm text-red-500">{error}</div>
-		{/if}
-
-		<div>
-			<label for="name" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.name')}</label
-			>
-			<input
-				id="name"
-				type="text"
-				bind:value={name}
-				placeholder={$_('add.namePlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div>
-			<label for="category" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.category')}</label
-			>
-			<div class="flex flex-wrap gap-2">
-				{#each categories as cat}
-					<button
-						type="button"
-						class="rounded-full px-4 py-2 text-sm transition-colors {category === cat.value
-							? 'bg-primary text-white'
-							: 'bg-background-card text-foreground-secondary hover:bg-background-card-hover border border-border'}"
-						onclick={() => (category = cat.value)}
-					>
-						{$_(cat.labelKey)}
-					</button>
-				{/each}
-			</div>
-		</div>
-
-		<div>
-			<label for="description" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.description')}</label
-			>
-			<textarea
-				id="description"
-				bind:value={description}
-				placeholder={$_('add.descriptionPlaceholder')}
-				rows="4"
-				class="w-full resize-none rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			></textarea>
-			<p class="mt-1 text-xs text-foreground-secondary/60">{$_('add.minChars')}</p>
-		</div>
-
-		<div>
-			<label for="address" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.address')}</label
-			>
-			<input
-				id="address"
-				type="text"
-				bind:value={address}
-				placeholder={$_('add.addressPlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div>
-			<label for="imageUrl" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.imageUrl')}</label
-			>
-			<input
-				id="imageUrl"
-				type="url"
-				bind:value={imageUrl}
-				oninput={() => (imageError = false)}
-				placeholder={$_('add.imageUrlPlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-			{#if imageUrl.trim() && !imageError}
-				<div class="mt-2 overflow-hidden rounded-lg border border-border">
-					<img
-						src={imageUrl}
-						alt={$_('add.imagePreview')}
-						class="h-40 w-full object-cover"
-						onerror={() => (imageError = true)}
-					/>
-				</div>
-			{:else if imageError}
-				<div class="mt-2 flex items-center gap-2 rounded-lg bg-red-500/10 p-3">
-					<p class="flex-1 text-xs text-red-500">{$_('add.imageLoadError')}</p>
-					<button
-						type="button"
-						onclick={() => (imageError = false)}
-						class="text-xs font-medium text-red-500 hover:text-red-400"
-					>
-						{$_('add.imageRetry')}
-					</button>
-				</div>
-			{/if}
-		</div>
-
-		<div>
-			<label for="website" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.website')}</label
-			>
-			<input
-				id="website"
-				type="url"
-				bind:value={website}
-				placeholder={$_('add.websitePlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div>
-			<label for="phone" class="mb-1 block text-sm font-medium text-foreground"
-				>{$_('add.phone')}</label
-			>
-			<input
-				id="phone"
-				type="tel"
-				bind:value={phone}
-				placeholder={$_('add.phonePlaceholder')}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2.5 text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-			/>
-		</div>
-
-		<div class="flex gap-3">
-			<a
-				href="/cities/{citySlug}/locations/{$page.params.id}"
-				class="rounded-lg border border-border bg-background px-4 py-3 text-sm font-medium text-foreground-secondary transition-colors hover:bg-background-card-hover"
-			>
-				{$_('edit.cancel')}
-			</a>
-			<button
-				type="submit"
-				disabled={!isValid || submitting}
-				class="flex-1 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50"
-			>
-				{submitting ? $_('edit.saving') : $_('edit.save')}
-			</button>
-		</div>
-	</form>
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/map/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/map/+page.svelte
deleted file mode 100644
index 13c35e91a..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/cities/[slug]/map/+page.svelte
+++ /dev/null
@@ -1,158 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { CaretLeft, GlobeSimple } from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { useAllLocations, filterByCity } from '$lib/data/queries';
-	import type { LocalCity } from '$lib/data/local-store';
-
-	const cityCtx = getContext<{ value: LocalCity | undefined }>('currentCity');
-	let city = $derived(cityCtx.value);
-	let citySlug = $derived($page.params.slug);
-
-	const allLocations = useAllLocations();
-	let cityLocations = $derived(city ? filterByCity(allLocations.value, city.id) : []);
-	let selectedCategory = $state<string | null>(null);
-
-	const categoryKeys = [
-		'sight',
-		'restaurant',
-		'shop',
-		'museum',
-		'cafe',
-		'bar',
-		'park',
-		'beach',
-		'hotel',
-		'event_venue',
-		'viewpoint',
-	];
-
-	const categoryColors: Record<string, string> = {
-		sight: '#2563eb',
-		restaurant: '#dc2626',
-		shop: '#16a34a',
-		museum: '#9333ea',
-		cafe: '#b45309',
-		bar: '#ea580c',
-		park: '#15803d',
-		beach: '#0891b2',
-		hotel: '#4f46e5',
-		event_venue: '#db2777',
-		viewpoint: '#0ea5e9',
-	};
-
-	let filtered = $derived(
-		selectedCategory ? cityLocations.filter((l) => l.category === selectedCategory) : cityLocations
-	);
-
-	let lat = $derived(city?.latitude ?? 47.6603);
-	let lng = $derived(city?.longitude ?? 9.1757);
-
-	let mapSrc = $derived(
-		`https://www.openstreetmap.org/export/embed.html?bbox=${lng - 0.02},${lat - 0.015},${lng + 0.02},${lat + 0.015}&layer=mapnik&marker=${lat},${lng}`
-	);
-</script>
-
-<svelte:head>
-	<title>{$_('map.title')} - {city?.name || 'CityCorners'}</title>
-</svelte:head>
-
-<div class="map-page">
-	<header class="mb-4 flex items-start justify-between">
-		<div>
-			<div class="flex items-center gap-2">
-				<a
-					href="/cities/{citySlug}"
-					class="text-foreground-secondary hover:text-primary transition-colors"
-				>
-					<CaretLeft size={16} />
-				</a>
-				<h1 class="text-2xl font-bold text-foreground">{$_('map.title')}</h1>
-			</div>
-			<p class="text-foreground-secondary">{city?.name} - {$_('map.subtitle')}</p>
-		</div>
-		<a
-			href="https://www.openstreetmap.org/#map=14/{lat}/{lng}"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-background-card border border-border text-foreground-secondary shadow-sm transition-all hover:text-primary hover:border-primary"
-			title={$_('map.openInMaps')}
-		>
-			<GlobeSimple size={20} />
-		</a>
-	</header>
-
-	<div class="mb-4 flex flex-wrap gap-2">
-		<button
-			class="flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm transition-colors {selectedCategory ===
-			null
-				? 'bg-primary text-white'
-				: 'bg-background-card text-foreground-secondary hover:bg-background-card-hover border border-border'}"
-			onclick={() => (selectedCategory = null)}
-		>
-			{$_('map.filterAll')}
-		</button>
-		{#each categoryKeys as cat}
-			<button
-				class="flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm transition-colors {selectedCategory ===
-				cat
-					? 'bg-primary text-white'
-					: 'bg-background-card text-foreground-secondary hover:bg-background-card-hover border border-border'}"
-				onclick={() => (selectedCategory = selectedCategory === cat ? null : cat)}
-			>
-				<div class="w-2.5 h-2.5 rounded-full" style="background:{categoryColors[cat]}"></div>
-				{$_(`category.${cat}`)}
-			</button>
-		{/each}
-	</div>
-
-	<div class="map-container rounded-xl overflow-hidden border border-border">
-		{#if browser}
-			<iframe
-				title="Map"
-				src={mapSrc}
-				class="w-full h-full border-0"
-				loading="lazy"
-				referrerpolicy="no-referrer"
-			></iframe>
-		{/if}
-	</div>
-
-	{#if filtered.length > 0}
-		<div class="mt-4 space-y-2">
-			<h2 class="text-sm font-medium text-foreground-secondary">
-				{filtered.length}
-				{filtered.length === 1 ? $_('map.location') : $_('map.locations')}
-			</h2>
-			<div class="grid gap-2 sm:grid-cols-2">
-				{#each filtered as loc}
-					{#if loc.latitude && loc.longitude}
-						<a
-							href="/cities/{citySlug}/locations/{loc.slug || loc.id}"
-							class="flex items-center gap-3 rounded-lg border border-border bg-background-card p-3 transition-colors hover:bg-background-card-hover"
-						>
-							<div
-								class="w-3 h-3 rounded-full flex-shrink-0"
-								style="background:{categoryColors[loc.category] || '#6b7280'}"
-							></div>
-							<div class="min-w-0">
-								<p class="text-sm font-medium text-foreground truncate">{loc.name}</p>
-								<p class="text-xs text-foreground-secondary">{$_(`category.${loc.category}`)}</p>
-							</div>
-						</a>
-					{/if}
-				{/each}
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.map-container {
-		width: 100%;
-		height: calc(100vh - 300px);
-		min-height: 400px;
-	}
-</style>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/favorites/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/favorites/+page.svelte
deleted file mode 100644
index 68f691fab..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/favorites/+page.svelte
+++ /dev/null
@@ -1,373 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { Heart } from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { favoritesStore } from '$lib/stores/favorites.svelte';
-	import { useAllFavorites, getFavoriteIds } from '$lib/data/queries';
-	import { api } from '$lib/api';
-
-	// Live query for favorites — auto-updates on IndexedDB changes
-	const allFavorites = useAllFavorites();
-	let favoriteIds = $derived(getFavoriteIds(allFavorites.value));
-
-	interface Location {
-		id: string;
-		slug?: string;
-		name: string;
-		category: string;
-		description: string;
-		imageUrl?: string;
-	}
-
-	interface Collection {
-		id: string;
-		name: string;
-		description?: string;
-		locationIds: string[];
-		createdAt: string;
-	}
-
-	let allLocations = $state<Location[]>([]);
-	let collections = $state<Collection[]>([]);
-	let loading = $state(true);
-	let activeTab = $state<'favorites' | 'collections'>('favorites');
-
-	// Collection form state
-	let showCreateForm = $state(false);
-	let newCollectionName = $state('');
-	let newCollectionDescription = $state('');
-	let creatingCollection = $state(false);
-
-	// Collection detail view
-	let selectedCollection = $state<Collection | null>(null);
-
-	let favoriteLocations = $derived(allLocations.filter((l) => favoriteIds.has(l.id)));
-
-	let selectedCollectionLocations = $derived(
-		selectedCollection
-			? allLocations.filter((l) => (selectedCollection!.locationIds || []).includes(l.id))
-			: []
-	);
-
-	onMount(async () => {
-		try {
-			const res = await fetch(api('/locations'));
-			const data = await res.json();
-			allLocations = data.locations;
-		} catch (err) {
-			console.error('Failed to load locations:', err);
-		} finally {
-			loading = false;
-		}
-
-		if (authStore.isAuthenticated) {
-			await loadCollections();
-		}
-	});
-
-	async function loadCollections() {
-		try {
-			const token = await authStore.getValidToken();
-			if (!token) return;
-			const res = await fetch(api('/collections'), {
-				headers: { Authorization: `Bearer ${token}` },
-			});
-			if (res.ok) {
-				const data = await res.json();
-				collections = data.collections;
-			}
-		} catch {
-			// ignore
-		}
-	}
-
-	async function handleCreateCollection() {
-		if (!newCollectionName.trim() || creatingCollection) return;
-		creatingCollection = true;
-		try {
-			const token = await authStore.getValidToken();
-			if (!token) return;
-			const res = await fetch(api('/collections'), {
-				method: 'POST',
-				headers: {
-					'Content-Type': 'application/json',
-					Authorization: `Bearer ${token}`,
-				},
-				body: JSON.stringify({
-					name: newCollectionName.trim(),
-					description: newCollectionDescription.trim() || undefined,
-				}),
-			});
-			if (res.ok) {
-				const data = await res.json();
-				collections = [...collections, data.collection];
-				newCollectionName = '';
-				newCollectionDescription = '';
-				showCreateForm = false;
-			}
-		} catch {
-			// ignore
-		} finally {
-			creatingCollection = false;
-		}
-	}
-
-	async function handleDeleteCollection(id: string) {
-		try {
-			const token = await authStore.getValidToken();
-			if (!token) return;
-			const res = await fetch(api(`/collections/${id}`), {
-				method: 'DELETE',
-				headers: { Authorization: `Bearer ${token}` },
-			});
-			if (res.ok) {
-				collections = collections.filter((c) => c.id !== id);
-				if (selectedCollection?.id === id) {
-					selectedCollection = null;
-				}
-			}
-		} catch {
-			// ignore
-		}
-	}
-
-	function handleRemove(e: MouseEvent, locationId: string) {
-		e.preventDefault();
-		e.stopPropagation();
-		favoritesStore.toggle(locationId);
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('favorites.title')} - CityCorners</title>
-</svelte:head>
-
-<header class="mb-6">
-	<h1 class="text-2xl font-bold text-foreground">{$_('favorites.title')}</h1>
-	<p class="text-foreground-secondary">{$_('favorites.subtitle')}</p>
-</header>
-
-{#if !authStore.isAuthenticated}
-	<div class="rounded-xl border border-border bg-background-card p-8 text-center">
-		<p class="mb-4 text-foreground-secondary">{$_('favorites.loginRequired')}</p>
-		<a
-			href="/login"
-			class="inline-block rounded-lg bg-primary px-6 py-2 text-sm font-medium text-white transition-colors hover:bg-primary/90"
-		>
-			{$_('settings.login')}
-		</a>
-	</div>
-{:else}
-	<!-- Tabs -->
-	<div class="mb-6 flex gap-2">
-		<button
-			class="rounded-full px-4 py-2 text-sm transition-colors {activeTab === 'favorites'
-				? 'bg-primary text-white'
-				: 'bg-background-card text-foreground-secondary hover:bg-background-card-hover'}"
-			onclick={() => {
-				activeTab = 'favorites';
-				selectedCollection = null;
-			}}
-		>
-			{$_('favorites.tabFavorites')}
-		</button>
-		<button
-			class="rounded-full px-4 py-2 text-sm transition-colors {activeTab === 'collections'
-				? 'bg-primary text-white'
-				: 'bg-background-card text-foreground-secondary hover:bg-background-card-hover'}"
-			onclick={() => {
-				activeTab = 'collections';
-				selectedCollection = null;
-			}}
-		>
-			{$_('favorites.tabCollections')}
-		</button>
-	</div>
-
-	{#if activeTab === 'favorites'}
-		{#if loading}
-			<p class="text-foreground-secondary">{$_('home.loading')}</p>
-		{:else if favoriteLocations.length === 0}
-			<div class="rounded-xl border border-border bg-background-card p-8 text-center">
-				<span class="mb-2 block text-4xl">&#x1F499;</span>
-				<p class="text-foreground-secondary">{$_('favorites.empty')}</p>
-			</div>
-		{:else}
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each favoriteLocations as location}
-					<a
-						href="/locations/{location.slug || location.id}"
-						class="group relative flex items-center gap-4 overflow-hidden rounded-xl border border-border bg-background-card p-4 transition-shadow hover:shadow-lg"
-					>
-						{#if location.imageUrl}
-							<img
-								src={location.imageUrl}
-								alt={location.name}
-								class="h-16 w-16 flex-shrink-0 rounded-lg object-cover"
-							/>
-						{:else}
-							<div
-								class="flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-lg bg-background-card-hover"
-							>
-								<span class="text-2xl">&#x1F4CD;</span>
-							</div>
-						{/if}
-						<div class="min-w-0 flex-1">
-							<span class="text-xs text-primary">{$_(`category.${location.category}`)}</span>
-							<h3 class="truncate font-semibold text-foreground group-hover:text-primary">
-								{location.name}
-							</h3>
-						</div>
-						<button
-							class="flex-shrink-0 p-1 text-red-500 transition-colors hover:text-red-600"
-							onclick={(e) => handleRemove(e, location.id)}
-							title={$_('favorites.remove')}
-						>
-							<Heart size={20} weight="fill" />
-						</button>
-					</a>
-				{/each}
-			</div>
-		{/if}
-	{:else if selectedCollection}
-		<!-- Collection detail view -->
-		<div class="mb-4">
-			<button
-				onclick={() => (selectedCollection = null)}
-				class="text-sm text-foreground-secondary hover:text-primary transition-colors"
-			>
-				&larr; {$_('collections.back')}
-			</button>
-		</div>
-		<div class="mb-4 flex items-center justify-between">
-			<div>
-				<h2 class="text-xl font-bold text-foreground">{selectedCollection.name}</h2>
-				{#if selectedCollection.description}
-					<p class="text-sm text-foreground-secondary">{selectedCollection.description}</p>
-				{/if}
-			</div>
-			<button
-				onclick={() => handleDeleteCollection(selectedCollection!.id)}
-				class="text-sm text-red-500 hover:text-red-600 transition-colors"
-			>
-				{$_('collections.delete')}
-			</button>
-		</div>
-		{#if selectedCollectionLocations.length === 0}
-			<div class="rounded-xl border border-border bg-background-card p-8 text-center">
-				<p class="text-foreground-secondary">{$_('collections.noLocations')}</p>
-			</div>
-		{:else}
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each selectedCollectionLocations as location}
-					<a
-						href="/locations/{location.slug || location.id}"
-						class="group flex items-center gap-4 overflow-hidden rounded-xl border border-border bg-background-card p-4 transition-shadow hover:shadow-lg"
-					>
-						{#if location.imageUrl}
-							<img
-								src={location.imageUrl}
-								alt={location.name}
-								class="h-16 w-16 flex-shrink-0 rounded-lg object-cover"
-							/>
-						{:else}
-							<div
-								class="flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-lg bg-background-card-hover"
-							>
-								<span class="text-2xl">&#x1F4CD;</span>
-							</div>
-						{/if}
-						<div class="min-w-0 flex-1">
-							<span class="text-xs text-primary">{$_(`category.${location.category}`)}</span>
-							<h3 class="truncate font-semibold text-foreground group-hover:text-primary">
-								{location.name}
-							</h3>
-						</div>
-					</a>
-				{/each}
-			</div>
-		{/if}
-	{:else}
-		<!-- Collections list -->
-		<div class="mb-4">
-			<button
-				onclick={() => (showCreateForm = !showCreateForm)}
-				class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-primary/90"
-			>
-				{$_('collections.create')}
-			</button>
-		</div>
-
-		{#if showCreateForm}
-			<div class="mb-6 rounded-xl border border-border bg-background-card p-4 space-y-3">
-				<div>
-					<label for="col-name" class="mb-1 block text-sm font-medium text-foreground"
-						>{$_('collections.name')}</label
-					>
-					<input
-						id="col-name"
-						type="text"
-						bind:value={newCollectionName}
-						placeholder={$_('collections.namePlaceholder')}
-						class="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-					/>
-				</div>
-				<div>
-					<label for="col-desc" class="mb-1 block text-sm font-medium text-foreground"
-						>{$_('collections.description')}</label
-					>
-					<input
-						id="col-desc"
-						type="text"
-						bind:value={newCollectionDescription}
-						placeholder={$_('collections.descriptionPlaceholder')}
-						class="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-foreground-secondary/50 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-					/>
-				</div>
-				<div class="flex gap-2">
-					<button
-						onclick={() => (showCreateForm = false)}
-						class="rounded-lg border border-border bg-background px-4 py-2 text-sm text-foreground-secondary hover:bg-background-card-hover"
-					>
-						{$_('collections.cancel')}
-					</button>
-					<button
-						onclick={handleCreateCollection}
-						disabled={!newCollectionName.trim() || creatingCollection}
-						class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-primary/90 disabled:opacity-50"
-					>
-						{$_('collections.save')}
-					</button>
-				</div>
-			</div>
-		{/if}
-
-		{#if collections.length === 0}
-			<div class="rounded-xl border border-border bg-background-card p-8 text-center">
-				<p class="text-foreground-secondary">{$_('collections.empty')}</p>
-			</div>
-		{:else}
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each collections as collection}
-					<button
-						onclick={() => (selectedCollection = collection)}
-						class="text-left overflow-hidden rounded-xl border border-border bg-background-card p-4 transition-shadow hover:shadow-lg"
-					>
-						<h3 class="font-semibold text-foreground">{collection.name}</h3>
-						{#if collection.description}
-							<p class="mt-1 text-sm text-foreground-secondary line-clamp-2">
-								{collection.description}
-							</p>
-						{/if}
-						<p class="mt-2 text-xs text-foreground-secondary">
-							{$_('collections.locations', {
-								values: { count: (collection.locationIds || []).length },
-							})}
-						</p>
-					</button>
-				{/each}
-			</div>
-		{/if}
-	{/if}
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index bc0f544a5..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { browser } from '$app/environment';
-	import { FeedbackPage } from '@manacore/feedback';
-	import { createFeedbackService } from '@manacore/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	function getAuthUrl(): string {
-		if (browser && typeof window !== 'undefined') {
-			const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-				.__PUBLIC_MANA_CORE_AUTH_URL__;
-			return injectedUrl || 'http://localhost:3001';
-		}
-		return 'http://localhost:3001';
-	}
-
-	const feedbackService = createFeedbackService({
-		appId: 'citycorners',
-		apiUrl: getAuthUrl(),
-		getAuthToken: () => authStore.getValidToken(),
-	});
-</script>
-
-<FeedbackPage {feedbackService} appName="CityCorners" currentUserId={authStore.user?.id} />
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index d5a9e2905..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getCityCornersHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getCityCornersHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne CityCorners kennen'
-					: 'Find answers and learn how to use CityCorners',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | CityCorners</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="CityCorners"
-	appId="citycorners"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/locations/[id]/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/locations/[id]/+page.svelte
deleted file mode 100644
index 7f9f0b3d1..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/locations/[id]/+page.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	// Old route — redirect to city discovery
-	// Locations are now at /cities/[slug]/locations/[id]
-	onMount(() => {
-		goto('/', { replaceState: true });
-	});
-</script>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/locations/[id]/edit/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/locations/[id]/edit/+page.svelte
deleted file mode 100644
index 1cd29eca8..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/locations/[id]/edit/+page.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	onMount(() => {
-		goto('/', { replaceState: true });
-	});
-</script>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/map/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/map/+page.svelte
deleted file mode 100644
index 6da139b09..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/map/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	// Old route — redirect to city discovery
-	onMount(() => {
-		goto('/', { replaceState: true });
-	});
-</script>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index c299001e3..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<ProfilePage user={authStore.user} appName="CityCorners" />
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index ec4b2402a..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,120 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { THEME_DEFINITIONS } from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-
-	const themeVariants: ThemeVariant[] = [
-		'lume',
-		'nature',
-		'stone',
-		'ocean',
-		'sunset',
-		'midnight',
-		'rose',
-		'lavender',
-	];
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('settings.title')} - CityCorners</title>
-</svelte:head>
-
-<div class="space-y-8">
-	<h1 class="text-2xl font-bold text-foreground">{$_('settings.title')}</h1>
-
-	<section class="rounded-xl border border-border bg-background-card p-5">
-		<h2 class="mb-4 text-lg font-semibold text-foreground">{$_('settings.appearance')}</h2>
-
-		<div class="space-y-4">
-			<div>
-				<label class="mb-2 block text-sm font-medium text-foreground-secondary"
-					>{$_('settings.mode')}</label
-				>
-				<div class="flex gap-2">
-					{#each [{ value: 'light', label: `☀️ ${$_('settings.light')}` }, { value: 'dark', label: `🌙 ${$_('settings.dark')}` }, { value: 'system', label: `💻 ${$_('settings.system')}` }] as opt}
-						<button
-							class="rounded-lg px-4 py-2 text-sm transition-colors {theme.mode === opt.value
-								? 'bg-primary text-white'
-								: 'bg-background text-foreground-secondary hover:bg-background-card-hover'}"
-							onclick={() => theme.setMode(opt.value as 'light' | 'dark' | 'system')}
-						>
-							{opt.label}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<div>
-				<label class="mb-2 block text-sm font-medium text-foreground-secondary"
-					>{$_('settings.colorScheme')}</label
-				>
-				<div class="grid grid-cols-4 gap-2">
-					{#each themeVariants as v}
-						<button
-							class="flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors {theme.variant ===
-							v
-								? 'bg-primary text-white'
-								: 'bg-background text-foreground-secondary hover:bg-background-card-hover'}"
-							onclick={() => theme.setVariant(v)}
-						>
-							<span>{THEME_DEFINITIONS[v]?.icon || '🎨'}</span>
-							<span>{THEME_DEFINITIONS[v]?.label || v}</span>
-						</button>
-					{/each}
-				</div>
-			</div>
-		</div>
-	</section>
-
-	<section class="rounded-xl border border-border bg-background-card p-5">
-		<h2 class="mb-4 text-lg font-semibold text-foreground">{$_('settings.account')}</h2>
-
-		{#if authStore.isAuthenticated}
-			<div class="space-y-3">
-				<div class="flex items-center justify-between">
-					<span class="text-sm text-foreground-secondary">{$_('settings.email')}</span>
-					<span class="text-sm font-medium text-foreground">{authStore.user?.email}</span>
-				</div>
-				<hr class="border-border" />
-				<button
-					class="w-full rounded-lg bg-red-500/10 px-4 py-2 text-sm font-medium text-red-500 transition-colors hover:bg-red-500/20"
-					onclick={handleLogout}
-				>
-					{$_('settings.logout')}
-				</button>
-			</div>
-		{:else}
-			<div class="space-y-3">
-				<p class="text-sm text-foreground-secondary">{$_('settings.loginPrompt')}</p>
-				<div class="flex gap-2">
-					<a
-						href="/login"
-						class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-primary/90"
-					>
-						{$_('settings.login')}
-					</a>
-					<a
-						href="/register"
-						class="rounded-lg bg-background px-4 py-2 text-sm font-medium text-foreground-secondary transition-colors hover:bg-background-card-hover"
-					>
-						{$_('settings.register')}
-					</a>
-				</div>
-			</div>
-		{/if}
-	</section>
-
-	<section class="rounded-xl border border-border bg-background-card p-5">
-		<h2 class="mb-4 text-lg font-semibold text-foreground">{$_('settings.about')}</h2>
-		<p class="text-sm text-foreground-secondary">{$_('settings.aboutText')}</p>
-		<p class="mt-2 text-xs text-foreground-secondary/60">Version 0.0.1</p>
-	</section>
-</div>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index a2cac9ee8..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | CityCorners</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 98833df98..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme.svelte';
-</script>
-
-<svelte:head>
-	<title>Themes | CityCorners</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/citycorners/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index bba3c9a33..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import '$lib/i18n';
-
-	let { children } = $props();
-</script>
-
-<div class="min-h-screen flex items-center justify-center p-4 bg-background">
-	<div class="w-full max-w-md">
-		<div class="text-center mb-8">
-			<h1 class="text-3xl font-bold text-foreground">{$_('app.name')}</h1>
-			<p class="text-foreground-secondary mt-2">{$_('app.tagline')}</p>
-		</div>
-		{@render children()}
-	</div>
-</div>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 032aa739e..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { CitycornersLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} - CityCorners</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="CityCorners"
-	logo={CitycornersLogo}
-	primaryColor="#2563eb"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#eff6ff"
-	darkBackground="#1e1b4b"
-	{translations}
-/>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index f622be0bd..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,64 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { locale } from 'svelte-i18n';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { CitycornersLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} - CityCorners</title>
-</svelte:head>
-
-<LoginPage
-	appName="CityCorners"
-	logo={CitycornersLogo}
-	primaryColor="#2563eb"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#eff6ff"
-	darkBackground="#1e1b4b"
-	{translations}
-	{verified}
-	{initialEmail}
-/>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 7b14e5a03..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { CitycornersLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} - CityCorners</title>
-</svelte:head>
-
-<RegisterPage
-	appName="CityCorners"
-	logo={CitycornersLogo}
-	primaryColor="#2563eb"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect="/"
-	loginPath="/login"
-	lightBackground="#eff6ff"
-	darkBackground="#1e1b4b"
-	{translations}
-/>
diff --git a/apps/citycorners/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index b0b7f77d9..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { CitycornersLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - CityCorners</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-blue-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<CitycornersLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #2563eb">CityCorners</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #2563eb"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #2563eb80; border-color: #2563eb"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #2563eb"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #2563eb"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/citycorners/apps/web-archived/src/routes/+layout.svelte b/apps/citycorners/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index a58198271..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
-	import { isLoading as isLocaleLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { waitLocale } from '$lib/i18n';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-
-	onMount(() => {
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-
-		const init = async () => {
-			await waitLocale();
-			theme.initialize();
-			await authStore.initialize();
-			loading = false;
-		};
-
-		init();
-
-		return cleanupErrorHandler;
-	});
-</script>
-
-<ToastContainer />
-
-{#if $isLocaleLoading || loading}
-	<div class="min-h-screen bg-background flex items-center justify-center">
-		<div class="text-center">
-			<div
-				class="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin mx-auto mb-4"
-			></div>
-			<p class="text-foreground-secondary">CityCorners</p>
-		</div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-{/if}
diff --git a/apps/citycorners/apps/web-archived/src/routes/+layout.ts b/apps/citycorners/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/citycorners/apps/web-archived/src/routes/health/+server.ts b/apps/citycorners/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 88e706807..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'citycorners-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/citycorners/apps/web-archived/src/routes/offline/+page.svelte b/apps/citycorners/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 76abb336a..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import '$lib/i18n';
-</script>
-
-<svelte:head>
-	<title>{$_('offline.title')} - CityCorners</title>
-</svelte:head>
-
-<div class="min-h-screen bg-background flex items-center justify-center p-6">
-	<div class="text-center max-w-md">
-		<span class="mb-4 block text-6xl">📡</span>
-		<h1 class="text-2xl font-bold text-foreground mb-2">{$_('offline.title')}</h1>
-		<p class="text-foreground-secondary mb-6">{$_('offline.message')}</p>
-		<button
-			class="rounded-lg bg-primary px-6 py-2.5 text-sm font-medium text-white transition-colors hover:bg-primary/90"
-			onclick={() => window.location.reload()}
-		>
-			{$_('offline.retry')}
-		</button>
-	</div>
-</div>
diff --git a/apps/citycorners/apps/web-archived/src/routes/offline/+page.ts b/apps/citycorners/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/citycorners/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/citycorners/apps/web-archived/static/favicon.png b/apps/citycorners/apps/web-archived/static/favicon.png
deleted file mode 100644
index c8e1c6be1..000000000
Binary files a/apps/citycorners/apps/web-archived/static/favicon.png and /dev/null differ
diff --git a/apps/citycorners/apps/web-archived/svelte.config.js b/apps/citycorners/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/citycorners/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/citycorners/apps/web-archived/tsconfig.json b/apps/citycorners/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/citycorners/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/citycorners/apps/web-archived/vite.config.ts b/apps/citycorners/apps/web-archived/vite.config.ts
deleted file mode 100644
index 90f7f3608..000000000
--- a/apps/citycorners/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-import tailwindcss from '@tailwindcss/vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		sveltekit(),
-		tailwindcss(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'CityCorners - Konstanz Guide',
-				shortName: 'CityCorners',
-				description: 'Entdecke Sehenswürdigkeiten, Restaurants, Museen und Läden in Konstanz',
-				themeColor: '#2563eb',
-				categories: ['travel', 'lifestyle'],
-			})
-		),
-	],
-	server: {
-		port: 5196,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/contacts/apps/web-archived/Dockerfile b/apps/contacts/apps/web-archived/Dockerfile
deleted file mode 100644
index 4460c492b..000000000
--- a/apps/contacts/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,31 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://contacts-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/contacts/apps/web ./apps/contacts/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/contacts/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/contacts/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/contacts/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/contacts/apps/web/build ./build
-COPY --from=builder /app/apps/contacts/apps/web/package.json ./
-
-EXPOSE 5014
-ENV NODE_ENV=production PORT=5014 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5014/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/contacts/apps/web-archived/e2e/auth.spec.ts b/apps/contacts/apps/web-archived/e2e/auth.spec.ts
deleted file mode 100644
index 6d6e3030e..000000000
--- a/apps/contacts/apps/web-archived/e2e/auth.spec.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-// Auth tests run WITHOUT storageState (unauthenticated)
-
-// Helper: wait for the app to finish loading (skeleton disappears)
-async function waitForAppReady(page: import('@playwright/test').Page) {
-	await page.waitForFunction(
-		() => {
-			const skeleton = document.querySelector('.app-loading-skeleton, [data-skeleton]');
-			return !skeleton || skeleton.children.length === 0;
-		},
-		{ timeout: 30000 }
-	);
-	// Give Svelte time to render
-	await page.waitForTimeout(500);
-}
-
-test.describe('Authentication', () => {
-	test('login page renders with email and password fields', async ({ page }) => {
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email');
-		const passwordInput = page.locator('input[type="password"], input[name="password"], #password');
-
-		await expect(emailInput.first()).toBeVisible({ timeout: 10000 });
-		await expect(passwordInput.first()).toBeVisible({ timeout: 5000 });
-		await expect(page.locator('button[type="submit"]')).toBeVisible();
-	});
-
-	test('invalid credentials show error message', async ({ page }) => {
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-		const passwordInput = page
-			.locator('input[type="password"], input[name="password"], #password')
-			.first();
-
-		await emailInput.fill('nonexistent@test.local');
-		await passwordInput.fill('WrongPassword123!');
-		await page.locator('button[type="submit"]').click();
-
-		// Error alert should appear
-		const errorAlert = page.locator('#form-error, [role="alert"]');
-		await expect(errorAlert.first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('successful login redirects to contacts list', async ({ page }) => {
-		const email = process.env.E2E_TEST_EMAIL || 'e2e-contacts@test.local';
-		const password = process.env.E2E_TEST_PASSWORD || 'TestPassword123';
-
-		const errors: string[] = [];
-		page.on('console', (msg) => {
-			if (msg.type() === 'error') errors.push(msg.text());
-		});
-		page.on('requestfailed', (req) => {
-			errors.push(`Request failed: ${req.url()} - ${req.failure()?.errorText}`);
-		});
-
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-		const passwordInput = page
-			.locator('input[type="password"], input[name="password"], #password')
-			.first();
-
-		await emailInput.fill(email);
-		await passwordInput.fill(password);
-		await page.locator('button[type="submit"]').click();
-
-		try {
-			await page.waitForURL((url) => !url.pathname.includes('/login'), { timeout: 20000 });
-		} catch {
-			console.log('Login errors:', errors);
-			const authUrl = await page.evaluate(
-				() => (window as any).__PUBLIC_MANA_CORE_AUTH_URL__ || 'NOT SET'
-			);
-			console.log('Auth URL on page:', authUrl);
-			throw new Error(`Login did not redirect. Auth URL: ${authUrl}. Errors: ${errors.join('; ')}`);
-		}
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('unauthenticated access redirects to /login', async ({ page }) => {
-		await page.goto('/');
-
-		// The app layout redirects unauthenticated users to /login
-		await page.waitForURL(/\/login/, { timeout: 30000 });
-	});
-});
diff --git a/apps/contacts/apps/web-archived/e2e/contacts.spec.ts b/apps/contacts/apps/web-archived/e2e/contacts.spec.ts
deleted file mode 100644
index 75132e17c..000000000
--- a/apps/contacts/apps/web-archived/e2e/contacts.spec.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-import { test, expect } from './fixtures/auth';
-
-const BACKEND_URL = process.env.PUBLIC_BACKEND_URL || 'http://localhost:3015';
-
-test.describe('Contact CRUD', () => {
-	test.beforeAll(async () => {
-		// Skip all tests if the backend is not running
-		try {
-			const res = await fetch(`${BACKEND_URL}/api/v1/health`, {
-				signal: AbortSignal.timeout(3000),
-			});
-			if (!res.ok) test.skip(true, 'Contacts backend is not running');
-		} catch {
-			test.skip(true, 'Contacts backend is not reachable');
-		}
-	});
-
-	test.beforeEach(async ({ page }) => {
-		await page.goto('/');
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('create contact via modal, verify it appears in list', async ({ page }) => {
-		const uniqueFirstName = `E2E-Vorname-${Date.now()}`;
-		const uniqueLastName = `E2E-Nachname-${Date.now()}`;
-
-		// Open the new contact modal using keyboard shortcut (Cmd/Ctrl + N)
-		// The QuickInputBar or layout handles this, but we can also type in the input bar
-		// Use Ctrl+N / Meta+N to open the new contact modal
-		await page.keyboard.press('Control+n');
-
-		// Wait for the new contact modal to appear
-		const modal = page.locator('[role="dialog"]');
-		await expect(modal).toBeVisible({ timeout: 5000 });
-
-		// Fill in contact details
-		await modal.locator('#firstName').fill(uniqueFirstName);
-		await modal.locator('#lastName').fill(uniqueLastName);
-		await modal.locator('#email').fill(`e2e-${Date.now()}@test.local`);
-		await modal.locator('#company').fill('E2E Test GmbH');
-
-		// Click "Kontakt erstellen" (Create contact)
-		await modal.getByRole('button', { name: /Kontakt erstellen/i }).click();
-
-		// Modal should close
-		await expect(modal).not.toBeVisible({ timeout: 5000 });
-
-		// Wait for the contacts list to reload
-		await page.waitForTimeout(1000);
-
-		// Verify the contact appears in the list
-		const contactEntry = page.locator('main').getByText(uniqueFirstName);
-		await expect(contactEntry.first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('toggle favorite on a contact', async ({ page }) => {
-		const uniqueName = `E2E-Fav-${Date.now()}`;
-
-		// Create a contact first
-		await page.keyboard.press('Control+n');
-		const modal = page.locator('[role="dialog"]');
-		await expect(modal).toBeVisible({ timeout: 5000 });
-		await modal.locator('#firstName').fill(uniqueName);
-		await modal.locator('#email').fill(`e2e-fav-${Date.now()}@test.local`);
-		await modal.getByRole('button', { name: /Kontakt erstellen/i }).click();
-		await expect(modal).not.toBeVisible({ timeout: 5000 });
-		await page.waitForTimeout(1000);
-
-		// Click on the contact to open the detail modal
-		const contactEntry = page.getByText(uniqueName).first();
-		await expect(contactEntry).toBeVisible({ timeout: 10000 });
-		await contactEntry.click();
-
-		// Wait for the contact detail modal
-		const detailModal = page.locator('[role="dialog"]');
-		await expect(detailModal).toBeVisible({ timeout: 5000 });
-
-		// Click the favorite button
-		const favoriteButton = detailModal.locator('button[aria-label*="Favorit"]').first();
-		await expect(favoriteButton).toBeVisible({ timeout: 5000 });
-		await favoriteButton.click();
-
-		// Wait for the toggle to take effect
-		await page.waitForTimeout(500);
-
-		// The aria-label should have changed to indicate favorite status
-		const updatedButton = detailModal.locator('button[aria-label*="Favorit"]').first();
-		await expect(updatedButton).toBeVisible();
-	});
-
-	test('delete a contact', async ({ page }) => {
-		const uniqueName = `E2E-Delete-${Date.now()}`;
-
-		// Create a contact first
-		await page.keyboard.press('Control+n');
-		const modal = page.locator('[role="dialog"]');
-		await expect(modal).toBeVisible({ timeout: 5000 });
-		await modal.locator('#firstName').fill(uniqueName);
-		await modal.locator('#email').fill(`e2e-del-${Date.now()}@test.local`);
-		await modal.getByRole('button', { name: /Kontakt erstellen/i }).click();
-		await expect(modal).not.toBeVisible({ timeout: 5000 });
-		await page.waitForTimeout(1000);
-
-		// Click on the contact to open detail modal
-		const contactEntry = page.getByText(uniqueName).first();
-		await expect(contactEntry).toBeVisible({ timeout: 10000 });
-		await contactEntry.click();
-
-		const detailModal = page.locator('[role="dialog"]');
-		await expect(detailModal).toBeVisible({ timeout: 5000 });
-
-		// Handle the browser confirm dialog
-		page.on('dialog', (dialog) => dialog.accept());
-
-		// Click the delete button (aria-label="Löschen")
-		const deleteButton = detailModal.locator('button[aria-label="Löschen"]');
-		await expect(deleteButton).toBeVisible({ timeout: 5000 });
-		await deleteButton.click();
-
-		// Modal should close after deletion
-		await expect(detailModal).not.toBeVisible({ timeout: 5000 });
-
-		// Contact should no longer appear in the list
-		await page.waitForTimeout(1000);
-		await expect(page.getByText(uniqueName)).not.toBeVisible({ timeout: 5000 });
-	});
-
-	test('search for a contact', async ({ page }) => {
-		const uniqueName = `E2E-Search-${Date.now()}`;
-
-		// Create a contact first
-		await page.keyboard.press('Control+n');
-		const modal = page.locator('[role="dialog"]');
-		await expect(modal).toBeVisible({ timeout: 5000 });
-		await modal.locator('#firstName').fill(uniqueName);
-		await modal.locator('#email').fill(`e2e-search-${Date.now()}@test.local`);
-		await modal.getByRole('button', { name: /Kontakt erstellen/i }).click();
-		await expect(modal).not.toBeVisible({ timeout: 5000 });
-		await page.waitForTimeout(1000);
-
-		// Use the QuickInputBar search (placeholder: "Neuer Kontakt oder suchen...")
-		const searchInput = page.locator('input[placeholder*="suchen"]').first();
-		await expect(searchInput).toBeVisible({ timeout: 5000 });
-		await searchInput.fill(uniqueName);
-
-		// Wait for search results to filter
-		await page.waitForTimeout(500);
-
-		// The contact should still be visible in filtered results
-		const contactEntry = page.getByText(uniqueName).first();
-		await expect(contactEntry).toBeVisible({ timeout: 5000 });
-
-		// Clear search
-		await searchInput.clear();
-	});
-});
diff --git a/apps/contacts/apps/web-archived/e2e/fixtures/auth.ts b/apps/contacts/apps/web-archived/e2e/fixtures/auth.ts
deleted file mode 100644
index 6ce694b2a..000000000
--- a/apps/contacts/apps/web-archived/e2e/fixtures/auth.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-import { test as base, expect, type Page, type BrowserContext } from '@playwright/test';
-import fs from 'node:fs';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const TEST_EMAIL = process.env.E2E_TEST_EMAIL || 'e2e-contacts@test.local';
-const TEST_PASSWORD = process.env.E2E_TEST_PASSWORD || 'TestPassword123';
-const AUTH_URL = process.env.MANA_CORE_AUTH_URL || 'http://localhost:3001';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const STORAGE_STATE_PATH = path.join(__dirname, '..', '.auth-state.json');
-
-/**
- * Ensures a test user exists via the auth API.
- */
-async function ensureTestUser(): Promise<void> {
-	try {
-		const res = await fetch(`${AUTH_URL}/api/v1/auth/register`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ email: TEST_EMAIL, password: TEST_PASSWORD, name: 'E2E Test User' }),
-		});
-		if (!res.ok && res.status !== 409 && res.status !== 422) {
-			const body = await res.text();
-			console.warn(`Register returned ${res.status}: ${body}`);
-		}
-	} catch {
-		// User may already exist
-	}
-
-	try {
-		await fetch(`${AUTH_URL}/api/v1/auth/verify-email-dev`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ email: TEST_EMAIL }),
-		});
-	} catch {
-		// Verification endpoint may not exist
-	}
-}
-
-async function waitForAppReady(page: Page): Promise<void> {
-	await page.waitForFunction(
-		() => document.querySelector('main, form, input[type="email"], #email') !== null,
-		{ timeout: 30000 }
-	);
-}
-
-/**
- * Dismiss any onboarding or welcome modal that may appear after login.
- */
-async function dismissOnboarding(page: Page): Promise<void> {
-	try {
-		const skipButton = page.getByText('Überspringen', { exact: true });
-		await skipButton.waitFor({ state: 'visible', timeout: 3000 });
-		await skipButton.click();
-		await page.locator('.fixed.inset-0.z-50').waitFor({ state: 'hidden', timeout: 5000 });
-	} catch {
-		// No onboarding modal -- that's fine
-	}
-}
-
-function hasValidStorageState(): boolean {
-	try {
-		const stat = fs.statSync(STORAGE_STATE_PATH);
-		const ageMs = Date.now() - stat.mtimeMs;
-		if (ageMs > 60 * 60 * 1000) return false;
-		const content = JSON.parse(fs.readFileSync(STORAGE_STATE_PATH, 'utf-8'));
-		return content.origins?.length > 0;
-	} catch {
-		return false;
-	}
-}
-
-async function loginViaUI(page: Page): Promise<void> {
-	await page.goto('/login');
-	await waitForAppReady(page);
-
-	const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-	const passwordInput = page
-		.locator('input[type="password"], input[name="password"], #password')
-		.first();
-
-	await emailInput.fill(TEST_EMAIL);
-	await passwordInput.fill(TEST_PASSWORD);
-	await page.locator('button[type="submit"]').click();
-
-	// Contacts redirects to / after login
-	await page.waitForURL((url) => !url.pathname.includes('/login'), { timeout: 30000 });
-	await expect(page.locator('main').first()).toBeVisible({ timeout: 15000 });
-
-	// Dismiss onboarding wizard if it appears
-	await dismissOnboarding(page);
-}
-
-/**
- * Extended test fixture that provides an authenticated page.
- */
-export const test = base.extend<object, { workerStorageState: string }>({
-	workerStorageState: [
-		async ({ browser }, use) => {
-			if (hasValidStorageState()) {
-				await use(STORAGE_STATE_PATH);
-				return;
-			}
-
-			await ensureTestUser();
-
-			const context = await browser.newContext();
-			const page = await context.newPage();
-			await loginViaUI(page);
-
-			await context.storageState({ path: STORAGE_STATE_PATH });
-			await page.close();
-			await context.close();
-
-			await use(STORAGE_STATE_PATH);
-		},
-		{ scope: 'worker' },
-	],
-
-	context: async ({ browser, workerStorageState }, use) => {
-		const context = await browser.newContext({ storageState: workerStorageState });
-		await use(context);
-		await context.close();
-	},
-
-	page: async ({ context }, use) => {
-		const page = await context.newPage();
-		await use(page);
-	},
-});
-
-export { expect, dismissOnboarding };
diff --git a/apps/contacts/apps/web-archived/e2e/tags.spec.ts b/apps/contacts/apps/web-archived/e2e/tags.spec.ts
deleted file mode 100644
index c6c5dea9a..000000000
--- a/apps/contacts/apps/web-archived/e2e/tags.spec.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { test, expect } from './fixtures/auth';
-
-const BACKEND_URL = process.env.PUBLIC_BACKEND_URL || 'http://localhost:3015';
-
-test.describe('Tags', () => {
-	test.beforeAll(async () => {
-		// Skip all tests if the backend is not running
-		try {
-			const res = await fetch(`${BACKEND_URL}/api/v1/health`, {
-				signal: AbortSignal.timeout(3000),
-			});
-			if (!res.ok) test.skip(true, 'Contacts backend is not running');
-		} catch {
-			test.skip(true, 'Contacts backend is not reachable');
-		}
-	});
-
-	test('navigate to tags page and create a new tag', async ({ page }) => {
-		// Navigate to the tags page
-		await page.goto('/tags');
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-
-		const uniqueTagName = `E2E-Tag-${Date.now()}`;
-
-		// Click the add button (Plus icon button with aria-label for new tag)
-		const addButton = page.locator('button[aria-label*="Tag"], button[aria-label*="tag"]').first();
-		await expect(addButton).toBeVisible({ timeout: 5000 });
-		await addButton.click();
-
-		// Wait for the tag edit modal to appear
-		const modal = page.locator('[role="dialog"]');
-		await expect(modal).toBeVisible({ timeout: 5000 });
-
-		// Fill in the tag name
-		const nameInput = modal.locator('input').first();
-		await expect(nameInput).toBeVisible({ timeout: 3000 });
-		await nameInput.fill(uniqueTagName);
-
-		// Click "Erstellen" (Create) button
-		const createButton = modal.getByRole('button', { name: /Erstellen/i });
-		await expect(createButton).toBeVisible({ timeout: 3000 });
-		await createButton.click();
-
-		// Modal should close
-		await expect(modal).not.toBeVisible({ timeout: 5000 });
-
-		// Verify the tag appears in the list
-		const tagEntry = page.getByText(uniqueTagName);
-		await expect(tagEntry.first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('search for a tag', async ({ page }) => {
-		await page.goto('/tags');
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-
-		const uniqueTagName = `E2E-SearchTag-${Date.now()}`;
-
-		// Create a tag first
-		const addButton = page.locator('button[aria-label*="Tag"], button[aria-label*="tag"]').first();
-		await addButton.click();
-
-		const modal = page.locator('[role="dialog"]');
-		await expect(modal).toBeVisible({ timeout: 5000 });
-		const nameInput = modal.locator('input').first();
-		await nameInput.fill(uniqueTagName);
-		await modal.getByRole('button', { name: /Erstellen/i }).click();
-		await expect(modal).not.toBeVisible({ timeout: 5000 });
-
-		// Use the search input (placeholder: "Tags durchsuchen...")
-		const searchInput = page.locator('input[placeholder*="durchsuchen"]').first();
-		await expect(searchInput).toBeVisible({ timeout: 5000 });
-		await searchInput.fill(uniqueTagName);
-
-		// Wait for filtering
-		await page.waitForTimeout(500);
-
-		// Tag should be visible in filtered results
-		const tagEntry = page.getByText(uniqueTagName);
-		await expect(tagEntry.first()).toBeVisible({ timeout: 5000 });
-	});
-});
diff --git a/apps/contacts/apps/web-archived/eslint.config.js b/apps/contacts/apps/web-archived/eslint.config.js
deleted file mode 100644
index f0e51b62e..000000000
--- a/apps/contacts/apps/web-archived/eslint.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-check
-import {
-	baseConfig,
-	typescriptConfig,
-	svelteConfig,
-	prettierConfig,
-} from '@manacore/eslint-config';
-
-export default [
-	{
-		ignores: ['dist/**', '.svelte-kit/**', 'node_modules/**'],
-	},
-	...baseConfig,
-	...typescriptConfig,
-	...svelteConfig,
-	...prettierConfig,
-];
diff --git a/apps/contacts/apps/web-archived/package.json b/apps/contacts/apps/web-archived/package.json
deleted file mode 100644
index d18eb10bc..000000000
--- a/apps/contacts/apps/web-archived/package.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
-	"name": "@contacts/web",
-	"version": "1.0.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"test": "vitest run",
-		"test:watch": "vitest",
-		"test:e2e": "playwright test",
-		"test:e2e:ui": "playwright test --ui"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@playwright/test": "^1.52.0",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-links": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-splitscreen": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@manacore/spiral-db": "workspace:^",
-		"date-fns": "^4.1.0",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/contacts/apps/web-archived/playwright.config.ts b/apps/contacts/apps/web-archived/playwright.config.ts
deleted file mode 100644
index dc957d6c3..000000000
--- a/apps/contacts/apps/web-archived/playwright.config.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-	testDir: './e2e',
-	fullyParallel: true,
-	forbidOnly: !!process.env.CI,
-	retries: process.env.CI ? 2 : 0,
-	workers: 1,
-	reporter: process.env.CI ? [['github'], ['html', { open: 'never' }]] : [['html']],
-
-	use: {
-		baseURL: 'http://localhost:5184',
-		trace: 'on-first-retry',
-		screenshot: 'only-on-failure',
-		video: 'retain-on-failure',
-		actionTimeout: 10000,
-		navigationTimeout: 30000,
-	},
-
-	timeout: 60000,
-	expect: { timeout: 5000 },
-
-	projects: process.env.CI
-		? [
-				{ name: 'chromium', use: { ...devices['Desktop Chrome'] } },
-				{ name: 'firefox', use: { ...devices['Desktop Firefox'] } },
-				{ name: 'webkit', use: { ...devices['Desktop Safari'] } },
-			]
-		: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
-
-	webServer: {
-		command: 'pnpm run build && pnpm run preview --port 5184',
-		port: 5184,
-		reuseExistingServer: !process.env.CI,
-		timeout: 120000,
-	},
-
-	outputDir: 'test-results/',
-});
diff --git a/apps/contacts/apps/web-archived/src/app.css b/apps/contacts/apps/web-archived/src/app.css
deleted file mode 100644
index b15f6db3c..000000000
--- a/apps/contacts/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,151 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../packages/shared/src";
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-/* Contacts-specific CSS Variables */
-@layer base {
-	:root {
-		/* Spacing */
-		--spacing-xs: 0.25rem;
-		--spacing-sm: 0.5rem;
-		--spacing-md: 1rem;
-		--spacing-lg: 1.5rem;
-		--spacing-xl: 2rem;
-		--spacing-2xl: 3rem;
-
-		/* Border Radius */
-		--radius-sm: 0.25rem;
-		--radius-md: 0.5rem;
-		--radius-lg: 0.75rem;
-		--radius-xl: 1rem;
-		--radius-full: 9999px;
-
-		/* Transitions */
-		--transition-fast: 150ms ease;
-		--transition-base: 200ms ease;
-		--transition-slow: 300ms ease;
-	}
-}
-
-/* Utility Classes */
-@layer components {
-	/* Card styles */
-	.card {
-		background-color: var(--color-card);
-		border-radius: var(--radius-lg);
-		padding: var(--spacing-lg);
-		border: 1px solid var(--color-border);
-		transition: transform var(--transition-base), box-shadow var(--transition-base);
-	}
-
-	.card:hover {
-		transform: translateY(-2px);
-		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-	}
-
-	/* Contact card specific */
-	.contact-card {
-		display: flex;
-		align-items: center;
-		gap: var(--spacing-md);
-		padding: var(--spacing-md);
-		border-radius: var(--radius-md);
-		border: 1px solid var(--color-border);
-		background-color: var(--color-card);
-		transition: all var(--transition-base);
-	}
-
-	.contact-card:hover {
-		border-color: var(--color-primary);
-		background-color: var(--color-accent);
-	}
-
-	/* Avatar styles */
-	.avatar {
-		width: 56px;
-		height: 56px;
-		min-width: 56px;
-		border-radius: var(--radius-full);
-		background-color: var(--color-primary);
-		color: var(--color-primary-foreground);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-weight: 600;
-		font-size: 1.25rem;
-	}
-
-	.avatar-lg {
-		width: 96px;
-		height: 96px;
-		font-size: 2.5rem;
-	}
-
-	/* Button styles */
-	.btn {
-		padding: var(--spacing-sm) var(--spacing-lg);
-		border-radius: var(--radius-md);
-		font-weight: 500;
-		transition: all var(--transition-base);
-		cursor: pointer;
-		border: none;
-	}
-
-	.btn-primary {
-		background: var(--color-primary);
-		color: var(--color-primary-foreground);
-	}
-
-	.btn-primary:hover {
-		filter: brightness(0.9);
-	}
-
-	/* Input styles */
-	.input {
-		padding: var(--spacing-sm) var(--spacing-md);
-		border: 2px solid var(--color-border);
-		border-radius: var(--radius-md);
-		background-color: var(--color-background);
-		color: var(--color-foreground);
-		transition: border-color var(--transition-fast);
-	}
-
-	.input:focus {
-		outline: none;
-		border-color: var(--color-primary);
-	}
-
-	/* Tag styles */
-	.tag {
-		display: inline-flex;
-		align-items: center;
-		padding: 0.125rem 0.5rem;
-		border-radius: var(--radius-full);
-		font-size: 0.75rem;
-		font-weight: 500;
-	}
-}
-
-/* Shadow variables */
-@layer base {
-	:root {
-		--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-		--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-		--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-		--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
-	}
-
-	.dark {
-		--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-		--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
-		--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
-		--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
-	}
-}
diff --git a/apps/contacts/apps/web-archived/src/app.d.ts b/apps/contacts/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/contacts/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/contacts/apps/web-archived/src/app.html b/apps/contacts/apps/web-archived/src/app.html
deleted file mode 100644
index 8cb6e08b3..000000000
--- a/apps/contacts/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="description" content="Verwalte deine Kontakte intelligent mit Tags, Gruppen, Import/Export und automatischer Duplikaterkennung." />
-		<meta name="application-name" content="ManaContacts" />
-		<meta name="theme-color" content="#3b82f6" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<meta property="og:title" content="ManaContacts - Kontaktverwaltung" />
-		<meta property="og:description" content="Verwalte deine Kontakte intelligent mit Tags, Gruppen, Import/Export und automatischer Duplikaterkennung." />
-		<meta property="og:type" content="website" />
-		<meta name="twitter:card" content="summary_large_image" />
-		<meta name="twitter:title" content="ManaContacts - Kontaktverwaltung" />
-		<meta name="twitter:description" content="Verwalte deine Kontakte intelligent mit Tags, Gruppen, Import/Export und automatischer Duplikaterkennung." />
-		<title>ManaContacts</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/contacts/apps/web-archived/src/hooks.client.ts b/apps/contacts/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 1ad077157..000000000
--- a/apps/contacts/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'contacts-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/contacts/apps/web-archived/src/hooks.server.ts b/apps/contacts/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 2a369b926..000000000
--- a/apps/contacts/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-
-// Cross-app integration URLs
-const PUBLIC_TODO_BACKEND_URL = process.env.PUBLIC_TODO_BACKEND_URL || 'http://localhost:3031';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			// Inject runtime environment variables into the HTML
-			// These will be available on window.__PUBLIC_*__ for client-side code
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_TODO_BACKEND_URL__ = ${JSON.stringify(PUBLIC_TODO_BACKEND_URL)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [
-			PUBLIC_MANA_CORE_AUTH_URL_CLIENT || 'http://localhost:3001',
-			PUBLIC_BACKEND_URL_CLIENT || 'http://localhost:3015',
-			PUBLIC_TODO_BACKEND_URL,
-			'http://localhost:3050', // mana-sync server
-		],
-	});
-
-	return response;
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/api/batch.ts b/apps/contacts/apps/web-archived/src/lib/api/batch.ts
deleted file mode 100644
index 2fcf3b956..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/batch.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { fetchWithAuth } from './client';
-
-export interface BatchResult {
-	success: number;
-	failed: number;
-	errors: string[];
-}
-
-export const batchApi = {
-	async deleteMany(contactIds: string[]): Promise<BatchResult> {
-		return fetchWithAuth('/batch/delete', {
-			method: 'POST',
-			body: JSON.stringify({ contactIds }),
-		});
-	},
-
-	async archiveMany(contactIds: string[], archive = true): Promise<BatchResult> {
-		return fetchWithAuth('/batch/archive', {
-			method: 'POST',
-			body: JSON.stringify({ contactIds, archive }),
-		});
-	},
-
-	async favoriteMany(contactIds: string[], favorite = true): Promise<BatchResult> {
-		return fetchWithAuth('/batch/favorite', {
-			method: 'POST',
-			body: JSON.stringify({ contactIds, favorite }),
-		});
-	},
-
-	async addTags(contactIds: string[], tagIds: string[]): Promise<BatchResult> {
-		return fetchWithAuth('/batch/add-tags', {
-			method: 'POST',
-			body: JSON.stringify({ contactIds, tagIds }),
-		});
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/api/client.ts b/apps/contacts/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index 64238399d..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-/**
- * API Client for Contacts backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-import { PUBLIC_BACKEND_URL } from '$env/static/public';
-
-const API_URL = PUBLIC_BACKEND_URL || 'http://localhost:3015';
-
-/**
- * Contacts API client instance
- * - Auto token handling via authStore.getValidToken()
- * - Consistent ApiResult<T> response format
- */
-export const api = createApiClient({
-	baseUrl: API_URL,
-	apiPrefix: '/api/v1',
-	getAuthToken: () => authStore.getValidToken(),
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-/**
- * Legacy fetchWithAuth wrapper for backward compatibility
- * Converts ApiResult to throw-based pattern
- */
-export async function fetchWithAuth<T = unknown>(
-	url: string,
-	options: RequestInit = {}
-): Promise<T> {
-	const method = options.method || 'GET';
-	const body = options.body ? JSON.parse(options.body as string) : undefined;
-
-	let result: ApiResult<T>;
-	switch (method) {
-		case 'POST':
-			result = await api.post<T>(url, body);
-			break;
-		case 'PUT':
-			result = await api.put<T>(url, body);
-			break;
-		case 'PATCH':
-			result = await api.patch<T>(url, body);
-			break;
-		case 'DELETE':
-			result = await api.delete<T>(url);
-			break;
-		default:
-			result = await api.get<T>(url);
-	}
-
-	if (result.error) {
-		throw new Error(result.error.message);
-	}
-
-	return result.data as T;
-}
-
-/**
- * Legacy fetchWithAuthFormData for file uploads
- * Uses the shared API client's upload method
- */
-export async function fetchWithAuthFormData<T = unknown>(
-	url: string,
-	options: RequestInit = {}
-): Promise<T> {
-	const formData = options.body as FormData;
-	const result = await api.upload<T>(url, formData);
-
-	if (result.error) {
-		throw new Error(result.error.message);
-	}
-
-	return result.data as T;
-}
-
-// Re-export types for convenience
-export type { ApiResult };
diff --git a/apps/contacts/apps/web-archived/src/lib/api/config.ts b/apps/contacts/apps/web-archived/src/lib/api/config.ts
deleted file mode 100644
index 6316da671..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/config.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { PUBLIC_BACKEND_URL, PUBLIC_MANA_CORE_AUTH_URL } from '$env/static/public';
-
-/**
- * API Configuration
- * Uses environment variables with fallbacks for development
- */
-export const API_BASE = `${PUBLIC_BACKEND_URL || 'http://localhost:3015'}/api/v1`;
-
-/**
- * Mana Core Auth URL
- * Central authentication service URL
- */
-export const MANA_AUTH_URL = PUBLIC_MANA_CORE_AUTH_URL || 'http://localhost:3001';
diff --git a/apps/contacts/apps/web-archived/src/lib/api/contacts.test.ts b/apps/contacts/apps/web-archived/src/lib/api/contacts.test.ts
deleted file mode 100644
index 9678124eb..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/contacts.test.ts
+++ /dev/null
@@ -1,287 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock the client module
-vi.mock('./client', () => ({
-	fetchWithAuth: vi.fn(),
-	fetchWithAuthFormData: vi.fn(),
-}));
-
-// Mock $app/environment
-vi.mock('$app/environment', () => ({
-	browser: true,
-}));
-
-// Mock auth store
-vi.mock('$lib/stores/auth.svelte', () => ({
-	authStore: {
-		getAccessToken: vi.fn().mockResolvedValue('mock-token'),
-		getValidToken: vi.fn().mockResolvedValue('mock-token'),
-	},
-}));
-
-// Mock shared-tags
-vi.mock('@manacore/shared-tags', () => ({
-	createTagsClient: vi.fn(() => ({
-		getAll: vi.fn().mockResolvedValue([]),
-		create: vi.fn(),
-		update: vi.fn(),
-		delete: vi.fn(),
-		createDefaults: vi.fn().mockResolvedValue([]),
-	})),
-}));
-
-import { contactsApi, notesApi, activitiesApi } from './contacts';
-import { fetchWithAuth } from './client';
-
-const mockFetch = vi.mocked(fetchWithAuth);
-
-beforeEach(() => {
-	vi.clearAllMocks();
-});
-
-describe('contactsApi', () => {
-	describe('list', () => {
-		it('should fetch contacts without filters', async () => {
-			mockFetch.mockResolvedValue({ contacts: [], total: 0 });
-
-			const result = await contactsApi.list();
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts');
-			expect(result).toEqual({ contacts: [], total: 0 });
-		});
-
-		it('should build query string with search filter', async () => {
-			mockFetch.mockResolvedValue({ contacts: [], total: 0 });
-
-			await contactsApi.list({ search: 'Max' });
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts?search=Max');
-		});
-
-		it('should build query string with multiple filters', async () => {
-			mockFetch.mockResolvedValue({ contacts: [], total: 0 });
-
-			await contactsApi.list({
-				search: 'Max',
-				isFavorite: true,
-				limit: 50,
-				offset: 10,
-			});
-
-			const callArg = mockFetch.mock.calls[0][0];
-			expect(callArg).toContain('search=Max');
-			expect(callArg).toContain('isFavorite=true');
-			expect(callArg).toContain('limit=50');
-			expect(callArg).toContain('offset=10');
-		});
-
-		it('should include tagId filter', async () => {
-			mockFetch.mockResolvedValue({ contacts: [], total: 0 });
-
-			await contactsApi.list({ tagId: 'tag-123' });
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts?tagId=tag-123');
-		});
-
-		it('should include isArchived filter', async () => {
-			mockFetch.mockResolvedValue({ contacts: [], total: 0 });
-
-			await contactsApi.list({ isArchived: true });
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts?isArchived=true');
-		});
-	});
-
-	describe('get', () => {
-		it('should fetch a single contact', async () => {
-			const contact = { id: 'c1', firstName: 'Max' };
-			mockFetch.mockResolvedValue({ contact });
-
-			const result = await contactsApi.get('c1');
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1');
-			expect(result).toEqual(contact);
-		});
-	});
-
-	describe('create', () => {
-		it('should POST new contact', async () => {
-			const contact = { id: 'c1', firstName: 'Max' };
-			mockFetch.mockResolvedValue({ contact });
-
-			const result = await contactsApi.create({ firstName: 'Max' });
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts', {
-				method: 'POST',
-				body: JSON.stringify({ firstName: 'Max' }),
-			});
-			expect(result).toEqual(contact);
-		});
-	});
-
-	describe('update', () => {
-		it('should PATCH existing contact', async () => {
-			const contact = { id: 'c1', firstName: 'Maximilian' };
-			mockFetch.mockResolvedValue({ contact });
-
-			const result = await contactsApi.update('c1', { firstName: 'Maximilian' });
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1', {
-				method: 'PATCH',
-				body: JSON.stringify({ firstName: 'Maximilian' }),
-			});
-			expect(result).toEqual(contact);
-		});
-	});
-
-	describe('delete', () => {
-		it('should DELETE contact', async () => {
-			mockFetch.mockResolvedValue(undefined);
-
-			await contactsApi.delete('c1');
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1', {
-				method: 'DELETE',
-			});
-		});
-	});
-
-	describe('toggleFavorite', () => {
-		it('should POST to favorite endpoint', async () => {
-			const contact = { id: 'c1', isFavorite: true };
-			mockFetch.mockResolvedValue({ contact });
-
-			const result = await contactsApi.toggleFavorite('c1');
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1/favorite', {
-				method: 'POST',
-			});
-			expect(result).toEqual(contact);
-		});
-	});
-
-	describe('toggleArchive', () => {
-		it('should POST to archive endpoint', async () => {
-			const contact = { id: 'c1', isArchived: true };
-			mockFetch.mockResolvedValue({ contact });
-
-			const result = await contactsApi.toggleArchive('c1');
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1/archive', {
-				method: 'POST',
-			});
-			expect(result).toEqual(contact);
-		});
-	});
-});
-
-describe('notesApi', () => {
-	describe('list', () => {
-		it('should fetch notes for a contact', async () => {
-			mockFetch.mockResolvedValue({ notes: [] });
-
-			const result = await notesApi.list('c1');
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1/notes');
-			expect(result).toEqual({ notes: [] });
-		});
-	});
-
-	describe('create', () => {
-		it('should POST a new note', async () => {
-			const note = { id: 'n1', content: 'Test note' };
-			mockFetch.mockResolvedValue({ note });
-
-			const result = await notesApi.create('c1', { content: 'Test note' });
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1/notes', {
-				method: 'POST',
-				body: JSON.stringify({ content: 'Test note' }),
-			});
-			expect(result).toEqual({ note });
-		});
-	});
-
-	describe('update', () => {
-		it('should PATCH a note', async () => {
-			const note = { id: 'n1', content: 'Updated' };
-			mockFetch.mockResolvedValue({ note });
-
-			const result = await notesApi.update('n1', { content: 'Updated' });
-
-			expect(mockFetch).toHaveBeenCalledWith('/notes/n1', {
-				method: 'PATCH',
-				body: JSON.stringify({ content: 'Updated' }),
-			});
-			expect(result).toEqual({ note });
-		});
-	});
-
-	describe('delete', () => {
-		it('should DELETE a note', async () => {
-			mockFetch.mockResolvedValue(undefined);
-
-			await notesApi.delete('n1');
-
-			expect(mockFetch).toHaveBeenCalledWith('/notes/n1', {
-				method: 'DELETE',
-			});
-		});
-	});
-
-	describe('togglePin', () => {
-		it('should POST to pin endpoint', async () => {
-			const note = { id: 'n1', isPinned: true };
-			mockFetch.mockResolvedValue({ note });
-
-			const result = await notesApi.togglePin('n1');
-
-			expect(mockFetch).toHaveBeenCalledWith('/notes/n1/pin', {
-				method: 'POST',
-			});
-			expect(result).toEqual({ note });
-		});
-	});
-});
-
-describe('activitiesApi', () => {
-	describe('list', () => {
-		it('should fetch activities for a contact', async () => {
-			mockFetch.mockResolvedValue({ activities: [] });
-
-			const result = await activitiesApi.list('c1');
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1/activities');
-			expect(result).toEqual({ activities: [] });
-		});
-
-		it('should include limit parameter', async () => {
-			mockFetch.mockResolvedValue({ activities: [] });
-
-			await activitiesApi.list('c1', 10);
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1/activities?limit=10');
-		});
-	});
-
-	describe('create', () => {
-		it('should POST a new activity', async () => {
-			const activity = { id: 'a1', activityType: 'called' };
-			mockFetch.mockResolvedValue({ activity });
-
-			const result = await activitiesApi.create('c1', {
-				activityType: 'called',
-				description: 'Called about project',
-			});
-
-			expect(mockFetch).toHaveBeenCalledWith('/contacts/c1/activities', {
-				method: 'POST',
-				body: JSON.stringify({
-					activityType: 'called',
-					description: 'Called about project',
-				}),
-			});
-			expect(result).toEqual({ activity });
-		});
-	});
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/api/contacts.ts b/apps/contacts/apps/web-archived/src/lib/api/contacts.ts
deleted file mode 100644
index 6cb265219..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/contacts.ts
+++ /dev/null
@@ -1,342 +0,0 @@
-import { browser } from '$app/environment';
-import { authStore } from '$lib/stores/auth.svelte';
-import { fetchWithAuth, fetchWithAuthFormData } from './client';
-import { createTagsClient, type Tag } from '@manacore/shared-tags';
-
-// Get auth URL dynamically at runtime
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		return injectedUrl || 'http://localhost:3001';
-	}
-	return 'http://localhost:3001';
-}
-
-export interface Contact {
-	id: string;
-	userId: string;
-	firstName?: string | null;
-	lastName?: string | null;
-	displayName?: string | null;
-	nickname?: string | null;
-	email?: string | null;
-	phone?: string | null;
-	mobile?: string | null;
-	street?: string | null;
-	city?: string | null;
-	postalCode?: string | null;
-	country?: string | null;
-	company?: string | null;
-	jobTitle?: string | null;
-	department?: string | null;
-	website?: string | null;
-	birthday?: string | null;
-	notes?: string | null;
-	photoUrl?: string | null;
-	customDates?: Array<{
-		id: string;
-		label: string;
-		date: string;
-	}> | null;
-	// Social Media
-	linkedin?: string | null;
-	twitter?: string | null;
-	facebook?: string | null;
-	instagram?: string | null;
-	xing?: string | null;
-	github?: string | null;
-	youtube?: string | null;
-	tiktok?: string | null;
-	telegram?: string | null;
-	whatsapp?: string | null;
-	signal?: string | null;
-	discord?: string | null;
-	bluesky?: string | null;
-	// Tags (populated by API)
-	tags?: Array<{ id: string; name: string; color: string | null }>;
-	isFavorite: boolean;
-	isArchived: boolean;
-	isSelf: boolean;
-	organizationId?: string | null;
-	teamId?: string | null;
-	visibility: string;
-	createdAt: string;
-	updatedAt: string;
-}
-
-// Re-export Tag as ContactTag for backward compatibility
-export type ContactTag = Tag;
-
-export interface ContactNote {
-	id: string;
-	contactId: string;
-	userId: string;
-	content: string;
-	isPinned: boolean;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export interface ContactActivity {
-	id: string;
-	contactId: string;
-	userId: string;
-	activityType: string;
-	description?: string | null;
-	metadata?: Record<string, unknown>;
-	createdAt: string;
-}
-
-export interface ContactFilters {
-	search?: string;
-	isFavorite?: boolean;
-	isArchived?: boolean;
-	tagId?: string;
-	limit?: number;
-	offset?: number;
-}
-
-// API Response types
-interface ContactResponse {
-	contact: Contact;
-}
-
-interface ContactListResponse {
-	contacts: Contact[];
-	total: number;
-}
-
-// Contacts API
-export const contactsApi = {
-	async list(filters: ContactFilters = {}): Promise<ContactListResponse> {
-		const params = new URLSearchParams();
-		if (filters.search) params.set('search', filters.search);
-		if (filters.isFavorite !== undefined) params.set('isFavorite', String(filters.isFavorite));
-		if (filters.isArchived !== undefined) params.set('isArchived', String(filters.isArchived));
-		if (filters.tagId) params.set('tagId', filters.tagId);
-		if (filters.limit) params.set('limit', String(filters.limit));
-		if (filters.offset) params.set('offset', String(filters.offset));
-
-		const query = params.toString();
-		return fetchWithAuth<ContactListResponse>(`/contacts${query ? `?${query}` : ''}`);
-	},
-
-	async get(id: string): Promise<Contact> {
-		const response = await fetchWithAuth<ContactResponse>(`/contacts/${id}`);
-		return response.contact;
-	},
-
-	async create(data: Partial<Contact>): Promise<Contact> {
-		const response = await fetchWithAuth<ContactResponse>('/contacts', {
-			method: 'POST',
-			body: JSON.stringify(data),
-		});
-		return response.contact;
-	},
-
-	async update(id: string, data: Partial<Contact>): Promise<Contact> {
-		const response = await fetchWithAuth<ContactResponse>(`/contacts/${id}`, {
-			method: 'PATCH',
-			body: JSON.stringify(data),
-		});
-		return response.contact;
-	},
-
-	async delete(id: string): Promise<void> {
-		await fetchWithAuth(`/contacts/${id}`, {
-			method: 'DELETE',
-		});
-	},
-
-	async toggleFavorite(id: string): Promise<Contact> {
-		const response = await fetchWithAuth<ContactResponse>(`/contacts/${id}/favorite`, {
-			method: 'POST',
-		});
-		return response.contact;
-	},
-
-	async toggleArchive(id: string): Promise<Contact> {
-		const response = await fetchWithAuth<ContactResponse>(`/contacts/${id}/archive`, {
-			method: 'POST',
-		});
-		return response.contact;
-	},
-};
-
-// Tags API - Uses central Tags API from mana-core-auth
-// Contact-tag associations still use the Contacts backend
-
-// Lazy-initialized tags client
-let _tagsClient: ReturnType<typeof createTagsClient> | null = null;
-
-function getTagsClient() {
-	if (!browser) return null;
-	if (!_tagsClient) {
-		_tagsClient = createTagsClient({
-			authUrl: getAuthUrl(),
-			getToken: async () => {
-				const token = await authStore.getAccessToken();
-				return token || '';
-			},
-		});
-	}
-	return _tagsClient;
-}
-
-export const tagsApi = {
-	// Get all tags from central Tags API
-	async list(): Promise<{ tags: ContactTag[] }> {
-		const client = getTagsClient();
-		if (!client) return { tags: [] };
-		const tags = await client.getAll();
-		return { tags };
-	},
-
-	// Create tag via central Tags API
-	async create(data: { name: string; color?: string }): Promise<{ tag: ContactTag }> {
-		const client = getTagsClient();
-		if (!client) throw new Error('Tags client not available');
-		const tag = await client.create(data);
-		return { tag };
-	},
-
-	// Update tag via central Tags API
-	async update(id: string, data: { name?: string; color?: string }): Promise<{ tag: ContactTag }> {
-		const client = getTagsClient();
-		if (!client) throw new Error('Tags client not available');
-		const tag = await client.update(id, data);
-		return { tag };
-	},
-
-	// Delete tag via central Tags API
-	async delete(id: string): Promise<{ success: boolean }> {
-		const client = getTagsClient();
-		if (!client) throw new Error('Tags client not available');
-		await client.delete(id);
-		return { success: true };
-	},
-
-	// Contact-tag associations still use Contacts backend
-	async addToContact(tagId: string, contactId: string): Promise<{ success: boolean }> {
-		return fetchWithAuth<{ success: boolean }>(`/tags/${tagId}/contacts/${contactId}`, {
-			method: 'POST',
-		});
-	},
-
-	async removeFromContact(tagId: string, contactId: string): Promise<{ success: boolean }> {
-		return fetchWithAuth<{ success: boolean }>(`/tags/${tagId}/contacts/${contactId}`, {
-			method: 'DELETE',
-		});
-	},
-
-	async getForContact(contactId: string): Promise<{ tagIds: string[] }> {
-		return fetchWithAuth<{ tagIds: string[] }>(`/tags/contact/${contactId}`);
-	},
-
-	// Create default tags via central Tags API
-	async createDefaults(): Promise<{ tags: ContactTag[] }> {
-		const client = getTagsClient();
-		if (!client) return { tags: [] };
-		const tags = await client.createDefaults();
-		return { tags };
-	},
-};
-
-// Notes API Response types
-interface NotesListResponse {
-	notes: ContactNote[];
-}
-
-interface NoteResponse {
-	note: ContactNote;
-}
-
-// Notes API
-export const notesApi = {
-	async list(contactId: string): Promise<NotesListResponse> {
-		return fetchWithAuth<NotesListResponse>(`/contacts/${contactId}/notes`);
-	},
-
-	async create(
-		contactId: string,
-		data: { content: string; isPinned?: boolean }
-	): Promise<NoteResponse> {
-		return fetchWithAuth<NoteResponse>(`/contacts/${contactId}/notes`, {
-			method: 'POST',
-			body: JSON.stringify(data),
-		});
-	},
-
-	async update(
-		noteId: string,
-		data: { content?: string; isPinned?: boolean }
-	): Promise<NoteResponse> {
-		return fetchWithAuth<NoteResponse>(`/notes/${noteId}`, {
-			method: 'PATCH',
-			body: JSON.stringify(data),
-		});
-	},
-
-	async delete(noteId: string): Promise<void> {
-		await fetchWithAuth(`/notes/${noteId}`, {
-			method: 'DELETE',
-		});
-	},
-
-	async togglePin(noteId: string): Promise<NoteResponse> {
-		return fetchWithAuth<NoteResponse>(`/notes/${noteId}/pin`, {
-			method: 'POST',
-		});
-	},
-};
-
-// Activities API Response types
-interface ActivitiesListResponse {
-	activities: ContactActivity[];
-}
-
-interface ActivityResponse {
-	activity: ContactActivity;
-}
-
-// Activities API
-export const activitiesApi = {
-	async list(contactId: string, limit?: number): Promise<ActivitiesListResponse> {
-		const params = limit ? `?limit=${limit}` : '';
-		return fetchWithAuth<ActivitiesListResponse>(`/contacts/${contactId}/activities${params}`);
-	},
-
-	async create(
-		contactId: string,
-		data: {
-			activityType: 'created' | 'updated' | 'called' | 'emailed' | 'met' | 'note_added';
-			description?: string;
-			metadata?: Record<string, unknown>;
-		}
-	): Promise<ActivityResponse> {
-		return fetchWithAuth<ActivityResponse>(`/contacts/${contactId}/activities`, {
-			method: 'POST',
-			body: JSON.stringify(data),
-		});
-	},
-};
-
-// Photo API
-export const photoApi = {
-	async upload(contactId: string, file: File): Promise<{ photoUrl: string }> {
-		const formData = new FormData();
-		formData.append('photo', file);
-
-		return fetchWithAuthFormData<{ photoUrl: string }>(`/contacts/${contactId}/photo`, {
-			method: 'POST',
-			body: formData,
-		});
-	},
-
-	async delete(contactId: string): Promise<void> {
-		await fetchWithAuth(`/contacts/${contactId}/photo`, {
-			method: 'DELETE',
-		});
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/api/duplicates.test.ts b/apps/contacts/apps/web-archived/src/lib/api/duplicates.test.ts
deleted file mode 100644
index 383cd3dd0..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/duplicates.test.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import type { DuplicateGroup, MergeResult } from './duplicates';
-
-vi.mock('$lib/stores/auth.svelte', () => ({
-	authStore: {
-		getAccessToken: vi.fn().mockResolvedValue('mock-token'),
-	},
-}));
-
-vi.mock('./config', () => ({
-	API_BASE: 'http://localhost:3015/api/v1',
-}));
-
-const mockFetch = vi.fn();
-global.fetch = mockFetch;
-
-// Import after mocks are set up
-const { duplicatesApi } = await import('./duplicates');
-
-describe('duplicatesApi', () => {
-	beforeEach(() => {
-		vi.clearAllMocks();
-	});
-
-	describe('findDuplicates', () => {
-		it('should call GET /duplicates and return duplicates', async () => {
-			const mockResponse: { duplicates: DuplicateGroup[]; total: number } = {
-				duplicates: [
-					{
-						id: 'group-1',
-						contacts: [
-							{ id: 'c1', firstName: 'John', email: 'john@example.com' } as any,
-							{ id: 'c2', firstName: 'John', email: 'john@example.com' } as any,
-						],
-						matchType: 'email',
-						matchValue: 'john@example.com',
-					},
-				],
-				total: 1,
-			};
-
-			mockFetch.mockResolvedValue({
-				ok: true,
-				json: vi.fn().mockResolvedValue(mockResponse),
-			});
-
-			const result = await duplicatesApi.findDuplicates();
-
-			expect(mockFetch).toHaveBeenCalledWith('http://localhost:3015/api/v1/duplicates', {
-				headers: {
-					'Content-Type': 'application/json',
-					Authorization: 'Bearer mock-token',
-				},
-			});
-			expect(result).toEqual(mockResponse);
-		});
-
-		it('should throw an error when the request fails', async () => {
-			mockFetch.mockResolvedValue({
-				ok: false,
-				json: vi.fn().mockResolvedValue({ message: 'Unauthorized' }),
-			});
-
-			await expect(duplicatesApi.findDuplicates()).rejects.toThrow('Unauthorized');
-		});
-	});
-
-	describe('mergeContacts', () => {
-		it('should call POST /duplicates/merge with correct body', async () => {
-			const mockResult: MergeResult = {
-				mergedContact: {
-					id: 'c1',
-					firstName: 'John',
-					email: 'john@example.com',
-				} as any,
-				deletedIds: ['c2', 'c3'],
-			};
-
-			mockFetch.mockResolvedValue({
-				ok: true,
-				json: vi.fn().mockResolvedValue(mockResult),
-			});
-
-			const result = await duplicatesApi.mergeContacts('c1', ['c2', 'c3']);
-
-			expect(mockFetch).toHaveBeenCalledWith('http://localhost:3015/api/v1/duplicates/merge', {
-				method: 'POST',
-				body: JSON.stringify({ primaryId: 'c1', mergeIds: ['c2', 'c3'] }),
-				headers: {
-					'Content-Type': 'application/json',
-					Authorization: 'Bearer mock-token',
-				},
-			});
-			expect(result).toEqual(mockResult);
-		});
-
-		it('should throw an error when merge fails', async () => {
-			mockFetch.mockResolvedValue({
-				ok: false,
-				json: vi.fn().mockResolvedValue({ message: 'Merge conflict' }),
-			});
-
-			await expect(duplicatesApi.mergeContacts('c1', ['c2'])).rejects.toThrow('Merge conflict');
-		});
-	});
-
-	describe('dismissDuplicate', () => {
-		it('should call DELETE /duplicates/:groupId/dismiss', async () => {
-			mockFetch.mockResolvedValue({
-				ok: true,
-				json: vi.fn().mockResolvedValue(undefined),
-			});
-
-			await duplicatesApi.dismissDuplicate('group-1');
-
-			expect(mockFetch).toHaveBeenCalledWith(
-				'http://localhost:3015/api/v1/duplicates/group-1/dismiss',
-				{
-					method: 'DELETE',
-					headers: {
-						'Content-Type': 'application/json',
-						Authorization: 'Bearer mock-token',
-					},
-				}
-			);
-		});
-
-		it('should throw an error when dismiss fails', async () => {
-			mockFetch.mockResolvedValue({
-				ok: false,
-				json: vi.fn().mockResolvedValue({ message: 'Group not found' }),
-			});
-
-			await expect(duplicatesApi.dismissDuplicate('nonexistent')).rejects.toThrow(
-				'Group not found'
-			);
-		});
-	});
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/api/duplicates.ts b/apps/contacts/apps/web-archived/src/lib/api/duplicates.ts
deleted file mode 100644
index 1f95610e6..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/duplicates.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { authStore } from '$lib/stores/auth.svelte';
-import { API_BASE } from './config';
-import type { Contact } from './contacts';
-
-async function fetchWithAuth(url: string, options: RequestInit = {}) {
-	const token = await authStore.getAccessToken();
-
-	const headers: HeadersInit = {
-		'Content-Type': 'application/json',
-		...(options.headers || {}),
-	};
-
-	if (token) {
-		(headers as Record<string, string>)['Authorization'] = `Bearer ${token}`;
-	}
-
-	const response = await fetch(`${API_BASE}${url}`, {
-		...options,
-		headers,
-	});
-
-	if (!response.ok) {
-		const error = await response.json().catch(() => ({ message: 'Request failed' }));
-		throw new Error(error.message || 'Request failed');
-	}
-
-	return response.json();
-}
-
-export interface DuplicateGroup {
-	id: string;
-	contacts: Contact[];
-	matchType: 'email' | 'phone' | 'name';
-	matchValue: string;
-}
-
-export interface MergeResult {
-	mergedContact: Contact;
-	deletedIds: string[];
-}
-
-export const duplicatesApi = {
-	async findDuplicates(): Promise<{ duplicates: DuplicateGroup[]; total: number }> {
-		return fetchWithAuth('/duplicates');
-	},
-
-	async mergeContacts(primaryId: string, mergeIds: string[]): Promise<MergeResult> {
-		return fetchWithAuth('/duplicates/merge', {
-			method: 'POST',
-			body: JSON.stringify({ primaryId, mergeIds }),
-		});
-	},
-
-	async dismissDuplicate(groupId: string): Promise<void> {
-		await fetchWithAuth(`/duplicates/${groupId}/dismiss`, {
-			method: 'DELETE',
-		});
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/api/export.ts b/apps/contacts/apps/web-archived/src/lib/api/export.ts
deleted file mode 100644
index 93727bcb7..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/export.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { authStore } from '$lib/stores/auth.svelte';
-import { API_BASE } from './config';
-
-export type ExportFormat = 'vcard' | 'csv';
-
-export interface ExportOptions {
-	format: ExportFormat;
-	contactIds?: string[];
-	tagId?: string;
-	includeFavorites?: boolean;
-	includeArchived?: boolean;
-}
-
-async function fetchWithAuth(url: string, options: RequestInit = {}) {
-	const token = await authStore.getAccessToken();
-
-	const headers: HeadersInit = {
-		'Content-Type': 'application/json',
-		...(options.headers || {}),
-	};
-
-	if (token) {
-		(headers as Record<string, string>)['Authorization'] = `Bearer ${token}`;
-	}
-
-	return fetch(`${API_BASE}${url}`, {
-		...options,
-		headers,
-	});
-}
-
-export const exportApi = {
-	/**
-	 * Export contacts with options
-	 */
-	async exportContacts(options: ExportOptions): Promise<void> {
-		const response = await fetchWithAuth('/export', {
-			method: 'POST',
-			body: JSON.stringify(options),
-		});
-
-		if (!response.ok) {
-			const error = await response.json().catch(() => ({ message: 'Export failed' }));
-			throw new Error(error.message || 'Export failed');
-		}
-
-		// Get filename from Content-Disposition header
-		const contentDisposition = response.headers.get('Content-Disposition');
-		const filenameMatch = contentDisposition?.match(/filename="(.+)"/);
-		const filename = filenameMatch
-			? filenameMatch[1]
-			: `contacts.${options.format === 'vcard' ? 'vcf' : 'csv'}`;
-
-		// Get the blob and trigger download
-		const blob = await response.blob();
-		downloadBlob(blob, filename);
-
-		// Return contact count from header
-		const contactCount = response.headers.get('X-Contact-Count');
-		return;
-	},
-
-	/**
-	 * Quick export all contacts
-	 */
-	async quickExport(format: ExportFormat = 'vcard'): Promise<void> {
-		const response = await fetchWithAuth(`/export?format=${format}`);
-
-		if (!response.ok) {
-			const error = await response.json().catch(() => ({ message: 'Export failed' }));
-			throw new Error(error.message || 'Export failed');
-		}
-
-		// Get filename from Content-Disposition header
-		const contentDisposition = response.headers.get('Content-Disposition');
-		const filenameMatch = contentDisposition?.match(/filename="(.+)"/);
-		const filename = filenameMatch
-			? filenameMatch[1]
-			: `contacts.${format === 'vcard' ? 'vcf' : 'csv'}`;
-
-		// Get the blob and trigger download
-		const blob = await response.blob();
-		downloadBlob(blob, filename);
-	},
-};
-
-/**
- * Helper to trigger file download
- */
-function downloadBlob(blob: Blob, filename: string): void {
-	const url = URL.createObjectURL(blob);
-	const link = document.createElement('a');
-	link.href = url;
-	link.download = filename;
-	document.body.appendChild(link);
-	link.click();
-	document.body.removeChild(link);
-	URL.revokeObjectURL(url);
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/api/google.ts b/apps/contacts/apps/web-archived/src/lib/api/google.ts
deleted file mode 100644
index 960a0dba1..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/google.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { authStore } from '$lib/stores/auth.svelte';
-import { API_BASE } from './config';
-
-export interface GoogleContact {
-	resourceName: string;
-	names?: Array<{
-		displayName?: string;
-		familyName?: string;
-		givenName?: string;
-	}>;
-	emailAddresses?: Array<{
-		value?: string;
-		type?: string;
-	}>;
-	phoneNumbers?: Array<{
-		value?: string;
-		type?: string;
-	}>;
-	organizations?: Array<{
-		name?: string;
-		title?: string;
-	}>;
-	photos?: Array<{
-		url?: string;
-	}>;
-}
-
-export interface GoogleContactsResponse {
-	contacts: GoogleContact[];
-	nextPageToken?: string;
-	totalPeople?: number;
-}
-
-export interface ConnectedAccount {
-	id: string;
-	providerEmail: string | null;
-	createdAt: string;
-}
-
-export interface GoogleStatus {
-	connected: boolean;
-	account: ConnectedAccount | null;
-}
-
-export interface GoogleImportResult {
-	imported: number;
-	skipped: number;
-	errors: Array<{
-		resourceName: string;
-		error: string;
-	}>;
-}
-
-async function fetchWithAuth(url: string, options: RequestInit = {}) {
-	const token = await authStore.getAccessToken();
-
-	const headers: HeadersInit = {
-		'Content-Type': 'application/json',
-		...(options.headers || {}),
-	};
-
-	if (token) {
-		(headers as Record<string, string>)['Authorization'] = `Bearer ${token}`;
-	}
-
-	const response = await fetch(`${API_BASE}${url}`, {
-		...options,
-		headers,
-	});
-
-	if (!response.ok) {
-		const error = await response.json().catch(() => ({ message: 'Request failed' }));
-		throw new Error(error.message || 'Request failed');
-	}
-
-	return response.json();
-}
-
-export const googleApi = {
-	/**
-	 * Get OAuth authorization URL
-	 */
-	async getAuthUrl(): Promise<string> {
-		const response = await fetchWithAuth('/google/auth-url');
-		return response.url;
-	},
-
-	/**
-	 * Exchange authorization code for tokens
-	 */
-	async handleCallback(code: string): Promise<{ success: boolean; account: ConnectedAccount }> {
-		return fetchWithAuth('/google/callback', {
-			method: 'POST',
-			body: JSON.stringify({ code }),
-		});
-	},
-
-	/**
-	 * Get connection status
-	 */
-	async getStatus(): Promise<GoogleStatus> {
-		return fetchWithAuth('/google/status');
-	},
-
-	/**
-	 * Disconnect Google account
-	 */
-	async disconnect(): Promise<void> {
-		await fetchWithAuth('/google/disconnect', {
-			method: 'DELETE',
-		});
-	},
-
-	/**
-	 * Fetch contacts from Google
-	 */
-	async fetchContacts(pageToken?: string): Promise<GoogleContactsResponse> {
-		const params = pageToken ? `?pageToken=${encodeURIComponent(pageToken)}` : '';
-		return fetchWithAuth(`/google/contacts${params}`);
-	},
-
-	/**
-	 * Import selected contacts
-	 */
-	async importContacts(resourceNames?: string[], all = false): Promise<GoogleImportResult> {
-		return fetchWithAuth('/google/import', {
-			method: 'POST',
-			body: JSON.stringify({ resourceNames, all }),
-		});
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/api/import.ts b/apps/contacts/apps/web-archived/src/lib/api/import.ts
deleted file mode 100644
index 64128d3d7..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/import.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { authStore } from '$lib/stores/auth.svelte';
-import { API_BASE } from './config';
-
-export interface ParsedContact {
-	firstName?: string;
-	lastName?: string;
-	displayName?: string;
-	nickname?: string;
-	email?: string;
-	phone?: string;
-	mobile?: string;
-	street?: string;
-	city?: string;
-	postalCode?: string;
-	country?: string;
-	company?: string;
-	jobTitle?: string;
-	department?: string;
-	website?: string;
-	birthday?: string;
-	notes?: string;
-	photoUrl?: string;
-}
-
-export interface DuplicateInfo {
-	importIndex: number;
-	existingContactId: string;
-	existingContactName: string;
-	matchField: 'email' | 'phone';
-	matchValue: string;
-}
-
-export interface CsvFieldMapping {
-	csvHeader: string;
-	contactField: keyof ParsedContact | null;
-	sampleValue: string;
-}
-
-export interface ImportPreviewResponse {
-	contacts: ParsedContact[];
-	duplicates: DuplicateInfo[];
-	totalParsed: number;
-	validCount: number;
-	invalidCount: number;
-	errors: string[];
-	fieldMapping?: CsvFieldMapping[];
-}
-
-export interface ImportError {
-	index: number;
-	contactName: string;
-	error: string;
-}
-
-export interface ImportResult {
-	imported: number;
-	skipped: number;
-	merged: number;
-	errors: ImportError[];
-}
-
-export type DuplicateAction = 'skip' | 'merge' | 'create';
-
-export const importApi = {
-	/**
-	 * Preview import from uploaded file
-	 */
-	async preview(file: File): Promise<ImportPreviewResponse> {
-		const token = await authStore.getAccessToken();
-
-		const formData = new FormData();
-		formData.append('file', file);
-
-		const response = await fetch(`${API_BASE}/import/preview`, {
-			method: 'POST',
-			headers: {
-				...(token ? { Authorization: `Bearer ${token}` } : {}),
-			},
-			body: formData,
-		});
-
-		if (!response.ok) {
-			const error = await response.json().catch(() => ({ message: 'Upload failed' }));
-			throw new Error(error.message || 'Upload failed');
-		}
-
-		return response.json();
-	},
-
-	/**
-	 * Execute the import
-	 */
-	async execute(
-		contacts: ParsedContact[],
-		duplicateAction: DuplicateAction,
-		skipIndices?: number[]
-	): Promise<ImportResult> {
-		const token = await authStore.getAccessToken();
-
-		const response = await fetch(`${API_BASE}/import/execute`, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json',
-				...(token ? { Authorization: `Bearer ${token}` } : {}),
-			},
-			body: JSON.stringify({
-				contacts,
-				duplicateAction,
-				skipIndices,
-			}),
-		});
-
-		if (!response.ok) {
-			const error = await response.json().catch(() => ({ message: 'Import failed' }));
-			throw new Error(error.message || 'Import failed');
-		}
-
-		return response.json();
-	},
-
-	/**
-	 * Get CSV template download URL
-	 */
-	getTemplateUrl(): string {
-		return `${API_BASE}/import/template/csv`;
-	},
-
-	/**
-	 * Download CSV template
-	 */
-	async downloadTemplate(): Promise<void> {
-		const token = await authStore.getAccessToken();
-
-		const response = await fetch(`${API_BASE}/import/template/csv`, {
-			headers: {
-				...(token ? { Authorization: `Bearer ${token}` } : {}),
-			},
-		});
-
-		if (!response.ok) {
-			throw new Error('Failed to download template');
-		}
-
-		const blob = await response.blob();
-		const url = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = 'contacts-template.csv';
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-		URL.revokeObjectURL(url);
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/api/todos.ts b/apps/contacts/apps/web-archived/src/lib/api/todos.ts
deleted file mode 100644
index 2050068bd..000000000
--- a/apps/contacts/apps/web-archived/src/lib/api/todos.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-/**
- * Cross-App API Client for Todo Backend
- * Allows Contacts app to fetch tasks related to a contact
- */
-
-import { browser } from '$app/environment';
-import { authStore } from '$lib/stores/auth.svelte';
-
-// Types mirrored from @todo/shared
-export type TaskPriority = 'low' | 'medium' | 'high' | 'urgent';
-export type TaskStatus = 'pending' | 'in_progress' | 'completed' | 'cancelled';
-
-export interface Subtask {
-	id: string;
-	title: string;
-	isCompleted: boolean;
-	completedAt?: string | null;
-	order: number;
-}
-
-export interface Label {
-	id: string;
-	userId: string;
-	name: string;
-	color: string;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export interface Project {
-	id: string;
-	userId: string;
-	name: string;
-	description?: string | null;
-	color: string;
-	icon?: string | null;
-	order: number;
-	isArchived: boolean;
-	isDefault: boolean;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export interface ContactReference {
-	contactId: string;
-	displayName: string;
-	email?: string;
-	photoUrl?: string;
-	company?: string;
-	fetchedAt: string;
-}
-
-export interface TaskMetadata {
-	notes?: string;
-	attachments?: string[];
-	linkedCalendarEventId?: string | null;
-	storyPoints?: number | null;
-	effectiveDuration?: {
-		value: number;
-		unit: 'minutes' | 'hours' | 'days';
-	} | null;
-	funRating?: number | null;
-	assignee?: ContactReference | null;
-	involvedContacts?: ContactReference[];
-}
-
-export interface Task {
-	id: string;
-	projectId?: string | null;
-	userId: string;
-	parentTaskId?: string | null;
-	title: string;
-	description?: string | null;
-	dueDate?: string | null;
-	dueTime?: string | null;
-	startDate?: string | null;
-	scheduledDate?: string | null;
-	scheduledStartTime?: string | null;
-	scheduledEndTime?: string | null;
-	estimatedDuration?: number | null;
-	priority: TaskPriority;
-	status: TaskStatus;
-	isCompleted: boolean;
-	completedAt?: string | null;
-	order: number;
-	columnId?: string | null;
-	columnOrder?: number;
-	recurrenceRule?: string | null;
-	recurrenceEndDate?: string | null;
-	lastOccurrence?: string | null;
-	subtasks?: Subtask[] | null;
-	metadata?: TaskMetadata | null;
-	labels?: Label[];
-	project?: Project | null;
-	createdAt: string;
-	updatedAt: string;
-}
-
-// API Configuration
-function getTodoApiBase(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_TODO_BACKEND_URL__?: string })
-			.__PUBLIC_TODO_BACKEND_URL__;
-		return injectedUrl || 'http://localhost:3018';
-	}
-	return 'http://localhost:3018';
-}
-
-interface ApiResult<T> {
-	data: T | null;
-	error: Error | null;
-}
-
-async function fetchTodoApi<T>(endpoint: string, options: RequestInit = {}): Promise<ApiResult<T>> {
-	const token = await authStore.getAccessToken();
-	const baseUrl = getTodoApiBase();
-
-	try {
-		const response = await fetch(`${baseUrl}/api/v1${endpoint}`, {
-			...options,
-			headers: {
-				'Content-Type': 'application/json',
-				...(token ? { Authorization: `Bearer ${token}` } : {}),
-				...(options.headers || {}),
-			},
-		});
-
-		if (!response.ok) {
-			const errorData = await response.json().catch(() => ({}));
-			return {
-				data: null,
-				error: new Error(errorData.message || `API error: ${response.status}`),
-			};
-		}
-
-		const data = await response.json();
-		return { data, error: null };
-	} catch (error) {
-		return {
-			data: null,
-			error: error instanceof Error ? error : new Error('Unknown error'),
-		};
-	}
-}
-
-// API Functions
-
-/**
- * Get tasks related to a specific contact (assigned or involved)
- */
-export async function getTasksByContact(
-	contactId: string,
-	includeCompleted: boolean = false
-): Promise<ApiResult<Task[]>> {
-	const params = new URLSearchParams();
-	if (includeCompleted) {
-		params.set('includeCompleted', 'true');
-	}
-	const query = params.toString();
-
-	const result = await fetchTodoApi<{ tasks: Task[] }>(
-		`/tasks/by-contact/${contactId}${query ? `?${query}` : ''}`
-	);
-
-	return {
-		data: result.data?.tasks || null,
-		error: result.error,
-	};
-}
-
-/**
- * Complete a task
- */
-export async function completeTask(taskId: string): Promise<ApiResult<Task>> {
-	const result = await fetchTodoApi<{ task: Task }>(`/tasks/${taskId}/complete`, {
-		method: 'POST',
-	});
-
-	return {
-		data: result.data?.task || null,
-		error: result.error,
-	};
-}
-
-/**
- * Uncomplete a task
- */
-export async function uncompleteTask(taskId: string): Promise<ApiResult<Task>> {
-	const result = await fetchTodoApi<{ task: Task }>(`/tasks/${taskId}/uncomplete`, {
-		method: 'POST',
-	});
-
-	return {
-		data: result.data?.task || null,
-		error: result.error,
-	};
-}
-
-/**
- * Check if the Todo service is available
- */
-export async function checkTodoServiceAvailable(): Promise<boolean> {
-	try {
-		const baseUrl = getTodoApiBase();
-		const controller = new AbortController();
-		const timeoutId = setTimeout(() => controller.abort(), 3000);
-
-		const response = await fetch(`${baseUrl}/api/v1/health`, {
-			signal: controller.signal,
-		});
-
-		clearTimeout(timeoutId);
-		return response.ok;
-	} catch {
-		return false;
-	}
-}
-
-// Priority styling helpers
-export const PRIORITY_COLORS: Record<TaskPriority, string> = {
-	urgent: 'var(--color-danger, #ef4444)',
-	high: 'var(--color-warning, #f59e0b)',
-	medium: 'var(--color-accent, #3b82f6)',
-	low: 'var(--color-success, #22c55e)',
-};
-
-export const PRIORITY_LABELS: Record<TaskPriority, { de: string; en: string }> = {
-	urgent: { de: 'Dringend', en: 'Urgent' },
-	high: { de: 'Wichtig', en: 'High' },
-	medium: { de: 'Normal', en: 'Medium' },
-	low: { de: 'Niedrig', en: 'Low' },
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/components/AlphabetNavContextMenu.svelte b/apps/contacts/apps/web-archived/src/lib/components/AlphabetNavContextMenu.svelte
deleted file mode 100644
index 3c3e9f4d9..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/AlphabetNavContextMenu.svelte
+++ /dev/null
@@ -1,86 +0,0 @@
-<script lang="ts">
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import { EyeSlash, ArrowsDownUp, Hash, ArrowsIn, ArrowsOut } from '@manacore/shared-icons';
-	import { contactsSettings } from '$lib/stores/settings.svelte';
-	import { contactsFilterStore } from '$lib/stores/filter.svelte';
-
-	// Context menu state
-	let visible = $state(false);
-	let x = $state(0);
-	let y = $state(0);
-
-	// Build menu items based on current settings
-	let menuItems = $derived.by((): ContextMenuItem[] => {
-		return [
-			{
-				id: 'hide-inactive',
-				label: 'Inaktive Buchstaben ausblenden',
-				icon: EyeSlash,
-				toggle: true,
-				checked: contactsSettings.alphabetNavHideInactive,
-				action: () =>
-					contactsSettings.set(
-						'alphabetNavHideInactive',
-						!contactsSettings.alphabetNavHideInactive
-					),
-			},
-			{
-				id: 'compact',
-				label: 'Kompakte Ansicht',
-				icon: ArrowsIn,
-				toggle: true,
-				checked: contactsSettings.alphabetNavCompact,
-				action: () =>
-					contactsSettings.set('alphabetNavCompact', !contactsSettings.alphabetNavCompact),
-			},
-			{
-				id: 'reverse-order',
-				label: 'Umgekehrte Reihenfolge (Z-A)',
-				icon: ArrowsDownUp,
-				toggle: true,
-				checked: contactsSettings.alphabetNavReverseOrder,
-				action: () =>
-					contactsSettings.set(
-						'alphabetNavReverseOrder',
-						!contactsSettings.alphabetNavReverseOrder
-					),
-			},
-			{
-				id: 'show-hash',
-				label: '# Symbol anzeigen',
-				icon: Hash,
-				toggle: true,
-				checked: contactsSettings.alphabetNavShowHash,
-				action: () =>
-					contactsSettings.set('alphabetNavShowHash', !contactsSettings.alphabetNavShowHash),
-			},
-			{
-				id: 'divider-1',
-				label: '',
-				type: 'divider',
-			},
-			{
-				id: 'minimize',
-				label: contactsFilterStore.isAlphabetNavCollapsed ? 'Erweitern' : 'Minimieren',
-				icon: contactsFilterStore.isAlphabetNavCollapsed ? ArrowsOut : ArrowsIn,
-				action: () => contactsFilterStore.toggleAlphabetNav(),
-			},
-		];
-	});
-
-	function handleClose() {
-		visible = false;
-	}
-
-	export function show(clientX: number, clientY: number) {
-		x = clientX;
-		y = clientY;
-		visible = true;
-	}
-
-	export function hide() {
-		visible = false;
-	}
-</script>
-
-<ContextMenu {visible} {x} {y} items={menuItems} onClose={handleClose} />
diff --git a/apps/contacts/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/contacts/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index b36ac8d18..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { AppSlider } from '@manacore/shared-ui';
-	import type { AppItem } from '@manacore/shared-ui';
-	import { getActiveManaApps, APP_STATUS_LABELS, APP_SLIDER_LABELS } from '@manacore/shared-branding';
-
-	// Convert active apps to AppItem format (German)
-	const apps: AppItem[] = getActiveManaApps().map((app) => ({
-		name: app.name,
-		description: app.description.de,
-		longDescription: app.longDescription.de,
-		icon: app.icon,
-		color: app.color,
-		comingSoon: app.comingSoon,
-		status: app.status,
-	}));
-
-	const statusLabels = APP_STATUS_LABELS.de;
-	const labels = APP_SLIDER_LABELS.de;
-
-	function handleAppClick(app: AppItem, index: number) {
-		console.log('Opening app:', app.name);
-	}
-</script>
-
-<AppSlider
-	{apps}
-	title={labels.title}
-	isDark={false}
-	{statusLabels}
-	comingSoonLabel={labels.comingSoon}
-	openAppLabel={labels.openApp}
-	onAppClick={handleAppClick}
-/>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/ContactDetailModal.svelte b/apps/contacts/apps/web-archived/src/lib/components/ContactDetailModal.svelte
deleted file mode 100644
index d8a3c458e..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/ContactDetailModal.svelte
+++ /dev/null
@@ -1,1502 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { type Contact } from '$lib/api/contacts';
-	import { contactCollection } from '$lib/data/local-store';
-	import { toContact } from '$lib/data/queries';
-	import { getDisplayName } from '$lib/utils/contact-display';
-	import ContactNotes from './ContactNotes.svelte';
-	import ContactTasks from './ContactTasks.svelte';
-	import { ContactDetailSkeleton } from '$lib/components/skeletons';
-	import SocialMediaFields from './forms/SocialMediaFields.svelte';
-	import DateFields from './forms/DateFields.svelte';
-	import SocialMediaLinks from './SocialMediaLinks.svelte';
-	import { getErrorMessage } from '$lib/utils/error-helpers';
-	import {
-		X,
-		PencilSimple,
-		Trash,
-		Warning,
-		Camera,
-		Heart,
-		Phone,
-		Envelope,
-		ChatCircle,
-		User,
-		Briefcase,
-		MapPin,
-		CalendarBlank,
-		Check,
-		Note,
-	} from '@manacore/shared-icons';
-
-	interface Props {
-		contactId: string;
-		onClose: () => void;
-	}
-
-	let { contactId, onClose }: Props = $props();
-
-	let contact = $state<Contact | null>(null);
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-	let editing = $state(false);
-	let saving = $state(false);
-	let deleting = $state(false);
-	let uploadingPhoto = $state(false);
-	let photoInput: HTMLInputElement;
-
-	// Edit form state
-	let firstName = $state('');
-	let lastName = $state('');
-	let email = $state('');
-	let phone = $state('');
-	let mobile = $state('');
-	let company = $state('');
-	let jobTitle = $state('');
-	let street = $state('');
-	let city = $state('');
-	let postalCode = $state('');
-	let country = $state('');
-	let notes = $state('');
-
-	// Dates
-	let birthday = $state('');
-	let customDates = $state<Array<{ id: string; label: string; date: string }>>([]);
-
-	// Social Media
-	let linkedin = $state('');
-	let twitter = $state('');
-	let facebook = $state('');
-	let instagram = $state('');
-	let xing = $state('');
-	let github = $state('');
-	let youtube = $state('');
-	let tiktok = $state('');
-	let telegram = $state('');
-	let whatsapp = $state('');
-	let signal = $state('');
-	let discord = $state('');
-	let bluesky = $state('');
-
-	const initials = $derived(() => {
-		if (!contact) return '?';
-		const f = contact.firstName?.[0] || '';
-		const l = contact.lastName?.[0] || '';
-		return (f + l).toUpperCase() || contact.email?.[0]?.toUpperCase() || '?';
-	});
-
-	const editInitials = $derived(() => {
-		const f = firstName?.[0] || '';
-		const l = lastName?.[0] || '';
-		return (f + l).toUpperCase() || '?';
-	});
-
-	const editDisplayName = $derived(() => {
-		if (firstName || lastName) {
-			return [firstName, lastName].filter(Boolean).join(' ');
-		}
-		return email || 'Kontakt';
-	});
-
-	function populateForm() {
-		if (!contact) return;
-		firstName = contact.firstName || '';
-		lastName = contact.lastName || '';
-		email = contact.email || '';
-		phone = contact.phone || '';
-		mobile = contact.mobile || '';
-		company = contact.company || '';
-		jobTitle = contact.jobTitle || '';
-		street = contact.street || '';
-		city = contact.city || '';
-		postalCode = contact.postalCode || '';
-		country = contact.country || '';
-		notes = contact.notes || '';
-		// Dates
-		birthday = contact.birthday || '';
-		customDates = contact.customDates ? [...contact.customDates] : [];
-		// Social Media
-		linkedin = contact.linkedin || '';
-		twitter = contact.twitter || '';
-		facebook = contact.facebook || '';
-		instagram = contact.instagram || '';
-		xing = contact.xing || '';
-		github = contact.github || '';
-		youtube = contact.youtube || '';
-		tiktok = contact.tiktok || '';
-		telegram = contact.telegram || '';
-		whatsapp = contact.whatsapp || '';
-		signal = contact.signal || '';
-		discord = contact.discord || '';
-		bluesky = contact.bluesky || '';
-	}
-
-	async function loadContact() {
-		loading = true;
-		error = null;
-		try {
-			const local = await contactCollection.get(contactId);
-			if (!local) {
-				error = 'Kontakt nicht gefunden';
-				return;
-			}
-			contact = toContact(local);
-			populateForm();
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Laden des Kontakts');
-		} finally {
-			loading = false;
-		}
-	}
-
-	async function handleSave() {
-		saving = true;
-		error = null;
-		try {
-			await contactCollection.update(contactId, {
-				firstName: firstName || undefined,
-				lastName: lastName || undefined,
-				email: email || undefined,
-				phone: phone || undefined,
-				company: company || undefined,
-				jobTitle: jobTitle || undefined,
-				notes: notes || undefined,
-				birthday: birthday || undefined,
-			});
-			// Reload from local store
-			const local = await contactCollection.get(contactId);
-			if (local) contact = toContact(local);
-			editing = false;
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Speichern');
-		} finally {
-			saving = false;
-		}
-	}
-
-	async function handleDelete() {
-		if (!confirm('Kontakt wirklich löschen?')) return;
-		deleting = true;
-		try {
-			await contactCollection.delete(contactId);
-			onClose();
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Löschen');
-			deleting = false;
-		}
-	}
-
-	async function handleToggleFavorite() {
-		if (!contact) return;
-
-		try {
-			await contactCollection.update(contactId, { isFavorite: !contact.isFavorite });
-			const local = await contactCollection.get(contactId);
-			if (local) contact = toContact(local);
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler');
-		}
-	}
-
-	function handlePhotoClick() {
-		photoInput?.click();
-	}
-
-	async function handlePhotoChange(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const file = input.files?.[0];
-		if (!file || !contact) return;
-
-		// Validate file type
-		if (!file.type.startsWith('image/')) {
-			error = 'Bitte wähle eine Bilddatei aus';
-			return;
-		}
-
-		// Validate file size (5MB)
-		if (file.size > 5 * 1024 * 1024) {
-			error = 'Das Bild darf maximal 5MB groß sein';
-			return;
-		}
-
-		uploadingPhoto = true;
-		error = null;
-
-		try {
-			const result = await photoApi.upload(contactId, file);
-			contact = { ...contact, photoUrl: result.photoUrl };
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Hochladen');
-		} finally {
-			uploadingPhoto = false;
-			// Reset input to allow re-selecting same file
-			input.value = '';
-		}
-	}
-
-	async function handleDeletePhoto() {
-		if (!contact?.photoUrl) return;
-		if (!confirm('Foto wirklich entfernen?')) return;
-
-		uploadingPhoto = true;
-		error = null;
-
-		try {
-			await photoApi.delete(contactId);
-			contact = { ...contact, photoUrl: null };
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Löschen');
-		} finally {
-			uploadingPhoto = false;
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape' && !editing) {
-			onClose();
-		}
-	}
-
-	// Reload contact when contactId changes
-	$effect(() => {
-		if (contactId) {
-			loadContact();
-		}
-	});
-
-	onMount(() => {
-		document.body.style.overflow = 'hidden';
-		return () => {
-			document.body.style.overflow = '';
-		};
-	});
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<!-- Modal Backdrop -->
-<!-- svelte-ignore a11y_click_events_have_key_events -->
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div class="modal-backdrop" onclick={handleBackdropClick}>
-	<div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="modal-title">
-		<!-- Header -->
-		<header class="modal-header">
-			<button onclick={onClose} class="back-button" aria-label="Schließen">
-				<X size={24} class="icon" />
-			</button>
-			<h1 id="modal-title" class="title">{editing ? 'Bearbeiten' : 'Kontakt'}</h1>
-			{#if contact && !editing && !loading}
-				<div class="header-actions">
-					<button
-						onclick={() => {
-							editing = true;
-							populateForm();
-						}}
-						class="action-btn"
-						aria-label="Bearbeiten"
-					>
-						<PencilSimple size={24} class="icon" />
-					</button>
-					{#if !contact?.isSelf}
-						<button
-							onclick={handleDelete}
-							disabled={deleting}
-							class="action-btn action-btn-danger"
-							aria-label="Löschen"
-						>
-							<Trash size={24} class="icon" />
-						</button>
-					{/if}
-				</div>
-			{:else}
-				<div class="header-spacer"></div>
-			{/if}
-		</header>
-
-		<!-- Modal Body -->
-		<div class="modal-body">
-			{#if loading}
-				<ContactDetailSkeleton />
-			{:else if error && !contact}
-				<div class="error-container">
-					<div class="error-icon-wrapper">
-						<Warning size={48} class="error-icon" />
-					</div>
-					<p class="error-text">{error}</p>
-					<button onclick={onClose} class="btn btn-secondary">Schließen</button>
-				</div>
-			{:else if contact}
-				{#if error}
-					<div class="error-banner" role="alert">
-						<Warning size={20} class="icon-sm" />
-						<span>{error}</span>
-					</div>
-				{/if}
-
-				{#if editing}
-					<!-- Edit Mode -->
-					<div class="avatar-section">
-						<div class="avatar-wrapper">
-							<div class="avatar-circle">
-								{editInitials()}
-							</div>
-						</div>
-						<p class="preview-name">{editDisplayName()}</p>
-						{#if company || jobTitle}
-							<p class="preview-subtitle">{[jobTitle, company].filter(Boolean).join(' bei ')}</p>
-						{/if}
-					</div>
-
-					<form
-						onsubmit={(e) => {
-							e.preventDefault();
-							handleSave();
-						}}
-						class="form"
-					>
-						<!-- Name Section -->
-						<section class="form-section">
-							<div class="section-header">
-								<div class="section-icon">
-									<User size={20} />
-								</div>
-								<h2 class="section-title">Name</h2>
-							</div>
-							<div class="form-grid">
-								<div class="form-field">
-									<label for="firstName" class="label">Vorname</label>
-									<input id="firstName" type="text" bind:value={firstName} class="input" />
-								</div>
-								<div class="form-field">
-									<label for="lastName" class="label">Nachname</label>
-									<input id="lastName" type="text" bind:value={lastName} class="input" />
-								</div>
-							</div>
-						</section>
-
-						<!-- Contact Section -->
-						<section class="form-section">
-							<div class="section-header">
-								<div class="section-icon">
-									<Envelope size={20} />
-								</div>
-								<h2 class="section-title">Kontakt</h2>
-							</div>
-							<div class="form-field">
-								<label for="email" class="label">E-Mail</label>
-								<input id="email" type="email" bind:value={email} class="input" />
-							</div>
-							<div class="form-grid">
-								<div class="form-field">
-									<label for="phone" class="label">Telefon</label>
-									<input id="phone" type="tel" bind:value={phone} class="input" />
-								</div>
-								<div class="form-field">
-									<label for="mobile" class="label">Mobil</label>
-									<input id="mobile" type="tel" bind:value={mobile} class="input" />
-								</div>
-							</div>
-						</section>
-
-						<!-- Work Section -->
-						<section class="form-section">
-							<div class="section-header">
-								<div class="section-icon">
-									<Briefcase size={20} />
-								</div>
-								<h2 class="section-title">Arbeit</h2>
-							</div>
-							<div class="form-field">
-								<label for="company" class="label">Firma</label>
-								<input id="company" type="text" bind:value={company} class="input" />
-							</div>
-							<div class="form-field">
-								<label for="jobTitle" class="label">Position</label>
-								<input id="jobTitle" type="text" bind:value={jobTitle} class="input" />
-							</div>
-						</section>
-
-						<!-- Address Section -->
-						<section class="form-section">
-							<div class="section-header">
-								<div class="section-icon">
-									<MapPin size={20} />
-								</div>
-								<h2 class="section-title">Adresse</h2>
-							</div>
-							<div class="form-field">
-								<label for="street" class="label">Straße & Hausnummer</label>
-								<input id="street" type="text" bind:value={street} class="input" />
-							</div>
-							<div class="form-grid">
-								<div class="form-field">
-									<label for="postalCode" class="label">PLZ</label>
-									<input id="postalCode" type="text" bind:value={postalCode} class="input" />
-								</div>
-								<div class="form-field">
-									<label for="city" class="label">Stadt</label>
-									<input id="city" type="text" bind:value={city} class="input" />
-								</div>
-							</div>
-							<div class="form-field">
-								<label for="country" class="label">Land</label>
-								<input id="country" type="text" bind:value={country} class="input" />
-							</div>
-						</section>
-
-						<!-- Notes Section -->
-						<section class="form-section">
-							<div class="section-header">
-								<div class="section-icon">
-									<PencilSimple size={20} />
-								</div>
-								<h2 class="section-title">Notizen</h2>
-							</div>
-							<textarea bind:value={notes} rows="4" class="input textarea"></textarea>
-						</section>
-
-						<!-- Dates Section -->
-						<DateFields bind:birthday bind:customDates />
-
-						<!-- Social Media Section -->
-						<SocialMediaFields
-							bind:linkedin
-							bind:twitter
-							bind:facebook
-							bind:instagram
-							bind:xing
-							bind:github
-							bind:youtube
-							bind:tiktok
-							bind:telegram
-							bind:whatsapp
-							bind:signal
-							bind:discord
-							bind:bluesky
-						/>
-
-						<!-- Action Buttons -->
-						<div class="actions">
-							<button
-								type="button"
-								onclick={() => {
-									editing = false;
-								}}
-								class="btn btn-secondary"
-							>
-								Abbrechen
-							</button>
-							<button type="submit" disabled={saving} class="btn btn-primary">
-								{#if saving}
-									<svg class="spinner" viewBox="0 0 24 24" fill="none">
-										<circle
-											cx="12"
-											cy="12"
-											r="10"
-											stroke="currentColor"
-											stroke-width="3"
-											stroke-opacity="0.25"
-										/>
-										<path
-											d="M12 2a10 10 0 0 1 10 10"
-											stroke="currentColor"
-											stroke-width="3"
-											stroke-linecap="round"
-										/>
-									</svg>
-									<span>Speichern...</span>
-								{:else}
-									<Check size={16} class="icon-sm" />
-									<span>Speichern</span>
-								{/if}
-							</button>
-						</div>
-					</form>
-				{:else}
-					<!-- Hidden file input for photo upload -->
-					<input
-						type="file"
-						accept="image/*"
-						bind:this={photoInput}
-						onchange={handlePhotoChange}
-						class="hidden-input"
-					/>
-
-					<!-- View Mode -->
-					<div class="profile-header">
-						<div class="avatar-wrapper">
-							{#if contact.photoUrl}
-								<img
-									src={contact.photoUrl}
-									alt={getDisplayName(contact)}
-									class="avatar-image avatar-large"
-								/>
-								<button
-									onclick={handleDeletePhoto}
-									disabled={uploadingPhoto}
-									class="photo-delete-btn"
-									aria-label="Foto entfernen"
-									title="Foto entfernen"
-								>
-									{#if uploadingPhoto}
-										<svg class="spinner-sm" viewBox="0 0 24 24" fill="none">
-											<circle
-												cx="12"
-												cy="12"
-												r="10"
-												stroke="currentColor"
-												stroke-width="3"
-												stroke-opacity="0.25"
-											/>
-											<path
-												d="M12 2a10 10 0 0 1 10 10"
-												stroke="currentColor"
-												stroke-width="3"
-												stroke-linecap="round"
-											/>
-										</svg>
-									{:else}
-										<X size={16} />
-									{/if}
-								</button>
-							{:else}
-								<button
-									onclick={handlePhotoClick}
-									disabled={uploadingPhoto}
-									class="avatar-circle avatar-large avatar-upload-btn"
-									aria-label="Foto hochladen"
-									title="Foto hochladen"
-								>
-									{#if uploadingPhoto}
-										<svg class="spinner-lg" viewBox="0 0 24 24" fill="none">
-											<circle
-												cx="12"
-												cy="12"
-												r="10"
-												stroke="currentColor"
-												stroke-width="3"
-												stroke-opacity="0.25"
-											/>
-											<path
-												d="M12 2a10 10 0 0 1 10 10"
-												stroke="currentColor"
-												stroke-width="3"
-												stroke-linecap="round"
-											/>
-										</svg>
-									{:else}
-										<span class="avatar-initials">{initials()}</span>
-										<span class="avatar-upload-overlay">
-											<Camera size={24} />
-										</span>
-									{/if}
-								</button>
-							{/if}
-							<button
-								onclick={handleToggleFavorite}
-								class="favorite-btn"
-								aria-label={contact.isFavorite
-									? 'Von Favoriten entfernen'
-									: 'Zu Favoriten hinzufügen'}
-							>
-								{#if contact.isFavorite}
-									<Heart size={24} weight="fill" class="favorite-icon favorite-active" />
-								{:else}
-									<Heart size={24} class="favorite-icon" />
-								{/if}
-							</button>
-						</div>
-						<h2 class="profile-name">{getDisplayName(contact)}</h2>
-						{#if contact.company || contact.jobTitle}
-							<p class="profile-subtitle">
-								{[contact.jobTitle, contact.company].filter(Boolean).join(' @ ')}
-							</p>
-						{/if}
-					</div>
-
-					<!-- Quick Actions -->
-					<div class="quick-actions">
-						{#if contact.phone}
-							<a href="tel:{contact.phone}" class="quick-action">
-								<div class="quick-action-icon">
-									<Phone size={24} />
-								</div>
-								<span>Anrufen</span>
-							</a>
-						{/if}
-						{#if contact.email}
-							<a href="mailto:{contact.email}" class="quick-action">
-								<div class="quick-action-icon">
-									<Envelope size={24} />
-								</div>
-								<span>E-Mail</span>
-							</a>
-						{/if}
-						{#if contact.mobile}
-							<a href="sms:{contact.mobile}" class="quick-action">
-								<div class="quick-action-icon">
-									<ChatCircle size={24} />
-								</div>
-								<span>Nachricht</span>
-							</a>
-						{/if}
-					</div>
-
-					<!-- Contact Details -->
-					<div class="details-container">
-						{#if contact.email || contact.phone || contact.mobile}
-							<section class="detail-section">
-								<div class="section-header">
-									<div class="section-icon">
-										<Envelope size={20} />
-									</div>
-									<h3 class="section-title">Kontakt</h3>
-								</div>
-								<div class="detail-list">
-									{#if contact.email}
-										<a href="mailto:{contact.email}" class="detail-item detail-link">
-											<div class="detail-content">
-												<span class="detail-label">E-Mail</span>
-												<span class="detail-value">{contact.email}</span>
-											</div>
-										</a>
-									{/if}
-									{#if contact.phone}
-										<a href="tel:{contact.phone}" class="detail-item detail-link">
-											<div class="detail-content">
-												<span class="detail-label">Telefon</span>
-												<span class="detail-value">{contact.phone}</span>
-											</div>
-										</a>
-									{/if}
-									{#if contact.mobile}
-										<a href="tel:{contact.mobile}" class="detail-item detail-link">
-											<div class="detail-content">
-												<span class="detail-label">Mobil</span>
-												<span class="detail-value">{contact.mobile}</span>
-											</div>
-										</a>
-									{/if}
-								</div>
-							</section>
-						{/if}
-
-						{#if contact.company || contact.jobTitle}
-							<section class="detail-section">
-								<div class="section-header">
-									<div class="section-icon">
-										<Briefcase size={20} />
-									</div>
-									<h3 class="section-title">Arbeit</h3>
-								</div>
-								<div class="detail-list">
-									{#if contact.company}
-										<div class="detail-item">
-											<div class="detail-content">
-												<span class="detail-label">Firma</span>
-												<span class="detail-value">{contact.company}</span>
-											</div>
-										</div>
-									{/if}
-									{#if contact.jobTitle}
-										<div class="detail-item">
-											<div class="detail-content">
-												<span class="detail-label">Position</span>
-												<span class="detail-value">{contact.jobTitle}</span>
-											</div>
-										</div>
-									{/if}
-								</div>
-							</section>
-						{/if}
-
-						{#if contact.street || contact.city || contact.postalCode || contact.country}
-							<section class="detail-section">
-								<div class="section-header">
-									<div class="section-icon">
-										<MapPin size={20} />
-									</div>
-									<h3 class="section-title">Adresse</h3>
-								</div>
-								<div class="address-card">
-									{#if contact.street}<div class="address-line">{contact.street}</div>{/if}
-									{#if contact.postalCode || contact.city}
-										<div class="address-line">
-											{[contact.postalCode, contact.city].filter(Boolean).join(' ')}
-										</div>
-									{/if}
-									{#if contact.country}<div class="address-line">{contact.country}</div>{/if}
-								</div>
-							</section>
-						{/if}
-
-						{#if contact.birthday || (contact.customDates && contact.customDates.length > 0)}
-							<section class="detail-section">
-								<div class="section-header">
-									<div class="section-icon">
-										<CalendarBlank size={20} />
-									</div>
-									<h3 class="section-title">Daten</h3>
-								</div>
-								<div class="detail-list">
-									{#if contact.birthday}
-										<div class="detail-item">
-											<div class="detail-content">
-												<span class="detail-label">Geburtstag</span>
-												<span class="detail-value"
-													>{new Date(contact.birthday).toLocaleDateString('de-DE', {
-														day: 'numeric',
-														month: 'long',
-														year: 'numeric',
-													})}</span
-												>
-											</div>
-										</div>
-									{/if}
-									{#if contact.customDates}
-										{#each contact.customDates as customDate}
-											<div class="detail-item">
-												<div class="detail-content">
-													<span class="detail-label">{customDate.label}</span>
-													<span class="detail-value"
-														>{new Date(customDate.date).toLocaleDateString('de-DE', {
-															day: 'numeric',
-															month: 'long',
-															year: 'numeric',
-														})}</span
-													>
-												</div>
-											</div>
-										{/each}
-									{/if}
-								</div>
-							</section>
-						{/if}
-
-						{#if contact.notes}
-							<section class="detail-section">
-								<div class="section-header">
-									<div class="section-icon">
-										<Note size={20} />
-									</div>
-									<h3 class="section-title">Notizen</h3>
-								</div>
-								<div class="notes-content">
-									{contact.notes}
-								</div>
-							</section>
-						{/if}
-
-						<SocialMediaLinks {contact} />
-
-						<!-- Contact Notes (separate from contact.notes field) -->
-						<ContactNotes {contactId} />
-
-						<!-- Tasks related to this contact -->
-						<ContactTasks {contactId} />
-					</div>
-				{/if}
-			{/if}
-		</div>
-	</div>
-</div>
-
-<style>
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		backdrop-filter: blur(4px);
-		z-index: 100;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 1rem;
-	}
-
-	.modal-container {
-		background: hsl(var(--color-surface-elevated));
-		border-radius: 1.5rem;
-		width: 100%;
-		max-width: 560px;
-		max-height: 90vh;
-		display: flex;
-		flex-direction: column;
-		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-		animation: modalIn 0.2s ease-out;
-	}
-
-	@keyframes modalIn {
-		from {
-			opacity: 0;
-			transform: scale(0.95) translateY(10px);
-		}
-		to {
-			opacity: 1;
-			transform: scale(1) translateY(0);
-		}
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem 1.5rem;
-		border-bottom: 1px solid hsl(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	.modal-body {
-		flex: 1;
-		overflow-y: auto;
-		padding: 0 1.5rem 1.5rem;
-	}
-
-	.back-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.back-button:hover {
-		background: hsl(var(--color-surface-hover));
-	}
-
-	.title {
-		flex: 1;
-		font-size: 1.25rem;
-		font-weight: 700;
-		color: hsl(var(--color-foreground));
-	}
-
-	.header-spacer {
-		width: 2.5rem;
-	}
-
-	.header-actions {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.action-btn:hover {
-		background: hsl(var(--color-surface-hover));
-	}
-
-	.action-btn-danger:hover {
-		background: hsl(var(--color-error) / 0.15);
-		color: hsl(var(--color-error));
-	}
-
-	/* Loading */
-	.loading-container {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		gap: 1rem;
-	}
-
-	.spinner-lg {
-		width: 3rem;
-		height: 3rem;
-		color: hsl(var(--color-primary));
-		animation: spin 1s linear infinite;
-	}
-
-	.loading-text {
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.9375rem;
-	}
-
-	/* Error */
-	.error-container {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 4rem 2rem;
-		gap: 1.5rem;
-	}
-
-	.error-icon-wrapper {
-		width: 4rem;
-		height: 4rem;
-		border-radius: 50%;
-		background: hsl(var(--color-error) / 0.1);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.error-icon {
-		width: 2rem;
-		height: 2rem;
-		color: hsl(var(--color-error));
-	}
-
-	.error-text {
-		color: hsl(var(--color-foreground));
-		font-size: 1rem;
-		text-align: center;
-	}
-
-	.error-banner {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem;
-		background: hsl(var(--color-error) / 0.1);
-		border: 1px solid hsl(var(--color-error) / 0.3);
-		border-radius: 0.75rem;
-		color: hsl(var(--color-error));
-		margin-bottom: 1.5rem;
-	}
-
-	/* Profile Header */
-	.profile-header {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 1.5rem 0 1.5rem;
-	}
-
-	.avatar-wrapper {
-		position: relative;
-		margin-bottom: 1rem;
-	}
-
-	.avatar-circle {
-		width: 80px;
-		height: 80px;
-		border-radius: 50%;
-		background: linear-gradient(
-			135deg,
-			hsl(var(--color-primary)) 0%,
-			hsl(var(--color-primary) / 0.7) 100%
-		);
-		color: hsl(var(--color-primary-foreground));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 2rem;
-		font-weight: 700;
-		box-shadow: 0 8px 24px hsl(var(--color-primary) / 0.3);
-	}
-
-	.avatar-large {
-		width: 100px;
-		height: 100px;
-		font-size: 2.5rem;
-	}
-
-	.avatar-image {
-		width: 100px;
-		height: 100px;
-		border-radius: 50%;
-		object-fit: cover;
-		box-shadow: 0 8px 24px hsl(var(--color-primary) / 0.3);
-	}
-
-	.avatar-upload-btn {
-		position: relative;
-		cursor: pointer;
-		border: none;
-		overflow: hidden;
-	}
-
-	.avatar-upload-btn:hover .avatar-upload-overlay {
-		opacity: 1;
-	}
-
-	.avatar-upload-btn:disabled {
-		cursor: not-allowed;
-	}
-
-	.avatar-initials {
-		position: relative;
-		z-index: 1;
-	}
-
-	.avatar-upload-overlay {
-		position: absolute;
-		inset: 0;
-		background: hsl(var(--color-foreground) / 0.6);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		opacity: 0;
-		transition: opacity 0.2s ease;
-		border-radius: 50%;
-	}
-
-	.avatar-upload-overlay svg {
-		width: 2rem;
-		height: 2rem;
-		color: white;
-	}
-
-	.photo-delete-btn {
-		position: absolute;
-		top: -4px;
-		right: -4px;
-		width: 28px;
-		height: 28px;
-		border-radius: 50%;
-		background: hsl(var(--color-error));
-		border: 2px solid hsl(var(--color-background));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.1);
-	}
-
-	.photo-delete-btn:hover:not(:disabled) {
-		transform: scale(1.1);
-	}
-
-	.photo-delete-btn:disabled {
-		cursor: not-allowed;
-		opacity: 0.7;
-	}
-
-	.photo-delete-btn svg {
-		width: 0.875rem;
-		height: 0.875rem;
-		color: white;
-	}
-
-	.spinner-sm {
-		width: 0.875rem;
-		height: 0.875rem;
-		animation: spin 1s linear infinite;
-	}
-
-	.hidden-input {
-		position: absolute;
-		width: 1px;
-		height: 1px;
-		padding: 0;
-		margin: -1px;
-		overflow: hidden;
-		clip: rect(0, 0, 0, 0);
-		white-space: nowrap;
-		border: 0;
-	}
-
-	.favorite-btn {
-		position: absolute;
-		bottom: -4px;
-		right: -4px;
-		width: 32px;
-		height: 32px;
-		border-radius: 50%;
-		background: hsl(var(--color-surface));
-		border: 2px solid hsl(var(--color-background));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.1);
-	}
-
-	.favorite-btn:hover {
-		transform: scale(1.1);
-	}
-
-	.favorite-icon {
-		width: 1rem;
-		height: 1rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.favorite-active {
-		fill: hsl(var(--color-error));
-		color: hsl(var(--color-error));
-	}
-
-	.profile-name {
-		font-size: 1.25rem;
-		font-weight: 700;
-		color: hsl(var(--color-foreground));
-		text-align: center;
-	}
-
-	.profile-subtitle {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		text-align: center;
-		margin-top: 0.25rem;
-	}
-
-	.preview-name {
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		text-align: center;
-	}
-
-	.preview-subtitle {
-		font-size: 0.8125rem;
-		color: hsl(var(--color-muted-foreground));
-		text-align: center;
-		margin-top: 0.25rem;
-	}
-
-	.avatar-section {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 1.5rem 0;
-	}
-
-	/* Quick Actions */
-	.quick-actions {
-		display: flex;
-		justify-content: center;
-		gap: 1.5rem;
-		padding-bottom: 1.25rem;
-		margin-bottom: 0.5rem;
-		border-bottom: 1px solid hsl(var(--color-border));
-	}
-
-	.quick-action {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.375rem;
-		color: hsl(var(--color-primary));
-		text-decoration: none;
-		transition: all 0.2s ease;
-	}
-
-	.quick-action:hover {
-		transform: translateY(-2px);
-	}
-
-	.quick-action-icon {
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--color-primary) / 0.1);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.quick-action-icon svg {
-		width: 1.125rem;
-		height: 1.125rem;
-	}
-
-	.quick-action span {
-		font-size: 0.6875rem;
-		font-weight: 500;
-	}
-
-	/* Details Container */
-	.details-container {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.detail-section {
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 0.875rem;
-		padding: 1rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding-bottom: 0.625rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		margin-bottom: 0.625rem;
-	}
-
-	.section-icon {
-		width: 1.75rem;
-		height: 1.75rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.section-icon svg {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.section-title {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-	}
-
-	.detail-list {
-		display: flex;
-		flex-direction: column;
-	}
-
-	.detail-item {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding: 0.5rem 0;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.3);
-	}
-
-	.detail-item:last-child {
-		border-bottom: none;
-		padding-bottom: 0;
-	}
-
-	.detail-item:first-child {
-		padding-top: 0;
-	}
-
-	.detail-link {
-		text-decoration: none;
-		color: inherit;
-		transition: all 0.2s ease;
-	}
-
-	.detail-link:hover {
-		background: hsl(var(--color-surface-hover) / 0.5);
-		margin: 0 -0.5rem;
-		padding-left: 0.5rem;
-		padding-right: 0.5rem;
-		border-radius: 0.5rem;
-	}
-
-	.detail-content {
-		display: flex;
-		flex-direction: column;
-		gap: 0.0625rem;
-	}
-
-	.detail-label {
-		font-size: 0.6875rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.detail-value {
-		font-size: 0.875rem;
-		color: hsl(var(--color-foreground));
-	}
-
-	.detail-link:hover .detail-value {
-		color: hsl(var(--color-primary));
-	}
-
-	.address-card {
-		padding: 0.625rem 0.875rem;
-		background: hsl(var(--color-muted) / 0.5);
-		border-radius: 0.5rem;
-	}
-
-	.address-line {
-		font-size: 0.875rem;
-		color: hsl(var(--color-foreground));
-		line-height: 1.5;
-	}
-
-	.notes-content {
-		font-size: 0.875rem;
-		color: hsl(var(--color-foreground));
-		white-space: pre-wrap;
-		line-height: 1.5;
-	}
-
-	/* Form */
-	.form {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.form-section {
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 0.875rem;
-		padding: 1rem;
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.form-grid {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.75rem;
-	}
-
-	.form-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.label {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.input {
-		width: 100%;
-		padding: 0.625rem 0.875rem;
-		border: 1.5px solid hsl(var(--color-border));
-		border-radius: 0.5rem;
-		background: hsl(var(--color-input));
-		color: hsl(var(--color-foreground));
-		font-size: 0.875rem;
-		transition: all 0.2s ease;
-	}
-
-	.input:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary));
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.1);
-	}
-
-	.textarea {
-		resize: none;
-		min-height: 80px;
-	}
-
-	.actions {
-		display: flex;
-		gap: 0.75rem;
-		padding-top: 0.5rem;
-	}
-
-	.btn {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.75rem 1.25rem;
-		border-radius: 0.625rem;
-		font-weight: 600;
-		font-size: 0.875rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		border: none;
-		text-decoration: none;
-	}
-
-	.btn-primary {
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-		box-shadow: 0 4px 12px hsl(var(--color-primary) / 0.3);
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		transform: translateY(-1px);
-		box-shadow: 0 6px 16px hsl(var(--color-primary) / 0.4);
-	}
-
-	.btn-primary:disabled {
-		opacity: 0.7;
-		cursor: not-allowed;
-	}
-
-	.btn-secondary {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	.btn-secondary:hover {
-		background: hsl(var(--color-surface-hover));
-	}
-
-	.icon {
-		width: 1.25rem;
-		height: 1.25rem;
-	}
-
-	.icon-sm {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.spinner {
-		width: 1.25rem;
-		height: 1.25rem;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	@media (max-width: 480px) {
-		.modal-container {
-			max-height: 95vh;
-			border-radius: 1rem 1rem 0 0;
-			position: fixed;
-			bottom: 0;
-			left: 0;
-			right: 0;
-			max-width: 100%;
-		}
-
-		.modal-backdrop {
-			padding: 0;
-			align-items: flex-end;
-		}
-
-		.form-grid {
-			grid-template-columns: 1fr;
-		}
-
-		.actions {
-			flex-direction: column-reverse;
-		}
-
-		.quick-actions {
-			gap: 1rem;
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/ContactList.svelte b/apps/contacts/apps/web-archived/src/lib/components/ContactList.svelte
deleted file mode 100644
index c20b2d395..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/ContactList.svelte
+++ /dev/null
@@ -1,383 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { Heart, Archive, Trash } from '@manacore/shared-icons';
-	import { getErrorMessage } from '$lib/utils/error-helpers';
-	import { contactsStore } from '$lib/stores/contacts.svelte';
-	import { viewModeStore } from '$lib/stores/view-mode.svelte';
-	import { contactsFilterStore } from '$lib/stores/filter.svelte';
-	import { goto } from '$app/navigation';
-	import ContactGridView from '$lib/components/views/ContactGridView.svelte';
-	import ContactAlphabetView from '$lib/components/views/ContactAlphabetView.svelte';
-	import { batchApi } from '$lib/api/batch';
-	import { toastStore } from '@manacore/shared-ui';
-	import { newContactModalStore } from '$lib/stores/new-contact-modal.svelte';
-	import type { Contact } from '$lib/api/contacts';
-
-	// Get reactive contacts from context (live query)
-	const allContacts: { readonly value: Contact[] } = getContext('contacts');
-
-	// Batch selection state
-	let selectionMode = $state(false);
-	let selectedIds = $state<Set<string>>(new Set());
-	let batchLoading = $state(false);
-
-	// Derived: non-archived contacts (the main working set)
-	let contacts = $derived(allContacts.value.filter((c) => !c.isArchived));
-
-	// Derived state for selection
-	let allSelected = $derived(contacts.length > 0 && contacts.every((c) => selectedIds.has(c.id)));
-
-	// Helper functions for birthday filtering
-	function isBirthdayToday(birthday: string | null | undefined): boolean {
-		if (!birthday) return false;
-		const today = new Date();
-		const bday = new Date(birthday);
-		return bday.getDate() === today.getDate() && bday.getMonth() === today.getMonth();
-	}
-
-	function isBirthdayThisWeek(birthday: string | null | undefined): boolean {
-		if (!birthday) return false;
-		const today = new Date();
-		const bday = new Date(birthday);
-		// Set birthday to current year
-		bday.setFullYear(today.getFullYear());
-		// Get start and end of current week
-		const startOfWeek = new Date(today);
-		startOfWeek.setDate(today.getDate() - today.getDay());
-		startOfWeek.setHours(0, 0, 0, 0);
-		const endOfWeek = new Date(startOfWeek);
-		endOfWeek.setDate(startOfWeek.getDate() + 6);
-		endOfWeek.setHours(23, 59, 59, 999);
-		return bday >= startOfWeek && bday <= endOfWeek;
-	}
-
-	function isBirthdayThisMonth(birthday: string | null | undefined): boolean {
-		if (!birthday) return false;
-		const today = new Date();
-		const bday = new Date(birthday);
-		return bday.getMonth() === today.getMonth();
-	}
-
-	function isContactIncomplete(contact: Contact): boolean {
-		return !contact.phone && !contact.mobile && !contact.email;
-	}
-
-	// Filtered and sorted contacts (using filter store)
-	let filteredContacts = $derived.by(() => {
-		let result = [...contacts];
-
-		// Apply search filter from InputBar
-		const searchQuery = contactsFilterStore.searchQuery?.toLowerCase().trim();
-		if (searchQuery) {
-			result = result.filter((c) => {
-				const searchFields = [
-					c.firstName,
-					c.lastName,
-					c.displayName,
-					c.nickname,
-					c.company,
-					c.email,
-					c.phone,
-					c.mobile,
-					c.city,
-				];
-				return searchFields.some((field) => field?.toLowerCase().includes(searchQuery));
-			});
-		}
-
-		// Apply contact filter from store
-		const contactFilter = contactsFilterStore.contactFilter;
-		if (contactFilter === 'favorites') {
-			result = result.filter((c) => c.isFavorite);
-		} else if (contactFilter === 'hasPhone') {
-			result = result.filter((c) => c.phone || c.mobile);
-		} else if (contactFilter === 'hasEmail') {
-			result = result.filter((c) => c.email);
-		} else if (contactFilter === 'incomplete') {
-			result = result.filter((c) => isContactIncomplete(c));
-		}
-
-		// Apply birthday filter from store
-		const birthdayFilter = contactsFilterStore.birthdayFilter;
-		if (birthdayFilter === 'today') {
-			result = result.filter((c) => isBirthdayToday(c.birthday));
-		} else if (birthdayFilter === 'thisWeek') {
-			result = result.filter((c) => isBirthdayThisWeek(c.birthday));
-		} else if (birthdayFilter === 'thisMonth') {
-			result = result.filter((c) => isBirthdayThisMonth(c.birthday));
-		}
-
-		// Apply company filter from store
-		const selectedCompany = contactsFilterStore.selectedCompany;
-		if (selectedCompany) {
-			result = result.filter((c) => c.company === selectedCompany);
-		}
-
-		return result;
-	});
-
-	// Sorted contacts based on selected sort field from store
-	let sortedContacts = $derived.by(() => {
-		const sortField = contactsFilterStore.sortField;
-		return [...filteredContacts].sort((a, b) => {
-			const aValue =
-				(sortField === 'firstName'
-					? a.firstName || a.lastName || a.displayName || a.email
-					: a.lastName || a.firstName || a.displayName || a.email
-				)?.toLowerCase() || '';
-			const bValue =
-				(sortField === 'firstName'
-					? b.firstName || b.lastName || b.displayName || b.email
-					: b.lastName || b.firstName || b.displayName || b.email
-				)?.toLowerCase() || '';
-			return aValue.localeCompare(bValue, 'de');
-		});
-	});
-
-	async function handleToggleFavorite(e: MouseEvent, id: string) {
-		e.stopPropagation();
-		const result = await contactsStore.toggleFavorite(id);
-
-		// Show auth gate if authentication required (demo mode)
-		if (result && 'error' in result && result.error === 'auth_required') {
-			window.dispatchEvent(new CustomEvent('show-auth-gate'));
-		}
-	}
-
-	function handleContactClick(id: string) {
-		if (selectionMode) {
-			toggleSelection(id);
-		} else {
-			goto(`/contacts/${id}`);
-		}
-	}
-
-	function toggleSelectionMode() {
-		selectionMode = !selectionMode;
-		if (!selectionMode) {
-			selectedIds = new Set();
-		}
-	}
-
-	function toggleSelection(id: string) {
-		const newSet = new Set(selectedIds);
-		if (newSet.has(id)) {
-			newSet.delete(id);
-		} else {
-			newSet.add(id);
-		}
-		selectedIds = newSet;
-	}
-
-	function toggleSelectAll() {
-		if (allSelected) {
-			selectedIds = new Set();
-		} else {
-			selectedIds = new Set(contacts.map((c) => c.id));
-		}
-	}
-
-	async function handleBatchDelete() {
-		if (selectedIds.size === 0) return;
-		if (!confirm(`${selectedIds.size} Kontakte wirklich löschen?`)) return;
-
-		batchLoading = true;
-		try {
-			const result = await batchApi.deleteMany([...selectedIds]);
-			toastStore.success(`${result.success} Kontakte gelöscht`);
-			selectedIds = new Set();
-			selectionMode = false;
-		} catch (e) {
-			toastStore.error(getErrorMessage(e, 'Fehler beim Löschen'));
-		} finally {
-			batchLoading = false;
-		}
-	}
-
-	async function handleBatchArchive() {
-		if (selectedIds.size === 0) return;
-
-		batchLoading = true;
-		try {
-			const result = await batchApi.archiveMany([...selectedIds], true);
-			toastStore.success(`${result.success} Kontakte archiviert`);
-			selectedIds = new Set();
-			selectionMode = false;
-		} catch (e) {
-			toastStore.error(getErrorMessage(e, 'Fehler beim Archivieren'));
-		} finally {
-			batchLoading = false;
-		}
-	}
-
-	async function handleBatchFavorite() {
-		if (selectedIds.size === 0) return;
-
-		batchLoading = true;
-		try {
-			const result = await batchApi.favoriteMany([...selectedIds], true);
-			toastStore.success(`${result.success} Kontakte zu Favoriten hinzugefügt`);
-			selectedIds = new Set();
-			selectionMode = false;
-		} catch (e) {
-			toastStore.error(getErrorMessage(e, 'Fehler'));
-		} finally {
-			batchLoading = false;
-		}
-	}
-
-	// Tag filtering is now client-side via the filteredContacts $derived
-
-	async function handleDeleteContact(id: string) {
-		if (!confirm('Kontakt wirklich löschen?')) return;
-		await contactsStore.deleteContact(id);
-	}
-</script>
-
-<div class="space-y-6">
-	<!-- Header -->
-	<h1 class="text-2xl font-bold text-foreground text-center">{$_('contacts.title')}</h1>
-
-	<!-- Batch Actions Bar (shown when in selection mode) -->
-	{#if selectionMode}
-		<div class="batch-actions-bar">
-			<div class="flex items-center gap-3">
-				<label class="flex items-center gap-2 cursor-pointer">
-					<input
-						type="checkbox"
-						checked={allSelected}
-						onchange={toggleSelectAll}
-						class="w-5 h-5 rounded border-2 border-border text-primary focus:ring-primary"
-					/>
-					<span class="text-sm text-muted-foreground">
-						{#if selectedIds.size === 0}
-							Alle auswählen
-						{:else}
-							{selectedIds.size} ausgewählt
-						{/if}
-					</span>
-				</label>
-			</div>
-
-			<div class="flex items-center gap-2">
-				<button
-					type="button"
-					onclick={handleBatchFavorite}
-					disabled={batchLoading || selectedIds.size === 0}
-					class="batch-btn"
-					title="Zu Favoriten hinzufügen"
-				>
-					<Heart size={20} />
-					<span class="hidden sm:inline">Favoriten</span>
-				</button>
-				<button
-					type="button"
-					onclick={handleBatchArchive}
-					disabled={batchLoading || selectedIds.size === 0}
-					class="batch-btn"
-					title="Archivieren"
-				>
-					<Archive size={20} />
-					<span class="hidden sm:inline">Archivieren</span>
-				</button>
-				<button
-					type="button"
-					onclick={handleBatchDelete}
-					disabled={batchLoading || selectedIds.size === 0}
-					class="batch-btn batch-btn-danger"
-					title="Löschen"
-				>
-					<Trash size={20} />
-					<span class="hidden sm:inline">Löschen</span>
-				</button>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Empty state -->
-	{#if contacts.length === 0}
-		<!-- Empty state -->
-		<div class="text-center py-12">
-			<div class="text-6xl mb-4">👤</div>
-			<h2 class="text-xl font-semibold text-foreground mb-2">{$_('contacts.noContacts')}</h2>
-			<p class="text-muted-foreground mb-4">{$_('contacts.addFirst')}</p>
-			<button type="button" onclick={() => newContactModalStore.open()} class="btn btn-primary">
-				{$_('contacts.new')}
-			</button>
-		</div>
-	{:else}
-		<!-- Contacts View -->
-		{#if viewModeStore.mode === 'grid'}
-			<ContactGridView
-				contacts={sortedContacts}
-				onContactClick={handleContactClick}
-				onToggleFavorite={handleToggleFavorite}
-				onDeleteContact={handleDeleteContact}
-				{selectionMode}
-				{selectedIds}
-				onToggleSelection={toggleSelection}
-			/>
-		{:else}
-			<ContactAlphabetView
-				contacts={sortedContacts}
-				onContactClick={handleContactClick}
-				onToggleFavorite={handleToggleFavorite}
-				onDeleteContact={handleDeleteContact}
-				{selectionMode}
-				{selectedIds}
-				onToggleSelection={toggleSelection}
-				sortField={contactsFilterStore.sortField}
-			/>
-		{/if}
-
-		<!-- Total count -->
-		<p class="text-sm text-muted-foreground text-center">
-			{contacts.length}
-			{contacts.length === 1 ? $_('contacts.contact') : $_('contacts.contactsPlural')}
-		</p>
-	{/if}
-</div>
-
-<style>
-	.batch-actions-bar {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.75rem 1rem;
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 0.75rem;
-		gap: 1rem;
-		flex-wrap: wrap;
-	}
-
-	.batch-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.75rem;
-		border-radius: 0.5rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.batch-btn:hover:not(:disabled) {
-		background: hsl(var(--color-surface-hover));
-	}
-
-	.batch-btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.batch-btn-danger:hover:not(:disabled) {
-		background: hsl(var(--color-error) / 0.15);
-		color: hsl(var(--color-error));
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/ContactNotes.svelte b/apps/contacts/apps/web-archived/src/lib/components/ContactNotes.svelte
deleted file mode 100644
index 3fa647d31..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/ContactNotes.svelte
+++ /dev/null
@@ -1,562 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { NotePencil, Plus, PushPin, PencilSimple, Trash } from '@manacore/shared-icons';
-	import { notesApi, type ContactNote } from '$lib/api/contacts';
-	import { ContactNotesSkeleton } from '$lib/components/skeletons';
-
-	interface Props {
-		contactId: string;
-	}
-
-	let { contactId }: Props = $props();
-
-	let notes = $state<ContactNote[]>([]);
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-
-	// New note state
-	let newNoteContent = $state('');
-	let addingNote = $state(false);
-	let showAddForm = $state(false);
-
-	// Edit state
-	let editingNoteId = $state<string | null>(null);
-	let editContent = $state('');
-	let savingEdit = $state(false);
-
-	const sortedNotes = $derived.by(() => {
-		// Pinned notes first, then by date
-		return [...notes].sort((a, b) => {
-			if (a.isPinned && !b.isPinned) return -1;
-			if (!a.isPinned && b.isPinned) return 1;
-			return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
-		});
-	});
-
-	async function loadNotes() {
-		loading = true;
-		error = null;
-		try {
-			const response = await notesApi.list(contactId);
-			notes = response.notes || [];
-		} catch (e) {
-			error = e instanceof Error ? e.message : $_('messages.error');
-		} finally {
-			loading = false;
-		}
-	}
-
-	async function handleAddNote() {
-		if (!newNoteContent.trim()) return;
-
-		addingNote = true;
-		error = null;
-		try {
-			const response = await notesApi.create(contactId, {
-				content: newNoteContent.trim(),
-			});
-			notes = [...notes, response.note];
-			newNoteContent = '';
-			showAddForm = false;
-		} catch (e) {
-			error = e instanceof Error ? e.message : $_('messages.error');
-		} finally {
-			addingNote = false;
-		}
-	}
-
-	function startEditing(note: ContactNote) {
-		editingNoteId = note.id;
-		editContent = note.content;
-	}
-
-	function cancelEditing() {
-		editingNoteId = null;
-		editContent = '';
-	}
-
-	async function handleSaveEdit(noteId: string) {
-		if (!editContent.trim()) return;
-
-		savingEdit = true;
-		error = null;
-		try {
-			const response = await notesApi.update(noteId, {
-				content: editContent.trim(),
-			});
-			notes = notes.map((n) => (n.id === noteId ? response.note : n));
-			editingNoteId = null;
-			editContent = '';
-		} catch (e) {
-			error = e instanceof Error ? e.message : $_('messages.error');
-		} finally {
-			savingEdit = false;
-		}
-	}
-
-	async function handleDelete(noteId: string) {
-		if (!confirm($_('notes.confirmDelete'))) return;
-
-		try {
-			await notesApi.delete(noteId);
-			notes = notes.filter((n) => n.id !== noteId);
-		} catch (e) {
-			error = e instanceof Error ? e.message : $_('messages.error');
-		}
-	}
-
-	async function handleTogglePin(noteId: string) {
-		try {
-			const response = await notesApi.togglePin(noteId);
-			notes = notes.map((n) => (n.id === noteId ? response.note : n));
-		} catch (e) {
-			error = e instanceof Error ? e.message : $_('messages.error');
-		}
-	}
-
-	function formatDate(dateString: string): string {
-		const date = new Date(dateString);
-		const now = new Date();
-		const diffMs = now.getTime() - date.getTime();
-		const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
-
-		if (diffDays === 0) {
-			return date.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
-		} else if (diffDays === 1) {
-			return $_('notes.yesterday');
-		} else if (diffDays < 7) {
-			return date.toLocaleDateString('de-DE', { weekday: 'short' });
-		} else {
-			return date.toLocaleDateString('de-DE', { day: '2-digit', month: 'short' });
-		}
-	}
-
-	onMount(loadNotes);
-</script>
-
-<section class="notes-section">
-	<div class="section-header">
-		<div class="section-icon">
-			<NotePencil size={16} />
-		</div>
-		<h3 class="section-title">{$_('notes.title')}</h3>
-		<button
-			onclick={() => (showAddForm = !showAddForm)}
-			class="add-note-btn"
-			aria-label={$_('notes.add')}
-		>
-			<Plus size={16} />
-		</button>
-	</div>
-
-	{#if error}
-		<div class="error-message">{error}</div>
-	{/if}
-
-	<!-- Add Note Form -->
-	{#if showAddForm}
-		<div class="add-note-form">
-			<textarea
-				bind:value={newNoteContent}
-				placeholder={$_('notes.placeholder')}
-				class="note-input"
-				rows="3"
-			></textarea>
-			<div class="form-actions">
-				<button
-					onclick={() => {
-						showAddForm = false;
-						newNoteContent = '';
-					}}
-					class="btn-cancel"
-					disabled={addingNote}
-				>
-					{$_('common.cancel')}
-				</button>
-				<button
-					onclick={handleAddNote}
-					class="btn-save"
-					disabled={addingNote || !newNoteContent.trim()}
-				>
-					{#if addingNote}
-						<span class="spinner"></span>
-					{/if}
-					{$_('notes.add')}
-				</button>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Notes List -->
-	{#if loading}
-		<ContactNotesSkeleton />
-	{:else if notes.length === 0 && !showAddForm}
-		<div class="empty-notes">
-			<p>{$_('notes.empty')}</p>
-			<button onclick={() => (showAddForm = true)} class="btn-add-first">
-				{$_('notes.addFirst')}
-			</button>
-		</div>
-	{:else}
-		<div class="notes-list">
-			{#each sortedNotes as note (note.id)}
-				<div class="note-item" class:pinned={note.isPinned}>
-					{#if editingNoteId === note.id}
-						<!-- Edit Mode -->
-						<textarea bind:value={editContent} class="note-input edit-input" rows="3"></textarea>
-						<div class="form-actions">
-							<button onclick={cancelEditing} class="btn-cancel" disabled={savingEdit}>
-								{$_('common.cancel')}
-							</button>
-							<button
-								onclick={() => handleSaveEdit(note.id)}
-								class="btn-save"
-								disabled={savingEdit || !editContent.trim()}
-							>
-								{#if savingEdit}
-									<span class="spinner"></span>
-								{/if}
-								{$_('actions.save')}
-							</button>
-						</div>
-					{:else}
-						<!-- View Mode -->
-						<div class="note-content">
-							{#if note.isPinned}
-								<span class="pin-badge">
-									<PushPin size={14} weight="fill" />
-								</span>
-							{/if}
-							<p class="note-text">{note.content}</p>
-							<span class="note-date">{formatDate(note.createdAt)}</span>
-						</div>
-						<div class="note-actions">
-							<button
-								onclick={() => handleTogglePin(note.id)}
-								class="note-action"
-								class:active={note.isPinned}
-								aria-label={note.isPinned ? $_('notes.unpin') : $_('notes.pin')}
-								title={note.isPinned ? $_('notes.unpin') : $_('notes.pin')}
-							>
-								<PushPin size={14} weight={note.isPinned ? 'fill' : 'regular'} />
-							</button>
-							<button
-								onclick={() => startEditing(note)}
-								class="note-action"
-								aria-label={$_('actions.edit')}
-								title={$_('actions.edit')}
-							>
-								<PencilSimple size={14} />
-							</button>
-							<button
-								onclick={() => handleDelete(note.id)}
-								class="note-action delete"
-								aria-label={$_('actions.delete')}
-								title={$_('actions.delete')}
-							>
-								<Trash size={14} />
-							</button>
-						</div>
-					{/if}
-				</div>
-			{/each}
-		</div>
-	{/if}
-</section>
-
-<style>
-	.notes-section {
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 0.875rem;
-		padding: 1rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding-bottom: 0.625rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		margin-bottom: 0.75rem;
-	}
-
-	.section-icon {
-		width: 1.75rem;
-		height: 1.75rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.section-icon svg {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.section-title {
-		flex: 1;
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-	}
-
-	.add-note-btn {
-		width: 1.75rem;
-		height: 1.75rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-		border: none;
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: all 0.2s ease;
-	}
-
-	.add-note-btn:hover {
-		transform: scale(1.05);
-	}
-
-	.add-note-btn svg {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.error-message {
-		padding: 0.5rem 0.75rem;
-		background: hsl(var(--color-error) / 0.1);
-		border-radius: 0.5rem;
-		color: hsl(var(--color-error));
-		font-size: 0.8125rem;
-		margin-bottom: 0.75rem;
-	}
-
-	/* Add Note Form */
-	.add-note-form {
-		margin-bottom: 0.75rem;
-	}
-
-	.note-input {
-		width: 100%;
-		padding: 0.75rem;
-		border: 1.5px solid hsl(var(--color-border));
-		border-radius: 0.5rem;
-		background: hsl(var(--color-input));
-		color: hsl(var(--color-foreground));
-		font-size: 0.875rem;
-		resize: none;
-		transition: all 0.2s ease;
-	}
-
-	.note-input:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary));
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.1);
-	}
-
-	.edit-input {
-		margin-bottom: 0.5rem;
-	}
-
-	.form-actions {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.5rem;
-		margin-top: 0.5rem;
-	}
-
-	.btn-cancel,
-	.btn-save {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.875rem;
-		border-radius: 0.5rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		border: none;
-	}
-
-	.btn-cancel {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	.btn-cancel:hover:not(:disabled) {
-		background: hsl(var(--color-surface-hover));
-	}
-
-	.btn-save {
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-	}
-
-	.btn-save:hover:not(:disabled) {
-		box-shadow: 0 2px 8px hsl(var(--color-primary) / 0.3);
-	}
-
-	.btn-cancel:disabled,
-	.btn-save:disabled {
-		opacity: 0.6;
-		cursor: not-allowed;
-	}
-
-	/* Loading & Empty */
-	.loading {
-		display: flex;
-		justify-content: center;
-		padding: 1.5rem;
-	}
-
-	.spinner {
-		width: 1.25rem;
-		height: 1.25rem;
-		border: 2px solid hsl(var(--color-muted));
-		border-top-color: hsl(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 0.8s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.empty-notes {
-		text-align: center;
-		padding: 1.5rem 1rem;
-	}
-
-	.empty-notes p {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-bottom: 0.75rem;
-	}
-
-	.btn-add-first {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 1rem;
-		border-radius: 0.5rem;
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-		border: none;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.btn-add-first:hover {
-		background: hsl(var(--color-primary) / 0.2);
-	}
-
-	/* Notes List */
-	.notes-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.note-item {
-		padding: 0.75rem;
-		background: hsl(var(--color-muted) / 0.3);
-		border-radius: 0.5rem;
-		transition: all 0.2s ease;
-	}
-
-	.note-item:hover {
-		background: hsl(var(--color-muted) / 0.5);
-	}
-
-	.note-item.pinned {
-		background: hsl(var(--color-primary) / 0.08);
-		border: 1px solid hsl(var(--color-primary) / 0.2);
-	}
-
-	.note-content {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.pin-badge {
-		display: inline-flex;
-		align-items: center;
-		color: hsl(var(--color-primary));
-		margin-bottom: 0.25rem;
-	}
-
-	.pin-badge svg {
-		width: 0.875rem;
-		height: 0.875rem;
-	}
-
-	.note-text {
-		font-size: 0.875rem;
-		color: hsl(var(--color-foreground));
-		white-space: pre-wrap;
-		line-height: 1.5;
-	}
-
-	.note-date {
-		font-size: 0.6875rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-top: 0.25rem;
-	}
-
-	.note-actions {
-		display: flex;
-		gap: 0.25rem;
-		margin-top: 0.5rem;
-		opacity: 0;
-		transition: opacity 0.2s ease;
-	}
-
-	.note-item:hover .note-actions {
-		opacity: 1;
-	}
-
-	.note-action {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.75rem;
-		height: 1.75rem;
-		border-radius: 0.375rem;
-		background: transparent;
-		color: hsl(var(--color-muted-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.note-action:hover {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	.note-action.active {
-		color: hsl(var(--color-primary));
-	}
-
-	.note-action.delete:hover {
-		background: hsl(var(--color-error) / 0.1);
-		color: hsl(var(--color-error));
-	}
-
-	.note-action svg {
-		width: 0.875rem;
-		height: 0.875rem;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/ContactTasks.svelte b/apps/contacts/apps/web-archived/src/lib/components/ContactTasks.svelte
deleted file mode 100644
index f34f01a2c..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/ContactTasks.svelte
+++ /dev/null
@@ -1,498 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { ClipboardText, Warning, Check } from '@manacore/shared-icons';
-	import { todosStore } from '$lib/stores/todos.svelte';
-	import { PRIORITY_COLORS, type Task } from '$lib/api/todos';
-
-	interface Props {
-		contactId: string;
-	}
-
-	let { contactId }: Props = $props();
-
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-	let showCompleted = $state(false);
-	let displayLimit = $state(10);
-
-	// Categorized tasks
-	let assignedTasks = $state<Task[]>([]);
-	let involvedTasks = $state<Task[]>([]);
-
-	// Derived values
-	const visibleAssigned = $derived.by(() => {
-		const filtered = showCompleted ? assignedTasks : assignedTasks.filter((t) => !t.isCompleted);
-		return filtered.slice(0, displayLimit);
-	});
-
-	const visibleInvolved = $derived.by(() => {
-		const filtered = showCompleted ? involvedTasks : involvedTasks.filter((t) => !t.isCompleted);
-		return filtered.slice(0, displayLimit);
-	});
-
-	const totalVisible = $derived(visibleAssigned.length + visibleInvolved.length);
-	const totalTasks = $derived(assignedTasks.length + involvedTasks.length);
-	const hasMore = $derived(totalVisible < totalTasks);
-
-	async function loadTasks() {
-		loading = true;
-		error = null;
-
-		try {
-			// Always load with completed to get full list, filter in UI
-			await todosStore.loadTasksForContact(contactId, true);
-			const categorized = todosStore.categorizeTasksForContact(contactId);
-			assignedTasks = categorized.assigned;
-			involvedTasks = categorized.involved;
-		} catch (e) {
-			error = e instanceof Error ? e.message : $_('contact.tasks.error');
-		} finally {
-			loading = false;
-		}
-	}
-
-	async function handleToggleComplete(task: Task) {
-		const success = await todosStore.toggleTaskCompletion(task.id, contactId);
-		if (success) {
-			// Refresh categorization
-			const categorized = todosStore.categorizeTasksForContact(contactId);
-			assignedTasks = categorized.assigned;
-			involvedTasks = categorized.involved;
-		}
-	}
-
-	function formatDueDate(dueDate: string | null | undefined): {
-		text: string;
-		status: 'overdue' | 'today' | 'upcoming' | 'none';
-	} {
-		if (!dueDate) return { text: '', status: 'none' };
-
-		const due = new Date(dueDate);
-		const now = new Date();
-		const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-		const dueDay = new Date(due.getFullYear(), due.getMonth(), due.getDate());
-
-		const diffDays = Math.floor((dueDay.getTime() - today.getTime()) / (1000 * 60 * 60 * 24));
-
-		if (diffDays < 0) {
-			return { text: $_('contact.tasks.overdue'), status: 'overdue' };
-		} else if (diffDays === 0) {
-			return { text: $_('contact.tasks.dueToday'), status: 'today' };
-		} else if (diffDays === 1) {
-			return { text: $_('contact.tasks.tomorrow'), status: 'upcoming' };
-		} else if (diffDays < 7) {
-			return { text: due.toLocaleDateString('de-DE', { weekday: 'short' }), status: 'upcoming' };
-		} else {
-			return {
-				text: due.toLocaleDateString('de-DE', { day: '2-digit', month: 'short' }),
-				status: 'upcoming',
-			};
-		}
-	}
-
-	function showMore() {
-		displayLimit += 10;
-	}
-
-	onMount(loadTasks);
-</script>
-
-<section class="tasks-section">
-	<div class="section-header">
-		<div class="section-icon">
-			<ClipboardText size={16} />
-		</div>
-		<h3 class="section-title">{$_('contact.tasks.title')}</h3>
-		<label class="show-completed-toggle">
-			<input type="checkbox" bind:checked={showCompleted} />
-			<span>{$_('contact.tasks.showCompleted')}</span>
-		</label>
-	</div>
-
-	{#if error}
-		<div class="error-message">{error}</div>
-	{/if}
-
-	{#if loading}
-		<div class="loading">
-			<span class="spinner"></span>
-		</div>
-	{:else if !todosStore.serviceAvailable}
-		<div class="service-unavailable">
-			<Warning size={24} />
-			<p>{$_('contact.tasks.serviceUnavailable')}</p>
-		</div>
-	{:else if totalTasks === 0}
-		<div class="empty-tasks">
-			<p>{$_('contact.tasks.empty')}</p>
-		</div>
-	{:else}
-		<!-- Assigned Tasks -->
-		{#if assignedTasks.length > 0}
-			<div class="task-group">
-				<div class="group-header">
-					<span class="group-title">{$_('contact.tasks.assigned')}</span>
-					<span class="group-count">{visibleAssigned.length}</span>
-				</div>
-				<div class="tasks-list">
-					{#each visibleAssigned as task (task.id)}
-						{@const dueInfo = formatDueDate(task.dueDate)}
-						<div class="task-item" class:completed={task.isCompleted}>
-							<button
-								class="task-checkbox"
-								onclick={() => handleToggleComplete(task)}
-								aria-label={task.isCompleted
-									? $_('contact.tasks.markIncomplete')
-									: $_('contact.tasks.markComplete')}
-								style="--priority-color: {PRIORITY_COLORS[task.priority]}"
-							>
-								{#if task.isCompleted}
-									<Check size={12} weight="bold" class="text-white" />
-								{/if}
-							</button>
-							<div class="task-content">
-								<span class="task-title" class:completed={task.isCompleted}>{task.title}</span>
-								{#if task.project}
-									<span class="task-project" style="--project-color: {task.project.color}"
-										>{task.project.name}</span
-									>
-								{/if}
-							</div>
-							{#if dueInfo.status !== 'none' && !task.isCompleted}
-								<span
-									class="task-due"
-									class:overdue={dueInfo.status === 'overdue'}
-									class:today={dueInfo.status === 'today'}
-								>
-									{dueInfo.text}
-								</span>
-							{/if}
-						</div>
-					{/each}
-				</div>
-			</div>
-		{/if}
-
-		<!-- Involved Tasks -->
-		{#if involvedTasks.length > 0}
-			<div class="task-group">
-				<div class="group-header">
-					<span class="group-title">{$_('contact.tasks.involved')}</span>
-					<span class="group-count">{visibleInvolved.length}</span>
-				</div>
-				<div class="tasks-list">
-					{#each visibleInvolved as task (task.id)}
-						{@const dueInfo = formatDueDate(task.dueDate)}
-						<div class="task-item" class:completed={task.isCompleted}>
-							<button
-								class="task-checkbox"
-								onclick={() => handleToggleComplete(task)}
-								aria-label={task.isCompleted
-									? $_('contact.tasks.markIncomplete')
-									: $_('contact.tasks.markComplete')}
-								style="--priority-color: {PRIORITY_COLORS[task.priority]}"
-							>
-								{#if task.isCompleted}
-									<Check size={12} weight="bold" class="text-white" />
-								{/if}
-							</button>
-							<div class="task-content">
-								<span class="task-title" class:completed={task.isCompleted}>{task.title}</span>
-								{#if task.project}
-									<span class="task-project" style="--project-color: {task.project.color}"
-										>{task.project.name}</span
-									>
-								{/if}
-							</div>
-							{#if dueInfo.status !== 'none' && !task.isCompleted}
-								<span
-									class="task-due"
-									class:overdue={dueInfo.status === 'overdue'}
-									class:today={dueInfo.status === 'today'}
-								>
-									{dueInfo.text}
-								</span>
-							{/if}
-						</div>
-					{/each}
-				</div>
-			</div>
-		{/if}
-
-		<!-- Show More Button -->
-		{#if hasMore}
-			<button class="show-more-btn" onclick={showMore}>
-				{$_('contact.tasks.showMore', { values: { count: totalTasks - totalVisible } })}
-			</button>
-		{/if}
-	{/if}
-</section>
-
-<style>
-	.tasks-section {
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 0.875rem;
-		padding: 1rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding-bottom: 0.625rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		margin-bottom: 0.75rem;
-	}
-
-	.section-icon {
-		width: 1.75rem;
-		height: 1.75rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-accent) / 0.1);
-		color: hsl(var(--color-accent));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.section-icon svg {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.section-title {
-		flex: 1;
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-	}
-
-	.show-completed-toggle {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-		cursor: pointer;
-	}
-
-	.show-completed-toggle input {
-		width: 0.875rem;
-		height: 0.875rem;
-		accent-color: hsl(var(--color-primary));
-	}
-
-	.error-message {
-		padding: 0.5rem 0.75rem;
-		background: hsl(var(--color-error) / 0.1);
-		border-radius: 0.5rem;
-		color: hsl(var(--color-error));
-		font-size: 0.8125rem;
-		margin-bottom: 0.75rem;
-	}
-
-	.loading {
-		display: flex;
-		justify-content: center;
-		padding: 1.5rem;
-	}
-
-	.spinner {
-		width: 1.25rem;
-		height: 1.25rem;
-		border: 2px solid hsl(var(--color-muted));
-		border-top-color: hsl(var(--color-accent));
-		border-radius: 50%;
-		animation: spin 0.8s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.service-unavailable {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 1.5rem 1rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.service-unavailable svg {
-		width: 1.5rem;
-		height: 1.5rem;
-		color: hsl(var(--color-warning));
-	}
-
-	.service-unavailable p {
-		font-size: 0.8125rem;
-		text-align: center;
-	}
-
-	.empty-tasks {
-		text-align: center;
-		padding: 1.5rem 1rem;
-	}
-
-	.empty-tasks p {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	/* Task Groups */
-	.task-group {
-		margin-bottom: 0.75rem;
-	}
-
-	.task-group:last-of-type {
-		margin-bottom: 0;
-	}
-
-	.group-header {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		margin-bottom: 0.5rem;
-	}
-
-	.group-title {
-		font-size: 0.6875rem;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.group-count {
-		font-size: 0.625rem;
-		font-weight: 600;
-		padding: 0.125rem 0.375rem;
-		border-radius: 9999px;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	/* Tasks List */
-	.tasks-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.task-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.625rem;
-		background: hsl(var(--color-muted) / 0.3);
-		border-radius: 0.5rem;
-		transition: all 0.2s ease;
-	}
-
-	.task-item:hover {
-		background: hsl(var(--color-muted) / 0.5);
-	}
-
-	.task-item.completed {
-		opacity: 0.6;
-	}
-
-	.task-checkbox {
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 0.25rem;
-		border: 2px solid var(--priority-color, hsl(var(--color-border)));
-		background: transparent;
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: all 0.2s ease;
-		flex-shrink: 0;
-	}
-
-	.task-checkbox:hover {
-		background: hsl(var(--color-muted));
-	}
-
-	.task-item.completed .task-checkbox {
-		background: var(--priority-color, hsl(var(--color-primary)));
-		border-color: var(--priority-color, hsl(var(--color-primary)));
-	}
-
-	.task-checkbox svg {
-		width: 0.75rem;
-		height: 0.75rem;
-		color: white;
-	}
-
-	.task-content {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	.task-title {
-		font-size: 0.8125rem;
-		color: hsl(var(--color-foreground));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.task-title.completed {
-		text-decoration: line-through;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.task-project {
-		font-size: 0.6875rem;
-		color: var(--project-color, hsl(var(--color-muted-foreground)));
-	}
-
-	.task-due {
-		font-size: 0.6875rem;
-		padding: 0.125rem 0.375rem;
-		border-radius: 0.25rem;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-muted-foreground));
-		white-space: nowrap;
-		flex-shrink: 0;
-	}
-
-	.task-due.overdue {
-		background: hsl(var(--color-error) / 0.1);
-		color: hsl(var(--color-error));
-	}
-
-	.task-due.today {
-		background: hsl(var(--color-warning) / 0.1);
-		color: hsl(var(--color-warning));
-	}
-
-	/* Show More Button */
-	.show-more-btn {
-		width: 100%;
-		padding: 0.5rem;
-		margin-top: 0.5rem;
-		border: none;
-		border-radius: 0.5rem;
-		background: hsl(var(--color-muted) / 0.3);
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.75rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.show-more-btn:hover {
-		background: hsl(var(--color-muted) / 0.5);
-		color: hsl(var(--color-foreground));
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/ContactsToolbar.svelte b/apps/contacts/apps/web-archived/src/lib/components/ContactsToolbar.svelte
deleted file mode 100644
index 32f451af1..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/ContactsToolbar.svelte
+++ /dev/null
@@ -1,117 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { ExpandableToolbar } from '@manacore/shared-ui';
-	import ContactsToolbarContent from './ContactsToolbarContent.svelte';
-	import { contactsFilterStore } from '$lib/stores/filter.svelte';
-	import { viewModeStore } from '$lib/stores/view-mode.svelte';
-	import type { Contact } from '$lib/api/contacts';
-	import { SquaresFour, SortAscending } from '@manacore/shared-icons';
-
-	interface Props {
-		contacts: Contact[];
-	}
-
-	let { contacts }: Props = $props();
-
-	// Use store for collapsed state
-	let isCollapsed = $derived(contactsFilterStore.isToolbarCollapsed);
-
-	function handleCollapsedChange(collapsed: boolean) {
-		contactsFilterStore.setToolbarCollapsed(collapsed);
-	}
-</script>
-
-<!-- Main Expandable Toolbar (uses its own fixed positioning) -->
-<ExpandableToolbar
-	{isCollapsed}
-	onCollapsedChange={handleCollapsedChange}
-	collapsedTitle="Filter & Optionen"
-	expandedTitle="Schließen"
->
-	<ContactsToolbarContent {contacts} />
-</ExpandableToolbar>
-
-<!-- View Mode Pill - positioned to the LEFT of the FAB -->
-<div class="view-mode-pill" class:toolbar-expanded={!isCollapsed}>
-	<button
-		type="button"
-		class="view-btn"
-		class:active={viewModeStore.mode === 'grid'}
-		onclick={() => viewModeStore.setMode('grid')}
-		title={$_('views.grid')}
-	>
-		<SquaresFour />
-	</button>
-	<button
-		type="button"
-		class="view-btn"
-		class:active={viewModeStore.mode === 'alphabet'}
-		onclick={() => viewModeStore.setMode('alphabet')}
-		title={$_('views.alphabet')}
-	>
-		<SortAscending />
-	</button>
-</div>
-
-<style>
-	/* View Mode Pill - positioned to the LEFT of the FAB (which is at right: calc(50% - 350px - 70px)) */
-	.view-mode-pill {
-		position: fixed;
-		/* Same vertical alignment as FAB: bottom offset + 9px + safe-area */
-		bottom: calc(70px + 9px + env(safe-area-inset-bottom, 0px));
-		/* Position to the left of the FAB: FAB is at right: calc(50% - 350px - 70px), FAB width is 54px, gap is 8px */
-		right: calc(50% - 350px - 70px + 54px + 8px);
-		z-index: 91;
-		display: flex;
-		align-items: center;
-		gap: 0.125rem;
-		padding: 0.375rem;
-		background: hsl(var(--color-surface) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 9999px;
-		box-shadow: 0 2px 8px hsl(var(--color-foreground) / 0.08);
-		transition: bottom 0.2s ease;
-	}
-
-	/* When toolbar is expanded, move pill up with FAB */
-	.view-mode-pill.toolbar-expanded {
-		bottom: calc(70px + 70px + 9px + env(safe-area-inset-bottom, 0px));
-	}
-
-	/* Responsive - on smaller screens, position relative to viewport edge */
-	@media (max-width: 900px) {
-		.view-mode-pill {
-			right: calc(1rem + 54px + 8px); /* FAB at right: 1rem, FAB width 54px, gap 8px */
-		}
-	}
-
-	.view-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		color: hsl(var(--color-muted-foreground));
-		transition: all 0.15s ease;
-	}
-
-	.view-btn:hover {
-		background: hsl(var(--color-muted) / 0.5);
-		color: hsl(var(--color-foreground));
-	}
-
-	.view-btn.active {
-		background: color-mix(in srgb, #3b82f6 15%, transparent 85%);
-		color: #3b82f6;
-	}
-
-	.view-btn :global(svg) {
-		width: 1.125rem;
-		height: 1.125rem;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/ContactsToolbarContent.svelte b/apps/contacts/apps/web-archived/src/lib/components/ContactsToolbarContent.svelte
deleted file mode 100644
index 9e5c333ad..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/ContactsToolbarContent.svelte
+++ /dev/null
@@ -1,172 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { PillViewSwitcher, FilterDropdown, type FilterDropdownOption } from '@manacore/shared-ui';
-	import { X } from '@manacore/shared-icons';
-	import { contactsFilterStore } from '$lib/stores/filter.svelte';
-	import type { Contact } from '$lib/api/contacts';
-	import type { ContactFilter, BirthdayFilter } from '$lib/components/FilterBar.svelte';
-
-	interface Props {
-		contacts: Contact[];
-	}
-
-	let { contacts }: Props = $props();
-
-	// Contact filter options
-	let contactFilterOptions = $derived<FilterDropdownOption[]>([
-		{ value: 'all', label: $_('filters.contact.all') },
-		{ value: 'favorites', label: $_('filters.contact.favorites') },
-		{ value: 'hasPhone', label: $_('filters.contact.hasPhone') },
-		{ value: 'hasEmail', label: $_('filters.contact.hasEmail') },
-		{ value: 'incomplete', label: $_('filters.contact.incomplete') },
-	]);
-
-	// Birthday filter options
-	let birthdayFilterOptions = $derived<FilterDropdownOption[]>([
-		{ value: 'all', label: $_('filters.birthday.all') },
-		{ value: 'today', label: $_('filters.birthday.today') },
-		{ value: 'thisWeek', label: $_('filters.birthday.thisWeek') },
-		{ value: 'thisMonth', label: $_('filters.birthday.thisMonth') },
-	]);
-
-	// Extract unique companies from contacts
-	let companies = $derived.by(() => {
-		const companySet = new Set<string>();
-		for (const contact of contacts) {
-			if (contact.company) {
-				companySet.add(contact.company);
-			}
-		}
-		return Array.from(companySet).sort((a, b) => a.localeCompare(b, 'de'));
-	});
-
-	// Company options for FilterDropdown
-	let companyOptions = $derived<FilterDropdownOption[]>(
-		companies.map((company) => ({ value: company, label: company }))
-	);
-
-	// Count active filters (tags now handled by TagStrip)
-	let activeFilterCount = $derived.by(() => {
-		let count = 0;
-		if (contactsFilterStore.contactFilter !== 'all') count++;
-		if (contactsFilterStore.birthdayFilter !== 'all') count++;
-		if (contactsFilterStore.selectedCompany) count++;
-		return count;
-	});
-
-	function clearAllFilters() {
-		contactsFilterStore.setContactFilter('all');
-		contactsFilterStore.setBirthdayFilter('all');
-		contactsFilterStore.setSelectedCompany(null);
-	}
-
-	// Sort options
-	const sortOptions = [
-		{ id: 'firstName', label: $_('sort.firstName'), title: $_('sort.firstName') },
-		{ id: 'lastName', label: $_('sort.lastName'), title: $_('sort.lastName') },
-	];
-
-	function handleSortChange(value: string) {
-		contactsFilterStore.setSortField(value as 'firstName' | 'lastName');
-	}
-</script>
-
-<div class="toolbar-content-inner">
-	<!-- Filter Dropdowns (tags moved to TagStrip) -->
-	<div class="filter-group">
-		<!-- Contact Info Filter -->
-		<FilterDropdown
-			options={contactFilterOptions}
-			value={contactsFilterStore.contactFilter}
-			onChange={(v) =>
-				contactsFilterStore.setContactFilter((typeof v === 'string' ? v : 'all') as ContactFilter)}
-			placeholder={$_('filters.contact.all')}
-			embedded={true}
-			direction="up"
-		/>
-
-		<!-- Birthday Filter -->
-		<FilterDropdown
-			options={birthdayFilterOptions}
-			value={contactsFilterStore.birthdayFilter}
-			onChange={(v) =>
-				contactsFilterStore.setBirthdayFilter(
-					(typeof v === 'string' ? v : 'all') as BirthdayFilter
-				)}
-			placeholder={$_('filters.birthday.all')}
-			embedded={true}
-			direction="up"
-		/>
-
-		<!-- Company Filter (only if companies exist) -->
-		{#if companyOptions.length > 0}
-			<FilterDropdown
-				options={companyOptions}
-				value={contactsFilterStore.selectedCompany}
-				onChange={(v) => contactsFilterStore.setSelectedCompany(typeof v === 'string' ? v : null)}
-				placeholder={$_('filters.allCompanies')}
-				embedded={true}
-				direction="up"
-			/>
-		{/if}
-
-		<!-- Clear Filters Button -->
-		{#if activeFilterCount > 0}
-			<button onclick={clearAllFilters} class="clear-btn" title={$_('filters.clearAll')}>
-				<X size={14} />
-			</button>
-		{/if}
-	</div>
-
-	<div class="toolbar-divider"></div>
-
-	<!-- Sort Toggle -->
-	<PillViewSwitcher
-		options={sortOptions}
-		value={contactsFilterStore.sortField}
-		onChange={handleSortChange}
-		embedded={true}
-	/>
-</div>
-
-<style>
-	.toolbar-content-inner {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		flex-wrap: wrap;
-	}
-
-	.toolbar-divider {
-		width: 1px;
-		height: 1.5rem;
-		background: hsl(var(--color-border));
-		margin: 0 0.25rem;
-	}
-
-	.clear-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.375rem 0.625rem;
-		background: hsl(var(--destructive) / 0.1);
-		border: none;
-		border-radius: 0.5rem;
-		color: hsl(var(--destructive));
-		font-size: 0.75rem;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.clear-btn:hover {
-		background: hsl(var(--destructive) / 0.15);
-	}
-
-	/* Filter Group */
-	.filter-group {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		flex-wrap: wrap;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/FilterBar.svelte b/apps/contacts/apps/web-archived/src/lib/components/FilterBar.svelte
deleted file mode 100644
index 64cfc54a8..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/FilterBar.svelte
+++ /dev/null
@@ -1,677 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { onMount } from 'svelte';
-	import { Funnel, X } from '@manacore/shared-icons';
-	import { fly } from 'svelte/transition';
-	import { tagsApi, type ContactTag, type Contact } from '$lib/api/contacts';
-
-	export type ContactFilter = 'all' | 'favorites' | 'hasPhone' | 'hasEmail' | 'incomplete';
-	export type BirthdayFilter = 'all' | 'today' | 'thisWeek' | 'thisMonth';
-
-	interface Props {
-		contacts: Contact[];
-		selectedTagId: string | null;
-		onTagChange: (tagId: string | null) => void;
-		contactFilter: ContactFilter;
-		onContactFilterChange: (filter: ContactFilter) => void;
-		birthdayFilter: BirthdayFilter;
-		onBirthdayFilterChange: (filter: BirthdayFilter) => void;
-		selectedCompany: string | null;
-		onCompanyChange: (company: string | null) => void;
-		/** When embedded in a toolbar, renders as just a button without background container */
-		embedded?: boolean;
-	}
-
-	let {
-		contacts,
-		selectedTagId,
-		onTagChange,
-		contactFilter,
-		onContactFilterChange,
-		birthdayFilter,
-		onBirthdayFilterChange,
-		selectedCompany,
-		onCompanyChange,
-		embedded = false,
-	}: Props = $props();
-
-	let tags = $state<ContactTag[]>([]);
-	let showFilters = $state(false);
-	let loadingTags = $state(true);
-
-	// Portal action - moves element to body to escape overflow constraints
-	function portal(node: HTMLElement) {
-		document.body.appendChild(node);
-		return {
-			destroy() {
-				node.remove();
-			},
-		};
-	}
-
-	// For embedded mode: trigger button ref and dropdown position
-	let triggerRef: HTMLButtonElement | undefined = $state();
-	let dropdownPosition = $state({ top: 0, left: 0 });
-
-	function toggleFilters() {
-		if (!showFilters && triggerRef) {
-			const rect = triggerRef.getBoundingClientRect();
-			dropdownPosition = {
-				top: rect.top - 8, // Position above the button
-				left: rect.left + rect.width / 2, // Center horizontally
-			};
-		}
-		showFilters = !showFilters;
-	}
-
-	function closeFilters() {
-		showFilters = false;
-	}
-
-	// Extract unique companies from contacts
-	let companies = $derived.by(() => {
-		const companySet = new Set<string>();
-		for (const contact of contacts) {
-			if (contact.company) {
-				companySet.add(contact.company);
-			}
-		}
-		return Array.from(companySet).sort((a, b) => a.localeCompare(b, 'de'));
-	});
-
-	// Count active filters (excluding favorites since it has its own quick button)
-	let activeFilterCount = $derived.by(() => {
-		let count = 0;
-		if (selectedTagId) count++;
-		if (contactFilter !== 'all' && contactFilter !== 'favorites') count++;
-		if (birthdayFilter !== 'all') count++;
-		if (selectedCompany) count++;
-		return count;
-	});
-
-	async function loadTags() {
-		try {
-			const response = await tagsApi.list();
-			tags = response.tags || [];
-		} catch (e) {
-			console.error('Failed to load tags:', e);
-		} finally {
-			loadingTags = false;
-		}
-	}
-
-	function clearAllFilters() {
-		onTagChange(null);
-		// Keep favorites filter if active (controlled by separate quick button)
-		if (contactFilter !== 'favorites') {
-			onContactFilterChange('all');
-		}
-		onBirthdayFilterChange('all');
-		onCompanyChange(null);
-	}
-
-	onMount(() => {
-		loadTags();
-	});
-</script>
-
-{#if embedded}
-	<!-- Embedded mode: just the button for use in a toolbar -->
-	<div class="filter-bar-embedded">
-		<button
-			bind:this={triggerRef}
-			type="button"
-			class="filter-toggle-embedded"
-			class:active={showFilters || activeFilterCount > 0}
-			onclick={toggleFilters}
-			title={$_('filters.title')}
-		>
-			<Funnel size={16} />
-			{#if activeFilterCount > 0}
-				<span class="filter-badge-embedded">{activeFilterCount}</span>
-			{/if}
-		</button>
-
-		<!-- Portal: Backdrop for click-outside -->
-		{#if showFilters}
-			<button
-				use:portal
-				type="button"
-				class="filter-backdrop"
-				onclick={closeFilters}
-				aria-label="Close filters"
-			></button>
-
-			<!-- Portal: Dropdown panel -->
-			<div
-				use:portal
-				class="filter-dropdown-portal"
-				style="top: {dropdownPosition.top}px; left: {dropdownPosition.left}px;"
-				transition:fly={{ duration: 150, y: 8 }}
-			>
-				<!-- Tags Filter -->
-				<div class="filter-section">
-					<label class="filter-label">{$_('filters.tag')}</label>
-					<select
-						class="filter-select"
-						value={selectedTagId || ''}
-						onchange={(e) => onTagChange(e.currentTarget.value || null)}
-					>
-						<option value="">{$_('filters.allTags')}</option>
-						{#each tags as tag}
-							<option value={tag.id}>{tag.name}</option>
-						{/each}
-					</select>
-				</div>
-
-				<!-- Contact Info Filter -->
-				<div class="filter-section">
-					<label class="filter-label">{$_('filters.contactInfo')}</label>
-					<select
-						class="filter-select"
-						value={contactFilter}
-						onchange={(e) => onContactFilterChange(e.currentTarget.value as ContactFilter)}
-					>
-						<option value="all">{$_('filters.contact.all')}</option>
-						<option value="favorites">{$_('filters.contact.favorites')}</option>
-						<option value="hasPhone">{$_('filters.contact.hasPhone')}</option>
-						<option value="hasEmail">{$_('filters.contact.hasEmail')}</option>
-						<option value="incomplete">{$_('filters.contact.incomplete')}</option>
-					</select>
-				</div>
-
-				<!-- Birthday Filter -->
-				<div class="filter-section">
-					<label class="filter-label">{$_('filters.birthdayLabel')}</label>
-					<select
-						class="filter-select"
-						value={birthdayFilter}
-						onchange={(e) => onBirthdayFilterChange(e.currentTarget.value as BirthdayFilter)}
-					>
-						<option value="all">{$_('filters.birthday.all')}</option>
-						<option value="today">{$_('filters.birthday.today')}</option>
-						<option value="thisWeek">{$_('filters.birthday.thisWeek')}</option>
-						<option value="thisMonth">{$_('filters.birthday.thisMonth')}</option>
-					</select>
-				</div>
-
-				<!-- Company Filter -->
-				{#if companies.length > 0}
-					<div class="filter-section">
-						<label class="filter-label">{$_('filters.company')}</label>
-						<select
-							class="filter-select"
-							value={selectedCompany || ''}
-							onchange={(e) => onCompanyChange(e.currentTarget.value || null)}
-						>
-							<option value="">{$_('filters.allCompanies')}</option>
-							{#each companies as company}
-								<option value={company}>{company}</option>
-							{/each}
-						</select>
-					</div>
-				{/if}
-
-				<!-- Clear Filters -->
-				{#if activeFilterCount > 0}
-					<button type="button" class="clear-filters-btn" onclick={clearAllFilters}>
-						{$_('filters.clearAll')}
-					</button>
-				{/if}
-			</div>
-		{/if}
-	</div>
-{:else}
-	<div class="filter-bar">
-		<!-- Filter Toggle Button -->
-		<button
-			type="button"
-			class="filter-toggle"
-			class:active={showFilters || activeFilterCount > 0}
-			onclick={() => (showFilters = !showFilters)}
-		>
-			<Funnel size={16} />
-			<span>{$_('filters.title')}</span>
-			{#if activeFilterCount > 0}
-				<span class="filter-badge">{activeFilterCount}</span>
-			{/if}
-		</button>
-
-		<!-- Filter Pills (shown when filters are active) -->
-		{#if activeFilterCount > 0 && !showFilters}
-			<div class="active-filters">
-				{#if selectedTagId}
-					{@const tag = tags.find((t) => t.id === selectedTagId)}
-					{#if tag}
-						<button type="button" class="filter-pill" onclick={() => onTagChange(null)}>
-							<span class="pill-color" style="background: {tag.color || '#6366f1'}"></span>
-							{tag.name}
-							<X size={12} />
-						</button>
-					{/if}
-				{/if}
-				{#if contactFilter !== 'all' && contactFilter !== 'favorites'}
-					<button type="button" class="filter-pill" onclick={() => onContactFilterChange('all')}>
-						{$_(`filters.contact.${contactFilter}`)}
-						<X size={12} />
-					</button>
-				{/if}
-				{#if birthdayFilter !== 'all'}
-					<button type="button" class="filter-pill" onclick={() => onBirthdayFilterChange('all')}>
-						{$_(`filters.birthday.${birthdayFilter}`)}
-						<X size={12} />
-					</button>
-				{/if}
-				{#if selectedCompany}
-					<button type="button" class="filter-pill" onclick={() => onCompanyChange(null)}>
-						{selectedCompany}
-						<X size={12} />
-					</button>
-				{/if}
-				<button type="button" class="clear-all-btn" onclick={clearAllFilters}>
-					{$_('filters.clearAll')}
-				</button>
-			</div>
-		{/if}
-
-		<!-- Expanded Filter Panel -->
-		{#if showFilters}
-			<div class="filter-panel">
-				<!-- Tags Filter -->
-				<div class="filter-section">
-					<label class="filter-label">{$_('filters.tag')}</label>
-					<select
-						class="filter-select"
-						value={selectedTagId || ''}
-						onchange={(e) => onTagChange(e.currentTarget.value || null)}
-					>
-						<option value="">{$_('filters.allTags')}</option>
-						{#each tags as tag}
-							<option value={tag.id}>{tag.name}</option>
-						{/each}
-					</select>
-				</div>
-
-				<!-- Contact Info Filter -->
-				<div class="filter-section">
-					<label class="filter-label">{$_('filters.contactInfo')}</label>
-					<select
-						class="filter-select"
-						value={contactFilter}
-						onchange={(e) => onContactFilterChange(e.currentTarget.value as ContactFilter)}
-					>
-						<option value="all">{$_('filters.contact.all')}</option>
-						<option value="favorites">{$_('filters.contact.favorites')}</option>
-						<option value="hasPhone">{$_('filters.contact.hasPhone')}</option>
-						<option value="hasEmail">{$_('filters.contact.hasEmail')}</option>
-						<option value="incomplete">{$_('filters.contact.incomplete')}</option>
-					</select>
-				</div>
-
-				<!-- Birthday Filter -->
-				<div class="filter-section">
-					<label class="filter-label">{$_('filters.birthdayLabel')}</label>
-					<select
-						class="filter-select"
-						value={birthdayFilter}
-						onchange={(e) => onBirthdayFilterChange(e.currentTarget.value as BirthdayFilter)}
-					>
-						<option value="all">{$_('filters.birthday.all')}</option>
-						<option value="today">{$_('filters.birthday.today')}</option>
-						<option value="thisWeek">{$_('filters.birthday.thisWeek')}</option>
-						<option value="thisMonth">{$_('filters.birthday.thisMonth')}</option>
-					</select>
-				</div>
-
-				<!-- Company Filter -->
-				{#if companies.length > 0}
-					<div class="filter-section">
-						<label class="filter-label">{$_('filters.company')}</label>
-						<select
-							class="filter-select"
-							value={selectedCompany || ''}
-							onchange={(e) => onCompanyChange(e.currentTarget.value || null)}
-						>
-							<option value="">{$_('filters.allCompanies')}</option>
-							{#each companies as company}
-								<option value={company}>{company}</option>
-							{/each}
-						</select>
-					</div>
-				{/if}
-
-				<!-- Clear Filters -->
-				{#if activeFilterCount > 0}
-					<button type="button" class="clear-filters-btn" onclick={clearAllFilters}>
-						{$_('filters.clearAll')}
-					</button>
-				{/if}
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<style>
-	/* Embedded mode styles */
-	.filter-bar-embedded {
-		position: relative;
-		display: flex;
-		align-items: center;
-	}
-
-	.filter-toggle-embedded {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.25rem;
-		padding: 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		color: #374151;
-		transition: all 0.15s ease;
-	}
-
-	:global(.dark) .filter-toggle-embedded {
-		color: #f3f4f6;
-	}
-
-	.filter-toggle-embedded:hover {
-		background: rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .filter-toggle-embedded:hover {
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.filter-toggle-embedded.active {
-		background: color-mix(in srgb, #3b82f6 15%, transparent 85%);
-		color: #3b82f6;
-	}
-
-	.filter-toggle-embedded :global(svg) {
-		width: 1rem;
-		height: 1rem;
-		flex-shrink: 0;
-	}
-
-	.filter-badge-embedded {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-width: 1rem;
-		height: 1rem;
-		padding: 0 0.25rem;
-		font-size: 0.625rem;
-		font-weight: 600;
-		color: white;
-		background: #3b82f6;
-		border-radius: 9999px;
-	}
-
-	/* Portal backdrop - full screen invisible button for click-outside */
-	:global(.filter-backdrop) {
-		position: fixed;
-		inset: 0;
-		z-index: 99990;
-		background: transparent;
-		border: none;
-		cursor: default;
-	}
-
-	/* Portal dropdown - unified with ContextMenu design */
-	:global(.filter-dropdown-portal) {
-		position: fixed;
-		transform: translate(-50%, -100%);
-		min-width: 280px;
-		max-width: 320px;
-		padding: 0.375rem;
-		background: var(--color-surface-elevated-3, hsl(var(--color-surface)));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: var(--radius-lg, 0.75rem);
-		box-shadow:
-			0 10px 25px -5px rgba(0, 0, 0, 0.15),
-			0 8px 10px -6px rgba(0, 0, 0, 0.1);
-		z-index: 99991;
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	/* Portal dropdown sections - unified with ContextMenu item design */
-	:global(.filter-dropdown-portal) .filter-section {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-		padding: 0.375rem 0.5rem;
-		border-radius: var(--radius-md, 0.5rem);
-	}
-
-	:global(.filter-dropdown-portal) .filter-label {
-		font-size: 0.6875rem;
-		font-weight: 600;
-		color: hsl(var(--color-muted-foreground));
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-	}
-
-	:global(.filter-dropdown-portal) .filter-select {
-		width: 100%;
-		padding: 0.5rem 0.625rem;
-		font-size: 0.8125rem;
-		color: hsl(var(--color-foreground));
-		background: hsl(var(--color-muted) / 0.5);
-		border: 1px solid transparent;
-		border-radius: var(--radius-md, 0.5rem);
-		cursor: pointer;
-		transition: all 100ms ease;
-	}
-
-	:global(.filter-dropdown-portal) .filter-select:hover {
-		background: hsl(var(--color-muted));
-	}
-
-	:global(.filter-dropdown-portal) .filter-select:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary) / 0.5);
-		background: hsl(var(--color-muted));
-	}
-
-	:global(.filter-dropdown-portal) .clear-filters-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 100%;
-		margin-top: 0.25rem;
-		padding: 0.5rem 0.625rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-md, 0.5rem);
-		cursor: pointer;
-		transition: all 100ms ease;
-	}
-
-	:global(.filter-dropdown-portal) .clear-filters-btn:hover {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	/* Standard mode styles */
-	.filter-bar {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		flex-wrap: wrap;
-	}
-
-	.filter-toggle {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.375rem 0.75rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--muted-foreground));
-		background: hsl(var(--background) / 0.75);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--border) / 0.5);
-		border-radius: 9999px;
-		cursor: pointer;
-		transition: all 0.15s ease;
-	}
-
-	.filter-toggle:hover {
-		color: hsl(var(--foreground));
-		border-color: hsl(var(--border));
-	}
-
-	.filter-toggle.active {
-		color: hsl(var(--primary));
-		border-color: hsl(var(--primary) / 0.5);
-		background: hsl(var(--primary) / 0.1);
-	}
-
-	.filter-badge {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-width: 1.25rem;
-		height: 1.25rem;
-		padding: 0 0.375rem;
-		font-size: 0.6875rem;
-		font-weight: 600;
-		color: hsl(var(--primary-foreground));
-		background: hsl(var(--primary));
-		border-radius: 9999px;
-	}
-
-	.active-filters {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		flex-wrap: wrap;
-	}
-
-	.filter-pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.25rem 0.5rem;
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--foreground));
-		background: hsl(var(--muted));
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		transition: all 0.15s ease;
-	}
-
-	.filter-pill:hover {
-		background: hsl(var(--muted-foreground) / 0.2);
-	}
-
-	.pill-color {
-		width: 0.5rem;
-		height: 0.5rem;
-		border-radius: 9999px;
-	}
-
-	.clear-all-btn {
-		padding: 0.25rem 0.5rem;
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--muted-foreground));
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		text-decoration: underline;
-	}
-
-	.clear-all-btn:hover {
-		color: hsl(var(--foreground));
-	}
-
-	.filter-panel {
-		display: flex;
-		align-items: flex-end;
-		gap: 1rem;
-		width: 100%;
-		padding: 1rem;
-		margin-top: 0.5rem;
-		background: hsl(var(--background) / 0.75);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--border) / 0.5);
-		border-radius: var(--radius-lg);
-		flex-wrap: wrap;
-	}
-
-	.filter-section {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-		min-width: 150px;
-		flex: 1;
-	}
-
-	.filter-label {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--muted-foreground));
-	}
-
-	.filter-select {
-		padding: 0.5rem 0.75rem;
-		font-size: 0.875rem;
-		color: hsl(var(--foreground));
-		background: hsl(var(--background));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-md);
-		cursor: pointer;
-		transition: border-color 0.15s ease;
-	}
-
-	.filter-select:hover {
-		border-color: hsl(var(--primary) / 0.5);
-	}
-
-	.filter-select:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-	}
-
-	.clear-filters-btn {
-		padding: 0.5rem 1rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--muted-foreground));
-		background: hsl(var(--muted));
-		border: none;
-		border-radius: var(--radius-md);
-		cursor: pointer;
-		transition: all 0.15s ease;
-		white-space: nowrap;
-	}
-
-	.clear-filters-btn:hover {
-		color: hsl(var(--foreground));
-		background: hsl(var(--muted-foreground) / 0.2);
-	}
-
-	@media (max-width: 768px) {
-		.filter-panel {
-			flex-direction: column;
-			align-items: stretch;
-		}
-
-		.filter-section {
-			min-width: auto;
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/contacts/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/contacts/apps/web-archived/src/lib/components/NewContactModal.svelte b/apps/contacts/apps/web-archived/src/lib/components/NewContactModal.svelte
deleted file mode 100644
index 101ae5f1d..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/NewContactModal.svelte
+++ /dev/null
@@ -1,1034 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { contactsApi, photoApi } from '$lib/api/contacts';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { newContactModalStore } from '$lib/stores/new-contact-modal.svelte';
-	import SocialMediaFields from './forms/SocialMediaFields.svelte';
-	import DateFields from './forms/DateFields.svelte';
-	import { findDuplicates, type DuplicateMatch } from '$lib/utils/duplicate-detector';
-	import { contactCollection } from '$lib/data/local-store';
-	import {
-		X,
-		Warning,
-		Camera,
-		User,
-		Envelope,
-		Briefcase,
-		MapPin,
-		PencilSimple,
-		Check,
-	} from '@manacore/shared-icons';
-
-	interface Props {
-		onClose: () => void;
-		onSuccess?: () => void;
-	}
-
-	let { onClose, onSuccess }: Props = $props();
-
-	let saving = $state(false);
-	let error = $state<string | null>(null);
-	let firstNameInput: HTMLInputElement;
-	let fileInput: HTMLInputElement;
-
-	// Photo state
-	let selectedPhoto = $state<File | null>(null);
-	let photoPreview = $state<string | null>(null);
-
-	// Form state
-	let firstName = $state('');
-	let lastName = $state('');
-	let email = $state('');
-	let phone = $state('');
-	let mobile = $state('');
-	let company = $state('');
-	let jobTitle = $state('');
-	let street = $state('');
-	let city = $state('');
-	let postalCode = $state('');
-	let country = $state('');
-	let notes = $state('');
-
-	// Dates
-	let birthday = $state('');
-	let customDates = $state<Array<{ id: string; label: string; date: string }>>([]);
-
-	// Social Media
-	let linkedin = $state('');
-	let twitter = $state('');
-	let facebook = $state('');
-	let instagram = $state('');
-	let xing = $state('');
-	let github = $state('');
-	let youtube = $state('');
-	let tiktok = $state('');
-	let telegram = $state('');
-	let whatsapp = $state('');
-	let signal = $state('');
-	let discord = $state('');
-	let bluesky = $state('');
-
-	// ─── Live Duplicate Detection ──────────────────────────
-	let duplicates = $state<DuplicateMatch[]>([]);
-	let dupDebounce: ReturnType<typeof setTimeout> | undefined;
-
-	$effect(() => {
-		// Watch for changes in name or email fields
-		const fn = firstName;
-		const ln = lastName;
-		const em = email;
-
-		clearTimeout(dupDebounce);
-		if (fn || ln || em) {
-			dupDebounce = setTimeout(() => checkDuplicates(fn, ln, em), 300);
-		} else {
-			duplicates = [];
-		}
-	});
-
-	async function checkDuplicates(fn: string, ln: string, em: string) {
-		try {
-			const allContacts = await contactCollection.getAll();
-			duplicates = findDuplicates(
-				{ firstName: fn, lastName: ln, email: em },
-				allContacts.map((c) => ({
-					id: c.id,
-					firstName: c.firstName,
-					lastName: c.lastName,
-					email: c.email,
-					company: c.company,
-				}))
-			);
-		} catch {
-			duplicates = [];
-		}
-	}
-
-	const initials = $derived(() => {
-		const f = firstName?.[0] || '';
-		const l = lastName?.[0] || '';
-		return (f + l).toUpperCase() || '+';
-	});
-
-	const displayName = $derived(() => {
-		if (firstName || lastName) {
-			return [firstName, lastName].filter(Boolean).join(' ');
-		}
-		return email || 'Neuer Kontakt';
-	});
-
-	// Handle photo selection
-	function handlePhotoSelect(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const file = input.files?.[0];
-		if (file) {
-			// Validate file type
-			if (!file.type.startsWith('image/')) {
-				error = 'Bitte wähle eine Bilddatei aus';
-				return;
-			}
-			// Validate file size (max 5MB)
-			if (file.size > 5 * 1024 * 1024) {
-				error = 'Das Bild darf maximal 5MB groß sein';
-				return;
-			}
-			selectedPhoto = file;
-			// Create preview URL
-			photoPreview = URL.createObjectURL(file);
-		}
-	}
-
-	function removePhoto() {
-		if (photoPreview) {
-			URL.revokeObjectURL(photoPreview);
-		}
-		selectedPhoto = null;
-		photoPreview = null;
-		if (fileInput) {
-			fileInput.value = '';
-		}
-	}
-
-	// Populate form with prefill data if provided
-	function populateFromPrefill() {
-		const data = newContactModalStore.prefillData;
-		if (data) {
-			firstName = data.firstName || '';
-			lastName = data.lastName || '';
-			email = data.email || '';
-			phone = data.phone || '';
-			company = data.company || '';
-			// Parse displayName if no first/last name
-			if (data.displayName && !data.firstName && !data.lastName) {
-				const parts = data.displayName.split(' ');
-				firstName = parts[0] || '';
-				lastName = parts.slice(1).join(' ') || '';
-			}
-		}
-	}
-
-	async function handleSave() {
-		// Demo mode: show auth gate
-		if (!authStore.isAuthenticated) {
-			window.dispatchEvent(new CustomEvent('show-auth-gate'));
-			return;
-		}
-
-		if (!firstName && !lastName && !email) {
-			error = 'Bitte mindestens Name oder E-Mail angeben';
-			return;
-		}
-
-		saving = true;
-		error = null;
-
-		try {
-			const contact = await contactsApi.create({
-				firstName: firstName || null,
-				lastName: lastName || null,
-				email: email || null,
-				phone: phone || null,
-				mobile: mobile || null,
-				company: company || null,
-				jobTitle: jobTitle || null,
-				street: street || null,
-				city: city || null,
-				postalCode: postalCode || null,
-				country: country || null,
-				notes: notes || null,
-				// Dates
-				birthday: birthday || null,
-				customDates: customDates.filter((d) => d.label && d.date),
-				// Social Media
-				linkedin: linkedin || null,
-				twitter: twitter || null,
-				facebook: facebook || null,
-				instagram: instagram || null,
-				xing: xing || null,
-				github: github || null,
-				youtube: youtube || null,
-				tiktok: tiktok || null,
-				telegram: telegram || null,
-				whatsapp: whatsapp || null,
-				signal: signal || null,
-				discord: discord || null,
-				bluesky: bluesky || null,
-			});
-
-			// Upload photo if selected
-			if (selectedPhoto && contact.id) {
-				try {
-					await photoApi.upload(contact.id, selectedPhoto);
-				} catch (photoError) {
-					console.error('Photo upload failed:', photoError);
-					// Don't fail the entire operation if photo upload fails
-				}
-			}
-
-			// Live query auto-updates — no manual reload needed
-			onSuccess?.();
-			onClose();
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Fehler beim Erstellen';
-		} finally {
-			saving = false;
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-
-	onMount(() => {
-		populateFromPrefill();
-		document.body.style.overflow = 'hidden';
-		// Focus first input after a brief delay to ensure modal animation completes
-		setTimeout(() => {
-			firstNameInput?.focus();
-		}, 50);
-		return () => {
-			document.body.style.overflow = '';
-			// Clean up photo preview URL
-			if (photoPreview) {
-				URL.revokeObjectURL(photoPreview);
-			}
-		};
-	});
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<!-- Modal Backdrop -->
-<!-- svelte-ignore a11y_click_events_have_key_events -->
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div class="modal-backdrop" onclick={handleBackdropClick}>
-	<div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="modal-title">
-		<!-- Header -->
-		<header class="modal-header">
-			<button onclick={onClose} class="back-button" aria-label="Schließen">
-				<X size={24} class="icon" />
-			</button>
-			<h1 id="modal-title" class="title">Neuer Kontakt</h1>
-			<div class="header-spacer"></div>
-		</header>
-
-		<!-- Modal Body -->
-		<div class="modal-body">
-			<!-- Duplicate Warning -->
-			{#if duplicates.length > 0}
-				<div class="duplicate-warning" role="alert">
-					<Warning size={20} class="icon-sm" />
-					<div class="duplicate-info">
-						<span class="duplicate-label">Mögliches Duplikat:</span>
-						{#each duplicates.slice(0, 3) as dup}
-							<span class="duplicate-name">
-								{dup.displayName}
-								<span class="duplicate-field"
-									>({dup.matchField === 'email' ? 'E-Mail' : 'Name'})</span
-								>
-							</span>
-						{/each}
-					</div>
-				</div>
-			{/if}
-
-			{#if error}
-				<div class="error-banner" role="alert">
-					<Warning size={20} class="icon-sm" />
-					<span>{error}</span>
-				</div>
-			{/if}
-
-			<!-- Avatar Preview with Photo Upload -->
-			<div class="avatar-section">
-				<input
-					type="file"
-					accept="image/*"
-					class="hidden-file-input"
-					bind:this={fileInput}
-					onchange={handlePhotoSelect}
-				/>
-				<div class="avatar-wrapper">
-					<button
-						type="button"
-						class="avatar-button"
-						onclick={() => fileInput?.click()}
-						title="Foto auswählen"
-					>
-						{#if photoPreview}
-							<img src={photoPreview} alt="Vorschau" class="avatar-image" />
-							<div class="avatar-overlay">
-								<Camera size={24} class="camera-icon" />
-							</div>
-						{:else}
-							<div class="avatar-circle empty">
-								<Camera size={24} class="add-photo-icon" />
-							</div>
-						{/if}
-					</button>
-					{#if photoPreview}
-						<button
-							type="button"
-							class="remove-photo-btn"
-							onclick={removePhoto}
-							title="Foto entfernen"
-						>
-							<X size={16} />
-						</button>
-					{/if}
-				</div>
-				<p class="preview-name">{displayName()}</p>
-				{#if company || jobTitle}
-					<p class="preview-subtitle">{[jobTitle, company].filter(Boolean).join(' bei ')}</p>
-				{/if}
-			</div>
-
-			<form
-				onsubmit={(e) => {
-					e.preventDefault();
-					handleSave();
-				}}
-				class="form"
-			>
-				<!-- Name Section -->
-				<section class="form-section">
-					<div class="section-header">
-						<div class="section-icon">
-							<User size={20} />
-						</div>
-						<h2 class="section-title">Name</h2>
-					</div>
-					<div class="form-grid">
-						<div class="form-field">
-							<label for="firstName" class="label">Vorname</label>
-							<input
-								id="firstName"
-								type="text"
-								bind:value={firstName}
-								bind:this={firstNameInput}
-								class="input"
-								placeholder="Max"
-							/>
-						</div>
-						<div class="form-field">
-							<label for="lastName" class="label">Nachname</label>
-							<input
-								id="lastName"
-								type="text"
-								bind:value={lastName}
-								class="input"
-								placeholder="Mustermann"
-							/>
-						</div>
-					</div>
-				</section>
-
-				<!-- Contact Section -->
-				<section class="form-section">
-					<div class="section-header">
-						<div class="section-icon">
-							<Envelope size={20} />
-						</div>
-						<h2 class="section-title">Kontakt</h2>
-					</div>
-					<div class="form-field">
-						<label for="email" class="label">E-Mail</label>
-						<input
-							id="email"
-							type="email"
-							bind:value={email}
-							class="input"
-							placeholder="max@example.com"
-						/>
-					</div>
-					<div class="form-grid">
-						<div class="form-field">
-							<label for="mobile" class="label">Mobil</label>
-							<input
-								id="mobile"
-								type="tel"
-								bind:value={mobile}
-								class="input"
-								placeholder="+49 170 1234567"
-							/>
-						</div>
-						<div class="form-field">
-							<label for="phone" class="label">Telefon</label>
-							<input
-								id="phone"
-								type="tel"
-								bind:value={phone}
-								class="input"
-								placeholder="+49 123 456789"
-							/>
-						</div>
-					</div>
-				</section>
-
-				<!-- Work Section -->
-				<section class="form-section">
-					<div class="section-header">
-						<div class="section-icon">
-							<Briefcase size={20} />
-						</div>
-						<h2 class="section-title">Arbeit</h2>
-					</div>
-					<div class="form-field">
-						<label for="company" class="label">Firma</label>
-						<input
-							id="company"
-							type="text"
-							bind:value={company}
-							class="input"
-							placeholder="Musterfirma GmbH"
-						/>
-					</div>
-					<div class="form-field">
-						<label for="jobTitle" class="label">Position</label>
-						<input
-							id="jobTitle"
-							type="text"
-							bind:value={jobTitle}
-							class="input"
-							placeholder="Geschäftsführer"
-						/>
-					</div>
-				</section>
-
-				<!-- Address Section -->
-				<section class="form-section">
-					<div class="section-header">
-						<div class="section-icon">
-							<MapPin size={20} />
-						</div>
-						<h2 class="section-title">Adresse</h2>
-					</div>
-					<div class="form-field">
-						<label for="street" class="label">Straße & Hausnummer</label>
-						<input
-							id="street"
-							type="text"
-							bind:value={street}
-							class="input"
-							placeholder="Musterstraße 1"
-						/>
-					</div>
-					<div class="form-grid">
-						<div class="form-field">
-							<label for="postalCode" class="label">PLZ</label>
-							<input
-								id="postalCode"
-								type="text"
-								bind:value={postalCode}
-								class="input"
-								placeholder="12345"
-							/>
-						</div>
-						<div class="form-field">
-							<label for="city" class="label">Stadt</label>
-							<input id="city" type="text" bind:value={city} class="input" placeholder="Berlin" />
-						</div>
-					</div>
-					<div class="form-field">
-						<label for="country" class="label">Land</label>
-						<input
-							id="country"
-							type="text"
-							bind:value={country}
-							class="input"
-							placeholder="Deutschland"
-						/>
-					</div>
-				</section>
-
-				<!-- Notes Section -->
-				<section class="form-section">
-					<div class="section-header">
-						<div class="section-icon">
-							<PencilSimple size={20} />
-						</div>
-						<h2 class="section-title">Notizen</h2>
-					</div>
-					<textarea
-						bind:value={notes}
-						rows="4"
-						class="input textarea"
-						placeholder="Notizen zum Kontakt..."
-					></textarea>
-				</section>
-
-				<!-- Dates Section -->
-				<DateFields bind:birthday bind:customDates />
-
-				<!-- Social Media Section -->
-				<SocialMediaFields
-					bind:linkedin
-					bind:twitter
-					bind:facebook
-					bind:instagram
-					bind:xing
-					bind:github
-					bind:youtube
-					bind:tiktok
-					bind:telegram
-					bind:whatsapp
-					bind:signal
-					bind:discord
-					bind:bluesky
-				/>
-
-				<!-- Action Buttons -->
-				<div class="actions">
-					<button type="button" onclick={onClose} class="btn btn-secondary"> Abbrechen </button>
-					<button type="submit" disabled={saving} class="btn btn-primary">
-						{#if saving}
-							<svg class="spinner" viewBox="0 0 24 24" fill="none">
-								<circle
-									cx="12"
-									cy="12"
-									r="10"
-									stroke="currentColor"
-									stroke-width="3"
-									stroke-opacity="0.25"
-								/>
-								<path
-									d="M12 2a10 10 0 0 1 10 10"
-									stroke="currentColor"
-									stroke-width="3"
-									stroke-linecap="round"
-								/>
-							</svg>
-							<span>Speichern...</span>
-						{:else}
-							<Check size={20} class="icon-sm" />
-							<span>Kontakt erstellen</span>
-						{/if}
-					</button>
-				</div>
-			</form>
-		</div>
-	</div>
-</div>
-
-<style>
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		backdrop-filter: blur(4px);
-		z-index: 100;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 1rem;
-	}
-
-	.modal-container {
-		background: var(--color-surface-elevated-2);
-		border: 1px solid var(--color-border-strong);
-		border-radius: 1.5rem;
-		width: 100%;
-		max-width: 560px;
-		max-height: 90vh;
-		display: flex;
-		flex-direction: column;
-		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
-		animation: modalIn 0.2s ease-out;
-	}
-
-	@keyframes modalIn {
-		from {
-			opacity: 0;
-			transform: scale(0.95) translateY(10px);
-		}
-		to {
-			opacity: 1;
-			transform: scale(1) translateY(0);
-		}
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem 1.5rem;
-		border-bottom: 1px solid hsl(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	.modal-body {
-		flex: 1;
-		overflow-y: auto;
-		padding: 0 1.5rem 1.5rem;
-	}
-
-	.duplicate-warning {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.5rem;
-		padding: 0.625rem 0.875rem;
-		margin-bottom: 0.75rem;
-		border-radius: 0.75rem;
-		background: hsl(35 100% 95%);
-		color: hsl(25 80% 40%);
-		font-size: 0.8125rem;
-	}
-
-	:global(.dark) .duplicate-warning {
-		background: hsl(35 60% 15%);
-		color: hsl(35 90% 75%);
-	}
-
-	.duplicate-info {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	.duplicate-label {
-		font-weight: 600;
-		font-size: 0.75rem;
-	}
-
-	.duplicate-name {
-		font-size: 0.8125rem;
-	}
-
-	.duplicate-field {
-		font-size: 0.7rem;
-		opacity: 0.7;
-	}
-
-	.back-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.back-button:hover {
-		background: hsl(var(--color-surface-hover));
-	}
-
-	.title {
-		flex: 1;
-		font-size: 1.25rem;
-		font-weight: 700;
-		color: hsl(var(--color-foreground));
-	}
-
-	.header-spacer {
-		width: 2.5rem;
-	}
-
-	.error-banner {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem;
-		background: hsl(var(--color-error) / 0.1);
-		border: 1px solid hsl(var(--color-error) / 0.3);
-		border-radius: 0.75rem;
-		color: hsl(var(--color-error));
-		margin-bottom: 1rem;
-		margin-top: 1rem;
-	}
-
-	.avatar-section {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 1.5rem 0;
-	}
-
-	.hidden-file-input {
-		display: none;
-	}
-
-	.avatar-wrapper {
-		position: relative;
-		margin-bottom: 1rem;
-	}
-
-	.avatar-button {
-		position: relative;
-		width: 100px;
-		height: 100px;
-		border-radius: 50%;
-		border: none;
-		padding: 0;
-		cursor: pointer;
-		overflow: hidden;
-		background: transparent;
-	}
-
-	.avatar-circle {
-		width: 100%;
-		height: 100%;
-		border-radius: 50%;
-		background: linear-gradient(
-			135deg,
-			hsl(var(--color-primary)) 0%,
-			hsl(var(--color-primary) / 0.7) 100%
-		);
-		color: hsl(var(--color-primary-foreground));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 2.5rem;
-		font-weight: 700;
-		box-shadow: 0 8px 24px hsl(var(--color-primary) / 0.3);
-		position: relative;
-	}
-
-	.avatar-circle.empty {
-		background: hsl(var(--color-muted));
-		box-shadow: 0 4px 12px hsl(var(--color-foreground) / 0.1);
-		border: 2px dashed hsl(var(--color-border));
-	}
-
-	.avatar-button:hover .avatar-circle.empty {
-		border-color: hsl(var(--color-primary));
-		background: hsl(var(--color-primary) / 0.1);
-	}
-
-	.add-photo-icon {
-		width: 40px;
-		height: 40px;
-		color: hsl(var(--color-muted-foreground));
-		transition: color 0.2s ease;
-	}
-
-	.avatar-button:hover .add-photo-icon {
-		color: hsl(var(--color-primary));
-	}
-
-	.avatar-image {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-		border-radius: 50%;
-	}
-
-	.avatar-overlay {
-		position: absolute;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		border-radius: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		opacity: 0;
-		transition: opacity 0.2s ease;
-	}
-
-	.avatar-button:hover .avatar-overlay {
-		opacity: 1;
-	}
-
-	.camera-icon {
-		width: 28px;
-		height: 28px;
-		color: white;
-	}
-
-	.remove-photo-btn {
-		position: absolute;
-		top: -4px;
-		right: -4px;
-		width: 28px;
-		height: 28px;
-		border-radius: 50%;
-		background: hsl(var(--color-error));
-		color: white;
-		border: 2px solid hsl(var(--color-background));
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0;
-		transition: transform 0.2s ease;
-	}
-
-	.remove-photo-btn:hover {
-		transform: scale(1.1);
-	}
-
-	.remove-photo-btn svg {
-		width: 14px;
-		height: 14px;
-	}
-
-	.preview-name {
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		text-align: center;
-	}
-
-	.preview-subtitle {
-		font-size: 0.8125rem;
-		color: hsl(var(--color-muted-foreground));
-		text-align: center;
-		margin-top: 0.25rem;
-	}
-
-	.form {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.form-section {
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 0.875rem;
-		padding: 1rem;
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding-bottom: 0.625rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		margin-bottom: 0.25rem;
-	}
-
-	.section-icon {
-		width: 1.75rem;
-		height: 1.75rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.section-icon svg {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.section-title {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-	}
-
-	.form-grid {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.75rem;
-	}
-
-	.form-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.label {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.input {
-		width: 100%;
-		padding: 0.625rem 0.875rem;
-		border: 1.5px solid hsl(var(--color-border));
-		border-radius: 0.5rem;
-		background: hsl(var(--color-input));
-		color: hsl(var(--color-foreground));
-		font-size: 0.875rem;
-		transition: all 0.2s ease;
-	}
-
-	.input:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary));
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.1);
-	}
-
-	.input::placeholder {
-		color: hsl(var(--color-muted-foreground) / 0.6);
-	}
-
-	.textarea {
-		resize: none;
-		min-height: 80px;
-	}
-
-	.actions {
-		display: flex;
-		gap: 0.75rem;
-		padding-top: 0.5rem;
-	}
-
-	.btn {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.75rem 1.25rem;
-		border-radius: 0.625rem;
-		font-weight: 600;
-		font-size: 0.875rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		border: none;
-	}
-
-	.btn-primary {
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-		box-shadow: 0 4px 12px hsl(var(--color-primary) / 0.3);
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		transform: translateY(-1px);
-		box-shadow: 0 6px 16px hsl(var(--color-primary) / 0.4);
-	}
-
-	.btn-primary:disabled {
-		opacity: 0.7;
-		cursor: not-allowed;
-	}
-
-	.btn-secondary {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-	}
-
-	.btn-secondary:hover {
-		background: hsl(var(--color-surface-hover));
-	}
-
-	.icon {
-		width: 1.25rem;
-		height: 1.25rem;
-	}
-
-	.icon-sm {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.spinner {
-		width: 1.25rem;
-		height: 1.25rem;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	@media (max-width: 480px) {
-		.modal-container {
-			max-height: 95vh;
-			border-radius: 1rem 1rem 0 0;
-			position: fixed;
-			bottom: 0;
-			left: 0;
-			right: 0;
-			max-width: 100%;
-		}
-
-		.modal-backdrop {
-			padding: 0;
-			align-items: flex-end;
-		}
-
-		.form-grid {
-			grid-template-columns: 1fr;
-		}
-
-		.actions {
-			flex-direction: column-reverse;
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/SearchModal.svelte b/apps/contacts/apps/web-archived/src/lib/components/SearchModal.svelte
deleted file mode 100644
index 141dfdd94..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/SearchModal.svelte
+++ /dev/null
@@ -1,471 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { contactsApi, type Contact } from '$lib/api/contacts';
-	import { getDisplayName, getInitials } from '$lib/utils/contact-display';
-	import { newContactModalStore } from '$lib/stores/new-contact-modal.svelte';
-	import { ContactsEvents } from '@manacore/shared-utils/analytics';
-	import { MagnifyingGlass, Heart, Plus, Tag, Upload } from '@manacore/shared-icons';
-
-	interface Props {
-		open: boolean;
-		onClose: () => void;
-	}
-
-	let { open = $bindable(), onClose }: Props = $props();
-
-	let searchQuery = $state('');
-	let results = $state<Contact[]>([]);
-	let loading = $state(false);
-	let selectedIndex = $state(0);
-	let searchTimeout: ReturnType<typeof setTimeout>;
-	let inputElement: HTMLInputElement;
-
-	// Reset state when modal opens
-	$effect(() => {
-		if (open) {
-			searchQuery = '';
-			results = [];
-			selectedIndex = 0;
-			// Focus input after a short delay to ensure modal is rendered
-			setTimeout(() => inputElement?.focus(), 50);
-		}
-	});
-
-	async function handleSearch() {
-		clearTimeout(searchTimeout);
-
-		if (!searchQuery.trim()) {
-			results = [];
-			loading = false;
-			return;
-		}
-
-		loading = true;
-
-		searchTimeout = setTimeout(async () => {
-			try {
-				const response = await contactsApi.list({
-					search: searchQuery,
-					limit: 10,
-				});
-				results = response.contacts || [];
-				selectedIndex = 0;
-				ContactsEvents.searchPerformed();
-			} catch (e) {
-				console.error('Search error:', e);
-				results = [];
-			} finally {
-				loading = false;
-			}
-		}, 150);
-	}
-
-	function handleKeydown(event: KeyboardEvent) {
-		if (event.key === 'Escape') {
-			event.preventDefault();
-			onClose();
-			return;
-		}
-
-		if (event.key === 'ArrowDown') {
-			event.preventDefault();
-			selectedIndex = Math.min(selectedIndex + 1, results.length - 1);
-			return;
-		}
-
-		if (event.key === 'ArrowUp') {
-			event.preventDefault();
-			selectedIndex = Math.max(selectedIndex - 1, 0);
-			return;
-		}
-
-		if (event.key === 'Enter' && results.length > 0) {
-			event.preventDefault();
-			selectContact(results[selectedIndex]);
-			return;
-		}
-	}
-
-	function selectContact(contact: Contact) {
-		goto(`/contacts/${contact.id}`);
-		onClose();
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-</script>
-
-{#if open}
-	<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-	<div
-		class="search-backdrop"
-		role="dialog"
-		aria-modal="true"
-		aria-label="Kontakt suchen"
-		onclick={handleBackdropClick}
-		onkeydown={handleKeydown}
-	>
-		<div class="search-modal">
-			<!-- Search Input -->
-			<div class="search-input-wrapper">
-				<MagnifyingGlass class="search-icon" />
-				<input
-					bind:this={inputElement}
-					type="text"
-					placeholder="Kontakt suchen..."
-					bind:value={searchQuery}
-					oninput={handleSearch}
-					class="search-input"
-				/>
-				<kbd class="search-shortcut">ESC</kbd>
-			</div>
-
-			<!-- Results -->
-			{#if searchQuery.trim()}
-				<div class="search-results">
-					{#if loading}
-						<div class="search-loading">
-							<div class="loading-spinner"></div>
-							<span>Suche...</span>
-						</div>
-					{:else if results.length === 0}
-						<div class="search-empty">
-							<span>Keine Kontakte gefunden</span>
-						</div>
-					{:else}
-						{#each results as contact, index (contact.id)}
-							<button
-								type="button"
-								class="search-result"
-								class:selected={index === selectedIndex}
-								onclick={() => selectContact(contact)}
-								onmouseenter={() => (selectedIndex = index)}
-							>
-								<div class="result-avatar">
-									{#if contact.photoUrl}
-										<img
-											src={contact.photoUrl}
-											alt={getDisplayName(contact)}
-											class="w-full h-full rounded-full object-cover"
-										/>
-									{:else}
-										{getInitials(contact)}
-									{/if}
-								</div>
-								<div class="result-info">
-									<div class="result-name">{getDisplayName(contact)}</div>
-									<div class="result-details">
-										{#if contact.company}
-											<span>{contact.company}</span>
-										{/if}
-										{#if contact.email}
-											<span>{contact.email}</span>
-										{/if}
-									</div>
-								</div>
-								{#if contact.isFavorite}
-									<Heart class="result-favorite" weight="fill" />
-								{/if}
-							</button>
-						{/each}
-					{/if}
-				</div>
-			{:else}
-				<!-- Quick Actions when no search -->
-				<div class="quick-actions-list">
-					<button
-						type="button"
-						class="quick-action"
-						onclick={() => {
-							onClose();
-							newContactModalStore.open();
-						}}
-					>
-						<Plus size={20} class="quick-action-icon" />
-						<span>Neuen Kontakt erstellen</span>
-						<kbd>N</kbd>
-					</button>
-					<a href="/tags" class="quick-action" onclick={onClose}>
-						<Tag size={20} class="quick-action-icon" />
-						<span>Tags verwalten</span>
-					</a>
-					<a href="/data?tab=import" class="quick-action" onclick={onClose}>
-						<Upload size={20} class="quick-action-icon" />
-						<span>Kontakte importieren</span>
-					</a>
-				</div>
-			{/if}
-
-			<!-- Footer -->
-			<div class="search-footer">
-				<div class="footer-hints">
-					<span><kbd>↑↓</kbd> Navigation</span>
-					<span><kbd>↵</kbd> Öffnen</span>
-					<span><kbd>ESC</kbd> Schließen</span>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.search-backdrop {
-		position: fixed;
-		inset: 0;
-		z-index: 100;
-		display: flex;
-		align-items: flex-start;
-		justify-content: center;
-		padding-top: 15vh;
-		background: rgba(0, 0, 0, 0.6);
-		backdrop-filter: blur(4px);
-		-webkit-backdrop-filter: blur(4px);
-		animation: fadeIn 0.15s ease;
-	}
-
-	@keyframes fadeIn {
-		from {
-			opacity: 0;
-		}
-		to {
-			opacity: 1;
-		}
-	}
-
-	.search-modal {
-		width: 100%;
-		max-width: 560px;
-		margin: 0 1rem;
-		background: #1a1a1a;
-		border: 1px solid #333;
-		border-radius: var(--radius-lg);
-		box-shadow:
-			0 25px 50px -12px rgba(0, 0, 0, 0.5),
-			0 0 0 1px rgba(255, 255, 255, 0.1);
-		overflow: hidden;
-		animation: slideIn 0.2s ease;
-		color: #e5e5e5;
-	}
-
-	@keyframes slideIn {
-		from {
-			opacity: 0;
-			transform: translateY(-10px) scale(0.98);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0) scale(1);
-		}
-	}
-
-	.search-input-wrapper {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem 1.25rem;
-		border-bottom: 1px solid #333;
-	}
-
-	.search-icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		color: #888;
-		flex-shrink: 0;
-	}
-
-	.search-input {
-		flex: 1;
-		border: none;
-		background: transparent;
-		font-size: 1rem;
-		color: #fff;
-		outline: none;
-	}
-
-	.search-input::placeholder {
-		color: #666;
-	}
-
-	.search-shortcut {
-		padding: 0.25rem 0.5rem;
-		font-size: 0.75rem;
-		font-family: inherit;
-		background: #2a2a2a;
-		border: 1px solid #444;
-		border-radius: var(--radius-sm);
-		color: #888;
-	}
-
-	.search-results {
-		max-height: 320px;
-		overflow-y: auto;
-	}
-
-	.search-loading,
-	.search-empty {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.75rem;
-		padding: 2rem;
-		color: #888;
-		font-size: 0.875rem;
-	}
-
-	.loading-spinner {
-		width: 1.25rem;
-		height: 1.25rem;
-		border: 2px solid #333;
-		border-top-color: #3b82f6;
-		border-radius: 50%;
-		animation: spin 0.8s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.search-result {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		width: 100%;
-		padding: 0.75rem 1.25rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		text-align: left;
-		transition: background 0.1s ease;
-		color: #e5e5e5;
-	}
-
-	.search-result:hover,
-	.search-result.selected {
-		background: #2a2a2a;
-	}
-
-	.result-avatar {
-		width: 40px;
-		height: 40px;
-		min-width: 40px;
-		border-radius: var(--radius-full);
-		background: #3b82f6;
-		color: #fff;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-weight: 600;
-		font-size: 0.875rem;
-	}
-
-	.result-info {
-		flex: 1;
-		min-width: 0;
-	}
-
-	.result-name {
-		font-weight: 500;
-		color: #fff;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.result-details {
-		display: flex;
-		gap: 0.5rem;
-		font-size: 0.8125rem;
-		color: #888;
-	}
-
-	.result-details span {
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.result-favorite {
-		width: 1rem;
-		height: 1rem;
-		color: #ef4444;
-		flex-shrink: 0;
-	}
-
-	.quick-actions-list {
-		padding: 0.5rem;
-	}
-
-	.quick-action {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem 1rem;
-		border-radius: var(--radius-md);
-		color: #e5e5e5;
-		text-decoration: none;
-		transition: background 0.1s ease;
-	}
-
-	.quick-action:hover {
-		background: #2a2a2a;
-	}
-
-	.quick-action-icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		color: #888;
-	}
-
-	.quick-action span {
-		flex: 1;
-		font-size: 0.9375rem;
-	}
-
-	.quick-action kbd {
-		padding: 0.125rem 0.375rem;
-		font-size: 0.6875rem;
-		font-family: inherit;
-		background: #2a2a2a;
-		border: 1px solid #444;
-		border-radius: var(--radius-sm);
-		color: #888;
-	}
-
-	.search-footer {
-		padding: 0.75rem 1.25rem;
-		border-top: 1px solid #333;
-		background: #141414;
-	}
-
-	.footer-hints {
-		display: flex;
-		gap: 1rem;
-		font-size: 0.75rem;
-		color: #666;
-	}
-
-	.footer-hints kbd {
-		padding: 0.125rem 0.25rem;
-		font-family: inherit;
-		background: #2a2a2a;
-		border: 1px solid #444;
-		border-radius: 3px;
-		margin-right: 0.25rem;
-	}
-
-	@media (max-width: 640px) {
-		.search-backdrop {
-			padding-top: 5vh;
-		}
-
-		.footer-hints {
-			flex-wrap: wrap;
-			gap: 0.5rem;
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/SocialMediaLinks.svelte b/apps/contacts/apps/web-archived/src/lib/components/SocialMediaLinks.svelte
deleted file mode 100644
index 7a834c119..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/SocialMediaLinks.svelte
+++ /dev/null
@@ -1,145 +0,0 @@
-<script lang="ts">
-	/**
-	 * SocialMediaLinks - Display social media links for a contact (view mode)
-	 * Uses centralized SOCIAL_PLATFORMS config
-	 */
-
-	import { getSocialMediaEntries, hasSocialMedia } from '$lib/config/social-media';
-	import type { Contact } from '$lib/api/contacts';
-	import { ChatCircle } from '@manacore/shared-icons';
-
-	interface Props {
-		contact: Contact;
-	}
-
-	let { contact }: Props = $props();
-
-	const entries = $derived(getSocialMediaEntries(contact as unknown as Record<string, unknown>));
-	const hasAny = $derived(hasSocialMedia(contact as unknown as Record<string, unknown>));
-</script>
-
-{#if hasAny}
-	<section class="detail-section">
-		<div class="section-header">
-			<div class="section-icon">
-				<ChatCircle size={16} />
-			</div>
-			<h3 class="section-title">Social Media</h3>
-		</div>
-		<div class="social-links-grid">
-			{#each entries as { platform, value }}
-				{#if platform.hasLink && platform.buildUrl}
-					<a
-						href={platform.buildUrl(value)}
-						target="_blank"
-						rel="noopener noreferrer"
-						class="social-link"
-					>
-						<span class="social-badge">{platform.badge}</span>
-						<span class="social-link-text">{platform.name}</span>
-					</a>
-				{:else}
-					<span class="social-link social-link-static">
-						<span class="social-badge">{platform.badge}</span>
-						<span class="social-link-text">{value}</span>
-					</span>
-				{/if}
-			{/each}
-		</div>
-	</section>
-{/if}
-
-<style>
-	.detail-section {
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 0.875rem;
-		padding: 1rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding-bottom: 0.625rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		margin-bottom: 0.625rem;
-	}
-
-	.section-icon {
-		width: 1.75rem;
-		height: 1.75rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.section-icon svg {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.section-title {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-	}
-
-	.social-links-grid {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.5rem;
-	}
-
-	.social-link {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.625rem;
-		background: hsl(var(--color-muted) / 0.5);
-		border-radius: 0.5rem;
-		text-decoration: none;
-		color: inherit;
-		transition: all 0.2s ease;
-	}
-
-	.social-link:hover:not(.social-link-static) {
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-	}
-
-	.social-link-static {
-		cursor: default;
-	}
-
-	.social-badge {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-primary) / 0.15);
-		color: hsl(var(--color-primary));
-		font-size: 0.625rem;
-		font-weight: 700;
-		flex-shrink: 0;
-	}
-
-	.social-link-text {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	@media (max-width: 480px) {
-		.social-links-grid {
-			grid-template-columns: 1fr;
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/SortToggle.svelte b/apps/contacts/apps/web-archived/src/lib/components/SortToggle.svelte
deleted file mode 100644
index 43cef1766..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/SortToggle.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-
-	export type SortField = 'firstName' | 'lastName';
-
-	interface Props {
-		value: SortField;
-		onchange: (value: SortField) => void;
-	}
-
-	let { value, onchange }: Props = $props();
-</script>
-
-<div class="sort-toggle">
-	<button
-		type="button"
-		class="sort-btn"
-		class:active={value === 'firstName'}
-		onclick={() => onchange('firstName')}
-	>
-		{$_('sort.firstName')}
-	</button>
-	<button
-		type="button"
-		class="sort-btn"
-		class:active={value === 'lastName'}
-		onclick={() => onchange('lastName')}
-	>
-		{$_('sort.lastName')}
-	</button>
-</div>
-
-<style>
-	.sort-toggle {
-		display: flex;
-		gap: 0.25rem;
-		padding: 0.25rem;
-		background: hsl(var(--background) / 0.75);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--border) / 0.5);
-		border-radius: 9999px;
-	}
-
-	.sort-btn {
-		padding: 0.375rem 0.75rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--muted-foreground));
-		background: transparent;
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		transition: all 0.15s ease;
-		white-space: nowrap;
-	}
-
-	.sort-btn:hover {
-		color: hsl(var(--foreground));
-	}
-
-	.sort-btn.active {
-		color: hsl(var(--primary-foreground));
-		background: hsl(var(--primary));
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/SpiralCanvas.svelte b/apps/contacts/apps/web-archived/src/lib/components/SpiralCanvas.svelte
deleted file mode 100644
index d06ae1d9f..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/SpiralCanvas.svelte
+++ /dev/null
@@ -1,165 +0,0 @@
-<script lang="ts">
-	import type { SpiralImage } from '@manacore/spiral-db';
-	import { spiralToXY, xyToSpiral } from '@manacore/spiral-db';
-
-	interface Props {
-		image: SpiralImage;
-		scale?: number;
-		showGrid?: boolean;
-		highlightIndex?: number | null;
-		onPixelClick?: (index: number, x: number, y: number) => void;
-	}
-
-	let {
-		image,
-		scale = 10,
-		showGrid = false,
-		highlightIndex = null,
-		onPixelClick,
-	}: Props = $props();
-
-	let canvas: HTMLCanvasElement;
-	let hoveredIndex = $state<number | null>(null);
-
-	$effect(() => {
-		if (!canvas || !image) return;
-
-		const ctx = canvas.getContext('2d');
-		if (!ctx) return;
-
-		const { width, height, pixels } = image;
-		canvas.width = width * scale;
-		canvas.height = height * scale;
-
-		ctx.fillStyle = '#1a1a1a';
-		ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-		for (let y = 0; y < height; y++) {
-			for (let x = 0; x < width; x++) {
-				const offset = (y * width + x) * 3;
-				const r = pixels[offset];
-				const g = pixels[offset + 1];
-				const b = pixels[offset + 2];
-
-				ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;
-				ctx.fillRect(x * scale, y * scale, scale, scale);
-			}
-		}
-
-		if (showGrid && scale >= 8) {
-			ctx.strokeStyle = 'rgba(255, 255, 255, 0.1)';
-			ctx.lineWidth = 1;
-
-			for (let x = 0; x <= width; x++) {
-				ctx.beginPath();
-				ctx.moveTo(x * scale, 0);
-				ctx.lineTo(x * scale, height * scale);
-				ctx.stroke();
-			}
-
-			for (let y = 0; y <= height; y++) {
-				ctx.beginPath();
-				ctx.moveTo(0, y * scale);
-				ctx.lineTo(width * scale, y * scale);
-				ctx.stroke();
-			}
-		}
-
-		const center = Math.floor(width / 2);
-		ctx.strokeStyle = 'rgba(255, 255, 255, 0.5)';
-		ctx.lineWidth = 2;
-		ctx.strokeRect(center * scale, center * scale, scale, scale);
-
-		if (highlightIndex !== null && highlightIndex >= 0) {
-			const point = spiralToXY(highlightIndex, width);
-			ctx.strokeStyle = '#fbbf24';
-			ctx.lineWidth = 2;
-			ctx.strokeRect(point.x * scale, point.y * scale, scale, scale);
-		}
-
-		if (hoveredIndex !== null) {
-			const point = spiralToXY(hoveredIndex, width);
-			ctx.strokeStyle = '#3b82f6';
-			ctx.lineWidth = 2;
-			ctx.strokeRect(point.x * scale, point.y * scale, scale, scale);
-		}
-	});
-
-	function handleMouseMove(e: MouseEvent) {
-		if (!canvas || !image) return;
-
-		const rect = canvas.getBoundingClientRect();
-		const x = Math.floor((e.clientX - rect.left) / scale);
-		const y = Math.floor((e.clientY - rect.top) / scale);
-
-		if (x >= 0 && x < image.width && y >= 0 && y < image.height) {
-			hoveredIndex = xyToSpiral(x, y, image.width);
-		} else {
-			hoveredIndex = null;
-		}
-	}
-
-	function handleMouseLeave() {
-		hoveredIndex = null;
-	}
-
-	function handleClick(e: MouseEvent) {
-		if (!canvas || !image || !onPixelClick) return;
-
-		const rect = canvas.getBoundingClientRect();
-		const x = Math.floor((e.clientX - rect.left) / scale);
-		const y = Math.floor((e.clientY - rect.top) / scale);
-
-		if (x >= 0 && x < image.width && y >= 0 && y < image.height) {
-			const index = xyToSpiral(x, y, image.width);
-			onPixelClick(index, x, y);
-		}
-	}
-</script>
-
-<div class="spiral-canvas-container">
-	<canvas
-		bind:this={canvas}
-		onmousemove={handleMouseMove}
-		onmouseleave={handleMouseLeave}
-		onclick={handleClick}
-		class="spiral-canvas"
-		class:clickable={!!onPixelClick}
-	></canvas>
-
-	{#if hoveredIndex !== null}
-		<div class="pixel-info">
-			Pixel #{hoveredIndex}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.spiral-canvas-container {
-		position: relative;
-		display: inline-block;
-	}
-
-	.spiral-canvas {
-		border-radius: 8px;
-		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-	}
-
-	.spiral-canvas.clickable {
-		cursor: pointer;
-	}
-
-	.pixel-info {
-		position: absolute;
-		bottom: -30px;
-		left: 50%;
-		transform: translateX(-50%);
-		background: rgba(0, 0, 0, 0.8);
-		color: white;
-		padding: 4px 12px;
-		border-radius: 4px;
-		font-size: 12px;
-		font-family: monospace;
-		white-space: nowrap;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/TagStrip.svelte b/apps/contacts/apps/web-archived/src/lib/components/TagStrip.svelte
deleted file mode 100644
index b34c6ac54..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/TagStrip.svelte
+++ /dev/null
@@ -1,318 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import { contactsFilterStore } from '$lib/stores/filter.svelte';
-	import { goto } from '$app/navigation';
-	import { DotsThree, Plus, X } from '@manacore/shared-icons';
-	import TagStripModal from './TagStripModal.svelte';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-
-	let showModal = $state(false);
-
-	function handleTagClick(tagId: string) {
-		if (contactsFilterStore.selectedTagId === tagId) {
-			contactsFilterStore.setSelectedTagId(null);
-		} else {
-			contactsFilterStore.setSelectedTagId(tagId);
-		}
-	}
-
-	function isTagSelected(tagId: string): boolean {
-		return contactsFilterStore.selectedTagId === tagId;
-	}
-
-	const hasSelectedTags = $derived(contactsFilterStore.selectedTagId !== null);
-
-	function handleOpenModal() {
-		showModal = true;
-	}
-
-	function handleCloseModal() {
-		showModal = false;
-	}
-
-	const sortedTags = $derived.by(() => {
-		return [...tagsCtx.value].sort((a, b) => a.name.localeCompare(b.name, 'de'));
-	});
-
-	const hasTags = $derived(tagsCtx.value.length > 0);
-</script>
-
-<div class="tag-strip-wrapper">
-	<div class="tag-strip-container">
-		<!-- Clear Filter Button (always rendered to prevent layout shift) -->
-		<button
-			class="clear-filter-pill glass-tag"
-			class:hidden={!hasSelectedTags}
-			onclick={() => contactsFilterStore.setSelectedTagId(null)}
-			title="Filter löschen"
-			disabled={!hasSelectedTags}
-		>
-			<X size={16} weight="bold" />
-			<span class="tag-name">Filter</span>
-		</button>
-
-		<!-- More Pill (opens modal) -->
-		<button class="more-pill glass-tag" onclick={handleOpenModal} title="Alle Tags anzeigen">
-			<DotsThree size={18} weight="bold" />
-			<span class="tag-name">Alle Tags</span>
-		</button>
-
-		{#if !hasTags}
-			<button class="empty-state glass-tag" onclick={() => goto('/tags')}>
-				<span>Keine Tags vorhanden</span>
-				<span class="add-hint">+ Erstellen</span>
-			</button>
-		{:else}
-			{#each sortedTags as tag (tag.id)}
-				<button
-					class="tag-pill glass-tag"
-					class:selected={isTagSelected(tag.id)}
-					onclick={() => handleTagClick(tag.id)}
-					title={tag.name}
-					style="--tag-color: {tag.color || '#3b82f6'}"
-				>
-					<span class="tag-dot"></span>
-					<span class="tag-name">{tag.name}</span>
-				</button>
-			{/each}
-
-			<!-- Create Tag Button -->
-			<button
-				class="create-pill glass-tag"
-				onclick={() => goto('/tags?new=true')}
-				title="Neuer Tag"
-			>
-				<Plus size={16} weight="bold" />
-				<span class="tag-name">Neuer Tag</span>
-			</button>
-		{/if}
-	</div>
-</div>
-
-<!-- Tags Modal -->
-<TagStripModal visible={showModal} onClose={handleCloseModal} />
-
-<style>
-	.tag-strip-wrapper {
-		position: fixed;
-		bottom: calc(70px + env(safe-area-inset-bottom, 0px));
-		left: 0;
-		right: 0;
-		z-index: 49;
-		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-		pointer-events: none;
-		transition: bottom 0.2s ease;
-	}
-
-	.tag-strip-container {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		background: transparent;
-		pointer-events: auto;
-		width: fit-content;
-		max-width: 100%;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 0.5rem 2rem;
-		overflow-x: auto;
-		scrollbar-width: none;
-		-ms-overflow-style: none;
-	}
-
-	.tag-strip-container::-webkit-scrollbar {
-		display: none;
-	}
-
-	.tag-pill,
-	.more-pill,
-	.create-pill,
-	.clear-filter-pill {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		cursor: pointer;
-		flex-shrink: 0;
-		transition: all 0.15s ease;
-	}
-
-	/* Selected tag state */
-	.tag-pill.selected {
-		background: var(--tag-color) !important;
-		border-color: var(--tag-color) !important;
-	}
-
-	.tag-pill.selected .tag-dot {
-		background-color: white;
-	}
-
-	.tag-pill.selected .tag-name {
-		color: white;
-	}
-
-	/* Clear filter pill */
-	.clear-filter-pill {
-		color: #ef4444;
-		background: rgba(239, 68, 68, 0.1) !important;
-		border-color: rgba(239, 68, 68, 0.3) !important;
-	}
-
-	.clear-filter-pill .tag-name {
-		color: #ef4444;
-		font-weight: 600;
-	}
-
-	:global(.dark) .clear-filter-pill {
-		color: #f87171;
-		background: rgba(239, 68, 68, 0.15) !important;
-		border-color: rgba(239, 68, 68, 0.3) !important;
-	}
-
-	:global(.dark) .clear-filter-pill .tag-name {
-		color: #f87171;
-	}
-
-	.clear-filter-pill:hover:not(.hidden) {
-		background: rgba(239, 68, 68, 0.2) !important;
-		border-color: rgba(239, 68, 68, 0.5) !important;
-	}
-
-	.clear-filter-pill.hidden {
-		visibility: hidden;
-		pointer-events: none;
-	}
-
-	/* More pill with neutral style */
-	.more-pill {
-		color: #374151;
-	}
-
-	.more-pill .tag-name {
-		color: #374151;
-		font-weight: 500;
-	}
-
-	:global(.dark) .more-pill {
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .more-pill .tag-name {
-		color: #f3f4f6;
-	}
-
-	/* Create pill with neutral style */
-	.create-pill {
-		color: #374151;
-	}
-
-	.create-pill .tag-name {
-		color: #374151;
-		font-weight: 500;
-	}
-
-	:global(.dark) .create-pill {
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .create-pill .tag-name {
-		color: #f3f4f6;
-	}
-
-	/* Glass tag styling */
-	.glass-tag {
-		padding: 0.5rem 1rem;
-		border-radius: 9999px;
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-	}
-
-	:global(.dark) .glass-tag {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.glass-tag:hover {
-		transform: scale(1.05);
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .glass-tag:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.glass-tag:active {
-		transform: scale(0.98);
-	}
-
-	.tag-dot {
-		width: 10px;
-		height: 10px;
-		border-radius: 50%;
-		background-color: var(--tag-color);
-		flex-shrink: 0;
-	}
-
-	.tag-name {
-		font-size: 0.9375rem;
-		font-weight: 500;
-		color: #374151;
-		white-space: nowrap;
-	}
-
-	:global(.dark) .tag-name {
-		color: #f3f4f6;
-	}
-
-	.loading-state {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		padding: 0.5rem;
-	}
-
-	.empty-state {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		cursor: pointer;
-		color: #6b7280;
-		font-size: 0.875rem;
-		flex-shrink: 0;
-	}
-
-	:global(.dark) .empty-state {
-		color: #9ca3af;
-	}
-
-	.add-hint {
-		font-size: 0.875rem;
-		color: #3b82f6;
-		font-weight: 500;
-	}
-
-	/* Responsive */
-	@media (max-width: 640px) {
-		.tag-strip-wrapper {
-			left: 0;
-			right: 0;
-		}
-
-		.tag-strip-container {
-			padding: 0.5rem 1rem;
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/TagStripModal.svelte b/apps/contacts/apps/web-archived/src/lib/components/TagStripModal.svelte
deleted file mode 100644
index 573629018..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/TagStripModal.svelte
+++ /dev/null
@@ -1,804 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-	import { Plus, X, Check, Pencil, Trash, MagnifyingGlass } from '@manacore/shared-icons';
-	import { TagColorPicker } from '@manacore/shared-ui';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-
-	interface Props {
-		visible: boolean;
-		onClose: () => void;
-	}
-
-	let { visible, onClose }: Props = $props();
-
-	// Search state
-	let searchQuery = $state('');
-
-	// New tag form state
-	let showNewTagForm = $state(false);
-	let newTagName = $state('');
-	let newTagColor = $state('#3b82f6');
-	let isCreatingTag = $state(false);
-
-	// Edit tag state
-	let editingTag = $state<Tag | null>(null);
-	let editTagName = $state('');
-	let editTagColor = $state('#3b82f6');
-	let isSavingTag = $state(false);
-
-	// Filtered and sorted tags
-	const sortedTags = $derived.by(() => {
-		const tags = [...tagsCtx.value].sort((a, b) => a.name.localeCompare(b.name, 'de'));
-		if (!searchQuery.trim()) return tags;
-		const query = searchQuery.toLowerCase();
-		return tags.filter((t) => t.name.toLowerCase().includes(query));
-	});
-
-	// ==================== NEW TAG ====================
-	function openNewTagForm() {
-		showNewTagForm = true;
-		newTagName = '';
-		newTagColor = '#3b82f6';
-	}
-
-	function closeNewTagForm() {
-		showNewTagForm = false;
-		newTagName = '';
-		newTagColor = '#3b82f6';
-	}
-
-	async function handleCreateTag() {
-		if (!newTagName.trim() || isCreatingTag) return;
-
-		isCreatingTag = true;
-		try {
-			await tagMutations.createTag({
-				name: newTagName.trim(),
-				color: newTagColor,
-			});
-			closeNewTagForm();
-		} catch (e) {
-			console.error('Failed to create tag:', e);
-		}
-		isCreatingTag = false;
-	}
-
-	function handleNewTagKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && newTagName.trim()) {
-			e.preventDefault();
-			handleCreateTag();
-		} else if (e.key === 'Escape') {
-			e.stopPropagation();
-			closeNewTagForm();
-		}
-	}
-
-	// ==================== EDIT TAG ====================
-	function openEditTag(tag: Tag) {
-		editingTag = tag;
-		editTagName = tag.name;
-		editTagColor = tag.color;
-	}
-
-	function closeEditTag() {
-		editingTag = null;
-		editTagName = '';
-		editTagColor = '#3b82f6';
-	}
-
-	async function handleSaveTag() {
-		if (!editingTag || !editTagName.trim() || isSavingTag) return;
-
-		isSavingTag = true;
-		try {
-			await tagMutations.updateTag(editingTag.id, {
-				name: editTagName.trim(),
-				color: editTagColor,
-			});
-			closeEditTag();
-		} catch (e) {
-			console.error('Failed to update tag:', e);
-		}
-		isSavingTag = false;
-	}
-
-	async function handleDeleteTag() {
-		if (!editingTag) return;
-
-		try {
-			await tagMutations.deleteTag(editingTag.id);
-			closeEditTag();
-		} catch (e) {
-			console.error('Failed to delete tag:', e);
-		}
-	}
-
-	function handleEditTagKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && editTagName.trim()) {
-			e.preventDefault();
-			handleSaveTag();
-		} else if (e.key === 'Escape') {
-			e.stopPropagation();
-			closeEditTag();
-		}
-	}
-
-	// ==================== KEYBOARD ====================
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			if (editingTag) {
-				closeEditTag();
-			} else if (showNewTagForm) {
-				closeNewTagForm();
-			} else {
-				onClose();
-			}
-		}
-	}
-
-	const hasOpenForm = $derived(showNewTagForm || editingTag !== null);
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if visible}
-	<!-- Backdrop -->
-	<!-- svelte-ignore a11y_click_events_have_key_events -->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div class="modal-backdrop" onclick={onClose}></div>
-
-	<!-- Modal -->
-	<div class="tag-modal" role="dialog" aria-modal="true" aria-label="Tags">
-		<!-- Header -->
-		<div class="modal-header">
-			<h2 class="modal-title">Tags</h2>
-			<div class="header-actions">
-				<button class="header-btn" onclick={openNewTagForm} title="Neuer Tag">
-					<Plus size={18} weight="bold" />
-				</button>
-				<button class="header-btn close-btn" onclick={onClose} title="Schließen">
-					<X size={18} weight="bold" />
-				</button>
-			</div>
-		</div>
-
-		<!-- Content -->
-		<div class="modal-content">
-			{#if tagsCtx.value.length === 0 && !showNewTagForm}
-				<div class="empty-state">
-					<p>Keine Tags vorhanden</p>
-					<button class="create-btn" onclick={openNewTagForm}>
-						<Plus size={16} weight="bold" />
-						Tag erstellen
-					</button>
-				</div>
-			{:else}
-				<!-- New Tag Form -->
-				{#if showNewTagForm}
-					<div class="edit-form-section">
-						<div class="edit-form-header">
-							<span class="edit-form-title">Neuer Tag</span>
-							<button class="icon-btn" onclick={closeNewTagForm} title="Abbrechen">
-								<X size={14} weight="bold" />
-							</button>
-						</div>
-						<div class="edit-form">
-							<div class="form-row">
-								<div class="color-preview" style="background-color: {newTagColor}"></div>
-								<input
-									type="text"
-									bind:value={newTagName}
-									onkeydown={handleNewTagKeydown}
-									placeholder="Tag Name"
-									class="name-input"
-									autofocus
-								/>
-							</div>
-							<div class="color-picker-row">
-								<TagColorPicker
-									selectedColor={newTagColor}
-									onColorChange={(c) => (newTagColor = c)}
-								/>
-							</div>
-							<div class="form-actions">
-								<button
-									class="btn btn-primary"
-									onclick={handleCreateTag}
-									disabled={!newTagName.trim() || isCreatingTag}
-								>
-									<Check size={14} weight="bold" />
-									Erstellen
-								</button>
-							</div>
-						</div>
-					</div>
-				{/if}
-
-				<!-- Edit Tag Form -->
-				{#if editingTag}
-					<div class="edit-form-section">
-						<div class="edit-form-header">
-							<span class="edit-form-title">Tag bearbeiten</span>
-							<button class="icon-btn" onclick={closeEditTag} title="Abbrechen">
-								<X size={14} weight="bold" />
-							</button>
-						</div>
-						<div class="edit-form">
-							<div class="form-row">
-								<div class="color-preview" style="background-color: {editTagColor}"></div>
-								<input
-									type="text"
-									bind:value={editTagName}
-									onkeydown={handleEditTagKeydown}
-									placeholder="Tag Name"
-									class="name-input"
-									autofocus
-								/>
-							</div>
-							<div class="color-picker-row">
-								<TagColorPicker
-									selectedColor={editTagColor}
-									onColorChange={(c) => (editTagColor = c)}
-								/>
-							</div>
-							<div class="form-actions">
-								<button class="btn btn-danger" onclick={handleDeleteTag} title="Tag löschen">
-									<Trash size={14} weight="bold" />
-								</button>
-								<button
-									class="btn btn-primary"
-									onclick={handleSaveTag}
-									disabled={!editTagName.trim() || isSavingTag}
-								>
-									<Check size={14} weight="bold" />
-									Speichern
-								</button>
-							</div>
-						</div>
-					</div>
-				{/if}
-
-				<!-- Tags list -->
-				{#if !hasOpenForm || sortedTags.length > 0}
-					<div class="tags-grid">
-						{#each sortedTags as tag (tag.id)}
-							<div
-								class="tag-pill glass-tag"
-								role="button"
-								tabindex="0"
-								style="--tag-color: {tag.color || '#3b82f6'}"
-							>
-								<span class="tag-dot"></span>
-								<span class="tag-name">{tag.name}</span>
-								<button
-									class="tag-edit-btn"
-									onclick={() => openEditTag(tag)}
-									title="Tag bearbeiten"
-								>
-									<Pencil size={10} weight="bold" />
-								</button>
-							</div>
-						{/each}
-					</div>
-
-					{#if searchQuery && sortedTags.length === 0}
-						<div class="search-empty">
-							<p>Keine Tags gefunden für "{searchQuery}"</p>
-						</div>
-					{/if}
-				{/if}
-			{/if}
-		</div>
-
-		<!-- Search (sticky bottom) -->
-		<div class="search-wrapper">
-			<MagnifyingGlass size={16} class="search-icon" />
-			<input
-				type="text"
-				placeholder="Tags suchen..."
-				bind:value={searchQuery}
-				class="search-input"
-			/>
-			{#if searchQuery}
-				<button class="search-clear" onclick={() => (searchQuery = '')} title="Suche leeren">
-					<X size={14} weight="bold" />
-				</button>
-			{/if}
-		</div>
-	</div>
-{/if}
-
-<style>
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		background: transparent;
-		z-index: 99;
-	}
-
-	.tag-modal {
-		position: fixed;
-		bottom: calc(140px + env(safe-area-inset-bottom, 0px));
-		left: 50%;
-		transform: translateX(-50%);
-		width: calc(100% - 2rem);
-		max-width: 500px;
-		max-height: 70vh;
-		z-index: 100;
-		background: rgba(255, 255, 255, 0.95);
-		backdrop-filter: blur(20px);
-		-webkit-backdrop-filter: blur(20px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 1rem;
-		box-shadow:
-			0 25px 50px -12px rgba(0, 0, 0, 0.25),
-			0 0 0 1px rgba(255, 255, 255, 0.1);
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-	}
-
-	:global(.dark) .tag-modal {
-		background: rgba(30, 30, 30, 0.95);
-		border: 1px solid rgba(255, 255, 255, 0.1);
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1rem 0.5rem;
-	}
-
-	.modal-title {
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: #1f2937;
-	}
-
-	:global(.dark) .modal-title {
-		color: #f3f4f6;
-	}
-
-	.header-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	.header-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-		transition: all 0.15s ease;
-	}
-
-	.header-btn:hover {
-		background: rgba(0, 0, 0, 0.05);
-		color: #1f2937;
-	}
-
-	:global(.dark) .header-btn {
-		color: #9ca3af;
-	}
-
-	:global(.dark) .header-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	/* Search (sticky bottom) */
-	.search-wrapper {
-		position: relative;
-		padding: 0.75rem 1rem;
-		border-top: 1px solid rgba(0, 0, 0, 0.08);
-		background: rgba(255, 255, 255, 0.9);
-		backdrop-filter: blur(10px);
-		-webkit-backdrop-filter: blur(10px);
-		flex-shrink: 0;
-	}
-
-	:global(.dark) .search-wrapper {
-		border-top-color: rgba(255, 255, 255, 0.08);
-		background: rgba(30, 30, 30, 0.9);
-	}
-
-	.search-wrapper :global(.search-icon) {
-		position: absolute;
-		left: 1.75rem;
-		top: 50%;
-		transform: translateY(-50%);
-		color: #9ca3af;
-		pointer-events: none;
-	}
-
-	.search-input {
-		width: 100%;
-		padding: 0.5rem 2rem 0.5rem 2.25rem;
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 0.5rem;
-		background: rgba(0, 0, 0, 0.03);
-		color: #374151;
-		font-size: 0.8125rem;
-		outline: none;
-		transition: all 0.15s ease;
-	}
-
-	.search-input:focus {
-		border-color: #3b82f6;
-		background: white;
-	}
-
-	:global(.dark) .search-input {
-		background: rgba(255, 255, 255, 0.05);
-		border-color: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .search-input:focus {
-		border-color: #60a5fa;
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.search-clear {
-		position: absolute;
-		right: 1.5rem;
-		top: 50%;
-		transform: translateY(-50%);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 50%;
-		background: rgba(0, 0, 0, 0.1);
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-	}
-
-	.search-clear:hover {
-		background: rgba(0, 0, 0, 0.15);
-	}
-
-	:global(.dark) .search-clear {
-		background: rgba(255, 255, 255, 0.1);
-		color: #9ca3af;
-	}
-
-	.search-empty {
-		text-align: center;
-		padding: 1.5rem;
-		color: #9ca3af;
-		font-size: 0.875rem;
-	}
-
-	.modal-content {
-		flex: 1;
-		overflow-y: auto;
-		padding: 0.5rem 0.75rem 0.75rem;
-	}
-
-	.loading-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 2rem;
-		color: #6b7280;
-		font-size: 0.875rem;
-		gap: 1rem;
-	}
-
-	:global(.dark) .loading-state,
-	:global(.dark) .empty-state {
-		color: #9ca3af;
-	}
-
-	.create-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: #3b82f6;
-		color: white;
-		border: none;
-		border-radius: 9999px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.15s ease;
-	}
-
-	.create-btn:hover {
-		background: #2563eb;
-	}
-
-	/* Edit Form Section */
-	.edit-form-section {
-		background: rgba(59, 130, 246, 0.05);
-		border: 1px solid rgba(59, 130, 246, 0.2);
-		border-radius: 0.75rem;
-		margin-bottom: 0.75rem;
-		overflow: hidden;
-	}
-
-	:global(.dark) .edit-form-section {
-		background: rgba(96, 165, 250, 0.1);
-		border-color: rgba(96, 165, 250, 0.2);
-	}
-
-	.edit-form-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.5rem 0.75rem;
-		background: rgba(59, 130, 246, 0.1);
-	}
-
-	:global(.dark) .edit-form-header {
-		background: rgba(96, 165, 250, 0.15);
-	}
-
-	.edit-form-title {
-		font-size: 0.75rem;
-		font-weight: 600;
-		color: #3b82f6;
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-	}
-
-	:global(.dark) .edit-form-title {
-		color: #60a5fa;
-	}
-
-	.edit-form {
-		padding: 0.75rem;
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.form-row {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.color-preview {
-		width: 24px;
-		height: 24px;
-		border-radius: 50%;
-		flex-shrink: 0;
-		border: 2px solid rgba(0, 0, 0, 0.1);
-	}
-
-	:global(.dark) .color-preview {
-		border-color: rgba(255, 255, 255, 0.2);
-	}
-
-	.name-input {
-		flex: 1;
-		padding: 0.5rem 0.75rem;
-		border: 1px solid rgba(0, 0, 0, 0.15);
-		border-radius: 0.5rem;
-		background: white;
-		color: #374151;
-		font-size: 0.875rem;
-		outline: none;
-		transition: all 0.15s ease;
-	}
-
-	.name-input:focus {
-		border-color: #3b82f6;
-		box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
-	}
-
-	:global(.dark) .name-input {
-		background: rgba(255, 255, 255, 0.1);
-		border-color: rgba(255, 255, 255, 0.2);
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .name-input:focus {
-		border-color: #60a5fa;
-		box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2);
-	}
-
-	.color-picker-row {
-		padding-left: 32px;
-	}
-
-	.color-picker-row :global(.color-picker) {
-		gap: 0.375rem;
-	}
-
-	.color-picker-row :global(.color-swatch) {
-		width: 24px;
-		height: 24px;
-	}
-
-	.form-actions {
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		gap: 0.5rem;
-		padding-top: 0.25rem;
-	}
-
-	.btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.75rem;
-		border-radius: 0.5rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-		border: none;
-		transition: all 0.15s ease;
-	}
-
-	.btn-primary {
-		background: #3b82f6;
-		color: white;
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		background: #2563eb;
-	}
-
-	.btn-primary:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.btn-danger {
-		background: #ef4444;
-		color: white;
-	}
-
-	.btn-danger:hover {
-		background: #dc2626;
-	}
-
-	.icon-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border-radius: 0.375rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-		transition: all 0.15s ease;
-	}
-
-	.icon-btn:hover {
-		background: rgba(0, 0, 0, 0.1);
-		color: #374151;
-	}
-
-	:global(.dark) .icon-btn {
-		color: #9ca3af;
-	}
-
-	:global(.dark) .icon-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	/* Tags grid */
-	.tags-grid {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		padding: 0.25rem 0;
-	}
-
-	/* Tag Pill */
-	.tag-pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.625rem;
-		border-radius: 9999px;
-		cursor: pointer;
-		flex-shrink: 0;
-		transition: all 0.15s ease;
-		position: relative;
-	}
-
-	.glass-tag {
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 2px 4px -1px rgba(0, 0, 0, 0.06),
-			0 1px 2px -1px rgba(0, 0, 0, 0.04);
-	}
-
-	:global(.dark) .glass-tag {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.glass-tag:hover {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-	}
-
-	:global(.dark) .glass-tag:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.tag-dot {
-		width: 8px;
-		height: 8px;
-		border-radius: 50%;
-		background-color: var(--tag-color);
-		flex-shrink: 0;
-	}
-
-	.tag-name {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: #374151;
-		white-space: nowrap;
-	}
-
-	:global(.dark) .tag-name {
-		color: #f3f4f6;
-	}
-
-	.tag-edit-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1rem;
-		height: 1rem;
-		border-radius: 50%;
-		background: rgba(0, 0, 0, 0.1);
-		border: none;
-		cursor: pointer;
-		color: #6b7280;
-		opacity: 0;
-		transition: all 0.15s ease;
-		margin-left: 0.125rem;
-	}
-
-	.tag-pill:hover .tag-edit-btn {
-		opacity: 1;
-	}
-
-	.tag-edit-btn:hover {
-		background: rgba(0, 0, 0, 0.2);
-		color: #374151;
-	}
-
-	:global(.dark) .tag-edit-btn {
-		background: rgba(255, 255, 255, 0.15);
-		color: #9ca3af;
-	}
-
-	:global(.dark) .tag-edit-btn:hover {
-		background: rgba(255, 255, 255, 0.25);
-		color: #f3f4f6;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/ViewModeToggle.svelte b/apps/contacts/apps/web-archived/src/lib/components/ViewModeToggle.svelte
deleted file mode 100644
index 7e73f5eec..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/ViewModeToggle.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { viewModeStore, type ViewMode } from '$lib/stores/view-mode.svelte';
-	import { SquaresFour, SortAscending } from '@manacore/shared-icons';
-
-	const modes: { id: ViewMode; icon: string; label: string }[] = [
-		{ id: 'alphabet', icon: 'alphabet', label: 'views.alphabet' },
-		{ id: 'grid', icon: 'grid', label: 'views.grid' },
-	];
-</script>
-
-<div class="view-mode-toggle">
-	{#each modes as mode}
-		<button
-			type="button"
-			class="view-mode-btn"
-			class:active={viewModeStore.mode === mode.id}
-			onclick={() => viewModeStore.setMode(mode.id)}
-			title={$_(mode.label)}
-		>
-			{#if mode.icon === 'grid'}
-				<SquaresFour size={20} />
-			{:else if mode.icon === 'alphabet'}
-				<SortAscending size={20} />
-			{/if}
-		</button>
-	{/each}
-</div>
-
-<style>
-	.view-mode-toggle {
-		display: flex;
-		gap: 0.25rem;
-		padding: 0.25rem;
-		background-color: hsl(var(--muted));
-		border-radius: var(--radius-lg);
-	}
-
-	.view-mode-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0.5rem 0.75rem;
-		border-radius: var(--radius-md);
-		color: hsl(var(--muted-foreground));
-		transition: all var(--transition-fast);
-		border: none;
-		background: transparent;
-		cursor: pointer;
-	}
-
-	.view-mode-btn:hover {
-		color: hsl(var(--foreground));
-		background-color: hsl(var(--background) / 0.5);
-	}
-
-	.view-mode-btn.active {
-		color: hsl(var(--primary));
-		background-color: hsl(var(--background));
-		box-shadow: var(--shadow-sm);
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/duplicates/MergeModal.svelte b/apps/contacts/apps/web-archived/src/lib/components/duplicates/MergeModal.svelte
deleted file mode 100644
index bfe45fccf..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/duplicates/MergeModal.svelte
+++ /dev/null
@@ -1,206 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import type { Contact } from '$lib/api/contacts';
-	import { getDisplayName, getInitials } from '$lib/utils/contact-display';
-	import { CONTACT_FIELD_LABELS, getMatchTypeLabel } from '$lib/constants/contact-fields';
-
-	interface Props {
-		isOpen: boolean;
-		contacts: Contact[];
-		matchType: 'email' | 'phone' | 'name';
-		matchValue: string;
-		onMerge: (primaryId: string, mergeIds: string[]) => void;
-		onDismiss: () => void;
-		onClose: () => void;
-	}
-
-	let { isOpen, contacts, matchType, matchValue, onMerge, onDismiss, onClose }: Props = $props();
-
-	let selectedPrimaryId = $state<string | null>(null);
-	let merging = $state(false);
-
-	// Reset selection when modal opens
-	$effect(() => {
-		if (isOpen && contacts.length > 0) {
-			selectedPrimaryId = contacts[0].id;
-		}
-	});
-
-	function getFieldValue(contact: Contact, field: keyof Contact): string {
-		const value = contact[field];
-		if (value === null || value === undefined) return '-';
-		if (typeof value === 'boolean') return value ? 'Ja' : 'Nein';
-		return String(value);
-	}
-
-	async function handleMerge() {
-		if (!selectedPrimaryId) return;
-		merging = true;
-		const mergeIds = contacts.filter((c) => c.id !== selectedPrimaryId).map((c) => c.id);
-		onMerge(selectedPrimaryId, mergeIds);
-		merging = false;
-	}
-
-	// Fields to display in comparison
-	const comparisonFieldKeys: (keyof Contact)[] = [
-		'firstName',
-		'lastName',
-		'email',
-		'phone',
-		'mobile',
-		'company',
-		'jobTitle',
-		'city',
-	];
-	const comparisonFields = comparisonFieldKeys.map((key) => ({
-		key,
-		label: CONTACT_FIELD_LABELS[key] || key,
-	}));
-</script>
-
-{#if isOpen}
-	<div class="fixed inset-0 z-50 flex items-center justify-center">
-		<!-- Backdrop -->
-		<button
-			type="button"
-			class="absolute inset-0 bg-black/50"
-			onclick={onClose}
-			aria-label="Close modal"
-		></button>
-
-		<!-- Modal -->
-		<div
-			class="relative bg-card rounded-lg shadow-xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-hidden flex flex-col"
-		>
-			<!-- Header -->
-			<div class="p-6 border-b border-border">
-				<h2 class="text-xl font-semibold text-foreground">Duplikate zusammenführen</h2>
-				<p class="text-sm text-muted-foreground mt-1">
-					{contacts.length} Kontakte gefunden mit gleicher {getMatchTypeLabel(matchType)}:
-					<span class="font-medium">{matchValue}</span>
-				</p>
-			</div>
-
-			<!-- Content -->
-			<div class="flex-1 overflow-auto p-6">
-				<p class="text-sm text-muted-foreground mb-4">
-					Wähle den Hauptkontakt aus. Die Daten der anderen Kontakte werden ergänzt (leere Felder
-					werden gefüllt).
-				</p>
-
-				<!-- Contact comparison table -->
-				<div class="overflow-x-auto">
-					<table class="w-full text-sm">
-						<thead>
-							<tr class="border-b border-border">
-								<th class="text-left py-2 px-3 font-medium text-muted-foreground">Feld</th>
-								{#each contacts as contact (contact.id)}
-									<th class="text-left py-2 px-3">
-										<label class="flex items-center gap-2 cursor-pointer">
-											<input
-												type="radio"
-												name="primary"
-												value={contact.id}
-												bind:group={selectedPrimaryId}
-												class="w-4 h-4 text-primary"
-											/>
-											<span class="flex items-center gap-2">
-												<span
-													class="w-8 h-8 rounded-full bg-primary/10 text-primary flex items-center justify-center text-xs font-medium"
-												>
-													{getInitials(contact)}
-												</span>
-												<span class="font-medium text-foreground">
-													{getDisplayName(contact)}
-												</span>
-											</span>
-										</label>
-									</th>
-								{/each}
-							</tr>
-						</thead>
-						<tbody>
-							{#each comparisonFields as field (field.key)}
-								<tr class="border-b border-border/50">
-									<td class="py-2 px-3 text-muted-foreground">{field.label}</td>
-									{#each contacts as contact (contact.id)}
-										<td
-											class="py-2 px-3 {selectedPrimaryId === contact.id
-												? 'bg-primary-highlight'
-												: ''}"
-										>
-											{getFieldValue(contact, field.key)}
-										</td>
-									{/each}
-								</tr>
-							{/each}
-							<tr class="border-b border-border/50">
-								<td class="py-2 px-3 text-muted-foreground">Erstellt am</td>
-								{#each contacts as contact (contact.id)}
-									<td
-										class="py-2 px-3 {selectedPrimaryId === contact.id
-											? 'bg-primary-highlight'
-											: ''}"
-									>
-										{new Date(contact.createdAt).toLocaleDateString('de-DE')}
-									</td>
-								{/each}
-							</tr>
-							<tr>
-								<td class="py-2 px-3 text-muted-foreground">Zuletzt geändert</td>
-								{#each contacts as contact (contact.id)}
-									<td
-										class="py-2 px-3 {selectedPrimaryId === contact.id
-											? 'bg-primary-highlight'
-											: ''}"
-									>
-										{new Date(contact.updatedAt).toLocaleDateString('de-DE')}
-									</td>
-								{/each}
-							</tr>
-						</tbody>
-					</table>
-				</div>
-
-				<!-- Info box -->
-				<div class="mt-4 p-4 bg-blue-50 dark:bg-blue-950/30 rounded-lg text-sm">
-					<p class="text-blue-800 dark:text-blue-200">
-						<strong>Hinweis:</strong> Der ausgewählte Hauptkontakt wird beibehalten. Leere Felder werden
-						mit Daten aus den anderen Kontakten gefüllt. Die anderen Kontakte werden gelöscht.
-					</p>
-				</div>
-			</div>
-
-			<!-- Footer -->
-			<div class="p-6 border-t border-border flex justify-between">
-				<button
-					type="button"
-					onclick={onDismiss}
-					class="btn btn-ghost text-muted-foreground hover:text-foreground"
-				>
-					Kein Duplikat
-				</button>
-				<div class="flex gap-3">
-					<button type="button" onclick={onClose} class="btn btn-secondary"> Abbrechen </button>
-					<button
-						type="button"
-						onclick={handleMerge}
-						disabled={!selectedPrimaryId || merging}
-						class="btn btn-primary"
-					>
-						{#if merging}
-							<span class="animate-spin mr-2">⏳</span>
-						{/if}
-						Zusammenführen
-					</button>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.bg-primary-highlight {
-		background-color: hsl(var(--primary) / 0.05);
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/export/ExportModal.svelte b/apps/contacts/apps/web-archived/src/lib/components/export/ExportModal.svelte
deleted file mode 100644
index c8c1f53f0..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/export/ExportModal.svelte
+++ /dev/null
@@ -1,161 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { exportApi, type ExportFormat } from '$lib/api/export';
-	import { ContactsEvents } from '@manacore/shared-utils/analytics';
-	import { X, AddressBook, ChartBar, Upload } from '@manacore/shared-icons';
-
-	interface Props {
-		isOpen: boolean;
-		selectedContactIds?: string[];
-		onClose: () => void;
-	}
-
-	let { isOpen, selectedContactIds = [], onClose }: Props = $props();
-
-	let format = $state<ExportFormat>('vcard');
-	let includeArchived = $state(false);
-	let isExporting = $state(false);
-	let error = $state<string | null>(null);
-
-	async function handleExport() {
-		isExporting = true;
-		error = null;
-
-		try {
-			await exportApi.exportContacts({
-				format,
-				contactIds: selectedContactIds.length > 0 ? selectedContactIds : undefined,
-				includeArchived,
-			});
-			ContactsEvents.contactExported(format as 'csv' | 'vcard');
-			onClose();
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Export fehlgeschlagen';
-		} finally {
-			isExporting = false;
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if isOpen}
-	<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm"
-		onclick={handleBackdropClick}
-	>
-		<div class="bg-card rounded-xl shadow-xl w-full max-w-md p-6 space-y-6">
-			<!-- Header -->
-			<div class="flex items-center justify-between">
-				<h2 class="text-xl font-bold text-foreground">{$_('export.title')}</h2>
-				<button
-					type="button"
-					onclick={onClose}
-					class="text-muted-foreground hover:text-foreground transition-colors"
-				>
-					<X size={24} />
-				</button>
-			</div>
-
-			<!-- Selection Info -->
-			{#if selectedContactIds.length > 0}
-				<div class="bg-primary/10 text-primary rounded-lg p-3 text-sm">
-					{$_('export.selectedCount', { values: { count: selectedContactIds.length } })}
-				</div>
-			{:else}
-				<p class="text-muted-foreground text-sm">{$_('export.allContacts')}</p>
-			{/if}
-
-			<!-- Error -->
-			{#if error}
-				<div class="bg-red-500/10 border border-red-500/20 rounded-lg p-3 text-red-500 text-sm">
-					{error}
-				</div>
-			{/if}
-
-			<!-- Format Selection -->
-			<div class="space-y-3">
-				<label class="block text-sm font-medium text-foreground">{$_('export.format')}</label>
-				<div class="grid grid-cols-2 gap-3">
-					<button
-						type="button"
-						onclick={() => (format = 'vcard')}
-						class="p-4 rounded-lg border-2 transition-colors text-left
-							{format === 'vcard'
-							? 'border-primary bg-primary/10'
-							: 'border-border hover:border-muted-foreground'}"
-					>
-						<div class="flex items-center gap-3">
-							<AddressBook size={32} class="text-primary" />
-							<div>
-								<div class="font-medium text-foreground">vCard</div>
-								<div class="text-xs text-muted-foreground">.vcf</div>
-							</div>
-						</div>
-					</button>
-					<button
-						type="button"
-						onclick={() => (format = 'csv')}
-						class="p-4 rounded-lg border-2 transition-colors text-left
-							{format === 'csv' ? 'border-primary bg-primary/10' : 'border-border hover:border-muted-foreground'}"
-					>
-						<div class="flex items-center gap-3">
-							<ChartBar size={32} class="text-green-500" />
-							<div>
-								<div class="font-medium text-foreground">CSV</div>
-								<div class="text-xs text-muted-foreground">.csv</div>
-							</div>
-						</div>
-					</button>
-				</div>
-			</div>
-
-			<!-- Options -->
-			<div class="space-y-3">
-				<label class="flex items-center gap-3 cursor-pointer">
-					<input
-						type="checkbox"
-						bind:checked={includeArchived}
-						class="w-5 h-5 rounded border-border text-primary focus:ring-primary"
-					/>
-					<span class="text-sm text-foreground">{$_('export.includeArchived')}</span>
-				</label>
-			</div>
-
-			<!-- Actions -->
-			<div class="flex justify-end gap-3 pt-2">
-				<button type="button" onclick={onClose} class="btn btn-secondary">
-					{$_('common.cancel')}
-				</button>
-				<button type="button" onclick={handleExport} disabled={isExporting} class="btn btn-primary">
-					{#if isExporting}
-						<span class="inline-flex items-center gap-2">
-							<span
-								class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"
-							></span>
-							{$_('export.exporting')}
-						</span>
-					{:else}
-						<span class="inline-flex items-center gap-2">
-							<Upload size={20} />
-							{$_('export.button')}
-						</span>
-					{/if}
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/contacts/apps/web-archived/src/lib/components/forms/DateFields.svelte b/apps/contacts/apps/web-archived/src/lib/components/forms/DateFields.svelte
deleted file mode 100644
index 870cc8119..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/forms/DateFields.svelte
+++ /dev/null
@@ -1,320 +0,0 @@
-<script lang="ts">
-	import { CalendarBlank, CaretDown, Cake, Trash, Plus } from '@manacore/shared-icons';
-
-	interface CustomDate {
-		id: string;
-		label: string;
-		date: string;
-	}
-
-	interface Props {
-		birthday: string;
-		customDates: CustomDate[];
-		initiallyOpen?: boolean;
-	}
-
-	let {
-		birthday = $bindable(''),
-		customDates = $bindable([]),
-		initiallyOpen = false,
-	}: Props = $props();
-
-	let isOpen = $state(initiallyOpen);
-
-	// Auto-open if any field has data
-	$effect(() => {
-		if (birthday || customDates.length > 0) {
-			isOpen = true;
-		}
-	});
-
-	function addCustomDate() {
-		customDates = [
-			...customDates,
-			{
-				id: crypto.randomUUID(),
-				label: '',
-				date: '',
-			},
-		];
-	}
-
-	function removeCustomDate(id: string) {
-		customDates = customDates.filter((d) => d.id !== id);
-	}
-
-	function updateCustomDate(id: string, field: 'label' | 'date', value: string) {
-		customDates = customDates.map((d) => (d.id === id ? { ...d, [field]: value } : d));
-	}
-</script>
-
-<section class="form-section">
-	<button
-		type="button"
-		class="section-header section-header-toggle"
-		onclick={() => (isOpen = !isOpen)}
-	>
-		<div class="section-icon">
-			<CalendarBlank size={18} />
-		</div>
-		<h2 class="section-title">Daten</h2>
-		<CaretDown size={20} class="chevron-icon {isOpen ? 'chevron-open' : ''}" />
-	</button>
-	{#if isOpen}
-		<div class="dates-container">
-			<!-- Birthday field -->
-			<div class="form-field birthday-field">
-				<label for="birthday" class="label date-label">
-					<span class="date-icon-label">
-						<Cake size={14} />
-					</span>
-					Geburtstag
-				</label>
-				<input id="birthday" type="date" bind:value={birthday} class="input" />
-			</div>
-
-			<!-- Custom dates -->
-			{#each customDates as customDate (customDate.id)}
-				<div class="custom-date-row">
-					<div class="form-field custom-date-label-field">
-						<label for="custom-label-{customDate.id}" class="label">Bezeichnung</label>
-						<input
-							id="custom-label-{customDate.id}"
-							type="text"
-							value={customDate.label}
-							oninput={(e) => updateCustomDate(customDate.id, 'label', e.currentTarget.value)}
-							class="input"
-							placeholder="z.B. Hochzeitstag, Kennenlerndatum"
-						/>
-					</div>
-					<div class="form-field custom-date-date-field">
-						<label for="custom-date-{customDate.id}" class="label">Datum</label>
-						<input
-							id="custom-date-{customDate.id}"
-							type="date"
-							value={customDate.date}
-							oninput={(e) => updateCustomDate(customDate.id, 'date', e.currentTarget.value)}
-							class="input"
-						/>
-					</div>
-					<button
-						type="button"
-						class="remove-button"
-						onclick={() => removeCustomDate(customDate.id)}
-						aria-label="Datum entfernen"
-					>
-						<Trash size={18} />
-					</button>
-				</div>
-			{/each}
-
-			<!-- Add button -->
-			<button type="button" class="add-button" onclick={addCustomDate}>
-				<Plus size={16} />
-				Datum hinzufügen
-			</button>
-		</div>
-	{/if}
-</section>
-
-<style>
-	.form-section {
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 1rem;
-		padding: 1.25rem;
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding-bottom: 0.75rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		margin-bottom: 0.25rem;
-	}
-
-	.section-header-toggle {
-		cursor: pointer;
-		background: none;
-		border: none;
-		width: 100%;
-		text-align: left;
-		padding: 0;
-		border-bottom: none;
-		margin-bottom: 0;
-	}
-
-	.section-icon {
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-shrink: 0;
-	}
-
-	.section-icon svg {
-		width: 1.125rem;
-		height: 1.125rem;
-	}
-
-	.section-title {
-		font-size: 0.9375rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		flex: 1;
-	}
-
-	.chevron-icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		color: hsl(var(--color-muted-foreground));
-		transition: transform 0.2s ease;
-		flex-shrink: 0;
-	}
-
-	.chevron-open {
-		transform: rotate(180deg);
-	}
-
-	.dates-container {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.form-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.birthday-field {
-		padding-bottom: 1rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.3);
-	}
-
-	.label {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.date-label {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.date-icon-label {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.date-icon-label svg {
-		width: 0.875rem;
-		height: 0.875rem;
-	}
-
-	.custom-date-row {
-		display: grid;
-		grid-template-columns: 1fr 1fr auto;
-		gap: 0.75rem;
-		align-items: end;
-	}
-
-	@media (max-width: 480px) {
-		.custom-date-row {
-			grid-template-columns: 1fr auto;
-		}
-
-		.custom-date-label-field {
-			grid-column: 1 / -1;
-		}
-	}
-
-	.input {
-		width: 100%;
-		padding: 0.75rem 1rem;
-		border: 1.5px solid hsl(var(--color-border));
-		border-radius: 0.625rem;
-		background: hsl(var(--color-input));
-		color: hsl(var(--color-foreground));
-		font-size: 0.9375rem;
-		transition: all 0.2s ease;
-	}
-
-	.input:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary));
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.1);
-	}
-
-	.input::placeholder {
-		color: hsl(var(--color-muted-foreground) / 0.6);
-	}
-
-	.remove-button {
-		width: 2.5rem;
-		height: 2.5rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border: none;
-		border-radius: 0.5rem;
-		background: hsl(var(--color-destructive) / 0.1);
-		color: hsl(var(--color-destructive));
-		cursor: pointer;
-		transition: all 0.2s ease;
-		flex-shrink: 0;
-	}
-
-	.remove-button:hover {
-		background: hsl(var(--color-destructive) / 0.2);
-	}
-
-	.remove-button svg {
-		width: 1.125rem;
-		height: 1.125rem;
-	}
-
-	.add-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.75rem 1rem;
-		border: 1.5px dashed hsl(var(--color-border));
-		border-radius: 0.625rem;
-		background: transparent;
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.add-button:hover {
-		border-color: hsl(var(--color-primary));
-		color: hsl(var(--color-primary));
-		background: hsl(var(--color-primary) / 0.05);
-	}
-
-	.add-button svg {
-		width: 1rem;
-		height: 1rem;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/forms/SocialMediaFields.svelte b/apps/contacts/apps/web-archived/src/lib/components/forms/SocialMediaFields.svelte
deleted file mode 100644
index 1d1c6d229..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/forms/SocialMediaFields.svelte
+++ /dev/null
@@ -1,356 +0,0 @@
-<script lang="ts">
-	import { ChatCircle, CaretDown } from '@manacore/shared-icons';
-
-	interface Props {
-		linkedin: string;
-		twitter: string;
-		facebook: string;
-		instagram: string;
-		xing: string;
-		github: string;
-		youtube: string;
-		tiktok: string;
-		telegram: string;
-		whatsapp: string;
-		signal: string;
-		discord: string;
-		bluesky: string;
-		initiallyOpen?: boolean;
-	}
-
-	let {
-		linkedin = $bindable(''),
-		twitter = $bindable(''),
-		facebook = $bindable(''),
-		instagram = $bindable(''),
-		xing = $bindable(''),
-		github = $bindable(''),
-		youtube = $bindable(''),
-		tiktok = $bindable(''),
-		telegram = $bindable(''),
-		whatsapp = $bindable(''),
-		signal = $bindable(''),
-		discord = $bindable(''),
-		bluesky = $bindable(''),
-		initiallyOpen = false,
-	}: Props = $props();
-
-	let isOpen = $state(initiallyOpen);
-
-	// Auto-open if any field has data
-	$effect(() => {
-		if (
-			linkedin ||
-			twitter ||
-			facebook ||
-			instagram ||
-			xing ||
-			github ||
-			youtube ||
-			tiktok ||
-			telegram ||
-			whatsapp ||
-			signal ||
-			discord ||
-			bluesky
-		) {
-			isOpen = true;
-		}
-	});
-</script>
-
-<section class="form-section">
-	<button
-		type="button"
-		class="section-header section-header-toggle"
-		onclick={() => (isOpen = !isOpen)}
-	>
-		<div class="section-icon">
-			<ChatCircle size={18} />
-		</div>
-		<h2 class="section-title">Social Media</h2>
-		<CaretDown size={20} class="chevron-icon {isOpen ? 'chevron-open' : ''}" />
-	</button>
-	{#if isOpen}
-		<div class="social-grid">
-			<div class="form-field">
-				<label for="linkedin" class="label social-label">
-					<span class="social-icon-label">in</span>
-					LinkedIn
-				</label>
-				<input
-					id="linkedin"
-					type="url"
-					bind:value={linkedin}
-					class="input"
-					placeholder="https://linkedin.com/in/..."
-				/>
-			</div>
-			<div class="form-field">
-				<label for="twitter" class="label social-label">
-					<span class="social-icon-label">X</span>
-					Twitter / X
-				</label>
-				<input
-					id="twitter"
-					type="text"
-					bind:value={twitter}
-					class="input"
-					placeholder="@username"
-				/>
-			</div>
-			<div class="form-field">
-				<label for="facebook" class="label social-label">
-					<span class="social-icon-label">f</span>
-					Facebook
-				</label>
-				<input
-					id="facebook"
-					type="url"
-					bind:value={facebook}
-					class="input"
-					placeholder="https://facebook.com/..."
-				/>
-			</div>
-			<div class="form-field">
-				<label for="instagram" class="label social-label">
-					<span class="social-icon-label">ig</span>
-					Instagram
-				</label>
-				<input
-					id="instagram"
-					type="text"
-					bind:value={instagram}
-					class="input"
-					placeholder="@username"
-				/>
-			</div>
-			<div class="form-field">
-				<label for="xing" class="label social-label">
-					<span class="social-icon-label">xi</span>
-					Xing
-				</label>
-				<input
-					id="xing"
-					type="url"
-					bind:value={xing}
-					class="input"
-					placeholder="https://xing.com/profile/..."
-				/>
-			</div>
-			<div class="form-field">
-				<label for="github" class="label social-label">
-					<span class="social-icon-label">gh</span>
-					GitHub
-				</label>
-				<input id="github" type="text" bind:value={github} class="input" placeholder="username" />
-			</div>
-			<div class="form-field">
-				<label for="youtube" class="label social-label">
-					<span class="social-icon-label">yt</span>
-					YouTube
-				</label>
-				<input
-					id="youtube"
-					type="url"
-					bind:value={youtube}
-					class="input"
-					placeholder="https://youtube.com/@..."
-				/>
-			</div>
-			<div class="form-field">
-				<label for="tiktok" class="label social-label">
-					<span class="social-icon-label">tt</span>
-					TikTok
-				</label>
-				<input id="tiktok" type="text" bind:value={tiktok} class="input" placeholder="@username" />
-			</div>
-			<div class="form-field">
-				<label for="telegram" class="label social-label">
-					<span class="social-icon-label">tg</span>
-					Telegram
-				</label>
-				<input
-					id="telegram"
-					type="text"
-					bind:value={telegram}
-					class="input"
-					placeholder="@username"
-				/>
-			</div>
-			<div class="form-field">
-				<label for="whatsapp" class="label social-label">
-					<span class="social-icon-label">wa</span>
-					WhatsApp
-				</label>
-				<input id="whatsapp" type="tel" bind:value={whatsapp} class="input" placeholder="+49..." />
-			</div>
-			<div class="form-field">
-				<label for="signal" class="label social-label">
-					<span class="social-icon-label">sg</span>
-					Signal
-				</label>
-				<input id="signal" type="tel" bind:value={signal} class="input" placeholder="+49..." />
-			</div>
-			<div class="form-field">
-				<label for="discord" class="label social-label">
-					<span class="social-icon-label">dc</span>
-					Discord
-				</label>
-				<input
-					id="discord"
-					type="text"
-					bind:value={discord}
-					class="input"
-					placeholder="username#1234"
-				/>
-			</div>
-			<div class="form-field">
-				<label for="bluesky" class="label social-label">
-					<span class="social-icon-label">bs</span>
-					Bluesky
-				</label>
-				<input
-					id="bluesky"
-					type="text"
-					bind:value={bluesky}
-					class="input"
-					placeholder="@handle.bsky.social"
-				/>
-			</div>
-		</div>
-	{/if}
-</section>
-
-<style>
-	.form-section {
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 1rem;
-		padding: 1.25rem;
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.section-header {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding-bottom: 0.75rem;
-		border-bottom: 1px solid hsl(var(--color-border) / 0.5);
-		margin-bottom: 0.25rem;
-	}
-
-	.section-header-toggle {
-		cursor: pointer;
-		background: none;
-		border: none;
-		width: 100%;
-		text-align: left;
-		padding: 0;
-		border-bottom: none;
-		margin-bottom: 0;
-	}
-
-	.section-icon {
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: hsl(var(--color-primary) / 0.1);
-		color: hsl(var(--color-primary));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-shrink: 0;
-	}
-
-	.section-icon svg {
-		width: 1.125rem;
-		height: 1.125rem;
-	}
-
-	.section-title {
-		font-size: 0.9375rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		flex: 1;
-	}
-
-	.chevron-icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		color: hsl(var(--color-muted-foreground));
-		transition: transform 0.2s ease;
-		flex-shrink: 0;
-	}
-
-	.chevron-open {
-		transform: rotate(180deg);
-	}
-
-	.social-grid {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 1rem;
-	}
-
-	@media (max-width: 480px) {
-		.social-grid {
-			grid-template-columns: 1fr;
-		}
-	}
-
-	.form-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.label {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.social-label {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.social-icon-label {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border-radius: 0.375rem;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.625rem;
-		font-weight: 700;
-		text-transform: lowercase;
-	}
-
-	.input {
-		width: 100%;
-		padding: 0.75rem 1rem;
-		border: 1.5px solid hsl(var(--color-border));
-		border-radius: 0.625rem;
-		background: hsl(var(--color-input));
-		color: hsl(var(--color-foreground));
-		font-size: 0.9375rem;
-		transition: all 0.2s ease;
-	}
-
-	.input:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary));
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.1);
-	}
-
-	.input::placeholder {
-		color: hsl(var(--color-muted-foreground) / 0.6);
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/import/FileUploader.svelte b/apps/contacts/apps/web-archived/src/lib/components/import/FileUploader.svelte
deleted file mode 100644
index 4de8507a8..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/import/FileUploader.svelte
+++ /dev/null
@@ -1,104 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { CloudArrowUp, File, Table } from '@manacore/shared-icons';
-
-	interface Props {
-		onFileSelect: (file: File) => void;
-		accept?: string;
-		disabled?: boolean;
-	}
-
-	let { onFileSelect, accept = '.vcf,.vcard,.csv', disabled = false }: Props = $props();
-
-	let isDragging = $state(false);
-	let fileInput: HTMLInputElement;
-
-	function handleDragOver(e: DragEvent) {
-		e.preventDefault();
-		if (!disabled) {
-			isDragging = true;
-		}
-	}
-
-	function handleDragLeave(e: DragEvent) {
-		e.preventDefault();
-		isDragging = false;
-	}
-
-	function handleDrop(e: DragEvent) {
-		e.preventDefault();
-		isDragging = false;
-
-		if (disabled) return;
-
-		const files = e.dataTransfer?.files;
-		if (files && files.length > 0) {
-			onFileSelect(files[0]);
-		}
-	}
-
-	function handleFileSelect(e: Event) {
-		const target = e.target as HTMLInputElement;
-		if (target.files && target.files.length > 0) {
-			onFileSelect(target.files[0]);
-			target.value = '';
-		}
-	}
-
-	function handleClick() {
-		if (!disabled) {
-			fileInput.click();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' || e.key === ' ') {
-			e.preventDefault();
-			handleClick();
-		}
-	}
-</script>
-
-<div
-	role="button"
-	tabindex="0"
-	class="border-2 border-dashed rounded-xl p-8 text-center transition-colors cursor-pointer
-		{isDragging ? 'border-primary bg-primary/5' : 'border-border hover:border-primary/50'}
-		{disabled ? 'opacity-50 cursor-not-allowed' : ''}"
-	ondragover={handleDragOver}
-	ondragleave={handleDragLeave}
-	ondrop={handleDrop}
-	onclick={handleClick}
-	onkeydown={handleKeydown}
->
-	<input
-		bind:this={fileInput}
-		type="file"
-		{accept}
-		class="hidden"
-		onchange={handleFileSelect}
-		{disabled}
-	/>
-
-	<div class="flex flex-col items-center gap-4">
-		<div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary">
-			<CloudArrowUp size={32} />
-		</div>
-
-		<div>
-			<p class="text-lg font-medium text-foreground">{$_('import.dropzone.title')}</p>
-			<p class="text-sm text-muted-foreground mt-1">{$_('import.dropzone.subtitle')}</p>
-		</div>
-
-		<div class="flex items-center gap-4 text-sm text-muted-foreground">
-			<span class="flex items-center gap-1">
-				<File size={16} />
-				vCard (.vcf)
-			</span>
-			<span class="flex items-center gap-1">
-				<Table size={16} />
-				CSV (.csv)
-			</span>
-		</div>
-	</div>
-</div>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/import/GoogleImport.svelte b/apps/contacts/apps/web-archived/src/lib/components/import/GoogleImport.svelte
deleted file mode 100644
index 293f3c3e7..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/import/GoogleImport.svelte
+++ /dev/null
@@ -1,389 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import {
-		googleApi,
-		type GoogleContact,
-		type GoogleStatus,
-		type GoogleImportResult,
-	} from '$lib/api/google';
-	// contactsStore removed — live queries auto-update
-	import { GoogleImportSkeleton } from '$lib/components/skeletons';
-	import { ContactsEvents } from '@manacore/shared-utils/analytics';
-	import { Check } from '@manacore/shared-icons';
-
-	type Step = 'connect' | 'select' | 'result';
-
-	let step = $state<Step>('connect');
-	let isLoading = $state(true);
-	let isImporting = $state(false);
-	let error = $state<string | null>(null);
-	let status = $state<GoogleStatus | null>(null);
-	let contacts = $state<GoogleContact[]>([]);
-	let selectedContacts = $state<Set<string>>(new Set());
-	let nextPageToken = $state<string | undefined>(undefined);
-	let result = $state<GoogleImportResult | null>(null);
-
-	// Handle OAuth callback
-	onMount(async () => {
-		const code = $page.url.searchParams.get('code');
-
-		if (code) {
-			try {
-				await googleApi.handleCallback(code);
-				// Remove code from URL
-				goto('/data?tab=import&source=google', { replaceState: true });
-			} catch (e) {
-				error = e instanceof Error ? e.message : 'Failed to connect';
-			}
-		}
-
-		await loadStatus();
-	});
-
-	async function loadStatus() {
-		isLoading = true;
-		error = null;
-
-		try {
-			status = await googleApi.getStatus();
-			if (status.connected) {
-				step = 'select';
-				await loadContacts();
-			} else {
-				step = 'connect';
-			}
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to load status';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function loadContacts(pageToken?: string) {
-		try {
-			const response = await googleApi.fetchContacts(pageToken);
-			if (pageToken) {
-				contacts = [...contacts, ...response.contacts];
-			} else {
-				contacts = response.contacts;
-				// Select all by default
-				selectedContacts = new Set(response.contacts.map((c) => c.resourceName));
-			}
-			nextPageToken = response.nextPageToken;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to load contacts';
-		}
-	}
-
-	async function handleConnect() {
-		try {
-			const url = await googleApi.getAuthUrl();
-			window.location.href = url;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to get auth URL';
-		}
-	}
-
-	async function handleDisconnect() {
-		try {
-			await googleApi.disconnect();
-			status = null;
-			contacts = [];
-			selectedContacts = new Set();
-			step = 'connect';
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to disconnect';
-		}
-	}
-
-	async function handleLoadMore() {
-		if (nextPageToken) {
-			await loadContacts(nextPageToken);
-		}
-	}
-
-	function toggleContact(resourceName: string) {
-		const newSet = new Set(selectedContacts);
-		if (newSet.has(resourceName)) {
-			newSet.delete(resourceName);
-		} else {
-			newSet.add(resourceName);
-		}
-		selectedContacts = newSet;
-	}
-
-	function selectAll() {
-		selectedContacts = new Set(contacts.map((c) => c.resourceName));
-	}
-
-	function deselectAll() {
-		selectedContacts = new Set();
-	}
-
-	async function handleImport() {
-		isImporting = true;
-		error = null;
-
-		try {
-			result = await googleApi.importContacts(Array.from(selectedContacts));
-			step = 'result';
-			ContactsEvents.contactImported('google', result.imported);
-			// Live query auto-updates — no manual reload needed
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to import';
-		} finally {
-			isImporting = false;
-		}
-	}
-
-	function handleDone() {
-		goto('/');
-	}
-
-	function handleImportMore() {
-		step = 'select';
-		result = null;
-		selectedContacts = new Set(contacts.map((c) => c.resourceName));
-	}
-
-	function getContactName(contact: GoogleContact): string {
-		return contact.names?.[0]?.displayName || contact.emailAddresses?.[0]?.value || 'Unknown';
-	}
-
-	function getContactSubtitle(contact: GoogleContact): string {
-		const parts: string[] = [];
-		if (contact.emailAddresses?.[0]?.value) {
-			parts.push(contact.emailAddresses[0].value);
-		}
-		if (contact.organizations?.[0]?.name) {
-			parts.push(contact.organizations[0].name);
-		}
-		return parts.join(' • ');
-	}
-</script>
-
-<div class="space-y-6">
-	{#if error}
-		<div class="bg-red-500/10 border border-red-500/20 rounded-lg p-4 text-red-500">
-			{error}
-		</div>
-	{/if}
-
-	{#if isLoading}
-		<GoogleImportSkeleton />
-	{:else if step === 'connect'}
-		<!-- Connect Step -->
-		<div class="bg-card rounded-xl p-8 text-center space-y-6">
-			<div class="w-20 h-20 mx-auto rounded-full bg-[#4285f4]/10 flex items-center justify-center">
-				<svg class="w-10 h-10" viewBox="0 0 24 24" fill="none">
-					<path
-						d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-						fill="#4285F4"
-					/>
-					<path
-						d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-						fill="#34A853"
-					/>
-					<path
-						d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-						fill="#FBBC05"
-					/>
-					<path
-						d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-						fill="#EA4335"
-					/>
-				</svg>
-			</div>
-
-			<div>
-				<h2 class="text-xl font-bold text-foreground">{$_('google.connect.title')}</h2>
-				<p class="text-muted-foreground mt-2">{$_('google.connect.subtitle')}</p>
-			</div>
-
-			<button type="button" onclick={handleConnect} class="btn btn-primary">
-				{$_('google.connect.button')}
-			</button>
-		</div>
-	{:else if step === 'select'}
-		<!-- Select Step -->
-		<div class="space-y-4">
-			<!-- Connected Account Info -->
-			<div class="bg-card rounded-lg p-4 flex items-center justify-between">
-				<div class="flex items-center gap-3">
-					<div class="w-10 h-10 rounded-full bg-[#4285f4]/10 flex items-center justify-center">
-						<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none">
-							<path
-								d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-								fill="#4285F4"
-							/>
-							<path
-								d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-								fill="#34A853"
-							/>
-							<path
-								d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-								fill="#FBBC05"
-							/>
-							<path
-								d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-								fill="#EA4335"
-							/>
-						</svg>
-					</div>
-					<div>
-						<div class="font-medium text-foreground">{$_('google.connected')}</div>
-						<div class="text-sm text-muted-foreground">{status?.account?.providerEmail || ''}</div>
-					</div>
-				</div>
-				<button
-					type="button"
-					onclick={handleDisconnect}
-					class="text-sm text-red-500 hover:underline"
-				>
-					{$_('google.disconnect')}
-				</button>
-			</div>
-
-			<!-- Contact List -->
-			<div class="bg-card rounded-lg overflow-hidden">
-				<div class="flex items-center justify-between p-4 border-b border-border">
-					<h3 class="font-medium text-foreground">
-						{$_('google.contacts')} ({contacts.length})
-					</h3>
-					<div class="flex gap-2">
-						<button type="button" onclick={selectAll} class="text-sm text-primary hover:underline">
-							{$_('import.preview.selectAll')}
-						</button>
-						<span class="text-muted-foreground">|</span>
-						<button
-							type="button"
-							onclick={deselectAll}
-							class="text-sm text-primary hover:underline"
-						>
-							{$_('import.preview.deselectAll')}
-						</button>
-					</div>
-				</div>
-
-				<div class="max-h-[400px] overflow-y-auto divide-y divide-border">
-					{#each contacts as contact}
-						{@const isSelected = selectedContacts.has(contact.resourceName)}
-
-						<label
-							class="flex items-center gap-4 p-4 hover:bg-muted/50 cursor-pointer transition-colors {!isSelected
-								? 'opacity-50'
-								: ''}"
-						>
-							<input
-								type="checkbox"
-								checked={isSelected}
-								onchange={() => toggleContact(contact.resourceName)}
-								class="w-5 h-5 rounded border-border text-primary focus:ring-primary"
-							/>
-
-							{#if contact.photos?.[0]?.url}
-								<img
-									src={contact.photos[0].url}
-									alt=""
-									class="w-10 h-10 rounded-full object-cover"
-								/>
-							{:else}
-								<div
-									class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary font-medium"
-								>
-									{getContactName(contact).charAt(0).toUpperCase()}
-								</div>
-							{/if}
-
-							<div class="flex-1 min-w-0">
-								<div class="font-medium text-foreground truncate">
-									{getContactName(contact)}
-								</div>
-								<div class="text-sm text-muted-foreground truncate">
-									{getContactSubtitle(contact)}
-								</div>
-							</div>
-						</label>
-					{/each}
-				</div>
-
-				{#if nextPageToken}
-					<div class="p-4 border-t border-border text-center">
-						<button type="button" onclick={handleLoadMore} class="text-primary hover:underline">
-							{$_('google.loadMore')}
-						</button>
-					</div>
-				{/if}
-			</div>
-
-			<!-- Actions -->
-			<div class="flex justify-end gap-3">
-				<button
-					type="button"
-					onclick={handleImport}
-					class="btn btn-primary"
-					disabled={isImporting || selectedContacts.size === 0}
-				>
-					{#if isImporting}
-						<span class="inline-flex items-center gap-2">
-							<span
-								class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"
-							></span>
-							{$_('import.importing')}
-						</span>
-					{:else}
-						{$_('import.preview.importButton', { values: { count: selectedContacts.size } })}
-					{/if}
-				</button>
-			</div>
-		</div>
-	{:else if step === 'result' && result}
-		<!-- Result Step -->
-		<div class="bg-card rounded-xl p-8 text-center space-y-6">
-			<div
-				class="w-20 h-20 mx-auto rounded-full bg-green-500/10 flex items-center justify-center text-green-500"
-			>
-				<Check size={40} />
-			</div>
-
-			<div>
-				<h2 class="text-2xl font-bold text-foreground">{$_('import.result.title')}</h2>
-				<p class="text-muted-foreground mt-2">{$_('import.result.subtitle')}</p>
-			</div>
-
-			<div class="grid grid-cols-2 gap-4 max-w-xs mx-auto">
-				<div class="bg-green-500/10 rounded-lg p-4">
-					<div class="text-3xl font-bold text-green-500">{result.imported}</div>
-					<div class="text-sm text-muted-foreground">{$_('import.result.imported')}</div>
-				</div>
-				<div class="bg-gray-500/10 rounded-lg p-4">
-					<div class="text-3xl font-bold text-gray-500">{result.skipped}</div>
-					<div class="text-sm text-muted-foreground">{$_('import.result.skipped')}</div>
-				</div>
-			</div>
-
-			{#if result.errors.length > 0}
-				<div class="bg-red-500/10 border border-red-500/20 rounded-lg p-4 text-left">
-					<h3 class="font-medium text-red-500 mb-2">{$_('import.result.errors')}</h3>
-					<ul class="text-sm text-red-400 space-y-1">
-						{#each result.errors as err}
-							<li>{err.error}</li>
-						{/each}
-					</ul>
-				</div>
-			{/if}
-
-			<div class="flex justify-center gap-3">
-				<button type="button" onclick={handleImportMore} class="btn btn-secondary">
-					{$_('import.result.importMore')}
-				</button>
-				<button type="button" onclick={handleDone} class="btn btn-primary">
-					{$_('import.result.done')}
-				</button>
-			</div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/import/ImportPreview.svelte b/apps/contacts/apps/web-archived/src/lib/components/import/ImportPreview.svelte
deleted file mode 100644
index 9bbee58c7..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/import/ImportPreview.svelte
+++ /dev/null
@@ -1,206 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import type {
-		ParsedContact,
-		DuplicateInfo,
-		DuplicateAction,
-		ImportPreviewResponse,
-	} from '$lib/api/import';
-
-	interface Props {
-		preview: ImportPreviewResponse;
-		onImport: (duplicateAction: DuplicateAction, skipIndices: number[]) => void;
-		onCancel: () => void;
-		isImporting?: boolean;
-	}
-
-	let { preview, onImport, onCancel, isImporting = false }: Props = $props();
-
-	let duplicateAction = $state<DuplicateAction>('skip');
-	let selectedContacts = $state<Set<number>>(new Set(preview.contacts.map((_, i) => i)));
-
-	// Create a lookup for duplicates by index
-	const duplicatesByIndex = $derived(new Map(preview.duplicates.map((d) => [d.importIndex, d])));
-
-	function toggleContact(index: number) {
-		const newSet = new Set(selectedContacts);
-		if (newSet.has(index)) {
-			newSet.delete(index);
-		} else {
-			newSet.add(index);
-		}
-		selectedContacts = newSet;
-	}
-
-	function selectAll() {
-		selectedContacts = new Set(preview.contacts.map((_, i) => i));
-	}
-
-	function deselectAll() {
-		selectedContacts = new Set();
-	}
-
-	function handleImport() {
-		const skipIndices = preview.contacts.map((_, i) => i).filter((i) => !selectedContacts.has(i));
-		onImport(duplicateAction, skipIndices);
-	}
-
-	function getContactName(contact: ParsedContact): string {
-		if (contact.displayName) return contact.displayName;
-		if (contact.firstName || contact.lastName) {
-			return [contact.firstName, contact.lastName].filter(Boolean).join(' ');
-		}
-		return contact.email || 'Unbekannt';
-	}
-
-	function getContactSubtitle(contact: ParsedContact): string {
-		const parts: string[] = [];
-		if (contact.email) parts.push(contact.email);
-		if (contact.company) parts.push(contact.company);
-		return parts.join(' • ') || '';
-	}
-</script>
-
-<div class="space-y-6">
-	<!-- Summary -->
-	<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-		<div class="bg-card rounded-lg p-4 text-center">
-			<div class="text-3xl font-bold text-foreground">{preview.totalParsed}</div>
-			<div class="text-sm text-muted-foreground">{$_('import.preview.total')}</div>
-		</div>
-		<div class="bg-card rounded-lg p-4 text-center">
-			<div class="text-3xl font-bold text-green-500">{preview.validCount}</div>
-			<div class="text-sm text-muted-foreground">{$_('import.preview.valid')}</div>
-		</div>
-		<div class="bg-card rounded-lg p-4 text-center">
-			<div class="text-3xl font-bold text-yellow-500">{preview.duplicates.length}</div>
-			<div class="text-sm text-muted-foreground">{$_('import.preview.duplicates')}</div>
-		</div>
-		<div class="bg-card rounded-lg p-4 text-center">
-			<div class="text-3xl font-bold text-primary">{selectedContacts.size}</div>
-			<div class="text-sm text-muted-foreground">{$_('import.preview.selected')}</div>
-		</div>
-	</div>
-
-	<!-- Errors -->
-	{#if preview.errors.length > 0}
-		<div class="bg-red-500/10 border border-red-500/20 rounded-lg p-4">
-			<h3 class="font-medium text-red-500 mb-2">{$_('import.preview.errors')}</h3>
-			<ul class="text-sm text-red-400 space-y-1">
-				{#each preview.errors as error}
-					<li>{error}</li>
-				{/each}
-			</ul>
-		</div>
-	{/if}
-
-	<!-- Duplicate handling -->
-	{#if preview.duplicates.length > 0}
-		<div class="bg-card rounded-lg p-4">
-			<h3 class="font-medium text-foreground mb-3">{$_('import.preview.duplicateHandling')}</h3>
-			<div class="flex flex-wrap gap-3">
-				<label
-					class="flex items-center gap-2 px-4 py-2 rounded-lg border cursor-pointer transition-colors
-						{duplicateAction === 'skip' ? 'border-primary bg-primary/10' : 'border-border'}"
-				>
-					<input type="radio" bind:group={duplicateAction} value="skip" class="sr-only" />
-					<span class="text-foreground">{$_('import.preview.skip')}</span>
-				</label>
-				<label
-					class="flex items-center gap-2 px-4 py-2 rounded-lg border cursor-pointer transition-colors
-						{duplicateAction === 'merge' ? 'border-primary bg-primary/10' : 'border-border'}"
-				>
-					<input type="radio" bind:group={duplicateAction} value="merge" class="sr-only" />
-					<span class="text-foreground">{$_('import.preview.merge')}</span>
-				</label>
-				<label
-					class="flex items-center gap-2 px-4 py-2 rounded-lg border cursor-pointer transition-colors
-						{duplicateAction === 'create' ? 'border-primary bg-primary/10' : 'border-border'}"
-				>
-					<input type="radio" bind:group={duplicateAction} value="create" class="sr-only" />
-					<span class="text-foreground">{$_('import.preview.create')}</span>
-				</label>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Contact list -->
-	<div class="bg-card rounded-lg overflow-hidden">
-		<div class="flex items-center justify-between p-4 border-b border-border">
-			<h3 class="font-medium text-foreground">{$_('import.preview.contacts')}</h3>
-			<div class="flex gap-2">
-				<button type="button" onclick={selectAll} class="text-sm text-primary hover:underline">
-					{$_('import.preview.selectAll')}
-				</button>
-				<span class="text-muted-foreground">|</span>
-				<button type="button" onclick={deselectAll} class="text-sm text-primary hover:underline">
-					{$_('import.preview.deselectAll')}
-				</button>
-			</div>
-		</div>
-
-		<div class="max-h-[400px] overflow-y-auto divide-y divide-border">
-			{#each preview.contacts as contact, index}
-				{@const duplicate = duplicatesByIndex.get(index)}
-				{@const isSelected = selectedContacts.has(index)}
-
-				<label
-					class="flex items-center gap-4 p-4 hover:bg-muted/50 cursor-pointer transition-colors
-						{!isSelected ? 'opacity-50' : ''}"
-				>
-					<input
-						type="checkbox"
-						checked={isSelected}
-						onchange={() => toggleContact(index)}
-						class="w-5 h-5 rounded border-border text-primary focus:ring-primary"
-					/>
-
-					<div class="flex-1 min-w-0">
-						<div class="flex items-center gap-2">
-							<span class="font-medium text-foreground truncate">
-								{getContactName(contact)}
-							</span>
-							{#if duplicate}
-								<span class="text-xs px-2 py-0.5 rounded-full bg-yellow-500/10 text-yellow-500">
-									{$_('import.preview.duplicateTag')}
-								</span>
-							{/if}
-						</div>
-						<div class="text-sm text-muted-foreground truncate">
-							{getContactSubtitle(contact)}
-						</div>
-						{#if duplicate}
-							<div class="text-xs text-yellow-500 mt-1">
-								{$_('import.preview.matchesWith')} "{duplicate.existingContactName}" ({duplicate.matchField}:
-								{duplicate.matchValue})
-							</div>
-						{/if}
-					</div>
-				</label>
-			{/each}
-		</div>
-	</div>
-
-	<!-- Actions -->
-	<div class="flex justify-end gap-3">
-		<button type="button" onclick={onCancel} class="btn btn-secondary" disabled={isImporting}>
-			{$_('common.cancel')}
-		</button>
-		<button
-			type="button"
-			onclick={handleImport}
-			class="btn btn-primary"
-			disabled={isImporting || selectedContacts.size === 0}
-		>
-			{#if isImporting}
-				<span class="inline-flex items-center gap-2">
-					<span class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"
-					></span>
-					{$_('import.importing')}
-				</span>
-			{:else}
-				{$_('import.preview.importButton', { values: { count: selectedContacts.size } })}
-			{/if}
-		</button>
-	</div>
-</div>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactCardSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactCardSkeleton.svelte
deleted file mode 100644
index 2d3430e1c..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactCardSkeleton.svelte
+++ /dev/null
@@ -1,70 +0,0 @@
-<script lang="ts">
-	/**
-	 * ContactCardSkeleton - Skeleton for a single contact grid card
-	 * Matches the layout of ContactGridView.svelte
-	 */
-
-	import { SkeletonBox, SkeletonAvatar } from '@manacore/shared-ui';
-
-	interface Props {
-		/** Opacity for fade effect */
-		opacity?: number;
-	}
-
-	let { opacity = 1 }: Props = $props();
-</script>
-
-<div class="contact-card-skeleton" style="opacity: {opacity};" role="status" aria-label="Laden...">
-	<!-- Favorite button placeholder (top right) -->
-	<div class="absolute top-3 right-3">
-		<SkeletonBox width="24px" height="24px" borderRadius="50%" />
-	</div>
-
-	<!-- Avatar -->
-	<SkeletonAvatar size="100px" />
-
-	<!-- Contact Info -->
-	<div class="w-full space-y-2 mt-4 text-center">
-		<!-- Name -->
-		<div class="flex justify-center">
-			<SkeletonBox width="70%" height="18px" />
-		</div>
-		<!-- Job Title -->
-		<div class="flex justify-center">
-			<SkeletonBox width="50%" height="14px" />
-		</div>
-		<!-- Company -->
-		<div class="flex justify-center">
-			<SkeletonBox width="40%" height="12px" />
-		</div>
-	</div>
-
-	<!-- Quick Actions -->
-	<div class="grid-actions">
-		<SkeletonBox width="40px" height="40px" borderRadius="50%" />
-		<SkeletonBox width="40px" height="40px" borderRadius="50%" />
-	</div>
-</div>
-
-<style>
-	.contact-card-skeleton {
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 1.5rem 1rem;
-		background-color: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-lg);
-	}
-
-	.grid-actions {
-		display: flex;
-		gap: 0.5rem;
-		margin-top: 1rem;
-		padding-top: 1rem;
-		border-top: 1px solid hsl(var(--border));
-		width: 100%;
-		justify-content: center;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactDetailSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactDetailSkeleton.svelte
deleted file mode 100644
index 96318820b..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactDetailSkeleton.svelte
+++ /dev/null
@@ -1,171 +0,0 @@
-<script lang="ts">
-	/**
-	 * ContactDetailSkeleton - Skeleton for contact detail modal loading
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="contact-detail-skeleton" role="status" aria-label="Kontakt wird geladen...">
-	<!-- Profile Header -->
-	<div class="profile-header">
-		<div class="avatar-wrapper">
-			<SkeletonBox width="100px" height="100px" borderRadius="50%" />
-		</div>
-		<SkeletonBox width="180px" height="24px" />
-		<SkeletonBox width="140px" height="16px" />
-	</div>
-
-	<!-- Quick Actions -->
-	<div class="quick-actions">
-		{#each Array(3) as _}
-			<div class="quick-action-skeleton">
-				<SkeletonBox width="40px" height="40px" borderRadius="50%" />
-				<SkeletonBox width="48px" height="12px" />
-			</div>
-		{/each}
-	</div>
-
-	<!-- Details Sections -->
-	<div class="details-container">
-		<!-- Contact Section -->
-		<div class="detail-section">
-			<div class="section-header-skeleton">
-				<SkeletonBox width="28px" height="28px" borderRadius="6px" />
-				<SkeletonBox width="80px" height="16px" />
-			</div>
-			<div class="detail-items">
-				{#each Array(3) as _, i}
-					<div class="detail-item" style="opacity: {Math.max(0.5, 1 - i * 0.15)};">
-						<div class="detail-content">
-							<SkeletonBox width="50px" height="12px" />
-							<SkeletonBox width="65%" height="16px" />
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-
-		<!-- Work Section -->
-		<div class="detail-section">
-			<div class="section-header-skeleton">
-				<SkeletonBox width="28px" height="28px" borderRadius="6px" />
-				<SkeletonBox width="60px" height="16px" />
-			</div>
-			<div class="detail-items">
-				{#each Array(2) as _, i}
-					<div class="detail-item" style="opacity: {Math.max(0.5, 1 - i * 0.2)};">
-						<div class="detail-content">
-							<SkeletonBox width="45px" height="12px" />
-							<SkeletonBox width="55%" height="16px" />
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-
-		<!-- Address Section -->
-		<div class="detail-section">
-			<div class="section-header-skeleton">
-				<SkeletonBox width="28px" height="28px" borderRadius="6px" />
-				<SkeletonBox width="70px" height="16px" />
-			</div>
-			<div class="address-skeleton">
-				<SkeletonBox width="75%" height="16px" />
-				<SkeletonBox width="50%" height="16px" />
-				<SkeletonBox width="40%" height="16px" />
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	.contact-detail-skeleton {
-		display: flex;
-		flex-direction: column;
-	}
-
-	.profile-header {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 1.5rem 0;
-		gap: 0.75rem;
-	}
-
-	.avatar-wrapper {
-		margin-bottom: 0.5rem;
-	}
-
-	.quick-actions {
-		display: flex;
-		justify-content: center;
-		gap: 1.5rem;
-		padding-bottom: 1.25rem;
-		margin-bottom: 0.5rem;
-		border-bottom: 1px solid hsl(var(--border));
-	}
-
-	.quick-action-skeleton {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.375rem;
-	}
-
-	.details-container {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.detail-section {
-		background: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.875rem;
-		padding: 1rem;
-	}
-
-	.section-header-skeleton {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding-bottom: 0.625rem;
-		border-bottom: 1px solid hsl(var(--border) / 0.5);
-		margin-bottom: 0.625rem;
-	}
-
-	.detail-items {
-		display: flex;
-		flex-direction: column;
-	}
-
-	.detail-item {
-		padding: 0.5rem 0;
-		border-bottom: 1px solid hsl(var(--border) / 0.3);
-	}
-
-	.detail-item:last-child {
-		border-bottom: none;
-		padding-bottom: 0;
-	}
-
-	.detail-item:first-child {
-		padding-top: 0;
-	}
-
-	.detail-content {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.address-skeleton {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		padding: 0.625rem 0.875rem;
-		background: hsl(var(--muted) / 0.5);
-		border-radius: 0.5rem;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactGridSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactGridSkeleton.svelte
deleted file mode 100644
index 45dbafe9b..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactGridSkeleton.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts">
-	/**
-	 * ContactGridSkeleton - Skeleton for the contact grid view
-	 * Shows multiple ContactCardSkeleton with cascading fade effect
-	 */
-
-	import ContactCardSkeleton from './ContactCardSkeleton.svelte';
-	import { calculateFadeOpacity } from '@manacore/shared-ui';
-
-	interface Props {
-		/** Number of skeleton cards to show */
-		count?: number;
-		/** Apply cascading fade effect */
-		fadeEffect?: boolean;
-		/** Minimum opacity for fade effect */
-		minOpacity?: number;
-	}
-
-	let { count = 8, fadeEffect = true, minOpacity = 0.4 }: Props = $props();
-</script>
-
-<div class="contact-grid-skeleton" role="status" aria-label="Kontakte werden geladen...">
-	{#each Array(count) as _, i}
-		<ContactCardSkeleton opacity={fadeEffect ? calculateFadeOpacity(i, count, minOpacity) : 1} />
-	{/each}
-</div>
-
-<style>
-	.contact-grid-skeleton {
-		display: grid;
-		grid-template-columns: repeat(1, 1fr);
-		gap: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.contact-grid-skeleton {
-			grid-template-columns: repeat(2, 1fr);
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.contact-grid-skeleton {
-			grid-template-columns: repeat(3, 1fr);
-		}
-	}
-
-	@media (min-width: 1280px) {
-		.contact-grid-skeleton {
-			grid-template-columns: repeat(4, 1fr);
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactListSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactListSkeleton.svelte
deleted file mode 100644
index 44ee44773..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactListSkeleton.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	/**
-	 * ContactListSkeleton - Skeleton for the contact list view
-	 * Shows multiple ContactRowSkeleton with cascading fade effect
-	 */
-
-	import ContactRowSkeleton from './ContactRowSkeleton.svelte';
-	import { calculateFadeOpacity } from '@manacore/shared-ui';
-
-	interface Props {
-		/** Number of skeleton rows to show */
-		count?: number;
-		/** Apply cascading fade effect */
-		fadeEffect?: boolean;
-		/** Minimum opacity for fade effect */
-		minOpacity?: number;
-	}
-
-	let { count = 8, fadeEffect = true, minOpacity = 0.3 }: Props = $props();
-</script>
-
-<div class="space-y-2" role="status" aria-label="Kontakte werden geladen...">
-	{#each Array(count) as _, i}
-		<ContactRowSkeleton opacity={fadeEffect ? calculateFadeOpacity(i, count, minOpacity) : 1} />
-	{/each}
-</div>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactNotesSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactNotesSkeleton.svelte
deleted file mode 100644
index 6ebee670b..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactNotesSkeleton.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-	/**
-	 * ContactNotesSkeleton - Skeleton for contact notes loading
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="notes-skeleton" role="status" aria-label="Notizen werden geladen...">
-	{#each Array(3) as _, i}
-		<div class="note-item" style="opacity: {Math.max(0.4, 1 - i * 0.25)};">
-			<div class="note-content">
-				<SkeletonBox width="85%" height="14px" />
-				<SkeletonBox width="60%" height="14px" />
-			</div>
-			<SkeletonBox width="50px" height="12px" />
-		</div>
-	{/each}
-</div>
-
-<style>
-	.notes-skeleton {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.note-item {
-		padding: 0.75rem;
-		background: hsl(var(--muted) / 0.3);
-		border-radius: 0.5rem;
-	}
-
-	.note-content {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactRowSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactRowSkeleton.svelte
deleted file mode 100644
index 58fb5d938..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ContactRowSkeleton.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-	/**
-	 * ContactRowSkeleton - Skeleton for a single contact list row
-	 * Matches the layout of ContactListView.svelte
-	 */
-
-	import { SkeletonBox, SkeletonAvatar } from '@manacore/shared-ui';
-
-	interface Props {
-		/** Opacity for fade effect */
-		opacity?: number;
-	}
-
-	let { opacity = 1 }: Props = $props();
-</script>
-
-<div class="contact-row-skeleton" style="opacity: {opacity};" role="status" aria-label="Laden...">
-	<!-- Avatar -->
-	<SkeletonAvatar size="48px" />
-
-	<!-- Contact Info -->
-	<div class="flex-1 min-w-0 space-y-1.5">
-		<!-- Name -->
-		<SkeletonBox width="55%" height="18px" />
-		<!-- Job/Company -->
-		<SkeletonBox width="40%" height="14px" />
-		<!-- Email -->
-		<SkeletonBox width="65%" height="14px" />
-	</div>
-
-	<!-- Favorite button placeholder -->
-	<SkeletonBox width="36px" height="36px" borderRadius="50%" />
-</div>
-
-<style>
-	.contact-row-skeleton {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 0.75rem 1rem;
-		background-color: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-lg);
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/DuplicateGroupSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/DuplicateGroupSkeleton.svelte
deleted file mode 100644
index bac423136..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/DuplicateGroupSkeleton.svelte
+++ /dev/null
@@ -1,89 +0,0 @@
-<script lang="ts">
-	/**
-	 * DuplicateGroupSkeleton - Skeleton for a duplicate group card
-	 * Matches the duplicates page layout
-	 */
-
-	import { SkeletonBox, SkeletonAvatar } from '@manacore/shared-ui';
-
-	interface Props {
-		/** Number of contact placeholders to show */
-		contactCount?: number;
-		/** Opacity for fade effect */
-		opacity?: number;
-	}
-
-	let { contactCount = 3, opacity = 1 }: Props = $props();
-</script>
-
-<div
-	class="duplicate-group-skeleton"
-	style="opacity: {opacity};"
-	role="status"
-	aria-label="Laden..."
->
-	<!-- Group header -->
-	<div class="group-header">
-		<div class="flex items-center gap-3">
-			<SkeletonBox width="40px" height="40px" borderRadius="8px" />
-			<div class="space-y-2">
-				<SkeletonBox width="200px" height="16px" />
-				<SkeletonBox width="140px" height="14px" />
-			</div>
-		</div>
-		<SkeletonBox width="120px" height="36px" borderRadius="8px" />
-	</div>
-
-	<!-- Contacts preview -->
-	<div class="group-content">
-		<div class="contacts-grid">
-			{#each Array(contactCount) as _, i}
-				<div class="contact-preview">
-					<SkeletonAvatar size="40px" />
-					<div class="space-y-1.5 flex-1 min-w-0">
-						<SkeletonBox width="70%" height="14px" />
-						<SkeletonBox width="50%" height="12px" />
-					</div>
-				</div>
-			{/each}
-		</div>
-	</div>
-</div>
-
-<style>
-	.duplicate-group-skeleton {
-		background-color: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-lg);
-		overflow: hidden;
-	}
-
-	.group-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem;
-		border-bottom: 1px solid hsl(var(--border));
-		background: hsl(var(--muted) / 0.3);
-	}
-
-	.group-content {
-		padding: 1rem;
-	}
-
-	.contacts-grid {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 1rem;
-	}
-
-	.contact-preview {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		background: hsl(var(--muted) / 0.2);
-		border-radius: 0.5rem;
-		padding: 0.75rem;
-		min-width: 200px;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/DuplicateListSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/DuplicateListSkeleton.svelte
deleted file mode 100644
index bcc993d15..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/DuplicateListSkeleton.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script lang="ts">
-	/**
-	 * DuplicateListSkeleton - Skeleton for the duplicates page
-	 * Shows stats cards and duplicate groups with fade effect
-	 */
-
-	import { SkeletonBox, calculateFadeOpacity } from '@manacore/shared-ui';
-	import DuplicateGroupSkeleton from './DuplicateGroupSkeleton.svelte';
-
-	interface Props {
-		/** Number of duplicate groups to show */
-		count?: number;
-		/** Apply cascading fade effect */
-		fadeEffect?: boolean;
-		/** Minimum opacity for fade effect */
-		minOpacity?: number;
-	}
-
-	let { count = 3, fadeEffect = true, minOpacity = 0.4 }: Props = $props();
-</script>
-
-<div class="space-y-6" role="status" aria-label="Duplikate werden geladen...">
-	<!-- Stats skeleton -->
-	<div class="stats-grid">
-		{#each Array(3) as _}
-			<div class="stat-card">
-				<SkeletonBox width="60px" height="28px" />
-				<SkeletonBox width="100px" height="14px" />
-			</div>
-		{/each}
-	</div>
-
-	<!-- Duplicate groups skeleton -->
-	<div class="space-y-4">
-		{#each Array(count) as _, i}
-			<DuplicateGroupSkeleton
-				contactCount={2 + (i % 2)}
-				opacity={fadeEffect ? calculateFadeOpacity(i, count, minOpacity) : 1}
-			/>
-		{/each}
-	</div>
-</div>
-
-<style>
-	.stats-grid {
-		display: grid;
-		grid-template-columns: repeat(1, 1fr);
-		gap: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.stats-grid {
-			grid-template-columns: repeat(3, 1fr);
-		}
-	}
-
-	.stat-card {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		padding: 1rem;
-		background-color: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-lg);
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/GoogleImportSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/GoogleImportSkeleton.svelte
deleted file mode 100644
index 35305687c..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/GoogleImportSkeleton.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-	/**
-	 * GoogleImportSkeleton - Skeleton for Google contacts loading
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="space-y-6" role="status" aria-label="Google-Kontakte werden geladen...">
-	<!-- Connected Account Card Skeleton -->
-	<div class="bg-card rounded-lg p-4 flex items-center justify-between">
-		<div class="flex items-center gap-3">
-			<SkeletonBox width="40px" height="40px" borderRadius="50%" />
-			<div class="flex flex-col gap-2">
-				<SkeletonBox width="120px" height="16px" />
-				<SkeletonBox width="180px" height="14px" />
-			</div>
-		</div>
-		<SkeletonBox width="80px" height="14px" />
-	</div>
-
-	<!-- Contact List Skeleton -->
-	<div class="bg-card rounded-lg overflow-hidden">
-		<div class="flex items-center justify-between p-4 border-b border-border">
-			<SkeletonBox width="140px" height="18px" />
-			<div class="flex gap-2 items-center">
-				<SkeletonBox width="60px" height="14px" />
-				<span class="text-muted-foreground">|</span>
-				<SkeletonBox width="70px" height="14px" />
-			</div>
-		</div>
-
-		<div class="divide-y divide-border">
-			{#each Array(6) as _, i}
-				<div class="flex items-center gap-4 p-4" style="opacity: {Math.max(0.3, 1 - i * 0.12)};">
-					<SkeletonBox width="20px" height="20px" borderRadius="4px" />
-					<SkeletonBox width="40px" height="40px" borderRadius="50%" />
-					<div class="flex-1 flex flex-col gap-2">
-						<SkeletonBox width="50%" height="16px" />
-						<SkeletonBox width="65%" height="14px" />
-					</div>
-				</div>
-			{/each}
-		</div>
-	</div>
-
-	<!-- Action Button Skeleton -->
-	<div class="flex justify-end">
-		<SkeletonBox width="160px" height="42px" borderRadius="8px" />
-	</div>
-</div>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ImportPreviewSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/ImportPreviewSkeleton.svelte
deleted file mode 100644
index d62e68f64..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/ImportPreviewSkeleton.svelte
+++ /dev/null
@@ -1,118 +0,0 @@
-<script lang="ts">
-	/**
-	 * ImportPreviewSkeleton - Skeleton for file processing/preview loading
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="import-preview-skeleton" role="status" aria-label="Datei wird verarbeitet...">
-	<!-- Header stats -->
-	<div class="stats-row">
-		{#each Array(3) as _}
-			<div class="stat-card">
-				<SkeletonBox width="48px" height="32px" />
-				<SkeletonBox width="80px" height="14px" />
-			</div>
-		{/each}
-	</div>
-
-	<!-- Preview list -->
-	<div class="preview-list">
-		<div class="list-header">
-			<SkeletonBox width="150px" height="20px" />
-			<SkeletonBox width="100px" height="14px" />
-		</div>
-
-		<div class="list-items">
-			{#each Array(5) as _, i}
-				<div class="list-item" style="opacity: {Math.max(0.3, 1 - i * 0.15)};">
-					<SkeletonBox width="20px" height="20px" borderRadius="4px" />
-					<div class="item-content">
-						<SkeletonBox width="45%" height="16px" />
-						<SkeletonBox width="60%" height="14px" />
-					</div>
-					<SkeletonBox width="60px" height="24px" borderRadius="12px" />
-				</div>
-			{/each}
-		</div>
-	</div>
-
-	<!-- Action buttons -->
-	<div class="actions">
-		<SkeletonBox width="100px" height="40px" borderRadius="8px" />
-		<SkeletonBox width="140px" height="40px" borderRadius="8px" />
-	</div>
-</div>
-
-<style>
-	.import-preview-skeleton {
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	.stats-row {
-		display: grid;
-		grid-template-columns: repeat(3, 1fr);
-		gap: 1rem;
-	}
-
-	.stat-card {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 1rem;
-		background: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-lg);
-	}
-
-	.preview-list {
-		background: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-lg);
-		overflow: hidden;
-	}
-
-	.list-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem;
-		border-bottom: 1px solid hsl(var(--border));
-		background: hsl(var(--muted) / 0.3);
-	}
-
-	.list-items {
-		padding: 0.5rem;
-	}
-
-	.list-item {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem;
-		border-radius: 0.5rem;
-	}
-
-	.item-content {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.actions {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.75rem;
-	}
-
-	@media (max-width: 640px) {
-		.stats-row {
-			grid-template-columns: 1fr;
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/TagCardSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/TagCardSkeleton.svelte
deleted file mode 100644
index 09ff2e540..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/TagCardSkeleton.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	/**
-	 * TagCardSkeleton - Skeleton for a single tag card
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-
-	interface Props {
-		/** Opacity for fade effect */
-		opacity?: number;
-	}
-
-	let { opacity = 1 }: Props = $props();
-</script>
-
-<div class="tag-card-skeleton" style="opacity: {opacity};" role="status" aria-label="Laden...">
-	<!-- Color dot + Name -->
-	<div class="flex items-center gap-3">
-		<SkeletonBox width="12px" height="12px" borderRadius="50%" />
-		<SkeletonBox width="60%" height="18px" />
-	</div>
-
-	<!-- Contact count -->
-	<div class="mt-2">
-		<SkeletonBox width="40%" height="14px" />
-	</div>
-</div>
-
-<style>
-	.tag-card-skeleton {
-		padding: 1rem;
-		background-color: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-lg);
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/TagGridSkeleton.svelte b/apps/contacts/apps/web-archived/src/lib/components/skeletons/TagGridSkeleton.svelte
deleted file mode 100644
index 7f77bd949..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/TagGridSkeleton.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-	/**
-	 * TagGridSkeleton - Skeleton for the tags grid
-	 */
-
-	import TagCardSkeleton from './TagCardSkeleton.svelte';
-	import { calculateFadeOpacity } from '@manacore/shared-ui';
-
-	interface Props {
-		/** Number of skeleton cards to show */
-		count?: number;
-		/** Apply cascading fade effect */
-		fadeEffect?: boolean;
-		/** Minimum opacity for fade effect */
-		minOpacity?: number;
-	}
-
-	let { count = 6, fadeEffect = true, minOpacity = 0.4 }: Props = $props();
-</script>
-
-<div class="tag-grid-skeleton" role="status" aria-label="Tags werden geladen...">
-	{#each Array(count) as _, i}
-		<TagCardSkeleton opacity={fadeEffect ? calculateFadeOpacity(i, count, minOpacity) : 1} />
-	{/each}
-</div>
-
-<style>
-	.tag-grid-skeleton {
-		display: grid;
-		grid-template-columns: repeat(1, 1fr);
-		gap: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.tag-grid-skeleton {
-			grid-template-columns: repeat(2, 1fr);
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.tag-grid-skeleton {
-			grid-template-columns: repeat(3, 1fr);
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/skeletons/index.ts b/apps/contacts/apps/web-archived/src/lib/components/skeletons/index.ts
deleted file mode 100644
index 0b5033c97..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/skeletons/index.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * Contacts App Skeleton Components
- *
- * App-specific skeleton loaders that match the exact layout of contact components.
- * Built on top of @manacore/shared-ui skeleton primitives.
- */
-
-// Utilities (re-exported from shared-ui)
-export { calculateFadeOpacity } from '@manacore/shared-ui';
-
-// Contact List/Grid Skeletons
-export { default as ContactRowSkeleton } from './ContactRowSkeleton.svelte';
-export { default as ContactListSkeleton } from './ContactListSkeleton.svelte';
-export { default as ContactCardSkeleton } from './ContactCardSkeleton.svelte';
-export { default as ContactGridSkeleton } from './ContactGridSkeleton.svelte';
-
-// Tag Skeletons
-export { default as TagCardSkeleton } from './TagCardSkeleton.svelte';
-export { default as TagGridSkeleton } from './TagGridSkeleton.svelte';
-
-// Duplicate Skeletons
-export { default as DuplicateGroupSkeleton } from './DuplicateGroupSkeleton.svelte';
-export { default as DuplicateListSkeleton } from './DuplicateListSkeleton.svelte';
-
-// App Loading Skeleton (from shared-ui)
-export { AppLoadingSkeleton } from '@manacore/shared-ui';
-
-// Import Preview Skeleton
-export { default as ImportPreviewSkeleton } from './ImportPreviewSkeleton.svelte';
-
-// Google Import Skeleton
-export { default as GoogleImportSkeleton } from './GoogleImportSkeleton.svelte';
-
-// Contact Detail Skeleton
-export { default as ContactDetailSkeleton } from './ContactDetailSkeleton.svelte';
-
-// Contact Notes Skeleton
-export { default as ContactNotesSkeleton } from './ContactNotesSkeleton.svelte';
diff --git a/apps/contacts/apps/web-archived/src/lib/components/views/ContactAlphabetView.svelte b/apps/contacts/apps/web-archived/src/lib/components/views/ContactAlphabetView.svelte
deleted file mode 100644
index bb95412b4..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/views/ContactAlphabetView.svelte
+++ /dev/null
@@ -1,862 +0,0 @@
-<script lang="ts">
-	import {
-		Plus,
-		Check,
-		Heart,
-		HeartBreak,
-		Phone,
-		Envelope,
-		TextAa,
-		CaretDown,
-		ArrowSquareOut,
-		Trash,
-	} from '@manacore/shared-icons';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import { _ } from 'svelte-i18n';
-	import type { Contact } from '$lib/api/contacts';
-	import { getDisplayName, getInitials } from '$lib/utils/contact-display';
-	import type { SortField } from '$lib/components/SortToggle.svelte';
-	import { newContactModalStore } from '$lib/stores/new-contact-modal.svelte';
-	import { contactsFilterStore } from '$lib/stores/filter.svelte';
-	import { contactsSettings } from '$lib/stores/settings.svelte';
-	import { contactsStore } from '$lib/stores/contacts.svelte';
-	import AlphabetNavContextMenu from '$lib/components/AlphabetNavContextMenu.svelte';
-
-	interface Props {
-		contacts: Contact[];
-		onContactClick: (id: string) => void;
-		onToggleFavorite: (e: MouseEvent, id: string) => void;
-		onDeleteContact?: (id: string) => void;
-		selectionMode?: boolean;
-		selectedIds?: Set<string>;
-		onToggleSelection?: (id: string) => void;
-		sortField?: SortField;
-		showNewContactCard?: boolean;
-	}
-
-	let {
-		contacts,
-		onContactClick,
-		onToggleFavorite,
-		onDeleteContact,
-		selectionMode = false,
-		selectedIds = new Set(),
-		onToggleSelection,
-		sortField = 'lastName',
-		showNewContactCard = true,
-	}: Props = $props();
-
-	// Context menu state
-	let contactContextMenu = $state({ visible: false, x: 0, y: 0, target: null as Contact | null });
-
-	function handleContactContextMenu(e: MouseEvent, contact: Contact) {
-		e.preventDefault();
-		e.stopPropagation();
-		contactContextMenu = { visible: true, x: e.clientX, y: e.clientY, target: contact };
-	}
-
-	function getContactContextMenuItems(contact: Contact): ContextMenuItem[] {
-		return [
-			{
-				id: 'open',
-				label: 'Öffnen',
-				icon: ArrowSquareOut,
-				action: () => onContactClick(contact.id),
-			},
-			{
-				id: 'favorite',
-				label: contact.isFavorite ? 'Favorit entfernen' : 'Zu Favoriten',
-				icon: contact.isFavorite ? HeartBreak : Heart,
-				action: () => onToggleFavorite(new MouseEvent('click'), contact.id),
-			},
-			{ id: 'divider-1', label: '', type: 'divider' },
-			{
-				id: 'call',
-				label: 'Anrufen',
-				icon: Phone,
-				disabled: !contact.phone && !contact.mobile,
-				action: () => window.open('tel:' + (contact.mobile || contact.phone)),
-			},
-			{
-				id: 'email',
-				label: 'E-Mail schreiben',
-				icon: Envelope,
-				disabled: !contact.email,
-				action: () => window.open('mailto:' + contact.email),
-			},
-			{ id: 'divider-2', label: '', type: 'divider' },
-			{
-				id: 'delete',
-				label: 'Löschen',
-				icon: Trash,
-				variant: 'danger',
-				action: () => onDeleteContact?.(contact.id),
-			},
-		];
-	}
-
-	// Derived state for toolbar positioning
-	let isToolbarExpanded = $derived(!contactsFilterStore.isToolbarCollapsed);
-	let isAlphabetNavCollapsed = $derived(contactsFilterStore.isAlphabetNavCollapsed);
-
-	function toggleAlphabetNav() {
-		contactsFilterStore.toggleAlphabetNav();
-	}
-
-	// Context menu for alphabet nav
-	let alphabetContextMenu: AlphabetNavContextMenu;
-
-	function handleAlphabetContextMenu(e: MouseEvent) {
-		e.preventDefault();
-		alphabetContextMenu?.show(e.clientX, e.clientY);
-	}
-
-	function handleCheckboxClick(e: MouseEvent, id: string) {
-		e.stopPropagation();
-		onToggleSelection?.(id);
-	}
-
-	// Alphabet with optional reverse order
-	let alphabet = $derived.by(() => {
-		let letters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
-		if (contactsSettings.alphabetNavReverseOrder) {
-			letters = letters.reverse();
-		}
-		return letters;
-	});
-
-	function getFirstLetter(contact: Contact): string {
-		const name =
-			sortField === 'firstName'
-				? contact.firstName || contact.lastName || contact.displayName || contact.email || ''
-				: contact.lastName || contact.firstName || contact.displayName || contact.email || '';
-		const letter = name[0]?.toUpperCase() || '#';
-		return /[A-Z]/.test(letter) ? letter : '#';
-	}
-
-	// Group contacts by first letter (contacts are already sorted from parent)
-	let groupedContacts = $derived.by(() => {
-		const groups: Record<string, Contact[]> = {};
-
-		for (const contact of contacts) {
-			const letter = getFirstLetter(contact);
-			if (!groups[letter]) {
-				groups[letter] = [];
-			}
-			groups[letter].push(contact);
-		}
-
-		return groups;
-	});
-
-	// Available letters (letters that have contacts)
-	let availableLetters = $derived(Object.keys(groupedContacts).sort());
-
-	// Inline name editing
-	function handleNameBlur(contact: Contact, el: HTMLSpanElement) {
-		const trimmed = (el.textContent || '').trim();
-		const currentName = getDisplayName(contact);
-		if (trimmed && trimmed !== currentName) {
-			// Parse display name back into first/last name
-			const parts = trimmed.split(/\s+/);
-			const firstName = parts[0] || '';
-			const lastName = parts.slice(1).join(' ') || '';
-			contactsStore.updateContact(contact.id, {
-				firstName,
-				lastName,
-				displayName: trimmed,
-			});
-		} else {
-			el.textContent = currentName;
-		}
-	}
-
-	function handleNameKeydown(e: KeyboardEvent, contact: Contact) {
-		const target = e.target as HTMLSpanElement;
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			target.blur();
-		} else if (e.key === 'Escape') {
-			target.textContent = getDisplayName(contact);
-			target.blur();
-		} else if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {
-			const direction = e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey) ? -1 : 1;
-			e.preventDefault();
-			const allNames = Array.from(
-				document.querySelectorAll<HTMLElement>('.contact-name-editable[contenteditable]')
-			);
-			const currentIndex = allNames.indexOf(target);
-			const next = allNames[currentIndex + direction];
-			target.blur();
-			if (next) {
-				next.focus();
-			} else {
-				document.querySelector<HTMLInputElement>('.quick-input-bar input')?.focus();
-			}
-		}
-	}
-
-	function scrollToLetter(letter: string) {
-		const element = document.getElementById(`section-${letter}`);
-		if (element) {
-			const headerOffset = 100; // Account for sticky header
-			const elementPosition = element.getBoundingClientRect().top;
-			const offsetPosition = elementPosition + window.scrollY - headerOffset;
-
-			window.scrollTo({
-				top: offsetPosition,
-				behavior: 'smooth',
-			});
-		}
-	}
-</script>
-
-<div class="alphabet-view">
-	<!-- New Contact Card at top -->
-	{#if showNewContactCard && !selectionMode}
-		<div class="new-contact-section">
-			<div
-				role="button"
-				tabindex="0"
-				onclick={() => newContactModalStore.open()}
-				onkeydown={(e) => e.key === 'Enter' && newContactModalStore.open()}
-				class="alphabet-contact-card new-contact-card"
-			>
-				<!-- Plus Avatar -->
-				<div class="avatar-sm new-contact-avatar">
-					<Plus size={18} />
-				</div>
-
-				<!-- Text -->
-				<div class="contact-info">
-					<div class="contact-main-row">
-						<span class="contact-name">{$_('contacts.new')}</span>
-					</div>
-				</div>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Contacts grouped by letter -->
-	<div class="alphabet-sections">
-		{#each availableLetters as letter}
-			<div id="section-{letter}" class="alphabet-section">
-				<!-- Section Header -->
-				<div class="section-header">
-					<span class="section-letter">{letter}</span>
-					<span class="section-count">{groupedContacts[letter].length}</span>
-				</div>
-
-				<!-- Contacts in this section -->
-				<div class="section-contacts">
-					{#each groupedContacts[letter] as contact (contact.id)}
-						<!-- svelte-ignore a11y_click_events_have_key_events -->
-						<!-- svelte-ignore a11y_no_static_element_interactions -->
-						<div
-							class="alphabet-contact-card {selectionMode && selectedIds.has(contact.id)
-								? 'selected'
-								: ''}"
-							onclick={() => onContactClick(contact.id)}
-							oncontextmenu={(e) => handleContactContextMenu(e, contact)}
-						>
-							<!-- Selection Checkbox -->
-							{#if selectionMode}
-								<button
-									type="button"
-									onclick={(e) => handleCheckboxClick(e, contact.id)}
-									class="selection-checkbox"
-									aria-label={selectedIds.has(contact.id) ? 'Auswahl aufheben' : 'Auswählen'}
-								>
-									{#if selectedIds.has(contact.id)}
-										<Check size={20} class="text-primary" />
-									{:else}
-										<div class="w-5 h-5 rounded border-2 border-border"></div>
-									{/if}
-								</button>
-							{/if}
-
-							<!-- Avatar — click opens detail -->
-							<button
-								class="avatar-sm avatar-btn"
-								onclick={() => onContactClick(contact.id)}
-								title="Details öffnen"
-							>
-								{#if contact.photoUrl}
-									<img
-										src={contact.photoUrl}
-										alt={getDisplayName(contact)}
-										class="w-full h-full rounded-full object-cover"
-									/>
-								{:else}
-									{getInitials(contact)}
-								{/if}
-							</button>
-
-							<!-- Contact Info -->
-							<div class="contact-info">
-								<div class="contact-main-row">
-									<!-- svelte-ignore a11y_no_static_element_interactions -->
-									<span
-										class="contact-name contact-name-editable"
-										contenteditable="true"
-										role="textbox"
-										spellcheck="true"
-										onkeydown={(e) => handleNameKeydown(e, contact)}
-										onblur={(e) => handleNameBlur(contact, e.target as HTMLSpanElement)}
-										onclick={(e) => e.stopPropagation()}
-									>
-										{getDisplayName(contact)}
-									</span>
-									{#if contact.isFavorite}
-										<Heart size={13} weight="fill" class="favorite-badge" />
-									{/if}
-									{#if contact.company}
-										<span class="contact-company-inline">@ {contact.company}</span>
-									{/if}
-								</div>
-								{#if contact.tags && contact.tags.length > 0}
-									<div class="contact-tags-row">
-										{#each contact.tags.slice(0, 3) as tag}
-											<span
-												class="tag-chip"
-												style="--tag-color: {tag.color || 'hsl(var(--primary))'}"
-											>
-												{tag.name}
-											</span>
-										{/each}
-										{#if contact.tags.length > 3}
-											<span class="tag-chip more-tags">+{contact.tags.length - 3}</span>
-										{/if}
-									</div>
-								{/if}
-							</div>
-
-							<!-- Action Icons (right side) -->
-							<div class="contact-actions">
-								{#if contact.phone || contact.mobile}
-									<a
-										href="tel:{contact.mobile || contact.phone}"
-										class="action-chip"
-										title={contact.mobile || contact.phone}
-										onclick={(e) => e.stopPropagation()}
-									>
-										<Phone size={16} class="action-icon" />
-									</a>
-								{/if}
-								{#if contact.email}
-									<a
-										href="mailto:{contact.email}"
-										class="action-chip"
-										title={contact.email}
-										onclick={(e) => e.stopPropagation()}
-									>
-										<Envelope size={16} class="action-icon" />
-									</a>
-								{/if}
-							</div>
-						</div>
-					{/each}
-				</div>
-			</div>
-		{/each}
-	</div>
-
-	<!-- Alphabet FAB (when collapsed) - positioned left of InputBar -->
-	<div class="alphabet-fab-container" class:toolbar-expanded={isToolbarExpanded}>
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<button
-			onclick={toggleAlphabetNav}
-			oncontextmenu={handleAlphabetContextMenu}
-			class="alphabet-fab"
-			class:active={!isAlphabetNavCollapsed}
-			title={isAlphabetNavCollapsed
-				? 'Alphabet-Navigation öffnen (Rechtsklick für Optionen)'
-				: 'Alphabet-Navigation schließen (Rechtsklick für Optionen)'}
-		>
-			{#if isAlphabetNavCollapsed}
-				<TextAa size={24} class="fab-icon" />
-			{:else}
-				<CaretDown size={24} class="fab-icon" />
-			{/if}
-		</button>
-	</div>
-
-	<!-- Alphabet Quick Jump (like DateStrip) - hidden when collapsed -->
-	{#if !isAlphabetNavCollapsed}
-		<div class="alphabet-nav" class:toolbar-expanded={isToolbarExpanded}>
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div
-				class="alphabet-nav-container"
-				class:compact={contactsSettings.alphabetNavCompact}
-				oncontextmenu={handleAlphabetContextMenu}
-			>
-				{#each alphabet as letter}
-					{@const isActive = availableLetters.includes(letter)}
-					{@const shouldHide = contactsSettings.alphabetNavHideInactive && !isActive}
-					{#if !shouldHide}
-						<button
-							type="button"
-							class="alphabet-nav-btn"
-							class:active={isActive}
-							class:disabled={!isActive}
-							class:compact={contactsSettings.alphabetNavCompact}
-							onclick={() => isActive && scrollToLetter(letter)}
-							disabled={!isActive}
-						>
-							{letter}
-						</button>
-					{/if}
-				{/each}
-				{#if contactsSettings.alphabetNavShowHash && availableLetters.includes('#')}
-					<button
-						type="button"
-						class="alphabet-nav-btn active"
-						class:compact={contactsSettings.alphabetNavCompact}
-						onclick={() => scrollToLetter('#')}
-					>
-						#
-					</button>
-				{/if}
-			</div>
-		</div>
-	{/if}
-
-	<AlphabetNavContextMenu bind:this={alphabetContextMenu} />
-</div>
-
-<ContextMenu
-	visible={contactContextMenu.visible}
-	x={contactContextMenu.x}
-	y={contactContextMenu.y}
-	items={contactContextMenu.target ? getContactContextMenuItems(contactContextMenu.target) : []}
-	onClose={() => (contactContextMenu = { visible: false, x: 0, y: 0, target: null })}
-/>
-
-<style>
-	.alphabet-view {
-		display: block;
-		position: relative;
-		padding-bottom: 10rem; /* Space for fixed alphabet nav + InputBar */
-		max-width: 600px;
-		margin: 0 auto;
-	}
-
-	.alphabet-sections {
-		min-width: 0;
-	}
-
-	.alphabet-section {
-		margin-bottom: 1.5rem;
-	}
-
-	.section-header {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.375rem 0.875rem;
-		margin-bottom: 0.75rem;
-		position: sticky;
-		top: 8px;
-		z-index: 10;
-		/* Glass pill effect */
-		background: hsl(var(--background) / 0.75);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--border) / 0.5);
-		border-radius: 9999px;
-		box-shadow: 0 2px 8px hsl(var(--foreground) / 0.05);
-	}
-
-	.section-letter {
-		font-size: 1rem;
-		font-weight: 700;
-		color: hsl(var(--primary));
-		line-height: 1;
-	}
-
-	.section-count {
-		font-size: 0.6875rem;
-		color: hsl(var(--muted-foreground));
-		line-height: 1;
-	}
-
-	.section-contacts {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.alphabet-contact-card {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding: 0.5rem 0.75rem;
-		background-color: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-md);
-		min-width: 0;
-		cursor: pointer;
-		transition: background-color 150ms ease;
-	}
-
-	.alphabet-contact-card:hover {
-		background-color: hsl(var(--accent));
-	}
-
-	.avatar-sm {
-		width: 36px;
-		height: 36px;
-		min-width: 36px;
-		border-radius: var(--radius-full);
-		background-color: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-weight: 600;
-		font-size: 0.8125rem;
-		flex-shrink: 0;
-	}
-
-	.contact-info {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.contact-main-row {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		flex-wrap: wrap;
-	}
-
-	.contact-name {
-		font-weight: 500;
-		font-size: 0.9375rem;
-		color: hsl(var(--foreground));
-		white-space: nowrap;
-	}
-
-	.contact-name-editable {
-		cursor: text;
-		outline: none;
-		border-radius: 0.25rem;
-		padding: 0.0625rem 0.125rem;
-		margin: -0.0625rem -0.125rem;
-	}
-
-	.avatar-btn {
-		border: none;
-		cursor: pointer;
-		transition: opacity 0.15s;
-	}
-
-	.avatar-btn:hover {
-		opacity: 0.8;
-	}
-
-	.favorite-badge {
-		width: 0.8125rem;
-		height: 0.8125rem;
-		color: hsl(var(--destructive, 0 84% 60%));
-		flex-shrink: 0;
-	}
-
-	.contact-company-inline {
-		font-size: 0.8125rem;
-		color: hsl(var(--muted-foreground));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.contact-tags-row {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		flex-wrap: wrap;
-	}
-
-	.tag-chip {
-		display: inline-flex;
-		align-items: center;
-		padding: 0.0625rem 0.375rem;
-		font-size: 0.625rem;
-		font-weight: 500;
-		border-radius: 9999px;
-		background: var(--tag-color, hsl(var(--primary)));
-		color: white;
-		white-space: nowrap;
-	}
-
-	.tag-chip.more-tags {
-		background: hsl(var(--muted));
-		color: hsl(var(--muted-foreground));
-	}
-
-	.contact-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		flex-shrink: 0;
-	}
-
-	.action-chip {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: var(--radius-full);
-		background: hsl(var(--muted));
-		color: hsl(var(--muted-foreground));
-		text-decoration: none;
-		transition: all 0.15s ease;
-	}
-
-	.action-chip:hover {
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-	}
-
-	.action-icon {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.selection-checkbox {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		transition: background 0.2s ease;
-		flex-shrink: 0;
-	}
-
-	.selection-checkbox:hover {
-		background: hsl(var(--muted));
-	}
-
-	.alphabet-contact-card.selected {
-		background: hsl(var(--primary) / 0.1);
-		border-color: hsl(var(--primary) / 0.3);
-	}
-
-	/* Alphabet Navigation - Horizontal strip above InputBar + PillNav (like DateStrip) */
-	.alphabet-nav {
-		position: fixed;
-		bottom: calc(140px + env(safe-area-inset-bottom, 0px)); /* Above PillNav + InputBar */
-		left: 0;
-		right: 0;
-		z-index: 48;
-		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-		pointer-events: none;
-		transition: bottom 0.2s ease;
-		/* Container query context */
-		container-type: inline-size;
-		container-name: alphabetnav;
-	}
-
-	/* When toolbar is expanded, push Alphabet-Nav up (+70px) */
-	.alphabet-nav.toolbar-expanded {
-		bottom: calc(210px + env(safe-area-inset-bottom, 0px));
-	}
-
-	.alphabet-nav-container {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		gap: 2px;
-		padding: 0.5rem 1.5rem;
-		overflow-x: auto;
-		scrollbar-width: none;
-		-ms-overflow-style: none;
-		scroll-behavior: smooth;
-		/* Glass container with blur effect */
-		background: hsl(var(--background) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border-radius: 16px;
-		margin: 0 1rem;
-		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-		border: 1px solid hsl(var(--border) / 0.6);
-		pointer-events: auto;
-		/* Default: left-aligned with fit-content */
-		width: fit-content;
-		max-width: calc(100% - 2rem);
-	}
-
-	/* Center when container has enough space */
-	@container alphabetnav (min-width: 600px) {
-		.alphabet-nav-container {
-			margin-left: auto;
-			margin-right: auto;
-		}
-	}
-
-	.alphabet-nav-container::-webkit-scrollbar {
-		display: none;
-	}
-
-	.alphabet-nav-btn {
-		min-width: 44px;
-		height: 52px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: hsl(var(--muted-foreground));
-		background: transparent;
-		border: none;
-		border-radius: 10px;
-		cursor: pointer;
-		transition: all 0.15s ease;
-		flex-shrink: 0;
-	}
-
-	.alphabet-nav-btn:hover {
-		background: hsl(var(--muted));
-	}
-
-	.alphabet-nav-btn.active {
-		color: hsl(var(--foreground));
-	}
-
-	.alphabet-nav-btn.active:hover {
-		background-color: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-	}
-
-	.alphabet-nav-btn.disabled {
-		color: hsl(var(--muted-foreground) / 0.2);
-		cursor: default;
-	}
-
-	.alphabet-nav-btn.disabled:hover {
-		background: transparent;
-	}
-
-	/* Compact mode for alphabet nav */
-	.alphabet-nav-container.compact {
-		padding: 0.375rem 1rem;
-	}
-
-	.alphabet-nav-btn.compact {
-		min-width: 36px;
-		height: 40px;
-		font-size: 0.9375rem;
-	}
-
-	/* New Contact Card */
-	.new-contact-section {
-		margin-bottom: 1rem;
-	}
-
-	.new-contact-card {
-		border-style: dashed;
-		border-color: hsl(var(--primary) / 0.4);
-		background: hsl(var(--primary) / 0.05);
-	}
-
-	.new-contact-card:hover {
-		border-color: hsl(var(--primary));
-		background: hsl(var(--primary) / 0.1);
-	}
-
-	.new-contact-avatar {
-		background: hsl(var(--primary) / 0.15);
-		color: hsl(var(--primary));
-	}
-
-	.new-contact-avatar svg {
-		width: 1.125rem;
-		height: 1.125rem;
-	}
-
-	.new-contact-card .contact-info {
-		gap: 0;
-	}
-
-	.new-contact-card .contact-name {
-		font-size: 0.875rem;
-	}
-
-	/* Alphabet FAB - positioned left of InputBar */
-	.alphabet-fab-container {
-		position: fixed;
-		bottom: calc(70px + 9px + env(safe-area-inset-bottom, 0px)); /* Align with InputBar */
-		/* InputBar is 450px when toolbar is shown: left edge at 50% - 225px, minus gap and fab width */
-		left: calc(50% - 225px - 8px - 54px);
-		z-index: 49; /* Below InputBar (90) and ExpandableToolbar FAB (91), above alphabet-nav (48) */
-		pointer-events: none;
-		transition:
-			bottom 0.2s ease,
-			left 0.2s ease;
-	}
-
-	/* Responsive positioning for FAB */
-	@media (max-width: 900px) {
-		.alphabet-fab-container {
-			left: 1rem;
-		}
-	}
-
-	/* When toolbar is expanded, move FAB up */
-	.alphabet-fab-container.toolbar-expanded {
-		bottom: calc(140px + 9px + env(safe-area-inset-bottom, 0px));
-	}
-
-	.alphabet-fab {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 54px;
-		height: 54px;
-		cursor: pointer;
-		border: none;
-		transition: all 0.2s ease;
-		pointer-events: auto;
-		/* Glass pill styling */
-		background: hsl(var(--background) / 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid hsl(var(--border));
-		box-shadow: 0 2px 8px hsl(var(--foreground) / 0.08);
-		border-radius: 9999px;
-	}
-
-	.alphabet-fab:hover {
-		transform: scale(1.05);
-		box-shadow: 0 4px 12px hsl(var(--foreground) / 0.15);
-	}
-
-	.alphabet-fab.active {
-		background: hsl(var(--muted));
-	}
-
-	.alphabet-fab.active .fab-icon {
-		color: hsl(var(--primary));
-	}
-
-	.alphabet-fab .fab-icon {
-		width: 1.5rem;
-		height: 1.5rem;
-		color: hsl(var(--muted-foreground));
-		transition: color 0.2s ease;
-	}
-
-	.alphabet-fab:hover .fab-icon {
-		color: hsl(var(--foreground));
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/components/views/ContactGridView.svelte b/apps/contacts/apps/web-archived/src/lib/components/views/ContactGridView.svelte
deleted file mode 100644
index 2e3fb62b2..000000000
--- a/apps/contacts/apps/web-archived/src/lib/components/views/ContactGridView.svelte
+++ /dev/null
@@ -1,411 +0,0 @@
-<script lang="ts">
-	import {
-		Plus,
-		Check,
-		Heart,
-		HeartBreak,
-		Phone,
-		Envelope,
-		ArrowSquareOut,
-		Trash,
-		Archive,
-	} from '@manacore/shared-icons';
-	import { _ } from 'svelte-i18n';
-	import type { Contact } from '$lib/api/contacts';
-	import { getDisplayName, getInitials } from '$lib/utils/contact-display';
-	import { newContactModalStore } from '$lib/stores/new-contact-modal.svelte';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-
-	interface Props {
-		contacts: Contact[];
-		onContactClick: (id: string) => void;
-		onToggleFavorite: (e: MouseEvent, id: string) => void;
-		onDeleteContact?: (id: string) => void;
-		selectionMode?: boolean;
-		selectedIds?: Set<string>;
-		onToggleSelection?: (id: string) => void;
-		showNewContactCard?: boolean;
-	}
-
-	let {
-		contacts,
-		onContactClick,
-		onToggleFavorite,
-		onDeleteContact,
-		selectionMode = false,
-		selectedIds = new Set(),
-		onToggleSelection,
-		showNewContactCard = true,
-	}: Props = $props();
-
-	let contextMenu = $state({ visible: false, x: 0, y: 0, target: null as Contact | null });
-
-	function handleContextMenu(e: MouseEvent, contact: Contact) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenu = { visible: true, x: e.clientX, y: e.clientY, target: contact };
-	}
-
-	function getContextMenuItems(contact: Contact): ContextMenuItem[] {
-		return [
-			{
-				id: 'open',
-				label: 'Öffnen',
-				icon: ArrowSquareOut,
-				action: () => onContactClick(contact.id),
-			},
-			{
-				id: 'favorite',
-				label: contact.isFavorite ? 'Favorit entfernen' : 'Zu Favoriten',
-				icon: contact.isFavorite ? HeartBreak : Heart,
-				action: () => onToggleFavorite(new MouseEvent('click'), contact.id),
-			},
-			{ id: 'divider-1', label: '', type: 'divider' },
-			{
-				id: 'call',
-				label: 'Anrufen',
-				icon: Phone,
-				disabled: !contact.phone && !contact.mobile,
-				action: () => window.open('tel:' + (contact.mobile || contact.phone)),
-			},
-			{
-				id: 'email',
-				label: 'E-Mail schreiben',
-				icon: Envelope,
-				disabled: !contact.email,
-				action: () => window.open('mailto:' + contact.email),
-			},
-			{ id: 'divider-2', label: '', type: 'divider' },
-			{
-				id: 'delete',
-				label: 'Löschen',
-				icon: Trash,
-				variant: 'danger',
-				action: () => onDeleteContact?.(contact.id),
-			},
-		];
-	}
-
-	function handleCheckboxClick(e: MouseEvent, id: string) {
-		e.stopPropagation();
-		onToggleSelection?.(id);
-	}
-
-	// Generate a consistent gradient based on contact name
-	function getGradient(contact: Contact) {
-		const name = getDisplayName(contact);
-		const hash = name.split('').reduce((acc, char) => char.charCodeAt(0) + acc, 0);
-		const gradients = [
-			'from-blue-500 to-purple-600',
-			'from-green-500 to-teal-600',
-			'from-orange-500 to-red-600',
-			'from-pink-500 to-rose-600',
-			'from-indigo-500 to-blue-600',
-			'from-cyan-500 to-blue-600',
-			'from-violet-500 to-purple-600',
-			'from-amber-500 to-orange-600',
-		];
-		return gradients[hash % gradients.length];
-	}
-</script>
-
-<div class="contact-grid">
-	<!-- New Contact Card -->
-	{#if showNewContactCard && !selectionMode}
-		<div
-			role="button"
-			tabindex="0"
-			onclick={() => newContactModalStore.open()}
-			onkeydown={(e) => e.key === 'Enter' && newContactModalStore.open()}
-			class="grid-card new-contact-card"
-		>
-			<!-- Plus Avatar -->
-			<div class="grid-avatar new-contact-avatar">
-				<Plus size={40} />
-			</div>
-
-			<!-- Info -->
-			<div class="grid-info">
-				<h3 class="grid-name">{$_('contacts.new')}</h3>
-				<p class="grid-job">{$_('contacts.addFirst')}</p>
-			</div>
-		</div>
-	{/if}
-
-	{#each contacts as contact (contact.id)}
-		<div
-			role="button"
-			tabindex="0"
-			onclick={() => onContactClick(contact.id)}
-			onkeydown={(e) => e.key === 'Enter' && onContactClick(contact.id)}
-			oncontextmenu={(e) => handleContextMenu(e, contact)}
-			class="grid-card {selectionMode && selectedIds.has(contact.id) ? 'selected' : ''}"
-		>
-			<!-- Selection Checkbox -->
-			{#if selectionMode}
-				<button
-					type="button"
-					onclick={(e) => handleCheckboxClick(e, contact.id)}
-					class="selection-checkbox"
-					aria-label={selectedIds.has(contact.id) ? 'Auswahl aufheben' : 'Auswählen'}
-				>
-					{#if selectedIds.has(contact.id)}
-						<Check size={20} class="text-primary" />
-					{:else}
-						<div class="w-5 h-5 rounded border-2 border-border"></div>
-					{/if}
-				</button>
-			{/if}
-
-			<!-- Favorite Badge -->
-			<button
-				onclick={(e) => onToggleFavorite(e, contact.id)}
-				class="favorite-btn"
-				title={contact.isFavorite ? $_('contacts.unfavorite') : $_('contacts.favorite')}
-			>
-				{#if contact.isFavorite}
-					<Heart size={20} weight="fill" class="text-red-500" />
-				{:else}
-					<Heart size={20} class="text-muted-foreground" />
-				{/if}
-			</button>
-
-			<!-- Avatar -->
-			<div class="grid-avatar bg-gradient-to-br {getGradient(contact)}">
-				{#if contact.photoUrl}
-					<img
-						src={contact.photoUrl}
-						alt={getDisplayName(contact)}
-						class="w-full h-full rounded-full object-cover"
-					/>
-				{:else}
-					<span class="text-white font-bold text-2xl">{getInitials(contact)}</span>
-				{/if}
-			</div>
-
-			<!-- Contact Info -->
-			<div class="grid-info">
-				<h3 class="grid-name">{getDisplayName(contact)}</h3>
-				{#if contact.jobTitle}
-					<p class="grid-job">{contact.jobTitle}</p>
-				{/if}
-				{#if contact.company}
-					<p class="grid-company">{contact.company}</p>
-				{/if}
-			</div>
-
-			<!-- Quick Actions -->
-			<div class="grid-actions">
-				{#if contact.phone || contact.mobile}
-					<a
-						href="tel:{contact.mobile || contact.phone}"
-						onclick={(e) => e.stopPropagation()}
-						class="action-btn"
-						title={$_('contacts.call')}
-					>
-						<Phone size={16} />
-					</a>
-				{/if}
-				{#if contact.email}
-					<a
-						href="mailto:{contact.email}"
-						onclick={(e) => e.stopPropagation()}
-						class="action-btn"
-						title={$_('contacts.email')}
-					>
-						<Envelope size={16} />
-					</a>
-				{/if}
-			</div>
-		</div>
-	{/each}
-</div>
-
-{#if contextMenu.visible && contextMenu.target}
-	<ContextMenu
-		visible={contextMenu.visible}
-		x={contextMenu.x}
-		y={contextMenu.y}
-		items={getContextMenuItems(contextMenu.target)}
-		onClose={() => (contextMenu = { visible: false, x: 0, y: 0, target: null })}
-	/>
-{/if}
-
-<style>
-	.contact-grid {
-		display: grid;
-		grid-template-columns: repeat(1, 1fr);
-		gap: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.contact-grid {
-			grid-template-columns: repeat(2, 1fr);
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.contact-grid {
-			grid-template-columns: repeat(3, 1fr);
-		}
-	}
-
-	@media (min-width: 1280px) {
-		.contact-grid {
-			grid-template-columns: repeat(4, 1fr);
-		}
-	}
-
-	.grid-card {
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 1.5rem 1rem;
-		background-color: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: var(--radius-lg);
-		cursor: pointer;
-		transition: all var(--transition-base);
-		/* Equal height cards */
-		min-height: 280px;
-	}
-
-	.grid-card:hover {
-		transform: translateY(-4px);
-		box-shadow: var(--shadow-lg);
-		border-color: hsl(var(--primary) / 0.3);
-	}
-
-	.favorite-btn {
-		position: absolute;
-		top: 0.75rem;
-		right: 0.75rem;
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		border-radius: var(--radius-full);
-		transition: all var(--transition-fast);
-	}
-
-	.favorite-btn:hover {
-		background-color: hsl(var(--muted));
-		transform: scale(1.1);
-	}
-
-	.grid-avatar {
-		width: 100px;
-		height: 100px;
-		border-radius: var(--radius-full);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-bottom: 1rem;
-		box-shadow: var(--shadow-md);
-		font-size: 2rem;
-	}
-
-	.grid-info {
-		text-align: center;
-		min-width: 0;
-		width: 100%;
-	}
-
-	.grid-name {
-		font-weight: 600;
-		font-size: 1rem;
-		color: hsl(var(--foreground));
-		margin-bottom: 0.25rem;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.grid-job {
-		font-size: 0.875rem;
-		color: hsl(var(--muted-foreground));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.grid-company {
-		font-size: 0.75rem;
-		color: hsl(var(--muted-foreground) / 0.8);
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.grid-actions {
-		display: flex;
-		gap: 0.5rem;
-		margin-top: auto; /* Push to bottom of card */
-		padding-top: 1rem;
-		border-top: 1px solid hsl(var(--border));
-		width: 100%;
-		justify-content: center;
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: var(--radius-full);
-		background-color: hsl(var(--muted));
-		color: hsl(var(--muted-foreground));
-		transition: all var(--transition-fast);
-	}
-
-	.action-btn:hover {
-		background-color: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-	}
-
-	.selection-checkbox {
-		position: absolute;
-		top: 0.75rem;
-		left: 0.75rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: hsl(var(--background));
-		border: none;
-		cursor: pointer;
-		transition: background 0.2s ease;
-		z-index: 10;
-	}
-
-	.selection-checkbox:hover {
-		background: hsl(var(--muted));
-	}
-
-	.grid-card.selected {
-		background: hsl(var(--primary) / 0.1) !important;
-		border-color: hsl(var(--primary) / 0.3) !important;
-	}
-
-	/* New Contact Card */
-	.new-contact-card {
-		border-style: dashed;
-		border-color: hsl(var(--primary) / 0.4);
-		background: hsl(var(--primary) / 0.05);
-	}
-
-	.new-contact-card:hover {
-		border-color: hsl(var(--primary));
-		background: hsl(var(--primary) / 0.1);
-		transform: translateY(-4px);
-	}
-
-	.new-contact-avatar {
-		background: hsl(var(--primary) / 0.15);
-		color: hsl(var(--primary));
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/lib/config/social-media.ts b/apps/contacts/apps/web-archived/src/lib/config/social-media.ts
deleted file mode 100644
index 784139d35..000000000
--- a/apps/contacts/apps/web-archived/src/lib/config/social-media.ts
+++ /dev/null
@@ -1,168 +0,0 @@
-/**
- * Social Media Platform Configuration
- * Centralized config for all social media platforms used in the contacts app
- */
-
-export interface SocialPlatform {
-	/** Unique identifier matching Contact field name */
-	id: string;
-	/** Display name */
-	name: string;
-	/** Short badge label */
-	badge: string;
-	/** Input type for form fields */
-	inputType: 'url' | 'text' | 'tel';
-	/** Placeholder text for form input */
-	placeholder: string;
-	/** Whether this platform has a clickable link */
-	hasLink: boolean;
-	/** Function to build the full URL from a value */
-	buildUrl?: (value: string) => string;
-}
-
-/**
- * All supported social media platforms
- */
-export const SOCIAL_PLATFORMS: SocialPlatform[] = [
-	{
-		id: 'linkedin',
-		name: 'LinkedIn',
-		badge: 'in',
-		inputType: 'url',
-		placeholder: 'https://linkedin.com/in/...',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://linkedin.com/in/${v}`),
-	},
-	{
-		id: 'twitter',
-		name: 'Twitter / X',
-		badge: 'X',
-		inputType: 'text',
-		placeholder: '@username',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://x.com/${v.replace('@', '')}`),
-	},
-	{
-		id: 'facebook',
-		name: 'Facebook',
-		badge: 'f',
-		inputType: 'url',
-		placeholder: 'https://facebook.com/...',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://facebook.com/${v}`),
-	},
-	{
-		id: 'instagram',
-		name: 'Instagram',
-		badge: 'ig',
-		inputType: 'text',
-		placeholder: '@username',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://instagram.com/${v.replace('@', '')}`),
-	},
-	{
-		id: 'xing',
-		name: 'Xing',
-		badge: 'xi',
-		inputType: 'url',
-		placeholder: 'https://xing.com/profile/...',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://xing.com/profile/${v}`),
-	},
-	{
-		id: 'github',
-		name: 'GitHub',
-		badge: 'gh',
-		inputType: 'text',
-		placeholder: 'username',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://github.com/${v}`),
-	},
-	{
-		id: 'youtube',
-		name: 'YouTube',
-		badge: 'yt',
-		inputType: 'url',
-		placeholder: 'https://youtube.com/@...',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://youtube.com/@${v}`),
-	},
-	{
-		id: 'tiktok',
-		name: 'TikTok',
-		badge: 'tt',
-		inputType: 'text',
-		placeholder: '@username',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://tiktok.com/@${v.replace('@', '')}`),
-	},
-	{
-		id: 'telegram',
-		name: 'Telegram',
-		badge: 'tg',
-		inputType: 'text',
-		placeholder: '@username',
-		hasLink: true,
-		buildUrl: (v) => `https://t.me/${v.replace('@', '')}`,
-	},
-	{
-		id: 'whatsapp',
-		name: 'WhatsApp',
-		badge: 'wa',
-		inputType: 'tel',
-		placeholder: '+49...',
-		hasLink: true,
-		buildUrl: (v) => `https://wa.me/${v.replace(/[^0-9]/g, '')}`,
-	},
-	{
-		id: 'signal',
-		name: 'Signal',
-		badge: 'sg',
-		inputType: 'tel',
-		placeholder: '+49...',
-		hasLink: false,
-	},
-	{
-		id: 'discord',
-		name: 'Discord',
-		badge: 'dc',
-		inputType: 'text',
-		placeholder: 'username#1234',
-		hasLink: false,
-	},
-	{
-		id: 'bluesky',
-		name: 'Bluesky',
-		badge: 'bs',
-		inputType: 'text',
-		placeholder: '@handle.bsky.social',
-		hasLink: true,
-		buildUrl: (v) => (v.startsWith('http') ? v : `https://bsky.app/profile/${v.replace('@', '')}`),
-	},
-];
-
-/**
- * Get platform config by ID
- */
-export function getPlatform(id: string): SocialPlatform | undefined {
-	return SOCIAL_PLATFORMS.find((p) => p.id === id);
-}
-
-/**
- * Check if a contact has any social media data
- */
-export function hasSocialMedia(contact: Record<string, unknown>): boolean {
-	return SOCIAL_PLATFORMS.some((p) => !!contact[p.id]);
-}
-
-/**
- * Get all social media entries for a contact
- */
-export function getSocialMediaEntries(
-	contact: Record<string, unknown>
-): Array<{ platform: SocialPlatform; value: string }> {
-	return SOCIAL_PLATFORMS.filter((p) => !!contact[p.id]).map((platform) => ({
-		platform,
-		value: contact[platform.id] as string,
-	}));
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/constants/contact-fields.ts b/apps/contacts/apps/web-archived/src/lib/constants/contact-fields.ts
deleted file mode 100644
index 8862bd979..000000000
--- a/apps/contacts/apps/web-archived/src/lib/constants/contact-fields.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-export const CONTACT_FIELD_LABELS: Record<string, string> = {
-	firstName: 'Vorname',
-	lastName: 'Nachname',
-	email: 'E-Mail',
-	phone: 'Telefon',
-	mobile: 'Mobil',
-	company: 'Firma',
-	jobTitle: 'Position',
-	street: 'Straße',
-	city: 'Stadt',
-	postalCode: 'Postleitzahl',
-	country: 'Land',
-	website: 'Webseite',
-	notes: 'Notizen',
-	birthday: 'Geburtstag',
-};
-
-export function getMatchTypeLabel(type: 'email' | 'phone' | 'name'): string {
-	switch (type) {
-		case 'email':
-			return 'E-Mail';
-		case 'phone':
-			return 'Telefon';
-		case 'name':
-			return 'Name';
-	}
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/content/help/index.test.ts b/apps/contacts/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 47af5635a..000000000
--- a/apps/contacts/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getContactsHelpContent } from './index';
-
-describe('Contacts Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getContactsHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getContactsHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getContactsHelpContent('de');
-		const en = getContactsHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getContactsHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/content/help/index.ts b/apps/contacts/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index dc87a065b..000000000
--- a/apps/contacts/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-/**
- * Help content for Contacts app
- * Uses @manacore/help for type-safe content definition
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getContactsHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-import',
-				question: isDE
-					? 'Wie importiere ich Kontakte aus Google?'
-					: 'How do I import contacts from Google?',
-				answer: isDE
-					? '<p>Um Kontakte aus Google zu importieren: Gehe zu <strong>Daten > Import</strong>, wähle Google Kontakte, melde dich bei deinem Google-Konto an, wähle die Kontakte aus und klicke auf <strong>Importieren</strong>.</p>'
-					: '<p>To import contacts from Google: Go to <strong>Data > Import</strong>, select Google Contacts, sign in to your Google account, select the contacts you want to import, and click <strong>Import</strong>.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['import', 'google', 'kontakte'] : ['import', 'google', 'contacts'],
-			},
-			{
-				id: 'faq-export',
-				question: isDE ? 'Wie exportiere ich meine Kontakte?' : 'How do I export my contacts?',
-				answer: isDE
-					? '<p>Du kannst deine Kontakte in verschiedenen Formaten exportieren: Gehe zu <strong>Daten > Export</strong>, wähle das gewünschte Format (vCard, CSV, JSON) und klicke auf <strong>Exportieren</strong>.</p>'
-					: '<p>You can export your contacts in various formats: Go to <strong>Data > Export</strong>, select the desired format (vCard, CSV, JSON), and click <strong>Export</strong>.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['export', 'vcard', 'csv'] : ['export', 'vcard', 'csv'],
-			},
-			{
-				id: 'faq-duplicates',
-				question: isDE ? 'Wie finde ich doppelte Kontakte?' : 'How do I find duplicate contacts?',
-				answer: isDE
-					? '<p>Wir erkennen automatisch potenzielle Duplikate. Gehe zu <strong>Duplikate</strong> in der Seitenleiste, überprüfe die Vorschläge und wähle <strong>Zusammenführen</strong> oder <strong>Ignorieren</strong>.</p>'
-					: '<p>We automatically detect potential duplicates. Go to <strong>Duplicates</strong> in the sidebar, review the suggestions, and choose to <strong>Merge</strong> or <strong>Ignore</strong>.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['duplikate', 'zusammenführen'] : ['duplicates', 'merge'],
-			},
-			{
-				id: 'faq-subscription',
-				question: isDE ? 'Wie kann ich mein Abo kündigen?' : 'How do I cancel my subscription?',
-				answer: isDE
-					? '<p>Du kannst dein Abo jederzeit kündigen: Gehe zu <strong>Einstellungen > Abonnement > Abo verwalten > Abo kündigen</strong>. Dein Abo bleibt bis zum Ende des Abrechnungszeitraums aktiv.</p>'
-					: '<p>You can cancel your subscription at any time: Go to <strong>Settings > Subscription > Manage Subscription > Cancel Subscription</strong>. Your subscription will remain active until the end of the billing period.</p>',
-				category: 'billing',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['abo', 'kündigung', 'abrechnung'] : ['subscription', 'cancel', 'billing'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Kontakte', dataTypeEN: 'contacts' }),
-		],
-		features: [
-			{
-				id: 'feature-management',
-				title: isDE ? 'Kontaktverwaltung' : 'Contact Management',
-				description: isDE
-					? 'Verwalte alle deine Kontakte an einem Ort'
-					: 'Manage all your contacts in one place',
-				icon: '👥',
-				category: 'core',
-				highlights: isDE
-					? ['Unbegrenzte Kontakte', 'Benutzerdefinierte Felder', 'Tags und Kategorien']
-					: ['Unlimited contacts', 'Custom fields', 'Tags and categories'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-import-export',
-				title: 'Import & Export',
-				description: isDE
-					? 'Importiere und exportiere Kontakte in verschiedenen Formaten'
-					: 'Import and export contacts in various formats',
-				icon: '📤',
-				category: 'core',
-				highlights: isDE
-					? ['Google Kontakte Sync', 'vCard Import/Export', 'CSV Import/Export']
-					: ['Google Contacts sync', 'vCard import/export', 'CSV import/export'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-duplicates',
-				title: isDE ? 'Duplikat-Erkennung' : 'Duplicate Detection',
-				description: isDE
-					? 'Automatische Erkennung und Zusammenführung von Duplikaten'
-					: 'Automatic detection and merging of duplicates',
-				icon: '🔍',
-				category: 'advanced',
-				highlights: isDE
-					? ['Intelligente Erkennung', 'Ein-Klick Zusammenführung', 'Überprüfungsmodus']
-					: ['Smart detection', 'One-click merge', 'Review mode'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-favorites',
-				title: isDE ? 'Favoriten' : 'Favorites',
-				description: isDE
-					? 'Markiere wichtige Kontakte als Favoriten'
-					: 'Mark important contacts as favorites',
-				icon: '⭐',
-				category: 'core',
-				highlights: isDE
-					? ['Schnellzugriff', 'Verschiedene Ansichten', 'Sortierung']
-					: ['Quick access', 'Multiple views', 'Sorting'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [
-			{
-				id: 'shortcuts-general',
-				category: 'general',
-				title: isDE ? 'Allgemein' : 'General',
-				language: isDE ? 'de' : 'en',
-				order: 1,
-				shortcuts: [
-					{
-						shortcut: 'Cmd/Ctrl + K',
-						action: isDE ? 'Suche öffnen' : 'Open search',
-					},
-					{
-						shortcut: 'Cmd/Ctrl + N',
-						action: isDE ? 'Neuer Kontakt' : 'New contact',
-					},
-					{
-						shortcut: 'Cmd/Ctrl + 1-6',
-						action: isDE ? 'Navigation' : 'Navigation',
-					},
-				],
-			},
-		],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen.</p>'
-				: '<p>Our support team is here to help you with any questions or issues.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/data/demo-contacts.ts b/apps/contacts/apps/web-archived/src/lib/data/demo-contacts.ts
deleted file mode 100644
index 21203d67e..000000000
--- a/apps/contacts/apps/web-archived/src/lib/data/demo-contacts.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-/**
- * Demo Contacts - Static sample contacts for unauthenticated users
- *
- * Shows a realistic contact list with various contact types to demonstrate
- * the app's capabilities without requiring login.
- */
-
-import type { Contact } from '$lib/api/contacts';
-
-/**
- * Generate demo contacts
- */
-export function generateDemoContacts(): Contact[] {
-	const now = new Date().toISOString();
-
-	const demoContacts: Contact[] = [
-		{
-			id: 'demo_1',
-			userId: 'demo',
-			firstName: 'Anna',
-			lastName: 'Müller',
-			displayName: 'Anna Müller',
-			email: 'anna.mueller@example.com',
-			phone: '+49 30 12345678',
-			mobile: '+49 170 1234567',
-			company: 'Tech Solutions GmbH',
-			jobTitle: 'Product Manager',
-			city: 'Berlin',
-			country: 'Deutschland',
-			isFavorite: true,
-			isArchived: false,
-			visibility: 'private',
-			tags: [{ id: 'tag_1', name: 'Arbeit', color: '#3b82f6' }],
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_2',
-			userId: 'demo',
-			firstName: 'Max',
-			lastName: 'Schmidt',
-			displayName: 'Max Schmidt',
-			email: 'max.schmidt@example.com',
-			mobile: '+49 171 9876543',
-			company: 'Design Studio',
-			jobTitle: 'UX Designer',
-			city: 'München',
-			country: 'Deutschland',
-			isFavorite: true,
-			isArchived: false,
-			visibility: 'private',
-			tags: [{ id: 'tag_1', name: 'Arbeit', color: '#3b82f6' }],
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_3',
-			userId: 'demo',
-			firstName: 'Lisa',
-			lastName: 'Weber',
-			displayName: 'Lisa Weber',
-			email: 'lisa.w@example.com',
-			phone: '+49 40 87654321',
-			city: 'Hamburg',
-			country: 'Deutschland',
-			isFavorite: false,
-			isArchived: false,
-			visibility: 'private',
-			tags: [{ id: 'tag_2', name: 'Freunde', color: '#22c55e' }],
-			birthday: '1992-03-15',
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_4',
-			userId: 'demo',
-			firstName: 'Thomas',
-			lastName: 'Becker',
-			displayName: 'Thomas Becker',
-			email: 'thomas.becker@example.com',
-			mobile: '+49 172 5555555',
-			company: 'Consulting Partners',
-			jobTitle: 'Senior Consultant',
-			city: 'Frankfurt',
-			country: 'Deutschland',
-			website: 'https://example.com',
-			isFavorite: false,
-			isArchived: false,
-			visibility: 'private',
-			tags: [{ id: 'tag_1', name: 'Arbeit', color: '#3b82f6' }],
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_5',
-			userId: 'demo',
-			firstName: 'Sarah',
-			lastName: 'Klein',
-			displayName: 'Sarah Klein',
-			email: 'sarah.klein@example.com',
-			phone: '+49 221 1111111',
-			mobile: '+49 173 2222222',
-			city: 'Köln',
-			country: 'Deutschland',
-			isFavorite: false,
-			isArchived: false,
-			visibility: 'private',
-			tags: [{ id: 'tag_3', name: 'Familie', color: '#f59e0b' }],
-			birthday: '1988-07-22',
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_6',
-			userId: 'demo',
-			firstName: 'Michael',
-			lastName: 'Hoffmann',
-			displayName: 'Michael Hoffmann',
-			email: 'm.hoffmann@example.com',
-			company: 'Startup Ventures',
-			jobTitle: 'CEO',
-			city: 'Berlin',
-			country: 'Deutschland',
-			linkedin: 'michael-hoffmann',
-			isFavorite: false,
-			isArchived: false,
-			visibility: 'private',
-			tags: [{ id: 'tag_1', name: 'Arbeit', color: '#3b82f6' }],
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_7',
-			userId: 'demo',
-			firstName: 'Julia',
-			lastName: 'Fischer',
-			displayName: 'Julia Fischer',
-			mobile: '+49 174 3333333',
-			city: 'Stuttgart',
-			country: 'Deutschland',
-			isFavorite: false,
-			isArchived: false,
-			visibility: 'private',
-			tags: [{ id: 'tag_2', name: 'Freunde', color: '#22c55e' }],
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_8',
-			userId: 'demo',
-			firstName: 'Dr. Stefan',
-			lastName: 'Wagner',
-			displayName: 'Dr. Stefan Wagner',
-			email: 'dr.wagner@praxis.de',
-			phone: '+49 89 4444444',
-			company: 'Praxis Dr. Wagner',
-			jobTitle: 'Arzt',
-			street: 'Hauptstraße 42',
-			city: 'München',
-			postalCode: '80331',
-			country: 'Deutschland',
-			isFavorite: false,
-			isArchived: false,
-			visibility: 'private',
-			notes: 'Hausarzt, Termine immer vormittags',
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_9',
-			userId: 'demo',
-			firstName: 'Emma',
-			lastName: 'Braun',
-			displayName: 'Emma Braun',
-			email: 'emma.b@example.com',
-			mobile: '+49 175 6666666',
-			company: 'Marketing Pro',
-			jobTitle: 'Marketing Director',
-			city: 'Düsseldorf',
-			country: 'Deutschland',
-			isFavorite: true,
-			isArchived: false,
-			visibility: 'private',
-			tags: [{ id: 'tag_1', name: 'Arbeit', color: '#3b82f6' }],
-			createdAt: now,
-			updatedAt: now,
-		},
-		{
-			id: 'demo_10',
-			userId: 'demo',
-			firstName: 'Peter',
-			lastName: 'Schneider',
-			displayName: 'Peter Schneider',
-			email: 'peter.schneider@example.com',
-			phone: '+49 511 7777777',
-			city: 'Hannover',
-			country: 'Deutschland',
-			isFavorite: false,
-			isArchived: true,
-			visibility: 'private',
-			tags: [],
-			createdAt: now,
-			updatedAt: now,
-		},
-	];
-
-	return demoContacts;
-}
-
-/**
- * Check if a contact ID is a demo contact
- */
-export function isDemoContact(id: string): boolean {
-	return id.startsWith('demo_');
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/data/guest-seed.ts b/apps/contacts/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 575e8c441..000000000
--- a/apps/contacts/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Guest seed data for the Contacts app.
- *
- * These records are loaded into IndexedDB when a new guest visits the app.
- * They showcase the app with realistic sample contacts.
- */
-
-import type { LocalContact } from './local-store';
-
-export const guestContacts: LocalContact[] = [
-	{
-		id: 'guest-contact-1',
-		firstName: 'Anna',
-		lastName: 'Mueller',
-		email: 'anna.mueller@example.com',
-		phone: '+49 30 12345678',
-		company: 'Tech Solutions GmbH',
-		jobTitle: 'Product Manager',
-		address: 'Berlin, Deutschland',
-		notes: 'Ansprechpartnerin fuer das neue Projekt',
-		birthday: '1990-06-15',
-		tags: ['Arbeit'],
-		isFavorite: true,
-		isArchived: false,
-	},
-	{
-		id: 'guest-contact-2',
-		firstName: 'Max',
-		lastName: 'Schmidt',
-		email: 'max.schmidt@example.com',
-		phone: '+49 171 9876543',
-		company: 'Design Studio',
-		jobTitle: 'UX Designer',
-		address: 'Muenchen, Deutschland',
-		tags: ['Arbeit', 'Freunde'],
-		isFavorite: false,
-		isArchived: false,
-	},
-	{
-		id: 'guest-contact-3',
-		firstName: 'Lisa',
-		lastName: 'Weber',
-		email: 'lisa.w@example.com',
-		phone: '+49 40 87654321',
-		company: '',
-		jobTitle: '',
-		address: 'Hamburg, Deutschland',
-		notes: 'Geburtstag nicht vergessen!',
-		birthday: '1992-03-22',
-		tags: ['Familie'],
-		isFavorite: true,
-		isArchived: false,
-	},
-];
diff --git a/apps/contacts/apps/web-archived/src/lib/data/local-store.ts b/apps/contacts/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index df52e68ad..000000000
--- a/apps/contacts/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/**
- * Contacts App — Local-First Data Layer
- *
- * Defines the IndexedDB database, collections, and guest seed data.
- * This is the single source of truth for all Contact data.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestContacts } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalContact extends BaseRecord {
-	firstName?: string;
-	lastName?: string;
-	email?: string;
-	phone?: string;
-	company?: string;
-	jobTitle?: string;
-	address?: string;
-	notes?: string;
-	photoUrl?: string;
-	birthday?: string;
-	tags?: string[];
-	isFavorite?: boolean;
-	isArchived?: boolean;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const contactsLocalStore = createLocalStore({
-	appId: 'contacts',
-	collections: [
-		{
-			name: 'contacts',
-			indexes: ['firstName', 'lastName', 'email', 'company', 'isFavorite', 'isArchived'],
-			guestSeed: guestContacts,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessor
-export const contactCollection = contactsLocalStore.collection<LocalContact>('contacts');
diff --git a/apps/contacts/apps/web-archived/src/lib/data/queries.ts b/apps/contacts/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 54591dd09..000000000
--- a/apps/contacts/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * Reactive Queries & Pure Filter Helpers for Contacts
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import { contactCollection, type LocalContact } from './local-store';
-import type { Contact } from '$lib/api/contacts';
-
-// ─── Type Converter ───────────────────────────────────────
-
-/** Convert a LocalContact (IndexedDB record) to the shared Contact type. */
-export function toContact(local: LocalContact): Contact {
-	const firstName = local.firstName || null;
-	const lastName = local.lastName || null;
-	const displayName = [firstName, lastName].filter(Boolean).join(' ') || null;
-
-	return {
-		id: local.id,
-		userId: 'local',
-		firstName,
-		lastName,
-		displayName,
-		email: local.email || null,
-		phone: local.phone || null,
-		company: local.company || null,
-		jobTitle: local.jobTitle || null,
-		notes: local.notes || null,
-		photoUrl: local.photoUrl || null,
-		birthday: local.birthday || null,
-		tags: (local.tags || []).map((name, i) => ({ id: `tag-${i}`, name, color: null })),
-		isFavorite: local.isFavorite ?? false,
-		isArchived: local.isArchived ?? false,
-		isSelf: false,
-		visibility: 'private',
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All contacts, sorted by firstName. Auto-updates on any change. */
-export function useAllContacts() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await contactCollection.getAll(undefined, {
-			sortBy: 'firstName',
-			sortDirection: 'asc',
-		});
-		return locals.map(toContact);
-	}, [] as Contact[]);
-}
-
-// ─── Pure Filter Functions (for $derived) ──────────────────
-
-/** Filter contacts by search query across multiple fields. */
-export function searchContacts(contacts: Contact[], query: string): Contact[] {
-	if (!query.trim()) return contacts;
-	const search = query.toLowerCase().trim();
-	return contacts.filter(
-		(c) =>
-			c.firstName?.toLowerCase().includes(search) ||
-			c.lastName?.toLowerCase().includes(search) ||
-			c.displayName?.toLowerCase().includes(search) ||
-			c.email?.toLowerCase().includes(search) ||
-			c.company?.toLowerCase().includes(search) ||
-			c.phone?.toLowerCase().includes(search)
-	);
-}
-
-/** Filter contacts to favorites only. */
-export function filterFavorites(contacts: Contact[]): Contact[] {
-	return contacts.filter((c) => c.isFavorite);
-}
-
-/** Filter contacts to archived only. */
-export function filterArchived(contacts: Contact[]): Contact[] {
-	return contacts.filter((c) => c.isArchived);
-}
-
-/** Filter contacts to non-archived only. */
-export function filterActive(contacts: Contact[]): Contact[] {
-	return contacts.filter((c) => !c.isArchived);
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/i18n/index.ts b/apps/contacts/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index deec52816..000000000
--- a/apps/contacts/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'it', 'fr', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('fr', () => import('./locales/fr.json'));
-register('it', () => import('./locales/it.json'));
-register('es', () => import('./locales/es.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('contacts_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('contacts_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/contacts/apps/web-archived/src/lib/i18n/locales/de.json b/apps/contacts/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 39c356d44..000000000
--- a/apps/contacts/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,219 +0,0 @@
-{
-	"app": {
-		"name": "Contacts"
-	},
-	"common": {
-		"back": "Zurück",
-		"cancel": "Abbrechen",
-		"loadingMore": "Lade weitere..."
-	},
-	"nav": {
-		"contacts": "Kontakte",
-		"groups": "Gruppen",
-		"tags": "Tags",
-		"favorites": "Favoriten",
-		"archive": "Archiv",
-		"search": "Suche",
-		"settings": "Einstellungen",
-		"feedback": "Feedback",
-		"import": "Importieren"
-	},
-	"import": {
-		"title": "Kontakte importieren",
-		"subtitle": "Importiere Kontakte aus vCard- oder CSV-Dateien",
-		"tabs": {
-			"file": "Datei-Import",
-			"google": "Google Kontakte"
-		},
-		"processing": "Datei wird verarbeitet...",
-		"importing": "Importiere...",
-		"downloadTemplate": "CSV-Vorlage herunterladen",
-		"dropzone": {
-			"title": "Datei hierher ziehen",
-			"subtitle": "oder klicken zum Auswählen"
-		},
-		"preview": {
-			"total": "Gesamt",
-			"valid": "Gültig",
-			"duplicates": "Duplikate",
-			"selected": "Ausgewählt",
-			"errors": "Fehler beim Parsen",
-			"duplicateHandling": "Wie sollen Duplikate behandelt werden?",
-			"skip": "Überspringen",
-			"merge": "Zusammenführen",
-			"create": "Trotzdem erstellen",
-			"contacts": "Kontakte zum Importieren",
-			"selectAll": "Alle auswählen",
-			"deselectAll": "Alle abwählen",
-			"duplicateTag": "Duplikat",
-			"matchesWith": "Stimmt überein mit",
-			"importButton": "{count} Kontakte importieren"
-		},
-		"result": {
-			"title": "Import abgeschlossen",
-			"subtitle": "Deine Kontakte wurden erfolgreich importiert",
-			"imported": "Importiert",
-			"merged": "Zusammengeführt",
-			"skipped": "Übersprungen",
-			"errors": "Fehler",
-			"importMore": "Weitere importieren",
-			"done": "Fertig"
-		}
-	},
-	"contacts": {
-		"title": "Kontakte",
-		"new": "Neuer Kontakt",
-		"edit": "Bearbeiten",
-		"delete": "Löschen",
-		"search": "Kontakte durchsuchen...",
-		"noContacts": "Keine Kontakte gefunden",
-		"addFirst": "Füge deinen ersten Kontakt hinzu",
-		"me": "Ich",
-		"myCard": "Meine Karte",
-		"favorites": "Favoriten",
-		"archive": "Archiv",
-		"contact": "Kontakt",
-		"contactsPlural": "Kontakte",
-		"call": "Anrufen",
-		"email": "E-Mail senden",
-		"favorite": "Als Favorit markieren",
-		"unfavorite": "Favorit entfernen"
-	},
-	"views": {
-		"list": "Listenansicht",
-		"grid": "Kachelansicht",
-		"alphabet": "Alphabetisch"
-	},
-	"sort": {
-		"firstName": "Vorname",
-		"lastName": "Nachname"
-	},
-	"contact": {
-		"firstName": "Vorname",
-		"lastName": "Nachname",
-		"displayName": "Anzeigename",
-		"email": "E-Mail",
-		"phone": "Telefon",
-		"mobile": "Mobil",
-		"company": "Firma",
-		"jobTitle": "Position",
-		"department": "Abteilung",
-		"street": "Straße",
-		"city": "Stadt",
-		"postalCode": "PLZ",
-		"country": "Land",
-		"website": "Website",
-		"birthday": "Geburtstag",
-		"notes": "Notizen",
-		"tasks": {
-			"title": "Aufgaben",
-			"assigned": "Zugewiesen",
-			"involved": "Beteiligt",
-			"empty": "Keine Aufgaben für diesen Kontakt",
-			"serviceUnavailable": "Todo-Service nicht erreichbar",
-			"error": "Fehler beim Laden der Aufgaben",
-			"overdue": "Überfällig",
-			"dueToday": "Heute",
-			"tomorrow": "Morgen",
-			"showCompleted": "Erledigte",
-			"showMore": "{count} weitere anzeigen",
-			"markComplete": "Als erledigt markieren",
-			"markIncomplete": "Als unerledigt markieren"
-		}
-	},
-	"groups": {
-		"title": "Gruppen",
-		"new": "Neue Gruppe",
-		"noGroups": "Keine Gruppen vorhanden"
-	},
-	"actions": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"create": "Erstellen",
-		"favorite": "Favorit",
-		"unfavorite": "Kein Favorit",
-		"archive": "Archivieren",
-		"unarchive": "Wiederherstellen"
-	},
-	"messages": {
-		"saved": "Gespeichert",
-		"deleted": "Gelöscht",
-		"error": "Ein Fehler ist aufgetreten"
-	},
-	"google": {
-		"loading": "Verbindung wird geprüft...",
-		"connect": {
-			"title": "Mit Google verbinden",
-			"subtitle": "Importiere deine Kontakte direkt aus Google Kontakte",
-			"button": "Mit Google verbinden"
-		},
-		"connected": "Verbunden mit Google",
-		"disconnect": "Trennen",
-		"contacts": "Kontakte",
-		"loadMore": "Mehr laden"
-	},
-	"filters": {
-		"title": "Filter",
-		"clearAll": "Alle löschen",
-		"tag": "Tag",
-		"allTags": "Alle Tags",
-		"contactInfo": "Kontaktinfo",
-		"contact": {
-			"all": "Alle Kontakte",
-			"favorites": "Favoriten",
-			"hasPhone": "Mit Telefon",
-			"hasEmail": "Mit E-Mail",
-			"incomplete": "Unvollständig"
-		},
-		"birthdayLabel": "Geburtstag",
-		"birthday": {
-			"all": "Alle",
-			"today": "Heute",
-			"thisWeek": "Diese Woche",
-			"thisMonth": "Diesen Monat"
-		},
-		"company": "Firma",
-		"allCompanies": "Alle Firmen"
-	},
-	"export": {
-		"title": "Kontakte exportieren",
-		"button": "Exportieren",
-		"format": "Format auswählen",
-		"selectedCount": "{count} Kontakte ausgewählt",
-		"allContacts": "Alle Kontakte werden exportiert",
-		"includeArchived": "Archivierte Kontakte einschließen",
-		"exporting": "Exportiere...",
-		"success": "Export erfolgreich"
-	},
-	"notes": {
-		"title": "Notizen",
-		"add": "Notiz hinzufügen",
-		"addFirst": "Erste Notiz hinzufügen",
-		"empty": "Noch keine Notizen",
-		"placeholder": "Schreibe eine Notiz...",
-		"confirmDelete": "Diese Notiz löschen?",
-		"pin": "Notiz anheften",
-		"unpin": "Nicht mehr anheften",
-		"yesterday": "Gestern"
-	},
-	"tags": {
-		"title": "Tags",
-		"new": "Neuer Tag",
-		"edit": "Tag bearbeiten",
-		"noTags": "Noch keine Tags",
-		"createFirst": "Erstelle deinen ersten Tag um Kontakte zu organisieren",
-		"search": "Tags durchsuchen...",
-		"name": "Name",
-		"namePlaceholder": "Tag-Name eingeben",
-		"color": "Farbe",
-		"preview": "Vorschau",
-		"contactCount": "{count} Kontakte",
-		"confirmDelete": "Möchtest du \"{name}\" wirklich löschen?",
-		"noResults": "Keine Tags gefunden",
-		"noResultsFor": "Keine Ergebnisse für \"{query}\"",
-		"tagSingular": "Tag",
-		"tagPlural": "Tags"
-	}
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/i18n/locales/en.json b/apps/contacts/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 85af5aa1b..000000000
--- a/apps/contacts/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,219 +0,0 @@
-{
-	"app": {
-		"name": "Contacts"
-	},
-	"common": {
-		"back": "Back",
-		"cancel": "Cancel",
-		"loadingMore": "Loading more..."
-	},
-	"nav": {
-		"contacts": "Contacts",
-		"groups": "Groups",
-		"tags": "Tags",
-		"favorites": "Favorites",
-		"archive": "Archive",
-		"search": "Search",
-		"settings": "Settings",
-		"feedback": "Feedback",
-		"import": "Import"
-	},
-	"import": {
-		"title": "Import Contacts",
-		"subtitle": "Import contacts from vCard or CSV files",
-		"tabs": {
-			"file": "File Import",
-			"google": "Google Contacts"
-		},
-		"processing": "Processing file...",
-		"importing": "Importing...",
-		"downloadTemplate": "Download CSV template",
-		"dropzone": {
-			"title": "Drop file here",
-			"subtitle": "or click to select"
-		},
-		"preview": {
-			"total": "Total",
-			"valid": "Valid",
-			"duplicates": "Duplicates",
-			"selected": "Selected",
-			"errors": "Parse errors",
-			"duplicateHandling": "How should duplicates be handled?",
-			"skip": "Skip",
-			"merge": "Merge",
-			"create": "Create anyway",
-			"contacts": "Contacts to import",
-			"selectAll": "Select all",
-			"deselectAll": "Deselect all",
-			"duplicateTag": "Duplicate",
-			"matchesWith": "Matches with",
-			"importButton": "Import {count} contacts"
-		},
-		"result": {
-			"title": "Import complete",
-			"subtitle": "Your contacts have been successfully imported",
-			"imported": "Imported",
-			"merged": "Merged",
-			"skipped": "Skipped",
-			"errors": "Errors",
-			"importMore": "Import more",
-			"done": "Done"
-		}
-	},
-	"contacts": {
-		"title": "Contacts",
-		"new": "New Contact",
-		"edit": "Edit",
-		"delete": "Delete",
-		"search": "Search contacts...",
-		"noContacts": "No contacts found",
-		"addFirst": "Add your first contact",
-		"me": "Me",
-		"myCard": "My Card",
-		"favorites": "Favorites",
-		"archive": "Archive",
-		"contact": "Contact",
-		"contactsPlural": "Contacts",
-		"call": "Call",
-		"email": "Send email",
-		"favorite": "Mark as favorite",
-		"unfavorite": "Remove favorite"
-	},
-	"views": {
-		"list": "List view",
-		"grid": "Grid view",
-		"alphabet": "Alphabetical"
-	},
-	"sort": {
-		"firstName": "First Name",
-		"lastName": "Last Name"
-	},
-	"contact": {
-		"firstName": "First Name",
-		"lastName": "Last Name",
-		"displayName": "Display Name",
-		"email": "Email",
-		"phone": "Phone",
-		"mobile": "Mobile",
-		"company": "Company",
-		"jobTitle": "Job Title",
-		"department": "Department",
-		"street": "Street",
-		"city": "City",
-		"postalCode": "Postal Code",
-		"country": "Country",
-		"website": "Website",
-		"birthday": "Birthday",
-		"notes": "Notes",
-		"tasks": {
-			"title": "Tasks",
-			"assigned": "Assigned",
-			"involved": "Involved",
-			"empty": "No tasks for this contact",
-			"serviceUnavailable": "Todo service unavailable",
-			"error": "Failed to load tasks",
-			"overdue": "Overdue",
-			"dueToday": "Today",
-			"tomorrow": "Tomorrow",
-			"showCompleted": "Completed",
-			"showMore": "Show {count} more",
-			"markComplete": "Mark as complete",
-			"markIncomplete": "Mark as incomplete"
-		}
-	},
-	"groups": {
-		"title": "Groups",
-		"new": "New Group",
-		"noGroups": "No groups available"
-	},
-	"actions": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"create": "Create",
-		"favorite": "Favorite",
-		"unfavorite": "Unfavorite",
-		"archive": "Archive",
-		"unarchive": "Restore"
-	},
-	"messages": {
-		"saved": "Saved",
-		"deleted": "Deleted",
-		"error": "An error occurred"
-	},
-	"google": {
-		"loading": "Checking connection...",
-		"connect": {
-			"title": "Connect to Google",
-			"subtitle": "Import your contacts directly from Google Contacts",
-			"button": "Connect with Google"
-		},
-		"connected": "Connected to Google",
-		"disconnect": "Disconnect",
-		"contacts": "Contacts",
-		"loadMore": "Load more"
-	},
-	"filters": {
-		"title": "Filters",
-		"clearAll": "Clear all",
-		"tag": "Tag",
-		"allTags": "All tags",
-		"contactInfo": "Contact info",
-		"contact": {
-			"all": "All contacts",
-			"favorites": "Favorites",
-			"hasPhone": "With phone",
-			"hasEmail": "With email",
-			"incomplete": "Incomplete"
-		},
-		"birthdayLabel": "Birthday",
-		"birthday": {
-			"all": "All",
-			"today": "Today",
-			"thisWeek": "This week",
-			"thisMonth": "This month"
-		},
-		"company": "Company",
-		"allCompanies": "All companies"
-	},
-	"export": {
-		"title": "Export Contacts",
-		"button": "Export",
-		"format": "Select format",
-		"selectedCount": "{count} contacts selected",
-		"allContacts": "All contacts will be exported",
-		"includeArchived": "Include archived contacts",
-		"exporting": "Exporting...",
-		"success": "Export successful"
-	},
-	"notes": {
-		"title": "Notes",
-		"add": "Add Note",
-		"addFirst": "Add your first note",
-		"empty": "No notes yet",
-		"placeholder": "Write a note...",
-		"confirmDelete": "Delete this note?",
-		"pin": "Pin note",
-		"unpin": "Unpin note",
-		"yesterday": "Yesterday"
-	},
-	"tags": {
-		"title": "Tags",
-		"new": "New Tag",
-		"edit": "Edit Tag",
-		"noTags": "No tags yet",
-		"createFirst": "Create your first tag to organize contacts",
-		"search": "Search tags...",
-		"name": "Name",
-		"namePlaceholder": "Enter tag name",
-		"color": "Color",
-		"preview": "Preview",
-		"contactCount": "{count} contacts",
-		"confirmDelete": "Are you sure you want to delete \"{name}\"?",
-		"noResults": "No tags found",
-		"noResultsFor": "No results for \"{query}\"",
-		"tagSingular": "Tag",
-		"tagPlural": "Tags"
-	}
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/i18n/locales/es.json b/apps/contacts/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index 51011b383..000000000
--- a/apps/contacts/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,219 +0,0 @@
-{
-	"app": {
-		"name": "Contacts"
-	},
-	"common": {
-		"back": "Volver",
-		"cancel": "Cancelar",
-		"loadingMore": "Cargando más..."
-	},
-	"nav": {
-		"contacts": "Contactos",
-		"groups": "Grupos",
-		"tags": "Etiquetas",
-		"favorites": "Favoritos",
-		"archive": "Archivo",
-		"search": "Buscar",
-		"settings": "Configuración",
-		"feedback": "Comentarios",
-		"import": "Importar"
-	},
-	"import": {
-		"title": "Importar contactos",
-		"subtitle": "Importa contactos desde archivos vCard o CSV",
-		"tabs": {
-			"file": "Importar archivo",
-			"google": "Google Contacts"
-		},
-		"processing": "Procesando archivo...",
-		"importing": "Importando...",
-		"downloadTemplate": "Descargar plantilla CSV",
-		"dropzone": {
-			"title": "Arrastra el archivo aquí",
-			"subtitle": "o haz clic para seleccionar"
-		},
-		"preview": {
-			"total": "Total",
-			"valid": "Válidos",
-			"duplicates": "Duplicados",
-			"selected": "Seleccionados",
-			"errors": "Errores de análisis",
-			"duplicateHandling": "¿Cómo gestionar los duplicados?",
-			"skip": "Omitir",
-			"merge": "Fusionar",
-			"create": "Crear de todos modos",
-			"contacts": "Contactos a importar",
-			"selectAll": "Seleccionar todos",
-			"deselectAll": "Deseleccionar todos",
-			"duplicateTag": "Duplicado",
-			"matchesWith": "Coincide con",
-			"importButton": "Importar {count} contactos"
-		},
-		"result": {
-			"title": "Importación completada",
-			"subtitle": "Tus contactos han sido importados con éxito",
-			"imported": "Importados",
-			"merged": "Fusionados",
-			"skipped": "Omitidos",
-			"errors": "Errores",
-			"importMore": "Importar más",
-			"done": "Listo"
-		}
-	},
-	"contacts": {
-		"title": "Contactos",
-		"new": "Nuevo contacto",
-		"edit": "Editar",
-		"delete": "Eliminar",
-		"search": "Buscar contactos...",
-		"noContacts": "No se encontraron contactos",
-		"addFirst": "Añade tu primer contacto",
-		"me": "Yo",
-		"myCard": "Mi tarjeta",
-		"favorites": "Favoritos",
-		"archive": "Archivo",
-		"contact": "Contacto",
-		"contactsPlural": "Contactos",
-		"call": "Llamar",
-		"email": "Enviar correo",
-		"favorite": "Marcar como favorito",
-		"unfavorite": "Quitar de favoritos"
-	},
-	"views": {
-		"list": "Vista de lista",
-		"grid": "Vista de cuadrícula",
-		"alphabet": "Alfabético"
-	},
-	"sort": {
-		"firstName": "Nombre",
-		"lastName": "Apellido"
-	},
-	"contact": {
-		"firstName": "Nombre",
-		"lastName": "Apellido",
-		"displayName": "Nombre para mostrar",
-		"email": "Correo electrónico",
-		"phone": "Teléfono",
-		"mobile": "Móvil",
-		"company": "Empresa",
-		"jobTitle": "Cargo",
-		"department": "Departamento",
-		"street": "Calle",
-		"city": "Ciudad",
-		"postalCode": "Código postal",
-		"country": "País",
-		"website": "Sitio web",
-		"birthday": "Cumpleaños",
-		"notes": "Notas",
-		"tasks": {
-			"title": "Tareas",
-			"assigned": "Asignadas",
-			"involved": "Involucrado",
-			"empty": "No hay tareas para este contacto",
-			"serviceUnavailable": "Servicio Todo no disponible",
-			"error": "Error al cargar las tareas",
-			"overdue": "Atrasada",
-			"dueToday": "Hoy",
-			"tomorrow": "Mañana",
-			"showCompleted": "Completadas",
-			"showMore": "Mostrar {count} más",
-			"markComplete": "Marcar como completada",
-			"markIncomplete": "Marcar como no completada"
-		}
-	},
-	"groups": {
-		"title": "Grupos",
-		"new": "Nuevo grupo",
-		"noGroups": "No hay grupos disponibles"
-	},
-	"actions": {
-		"save": "Guardar",
-		"cancel": "Cancelar",
-		"delete": "Eliminar",
-		"edit": "Editar",
-		"create": "Crear",
-		"favorite": "Favorito",
-		"unfavorite": "No favorito",
-		"archive": "Archivar",
-		"unarchive": "Restaurar"
-	},
-	"messages": {
-		"saved": "Guardado",
-		"deleted": "Eliminado",
-		"error": "Ha ocurrido un error"
-	},
-	"google": {
-		"loading": "Verificando conexión...",
-		"connect": {
-			"title": "Conectar con Google",
-			"subtitle": "Importa tus contactos directamente desde Google Contacts",
-			"button": "Conectar con Google"
-		},
-		"connected": "Conectado a Google",
-		"disconnect": "Desconectar",
-		"contacts": "Contactos",
-		"loadMore": "Cargar más"
-	},
-	"filters": {
-		"title": "Filtros",
-		"clearAll": "Borrar todo",
-		"tag": "Etiqueta",
-		"allTags": "Todas las etiquetas",
-		"contactInfo": "Info de contacto",
-		"contact": {
-			"all": "Todos los contactos",
-			"favorites": "Favoritos",
-			"hasPhone": "Con teléfono",
-			"hasEmail": "Con correo",
-			"incomplete": "Incompletos"
-		},
-		"birthdayLabel": "Cumpleaños",
-		"birthday": {
-			"all": "Todos",
-			"today": "Hoy",
-			"thisWeek": "Esta semana",
-			"thisMonth": "Este mes"
-		},
-		"company": "Empresa",
-		"allCompanies": "Todas las empresas"
-	},
-	"export": {
-		"title": "Exportar contactos",
-		"button": "Exportar",
-		"format": "Seleccionar formato",
-		"selectedCount": "{count} contactos seleccionados",
-		"allContacts": "Se exportarán todos los contactos",
-		"includeArchived": "Incluir contactos archivados",
-		"exporting": "Exportando...",
-		"success": "Exportación exitosa"
-	},
-	"notes": {
-		"title": "Notas",
-		"add": "Añadir nota",
-		"addFirst": "Añade tu primera nota",
-		"empty": "Sin notas todavía",
-		"placeholder": "Escribe una nota...",
-		"confirmDelete": "¿Eliminar esta nota?",
-		"pin": "Fijar nota",
-		"unpin": "Desfijar nota",
-		"yesterday": "Ayer"
-	},
-	"tags": {
-		"title": "Etiquetas",
-		"new": "Nueva etiqueta",
-		"edit": "Editar etiqueta",
-		"noTags": "Sin etiquetas todavía",
-		"createFirst": "Crea tu primera etiqueta para organizar contactos",
-		"search": "Buscar etiquetas...",
-		"name": "Nombre",
-		"namePlaceholder": "Introduce el nombre de la etiqueta",
-		"color": "Color",
-		"preview": "Vista previa",
-		"contactCount": "{count} contactos",
-		"confirmDelete": "¿Estás seguro de que quieres eliminar \"{name}\"?",
-		"noResults": "No se encontraron etiquetas",
-		"noResultsFor": "Sin resultados para \"{query}\"",
-		"tagSingular": "Etiqueta",
-		"tagPlural": "Etiquetas"
-	}
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/contacts/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index f10465356..000000000
--- a/apps/contacts/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,219 +0,0 @@
-{
-	"app": {
-		"name": "Contacts"
-	},
-	"common": {
-		"back": "Retour",
-		"cancel": "Annuler",
-		"loadingMore": "Chargement..."
-	},
-	"nav": {
-		"contacts": "Contacts",
-		"groups": "Groupes",
-		"tags": "Tags",
-		"favorites": "Favoris",
-		"archive": "Archives",
-		"search": "Rechercher",
-		"settings": "Paramètres",
-		"feedback": "Commentaires",
-		"import": "Importer"
-	},
-	"import": {
-		"title": "Importer des contacts",
-		"subtitle": "Importez des contacts depuis des fichiers vCard ou CSV",
-		"tabs": {
-			"file": "Import de fichier",
-			"google": "Google Contacts"
-		},
-		"processing": "Traitement du fichier...",
-		"importing": "Importation...",
-		"downloadTemplate": "Télécharger le modèle CSV",
-		"dropzone": {
-			"title": "Déposez le fichier ici",
-			"subtitle": "ou cliquez pour sélectionner"
-		},
-		"preview": {
-			"total": "Total",
-			"valid": "Valides",
-			"duplicates": "Doublons",
-			"selected": "Sélectionnés",
-			"errors": "Erreurs d'analyse",
-			"duplicateHandling": "Comment traiter les doublons ?",
-			"skip": "Ignorer",
-			"merge": "Fusionner",
-			"create": "Créer quand même",
-			"contacts": "Contacts à importer",
-			"selectAll": "Tout sélectionner",
-			"deselectAll": "Tout désélectionner",
-			"duplicateTag": "Doublon",
-			"matchesWith": "Correspond à",
-			"importButton": "Importer {count} contacts"
-		},
-		"result": {
-			"title": "Import terminé",
-			"subtitle": "Vos contacts ont été importés avec succès",
-			"imported": "Importés",
-			"merged": "Fusionnés",
-			"skipped": "Ignorés",
-			"errors": "Erreurs",
-			"importMore": "Importer d'autres",
-			"done": "Terminé"
-		}
-	},
-	"contacts": {
-		"title": "Contacts",
-		"new": "Nouveau contact",
-		"edit": "Modifier",
-		"delete": "Supprimer",
-		"search": "Rechercher des contacts...",
-		"noContacts": "Aucun contact trouvé",
-		"addFirst": "Ajoutez votre premier contact",
-		"me": "Moi",
-		"myCard": "Ma fiche",
-		"favorites": "Favoris",
-		"archive": "Archives",
-		"contact": "Contact",
-		"contactsPlural": "Contacts",
-		"call": "Appeler",
-		"email": "Envoyer un e-mail",
-		"favorite": "Marquer comme favori",
-		"unfavorite": "Retirer des favoris"
-	},
-	"views": {
-		"list": "Vue liste",
-		"grid": "Vue grille",
-		"alphabet": "Alphabétique"
-	},
-	"sort": {
-		"firstName": "Prénom",
-		"lastName": "Nom"
-	},
-	"contact": {
-		"firstName": "Prénom",
-		"lastName": "Nom",
-		"displayName": "Nom d'affichage",
-		"email": "E-mail",
-		"phone": "Téléphone",
-		"mobile": "Mobile",
-		"company": "Entreprise",
-		"jobTitle": "Poste",
-		"department": "Département",
-		"street": "Rue",
-		"city": "Ville",
-		"postalCode": "Code postal",
-		"country": "Pays",
-		"website": "Site web",
-		"birthday": "Anniversaire",
-		"notes": "Notes",
-		"tasks": {
-			"title": "Tâches",
-			"assigned": "Assignées",
-			"involved": "Impliqué",
-			"empty": "Aucune tâche pour ce contact",
-			"serviceUnavailable": "Service Todo indisponible",
-			"error": "Échec du chargement des tâches",
-			"overdue": "En retard",
-			"dueToday": "Aujourd'hui",
-			"tomorrow": "Demain",
-			"showCompleted": "Terminées",
-			"showMore": "Afficher {count} de plus",
-			"markComplete": "Marquer comme terminée",
-			"markIncomplete": "Marquer comme non terminée"
-		}
-	},
-	"groups": {
-		"title": "Groupes",
-		"new": "Nouveau groupe",
-		"noGroups": "Aucun groupe disponible"
-	},
-	"actions": {
-		"save": "Enregistrer",
-		"cancel": "Annuler",
-		"delete": "Supprimer",
-		"edit": "Modifier",
-		"create": "Créer",
-		"favorite": "Favori",
-		"unfavorite": "Non favori",
-		"archive": "Archiver",
-		"unarchive": "Restaurer"
-	},
-	"messages": {
-		"saved": "Enregistré",
-		"deleted": "Supprimé",
-		"error": "Une erreur est survenue"
-	},
-	"google": {
-		"loading": "Vérification de la connexion...",
-		"connect": {
-			"title": "Se connecter à Google",
-			"subtitle": "Importez vos contacts directement depuis Google Contacts",
-			"button": "Se connecter avec Google"
-		},
-		"connected": "Connecté à Google",
-		"disconnect": "Déconnecter",
-		"contacts": "Contacts",
-		"loadMore": "Charger plus"
-	},
-	"filters": {
-		"title": "Filtres",
-		"clearAll": "Tout effacer",
-		"tag": "Tag",
-		"allTags": "Tous les tags",
-		"contactInfo": "Info contact",
-		"contact": {
-			"all": "Tous les contacts",
-			"favorites": "Favoris",
-			"hasPhone": "Avec téléphone",
-			"hasEmail": "Avec e-mail",
-			"incomplete": "Incomplets"
-		},
-		"birthdayLabel": "Anniversaire",
-		"birthday": {
-			"all": "Tous",
-			"today": "Aujourd'hui",
-			"thisWeek": "Cette semaine",
-			"thisMonth": "Ce mois-ci"
-		},
-		"company": "Entreprise",
-		"allCompanies": "Toutes les entreprises"
-	},
-	"export": {
-		"title": "Exporter les contacts",
-		"button": "Exporter",
-		"format": "Choisir le format",
-		"selectedCount": "{count} contacts sélectionnés",
-		"allContacts": "Tous les contacts seront exportés",
-		"includeArchived": "Inclure les contacts archivés",
-		"exporting": "Exportation...",
-		"success": "Export réussi"
-	},
-	"notes": {
-		"title": "Notes",
-		"add": "Ajouter une note",
-		"addFirst": "Ajoutez votre première note",
-		"empty": "Aucune note pour le moment",
-		"placeholder": "Écrire une note...",
-		"confirmDelete": "Supprimer cette note ?",
-		"pin": "Épingler la note",
-		"unpin": "Désépingler la note",
-		"yesterday": "Hier"
-	},
-	"tags": {
-		"title": "Tags",
-		"new": "Nouveau tag",
-		"edit": "Modifier le tag",
-		"noTags": "Aucun tag pour le moment",
-		"createFirst": "Créez votre premier tag pour organiser vos contacts",
-		"search": "Rechercher des tags...",
-		"name": "Nom",
-		"namePlaceholder": "Saisir le nom du tag",
-		"color": "Couleur",
-		"preview": "Aperçu",
-		"contactCount": "{count} contacts",
-		"confirmDelete": "Êtes-vous sûr de vouloir supprimer \"{name}\" ?",
-		"noResults": "Aucun tag trouvé",
-		"noResultsFor": "Aucun résultat pour \"{query}\"",
-		"tagSingular": "Tag",
-		"tagPlural": "Tags"
-	}
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/i18n/locales/it.json b/apps/contacts/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index ec2f8b6cd..000000000
--- a/apps/contacts/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,219 +0,0 @@
-{
-	"app": {
-		"name": "Contacts"
-	},
-	"common": {
-		"back": "Indietro",
-		"cancel": "Annulla",
-		"loadingMore": "Caricamento..."
-	},
-	"nav": {
-		"contacts": "Contatti",
-		"groups": "Gruppi",
-		"tags": "Tag",
-		"favorites": "Preferiti",
-		"archive": "Archivio",
-		"search": "Cerca",
-		"settings": "Impostazioni",
-		"feedback": "Feedback",
-		"import": "Importa"
-	},
-	"import": {
-		"title": "Importa contatti",
-		"subtitle": "Importa contatti da file vCard o CSV",
-		"tabs": {
-			"file": "Import da file",
-			"google": "Google Contatti"
-		},
-		"processing": "Elaborazione del file...",
-		"importing": "Importazione...",
-		"downloadTemplate": "Scarica modello CSV",
-		"dropzone": {
-			"title": "Trascina il file qui",
-			"subtitle": "o clicca per selezionare"
-		},
-		"preview": {
-			"total": "Totale",
-			"valid": "Validi",
-			"duplicates": "Duplicati",
-			"selected": "Selezionati",
-			"errors": "Errori di analisi",
-			"duplicateHandling": "Come gestire i duplicati?",
-			"skip": "Ignora",
-			"merge": "Unisci",
-			"create": "Crea comunque",
-			"contacts": "Contatti da importare",
-			"selectAll": "Seleziona tutti",
-			"deselectAll": "Deseleziona tutti",
-			"duplicateTag": "Duplicato",
-			"matchesWith": "Corrisponde a",
-			"importButton": "Importa {count} contatti"
-		},
-		"result": {
-			"title": "Importazione completata",
-			"subtitle": "I tuoi contatti sono stati importati con successo",
-			"imported": "Importati",
-			"merged": "Uniti",
-			"skipped": "Ignorati",
-			"errors": "Errori",
-			"importMore": "Importa altri",
-			"done": "Fatto"
-		}
-	},
-	"contacts": {
-		"title": "Contatti",
-		"new": "Nuovo contatto",
-		"edit": "Modifica",
-		"delete": "Elimina",
-		"search": "Cerca contatti...",
-		"noContacts": "Nessun contatto trovato",
-		"addFirst": "Aggiungi il tuo primo contatto",
-		"me": "Io",
-		"myCard": "La mia scheda",
-		"favorites": "Preferiti",
-		"archive": "Archivio",
-		"contact": "Contatto",
-		"contactsPlural": "Contatti",
-		"call": "Chiama",
-		"email": "Invia e-mail",
-		"favorite": "Segna come preferito",
-		"unfavorite": "Rimuovi dai preferiti"
-	},
-	"views": {
-		"list": "Vista elenco",
-		"grid": "Vista griglia",
-		"alphabet": "Alfabetico"
-	},
-	"sort": {
-		"firstName": "Nome",
-		"lastName": "Cognome"
-	},
-	"contact": {
-		"firstName": "Nome",
-		"lastName": "Cognome",
-		"displayName": "Nome visualizzato",
-		"email": "E-mail",
-		"phone": "Telefono",
-		"mobile": "Cellulare",
-		"company": "Azienda",
-		"jobTitle": "Posizione",
-		"department": "Dipartimento",
-		"street": "Via",
-		"city": "Città",
-		"postalCode": "CAP",
-		"country": "Paese",
-		"website": "Sito web",
-		"birthday": "Compleanno",
-		"notes": "Note",
-		"tasks": {
-			"title": "Attività",
-			"assigned": "Assegnate",
-			"involved": "Coinvolto",
-			"empty": "Nessuna attività per questo contatto",
-			"serviceUnavailable": "Servizio Todo non disponibile",
-			"error": "Impossibile caricare le attività",
-			"overdue": "In ritardo",
-			"dueToday": "Oggi",
-			"tomorrow": "Domani",
-			"showCompleted": "Completate",
-			"showMore": "Mostra altri {count}",
-			"markComplete": "Segna come completata",
-			"markIncomplete": "Segna come non completata"
-		}
-	},
-	"groups": {
-		"title": "Gruppi",
-		"new": "Nuovo gruppo",
-		"noGroups": "Nessun gruppo disponibile"
-	},
-	"actions": {
-		"save": "Salva",
-		"cancel": "Annulla",
-		"delete": "Elimina",
-		"edit": "Modifica",
-		"create": "Crea",
-		"favorite": "Preferito",
-		"unfavorite": "Non preferito",
-		"archive": "Archivia",
-		"unarchive": "Ripristina"
-	},
-	"messages": {
-		"saved": "Salvato",
-		"deleted": "Eliminato",
-		"error": "Si è verificato un errore"
-	},
-	"google": {
-		"loading": "Verifica della connessione...",
-		"connect": {
-			"title": "Connetti a Google",
-			"subtitle": "Importa i tuoi contatti direttamente da Google Contatti",
-			"button": "Connetti con Google"
-		},
-		"connected": "Connesso a Google",
-		"disconnect": "Disconnetti",
-		"contacts": "Contatti",
-		"loadMore": "Carica altri"
-	},
-	"filters": {
-		"title": "Filtri",
-		"clearAll": "Cancella tutto",
-		"tag": "Tag",
-		"allTags": "Tutti i tag",
-		"contactInfo": "Info contatto",
-		"contact": {
-			"all": "Tutti i contatti",
-			"favorites": "Preferiti",
-			"hasPhone": "Con telefono",
-			"hasEmail": "Con e-mail",
-			"incomplete": "Incompleti"
-		},
-		"birthdayLabel": "Compleanno",
-		"birthday": {
-			"all": "Tutti",
-			"today": "Oggi",
-			"thisWeek": "Questa settimana",
-			"thisMonth": "Questo mese"
-		},
-		"company": "Azienda",
-		"allCompanies": "Tutte le aziende"
-	},
-	"export": {
-		"title": "Esporta contatti",
-		"button": "Esporta",
-		"format": "Seleziona formato",
-		"selectedCount": "{count} contatti selezionati",
-		"allContacts": "Tutti i contatti verranno esportati",
-		"includeArchived": "Includi contatti archiviati",
-		"exporting": "Esportazione...",
-		"success": "Esportazione riuscita"
-	},
-	"notes": {
-		"title": "Note",
-		"add": "Aggiungi nota",
-		"addFirst": "Aggiungi la tua prima nota",
-		"empty": "Nessuna nota ancora",
-		"placeholder": "Scrivi una nota...",
-		"confirmDelete": "Eliminare questa nota?",
-		"pin": "Fissa nota",
-		"unpin": "Rimuovi fissaggio",
-		"yesterday": "Ieri"
-	},
-	"tags": {
-		"title": "Tag",
-		"new": "Nuovo tag",
-		"edit": "Modifica tag",
-		"noTags": "Nessun tag ancora",
-		"createFirst": "Crea il tuo primo tag per organizzare i contatti",
-		"search": "Cerca tag...",
-		"name": "Nome",
-		"namePlaceholder": "Inserisci nome del tag",
-		"color": "Colore",
-		"preview": "Anteprima",
-		"contactCount": "{count} contatti",
-		"confirmDelete": "Sei sicuro di voler eliminare \"{name}\"?",
-		"noResults": "Nessun tag trovato",
-		"noResultsFor": "Nessun risultato per \"{query}\"",
-		"tagSingular": "Tag",
-		"tagPlural": "Tag"
-	}
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/services/feedback.ts b/apps/contacts/apps/web-archived/src/lib/services/feedback.ts
deleted file mode 100644
index 18ecafb41..000000000
--- a/apps/contacts/apps/web-archived/src/lib/services/feedback.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Feedback Service Instance for Contacts Web App
- */
-
-import { browser } from '$app/environment';
-import { createFeedbackService } from '@manacore/feedback';
-import { authStore } from '$lib/stores/auth.svelte';
-
-// Get auth URL dynamically at runtime
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		return injectedUrl || 'http://localhost:3001';
-	}
-	return 'http://localhost:3001';
-}
-
-export const feedbackService = createFeedbackService({
-	apiUrl: getAuthUrl(),
-	appId: 'contacts',
-	getAuthToken: async () => authStore.getAccessToken(),
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 88ff96482..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-import { contactsFilterStore } from './filter.svelte';
-
-/**
- * Contacts-specific onboarding steps
- */
-const contactsOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Kontakte!',
-		description: 'Das kann Kontakte für dich tun:',
-		emoji: '👥',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		bullets: [
-			'Kontakte verwalten & organisieren',
-			'Import von Google oder vCard/CSV',
-			'Tags & Gruppen für bessere Übersicht',
-			'Schnellsuche & Filter',
-		],
-	},
-	{
-		id: 'sortOrder',
-		type: 'select',
-		question: 'Wie sortierst du Kontakte?',
-		description: 'Bestimmt die Reihenfolge deiner Kontaktliste.',
-		emoji: '🔤',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		options: [
-			{
-				id: 'firstName',
-				label: 'Vorname',
-				description: 'Anna, Max, Till ...',
-				emoji: '👤',
-			},
-			{
-				id: 'lastName',
-				label: 'Nachname',
-				description: 'Müller, Schmidt, Weber ...',
-				emoji: '📋',
-			},
-		],
-		defaultValue: 'firstName',
-	},
-	{
-		id: 'importSource',
-		type: 'select',
-		question: 'Kontakte importieren?',
-		description: 'Du kannst jederzeit später über Daten importieren.',
-		emoji: '📥',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'google',
-				label: 'Google Kontakte',
-				description: 'Über dein Google-Konto',
-				emoji: '🔗',
-			},
-			{
-				id: 'file',
-				label: 'Datei (vCard/CSV)',
-				description: 'Aus einer exportierten Datei',
-				emoji: '📄',
-			},
-			{
-				id: 'later',
-				label: 'Später',
-				description: 'Erstmal ohne Import starten',
-				emoji: '⏭️',
-			},
-		],
-		defaultValue: 'later',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Deine Kontakte sind bereit!',
-		description: 'Hier sind einige Tipps für den Start:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Deine eigene Kontaktkarte ist schon angelegt — klick sie an und füll sie aus',
-			'Nutze die Schnelleingabe unten, um Kontakte per Text zu erstellen',
-			'Drücke "F" für den Fokus-Modus ohne Ablenkungen',
-			'Tagge Kontakte für bessere Organisation',
-		],
-	},
-];
-
-/**
- * Contacts app onboarding store
- *
- * Usage in components:
- * ```svelte
- * <script>
- *   import { contactsOnboarding } from '$lib/stores/app-onboarding.svelte';
- *   import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
- * </script>
- *
- * {#if contactsOnboarding.shouldShow}
- *   <MiniOnboardingModal
- *     store={contactsOnboarding}
- *     appName="Kontakte"
- *     appEmoji="👥"
- *   />
- * {/if}
- * ```
- */
-export const contactsOnboarding = createAppOnboardingStore({
-	appId: 'contacts',
-	steps: contactsOnboardingSteps,
-	userSettings,
-	onComplete: async (preferences) => {
-		// Apply sort order preference
-		const sortOrder = preferences.sortOrder as string;
-		if (sortOrder === 'firstName' || sortOrder === 'lastName') {
-			contactsFilterStore.setSortField(sortOrder);
-		}
-
-		// Import navigation is handled by the layout after onboarding completes
-	},
-	onSkip: async () => {
-		// Defaults are sensible, nothing to do
-	},
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index a8ed3ac42..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3015,
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/contacts.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/contacts.svelte.ts
deleted file mode 100644
index 056d23de8..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/contacts.svelte.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-/**
- * Contacts Store — Mutation-Only
- *
- * All reads are handled by useLiveQuery (see $lib/data/queries.ts).
- * This store only exposes mutations that write to IndexedDB.
- * The live queries will automatically pick up the changes.
- */
-
-import { contactCollection, type LocalContact } from '$lib/data/local-store';
-import type { Contact } from '$lib/api/contacts';
-import { toContact } from '$lib/data/queries';
-import { ContactsEvents } from '@manacore/shared-utils/analytics';
-
-export const contactsStore = {
-	/**
-	 * Create a new contact — writes to IndexedDB instantly.
-	 */
-	async createContact(data: Partial<Contact>) {
-		const newLocal: LocalContact = {
-			id: crypto.randomUUID(),
-			firstName: data.firstName ?? undefined,
-			lastName: data.lastName ?? undefined,
-			email: data.email ?? undefined,
-			phone: data.phone ?? undefined,
-			company: data.company ?? undefined,
-			jobTitle: data.jobTitle ?? undefined,
-			notes: data.notes ?? undefined,
-			photoUrl: data.photoUrl ?? undefined,
-			birthday: data.birthday ?? undefined,
-			tags: data.tags?.map((t) => t.name) ?? [],
-			isFavorite: false,
-			isArchived: false,
-		};
-
-		const inserted = await contactCollection.insert(newLocal);
-		ContactsEvents.contactCreated();
-		return toContact(inserted);
-	},
-
-	/**
-	 * Update a contact — writes to IndexedDB instantly.
-	 */
-	async updateContact(id: string, data: Partial<Contact>) {
-		const updateData: Partial<LocalContact> = {};
-		if (data.firstName !== undefined) updateData.firstName = data.firstName ?? undefined;
-		if (data.lastName !== undefined) updateData.lastName = data.lastName ?? undefined;
-		if (data.email !== undefined) updateData.email = data.email ?? undefined;
-		if (data.phone !== undefined) updateData.phone = data.phone ?? undefined;
-		if (data.company !== undefined) updateData.company = data.company ?? undefined;
-		if (data.jobTitle !== undefined) updateData.jobTitle = data.jobTitle ?? undefined;
-		if (data.notes !== undefined) updateData.notes = data.notes ?? undefined;
-		if (data.photoUrl !== undefined) updateData.photoUrl = data.photoUrl ?? undefined;
-		if (data.birthday !== undefined) updateData.birthday = data.birthday ?? undefined;
-		if (data.tags !== undefined) updateData.tags = data.tags?.map((t) => t.name) ?? [];
-		if (data.isFavorite !== undefined) updateData.isFavorite = data.isFavorite;
-		if (data.isArchived !== undefined) updateData.isArchived = data.isArchived;
-
-		const updated = await contactCollection.update(id, updateData);
-		if (updated) {
-			ContactsEvents.contactUpdated();
-			return toContact(updated);
-		}
-	},
-
-	/**
-	 * Delete a contact — removes from IndexedDB instantly.
-	 */
-	async deleteContact(id: string) {
-		await contactCollection.delete(id);
-		ContactsEvents.contactDeleted();
-	},
-
-	/**
-	 * Toggle favorite status — writes to IndexedDB instantly.
-	 */
-	async toggleFavorite(id: string) {
-		const local = await contactCollection.get(id);
-		if (!local) return;
-
-		const updated = await contactCollection.update(id, {
-			isFavorite: !local.isFavorite,
-		} as Partial<LocalContact>);
-		if (updated) {
-			ContactsEvents.contactFavorited();
-			return toContact(updated);
-		}
-	},
-
-	/**
-	 * Toggle archive status — writes to IndexedDB instantly.
-	 */
-	async toggleArchive(id: string) {
-		const local = await contactCollection.get(id);
-		if (!local) return;
-
-		const updated = await contactCollection.update(id, {
-			isArchived: !local.isArchived,
-		} as Partial<LocalContact>);
-		if (updated) {
-			ContactsEvents.contactArchived();
-			return toContact(updated);
-		}
-	},
-
-	/**
-	 * No longer relevant — all contacts are local and editable.
-	 */
-	isDemoContact(_contactId: string) {
-		return false;
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/filter.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/filter.svelte.ts
deleted file mode 100644
index 426dec25b..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/filter.svelte.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-/**
- * Filter Store - Manages filter state for the Contacts app toolbar
- * Uses Svelte 5 runes for reactivity
- */
-
-import { browser } from '$app/environment';
-
-export type SortField = 'firstName' | 'lastName';
-export type ContactFilter = 'all' | 'favorites' | 'hasPhone' | 'hasEmail' | 'incomplete';
-export type BirthdayFilter = 'all' | 'today' | 'thisWeek' | 'thisMonth';
-
-export interface ContactsFilterState {
-	sortField: SortField;
-	contactFilter: ContactFilter;
-	birthdayFilter: BirthdayFilter;
-	selectedTagId: string | null;
-	selectedCompany: string | null;
-	isToolbarCollapsed: boolean;
-	isAlphabetNavCollapsed: boolean;
-	searchQuery: string;
-}
-
-const DEFAULT_STATE: ContactsFilterState = {
-	sortField: 'lastName',
-	contactFilter: 'all',
-	birthdayFilter: 'all',
-	selectedTagId: null,
-	selectedCompany: null,
-	isToolbarCollapsed: true,
-	isAlphabetNavCollapsed: false,
-	searchQuery: '',
-};
-
-const STORAGE_KEY = 'contacts-filter-state';
-
-function loadState(): ContactsFilterState {
-	if (!browser) return DEFAULT_STATE;
-
-	try {
-		const stored = localStorage.getItem(STORAGE_KEY);
-		if (stored) {
-			const parsed = JSON.parse(stored);
-			return { ...DEFAULT_STATE, ...parsed };
-		}
-	} catch (e) {
-		console.error('Failed to load contacts filter state:', e);
-	}
-
-	return DEFAULT_STATE;
-}
-
-function saveState(state: ContactsFilterState) {
-	if (!browser) return;
-
-	try {
-		localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
-	} catch (e) {
-		console.error('Failed to save contacts filter state:', e);
-	}
-}
-
-// Reactive state
-let state = $state<ContactsFilterState>(DEFAULT_STATE);
-
-// Generic update helper
-function update<K extends keyof ContactsFilterState>(
-	key: K,
-	value: ContactsFilterState[K],
-	persist = true
-) {
-	state = { ...state, [key]: value };
-	if (persist) saveState(state);
-}
-
-export const contactsFilterStore = {
-	// Getters - Required for Svelte 5 reactivity
-	get sortField() {
-		return state.sortField;
-	},
-	get contactFilter() {
-		return state.contactFilter;
-	},
-	get birthdayFilter() {
-		return state.birthdayFilter;
-	},
-	get selectedTagId() {
-		return state.selectedTagId;
-	},
-	get selectedCompany() {
-		return state.selectedCompany;
-	},
-	get isToolbarCollapsed() {
-		return state.isToolbarCollapsed;
-	},
-	get isAlphabetNavCollapsed() {
-		return state.isAlphabetNavCollapsed;
-	},
-	get searchQuery() {
-		return state.searchQuery;
-	},
-
-	// Setters
-	setSortField: (value: SortField) => update('sortField', value),
-	setContactFilter: (value: ContactFilter) => update('contactFilter', value),
-	setBirthdayFilter: (value: BirthdayFilter) => update('birthdayFilter', value),
-	setSelectedTagId: (value: string | null) => update('selectedTagId', value),
-	setSelectedCompany: (value: string | null) => update('selectedCompany', value),
-	setToolbarCollapsed: (value: boolean) => update('isToolbarCollapsed', value),
-	setAlphabetNavCollapsed: (value: boolean) => update('isAlphabetNavCollapsed', value),
-	setSearchQuery: (value: string) => update('searchQuery', value, false),
-
-	toggleToolbar() {
-		update('isToolbarCollapsed', !state.isToolbarCollapsed);
-	},
-
-	toggleAlphabetNav() {
-		update('isAlphabetNavCollapsed', !state.isAlphabetNavCollapsed);
-	},
-
-	resetFilters() {
-		state = {
-			...state,
-			contactFilter: 'all',
-			birthdayFilter: 'all',
-			selectedTagId: null,
-			selectedCompany: null,
-			searchQuery: '',
-		};
-		saveState(state);
-	},
-
-	initialize() {
-		if (!browser) return;
-		state = loadState();
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/filter.test.ts b/apps/contacts/apps/web-archived/src/lib/stores/filter.test.ts
deleted file mode 100644
index bdf770135..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/filter.test.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock $app/environment
-vi.mock('$app/environment', () => ({
-	browser: true,
-}));
-
-// Mock localStorage
-const mockStorage: Record<string, string> = {};
-const localStorageMock = {
-	getItem: vi.fn((key: string) => mockStorage[key] || null),
-	setItem: vi.fn((key: string, value: string) => {
-		mockStorage[key] = value;
-	}),
-	removeItem: vi.fn((key: string) => {
-		delete mockStorage[key];
-	}),
-	clear: vi.fn(() => {
-		Object.keys(mockStorage).forEach((key) => delete mockStorage[key]);
-	}),
-};
-Object.defineProperty(globalThis, 'localStorage', { value: localStorageMock });
-
-import { contactsFilterStore } from './filter.svelte';
-
-beforeEach(() => {
-	vi.clearAllMocks();
-	localStorageMock.clear();
-	// Reset to defaults
-	contactsFilterStore.resetFilters();
-});
-
-describe('contactsFilterStore', () => {
-	describe('default state', () => {
-		it('should have default sort field', () => {
-			expect(contactsFilterStore.sortField).toBe('lastName');
-		});
-
-		it('should have default contact filter', () => {
-			expect(contactsFilterStore.contactFilter).toBe('all');
-		});
-
-		it('should have default birthday filter', () => {
-			expect(contactsFilterStore.birthdayFilter).toBe('all');
-		});
-
-		it('should have no selected tag', () => {
-			expect(contactsFilterStore.selectedTagId).toBeNull();
-		});
-
-		it('should have no selected company', () => {
-			expect(contactsFilterStore.selectedCompany).toBeNull();
-		});
-
-		it('should have toolbar collapsed by default', () => {
-			expect(contactsFilterStore.isToolbarCollapsed).toBe(true);
-		});
-
-		it('should have alphabet nav expanded by default', () => {
-			expect(contactsFilterStore.isAlphabetNavCollapsed).toBe(false);
-		});
-
-		it('should have empty search query', () => {
-			expect(contactsFilterStore.searchQuery).toBe('');
-		});
-	});
-
-	describe('setters', () => {
-		it('should set sort field', () => {
-			contactsFilterStore.setSortField('firstName');
-			expect(contactsFilterStore.sortField).toBe('firstName');
-		});
-
-		it('should set contact filter', () => {
-			contactsFilterStore.setContactFilter('favorites');
-			expect(contactsFilterStore.contactFilter).toBe('favorites');
-		});
-
-		it('should set birthday filter', () => {
-			contactsFilterStore.setBirthdayFilter('thisWeek');
-			expect(contactsFilterStore.birthdayFilter).toBe('thisWeek');
-		});
-
-		it('should set selected tag ID', () => {
-			contactsFilterStore.setSelectedTagId('tag-1');
-			expect(contactsFilterStore.selectedTagId).toBe('tag-1');
-		});
-
-		it('should set selected company', () => {
-			contactsFilterStore.setSelectedCompany('ACME');
-			expect(contactsFilterStore.selectedCompany).toBe('ACME');
-		});
-
-		it('should set search query without persisting', () => {
-			contactsFilterStore.setSearchQuery('Max');
-			expect(contactsFilterStore.searchQuery).toBe('Max');
-		});
-	});
-
-	describe('toggles', () => {
-		it('should toggle toolbar collapsed state', () => {
-			expect(contactsFilterStore.isToolbarCollapsed).toBe(true);
-			contactsFilterStore.toggleToolbar();
-			expect(contactsFilterStore.isToolbarCollapsed).toBe(false);
-			contactsFilterStore.toggleToolbar();
-			expect(contactsFilterStore.isToolbarCollapsed).toBe(true);
-		});
-
-		it('should toggle alphabet nav collapsed state', () => {
-			expect(contactsFilterStore.isAlphabetNavCollapsed).toBe(false);
-			contactsFilterStore.toggleAlphabetNav();
-			expect(contactsFilterStore.isAlphabetNavCollapsed).toBe(true);
-			contactsFilterStore.toggleAlphabetNav();
-			expect(contactsFilterStore.isAlphabetNavCollapsed).toBe(false);
-		});
-	});
-
-	describe('resetFilters', () => {
-		it('should reset filters to defaults but keep toolbar/nav state', () => {
-			contactsFilterStore.setContactFilter('favorites');
-			contactsFilterStore.setBirthdayFilter('thisMonth');
-			contactsFilterStore.setSelectedTagId('tag-1');
-			contactsFilterStore.setSelectedCompany('ACME');
-			contactsFilterStore.setSearchQuery('Max');
-			contactsFilterStore.setToolbarCollapsed(false);
-
-			contactsFilterStore.resetFilters();
-
-			expect(contactsFilterStore.contactFilter).toBe('all');
-			expect(contactsFilterStore.birthdayFilter).toBe('all');
-			expect(contactsFilterStore.selectedTagId).toBeNull();
-			expect(contactsFilterStore.selectedCompany).toBeNull();
-			expect(contactsFilterStore.searchQuery).toBe('');
-			// Toolbar state is preserved in resetFilters
-		});
-	});
-
-	describe('persistence', () => {
-		it('should save state to localStorage on setter call', () => {
-			contactsFilterStore.setSortField('firstName');
-
-			expect(localStorageMock.setItem).toHaveBeenCalledWith(
-				'contacts-filter-state',
-				expect.any(String)
-			);
-		});
-
-		it('should NOT persist search query', () => {
-			vi.clearAllMocks();
-			contactsFilterStore.setSearchQuery('test');
-
-			expect(localStorageMock.setItem).not.toHaveBeenCalled();
-		});
-	});
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/navigation.ts b/apps/contacts/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index 5527a3e14..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isSidebarMode, isNavCollapsed } = createSimpleNavigationStores();
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/new-contact-modal.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/new-contact-modal.svelte.ts
deleted file mode 100644
index b565ef051..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/new-contact-modal.svelte.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Store for controlling the New Contact Modal
- */
-
-interface NewContactData {
-	firstName?: string;
-	lastName?: string;
-	displayName?: string;
-	email?: string;
-	phone?: string;
-	company?: string;
-}
-
-let isOpen = $state(false);
-let prefillData = $state<NewContactData | null>(null);
-
-export const newContactModalStore = {
-	get isOpen() {
-		return isOpen;
-	},
-
-	get prefillData() {
-		return prefillData;
-	},
-
-	/**
-	 * Open the modal, optionally with pre-filled data
-	 */
-	open(data?: NewContactData) {
-		prefillData = data || null;
-		isOpen = true;
-	},
-
-	/**
-	 * Close the modal and reset data
-	 */
-	close() {
-		isOpen = false;
-		prefillData = null;
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/settings.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/settings.svelte.ts
deleted file mode 100644
index 64590ae4f..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/settings.svelte.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-/**
- * Settings Store - Manages user preferences for the Contacts app
- * Uses @manacore/shared-stores createAppSettingsStore factory
- */
-
-import { createAppSettingsStore } from '@manacore/shared-stores';
-
-// Settings types
-export type ContactSortBy = 'name' | 'company' | 'created' | 'updated';
-export type ContactSortOrder = 'asc' | 'desc';
-export type ContactView = 'grid' | 'alphabet';
-export type DateFormat = 'dd.MM.yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd';
-
-export interface ContactsAppSettings {
-	// Display Settings
-	defaultView: ContactView;
-	sortBy: ContactSortBy;
-	sortOrder: ContactSortOrder;
-	showPhotos: boolean;
-	showCompany: boolean;
-	contactsPerPage: number;
-
-	// Contact Display
-	nameFormat: 'first-last' | 'last-first';
-	dateFormat: DateFormat;
-	showBirthdayReminders: boolean;
-	birthdayReminderDays: number;
-
-	// Import/Export
-	defaultExportFormat: 'vcf' | 'csv' | 'json';
-	includeNotesInExport: boolean;
-	includePhotosInExport: boolean;
-
-	// Duplicates
-	autoDetectDuplicates: boolean;
-	duplicateSensitivity: 'strict' | 'normal' | 'loose';
-
-	// Privacy
-	privacyMode: boolean;
-	confirmBeforeSharing: boolean;
-
-	// Alphabet Navigation Settings
-	alphabetNavHideInactive: boolean;
-	alphabetNavCompact: boolean;
-	alphabetNavReverseOrder: boolean;
-	alphabetNavShowHash: boolean;
-
-	// Immersive Mode
-	immersiveModeEnabled: boolean;
-}
-
-const DEFAULT_SETTINGS: ContactsAppSettings = {
-	// Display Settings
-	defaultView: 'alphabet',
-	sortBy: 'name',
-	sortOrder: 'asc',
-	showPhotos: true,
-	showCompany: true,
-	contactsPerPage: 50,
-
-	// Contact Display
-	nameFormat: 'first-last',
-	dateFormat: 'dd.MM.yyyy',
-	showBirthdayReminders: true,
-	birthdayReminderDays: 7,
-
-	// Import/Export
-	defaultExportFormat: 'vcf',
-	includeNotesInExport: true,
-	includePhotosInExport: true,
-
-	// Duplicates
-	autoDetectDuplicates: true,
-	duplicateSensitivity: 'normal',
-
-	// Privacy
-	privacyMode: false,
-	confirmBeforeSharing: true,
-
-	// Alphabet Navigation
-	alphabetNavHideInactive: false,
-	alphabetNavCompact: false,
-	alphabetNavReverseOrder: false,
-	alphabetNavShowHash: true,
-
-	// Immersive Mode
-	immersiveModeEnabled: false,
-};
-
-// Create base store using factory
-const baseStore = createAppSettingsStore<ContactsAppSettings>(
-	'contacts-settings',
-	DEFAULT_SETTINGS
-);
-
-// Export with convenience getters for backwards compatibility
-export const contactsSettings = {
-	// Base store methods
-	get settings() {
-		return baseStore.settings;
-	},
-	initialize: baseStore.initialize,
-	set: baseStore.set,
-	update: baseStore.update,
-	reset: baseStore.reset,
-	getDefaults: baseStore.getDefaults,
-	toggleImmersiveMode: baseStore.toggleImmersiveMode,
-
-	// Convenience getters (backwards compatible)
-	get defaultView() {
-		return baseStore.settings.defaultView;
-	},
-	get sortBy() {
-		return baseStore.settings.sortBy;
-	},
-	get sortOrder() {
-		return baseStore.settings.sortOrder;
-	},
-	get showPhotos() {
-		return baseStore.settings.showPhotos;
-	},
-	get showCompany() {
-		return baseStore.settings.showCompany;
-	},
-	get contactsPerPage() {
-		return baseStore.settings.contactsPerPage;
-	},
-	get nameFormat() {
-		return baseStore.settings.nameFormat;
-	},
-	get dateFormat() {
-		return baseStore.settings.dateFormat;
-	},
-	get showBirthdayReminders() {
-		return baseStore.settings.showBirthdayReminders;
-	},
-	get birthdayReminderDays() {
-		return baseStore.settings.birthdayReminderDays;
-	},
-	get defaultExportFormat() {
-		return baseStore.settings.defaultExportFormat;
-	},
-	get includeNotesInExport() {
-		return baseStore.settings.includeNotesInExport;
-	},
-	get includePhotosInExport() {
-		return baseStore.settings.includePhotosInExport;
-	},
-	get autoDetectDuplicates() {
-		return baseStore.settings.autoDetectDuplicates;
-	},
-	get duplicateSensitivity() {
-		return baseStore.settings.duplicateSensitivity;
-	},
-	get privacyMode() {
-		return baseStore.settings.privacyMode;
-	},
-	get confirmBeforeSharing() {
-		return baseStore.settings.confirmBeforeSharing;
-	},
-	get alphabetNavHideInactive() {
-		return baseStore.settings.alphabetNavHideInactive;
-	},
-	get alphabetNavCompact() {
-		return baseStore.settings.alphabetNavCompact;
-	},
-	get alphabetNavReverseOrder() {
-		return baseStore.settings.alphabetNavReverseOrder;
-	},
-	get alphabetNavShowHash() {
-		return baseStore.settings.alphabetNavShowHash;
-	},
-	get immersiveModeEnabled() {
-		return baseStore.settings.immersiveModeEnabled;
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/spiral.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/spiral.svelte.ts
deleted file mode 100644
index 780270187..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/spiral.svelte.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-/**
- * Spiral DB Store for Contacts
- * Manages SpiralDB state for visual contact storage
- */
-
-import {
-	SpiralDB,
-	createContactSchema,
-	type SpiralImage,
-	type SpiralRecord,
-	exportToPngBytes,
-	importFromPngBytes,
-	downloadPng,
-} from '@manacore/spiral-db';
-
-interface ContactData extends Record<string, unknown> {
-	id: number;
-	status: number;
-	hasEmail: boolean;
-	hasPhone: boolean;
-	createdAt: Date;
-	name: string;
-	company: string | null;
-	city: string | null;
-}
-
-interface SpiralStats {
-	imageSize: number;
-	totalPixels: number;
-	usedPixels: number;
-	totalRecords: number;
-	activeRecords: number;
-	deletedRecords: number;
-	currentRing: number;
-	compressionRatio: number;
-}
-
-class SpiralStore {
-	private db: SpiralDB<ContactData>;
-
-	image = $state<SpiralImage | null>(null);
-	stats = $state<SpiralStats | null>(null);
-	records = $state<SpiralRecord<ContactData>[]>([]);
-	isLoading = $state(false);
-	error = $state<string | null>(null);
-
-	constructor() {
-		this.db = new SpiralDB<ContactData>({
-			schema: createContactSchema(),
-			compression: true,
-		});
-		this.updateState();
-	}
-
-	private updateState() {
-		this.image = this.db.getImage();
-		this.records = this.db.getAll();
-
-		const dbStats = this.db.getStats();
-		const jsonSize = JSON.stringify(this.records.map((r) => r.data)).length || 1;
-		const pixelBytes = Math.ceil((dbStats.usedPixels * 3) / 8);
-
-		this.stats = {
-			...dbStats,
-			compressionRatio: Math.round((1 - pixelBytes / jsonSize) * 100),
-		};
-	}
-
-	/**
-	 * Import contacts from the contacts store
-	 */
-	importContacts(
-		contacts: Array<{
-			firstName?: string | null;
-			lastName?: string | null;
-			displayName?: string | null;
-			email?: string | null;
-			phone?: string | null;
-			mobile?: string | null;
-			company?: string | null;
-			city?: string | null;
-			isFavorite?: boolean;
-			isArchived?: boolean;
-			createdAt?: string | Date;
-		}>
-	) {
-		this.db = new SpiralDB<ContactData>({
-			schema: createContactSchema(),
-			compression: true,
-		});
-
-		for (const contact of contacts) {
-			const name =
-				contact.displayName ||
-				[contact.firstName, contact.lastName].filter(Boolean).join(' ') ||
-				'Unnamed';
-
-			const status = contact.isFavorite ? 2 : contact.isArchived ? 4 : 0;
-
-			const result = this.db.insert({
-				id: 0,
-				status,
-				hasEmail: Boolean(contact.email),
-				hasPhone: Boolean(contact.phone || contact.mobile),
-				createdAt: contact.createdAt ? new Date(contact.createdAt) : new Date(),
-				name: name.slice(0, 100),
-				company: contact.company?.slice(0, 100) ?? null,
-				city: contact.city?.slice(0, 50) ?? null,
-			});
-
-			if (result.success && contact.isFavorite) {
-				this.db.complete(result.recordId!);
-			}
-		}
-
-		this.updateState();
-	}
-
-	addContact(contact: {
-		name: string;
-		email?: string;
-		phone?: string;
-		company?: string;
-		city?: string;
-		isFavorite?: boolean;
-	}) {
-		const result = this.db.insert({
-			id: 0,
-			status: contact.isFavorite ? 2 : 0,
-			hasEmail: Boolean(contact.email),
-			hasPhone: Boolean(contact.phone),
-			createdAt: new Date(),
-			name: contact.name.slice(0, 100),
-			company: contact.company?.slice(0, 100) ?? null,
-			city: contact.city?.slice(0, 50) ?? null,
-		});
-
-		if (result.success) {
-			this.updateState();
-		}
-		return result;
-	}
-
-	removeContact(id: number) {
-		const result = this.db.delete(id);
-		if (result.success) {
-			this.updateState();
-		}
-		return result;
-	}
-
-	favoriteContact(id: number) {
-		const result = this.db.complete(id);
-		if (result.success) {
-			this.updateState();
-		}
-		return result;
-	}
-
-	downloadPng(filename = 'spiral-contacts.png') {
-		if (this.image) {
-			downloadPng(this.image, filename);
-		}
-	}
-
-	getPngBytes(): Uint8Array | null {
-		if (!this.image) return null;
-		return exportToPngBytes(this.image);
-	}
-
-	clear() {
-		this.db = new SpiralDB<ContactData>({
-			schema: createContactSchema(),
-			compression: true,
-		});
-		this.updateState();
-	}
-
-	async importFromPng(file: File): Promise<{ success: boolean; error?: string }> {
-		try {
-			this.isLoading = true;
-			this.error = null;
-
-			const buffer = await file.arrayBuffer();
-			const bytes = new Uint8Array(buffer);
-			const image = await importFromPngBytes(bytes);
-
-			this.db = SpiralDB.fromImage<ContactData>(image, createContactSchema());
-			this.updateState();
-
-			return { success: true };
-		} catch (err) {
-			const errorMessage = err instanceof Error ? err.message : 'Unknown error';
-			this.error = errorMessage;
-			return { success: false, error: errorMessage };
-		} finally {
-			this.isLoading = false;
-		}
-	}
-}
-
-export const spiralStore = new SpiralStore();
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 200a58b23..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/theme.ts b/apps/contacts/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 75ac5a8f5..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-// Create theme store with Contacts' primary color (blue)
-export const theme = createThemeStore({
-	appId: 'contacts',
-	defaultVariant: 'lume',
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/todos.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/todos.svelte.ts
deleted file mode 100644
index 8645467d0..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/todos.svelte.ts
+++ /dev/null
@@ -1,209 +0,0 @@
-/**
- * Todo Store for Contacts App
- * Manages tasks related to contacts from the Todo service
- */
-
-import { browser } from '$app/environment';
-import {
-	getTasksByContact,
-	completeTask,
-	uncompleteTask,
-	checkTodoServiceAvailable,
-	type Task,
-} from '$lib/api/todos';
-
-// State
-let tasksByContact = $state<Map<string, Task[]>>(new Map());
-let loadingContacts = $state<Set<string>>(new Set());
-let serviceAvailable = $state<boolean | null>(null);
-let lastAvailabilityCheck = $state<number>(0);
-
-// Cache TTL in milliseconds (5 minutes)
-const CACHE_TTL = 5 * 60 * 1000;
-// Availability check interval (30 seconds)
-const AVAILABILITY_CHECK_INTERVAL = 30 * 1000;
-
-// Cache timestamps
-const cacheTimestamps = new Map<string, number>();
-
-/**
- * Check if cached data is still valid
- */
-function isCacheValid(contactId: string): boolean {
-	const timestamp = cacheTimestamps.get(contactId);
-	if (!timestamp) return false;
-	return Date.now() - timestamp < CACHE_TTL;
-}
-
-/**
- * Check if the Todo service is available (with caching)
- */
-async function checkAvailability(): Promise<boolean> {
-	if (!browser) return false;
-
-	const now = Date.now();
-	if (serviceAvailable !== null && now - lastAvailabilityCheck < AVAILABILITY_CHECK_INTERVAL) {
-		return serviceAvailable;
-	}
-
-	const available = await checkTodoServiceAvailable();
-	serviceAvailable = available;
-	lastAvailabilityCheck = now;
-	return available;
-}
-
-/**
- * Load tasks for a specific contact
- */
-async function loadTasksForContact(
-	contactId: string,
-	includeCompleted: boolean = false,
-	forceRefresh: boolean = false
-): Promise<Task[]> {
-	if (!browser) return [];
-
-	// Check cache first
-	if (!forceRefresh && isCacheValid(contactId)) {
-		return tasksByContact.get(contactId) || [];
-	}
-
-	// Check service availability
-	const available = await checkAvailability();
-	if (!available) {
-		return [];
-	}
-
-	// Mark as loading
-	loadingContacts = new Set([...loadingContacts, contactId]);
-
-	try {
-		const { data, error } = await getTasksByContact(contactId, includeCompleted);
-
-		if (error) {
-			console.error(`Failed to load tasks for contact ${contactId}:`, error);
-			return [];
-		}
-
-		const tasks = data || [];
-
-		// Update cache
-		tasksByContact = new Map(tasksByContact).set(contactId, tasks);
-		cacheTimestamps.set(contactId, Date.now());
-
-		return tasks;
-	} finally {
-		// Remove from loading set
-		const newLoading = new Set(loadingContacts);
-		newLoading.delete(contactId);
-		loadingContacts = newLoading;
-	}
-}
-
-/**
- * Get cached tasks for a contact (does not fetch)
- */
-function getTasksForContact(contactId: string): Task[] {
-	return tasksByContact.get(contactId) || [];
-}
-
-/**
- * Check if tasks are currently loading for a contact
- */
-function isLoading(contactId: string): boolean {
-	return loadingContacts.has(contactId);
-}
-
-/**
- * Toggle task completion
- */
-async function toggleTaskCompletion(taskId: string, contactId: string): Promise<boolean> {
-	const tasks = tasksByContact.get(contactId) || [];
-	const task = tasks.find((t) => t.id === taskId);
-
-	if (!task) return false;
-
-	const { data, error } = task.isCompleted
-		? await uncompleteTask(taskId)
-		: await completeTask(taskId);
-
-	if (error || !data) {
-		console.error('Failed to toggle task completion:', error);
-		return false;
-	}
-
-	// Update local state
-	const updatedTasks = tasks.map((t) => (t.id === taskId ? data : t));
-	tasksByContact = new Map(tasksByContact).set(contactId, updatedTasks);
-
-	return true;
-}
-
-/**
- * Clear cache for a specific contact
- */
-function clearCacheForContact(contactId: string): void {
-	const newMap = new Map(tasksByContact);
-	newMap.delete(contactId);
-	tasksByContact = newMap;
-	cacheTimestamps.delete(contactId);
-}
-
-/**
- * Clear all cached data
- */
-function clearCache(): void {
-	tasksByContact = new Map();
-	cacheTimestamps.clear();
-}
-
-/**
- * Categorize tasks by their relation to the contact
- */
-function categorizeTasksForContact(contactId: string): { assigned: Task[]; involved: Task[] } {
-	const tasks = tasksByContact.get(contactId) || [];
-
-	const assigned: Task[] = [];
-	const involved: Task[] = [];
-
-	for (const task of tasks) {
-		const isAssignee = task.metadata?.assignee?.contactId === contactId;
-		const isInvolved = task.metadata?.involvedContacts?.some((c) => c.contactId === contactId);
-
-		if (isAssignee) {
-			assigned.push(task);
-		} else if (isInvolved) {
-			involved.push(task);
-		}
-	}
-
-	// Sort by due date (overdue first, then by date)
-	const sortByDueDate = (a: Task, b: Task): number => {
-		if (!a.dueDate && !b.dueDate) return 0;
-		if (!a.dueDate) return 1;
-		if (!b.dueDate) return -1;
-		return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime();
-	};
-
-	assigned.sort(sortByDueDate);
-	involved.sort(sortByDueDate);
-
-	return { assigned, involved };
-}
-
-// Export store
-export const todosStore = {
-	// Getters (reactive)
-	get serviceAvailable() {
-		return serviceAvailable;
-	},
-
-	// Methods
-	checkAvailability,
-	loadTasksForContact,
-	getTasksForContact,
-	isLoading,
-	toggleTaskCompletion,
-	clearCacheForContact,
-	clearCache,
-	categorizeTasksForContact,
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 9c209ca82..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * User Settings Store for Contacts
- *
- * This store syncs settings with mana-core-auth and provides:
- * - Global settings that apply to all apps
- * - Per-app overrides for customization
- * - localStorage caching for offline support
- */
-
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-// Get auth URL dynamically at runtime
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'contacts',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/stores/view-mode.svelte.ts b/apps/contacts/apps/web-archived/src/lib/stores/view-mode.svelte.ts
deleted file mode 100644
index 5b6436346..000000000
--- a/apps/contacts/apps/web-archived/src/lib/stores/view-mode.svelte.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-/**
- * View Mode Store - Manages contact list view mode
- * Syncs with contactsSettings for the default view preference
- */
-
-import { browser } from '$app/environment';
-import { contactsSettings, type ContactView } from './settings.svelte';
-
-export type ViewMode = ContactView;
-
-const STORAGE_KEY = 'contacts-view-mode';
-
-// Valid view modes
-const VALID_MODES: ViewMode[] = ['grid', 'alphabet'];
-
-function isValidMode(mode: string | null): mode is ViewMode {
-	return mode !== null && VALID_MODES.includes(mode as ViewMode);
-}
-
-// Get initial mode: current session preference > settings default > 'alphabet'
-function getInitialMode(): ViewMode {
-	if (!browser) return 'alphabet';
-
-	// First check if there's a session-specific preference
-	const sessionMode = sessionStorage.getItem(STORAGE_KEY);
-	if (isValidMode(sessionMode)) {
-		return sessionMode;
-	}
-
-	// Otherwise use the default from settings
-	return contactsSettings.defaultView || 'alphabet';
-}
-
-let mode = $state<ViewMode>(getInitialMode());
-
-export const viewModeStore = {
-	get mode() {
-		return mode;
-	},
-
-	setMode(newMode: ViewMode) {
-		mode = newMode;
-		// Save to sessionStorage for current session
-		if (browser) {
-			sessionStorage.setItem(STORAGE_KEY, newMode);
-		}
-	},
-
-	/**
-	 * Reset to default view from settings
-	 */
-	resetToDefault() {
-		mode = contactsSettings.defaultView || 'alphabet';
-		if (browser) {
-			sessionStorage.removeItem(STORAGE_KEY);
-		}
-	},
-
-	/**
-	 * Initialize mode from settings (call on app load)
-	 */
-	initialize() {
-		if (!browser) return;
-
-		// Check if there's a session preference
-		const sessionMode = sessionStorage.getItem(STORAGE_KEY);
-		if (isValidMode(sessionMode)) {
-			mode = sessionMode;
-		} else {
-			// Use default from settings
-			mode = contactsSettings.defaultView || 'alphabet';
-		}
-	},
-};
diff --git a/apps/contacts/apps/web-archived/src/lib/utils/contact-display.ts b/apps/contacts/apps/web-archived/src/lib/utils/contact-display.ts
deleted file mode 100644
index e984a27f7..000000000
--- a/apps/contacts/apps/web-archived/src/lib/utils/contact-display.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { Contact } from '$lib/api/contacts';
-
-export const UNKNOWN_CONTACT_NAME = 'Unbekannt';
-
-export function getDisplayName(contact: {
-	displayName?: string | null;
-	firstName?: string | null;
-	lastName?: string | null;
-	email?: string | null;
-}): string {
-	if (contact.displayName) return contact.displayName;
-	if (contact.firstName || contact.lastName) {
-		return [contact.firstName, contact.lastName].filter(Boolean).join(' ');
-	}
-	return contact.email || UNKNOWN_CONTACT_NAME;
-}
-
-export function getInitials(contact: {
-	firstName?: string | null;
-	lastName?: string | null;
-	email?: string | null;
-}): string {
-	const first = contact.firstName?.[0] || '';
-	const last = contact.lastName?.[0] || '';
-	return (first + last).toUpperCase() || contact.email?.[0]?.toUpperCase() || '?';
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/utils/contact-parser.test.ts b/apps/contacts/apps/web-archived/src/lib/utils/contact-parser.test.ts
deleted file mode 100644
index 2d5282999..000000000
--- a/apps/contacts/apps/web-archived/src/lib/utils/contact-parser.test.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { parseContactInput, resolveContactIds, formatParsedContactPreview } from './contact-parser';
-
-describe('parseContactInput', () => {
-	it('should parse a simple name', () => {
-		const result = parseContactInput('Max Mustermann');
-		expect(result.displayName).toBe('Max Mustermann');
-		expect(result.firstName).toBe('Max');
-		expect(result.lastName).toBe('Mustermann');
-	});
-
-	it('should parse a single name as firstName', () => {
-		const result = parseContactInput('Max');
-		expect(result.displayName).toBe('Max');
-		expect(result.firstName).toBe('Max');
-		expect(result.lastName).toBeUndefined();
-	});
-
-	it('should treat @ in email as company reference (known limitation)', () => {
-		// extractAtReference runs before email extraction,
-		// so "user@domain" is treated as @reference, not email.
-		// This is a known parser limitation - emails with @ conflict with @company.
-		const result = parseContactInput('Max Mustermann max@example.com');
-		// The @ gets consumed by extractAtReference
-		expect(result.company).toBeDefined();
-		expect(result.email).toBeUndefined();
-	});
-
-	it('should parse email when preceded by bei company', () => {
-		// When using bei/von for company, there's no @ to conflict
-		const result = parseContactInput('Max Mustermann bei ACME');
-		expect(result.company).toBe('ACME');
-		expect(result.displayName).toBe('Max Mustermann');
-	});
-
-	it('should parse name with @company (single word)', () => {
-		const result = parseContactInput('Max Mustermann @ACME');
-		expect(result.displayName).toBe('Max Mustermann');
-		expect(result.company).toBe('ACME');
-	});
-
-	it('should parse name with @company (multi-word leaves remainder in name)', () => {
-		// extractAtReference only captures the first word after @
-		const result = parseContactInput('Max Mustermann @ACME Corp');
-		expect(result.company).toBe('ACME');
-		expect(result.displayName).toContain('Max Mustermann');
-	});
-
-	it('should parse name with bei company', () => {
-		const result = parseContactInput('Anna Schmidt bei Google');
-		expect(result.displayName).toBe('Anna Schmidt');
-		expect(result.company).toBe('Google');
-	});
-
-	it('should parse name with von company', () => {
-		const result = parseContactInput('Peter Müller von Siemens');
-		expect(result.displayName).toBe('Peter Müller');
-		expect(result.company).toBe('Siemens');
-	});
-
-	it('should parse name with phone (international)', () => {
-		const result = parseContactInput('Max +49 123 456789');
-		expect(result.displayName).toBe('Max');
-		expect(result.phone).toBe('+49 123 456789');
-	});
-
-	it('should parse name with phone (German format)', () => {
-		const result = parseContactInput('Max 0123 456789');
-		expect(result.displayName).toBe('Max');
-		expect(result.phone).toBe('0123 456789');
-	});
-
-	it('should parse tags', () => {
-		const result = parseContactInput('Max #kunde #wichtig');
-		expect(result.displayName).toBe('Max');
-		expect(result.tagNames).toEqual(['kunde', 'wichtig']);
-	});
-
-	it('should parse complex input with all fields', () => {
-		const result = parseContactInput(
-			'Max Mustermann @ACME max@example.com +49 123 456789 #kunde #wichtig'
-		);
-		expect(result.displayName).toContain('Max Mustermann');
-		expect(result.company).toBe('ACME');
-		expect(result.email).toBe('max@example.com');
-		expect(result.phone).toBe('+49 123 456789');
-		expect(result.tagNames).toEqual(['kunde', 'wichtig']);
-	});
-
-	it('should handle empty input', () => {
-		const result = parseContactInput('');
-		expect(result.displayName).toBe('');
-		expect(result.tagNames).toEqual([]);
-	});
-
-	it('should handle only tags', () => {
-		const result = parseContactInput('#privat #freunde');
-		expect(result.tagNames).toEqual(['privat', 'freunde']);
-	});
-
-	it('should handle multi-part last names', () => {
-		const result = parseContactInput('Ludwig van Beethoven');
-		expect(result.firstName).toBe('Ludwig');
-		expect(result.lastName).toBe('van Beethoven');
-	});
-});
-
-describe('resolveContactIds', () => {
-	const tags = [
-		{ id: 'tag-1', name: 'Kunde' },
-		{ id: 'tag-2', name: 'Privat' },
-		{ id: 'tag-3', name: 'Wichtig' },
-	];
-
-	it('should resolve tag names to IDs (case-insensitive)', () => {
-		const parsed = parseContactInput('Max #kunde #wichtig');
-		const resolved = resolveContactIds(parsed, tags);
-		expect(resolved.tagIds).toEqual(['tag-1', 'tag-3']);
-	});
-
-	it('should skip unknown tags', () => {
-		const parsed = parseContactInput('Max #unbekannt');
-		const resolved = resolveContactIds(parsed, tags);
-		expect(resolved.tagIds).toEqual([]);
-	});
-
-	it('should preserve other fields', () => {
-		const parsed = parseContactInput('Max bei TestCorp #kunde');
-		const resolved = resolveContactIds(parsed, tags);
-		expect(resolved.displayName).toBe('Max');
-		expect(resolved.company).toBe('TestCorp');
-		expect(resolved.tagIds).toEqual(['tag-1']);
-	});
-});
-
-describe('formatParsedContactPreview', () => {
-	it('should format company', () => {
-		const parsed = parseContactInput('Max @ACME');
-		expect(formatParsedContactPreview(parsed)).toContain('ACME');
-	});
-
-	it('should format email', () => {
-		// Construct parsed result directly to test formatting
-		const parsed = {
-			displayName: 'Max',
-			firstName: 'Max',
-			email: 'max@test.com',
-			tagNames: [],
-		};
-		expect(formatParsedContactPreview(parsed)).toContain('max@test.com');
-	});
-
-	it('should format phone', () => {
-		const parsed = parseContactInput('Max +49 123 456');
-		expect(formatParsedContactPreview(parsed)).toContain('+49 123 456');
-	});
-
-	it('should format tags', () => {
-		const parsed = parseContactInput('Max #kunde #privat');
-		const preview = formatParsedContactPreview(parsed);
-		expect(preview).toContain('kunde');
-		expect(preview).toContain('privat');
-	});
-
-	it('should return empty string for name-only input', () => {
-		const parsed = parseContactInput('Max');
-		expect(formatParsedContactPreview(parsed)).toBe('');
-	});
-
-	it('should join parts with separator', () => {
-		const parsed = parseContactInput('Max @ACME max@test.com');
-		const preview = formatParsedContactPreview(parsed);
-		expect(preview).toContain(' · ');
-	});
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/utils/contact-parser.ts b/apps/contacts/apps/web-archived/src/lib/utils/contact-parser.ts
deleted file mode 100644
index 58cd8b1b9..000000000
--- a/apps/contacts/apps/web-archived/src/lib/utils/contact-parser.ts
+++ /dev/null
@@ -1,227 +0,0 @@
-/**
- * Contact Parser for Contacts App
- *
- * Extends the base parser with contact-specific patterns:
- * - Company: @CompanyName or bei CompanyName
- * - Email: Recognizes email addresses
- * - Phone: Recognizes phone numbers
- * - Name: First and last name extraction
- */
-
-import { extractTags, extractAtReference } from '@manacore/shared-utils';
-
-export interface ParsedContact {
-	displayName: string;
-	firstName?: string;
-	lastName?: string;
-	company?: string;
-	email?: string;
-	phone?: string;
-	tagNames: string[];
-}
-
-interface Tag {
-	id: string;
-	name: string;
-}
-
-export interface ParsedContactWithIds {
-	displayName: string;
-	firstName?: string;
-	lastName?: string;
-	company?: string;
-	email?: string;
-	phone?: string;
-	tagIds: string[];
-}
-
-// Email pattern
-const EMAIL_PATTERN = /\b([a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})\b/;
-
-// Phone patterns (various formats)
-const PHONE_PATTERNS: RegExp[] = [
-	// International format: +49 123 456789, +49-123-456789
-	/\+\d{1,3}[-\s]?\d{2,4}[-\s]?\d{3,}[-\s]?\d*/,
-	// German format: 0123 456789, 0123/456789
-	/\b0\d{2,4}[-\s/]?\d{3,}[-\s]?\d*/,
-	// Simple format: 123456789 (at least 6 digits)
-	/\b\d{6,}\b/,
-];
-
-// Company patterns (alternative to @company)
-const COMPANY_PATTERNS: RegExp[] = [
-	/\bbei\s+([^@#]+?)(?=\s+(?:@|#|\+|[a-zA-Z0-9._%+-]+@)|$)/i,
-	/\bvon\s+([^@#]+?)(?=\s+(?:@|#|\+|[a-zA-Z0-9._%+-]+@)|$)/i,
-];
-
-/**
- * Extract email from text
- */
-function extractEmail(text: string): { email?: string; remaining: string } {
-	const match = text.match(EMAIL_PATTERN);
-	if (match) {
-		return {
-			email: match[1],
-			remaining: text.replace(EMAIL_PATTERN, '').trim(),
-		};
-	}
-	return { email: undefined, remaining: text };
-}
-
-/**
- * Extract phone number from text
- */
-function extractPhone(text: string): { phone?: string; remaining: string } {
-	for (const pattern of PHONE_PATTERNS) {
-		const match = text.match(pattern);
-		if (match) {
-			return {
-				phone: match[0].trim(),
-				remaining: text.replace(pattern, '').trim(),
-			};
-		}
-	}
-	return { phone: undefined, remaining: text };
-}
-
-/**
- * Extract company from text (bei/von patterns)
- */
-function extractCompanyPattern(text: string): { company?: string; remaining: string } {
-	for (const pattern of COMPANY_PATTERNS) {
-		const match = text.match(pattern);
-		if (match) {
-			return {
-				company: match[1].trim(),
-				remaining: text.replace(pattern, '').trim(),
-			};
-		}
-	}
-	return { company: undefined, remaining: text };
-}
-
-/**
- * Extract first and last name from display name
- */
-function parseNames(displayName: string): { firstName?: string; lastName?: string } {
-	const parts = displayName.trim().split(/\s+/);
-
-	if (parts.length === 0) {
-		return {};
-	}
-
-	if (parts.length === 1) {
-		return { firstName: parts[0] };
-	}
-
-	// First part is first name, rest is last name
-	return {
-		firstName: parts[0],
-		lastName: parts.slice(1).join(' '),
-	};
-}
-
-/**
- * Parse natural language contact input
- *
- * Examples:
- * - "Max Mustermann @ACME Corp max@example.com #kunde #wichtig"
- * - "Anna Schmidt bei Google +49 123 456789"
- * - "Peter Müller peter@mail.de #privat"
- */
-export function parseContactInput(input: string): ParsedContact {
-	let text = input.trim();
-
-	// Extract tags first (#tag1 #tag2)
-	const tagsResult = extractTags(text);
-	text = tagsResult.remaining;
-	const tagNames = tagsResult.value || [];
-
-	// Extract company via @CompanyName
-	const atRefResult = extractAtReference(text);
-	text = atRefResult.remaining;
-	let company = atRefResult.value;
-
-	// If no @company, try bei/von patterns
-	if (!company) {
-		const companyPatternResult = extractCompanyPattern(text);
-		text = companyPatternResult.remaining;
-		company = companyPatternResult.company;
-	}
-
-	// Extract email
-	const emailResult = extractEmail(text);
-	text = emailResult.remaining;
-	const email = emailResult.email;
-
-	// Extract phone
-	const phoneResult = extractPhone(text);
-	text = phoneResult.remaining;
-	const phone = phoneResult.phone;
-
-	// Clean up multiple spaces and get display name
-	const displayName = text.replace(/\s+/g, ' ').trim();
-
-	// Parse first and last name
-	const { firstName, lastName } = parseNames(displayName);
-
-	return {
-		displayName,
-		firstName,
-		lastName,
-		company,
-		email,
-		phone,
-		tagNames,
-	};
-}
-
-/**
- * Resolve tag names to IDs
- */
-export function resolveContactIds(parsed: ParsedContact, tags: Tag[]): ParsedContactWithIds {
-	const tagIds: string[] = [];
-
-	// Find tags by name (case-insensitive)
-	for (const tagName of parsed.tagNames) {
-		const tag = tags.find((t) => t.name.toLowerCase() === tagName.toLowerCase());
-		if (tag) {
-			tagIds.push(tag.id);
-		}
-	}
-
-	return {
-		displayName: parsed.displayName,
-		firstName: parsed.firstName,
-		lastName: parsed.lastName,
-		company: parsed.company,
-		email: parsed.email,
-		phone: parsed.phone,
-		tagIds,
-	};
-}
-
-/**
- * Format parsed contact for preview display
- */
-export function formatParsedContactPreview(parsed: ParsedContact): string {
-	const parts: string[] = [];
-
-	if (parsed.company) {
-		parts.push(`🏢 ${parsed.company}`);
-	}
-
-	if (parsed.email) {
-		parts.push(`📧 ${parsed.email}`);
-	}
-
-	if (parsed.phone) {
-		parts.push(`📞 ${parsed.phone}`);
-	}
-
-	if (parsed.tagNames.length > 0) {
-		parts.push(`🏷️ ${parsed.tagNames.join(', ')}`);
-	}
-
-	return parts.join(' · ');
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/utils/duplicate-detector.test.ts b/apps/contacts/apps/web-archived/src/lib/utils/duplicate-detector.test.ts
deleted file mode 100644
index 5e5fbd200..000000000
--- a/apps/contacts/apps/web-archived/src/lib/utils/duplicate-detector.test.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { findDuplicates } from './duplicate-detector';
-
-const contacts = [
-	{ id: '1', firstName: 'Max', lastName: 'Mustermann', email: 'max@example.com', company: 'ACME' },
-	{ id: '2', firstName: 'Anna', lastName: 'Schmidt', email: 'anna@google.com', company: 'Google' },
-	{ id: '3', firstName: 'Peter', lastName: 'Müller', email: 'peter@mail.de', company: undefined },
-	{ id: '4', firstName: 'Max', lastName: 'Meier', email: 'meier@test.de', company: 'Test GmbH' },
-];
-
-describe('findDuplicates', () => {
-	it('should find exact email match', () => {
-		const result = findDuplicates({ email: 'max@example.com' }, contacts);
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('1');
-		expect(result[0].matchField).toBe('email');
-	});
-
-	it('should find email match case-insensitively', () => {
-		const result = findDuplicates({ email: 'MAX@EXAMPLE.COM' }, contacts);
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('1');
-	});
-
-	it('should find name match (both first + last)', () => {
-		const result = findDuplicates({ firstName: 'Max', lastName: 'Mustermann' }, contacts);
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('1');
-		expect(result[0].matchField).toBe('name');
-	});
-
-	it('should find fuzzy name match (typo)', () => {
-		const result = findDuplicates({ firstName: 'Max', lastName: 'Musterman' }, contacts);
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('1');
-	});
-
-	it('should not match on first name only when too short', () => {
-		const result = findDuplicates({ firstName: 'M' }, contacts);
-		expect(result).toHaveLength(0);
-	});
-
-	it('should find partial first name match with existing last name', () => {
-		const result = findDuplicates({ firstName: 'Anna' }, contacts);
-		expect(result).toHaveLength(1);
-		expect(result[0].id).toBe('2');
-	});
-
-	it('should return no duplicates for unique contact', () => {
-		const result = findDuplicates(
-			{ firstName: 'Lena', lastName: 'Weber', email: 'lena@new.de' },
-			contacts
-		);
-		expect(result).toHaveLength(0);
-	});
-
-	it('should exclude contact by ID (edit mode)', () => {
-		const result = findDuplicates({ email: 'max@example.com' }, contacts, '1');
-		expect(result).toHaveLength(0);
-	});
-
-	it('should prioritize email matches over name matches', () => {
-		const result = findDuplicates(
-			{ firstName: 'Max', lastName: 'Mustermann', email: 'anna@google.com' },
-			contacts
-		);
-		// Email match (Anna) should come first, name match (Max) second
-		expect(result.length).toBeGreaterThanOrEqual(2);
-		expect(result[0].matchField).toBe('email');
-		expect(result[0].id).toBe('2');
-	});
-
-	it('should show company in display name', () => {
-		const result = findDuplicates({ email: 'max@example.com' }, contacts);
-		expect(result[0].displayName).toContain('ACME');
-	});
-
-	it('should handle empty input gracefully', () => {
-		const result = findDuplicates({}, contacts);
-		expect(result).toHaveLength(0);
-	});
-});
diff --git a/apps/contacts/apps/web-archived/src/lib/utils/duplicate-detector.ts b/apps/contacts/apps/web-archived/src/lib/utils/duplicate-detector.ts
deleted file mode 100644
index 29a5e05b8..000000000
--- a/apps/contacts/apps/web-archived/src/lib/utils/duplicate-detector.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-/**
- * Live Duplicate Detector for Contacts
- *
- * Checks typed name/email against existing contacts in IndexedDB.
- * Uses fuzzy name matching (Levenshtein) and exact email matching.
- * Runs fully offline — no server calls needed.
- */
-
-export interface DuplicateMatch {
-	id: string;
-	firstName?: string;
-	lastName?: string;
-	email?: string;
-	company?: string;
-	matchField: 'name' | 'email';
-	displayName: string;
-}
-
-interface ContactRecord {
-	id: string;
-	firstName?: string;
-	lastName?: string;
-	email?: string;
-	company?: string;
-}
-
-/**
- * Levenshtein distance between two strings (case-insensitive).
- */
-function levenshtein(a: string, b: string): number {
-	const la = a.toLowerCase();
-	const lb = b.toLowerCase();
-	const m = la.length;
-	const n = lb.length;
-
-	if (m === 0) return n;
-	if (n === 0) return m;
-
-	const dp: number[][] = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
-
-	for (let i = 0; i <= m; i++) dp[i][0] = i;
-	for (let j = 0; j <= n; j++) dp[0][j] = j;
-
-	for (let i = 1; i <= m; i++) {
-		for (let j = 1; j <= n; j++) {
-			const cost = la[i - 1] === lb[j - 1] ? 0 : 1;
-			dp[i][j] = Math.min(dp[i - 1][j] + 1, dp[i][j - 1] + 1, dp[i - 1][j - 1] + cost);
-		}
-	}
-
-	return dp[m][n];
-}
-
-/**
- * Check if two names are similar (max 2 edits for names > 4 chars, 1 for shorter).
- */
-function namesSimilar(a: string, b: string): boolean {
-	if (!a || !b) return false;
-	const al = a.toLowerCase().trim();
-	const bl = b.toLowerCase().trim();
-	if (al === bl) return true;
-	// Starts-with match (for typing in progress)
-	if (al.length >= 3 && (bl.startsWith(al) || al.startsWith(bl))) return true;
-	const maxDist = Math.max(al.length, bl.length) > 4 ? 2 : 1;
-	return levenshtein(al, bl) <= maxDist;
-}
-
-function buildDisplayName(contact: ContactRecord): string {
-	const name = [contact.firstName, contact.lastName].filter(Boolean).join(' ');
-	if (name && contact.company) return `${name} (${contact.company})`;
-	return name || contact.email || 'Unbekannt';
-}
-
-/**
- * Find potential duplicates for a contact being created/edited.
- *
- * @param input - The contact data being entered (partial)
- * @param existingContacts - All contacts in IndexedDB
- * @param excludeId - Exclude this contact (for edit mode)
- * @returns Array of matching contacts, sorted by relevance
- */
-export function findDuplicates(
-	input: { firstName?: string; lastName?: string; email?: string },
-	existingContacts: ContactRecord[],
-	excludeId?: string
-): DuplicateMatch[] {
-	const matches: DuplicateMatch[] = [];
-	const seen = new Set<string>();
-
-	for (const contact of existingContacts) {
-		if (contact.id === excludeId) continue;
-
-		// Exact email match (strongest signal)
-		if (input.email && contact.email && input.email.toLowerCase() === contact.email.toLowerCase()) {
-			if (!seen.has(contact.id)) {
-				matches.push({
-					...contact,
-					matchField: 'email',
-					displayName: buildDisplayName(contact),
-				});
-				seen.add(contact.id);
-			}
-			continue;
-		}
-
-		// Fuzzy name match (both first + last must match)
-		const hasFirst = input.firstName && input.firstName.length >= 2;
-		const hasLast = input.lastName && input.lastName.length >= 2;
-
-		if (hasFirst && hasLast) {
-			// Both names provided — both must be similar
-			if (
-				namesSimilar(input.firstName!, contact.firstName || '') &&
-				namesSimilar(input.lastName!, contact.lastName || '')
-			) {
-				if (!seen.has(contact.id)) {
-					matches.push({
-						...contact,
-						matchField: 'name',
-						displayName: buildDisplayName(contact),
-					});
-					seen.add(contact.id);
-				}
-			}
-		} else if (hasFirst && !hasLast) {
-			// Only first name — exact match on first + any existing last name
-			if (namesSimilar(input.firstName!, contact.firstName || '') && contact.lastName) {
-				if (!seen.has(contact.id)) {
-					matches.push({
-						...contact,
-						matchField: 'name',
-						displayName: buildDisplayName(contact),
-					});
-					seen.add(contact.id);
-				}
-			}
-		}
-	}
-
-	// Email matches first, then name matches
-	return matches.sort((a, b) => {
-		if (a.matchField === 'email' && b.matchField !== 'email') return -1;
-		if (a.matchField !== 'email' && b.matchField === 'email') return 1;
-		return 0;
-	});
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/utils/error-helpers.ts b/apps/contacts/apps/web-archived/src/lib/utils/error-helpers.ts
deleted file mode 100644
index fab20b130..000000000
--- a/apps/contacts/apps/web-archived/src/lib/utils/error-helpers.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export function getErrorMessage(
-	error: unknown,
-	fallback: string = 'Ein Fehler ist aufgetreten'
-): string {
-	return error instanceof Error ? error.message : fallback;
-}
diff --git a/apps/contacts/apps/web-archived/src/lib/version.ts b/apps/contacts/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 4f221f09f..000000000
--- a/apps/contacts/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '1.0.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 1a141ef37..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,591 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { setContext } from 'svelte';
-	import {
-		PillNavigation,
-		QuickInputBar,
-		ImmersiveModeToggle,
-		TagStrip,
-		SyncIndicator,
-	} from '@manacore/shared-ui';
-	import {
-		SplitPaneContainer,
-		setSplitPanelContext,
-		DEFAULT_APPS,
-	} from '@manacore/shared-splitscreen';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		CreatePreview,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { filterHiddenNavItems } from '@manacore/shared-theme';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import ContactDetailModal from '$lib/components/ContactDetailModal.svelte';
-	import NewContactModal from '$lib/components/NewContactModal.svelte';
-	import { useAllContacts } from '$lib/data/queries';
-	import { newContactModalStore } from '$lib/stores/new-contact-modal.svelte';
-	import { contactsApi, tagsApi } from '$lib/api/contacts';
-	import { viewModeStore } from '$lib/stores/view-mode.svelte';
-	import { contactsSettings } from '$lib/stores/settings.svelte';
-	import { contactsFilterStore } from '$lib/stores/filter.svelte';
-	import {
-		parseContactInput,
-		resolveContactIds,
-		formatParsedContactPreview,
-	} from '$lib/utils/contact-parser';
-	import ContactsToolbar from '$lib/components/ContactsToolbar.svelte';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { linkLocalStore, linkMutations } from '@manacore/shared-links';
-	import { contactsOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { contactsLocalStore } from '$lib/data/local-store';
-
-	// Guest welcome modal state
-	let showGuestWelcome = $state(false);
-
-	function initGuestWelcome() {
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('contacts')) {
-			showGuestWelcome = true;
-		}
-	}
-
-	// Live tag query + context
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	// Live contacts query + context
-	const allContacts = useAllContacts();
-	setContext('contacts', allContacts);
-
-	// Check if we're on a contact detail route
-	const contactDetailMatch = $derived($page.url.pathname.match(/^\/contacts\/([a-z0-9_-]+)$/i));
-	const showContactModal = $derived(!!contactDetailMatch);
-	const modalContactId = $derived(contactDetailMatch?.[1] || null);
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('contacts', undefined, undefined, authStore.user?.tier));
-
-	// Split-Panel Store für Split-Screen Feature
-	const splitPanel = setSplitPanelContext('contacts', DEFAULT_APPS);
-
-	// Handler für Split-Screen Panel-Öffnung
-	function handleOpenInPanel(appId: string, url: string) {
-		splitPanel.openPanel(appId);
-	}
-
-	let { children } = $props();
-
-	// Show toolbar only on main contacts page
-	const showContactsToolbar = $derived($page.url.pathname === '/');
-
-	// Check if toolbar is expanded
-	const isToolbarExpanded = $derived(
-		showContactsToolbar && !contactsFilterStore.isToolbarCollapsed
-	);
-
-	// Dynamic bottom offset based on toolbar state (TagStrip adds ~40px)
-	const inputBarBottomOffset = $derived(isToolbarExpanded ? '180px' : '110px');
-
-	// Use theme store's isDark directly
-	let isDark = $derived(theme.isDark);
-
-	// Get pinned themes from user settings (extended themes only)
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		(userSettings.theme?.pinnedThemes || []).filter((t): t is ThemeVariant =>
-			EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant)
-		)
-	);
-
-	// Visible themes in PillNav: default + pinned extended
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		// Theme variants (only default + pinned)
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		// Separator and link to full themes page
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// User email for user dropdown (fallback to 'Menü' when not logged in)
-	// User email for user dropdown — empty string for guests so PillNav shows login button
-	let userEmail = $derived(authStore.isAuthenticated ? authStore.user?.email || 'Menü' : '');
-
-	// TagStrip visibility (toggle via Tags button in PillNav)
-	let isTagStripVisible = $state(true);
-
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	// Base navigation items for Contacts
-	const baseNavItems: PillNavItem[] = [
-		{ href: '/', label: 'Kontakte', icon: 'users' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-		{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
-		{ href: '/help', label: 'Hilfe', icon: 'help-circle' },
-		{ href: '/spiral', label: 'Spiral', icon: 'sparkles' },
-	];
-
-	// Navigation items filtered by visibility settings (with fallback for guest mode)
-	const navItems = $derived(
-		filterHiddenNavItems('contacts', baseNavItems, userSettings.nav?.hiddenNavItems || {})
-	);
-
-	// Navigation shortcuts (Ctrl+1-5) - use base items for consistent shortcuts
-	const navRoutes = baseNavItems.map((item) => item.href);
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) {
-					goto(route);
-				}
-			}
-		}
-
-		// F = Toggle Immersive Mode (no modifier keys)
-		if (
-			(event.key === 'f' || event.key === 'F') &&
-			!event.ctrlKey &&
-			!event.metaKey &&
-			!event.shiftKey &&
-			!event.altKey
-		) {
-			event.preventDefault();
-			contactsSettings.toggleImmersiveMode();
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		tagMutations.stopSync();
-		goto('/login');
-	}
-
-	function handleCloseContactModal() {
-		// No need to refresh — live query auto-updates
-		goto('/', { replaceState: false });
-	}
-
-	// QuickInputBar search function
-	async function handleSearch(query: string): Promise<QuickInputItem[]> {
-		const response = await contactsApi.list({ search: query, limit: 10 });
-		return (response.contacts || []).map((contact: any) => ({
-			id: contact.id,
-			title:
-				contact.displayName ||
-				[contact.firstName, contact.lastName].filter(Boolean).join(' ') ||
-				contact.email ||
-				'Unbekannt',
-			subtitle: contact.company || contact.email,
-			imageUrl: contact.photoUrl,
-			isFavorite: contact.isFavorite,
-		}));
-	}
-
-	// QuickInputBar item selection
-	function handleSelect(item: QuickInputItem) {
-		goto(`/contacts/${item.id}`);
-	}
-
-	// QuickInputBar Quick-Create handlers
-	function handleParseCreate(query: string): CreatePreview | null {
-		if (!query.trim()) return null;
-
-		const parsed = parseContactInput(query);
-		if (!parsed.displayName) return null;
-
-		return {
-			title: `"${parsed.displayName}" erstellen`,
-			subtitle: formatParsedContactPreview(parsed),
-		};
-	}
-
-	async function handleCreate(query: string): Promise<void> {
-		const parsed = parseContactInput(query);
-		if (!parsed.displayName) {
-			// If no query, just open empty modal
-			newContactModalStore.open();
-			return;
-		}
-
-		// Open modal with prefilled data
-		newContactModalStore.open({
-			displayName: parsed.displayName,
-			firstName: parsed.firstName || undefined,
-			lastName: parsed.lastName || undefined,
-			email: parsed.email || undefined,
-			phone: parsed.phone || undefined,
-			company: parsed.company || undefined,
-		});
-	}
-
-	// Navigate to import page after onboarding if user chose to import
-	let previousOnboardingShow = true;
-	$effect(() => {
-		const showing = contactsOnboarding.shouldShow;
-		if (previousOnboardingShow && !showing) {
-			// Onboarding just closed
-			const importSource = contactsOnboarding.preferences.importSource as string;
-			if (importSource === 'google') {
-				goto('/data?tab=import&source=google');
-			} else if (importSource === 'file') {
-				goto('/data?tab=import&source=file');
-			}
-		}
-		previousOnboardingShow = showing;
-	});
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-contact',
-			label: 'Neuer Kontakt',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/new'),
-		},
-		{ id: 'all', label: 'Alle Kontakte', category: 'Navigation', onExecute: () => goto('/') },
-		{
-			id: 'favorites',
-			label: 'Favoriten',
-			category: 'Navigation',
-			onExecute: () => goto('/favorites'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		// Initialize local-first databases (opens IndexedDB, seeds guest data)
-		await Promise.all([
-			contactsLocalStore.initialize(),
-			tagLocalStore.initialize(),
-			linkLocalStore.initialize(),
-		]);
-
-		// If authenticated, start syncing to server
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			contactsLocalStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-			linkMutations.startSync(getToken);
-		}
-
-		// Initialize split-panel from URL/localStorage
-		splitPanel.initialize();
-
-		// Initialize contacts settings, view mode, and filter store
-		contactsSettings.initialize();
-		viewModeStore.initialize();
-		contactsFilterStore.initialize();
-
-		// Show guest welcome modal on first visit
-		initGuestWelcome();
-
-		// Load user settings only when authenticated
-		if (authStore.isAuthenticated) {
-			await userSettings.load();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('contacts')?.requiredTier}
-	appName={getManaApp('contacts')?.name}
->
-	<SplitPaneContainer>
-		<!-- Navigation Layout -->
-		<div class="layout-container">
-			<a
-				href="#main-content"
-				class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[100] focus:rounded-lg focus:bg-primary focus:px-4 focus:py-2 focus:text-white"
-			>
-				Zum Inhalt springen
-			</a>
-
-			<!-- UI Elements (hidden in immersive mode) -->
-			{#if !contactsSettings.immersiveModeEnabled}
-				<!-- Floating Pill Navigation (at bottom) -->
-				<PillNavigation
-					items={navItems}
-					currentPath={$page.url.pathname}
-					appName="Contacts"
-					homeRoute="/"
-					onToggleTheme={handleToggleTheme}
-					{isDark}
-					desktopPosition="bottom"
-					showThemeToggle={true}
-					showThemeVariants={true}
-					{themeVariantItems}
-					{currentThemeVariantLabel}
-					themeMode={theme.mode}
-					onThemeModeChange={handleThemeModeChange}
-					showLanguageSwitcher={true}
-					{languageItems}
-					{currentLanguageLabel}
-					showLogout={authStore.isAuthenticated}
-					onLogout={handleLogout}
-					loginHref="/login"
-					primaryColor="#3b82f6"
-					showAppSwitcher={true}
-					{appItems}
-					{userEmail}
-					settingsHref="/settings"
-					manaHref="/mana"
-					profileHref="/profile"
-					themesHref="/themes"
-					helpHref="/help"
-					allAppsHref="/apps"
-					onOpenInPanel={handleOpenInPanel}
-					ariaLabel="Hauptnavigation"
-					{spotlightActions}
-				/>
-
-				<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-				{#if isTagStripVisible}
-					<TagStrip
-						tags={allTags.value.map((t) => ({
-							id: t.id,
-							name: t.name,
-							color: t.color || '#3b82f6',
-						}))}
-						selectedIds={contactsFilterStore.selectedTagId
-							? [contactsFilterStore.selectedTagId]
-							: []}
-						onToggle={(tagId) => {
-							if (contactsFilterStore.selectedTagId === tagId) {
-								contactsFilterStore.setSelectedTagId(null);
-							} else {
-								contactsFilterStore.setSelectedTagId(tagId);
-							}
-						}}
-						onClear={() => contactsFilterStore.setSelectedTagId(null)}
-						managementHref="/tags"
-					/>
-				{/if}
-
-				<!-- Global Quick Input Bar -->
-				<QuickInputBar
-					onSearch={handleSearch}
-					onSelect={handleSelect}
-					onSearchChange={(query) => contactsFilterStore.setSearchQuery(query)}
-					placeholder="Neuer Kontakt oder suchen..."
-					emptyText="Keine Kontakte gefunden"
-					searchingText="Suche..."
-					searchText="Suchen"
-					onCreate={handleCreate}
-					onParseCreate={handleParseCreate}
-					createText="Erstellen"
-					deferSearch={true}
-					locale={$locale || 'de'}
-					appIcon="contacts"
-					bottomOffset={inputBarBottomOffset}
-					hasFabRight={showContactsToolbar}
-				/>
-
-				<!-- Contacts Toolbar (FAB + expandable bar) - only on main page -->
-				{#if showContactsToolbar}
-					<ContactsToolbar contacts={allContacts.value} />
-				{/if}
-			{/if}
-
-			<!-- Immersive Mode Toggle (always visible) -->
-			<ImmersiveModeToggle
-				isImmersive={contactsSettings.immersiveModeEnabled}
-				onToggle={() => contactsSettings.toggleImmersiveMode()}
-			/>
-
-			<!-- Main Content -->
-			<main
-				id="main-content"
-				class="main-content bg-background"
-				class:immersive={contactsSettings.immersiveModeEnabled}
-			>
-				<div class="content-wrapper" class:immersive={contactsSettings.immersiveModeEnabled}>
-					{@render children()}
-				</div>
-			</main>
-
-			<!-- Contact Detail Modal -->
-			{#if showContactModal && modalContactId}
-				<ContactDetailModal contactId={modalContactId} onClose={handleCloseContactModal} />
-			{/if}
-
-			<!-- New Contact Modal -->
-			{#if newContactModalStore.isOpen}
-				<NewContactModal onClose={() => newContactModalStore.close()} />
-			{/if}
-		</div>
-	</SplitPaneContainer>
-
-	<!-- Onboarding Modal -->
-	{#if contactsOnboarding.shouldShow}
-		<MiniOnboardingModal store={contactsOnboarding} appName="Kontakte" appEmoji="👥" />
-	{/if}
-
-	<!-- Guest Welcome Modal -->
-	<GuestWelcomeModal
-		appId="contacts"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		flex: 1;
-		transition: all 300ms ease;
-		/* Space for QuickInputBar + PillNav at bottom */
-		padding-bottom: calc(150px + env(safe-area-inset-bottom));
-	}
-
-	/* Extra bottom padding on mobile */
-	@media (max-width: 768px) {
-		.main-content {
-			padding-bottom: calc(160px + env(safe-area-inset-bottom));
-		}
-	}
-
-	/* Immersive mode - fullscreen, no padding */
-	.main-content.immersive {
-		padding: 0 !important;
-		height: 100vh;
-		width: 100vw;
-	}
-
-	.content-wrapper.immersive {
-		padding: 0;
-		height: 100%;
-	}
-
-	.content-wrapper {
-		/* No max-width - let individual views control their own width */
-		padding: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding: 2rem;
-		}
-	}
-
-	/* Adjust InputBar when toolbar elements (view-mode-pill + FAB) are visible */
-	/* Pill left edge is at: 50% - 238px from right edge of viewport */
-	/* This means from center, there's 238px to the pill's left edge */
-	/* For a centered InputBar with max-width W, right edge is at: center + W/2 */
-	/* We need: center + W/2 < center + 238 - 12px gap, so W/2 < 226, W < 452px */
-	:global(.quick-input-bar.has-fab-right .input-container) {
-		max-width: 450px;
-	}
-
-	/* On smaller screens (<900px), the FAB + pill move to right: 1rem position */
-	/* So we need fixed padding instead */
-	@media (max-width: 900px) {
-		:global(.quick-input-bar.has-fab-right .input-container) {
-			max-width: calc(100% - 200px); /* ~120px pill + 8px + 54px FAB + 18px gap */
-			margin-left: 0;
-			margin-right: auto;
-		}
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 43cb7bd47..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import ContactList from '$lib/components/ContactList.svelte';
-	import '$lib/i18n';
-</script>
-
-<svelte:head>
-	<title>{$_('contacts.title')} - Contacts</title>
-</svelte:head>
-
-<svelte:window
-	onkeydown={(e) => {
-		const target = e.target as HTMLElement;
-		const isInQuickInput = target.closest('.quick-input-bar');
-		if (isInQuickInput && (e.key === 'ArrowUp' || (e.key === 'Tab' && !e.shiftKey))) {
-			const firstName = document.querySelector<HTMLElement>(
-				'.contact-name-editable[contenteditable]'
-			);
-			if (firstName) {
-				e.preventDefault();
-				firstName.focus();
-			}
-		}
-	}}
-/>
-
-<ContactList />
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/archive/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/archive/+page.svelte
deleted file mode 100644
index df02c4638..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/archive/+page.svelte
+++ /dev/null
@@ -1,569 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { contactsApi } from '$lib/api/contacts';
-	import type { Contact } from '$lib/api/contacts';
-	import { getDisplayName, getInitials } from '$lib/utils/contact-display';
-	import { ContactListSkeleton } from '$lib/components/skeletons';
-	import { getErrorMessage } from '$lib/utils/error-helpers';
-	import '$lib/i18n';
-	import {
-		CaretLeft,
-		Archive,
-		MagnifyingGlass,
-		Warning,
-		Users,
-		Info,
-		ArrowCounterClockwise,
-		Trash,
-	} from '@manacore/shared-icons';
-
-	let loading = $state(true);
-	let contacts = $state<Contact[]>([]);
-	let error = $state<string | null>(null);
-	let searchQuery = $state('');
-
-	const filteredContacts = $derived(() => {
-		if (!searchQuery.trim()) return contacts;
-		const query = searchQuery.toLowerCase();
-		return contacts.filter((c) => {
-			const name = getDisplayName(c).toLowerCase();
-			return (
-				name.includes(query) ||
-				c.email?.toLowerCase().includes(query) ||
-				c.company?.toLowerCase().includes(query)
-			);
-		});
-	});
-
-	async function loadArchived() {
-		loading = true;
-		error = null;
-		try {
-			const result = await contactsApi.list({ isArchived: true });
-			contacts = result.contacts || result;
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Laden des Archivs');
-		} finally {
-			loading = false;
-		}
-	}
-
-	function handleContactClick(id: string) {
-		goto(`/contacts/${id}`);
-	}
-
-	async function handleRestore(e: MouseEvent, contact: Contact) {
-		e.stopPropagation();
-		try {
-			await contactsApi.toggleArchive(contact.id);
-			contacts = contacts.filter((c) => c.id !== contact.id);
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Wiederherstellen');
-		}
-	}
-
-	async function handleDelete(e: MouseEvent, contact: Contact) {
-		e.stopPropagation();
-		if (!confirm(`"${getDisplayName(contact)}" endgültig löschen?`)) return;
-
-		try {
-			await contactsApi.delete(contact.id);
-			contacts = contacts.filter((c) => c.id !== contact.id);
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Löschen');
-		}
-	}
-
-	onMount(loadArchived);
-</script>
-
-<svelte:head>
-	<title>Archiv - Contacts</title>
-</svelte:head>
-
-<div class="page-container">
-	<!-- Header -->
-	<header class="header">
-		<a href="/" class="back-button" aria-label="Zurück">
-			<CaretLeft size={20} />
-		</a>
-		<h1 class="title">Archiv</h1>
-		<div class="title-icon">
-			<Archive size={20} />
-		</div>
-	</header>
-
-	<!-- Search -->
-	{#if contacts.length > 0}
-		<div class="search-wrapper">
-			<MagnifyingGlass class="search-icon" size={20} />
-			<input
-				type="text"
-				placeholder="Archiv durchsuchen..."
-				bind:value={searchQuery}
-				class="search-input"
-			/>
-		</div>
-	{/if}
-
-	{#if error}
-		<div class="error-banner" role="alert">
-			<Warning size={16} />
-			<span>{error}</span>
-			<button onclick={() => (error = null)} class="dismiss-btn">&times;</button>
-		</div>
-	{/if}
-
-	{#if loading}
-		<ContactListSkeleton count={6} />
-	{:else if contacts.length === 0}
-		<div class="empty-state">
-			<div class="empty-icon">
-				<Archive size={40} />
-			</div>
-			<h2 class="empty-title">Archiv ist leer</h2>
-			<p class="empty-description">
-				Archivierte Kontakte erscheinen hier. Du kannst sie später wiederherstellen oder endgültig
-				löschen.
-			</p>
-			<a href="/" class="btn btn-primary">
-				<Users size={16} />
-				Zu Kontakten
-			</a>
-		</div>
-	{:else if filteredContacts().length === 0}
-		<div class="empty-state">
-			<div class="empty-icon">
-				<MagnifyingGlass size={40} />
-			</div>
-			<h2 class="empty-title">Keine Ergebnisse</h2>
-			<p class="empty-description">Keine archivierten Kontakte gefunden für "{searchQuery}"</p>
-		</div>
-	{:else}
-		<div class="info-banner">
-			<Info size={16} />
-			<span>Archivierte Kontakte können wiederhergestellt oder endgültig gelöscht werden.</span>
-		</div>
-
-		<div class="contacts-list">
-			{#each filteredContacts() as contact (contact.id)}
-				<div
-					role="button"
-					tabindex="0"
-					onclick={() => handleContactClick(contact.id)}
-					onkeydown={(e) => e.key === 'Enter' && handleContactClick(contact.id)}
-					class="contact-card"
-				>
-					<!-- Avatar -->
-					<div class="avatar archived">
-						{#if contact.photoUrl}
-							<img src={contact.photoUrl} alt={getDisplayName(contact)} />
-						{:else}
-							{getInitials(contact)}
-						{/if}
-					</div>
-
-					<!-- Contact Info -->
-					<div class="contact-info">
-						<h3 class="contact-name">{getDisplayName(contact)}</h3>
-						{#if contact.company || contact.jobTitle}
-							<p class="contact-subtitle">
-								{[contact.jobTitle, contact.company].filter(Boolean).join(' @ ')}
-							</p>
-						{/if}
-						{#if contact.email}
-							<p class="contact-email">{contact.email}</p>
-						{/if}
-					</div>
-
-					<!-- Actions -->
-					<div class="contact-actions">
-						<button
-							onclick={(e) => handleRestore(e, contact)}
-							class="action-btn restore"
-							aria-label="Wiederherstellen"
-							title="Wiederherstellen"
-						>
-							<ArrowCounterClockwise size={16} />
-						</button>
-						<button
-							onclick={(e) => handleDelete(e, contact)}
-							class="action-btn delete"
-							aria-label="Endgültig löschen"
-							title="Endgültig löschen"
-						>
-							<Trash size={16} />
-						</button>
-					</div>
-				</div>
-			{/each}
-		</div>
-
-		<p class="contacts-count">
-			{contacts.length} archiviert{contacts.length !== 1 ? 'e Kontakte' : 'er Kontakt'}
-		</p>
-	{/if}
-</div>
-
-<style>
-	.page-container {
-		max-width: 640px;
-		margin: 0 auto;
-		padding: 0 1rem 2rem;
-	}
-
-	/* Header */
-	.header {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem 0;
-		position: sticky;
-		top: 0;
-		background: hsl(var(--color-background));
-		z-index: 10;
-		margin-bottom: 0.5rem;
-	}
-
-	.back-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-foreground));
-		transition: all 0.2s ease;
-	}
-
-	.back-button:hover {
-		background: hsl(var(--color-surface-hover));
-		transform: translateX(-2px);
-	}
-
-	.title {
-		flex: 1;
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: hsl(var(--color-foreground));
-	}
-
-	.title-icon {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	/* Search */
-	.search-wrapper {
-		position: relative;
-		margin-bottom: 1rem;
-	}
-
-	.search-icon {
-		position: absolute;
-		left: 1rem;
-		top: 50%;
-		transform: translateY(-50%);
-		width: 1.25rem;
-		height: 1.25rem;
-		color: hsl(var(--color-muted-foreground));
-		pointer-events: none;
-	}
-
-	.search-input {
-		width: 100%;
-		padding: 0.875rem 1rem 0.875rem 3rem;
-		border: 1.5px solid hsl(var(--color-border));
-		border-radius: 0.75rem;
-		background: hsl(var(--color-input));
-		color: hsl(var(--color-foreground));
-		font-size: 0.9375rem;
-		transition: all 0.2s ease;
-	}
-
-	.search-input:focus {
-		outline: none;
-		border-color: hsl(var(--color-primary));
-		box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.1);
-	}
-
-	.search-input::placeholder {
-		color: hsl(var(--color-muted-foreground) / 0.6);
-	}
-
-	/* Banners */
-	.error-banner {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem;
-		background: hsl(var(--color-error) / 0.1);
-		border: 1px solid hsl(var(--color-error) / 0.3);
-		border-radius: 0.75rem;
-		color: hsl(var(--color-error));
-		margin-bottom: 1rem;
-	}
-
-	.info-banner {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.875rem 1rem;
-		background: hsl(var(--color-muted) / 0.5);
-		border-radius: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-		font-size: 0.875rem;
-		margin-bottom: 1rem;
-	}
-
-	.dismiss-btn {
-		margin-left: auto;
-		background: none;
-		border: none;
-		font-size: 1.5rem;
-		line-height: 1;
-		cursor: pointer;
-		color: inherit;
-		opacity: 0.7;
-	}
-
-	.dismiss-btn:hover {
-		opacity: 1;
-	}
-
-	/* Loading */
-	.loading-container {
-		display: flex;
-		justify-content: center;
-		padding: 4rem 0;
-	}
-
-	.spinner {
-		width: 2.5rem;
-		height: 2.5rem;
-		border: 3px solid hsl(var(--color-muted));
-		border-top-color: hsl(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 0.8s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	/* Empty State */
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 3rem 1rem;
-		text-align: center;
-	}
-
-	.empty-icon {
-		width: 5rem;
-		height: 5rem;
-		border-radius: 50%;
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-muted-foreground));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.empty-icon svg {
-		width: 2.5rem;
-		height: 2.5rem;
-	}
-
-	.empty-title {
-		font-size: 1.25rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		margin-bottom: 0.5rem;
-	}
-
-	.empty-description {
-		color: hsl(var(--color-muted-foreground));
-		margin-bottom: 1.5rem;
-		max-width: 300px;
-	}
-
-	/* Contacts List */
-	.contacts-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.contact-card {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem;
-		background: hsl(var(--color-surface));
-		border: 1px solid hsl(var(--color-border));
-		border-radius: 0.875rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.contact-card:hover {
-		border-color: hsl(var(--color-border));
-		background: hsl(var(--color-surface-hover));
-	}
-
-	.avatar {
-		width: 3rem;
-		height: 3rem;
-		border-radius: 50%;
-		background: linear-gradient(
-			135deg,
-			hsl(var(--color-primary)) 0%,
-			hsl(var(--color-primary) / 0.7) 100%
-		);
-		color: hsl(var(--color-primary-foreground));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 1rem;
-		font-weight: 600;
-		flex-shrink: 0;
-		overflow: hidden;
-	}
-
-	.avatar.archived {
-		background: hsl(var(--color-muted));
-		color: hsl(var(--color-muted-foreground));
-		filter: grayscale(0.5);
-	}
-
-	.avatar img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-
-	.avatar.archived img {
-		filter: grayscale(0.5);
-		opacity: 0.8;
-	}
-
-	.contact-info {
-		flex: 1;
-		min-width: 0;
-	}
-
-	.contact-name {
-		font-size: 1rem;
-		font-weight: 600;
-		color: hsl(var(--color-foreground));
-		margin-bottom: 0.125rem;
-	}
-
-	.contact-subtitle {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.contact-email {
-		font-size: 0.8125rem;
-		color: hsl(var(--color-muted-foreground) / 0.8);
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.contact-actions {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.25rem;
-		height: 2.25rem;
-		border-radius: 0.5rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.action-btn.restore {
-		color: hsl(var(--color-primary));
-	}
-
-	.action-btn.restore:hover {
-		background: hsl(var(--color-primary) / 0.1);
-	}
-
-	.action-btn.delete {
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.action-btn.delete:hover {
-		background: hsl(var(--color-error) / 0.1);
-		color: hsl(var(--color-error));
-	}
-
-	/* Count */
-	.contacts-count {
-		text-align: center;
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-top: 1.5rem;
-	}
-
-	/* Button */
-	.btn {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.75rem 1.5rem;
-		border-radius: 0.75rem;
-		font-weight: 600;
-		font-size: 0.9375rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		border: none;
-		text-decoration: none;
-	}
-
-	.btn-primary {
-		background: hsl(var(--color-primary));
-		color: hsl(var(--color-primary-foreground));
-		box-shadow: 0 4px 12px hsl(var(--color-primary) / 0.3);
-	}
-
-	.btn-primary:hover {
-		transform: translateY(-1px);
-		box-shadow: 0 6px 16px hsl(var(--color-primary) / 0.4);
-	}
-
-	/* Icons */
-	.icon {
-		width: 1.25rem;
-		height: 1.25rem;
-	}
-
-	.icon-sm {
-		width: 1rem;
-		height: 1rem;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/contacts/[id]/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/contacts/[id]/+page.svelte
deleted file mode 100644
index 41ec7f30d..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/contacts/[id]/+page.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import ContactList from '$lib/components/ContactList.svelte';
-	import '$lib/i18n';
-</script>
-
-<svelte:head>
-	<title>{$_('contacts.title')} - Contacts</title>
-</svelte:head>
-
-<!-- Show the contact list in the background - the modal is rendered by the layout -->
-<ContactList />
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/data/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/data/+page.svelte
deleted file mode 100644
index 3feed3400..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/data/+page.svelte
+++ /dev/null
@@ -1,542 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import FileUploader from '$lib/components/import/FileUploader.svelte';
-	import ImportPreview from '$lib/components/import/ImportPreview.svelte';
-	import GoogleImport from '$lib/components/import/GoogleImport.svelte';
-	import { importApi, type ImportPreviewResponse, type DuplicateAction } from '$lib/api/import';
-	import { exportApi, type ExportFormat } from '$lib/api/export';
-	// contactsStore removed — live queries auto-update
-	import { ImportPreviewSkeleton } from '$lib/components/skeletons';
-	import { ContactsEvents } from '@manacore/shared-utils/analytics';
-	import {
-		Upload,
-		DownloadSimple,
-		File,
-		FileText,
-		AddressBook,
-		Check,
-	} from '@manacore/shared-icons';
-	import { getErrorMessage } from '$lib/utils/error-helpers';
-	import '$lib/i18n';
-
-	type Tab = 'import' | 'export';
-	type ImportSource = 'file' | 'google';
-	type ImportStep = 'upload' | 'preview' | 'result';
-
-	// Get initial tab from URL
-	let activeTab = $state<Tab>(($page.url.searchParams.get('tab') as Tab) || 'import');
-	let importSource = $state<ImportSource>(
-		($page.url.searchParams.get('source') as ImportSource) || 'file'
-	);
-
-	// Import state
-	let importStep = $state<ImportStep>('upload');
-	let isLoading = $state(false);
-	let isImporting = $state(false);
-	let importError = $state<string | null>(null);
-	let selectedFile = $state<File | null>(null);
-	let preview = $state<ImportPreviewResponse | null>(null);
-	let importResult = $state<{
-		imported: number;
-		skipped: number;
-		merged: number;
-		errors: { index: number; contactName: string; error: string }[];
-	} | null>(null);
-
-	// Export state
-	let exportFormat = $state<ExportFormat>('vcard');
-	let includeArchived = $state(false);
-	let includeNotes = $state(true);
-	let includePhotos = $state(true);
-	let onlyFavorites = $state(false);
-	let isExporting = $state(false);
-	let exportError = $state<string | null>(null);
-	let exportSuccess = $state(false);
-
-	function setActiveTab(tab: Tab) {
-		activeTab = tab;
-		updateUrl();
-		// Reset states
-		if (tab === 'import') {
-			resetImportState();
-		} else {
-			resetExportState();
-		}
-	}
-
-	function setImportSource(source: ImportSource) {
-		importSource = source;
-		updateUrl();
-		resetImportState();
-	}
-
-	function updateUrl() {
-		const url = new URL(window.location.href);
-		url.searchParams.set('tab', activeTab);
-		if (activeTab === 'import') {
-			url.searchParams.set('source', importSource);
-		} else {
-			url.searchParams.delete('source');
-		}
-		window.history.replaceState({}, '', url.toString());
-	}
-
-	function resetImportState() {
-		importStep = 'upload';
-		preview = null;
-		selectedFile = null;
-		importResult = null;
-		importError = null;
-	}
-
-	function resetExportState() {
-		exportError = null;
-		exportSuccess = false;
-	}
-
-	// Import handlers
-	async function handleFileSelect(file: File) {
-		selectedFile = file;
-		importError = null;
-		isLoading = true;
-
-		try {
-			preview = await importApi.preview(file);
-			importStep = 'preview';
-		} catch (e) {
-			importError = getErrorMessage(e, 'Fehler beim Verarbeiten der Datei');
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function handleImport(duplicateAction: DuplicateAction, skipIndices: number[]) {
-		if (!preview) return;
-
-		isImporting = true;
-		importError = null;
-
-		try {
-			importResult = await importApi.execute(preview.contacts, duplicateAction, skipIndices);
-			importStep = 'result';
-			const fileExt = selectedFile?.name?.endsWith('.csv') ? 'csv' : 'vcard';
-			ContactsEvents.contactImported(fileExt as 'csv' | 'vcard', importResult?.imported);
-			// Live query auto-updates — no manual reload needed
-		} catch (e) {
-			importError = getErrorMessage(e, 'Fehler beim Importieren');
-		} finally {
-			isImporting = false;
-		}
-	}
-
-	function handleCancelImport() {
-		resetImportState();
-	}
-
-	function handleImportDone() {
-		goto('/');
-	}
-
-	function handleImportMore() {
-		resetImportState();
-	}
-
-	async function handleDownloadTemplate() {
-		try {
-			await importApi.downloadTemplate();
-		} catch (e) {
-			importError = getErrorMessage(e, 'Fehler beim Herunterladen');
-		}
-	}
-
-	// Export handlers
-	async function handleExport() {
-		isExporting = true;
-		exportError = null;
-		exportSuccess = false;
-
-		try {
-			await exportApi.exportContacts({
-				format: exportFormat,
-				includeFavorites: onlyFavorites || undefined,
-				includeArchived,
-			});
-			exportSuccess = true;
-		} catch (e) {
-			exportError = getErrorMessage(e, 'Export fehlgeschlagen');
-		} finally {
-			isExporting = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Daten - Kontakte</title>
-</svelte:head>
-
-<div class="max-w-4xl mx-auto space-y-6">
-	<!-- Header -->
-	<div class="flex items-center justify-between">
-		<div>
-			<h1 class="text-2xl font-bold text-foreground">Daten verwalten</h1>
-			<p class="text-muted-foreground mt-1">Kontakte importieren, exportieren und sichern</p>
-		</div>
-		<a href="/" class="btn btn-secondary">Zurück</a>
-	</div>
-
-	<!-- Main Tabs -->
-	<div class="flex gap-1 p-1 bg-muted rounded-xl">
-		<button
-			type="button"
-			onclick={() => setActiveTab('import')}
-			class="flex-1 flex items-center justify-center gap-2 px-4 py-3 rounded-lg font-medium transition-all
-				{activeTab === 'import'
-				? 'bg-card text-foreground shadow-sm'
-				: 'text-muted-foreground hover:text-foreground'}"
-		>
-			<Upload size={20} />
-			Import
-		</button>
-		<button
-			type="button"
-			onclick={() => setActiveTab('export')}
-			class="flex-1 flex items-center justify-center gap-2 px-4 py-3 rounded-lg font-medium transition-all
-				{activeTab === 'export'
-				? 'bg-card text-foreground shadow-sm'
-				: 'text-muted-foreground hover:text-foreground'}"
-		>
-			<DownloadSimple size={20} />
-			Export
-		</button>
-	</div>
-
-	<!-- ==================== IMPORT TAB ==================== -->
-	{#if activeTab === 'import'}
-		<!-- Import Source Tabs -->
-		<div class="flex gap-2 border-b border-border">
-			<button
-				type="button"
-				onclick={() => setImportSource('file')}
-				class="px-4 py-2 font-medium transition-colors border-b-2 -mb-px
-					{importSource === 'file'
-					? 'border-primary text-primary'
-					: 'border-transparent text-muted-foreground hover:text-foreground'}"
-			>
-				<span class="flex items-center gap-2">
-					<File size={20} />
-					Datei
-				</span>
-			</button>
-			<button
-				type="button"
-				onclick={() => setImportSource('google')}
-				class="px-4 py-2 font-medium transition-colors border-b-2 -mb-px
-					{importSource === 'google'
-					? 'border-primary text-primary'
-					: 'border-transparent text-muted-foreground hover:text-foreground'}"
-			>
-				<span class="flex items-center gap-2">
-					<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
-						<path
-							d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-						/>
-						<path
-							d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-						/>
-						<path
-							d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-						/>
-						<path
-							d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-						/>
-					</svg>
-					Google
-				</span>
-			</button>
-		</div>
-
-		<!-- Import Error -->
-		{#if importError && importSource === 'file'}
-			<div class="bg-red-500/10 border border-red-500/20 rounded-lg p-4 text-red-500">
-				{importError}
-			</div>
-		{/if}
-
-		<!-- File Import -->
-		{#if importSource === 'file'}
-			{#if importStep === 'upload'}
-				<div class="space-y-6">
-					{#if isLoading}
-						<ImportPreviewSkeleton />
-					{:else}
-						<FileUploader onFileSelect={handleFileSelect} />
-
-						<div class="bg-card rounded-xl p-6 space-y-4">
-							<h3 class="font-semibold text-foreground">Unterstützte Formate</h3>
-							<div class="grid sm:grid-cols-2 gap-4">
-								<div class="flex items-start gap-3">
-									<div
-										class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center text-primary flex-shrink-0"
-									>
-										<AddressBook size={20} />
-									</div>
-									<div>
-										<div class="font-medium text-foreground">vCard (.vcf)</div>
-										<div class="text-sm text-muted-foreground">
-											Standard-Format für Kontakte, kompatibel mit allen gängigen Apps
-										</div>
-									</div>
-								</div>
-								<div class="flex items-start gap-3">
-									<div
-										class="w-10 h-10 rounded-lg bg-green-500/10 flex items-center justify-center text-green-500 flex-shrink-0"
-									>
-										<FileText size={20} />
-									</div>
-									<div>
-										<div class="font-medium text-foreground">CSV (.csv)</div>
-										<div class="text-sm text-muted-foreground">
-											Tabellen-Format, ideal für Excel oder Google Sheets
-										</div>
-									</div>
-								</div>
-							</div>
-
-							<div class="pt-4 border-t border-border">
-								<button
-									type="button"
-									onclick={handleDownloadTemplate}
-									class="text-primary hover:underline text-sm inline-flex items-center gap-2"
-								>
-									<DownloadSimple size={16} />
-									CSV-Vorlage herunterladen
-								</button>
-							</div>
-						</div>
-					{/if}
-				</div>
-			{/if}
-
-			{#if importStep === 'preview' && preview}
-				<ImportPreview
-					{preview}
-					onImport={handleImport}
-					onCancel={handleCancelImport}
-					{isImporting}
-				/>
-			{/if}
-
-			{#if importStep === 'result' && importResult}
-				<div class="bg-card rounded-xl p-8 text-center space-y-6">
-					<div
-						class="w-20 h-20 mx-auto rounded-full bg-green-500/10 flex items-center justify-center text-green-500"
-					>
-						<Check size={40} />
-					</div>
-
-					<div>
-						<h2 class="text-2xl font-bold text-foreground">Import abgeschlossen</h2>
-						<p class="text-muted-foreground mt-2">Deine Kontakte wurden erfolgreich importiert</p>
-					</div>
-
-					<div class="grid grid-cols-3 gap-4 max-w-md mx-auto">
-						<div class="bg-green-500/10 rounded-lg p-4">
-							<div class="text-3xl font-bold text-green-500">{importResult.imported}</div>
-							<div class="text-sm text-muted-foreground">Importiert</div>
-						</div>
-						<div class="bg-blue-500/10 rounded-lg p-4">
-							<div class="text-3xl font-bold text-blue-500">{importResult.merged}</div>
-							<div class="text-sm text-muted-foreground">Zusammengeführt</div>
-						</div>
-						<div class="bg-gray-500/10 rounded-lg p-4">
-							<div class="text-3xl font-bold text-gray-500">{importResult.skipped}</div>
-							<div class="text-sm text-muted-foreground">Übersprungen</div>
-						</div>
-					</div>
-
-					{#if importResult.errors.length > 0}
-						<div class="bg-red-500/10 border border-red-500/20 rounded-lg p-4 text-left">
-							<h3 class="font-medium text-red-500 mb-2">Fehler</h3>
-							<ul class="text-sm text-red-400 space-y-1">
-								{#each importResult.errors as err}
-									<li>{err.contactName}: {err.error}</li>
-								{/each}
-							</ul>
-						</div>
-					{/if}
-
-					<div class="flex justify-center gap-3">
-						<button type="button" onclick={handleImportMore} class="btn btn-secondary">
-							Weitere importieren
-						</button>
-						<button type="button" onclick={handleImportDone} class="btn btn-primary">
-							Fertig
-						</button>
-					</div>
-				</div>
-			{/if}
-		{/if}
-
-		<!-- Google Import -->
-		{#if importSource === 'google'}
-			<GoogleImport />
-		{/if}
-	{/if}
-
-	<!-- ==================== EXPORT TAB ==================== -->
-	{#if activeTab === 'export'}
-		<div class="space-y-6">
-			<!-- Success Message -->
-			{#if exportSuccess}
-				<div
-					class="bg-green-500/10 border border-green-500/20 rounded-lg p-4 text-green-600 dark:text-green-400 flex items-center gap-3"
-				>
-					<Check size={20} class="flex-shrink-0" />
-					Export erfolgreich! Die Datei wurde heruntergeladen.
-				</div>
-			{/if}
-
-			<!-- Error Message -->
-			{#if exportError}
-				<div class="bg-red-500/10 border border-red-500/20 rounded-lg p-4 text-red-500">
-					{exportError}
-				</div>
-			{/if}
-
-			<!-- Format Selection -->
-			<div class="bg-card rounded-xl p-6 space-y-4">
-				<h3 class="font-semibold text-foreground">Format wählen</h3>
-				<div class="grid sm:grid-cols-2 gap-3">
-					<button
-						type="button"
-						onclick={() => (exportFormat = 'vcard')}
-						class="p-4 rounded-lg border-2 transition-colors text-left
-							{exportFormat === 'vcard'
-							? 'border-primary bg-primary/10'
-							: 'border-border hover:border-muted-foreground'}"
-					>
-						<div class="flex items-center gap-3">
-							<div
-								class="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center text-primary"
-							>
-								<AddressBook size={24} />
-							</div>
-							<div>
-								<div class="font-medium text-foreground">vCard</div>
-								<div class="text-sm text-muted-foreground">.vcf - Universelles Kontaktformat</div>
-							</div>
-						</div>
-					</button>
-					<button
-						type="button"
-						onclick={() => (exportFormat = 'csv')}
-						class="p-4 rounded-lg border-2 transition-colors text-left
-							{exportFormat === 'csv'
-							? 'border-primary bg-primary/10'
-							: 'border-border hover:border-muted-foreground'}"
-					>
-						<div class="flex items-center gap-3">
-							<div
-								class="w-12 h-12 rounded-lg bg-green-500/10 flex items-center justify-center text-green-500"
-							>
-								<FileText size={24} />
-							</div>
-							<div>
-								<div class="font-medium text-foreground">CSV</div>
-								<div class="text-sm text-muted-foreground">.csv - Für Excel & Tabellen</div>
-							</div>
-						</div>
-					</button>
-				</div>
-			</div>
-
-			<!-- Filter Options -->
-			<div class="bg-card rounded-xl p-6 space-y-4">
-				<h3 class="font-semibold text-foreground">Filter</h3>
-
-				<div class="space-y-4">
-					<!-- Favorites Only -->
-					<label class="flex items-center gap-3 cursor-pointer">
-						<input
-							type="checkbox"
-							bind:checked={onlyFavorites}
-							class="w-5 h-5 rounded border-border text-primary focus:ring-primary"
-						/>
-						<span class="text-foreground">Nur Favoriten exportieren</span>
-					</label>
-				</div>
-			</div>
-
-			<!-- Export Options -->
-			<div class="bg-card rounded-xl p-6 space-y-4">
-				<h3 class="font-semibold text-foreground">Optionen</h3>
-
-				<div class="space-y-3">
-					<label class="flex items-center gap-3 cursor-pointer">
-						<input
-							type="checkbox"
-							bind:checked={includeNotes}
-							class="w-5 h-5 rounded border-border text-primary focus:ring-primary"
-						/>
-						<div>
-							<span class="text-foreground">Notizen einschließen</span>
-							<p class="text-sm text-muted-foreground">Notizen zu Kontakten mit exportieren</p>
-						</div>
-					</label>
-
-					<label class="flex items-center gap-3 cursor-pointer">
-						<input
-							type="checkbox"
-							bind:checked={includePhotos}
-							class="w-5 h-5 rounded border-border text-primary focus:ring-primary"
-						/>
-						<div>
-							<span class="text-foreground">Fotos einschließen</span>
-							<p class="text-sm text-muted-foreground">
-								Kontaktfotos mit exportieren (größere Datei)
-							</p>
-						</div>
-					</label>
-
-					<label class="flex items-center gap-3 cursor-pointer">
-						<input
-							type="checkbox"
-							bind:checked={includeArchived}
-							class="w-5 h-5 rounded border-border text-primary focus:ring-primary"
-						/>
-						<div>
-							<span class="text-foreground">Archivierte einschließen</span>
-							<p class="text-sm text-muted-foreground">Auch archivierte Kontakte exportieren</p>
-						</div>
-					</label>
-				</div>
-			</div>
-
-			<!-- Export Button -->
-			<div class="flex justify-end">
-				<button
-					type="button"
-					onclick={handleExport}
-					disabled={isExporting}
-					class="btn btn-primary px-8"
-				>
-					{#if isExporting}
-						<span class="inline-flex items-center gap-2">
-							<span
-								class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"
-							></span>
-							Exportiere...
-						</span>
-					{:else}
-						<span class="inline-flex items-center gap-2">
-							<DownloadSimple size={20} />
-							Kontakte exportieren
-						</span>
-					{/if}
-				</button>
-			</div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/duplicates/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/duplicates/+page.svelte
deleted file mode 100644
index 1d0a209dc..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/duplicates/+page.svelte
+++ /dev/null
@@ -1,224 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { duplicatesApi, type DuplicateGroup } from '$lib/api/duplicates';
-	import MergeModal from '$lib/components/duplicates/MergeModal.svelte';
-	import { DuplicateListSkeleton } from '$lib/components/skeletons';
-	import { toastStore } from '@manacore/shared-ui';
-	import { getErrorMessage } from '$lib/utils/error-helpers';
-	import { ArrowsClockwise } from '@manacore/shared-icons';
-	import { getDisplayName, getInitials } from '$lib/utils/contact-display';
-	import { getMatchTypeLabel } from '$lib/constants/contact-fields';
-
-	let duplicates = $state<DuplicateGroup[]>([]);
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-	let selectedGroup = $state<DuplicateGroup | null>(null);
-	let showMergeModal = $state(false);
-
-	async function loadDuplicates() {
-		loading = true;
-		error = null;
-		try {
-			const result = await duplicatesApi.findDuplicates();
-			duplicates = result.duplicates;
-		} catch (e) {
-			error = getErrorMessage(e, 'Fehler beim Laden der Duplikate');
-			console.error('Failed to load duplicates:', e);
-		} finally {
-			loading = false;
-		}
-	}
-
-	function getMatchTypeIcon(type: 'email' | 'phone' | 'name') {
-		switch (type) {
-			case 'email':
-				return '✉️';
-			case 'phone':
-				return '📞';
-			case 'name':
-				return '👤';
-		}
-	}
-
-	function handleOpenMerge(group: DuplicateGroup) {
-		selectedGroup = group;
-		showMergeModal = true;
-	}
-
-	function handleCloseMergeModal() {
-		showMergeModal = false;
-		selectedGroup = null;
-	}
-
-	async function handleMerge(primaryId: string, mergeIds: string[]) {
-		try {
-			await duplicatesApi.mergeContacts(primaryId, mergeIds);
-			toastStore.success(`${mergeIds.length + 1} Kontakte wurden zusammengeführt`);
-			// Remove the merged group from the list
-			if (selectedGroup) {
-				duplicates = duplicates.filter((d) => d.id !== selectedGroup!.id);
-			}
-			handleCloseMergeModal();
-		} catch (e) {
-			toastStore.error(getErrorMessage(e, 'Fehler beim Zusammenführen'));
-		}
-	}
-
-	async function handleDismiss() {
-		if (!selectedGroup) return;
-		try {
-			await duplicatesApi.dismissDuplicate(selectedGroup.id);
-			duplicates = duplicates.filter((d) => d.id !== selectedGroup!.id);
-			toastStore.info('Duplikat-Gruppe wurde ignoriert');
-			handleCloseMergeModal();
-		} catch (e) {
-			toastStore.error('Fehler beim Ignorieren');
-		}
-	}
-
-	onMount(() => {
-		loadDuplicates();
-	});
-</script>
-
-<svelte:head>
-	<title>Duplikate - Contacts</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<!-- Header -->
-	<div class="flex items-center justify-between">
-		<div>
-			<h1 class="text-2xl font-bold text-foreground">Duplikate finden</h1>
-			<p class="text-muted-foreground mt-1">Finde und führe doppelte Kontakte zusammen</p>
-		</div>
-		<button type="button" onclick={loadDuplicates} class="btn btn-secondary" disabled={loading}>
-			{#if loading}
-				<span class="animate-spin mr-2">⏳</span>
-			{:else}
-				<ArrowsClockwise size={20} class="mr-2" />
-			{/if}
-			Erneut suchen
-		</button>
-	</div>
-
-	<!-- Loading state -->
-	{#if loading}
-		<DuplicateListSkeleton count={3} />
-	{:else if error}
-		<!-- Error state -->
-		<div class="text-center py-12">
-			<div class="text-6xl mb-4">❌</div>
-			<h2 class="text-xl font-semibold text-foreground mb-2">Fehler beim Laden</h2>
-			<p class="text-muted-foreground mb-4">{error}</p>
-			<button type="button" onclick={loadDuplicates} class="btn btn-primary">
-				Erneut versuchen
-			</button>
-		</div>
-	{:else if duplicates.length === 0}
-		<!-- Empty state -->
-		<div class="text-center py-12">
-			<div class="text-6xl mb-4">✨</div>
-			<h2 class="text-xl font-semibold text-foreground mb-2">Keine Duplikate gefunden</h2>
-			<p class="text-muted-foreground">
-				Deine Kontakte sehen sauber aus! Es wurden keine potenziellen Duplikate erkannt.
-			</p>
-		</div>
-	{:else}
-		<!-- Stats -->
-		<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
-			<div class="bg-card border border-border rounded-lg p-4">
-				<div class="text-2xl font-bold text-foreground">{duplicates.length}</div>
-				<div class="text-sm text-muted-foreground">Duplikat-Gruppen</div>
-			</div>
-			<div class="bg-card border border-border rounded-lg p-4">
-				<div class="text-2xl font-bold text-foreground">
-					{duplicates.reduce((sum, d) => sum + d.contacts.length, 0)}
-				</div>
-				<div class="text-sm text-muted-foreground">Betroffene Kontakte</div>
-			</div>
-			<div class="bg-card border border-border rounded-lg p-4">
-				<div class="text-2xl font-bold text-green-600">
-					{duplicates.reduce((sum, d) => sum + d.contacts.length - 1, 0)}
-				</div>
-				<div class="text-sm text-muted-foreground">Mögliche Einsparung</div>
-			</div>
-		</div>
-
-		<!-- Duplicates list -->
-		<div class="space-y-4">
-			{#each duplicates as group (group.id)}
-				<div class="bg-card border border-border rounded-lg overflow-hidden">
-					<!-- Group header -->
-					<div class="p-4 border-b border-border bg-muted/30 flex items-center justify-between">
-						<div class="flex items-center gap-3">
-							<span class="text-2xl">{getMatchTypeIcon(group.matchType)}</span>
-							<div>
-								<div class="font-medium text-foreground">
-									{group.contacts.length} Kontakte mit gleicher {getMatchTypeLabel(group.matchType)}
-								</div>
-								<div class="text-sm text-muted-foreground">
-									{group.matchValue}
-								</div>
-							</div>
-						</div>
-						<button
-							type="button"
-							onclick={() => handleOpenMerge(group)}
-							class="btn btn-primary btn-sm"
-						>
-							Zusammenführen
-						</button>
-					</div>
-
-					<!-- Contacts preview -->
-					<div class="p-4">
-						<div class="flex flex-wrap gap-4">
-							{#each group.contacts as contact (contact.id)}
-								<div class="flex items-center gap-3 bg-muted/20 rounded-lg p-3 min-w-[200px]">
-									<div
-										class="w-10 h-10 rounded-full bg-primary/10 text-primary flex items-center justify-center text-sm font-medium"
-									>
-										{#if contact.photoUrl}
-											<img
-												src={contact.photoUrl}
-												alt={getDisplayName(contact)}
-												class="h-full w-full rounded-full object-cover"
-											/>
-										{:else}
-											{getInitials(contact)}
-										{/if}
-									</div>
-									<div class="min-w-0">
-										<div class="font-medium text-foreground truncate">
-											{getDisplayName(contact)}
-										</div>
-										{#if contact.company}
-											<div class="text-xs text-muted-foreground truncate">
-												{contact.company}
-											</div>
-										{/if}
-									</div>
-								</div>
-							{/each}
-						</div>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<!-- Merge Modal -->
-{#if selectedGroup}
-	<MergeModal
-		isOpen={showMergeModal}
-		contacts={selectedGroup.contacts}
-		matchType={selectedGroup.matchType}
-		matchValue={selectedGroup.matchValue}
-		onMerge={handleMerge}
-		onDismiss={handleDismiss}
-		onClose={handleCloseMergeModal}
-	/>
-{/if}
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index 024cad4c6..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { feedbackService } from '$lib/services/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<FeedbackPage {feedbackService} appName="Contacts" currentUserId={authStore.user?.id} />
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 2642c7e4c..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getContactsHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getContactsHelpContent($locale ?? 'en'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'en', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne die App kennen'
-					: 'Find answers and learn how to use the app',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Contacts</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Contacts"
-	appId="contacts"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index 0b085b4ec..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/mana/+page.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-	import { toastStore } from '@manacore/shared-ui';
-
-	function handleSubscribe(planId: string) {
-		console.log('Subscribe to plan:', planId);
-		toastStore.info(`Abo "${planId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		console.log('Buy package:', packageId);
-		toastStore.info(`Paket "${packageId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-</script>
-
-<svelte:head>
-	<title>Mana - Contacts</title>
-</svelte:head>
-
-<div class="mana-page">
-	<SubscriptionPage
-		appName="Contacts"
-		onSubscribe={handleSubscribe}
-		onBuyPackage={handleBuyPackage}
-		currentPlanId="free"
-		pageTitle="Wähle dein Abo"
-		subscriptionsTitle="Abonnements"
-		packagesTitle="Einmal-Pakete"
-		yearlyDiscount="20% Rabatt"
-	/>
-</div>
-
-<style>
-	.mana-page {
-		min-height: 100%;
-		width: 100%;
-		overflow-x: hidden;
-		background-color: hsl(var(--background));
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 1b9b10e56..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import type { UserProfile, ProfileActions } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-
-	// Map auth store user to UserProfile
-	let userProfile = $derived<UserProfile>({
-		id: authStore.user?.id || '',
-		email: authStore.user?.email || '',
-		role: authStore.user?.role,
-	});
-
-	// Profile actions
-	const actions: ProfileActions = {
-		onLogout: async () => {
-			await authStore.signOut();
-			goto('/login');
-		},
-		onDeleteAccount: () => {
-			alert('Konto löschen ist noch nicht implementiert.');
-		},
-	};
-</script>
-
-<ProfilePage
-	user={userProfile}
-	appName="Contacts"
-	{actions}
-	pageTitle="Profil"
-	accountInfoTitle="Konto-Informationen"
-	actionsTitle="Aktionen"
-	emailLabel="E-Mail"
-	nameLabel="Name"
-	memberSinceLabel="Mitglied seit"
-	lastLoginLabel="Letzter Login"
-	roleLabel="Rolle"
-	editProfileLabel="Profil bearbeiten"
-	changePasswordLabel="Passwort ändern"
-	logoutLabel="Abmelden"
-	deleteAccountLabel="Konto löschen"
-	deleteAccountWarning="Diese Aktion kann nicht rückgängig gemacht werden."
-/>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 768717516..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,465 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import {
-		contactsSettings,
-		type ContactView,
-		type ContactSortBy,
-		type ContactSortOrder,
-		type DateFormat,
-	} from '$lib/stores/settings.svelte';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		SettingsToggle,
-		SettingsSelect,
-		SettingsNumberInput,
-		SettingsDangerZone,
-		SettingsDangerButton,
-		GlobalSettingsSection,
-	} from '@manacore/shared-ui';
-	import {
-		User,
-		Envelope,
-		ShieldCheck,
-		Layout,
-		List,
-		SortAscending,
-		ArrowsDownUp,
-		Image,
-		Buildings,
-		Hash,
-		AddressBook,
-		Calendar,
-		Cake,
-		Bell,
-		ArrowsLeftRight,
-		Upload,
-		Download,
-		Archive,
-		Copy,
-		ClipboardText,
-		Sliders,
-		Lock,
-		EyeSlash,
-		ShareNetwork,
-		Trash,
-		Info,
-		Tag,
-		ArrowCounterClockwise,
-		SignOut,
-	} from '@manacore/shared-icons';
-
-	// Options for selects
-	const viewOptions = [
-		{ value: 'grid', label: 'Kacheln' },
-		{ value: 'alphabet', label: 'Alphabetisch' },
-	];
-
-	const sortByOptions = [
-		{ value: 'name', label: 'Name' },
-		{ value: 'company', label: 'Firma' },
-		{ value: 'created', label: 'Erstellt' },
-		{ value: 'updated', label: 'Aktualisiert' },
-	];
-
-	const sortOrderOptions = [
-		{ value: 'asc', label: 'Aufsteigend (A-Z)' },
-		{ value: 'desc', label: 'Absteigend (Z-A)' },
-	];
-
-	const nameFormatOptions = [
-		{ value: 'first-last', label: 'Vorname Nachname' },
-		{ value: 'last-first', label: 'Nachname, Vorname' },
-	];
-
-	const dateFormatOptions = [
-		{ value: 'dd.MM.yyyy', label: 'TT.MM.JJJJ (deutsch)' },
-		{ value: 'MM/dd/yyyy', label: 'MM/TT/JJJJ (US)' },
-		{ value: 'yyyy-MM-dd', label: 'JJJJ-MM-TT (ISO)' },
-	];
-
-	const duplicateSensitivityOptions = [
-		{ value: 'strict', label: 'Streng' },
-		{ value: 'normal', label: 'Normal' },
-		{ value: 'loose', label: 'Locker' },
-	];
-
-	// Translation function for start page labels
-	const startPageLabels: Record<string, string> = {
-		'nav.contacts': 'Kontakte',
-		'nav.groups': 'Gruppen',
-	};
-
-	function translateLabel(key: string): string {
-		return startPageLabels[key] || key;
-	}
-
-	onMount(async () => {
-		if (!authStore.isAuthenticated) {
-			goto('/login');
-			return;
-		}
-
-		// Load user settings from server
-		await userSettings.load();
-
-		// Initialize contacts settings from localStorage
-		contactsSettings.initialize();
-	});
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	function handleResetSettings() {
-		if (confirm('Alle Einstellungen auf Standardwerte zurücksetzen?')) {
-			contactsSettings.reset();
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Einstellungen - Kontakte</title>
-</svelte:head>
-
-<SettingsPage title="Einstellungen" subtitle="Passe die App an deine Vorlieben an.">
-	<!-- Account Section -->
-	<SettingsSection title="Konto">
-		{#snippet icon()}
-			<User size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="E-Mail" description={authStore.user?.email || 'Nicht angemeldet'}>
-				{#snippet icon()}
-					<Envelope size={20} />
-				{/snippet}
-			</SettingsRow>
-
-			<SettingsRow label="Konto-Status" description="Dein aktueller Kontostatus" border={false}>
-				{#snippet icon()}
-					<ShieldCheck size={20} />
-				{/snippet}
-				<span
-					class="rounded-full bg-green-100 px-3 py-1 text-xs font-medium text-green-800 dark:bg-green-900/20 dark:text-green-400"
-				>
-					Aktiv
-				</span>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Global Settings Section (synced across all apps) -->
-	<GlobalSettingsSection {userSettings} appId="contacts" t={translateLabel} />
-
-	<!-- Display Settings Section -->
-	<SettingsSection title="Anzeige">
-		{#snippet icon()}
-			<Layout size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsSelect
-				label="Standard-Ansicht"
-				description="Ansicht beim Öffnen der App"
-				options={viewOptions}
-				value={contactsSettings.defaultView}
-				onchange={(v: string | number | null) =>
-					contactsSettings.set('defaultView', v as ContactView)}
-			>
-				{#snippet icon()}
-					<List size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsSelect
-				label="Sortierung"
-				description="Standard-Sortierung der Kontakte"
-				options={sortByOptions}
-				value={contactsSettings.sortBy}
-				onchange={(v: string | number | null) => contactsSettings.set('sortBy', v as ContactSortBy)}
-			>
-				{#snippet icon()}
-					<SortAscending size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsSelect
-				label="Sortierreihenfolge"
-				description="Aufsteigende oder absteigende Sortierung"
-				options={sortOrderOptions}
-				value={contactsSettings.sortOrder}
-				onchange={(v: string | number | null) =>
-					contactsSettings.set('sortOrder', v as ContactSortOrder)}
-			>
-				{#snippet icon()}
-					<ArrowsDownUp size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsToggle
-				label="Fotos anzeigen"
-				description="Kontaktfotos in der Liste anzeigen"
-				isOn={contactsSettings.showPhotos}
-				onToggle={(v) => contactsSettings.set('showPhotos', v)}
-			>
-				{#snippet icon()}
-					<Image size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsToggle
-				label="Firma anzeigen"
-				description="Firmenname in der Kontaktliste anzeigen"
-				isOn={contactsSettings.showCompany}
-				onToggle={(v) => contactsSettings.set('showCompany', v)}
-			>
-				{#snippet icon()}
-					<Buildings size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsNumberInput
-				label="Kontakte pro Seite"
-				description="Anzahl der Kontakte pro Seite"
-				value={contactsSettings.contactsPerPage}
-				onchange={(v: number | null) => contactsSettings.set('contactsPerPage', v ?? 50)}
-				min={10}
-				max={200}
-				border={false}
-			>
-				{#snippet icon()}
-					<Hash size={20} />
-				{/snippet}
-			</SettingsNumberInput>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Contact Format Section -->
-	<SettingsSection title="Kontakt-Darstellung">
-		{#snippet icon()}
-			<AddressBook size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsSelect
-				label="Namensformat"
-				description="Reihenfolge von Vor- und Nachname"
-				options={nameFormatOptions}
-				value={contactsSettings.nameFormat}
-				onchange={(v: string | number | null) =>
-					contactsSettings.set('nameFormat', v as 'first-last' | 'last-first')}
-			>
-				{#snippet icon()}
-					<User size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsSelect
-				label="Datumsformat"
-				description="Format für Geburtstage und andere Daten"
-				options={dateFormatOptions}
-				value={contactsSettings.dateFormat}
-				onchange={(v: string | number | null) =>
-					contactsSettings.set('dateFormat', v as DateFormat)}
-			>
-				{#snippet icon()}
-					<Calendar size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsToggle
-				label="Geburtstags-Erinnerungen"
-				description="Benachrichtigungen bei bevorstehenden Geburtstagen"
-				isOn={contactsSettings.showBirthdayReminders}
-				onToggle={(v) => contactsSettings.set('showBirthdayReminders', v)}
-			>
-				{#snippet icon()}
-					<Cake size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsNumberInput
-				label="Erinnerung X Tage vorher"
-				description="Tage vor dem Geburtstag erinnern"
-				value={contactsSettings.birthdayReminderDays}
-				onchange={(v: number | null) => contactsSettings.set('birthdayReminderDays', v ?? 7)}
-				min={1}
-				max={30}
-				border={false}
-			>
-				{#snippet icon()}
-					<Bell size={20} />
-				{/snippet}
-			</SettingsNumberInput>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Import/Export Section -->
-	<SettingsSection title="Daten">
-		{#snippet icon()}
-			<ArrowsLeftRight size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow
-				label="Kontakte importieren"
-				description="Aus Datei oder Google importieren"
-				href="/data?tab=import"
-			>
-				{#snippet icon()}
-					<Upload size={20} />
-				{/snippet}
-			</SettingsRow>
-
-			<SettingsRow
-				label="Kontakte exportieren"
-				description="Als vCard oder CSV herunterladen"
-				href="/data?tab=export"
-			>
-				{#snippet icon()}
-					<Download size={20} />
-				{/snippet}
-			</SettingsRow>
-
-			<SettingsRow
-				label="Archiv"
-				description="Archivierte Kontakte anzeigen und verwalten"
-				href="/archive"
-				border={false}
-			>
-				{#snippet icon()}
-					<Archive size={20} />
-				{/snippet}
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Duplicates Section -->
-	<SettingsSection title="Duplikate">
-		{#snippet icon()}
-			<Copy size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsToggle
-				label="Automatische Erkennung"
-				description="Duplikate automatisch beim Import erkennen"
-				isOn={contactsSettings.autoDetectDuplicates}
-				onToggle={(v) => contactsSettings.set('autoDetectDuplicates', v)}
-			>
-				{#snippet icon()}
-					<ClipboardText size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsSelect
-				label="Erkennungs-Empfindlichkeit"
-				description="Wie streng sollen Duplikate erkannt werden?"
-				options={duplicateSensitivityOptions}
-				value={contactsSettings.duplicateSensitivity}
-				onchange={(v: string | number | null) =>
-					contactsSettings.set('duplicateSensitivity', v as 'strict' | 'normal' | 'loose')}
-				border={false}
-			>
-				{#snippet icon()}
-					<Sliders size={20} />
-				{/snippet}
-			</SettingsSelect>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Privacy Section -->
-	<SettingsSection title="Datenschutz">
-		{#snippet icon()}
-			<Lock size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsToggle
-				label="Datenschutz-Modus"
-				description="Kontaktfotos und sensible Daten unkenntlich machen"
-				isOn={contactsSettings.privacyMode}
-				onToggle={(v) => contactsSettings.set('privacyMode', v)}
-			>
-				{#snippet icon()}
-					<EyeSlash size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsToggle
-				label="Teilen bestätigen"
-				description="Bestätigung vor dem Teilen von Kontakten"
-				isOn={contactsSettings.confirmBeforeSharing}
-				onToggle={(v) => contactsSettings.set('confirmBeforeSharing', v)}
-			>
-				{#snippet icon()}
-					<ShareNetwork size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsToggle
-				label="Löschen bestätigen"
-				description="Bestätigung vor dem Löschen von Kontakten"
-				isOn={userSettings.general?.confirmOnDelete ?? true}
-				onToggle={(v) => userSettings.updateGeneral({ confirmOnDelete: v })}
-				border={false}
-			>
-				{#snippet icon()}
-					<Trash size={20} />
-				{/snippet}
-			</SettingsToggle>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- About Section -->
-	<SettingsSection title="Über">
-		{#snippet icon()}
-			<Info size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="Version" border={false}>
-				{#snippet icon()}
-					<Tag size={20} />
-				{/snippet}
-				<span class="text-[hsl(var(--muted-foreground))]">1.0.0</span>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Danger Zone -->
-	<SettingsDangerZone title="Gefahrenzone">
-		<SettingsDangerButton
-			label="Einstellungen zurücksetzen"
-			description="Alle App-Einstellungen auf Standardwerte zurücksetzen"
-			buttonText="Zurücksetzen"
-			onclick={handleResetSettings}
-		>
-			{#snippet icon()}
-				<ArrowCounterClockwise size={20} />
-			{/snippet}
-		</SettingsDangerButton>
-
-		<SettingsDangerButton
-			label="Abmelden"
-			description="Von deinem Konto abmelden"
-			buttonText="Abmelden"
-			onclick={handleLogout}
-			border={false}
-		>
-			{#snippet icon()}
-				<SignOut size={20} />
-			{/snippet}
-		</SettingsDangerButton>
-	</SettingsDangerZone>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/spiral/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/spiral/+page.svelte
deleted file mode 100644
index 3fa818718..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/spiral/+page.svelte
+++ /dev/null
@@ -1,527 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { COLORS } from '@manacore/spiral-db';
-	import { spiralStore } from '$lib/stores/spiral.svelte';
-	import SpiralCanvas from '$lib/components/SpiralCanvas.svelte';
-	import type { Contact } from '$lib/api/contacts';
-
-	// Get reactive contacts from context (live query)
-	const allContacts: { readonly value: Contact[] } = getContext('contacts');
-
-	let zoom = $state(10);
-	let showGrid = $state(false);
-	let selectedPixel = $state<number | null>(null);
-	let fileInput: HTMLInputElement;
-
-	function handleImportContacts() {
-		spiralStore.importContacts(allContacts.value);
-	}
-
-	function handlePixelClick(index: number) {
-		selectedPixel = selectedPixel === index ? null : index;
-	}
-
-	function handleImportPng() {
-		fileInput?.click();
-	}
-
-	async function handleFileSelected(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const file = input.files?.[0];
-		if (!file) return;
-		await spiralStore.importFromPng(file);
-		input.value = '';
-	}
-
-	// Auto-import when contacts become available
-	$effect(() => {
-		if (allContacts.value.length > 0) {
-			spiralStore.importContacts(allContacts.value);
-		}
-	});
-</script>
-
-<div class="spiral-page">
-	<h1 class="title">SpiralDB</h1>
-	<p class="subtitle">Dein Kontakt-Netzwerk als Pixel-Spirale</p>
-
-	<div class="layout">
-		<!-- Visualization -->
-		<section class="section viz-section">
-			{#if spiralStore.image}
-				<div class="canvas-wrapper">
-					<SpiralCanvas
-						image={spiralStore.image}
-						scale={zoom}
-						{showGrid}
-						highlightIndex={selectedPixel}
-						onPixelClick={handlePixelClick}
-					/>
-				</div>
-
-				<div class="controls">
-					<label class="control">
-						<span>Zoom</span>
-						<input type="range" min="4" max="20" bind:value={zoom} />
-						<span class="mono">{zoom}x</span>
-					</label>
-					<label class="control">
-						<input type="checkbox" bind:checked={showGrid} />
-						<span>Grid</span>
-					</label>
-				</div>
-			{:else}
-				<div class="empty-state">
-					<p>Keine Daten. Importiere deine Kontakte oder lade eine PNG-Datei.</p>
-				</div>
-			{/if}
-		</section>
-
-		<!-- Stats -->
-		{#if spiralStore.stats}
-			<section class="section">
-				<h2 class="section-title">Statistiken</h2>
-				<div class="stats-grid">
-					<div class="stat">
-						<span class="stat-value"
-							>{spiralStore.stats.imageSize}x{spiralStore.stats.imageSize}</span
-						>
-						<span class="stat-label">Bildgr&ouml;&szlig;e</span>
-					</div>
-					<div class="stat">
-						<span class="stat-value">{spiralStore.stats.activeRecords}</span>
-						<span class="stat-label">Kontakte</span>
-					</div>
-					<div class="stat">
-						<span class="stat-value">{spiralStore.stats.usedPixels}</span>
-						<span class="stat-label">Pixel belegt</span>
-					</div>
-					<div class="stat highlight">
-						<span class="stat-value">{spiralStore.stats.compressionRatio}%</span>
-						<span class="stat-label">Kompression vs JSON</span>
-					</div>
-				</div>
-
-				<div class="color-legend">
-					{#each Object.entries(COLORS) as [idx, color]}
-						<div class="color-item">
-							<span
-								class="color-swatch"
-								style="background: rgb({color.rgb.r}, {color.rgb.g}, {color.rgb.b})"
-							></span>
-							<span class="color-name">{color.name}</span>
-							<span class="color-bits mono">{color.bits.join('')}</span>
-						</div>
-					{/each}
-				</div>
-			</section>
-		{/if}
-
-		<!-- Records -->
-		<section class="section">
-			<h2 class="section-title">
-				Gespeicherte Kontakte
-				{#if spiralStore.records.length > 0}
-					<span class="badge">{spiralStore.records.length}</span>
-				{/if}
-			</h2>
-
-			{#if spiralStore.records.length === 0}
-				<p class="empty-hint">Noch keine Kontakte in der Spirale.</p>
-			{:else}
-				<div class="records-list">
-					{#each spiralStore.records as record}
-						<div class="record" class:favorite={record.meta.status === 'completed'}>
-							<div class="record-header">
-								<span class="record-icon">
-									{record.meta.status === 'completed' ? '⭐' : '👤'}
-								</span>
-								<span class="record-name">{record.data.name}</span>
-								<span class="record-id mono">#{record.meta.id}</span>
-							</div>
-							<div class="record-meta">
-								{#if record.data.company}
-									<span class="record-company">{record.data.company}</span>
-								{/if}
-								{#if record.data.city}
-									<span class="record-city">{record.data.city}</span>
-								{/if}
-								<span class="record-badges">
-									{#if record.data.hasEmail}
-										<span class="badge-small" title="Hat E-Mail">@</span>
-									{/if}
-									{#if record.data.hasPhone}
-										<span class="badge-small" title="Hat Telefon">📞</span>
-									{/if}
-								</span>
-							</div>
-							<div class="record-footer">
-								<button
-									class="btn-small btn-danger"
-									onclick={() => spiralStore.removeContact(record.meta.id)}
-								>
-									&times;
-								</button>
-							</div>
-						</div>
-					{/each}
-				</div>
-			{/if}
-		</section>
-
-		<!-- Actions -->
-		<section class="section">
-			<h2 class="section-title">Aktionen</h2>
-			<div class="actions">
-				<button
-					class="btn btn-primary"
-					onclick={() => spiralStore.downloadPng()}
-					disabled={!spiralStore.stats || spiralStore.stats.totalRecords === 0}
-				>
-					PNG herunterladen
-				</button>
-				<button class="btn" onclick={handleImportPng}> PNG importieren </button>
-				<button
-					class="btn"
-					onclick={handleImportContacts}
-					disabled={allContacts.value.length === 0}
-				>
-					Kontakte neu importieren ({allContacts.value.length})
-				</button>
-				<button
-					class="btn btn-danger"
-					onclick={() => spiralStore.clear()}
-					disabled={!spiralStore.stats || spiralStore.stats.totalRecords === 0}
-				>
-					Alles l&ouml;schen
-				</button>
-			</div>
-
-			<div class="info-box">
-				<p>
-					<strong>SpiralDB</strong> kodiert deine Kontakte als farbige Pixel in einem Spiralmuster. Jedes
-					Pixel speichert 3 Bit (8 Farben). Das Bild w&auml;chst von der Mitte nach au&szlig;en, je mehr
-					Kontakte du sammelst. Favoriten werden mit einem Stern markiert.
-				</p>
-			</div>
-		</section>
-	</div>
-
-	<input
-		bind:this={fileInput}
-		type="file"
-		accept=".png"
-		class="hidden"
-		onchange={handleFileSelected}
-	/>
-</div>
-
-<style>
-	.spiral-page {
-		padding: 1rem 0;
-	}
-
-	.title {
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: var(--color-foreground);
-		margin-bottom: 0.25rem;
-	}
-
-	.subtitle {
-		color: var(--color-muted-foreground);
-		font-size: 0.875rem;
-		margin-bottom: 1.5rem;
-	}
-
-	.layout {
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	.section {
-		background: var(--color-card, rgba(255, 255, 255, 0.05));
-		border: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
-		border-radius: 12px;
-		padding: 1.25rem;
-	}
-
-	.section-title {
-		font-size: 1rem;
-		font-weight: 600;
-		color: var(--color-foreground);
-		margin-bottom: 1rem;
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.badge {
-		background: var(--color-primary, #3b82f6);
-		color: white;
-		font-size: 0.75rem;
-		padding: 0.125rem 0.5rem;
-		border-radius: 999px;
-	}
-
-	.viz-section {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 1rem;
-	}
-
-	.canvas-wrapper {
-		overflow: auto;
-		max-width: 100%;
-		max-height: 500px;
-		border-radius: 8px;
-	}
-
-	.controls {
-		display: flex;
-		gap: 1.5rem;
-		align-items: center;
-		flex-wrap: wrap;
-	}
-
-	.control {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.875rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.control input[type='range'] {
-		width: 100px;
-	}
-
-	.mono {
-		font-family: monospace;
-		font-size: 0.8rem;
-	}
-
-	.stats-grid {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.75rem;
-		margin-bottom: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.stats-grid {
-			grid-template-columns: repeat(4, 1fr);
-		}
-	}
-
-	.stat {
-		text-align: center;
-		padding: 0.75rem;
-		background: var(--color-background, rgba(0, 0, 0, 0.2));
-		border-radius: 8px;
-	}
-
-	.stat-value {
-		display: block;
-		font-size: 1.25rem;
-		font-weight: 700;
-		color: var(--color-foreground);
-		font-family: monospace;
-	}
-
-	.stat-label {
-		display: block;
-		font-size: 0.7rem;
-		color: var(--color-muted-foreground);
-		margin-top: 0.25rem;
-	}
-
-	.stat.highlight {
-		background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(99, 102, 241, 0.2));
-	}
-
-	.color-legend {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-	}
-
-	.color-item {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		font-size: 0.75rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.color-swatch {
-		width: 14px;
-		height: 14px;
-		border-radius: 3px;
-		border: 1px solid rgba(255, 255, 255, 0.2);
-		flex-shrink: 0;
-	}
-
-	.color-bits {
-		opacity: 0.6;
-	}
-
-	.records-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		max-height: 400px;
-		overflow-y: auto;
-	}
-
-	.record {
-		padding: 0.75rem;
-		background: var(--color-background, rgba(0, 0, 0, 0.2));
-		border-radius: 8px;
-		border-left: 3px solid var(--color-primary, #3b82f6);
-	}
-
-	.record.favorite {
-		border-left-color: #eab308;
-	}
-
-	.record-header {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		margin-bottom: 0.25rem;
-	}
-
-	.record-icon {
-		font-size: 1rem;
-	}
-
-	.record-name {
-		font-weight: 600;
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-		flex: 1;
-	}
-
-	.record-id {
-		font-size: 0.7rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.record-meta {
-		display: flex;
-		gap: 0.75rem;
-		align-items: center;
-		font-size: 0.8rem;
-		color: var(--color-muted-foreground);
-		margin-bottom: 0.25rem;
-	}
-
-	.record-company {
-		font-style: italic;
-	}
-
-	.record-badges {
-		display: flex;
-		gap: 0.25rem;
-	}
-
-	.badge-small {
-		font-size: 0.7rem;
-		opacity: 0.7;
-	}
-
-	.record-footer {
-		display: flex;
-		justify-content: flex-end;
-	}
-
-	.empty-hint {
-		color: var(--color-muted-foreground);
-		font-size: 0.875rem;
-		text-align: center;
-		padding: 1rem;
-	}
-
-	.empty-state {
-		text-align: center;
-		padding: 2rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.actions {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		margin-bottom: 1rem;
-	}
-
-	.btn {
-		padding: 0.5rem 1rem;
-		border-radius: 8px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		border: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
-		background: var(--color-background, rgba(0, 0, 0, 0.2));
-		color: var(--color-foreground);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.btn:hover:not(:disabled) {
-		background: var(--color-accent, rgba(255, 255, 255, 0.1));
-	}
-
-	.btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.btn-primary {
-		background: var(--color-primary, #3b82f6);
-		border-color: var(--color-primary, #3b82f6);
-		color: white;
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		opacity: 0.9;
-	}
-
-	.btn-danger {
-		color: #ef4444;
-		border-color: rgba(239, 68, 68, 0.3);
-	}
-
-	.btn-danger:hover:not(:disabled) {
-		background: rgba(239, 68, 68, 0.1);
-	}
-
-	.btn-small {
-		padding: 0.125rem 0.5rem;
-		font-size: 0.75rem;
-		border-radius: 4px;
-		background: transparent;
-		border: 1px solid transparent;
-		cursor: pointer;
-		color: var(--color-muted-foreground);
-	}
-
-	.btn-small:hover {
-		color: #ef4444;
-	}
-
-	.info-box {
-		padding: 0.75rem;
-		background: var(--color-background, rgba(0, 0, 0, 0.2));
-		border-radius: 8px;
-		font-size: 0.8rem;
-		color: var(--color-muted-foreground);
-		line-height: 1.5;
-	}
-
-	.hidden {
-		display: none;
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index b7105bdd2..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,299 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag as SharedTag } from '@manacore/shared-tags';
-	import { TagList, TagEditModal, type Tag } from '@manacore/shared-ui';
-	import { MagnifyingGlass, Plus, CaretLeft } from '@manacore/shared-icons';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: SharedTag[] } = getContext('tags');
-
-	let searchQuery = $state('');
-
-	// Modal state
-	let showModal = $state(false);
-	let editingTag = $state<SharedTag | null>(null);
-
-	const filteredTags = $derived.by(() => {
-		if (!searchQuery.trim()) return tagsCtx.value;
-		const query = searchQuery.toLowerCase();
-		return tagsCtx.value.filter((t) => t.name.toLowerCase().includes(query));
-	});
-
-	function openCreateModal() {
-		editingTag = null;
-		showModal = true;
-	}
-
-	function openEditModal(tag: SharedTag) {
-		editingTag = tag;
-		showModal = true;
-	}
-
-	function closeModal() {
-		showModal = false;
-		editingTag = null;
-	}
-
-	async function handleSave(name: string, color: string) {
-		try {
-			if (editingTag) {
-				await tagMutations.updateTag(editingTag.id, { name, color });
-			} else {
-				await tagMutations.createTag({ name, color });
-			}
-			closeModal();
-		} catch (e) {
-			console.error('Failed to save tag:', e);
-		}
-	}
-
-	async function handleDelete() {
-		if (!editingTag) return;
-
-		try {
-			await tagMutations.deleteTag(editingTag.id);
-			closeModal();
-		} catch (e) {
-			console.error('Failed to delete tag:', e);
-		}
-	}
-
-	async function handleDeleteFromList(tag: Tag) {
-		if (!confirm($_('tags.confirmDelete', { values: { name: tag.name } }))) return;
-
-		try {
-			await tagMutations.deleteTag(tag.id);
-		} catch (e) {
-			console.error('Failed to delete tag:', e);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('tags.title')} - Contacts</title>
-</svelte:head>
-
-<div class="page-container">
-	<!-- Header -->
-	<header class="header">
-		<a href="/" class="back-button" aria-label={$_('common.back')}>
-			<CaretLeft size={20} weight="bold" />
-		</a>
-		<h1 class="title">{$_('tags.title')}</h1>
-		<button onclick={openCreateModal} class="add-button" aria-label={$_('tags.new')}>
-			<Plus size={20} weight="bold" />
-		</button>
-	</header>
-
-	<!-- Search -->
-	<div class="search-wrapper">
-		<MagnifyingGlass size={20} class="search-icon" />
-		<input
-			type="text"
-			placeholder={$_('tags.search')}
-			bind:value={searchQuery}
-			class="search-input"
-		/>
-	</div>
-
-	<!-- Tag List using shared component -->
-	<TagList
-		tags={filteredTags}
-		onEdit={(tag) => openEditModal(tag as SharedTag)}
-		onDelete={handleDeleteFromList}
-		emptyMessage={searchQuery ? $_('tags.noResults') : $_('tags.noTags')}
-		emptyDescription={searchQuery
-			? $_('tags.noResultsFor', { values: { query: searchQuery } })
-			: $_('tags.createFirst')}
-	/>
-
-	{#if tagsCtx.value.length > 0}
-		<p class="tags-count">
-			{tagsCtx.value.length}
-			{tagsCtx.value.length === 1 ? $_('tags.tagSingular') : $_('tags.tagPlural')}
-		</p>
-	{/if}
-
-	{#if tagsCtx.value.length === 0 && !searchQuery}
-		<div class="empty-cta">
-			<button onclick={openCreateModal} class="btn btn-primary">
-				<Plus size={16} weight="bold" />
-				{$_('tags.new')}
-			</button>
-		</div>
-	{/if}
-</div>
-
-<!-- Create/Edit Modal using shared component -->
-<TagEditModal
-	tag={editingTag}
-	isOpen={showModal}
-	onClose={closeModal}
-	onSave={handleSave}
-	onDelete={editingTag ? handleDelete : undefined}
-	title={editingTag ? $_('tags.edit') : $_('tags.new')}
-	saveLabel={editingTag ? $_('actions.save') : $_('actions.create')}
-	deleteLabel={$_('actions.delete')}
-	cancelLabel={$_('common.cancel')}
-	namePlaceholder={$_('tags.namePlaceholder')}
-	colorLabel={$_('tags.color')}
-	previewLabel={$_('tags.preview')}
-	deleteConfirmMessage={$_('tags.confirmDelete', { values: { name: editingTag?.name || '' } })}
-/>
-
-<style>
-	.page-container {
-		max-width: 640px;
-		margin: 0 auto;
-		padding: 0 1rem 2rem;
-	}
-
-	/* Header */
-	.header {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem 0;
-		position: sticky;
-		top: 80px;
-		background: hsl(var(--background));
-		z-index: 10;
-		margin-bottom: 0.5rem;
-	}
-
-	@media (max-width: 768px) {
-		.header {
-			top: 90px;
-		}
-	}
-
-	.back-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-		transition: all 0.2s ease;
-	}
-
-	.back-button:hover {
-		background: hsl(var(--muted-foreground) / 0.2);
-		transform: translateX(-2px);
-	}
-
-	.title {
-		flex: 1;
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: hsl(var(--foreground));
-	}
-
-	.add-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.add-button:hover {
-		transform: scale(1.05);
-		box-shadow: 0 4px 12px hsl(var(--primary) / 0.3);
-	}
-
-	/* Search */
-	.search-wrapper {
-		position: relative;
-		margin-bottom: 1.5rem;
-	}
-
-	.search-wrapper :global(.search-icon) {
-		position: absolute;
-		left: 1rem;
-		top: 50%;
-		transform: translateY(-50%);
-		color: hsl(var(--muted-foreground));
-		pointer-events: none;
-	}
-
-	.search-input {
-		width: 100%;
-		padding: 0.875rem 1rem 0.875rem 3rem;
-		border: 1.5px solid hsl(var(--border));
-		border-radius: 0.75rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.9375rem;
-		transition: all 0.2s ease;
-	}
-
-	.search-input:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-		box-shadow: 0 0 0 3px hsl(var(--primary) / 0.1);
-	}
-
-	/* Error */
-	.error-banner {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem;
-		background: hsl(0 84% 60% / 0.1);
-		border: 1px solid hsl(0 84% 60% / 0.3);
-		border-radius: 0.75rem;
-		color: hsl(0 84% 60%);
-		margin-bottom: 1.5rem;
-	}
-
-	/* Count */
-	.tags-count {
-		text-align: center;
-		font-size: 0.875rem;
-		color: hsl(var(--muted-foreground));
-		margin-top: 1.5rem;
-	}
-
-	/* Empty CTA */
-	.empty-cta {
-		display: flex;
-		justify-content: center;
-		margin-top: 1rem;
-	}
-
-	/* Buttons */
-	.btn {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.625rem 1.25rem;
-		border-radius: 0.625rem;
-		font-weight: 600;
-		font-size: 0.875rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		border: none;
-		text-decoration: none;
-	}
-
-	.btn-primary {
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-	}
-
-	.btn-primary:hover {
-		box-shadow: 0 4px 12px hsl(var(--primary) / 0.3);
-	}
-</style>
diff --git a/apps/contacts/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 83ac0006b..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Contacts</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/contacts/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/contacts/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/contacts/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 0e508f719..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { ContactsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleResetPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | Contacts</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Contacts"
-	logo={ContactsLogo}
-	primaryColor="#3b82f6"
-	onForgotPassword={handleResetPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#eff6ff"
-	darkBackground="#1e293b"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</ForgotPasswordPage>
diff --git a/apps/contacts/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 4c0d7160a..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { onMount } from 'svelte';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { ContactsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Get redirect URL from query params or sessionStorage
-	let redirectTo = $state('/');
-
-	onMount(() => {
-		// Check sessionStorage first (set by AuthGateModal)
-		const storedReturnUrl = sessionStorage.getItem('auth-return-url');
-		if (storedReturnUrl) {
-			redirectTo = storedReturnUrl;
-			sessionStorage.removeItem('auth-return-url');
-		} else {
-			// Fall back to query params
-			redirectTo = $page.url.searchParams.get('redirectTo') || '/';
-		}
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Contacts</title>
-</svelte:head>
-
-<LoginPage
-	appName="Contacts"
-	logo={ContactsLogo}
-	primaryColor="#3b82f6"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#eff6ff"
-	darkBackground="#1e293b"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</LoginPage>
diff --git a/apps/contacts/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 3f3275247..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { onMount } from 'svelte';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { ContactsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// Get redirect URL from sessionStorage (set by AuthGateModal)
-	let redirectTo = $state('/');
-
-	onMount(() => {
-		const storedReturnUrl = sessionStorage.getItem('auth-return-url');
-		if (storedReturnUrl) {
-			redirectTo = storedReturnUrl;
-			sessionStorage.removeItem('auth-return-url');
-		}
-	});
-
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Contacts</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Contacts"
-	logo={ContactsLogo}
-	primaryColor="#3b82f6"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#eff6ff"
-	darkBackground="#1e293b"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</RegisterPage>
diff --git a/apps/contacts/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/contacts/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index e1b58595a..000000000
--- a/apps/contacts/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { ContactsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Contacts</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-blue-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<ContactsLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #3b82f6">Contacts</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #3b82f6"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #3b82f680; border-color: #3b82f6"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #3b82f6"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #3b82f6"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/contacts/apps/web-archived/src/routes/+error.svelte b/apps/contacts/apps/web-archived/src/routes/+error.svelte
deleted file mode 100644
index b05fb9462..000000000
--- a/apps/contacts/apps/web-archived/src/routes/+error.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-</script>
-
-<div class="flex min-h-[60vh] flex-col items-center justify-center text-center">
-	<h1 class="text-6xl font-bold text-primary mb-4">{$page.status}</h1>
-	<p class="text-xl text-muted-foreground mb-8">{$page.error?.message || 'Seite nicht gefunden'}</p>
-	<a href="/" class="btn btn-primary">Zurück zur Startseite</a>
-</div>
diff --git a/apps/contacts/apps/web-archived/src/routes/+layout.svelte b/apps/contacts/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index ef2718de6..000000000
--- a/apps/contacts/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n'; // Initialize i18n early
-	import { onMount } from 'svelte';
-	import { isLoading as i18nLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-	import { AppLoadingSkeleton } from '$lib/components/skeletons';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-
-	// Derived state: app is ready when auth is initialized AND i18n is loaded
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(() => {
-		// Setup global error handling (German translations by default)
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-
-		// Initialize theme
-		theme.initialize();
-
-		// Initialize auth
-		authStore.initialize().then(() => {
-			loading = false;
-		});
-
-		return cleanupErrorHandler;
-	});
-</script>
-
-{#if !appReady}
-	<AppLoadingSkeleton />
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-{/if}
-
-<!-- Global Toast notifications -->
-<ToastContainer />
diff --git a/apps/contacts/apps/web-archived/src/routes/+layout.ts b/apps/contacts/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/contacts/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/contacts/apps/web-archived/src/routes/health/+server.ts b/apps/contacts/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 74de9637d..000000000
--- a/apps/contacts/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'contacts-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/contacts/apps/web-archived/src/routes/offline/+page.svelte b/apps/contacts/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index e470a41ca..000000000
--- a/apps/contacts/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Contacts"
-	offlineMessage="Kontakte benötigt eine Internetverbindung für Synchronisierung."
-	accentColor="#0891b2"
-/>
diff --git a/apps/contacts/apps/web-archived/src/routes/offline/+page.ts b/apps/contacts/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/contacts/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/contacts/apps/web-archived/svelte.config.js b/apps/contacts/apps/web-archived/svelte.config.js
deleted file mode 100644
index e2175299c..000000000
--- a/apps/contacts/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		prerender: {
-			handleHttpError: ({ path, referrer, message }) => {
-				// Ignore missing favicon during prerender
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/contacts/apps/web-archived/tsconfig.json b/apps/contacts/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/contacts/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/contacts/apps/web-archived/vite.config.ts b/apps/contacts/apps/web-archived/vite.config.ts
deleted file mode 100644
index 815bdbd80..000000000
--- a/apps/contacts/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-/// <reference types="vitest/config" />
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Contacts - Kontakte',
-				shortName: 'Contacts',
-				description: 'Kontaktverwaltung',
-				themeColor: '#0891b2',
-			})
-		),
-	],
-	server: {
-		port: 5184,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	test: {
-		environment: 'jsdom',
-		include: ['src/**/*.test.ts'],
-		globals: true,
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/context/apps/mobile/components/variants/index.ts b/apps/context/apps/mobile/components/variants/index.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/context/apps/web-archived/package.json b/apps/context/apps/web-archived/package.json
deleted file mode 100644
index 586e6acf1..000000000
--- a/apps/context/apps/web-archived/package.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-	"name": "@context/web",
-	"version": "0.1.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --threshold error"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/context/apps/web-archived/src/app.css b/apps/context/apps/web-archived/src/app.css
deleted file mode 100644
index c29749613..000000000
--- a/apps/context/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,10 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-@source "../../../../packages/shared-theme-ui/src";
-@source "../../../../packages/shared-theme-ui/src/components";
-@source "../../../../packages/shared-theme-ui/src/pages";
diff --git a/apps/context/apps/web-archived/src/app.html b/apps/context/apps/web-archived/src/app.html
deleted file mode 100644
index 77a5ff52c..000000000
--- a/apps/context/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/context/apps/web-archived/src/hooks.client.ts b/apps/context/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 6b0048d4a..000000000
--- a/apps/context/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'context-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/context/apps/web-archived/src/hooks.server.ts b/apps/context/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 461480e2b..000000000
--- a/apps/context/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/context/apps/web-archived/src/lib/api/client.ts b/apps/context/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index 172a9f72c..000000000
--- a/apps/context/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * API Client for Context backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-
-const API_URL =
-	import.meta.env.VITE_BACKEND_URL || import.meta.env.PUBLIC_BACKEND_URL || 'http://localhost:3020';
-
-export const api = createApiClient({
-	baseUrl: API_URL,
-	apiPrefix: '/api/v1',
-	getAuthToken: () => authStore.getValidToken(),
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-export type { ApiResult };
diff --git a/apps/context/apps/web-archived/src/lib/components/AIToolbar.svelte b/apps/context/apps/web-archived/src/lib/components/AIToolbar.svelte
deleted file mode 100644
index 2656054d4..000000000
--- a/apps/context/apps/web-archived/src/lib/components/AIToolbar.svelte
+++ /dev/null
@@ -1,222 +0,0 @@
-<script lang="ts">
-	import { Sparkle, PaperPlaneTilt, ArrowsClockwise, CaretDown } from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { tokensStore } from '$lib/stores/tokens.svelte';
-	import {
-		availableModels,
-		predefinedPrompts,
-		generateText,
-		getProviderForModel,
-		type InsertionMode,
-	} from '$lib/services/ai';
-	import { estimateCostForPrompt } from '$lib/services/tokens';
-	import { estimateTokens } from '$lib/utils/text';
-	import type { AIModelOption, TokenCostEstimate } from '$lib/types';
-
-	interface Props {
-		documentContent: string;
-		documentId?: string;
-		onGenerated: (text: string, mode: InsertionMode) => void;
-	}
-
-	let { documentContent, documentId, onGenerated }: Props = $props();
-
-	let prompt = $state('');
-	let selectedModel = $state<string>('gpt-4.1');
-	let isGenerating = $state(false);
-	let error = $state('');
-	let showPromptTemplates = $state(false);
-	let showModelSelector = $state(false);
-	let estimate = $state<TokenCostEstimate | null>(null);
-	let estimateTimeout: ReturnType<typeof setTimeout> | null = null;
-
-	let selectedModelLabel = $derived(
-		availableModels.find((m) => m.value === selectedModel)?.label || selectedModel
-	);
-
-	// Debounced token estimation
-	function updateEstimate() {
-		if (estimateTimeout) clearTimeout(estimateTimeout);
-		if (!prompt.trim()) {
-			estimate = null;
-			return;
-		}
-		estimateTimeout = setTimeout(async () => {
-			const fullPrompt = prompt + (documentContent ? `\n\n${documentContent}` : '');
-			estimate = await estimateCostForPrompt(fullPrompt, selectedModel);
-		}, 500);
-	}
-
-	$effect(() => {
-		prompt;
-		selectedModel;
-		updateEstimate();
-	});
-
-	function selectTemplate(template: (typeof predefinedPrompts)[0]) {
-		prompt = template.prompt + documentContent;
-		showPromptTemplates = false;
-	}
-
-	function selectModel(value: string) {
-		selectedModel = value;
-		showModelSelector = false;
-	}
-
-	async function generate(mode: InsertionMode) {
-		if (!prompt.trim() || !authStore.user?.id) return;
-
-		isGenerating = true;
-		error = '';
-
-		try {
-			const provider = getProviderForModel(selectedModel);
-			const result = await generateText(authStore.user.id, prompt, provider, {
-				model: selectedModel,
-				documentId,
-			});
-
-			tokensStore.updateBalance(result.tokenInfo.remainingTokens);
-			onGenerated(result.text, mode);
-			prompt = '';
-			estimate = null;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Generierung fehlgeschlagen';
-		} finally {
-			isGenerating = false;
-		}
-	}
-</script>
-
-<div class="ai-toolbar border-t border-border bg-card/80 backdrop-blur-sm">
-	<!-- Token balance -->
-	<div class="flex items-center justify-between px-4 py-2 border-b border-border/50 text-xs">
-		<div class="flex items-center gap-2 text-muted-foreground">
-			<Sparkle size={14} class="text-primary" />
-			<span
-				>Token-Guthaben: <strong class="text-foreground"
-					>{tokensStore.balance.toLocaleString()}</strong
-				></span
-			>
-			{#if estimate}
-				<span
-					>→ <strong class="text-amber-500"
-						>{Math.max(0, tokensStore.balance - estimate.appTokens).toLocaleString()}</strong
-					></span
-				>
-				<span class="text-muted-foreground">({estimate.appTokens} Tokens)</span>
-			{/if}
-		</div>
-		<a href="/tokens" class="text-primary hover:underline">Verwalten</a>
-	</div>
-
-	{#if error}
-		<div
-			class="px-4 py-2 text-xs text-destructive bg-destructive/10 border-b border-destructive/20"
-		>
-			{error}
-		</div>
-	{/if}
-
-	<!-- Prompt templates -->
-	{#if showPromptTemplates}
-		<div class="px-4 py-3 border-b border-border/50">
-			<div class="grid grid-cols-2 gap-2">
-				{#each predefinedPrompts as template}
-					<button
-						class="text-left p-2 rounded-lg bg-muted hover:bg-muted/80 transition-colors text-sm"
-						onclick={() => selectTemplate(template)}
-					>
-						<div class="font-medium text-foreground">{template.title}</div>
-					</button>
-				{/each}
-			</div>
-		</div>
-	{/if}
-
-	<!-- Input area -->
-	<div class="p-3">
-		<div class="flex gap-2">
-			<div class="flex-1 relative">
-				<textarea
-					bind:value={prompt}
-					placeholder="Prompt eingeben oder Vorlage wählen..."
-					rows="2"
-					class="w-full px-3 py-2 text-sm rounded-lg bg-background border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary resize-none"
-					disabled={isGenerating}
-				></textarea>
-			</div>
-		</div>
-
-		<!-- Actions row -->
-		<div class="flex items-center justify-between mt-2">
-			<div class="flex items-center gap-2">
-				<button
-					class="text-xs px-2 py-1 rounded-md text-muted-foreground hover:bg-muted transition-colors"
-					onclick={() => (showPromptTemplates = !showPromptTemplates)}
-				>
-					Vorlagen
-				</button>
-
-				<!-- Model selector -->
-				<div class="relative">
-					<button
-						class="text-xs px-2 py-1 rounded-md bg-muted text-foreground hover:bg-muted/80 transition-colors flex items-center gap-1"
-						onclick={() => (showModelSelector = !showModelSelector)}
-					>
-						{selectedModelLabel}
-						<CaretDown size={12} />
-					</button>
-					{#if showModelSelector}
-						<div
-							class="absolute bottom-full left-0 mb-1 bg-card border border-border rounded-lg shadow-lg z-10 min-w-[160px]"
-						>
-							{#each availableModels as model}
-								<button
-									class="w-full text-left px-3 py-2 text-sm hover:bg-muted transition-colors first:rounded-t-lg last:rounded-b-lg {selectedModel ===
-									model.value
-										? 'bg-primary/10 text-primary'
-										: ''}"
-									onclick={() => selectModel(model.value)}
-								>
-									{model.label}
-								</button>
-							{/each}
-						</div>
-					{/if}
-				</div>
-			</div>
-
-			<div class="flex items-center gap-2">
-				<button
-					class="btn btn-sm btn-secondary flex items-center gap-1 text-xs"
-					onclick={() => generate('append')}
-					disabled={!prompt.trim() || isGenerating}
-				>
-					{#if isGenerating}
-						<ArrowsClockwise size={14} class="animate-spin" />
-						Generiere...
-					{:else}
-						<PaperPlaneTilt size={14} />
-						Anhängen
-					{/if}
-				</button>
-				<button
-					class="btn btn-sm btn-primary flex items-center gap-1 text-xs"
-					onclick={() => generate('replace')}
-					disabled={!prompt.trim() || isGenerating}
-				>
-					Ersetzen
-				</button>
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	.ai-toolbar {
-		position: sticky;
-		bottom: 0;
-		z-index: 10;
-	}
-</style>
diff --git a/apps/context/apps/web-archived/src/lib/components/BatchCreateModal.svelte b/apps/context/apps/web-archived/src/lib/components/BatchCreateModal.svelte
deleted file mode 100644
index f287058c5..000000000
--- a/apps/context/apps/web-archived/src/lib/components/BatchCreateModal.svelte
+++ /dev/null
@@ -1,130 +0,0 @@
-<script lang="ts">
-	import { Plus, Trash, FileText, Notebook, Lightning } from '@manacore/shared-icons';
-	import type { DocumentType } from '$lib/types';
-
-	interface BatchItem {
-		title: string;
-		type: DocumentType;
-	}
-
-	interface Props {
-		open: boolean;
-		loading: boolean;
-		onSubmit: (items: BatchItem[]) => void;
-		onClose: () => void;
-	}
-
-	let { open, loading, onSubmit, onClose }: Props = $props();
-
-	let items = $state<BatchItem[]>([{ title: '', type: 'text' }]);
-
-	function addItem() {
-		items = [...items, { title: '', type: 'text' }];
-	}
-
-	function removeItem(index: number) {
-		items = items.filter((_, i) => i !== index);
-	}
-
-	function updateTitle(index: number, title: string) {
-		items = items.map((item, i) => (i === index ? { ...item, title } : item));
-	}
-
-	function updateType(index: number, type: DocumentType) {
-		items = items.map((item, i) => (i === index ? { ...item, type } : item));
-	}
-
-	function handleSubmit(e: Event) {
-		e.preventDefault();
-		const validItems = items.filter((i) => i.title.trim());
-		if (validItems.length === 0) return;
-		onSubmit(validItems);
-		items = [{ title: '', type: 'text' }];
-	}
-
-	const typeOptions: { value: DocumentType; icon: typeof FileText; label: string }[] = [
-		{ value: 'text', icon: FileText, label: 'T' },
-		{ value: 'context', icon: Notebook, label: 'K' },
-		{ value: 'prompt', icon: Lightning, label: 'P' },
-	];
-</script>
-
-{#if open}
-	<div class="fixed inset-0 z-50 flex items-center justify-center" role="dialog" aria-modal="true">
-		<button class="absolute inset-0 bg-black/50" onclick={onClose} aria-label="Schließen"></button>
-		<div
-			class="relative bg-card border border-border rounded-xl p-6 max-w-lg w-full mx-4 shadow-xl max-h-[80vh] overflow-y-auto"
-		>
-			<h3 class="text-lg font-semibold text-foreground mb-4">Mehrere Dokumente erstellen</h3>
-			<form onsubmit={handleSubmit}>
-				<div class="space-y-3">
-					{#each items as item, index}
-						<div class="flex items-center gap-2">
-							<input
-								type="text"
-								value={item.title}
-								oninput={(e) => updateTitle(index, (e.target as HTMLInputElement).value)}
-								placeholder="Dokumenttitel..."
-								class="flex-1 px-3 py-2 text-sm rounded-lg bg-background border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
-							/>
-
-							<div class="flex gap-0.5">
-								{#each typeOptions as opt}
-									<button
-										type="button"
-										class="p-1.5 rounded text-xs transition-colors"
-										class:bg-primary={item.type === opt.value}
-										class:text-primary-foreground={item.type === opt.value}
-										class:text-muted-foreground={item.type !== opt.value}
-										class:hover:bg-muted={item.type !== opt.value}
-										onclick={() => updateType(index, opt.value)}
-										title={opt.value}
-									>
-										<opt.icon size={14} />
-									</button>
-								{/each}
-							</div>
-
-							{#if items.length > 1}
-								<button
-									type="button"
-									class="p-1.5 rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive transition-colors"
-									onclick={() => removeItem(index)}
-								>
-									<Trash size={14} />
-								</button>
-							{/if}
-						</div>
-					{/each}
-				</div>
-
-				<button
-					type="button"
-					class="mt-3 w-full py-2 rounded-lg border border-dashed border-border text-sm text-muted-foreground hover:bg-muted hover:text-foreground transition-colors flex items-center justify-center gap-1"
-					onclick={addItem}
-				>
-					<Plus size={14} />
-					Weiteres Dokument
-				</button>
-
-				<div class="flex justify-between items-center mt-6">
-					<span class="text-xs text-muted-foreground">
-						{items.filter((i) => i.title.trim()).length} Dokumente
-					</span>
-					<div class="flex gap-2">
-						<button type="button" class="btn btn-secondary text-sm" onclick={onClose}>
-							Abbrechen
-						</button>
-						<button
-							type="submit"
-							class="btn btn-primary text-sm"
-							disabled={items.filter((i) => i.title.trim()).length === 0 || loading}
-						>
-							{loading ? 'Erstelle...' : 'Alle erstellen'}
-						</button>
-					</div>
-				</div>
-			</form>
-		</div>
-	</div>
-{/if}
diff --git a/apps/context/apps/web-archived/src/lib/components/CreateSpaceModal.svelte b/apps/context/apps/web-archived/src/lib/components/CreateSpaceModal.svelte
deleted file mode 100644
index 9a3dd1426..000000000
--- a/apps/context/apps/web-archived/src/lib/components/CreateSpaceModal.svelte
+++ /dev/null
@@ -1,69 +0,0 @@
-<script lang="ts">
-	interface Props {
-		open: boolean;
-		loading: boolean;
-		onSubmit: (name: string, description: string) => void;
-		onClose: () => void;
-	}
-
-	let { open, loading, onSubmit, onClose }: Props = $props();
-
-	let name = $state('');
-	let description = $state('');
-
-	function handleSubmit(e: Event) {
-		e.preventDefault();
-		if (!name.trim()) return;
-		onSubmit(name.trim(), description.trim());
-		name = '';
-		description = '';
-	}
-</script>
-
-{#if open}
-	<div class="fixed inset-0 z-50 flex items-center justify-center" role="dialog" aria-modal="true">
-		<button class="absolute inset-0 bg-black/50" onclick={onClose} aria-label="Schließen"></button>
-		<div
-			class="relative bg-card border border-border rounded-xl p-6 max-w-md w-full mx-4 shadow-xl"
-		>
-			<h3 class="text-lg font-semibold text-foreground mb-4">Neuen Space erstellen</h3>
-			<form onsubmit={handleSubmit}>
-				<div class="space-y-4">
-					<div>
-						<label for="space-name" class="block text-sm font-medium text-foreground mb-1">
-							Name
-						</label>
-						<input
-							id="space-name"
-							type="text"
-							bind:value={name}
-							placeholder="z.B. Projektnotizen"
-							class="w-full px-3 py-2 rounded-lg bg-background border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
-							required
-						/>
-					</div>
-					<div>
-						<label for="space-desc" class="block text-sm font-medium text-foreground mb-1">
-							Beschreibung (optional)
-						</label>
-						<textarea
-							id="space-desc"
-							bind:value={description}
-							placeholder="Worum geht es in diesem Space?"
-							rows="3"
-							class="w-full px-3 py-2 rounded-lg bg-background border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary resize-none"
-						></textarea>
-					</div>
-				</div>
-				<div class="flex justify-end gap-2 mt-6">
-					<button type="button" class="btn btn-secondary text-sm" onclick={onClose}>
-						Abbrechen
-					</button>
-					<button type="submit" class="btn btn-primary text-sm" disabled={!name.trim() || loading}>
-						{loading ? 'Erstelle...' : 'Erstellen'}
-					</button>
-				</div>
-			</form>
-		</div>
-	</div>
-{/if}
diff --git a/apps/context/apps/web-archived/src/lib/components/DocumentCard.svelte b/apps/context/apps/web-archived/src/lib/components/DocumentCard.svelte
deleted file mode 100644
index 573a7db91..000000000
--- a/apps/context/apps/web-archived/src/lib/components/DocumentCard.svelte
+++ /dev/null
@@ -1,93 +0,0 @@
-<script lang="ts">
-	import type { Document } from '$lib/types';
-	import { formatDate, truncateText } from '$lib/utils/text';
-	import { PushPin, Trash, FileText, Notebook, Lightning } from '@manacore/shared-icons';
-
-	interface Props {
-		document: Document;
-		onTogglePin?: (id: string) => void;
-		onDelete?: (id: string) => void;
-	}
-
-	let { document: doc, onTogglePin, onDelete }: Props = $props();
-
-	let showActions = $state(false);
-
-	const typeConfig = {
-		text: { icon: FileText, label: 'Text', color: 'text-blue-500 bg-blue-500/10' },
-		context: { icon: Notebook, label: 'Kontext', color: 'text-amber-500 bg-amber-500/10' },
-		prompt: { icon: Lightning, label: 'Prompt', color: 'text-violet-500 bg-violet-500/10' },
-	};
-
-	let config = $derived(typeConfig[doc.type] || typeConfig.text);
-</script>
-
-<a
-	href="/documents/{doc.id}"
-	class="block card p-4 hover:border-primary/50 transition-all group relative"
-	onmouseenter={() => (showActions = true)}
-	onmouseleave={() => (showActions = false)}
->
-	<div class="flex items-start gap-3">
-		<div class="p-2 rounded-lg {config.color} shrink-0">
-			<config.icon size={20} />
-		</div>
-		<div class="flex-1 min-w-0">
-			<div class="flex items-center gap-2">
-				<h3 class="font-medium text-foreground truncate">{doc.title}</h3>
-				{#if doc.pinned}
-					<PushPin size={14} class="text-primary shrink-0" />
-				{/if}
-			</div>
-			{#if doc.content}
-				<p class="text-sm text-muted-foreground mt-1 line-clamp-2">
-					{truncateText(doc.content.replace(/^#.*\n?/, ''), 150)}
-				</p>
-			{/if}
-			<div class="flex items-center gap-3 mt-2">
-				<span class="text-xs px-1.5 py-0.5 rounded {config.color} font-medium">
-					{config.label}
-				</span>
-				{#if doc.metadata?.tags?.length}
-					{#each doc.metadata.tags.slice(0, 3) as tag}
-						<span class="text-xs text-muted-foreground bg-muted px-1.5 py-0.5 rounded">
-							{tag}
-						</span>
-					{/each}
-				{/if}
-				<span class="text-xs text-muted-foreground ml-auto">{formatDate(doc.updated_at)}</span>
-			</div>
-		</div>
-	</div>
-
-	{#if showActions}
-		<div class="absolute top-2 right-2 flex gap-1">
-			{#if onTogglePin}
-				<button
-					onclick={(e) => {
-						e.stopPropagation();
-						e.preventDefault();
-						onTogglePin(doc.id);
-					}}
-					class="p-1.5 rounded-md hover:bg-muted transition-colors"
-					title={doc.pinned ? 'Lösen' : 'Anheften'}
-				>
-					<PushPin size={14} class={doc.pinned ? 'text-primary' : 'text-muted-foreground'} />
-				</button>
-			{/if}
-			{#if onDelete}
-				<button
-					onclick={(e) => {
-						e.stopPropagation();
-						e.preventDefault();
-						onDelete(doc.id);
-					}}
-					class="p-1.5 rounded-md hover:bg-destructive/10 transition-colors"
-					title="Löschen"
-				>
-					<Trash size={14} class="text-destructive" />
-				</button>
-			{/if}
-		</div>
-	{/if}
-</a>
diff --git a/apps/context/apps/web-archived/src/lib/components/DocumentEditor.svelte b/apps/context/apps/web-archived/src/lib/components/DocumentEditor.svelte
deleted file mode 100644
index 132402d6e..000000000
--- a/apps/context/apps/web-archived/src/lib/components/DocumentEditor.svelte
+++ /dev/null
@@ -1,321 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import type { Document, DocumentType } from '$lib/types';
-	import { markdownToHtml } from '$lib/utils/markdown';
-	import { countWords } from '$lib/utils/text';
-	import { EDITOR_CONFIG } from '$lib/config/editor';
-	import {
-		Eye,
-		PencilSimple,
-		FileText,
-		Notebook,
-		Lightning,
-		FloppyDisk,
-		Tag,
-	} from '@manacore/shared-icons';
-	import MentionInput from './MentionInput.svelte';
-	import VersionNavigator from './VersionNavigator.svelte';
-
-	interface Props {
-		document: Document;
-		saving: boolean;
-		onSave: (updates: Partial<Document>) => void;
-		onTypeChange: (type: DocumentType) => void;
-		onTagsSave: (tags: string[]) => void;
-	}
-
-	let { document: doc, saving, onSave, onTypeChange, onTagsSave }: Props = $props();
-
-	let title = $state(doc.title);
-	let content = $state(doc.content || '');
-	let mode = $state<'edit' | 'preview'>('edit');
-	let showTags = $state(false);
-	let tagInput = $state('');
-	let tags = $state<string[]>(doc.metadata?.tags || []);
-	let lastSavedAt = $state<Date | null>(null);
-	let hasUnsavedChanges = $state(false);
-	let autoSaveTimeout: ReturnType<typeof setTimeout> | null = null;
-
-	let wordCount = $derived(countWords(content));
-
-	// Process @mentions for preview: @[Title](id) → styled link
-	let processedHtml = $derived(() => {
-		let html = markdownToHtml(content);
-		// Replace @[Title](uuid) with styled mention spans
-		html = html.replace(
-			/@\[([^\]]+)\]\(([^)]+)\)/g,
-			'<a href="/documents/$2" class="mention-link">@$1</a>'
-		);
-		return html;
-	});
-
-	function scheduleAutoSave() {
-		hasUnsavedChanges = true;
-		if (autoSaveTimeout) clearTimeout(autoSaveTimeout);
-		autoSaveTimeout = setTimeout(() => {
-			save();
-		}, EDITOR_CONFIG.AUTO_SAVE_DELAY);
-	}
-
-	function save() {
-		if (autoSaveTimeout) clearTimeout(autoSaveTimeout);
-		onSave({ title, content });
-		lastSavedAt = new Date();
-		hasUnsavedChanges = false;
-	}
-
-	function handleTitleInput(e: Event) {
-		title = (e.target as HTMLInputElement).value;
-		scheduleAutoSave();
-	}
-
-	function handleContentChange(newValue: string) {
-		content = newValue;
-		scheduleAutoSave();
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if ((e.ctrlKey || e.metaKey) && e.key === 's') {
-			e.preventDefault();
-			save();
-		}
-		if ((e.ctrlKey || e.metaKey) && e.key === 'p') {
-			e.preventDefault();
-			mode = mode === 'edit' ? 'preview' : 'edit';
-		}
-	}
-
-	function addTag() {
-		const tag = tagInput.trim();
-		if (tag && !tags.includes(tag)) {
-			tags = [...tags, tag];
-			tagInput = '';
-			onTagsSave(tags);
-		}
-	}
-
-	function removeTag(tag: string) {
-		tags = tags.filter((t) => t !== tag);
-		onTagsSave(tags);
-	}
-
-	function handleTagKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			addTag();
-		}
-	}
-
-	onMount(() => {
-		window.addEventListener('keydown', handleKeydown);
-
-		return () => {
-			window.removeEventListener('keydown', handleKeydown);
-			if (autoSaveTimeout) clearTimeout(autoSaveTimeout);
-			if (hasUnsavedChanges) {
-				onSave({ title, content });
-			}
-		};
-	});
-
-	$effect(() => {
-		title = doc.title;
-		content = doc.content || '';
-		tags = doc.metadata?.tags || [];
-	});
-</script>
-
-<div class="editor-container">
-	<!-- Toolbar -->
-	<div
-		class="flex flex-wrap items-center justify-between gap-2 p-3 border-b border-border bg-card rounded-t-xl"
-	>
-		<div class="flex items-center gap-2">
-			<!-- Type selector -->
-			<div class="flex gap-1">
-				{#each [{ type: 'text' as DocumentType, icon: FileText, label: 'Text' }, { type: 'context' as DocumentType, icon: Notebook, label: 'Kontext' }, { type: 'prompt' as DocumentType, icon: Lightning, label: 'Prompt' }] as item}
-					<button
-						class="px-2 py-1 text-xs rounded-md transition-colors"
-						class:bg-primary={doc.type === item.type}
-						class:text-primary-foreground={doc.type === item.type}
-						class:text-muted-foreground={doc.type !== item.type}
-						class:hover:bg-muted={doc.type !== item.type}
-						onclick={() => onTypeChange(item.type)}
-					>
-						<item.icon size={14} class="inline mr-1" />
-						{item.label}
-					</button>
-				{/each}
-			</div>
-
-			<div class="w-px h-6 bg-border"></div>
-
-			<button
-				class="px-2 py-1 text-xs rounded-md text-muted-foreground hover:bg-muted transition-colors flex items-center gap-1"
-				onclick={() => (mode = mode === 'edit' ? 'preview' : 'edit')}
-			>
-				{#if mode === 'edit'}
-					<Eye size={14} /> Vorschau
-				{:else}
-					<PencilSimple size={14} /> Bearbeiten
-				{/if}
-			</button>
-
-			<button
-				class="px-2 py-1 text-xs rounded-md text-muted-foreground hover:bg-muted transition-colors flex items-center gap-1"
-				onclick={() => (showTags = !showTags)}
-			>
-				<Tag size={14} /> Tags
-			</button>
-		</div>
-
-		<div class="flex items-center gap-3 text-xs text-muted-foreground">
-			<!-- Version navigator -->
-			<VersionNavigator documentId={doc.id} />
-
-			<span>{wordCount} Wörter</span>
-			{#if saving}
-				<span class="text-amber-500">Speichert...</span>
-			{:else if hasUnsavedChanges}
-				<span class="text-amber-500">Ungespeichert</span>
-			{:else if lastSavedAt}
-				<span class="text-green-500">Gespeichert</span>
-			{/if}
-			<button
-				onclick={save}
-				class="p-1 rounded hover:bg-muted transition-colors"
-				title="Speichern (Ctrl+S)"
-			>
-				<FloppyDisk size={16} />
-			</button>
-		</div>
-	</div>
-
-	<!-- Tags section -->
-	{#if showTags}
-		<div class="p-3 border-b border-border bg-card/50">
-			<div class="flex flex-wrap items-center gap-2">
-				{#each tags as tag}
-					<span
-						class="inline-flex items-center gap-1 px-2 py-0.5 text-xs rounded-full bg-muted text-foreground"
-					>
-						{tag}
-						<button onclick={() => removeTag(tag)} class="hover:text-destructive">×</button>
-					</span>
-				{/each}
-				<input
-					type="text"
-					bind:value={tagInput}
-					onkeydown={handleTagKeydown}
-					placeholder="Tag hinzufügen..."
-					class="text-xs bg-transparent outline-none w-32 text-foreground placeholder:text-muted-foreground"
-				/>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Title -->
-	<div class="p-4 pb-0">
-		<input
-			type="text"
-			value={title}
-			oninput={handleTitleInput}
-			placeholder="Titel..."
-			class="w-full text-2xl font-bold bg-transparent outline-none text-foreground placeholder:text-muted-foreground"
-		/>
-	</div>
-
-	<!-- Content -->
-	<div class="p-4 flex-1">
-		{#if mode === 'edit'}
-			<MentionInput
-				value={content}
-				placeholder="Schreibe in Markdown... Tippe @ um Dokumente zu referenzieren."
-				onInput={handleContentChange}
-			/>
-		{:else}
-			<div class="prose prose-sm dark:prose-invert max-w-none">
-				{@html processedHtml()}
-			</div>
-		{/if}
-	</div>
-
-	<!-- Mention hint -->
-	{#if mode === 'edit'}
-		<div class="px-4 pb-2 text-xs text-muted-foreground">
-			Tipp: Tippe <kbd class="px-1 py-0.5 rounded bg-muted font-mono">@</kbd> um andere Dokumente zu
-			referenzieren
-		</div>
-	{/if}
-</div>
-
-<style>
-	.editor-container {
-		display: flex;
-		flex-direction: column;
-		border: 1px solid hsl(var(--border));
-		border-radius: 0.75rem;
-		background: hsl(var(--card));
-		min-height: 600px;
-	}
-
-	.prose :global(h1) {
-		font-size: 1.75rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-	.prose :global(h2) {
-		font-size: 1.4rem;
-		font-weight: 600;
-		margin-top: 1.5rem;
-		margin-bottom: 0.5rem;
-	}
-	.prose :global(h3) {
-		font-size: 1.15rem;
-		font-weight: 600;
-		margin-top: 1rem;
-		margin-bottom: 0.5rem;
-	}
-	.prose :global(blockquote) {
-		border-left: 3px solid hsl(var(--primary));
-		padding-left: 1rem;
-		margin: 1rem 0;
-		color: hsl(var(--muted-foreground));
-	}
-	.prose :global(code) {
-		background: hsl(var(--muted));
-		padding: 0.15rem 0.3rem;
-		border-radius: 0.25rem;
-		font-size: 0.85em;
-	}
-	.prose :global(pre) {
-		background: hsl(var(--muted));
-		padding: 1rem;
-		border-radius: 0.5rem;
-		overflow-x: auto;
-		margin: 1rem 0;
-	}
-	.prose :global(pre code) {
-		background: none;
-		padding: 0;
-	}
-	.prose :global(a) {
-		color: hsl(var(--primary));
-		text-decoration: underline;
-	}
-	.prose :global(li) {
-		margin-left: 1.5rem;
-		list-style-type: disc;
-	}
-	.prose :global(hr) {
-		border-color: hsl(var(--border));
-		margin: 1.5rem 0;
-	}
-	.prose :global(.mention-link) {
-		background: hsl(var(--primary) / 0.1);
-		padding: 0.1rem 0.3rem;
-		border-radius: 0.25rem;
-		text-decoration: none;
-		font-weight: 500;
-	}
-</style>
diff --git a/apps/context/apps/web-archived/src/lib/components/MentionInput.svelte b/apps/context/apps/web-archived/src/lib/components/MentionInput.svelte
deleted file mode 100644
index ce8e76b01..000000000
--- a/apps/context/apps/web-archived/src/lib/components/MentionInput.svelte
+++ /dev/null
@@ -1,137 +0,0 @@
-<script lang="ts">
-	import { FileText } from '@manacore/shared-icons';
-	import { useAllDocuments } from '$lib/data/queries';
-	import type { Document } from '$lib/types';
-
-	const allDocs = useAllDocuments();
-
-	interface Props {
-		value: string;
-		placeholder?: string;
-		onInput: (value: string) => void;
-	}
-
-	let { value, placeholder = '', onInput }: Props = $props();
-
-	let textareaEl: HTMLTextAreaElement | undefined = $state();
-	let showDropdown = $state(false);
-	let mentionQuery = $state('');
-	let mentionStartPos = $state(-1);
-	let dropdownTop = $state(0);
-	let dropdownLeft = $state(0);
-
-	let filteredDocs = $derived(
-		mentionQuery.trim()
-			? (allDocs.value ?? [])
-					.filter((d) => d.title.toLowerCase().includes(mentionQuery.toLowerCase()))
-					.slice(0, 6)
-			: []
-	);
-
-	function handleInput(e: Event) {
-		const textarea = e.target as HTMLTextAreaElement;
-		const newValue = textarea.value;
-		const cursorPos = textarea.selectionStart;
-
-		// Check if user just typed @
-		const textBefore = newValue.substring(0, cursorPos);
-		const lastAtIndex = textBefore.lastIndexOf('@');
-
-		if (lastAtIndex >= 0) {
-			const textAfterAt = textBefore.substring(lastAtIndex + 1);
-			// Only show dropdown if @ is at start or after whitespace
-			const charBefore = lastAtIndex > 0 ? newValue[lastAtIndex - 1] : ' ';
-			if (charBefore === ' ' || charBefore === '\n' || lastAtIndex === 0) {
-				// No spaces in the query (otherwise it's not a mention)
-				if (!textAfterAt.includes(' ') && !textAfterAt.includes('\n')) {
-					mentionQuery = textAfterAt;
-					mentionStartPos = lastAtIndex;
-					showDropdown = true;
-					updateDropdownPosition(textarea, cursorPos);
-					onInput(newValue);
-					return;
-				}
-			}
-		}
-
-		showDropdown = false;
-		mentionQuery = '';
-		onInput(newValue);
-	}
-
-	function updateDropdownPosition(textarea: HTMLTextAreaElement, cursorPos: number) {
-		// Simple approximation based on character position
-		const lineHeight = 20;
-		const charWidth = 8;
-		const text = textarea.value.substring(0, cursorPos);
-		const lines = text.split('\n');
-		const currentLine = lines.length - 1;
-		const currentCol = lines[lines.length - 1].length;
-
-		const rect = textarea.getBoundingClientRect();
-		dropdownTop = Math.min(rect.height - 200, (currentLine + 1) * lineHeight + 8);
-		dropdownLeft = Math.min(rect.width - 250, currentCol * charWidth);
-	}
-
-	function insertMention(doc: Document) {
-		if (!textareaEl || mentionStartPos < 0) return;
-
-		const before = value.substring(0, mentionStartPos);
-		const after = value.substring(textareaEl.selectionStart);
-		const mention = `@[${doc.title}](${doc.id})`;
-		const newValue = before + mention + after;
-
-		onInput(newValue);
-		showDropdown = false;
-		mentionQuery = '';
-		mentionStartPos = -1;
-
-		// Refocus and set cursor
-		requestAnimationFrame(() => {
-			if (textareaEl) {
-				textareaEl.focus();
-				const newPos = before.length + mention.length;
-				textareaEl.setSelectionRange(newPos, newPos);
-			}
-		});
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (showDropdown && e.key === 'Escape') {
-			e.preventDefault();
-			showDropdown = false;
-		}
-	}
-</script>
-
-<div class="mention-input-wrapper relative">
-	<textarea
-		bind:this={textareaEl}
-		{value}
-		oninput={handleInput}
-		onkeydown={handleKeydown}
-		{placeholder}
-		class="w-full h-full min-h-[400px] bg-transparent outline-none resize-none text-foreground placeholder:text-muted-foreground font-mono text-sm leading-relaxed"
-	></textarea>
-
-	{#if showDropdown && filteredDocs.length > 0}
-		<div
-			class="absolute bg-card border border-border rounded-lg shadow-xl z-20 w-64 max-h-48 overflow-y-auto"
-			style="top: {dropdownTop}px; left: {dropdownLeft}px"
-		>
-			{#each filteredDocs as doc}
-				<button
-					class="w-full text-left px-3 py-2 text-sm hover:bg-muted transition-colors flex items-center gap-2 first:rounded-t-lg last:rounded-b-lg"
-					onmousedown={(e) => {
-						e.preventDefault();
-						insertMention(doc);
-					}}
-				>
-					<FileText size={14} class="text-muted-foreground shrink-0" />
-					<span class="truncate text-foreground">{doc.title}</span>
-					<span class="text-xs text-muted-foreground ml-auto shrink-0">{doc.type}</span>
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/context/apps/web-archived/src/lib/components/SpaceCard.svelte b/apps/context/apps/web-archived/src/lib/components/SpaceCard.svelte
deleted file mode 100644
index 9503075ee..000000000
--- a/apps/context/apps/web-archived/src/lib/components/SpaceCard.svelte
+++ /dev/null
@@ -1,85 +0,0 @@
-<script lang="ts">
-	import type { Space } from '$lib/types';
-	import { formatDate } from '$lib/utils/text';
-	import { PushPin, Trash, PencilSimple, Folder } from '@manacore/shared-icons';
-
-	interface Props {
-		space: Space;
-		onTogglePin?: (id: string) => void;
-		onDelete?: (id: string) => void;
-		onEdit?: (space: Space) => void;
-	}
-
-	let { space, onTogglePin, onDelete, onEdit }: Props = $props();
-
-	let showActions = $state(false);
-</script>
-
-<a
-	href="/spaces/{space.id}"
-	class="block card p-4 hover:border-primary/50 transition-all group relative"
-	onmouseenter={() => (showActions = true)}
-	onmouseleave={() => (showActions = false)}
->
-	<div class="flex items-start gap-3">
-		<div class="p-2 rounded-lg bg-sky-500/10 text-sky-500">
-			<Folder size={24} />
-		</div>
-		<div class="flex-1 min-w-0">
-			<div class="flex items-center gap-2">
-				<h3 class="font-semibold text-foreground truncate">{space.name}</h3>
-				{#if space.pinned}
-					<PushPin size={14} class="text-primary shrink-0" />
-				{/if}
-			</div>
-			{#if space.description}
-				<p class="text-sm text-muted-foreground mt-1 line-clamp-2">{space.description}</p>
-			{/if}
-			<p class="text-xs text-muted-foreground mt-2">{formatDate(space.created_at)}</p>
-		</div>
-	</div>
-
-	{#if showActions}
-		<div class="absolute top-2 right-2 flex gap-1">
-			{#if onTogglePin}
-				<button
-					onclick={(e) => {
-						e.stopPropagation();
-						e.preventDefault();
-						onTogglePin(space.id);
-					}}
-					class="p-1.5 rounded-md hover:bg-muted transition-colors"
-					title={space.pinned ? 'Lösen' : 'Anheften'}
-				>
-					<PushPin size={14} class={space.pinned ? 'text-primary' : 'text-muted-foreground'} />
-				</button>
-			{/if}
-			{#if onEdit}
-				<button
-					onclick={(e) => {
-						e.stopPropagation();
-						e.preventDefault();
-						onEdit(space);
-					}}
-					class="p-1.5 rounded-md hover:bg-muted transition-colors"
-					title="Bearbeiten"
-				>
-					<PencilSimple size={14} class="text-muted-foreground" />
-				</button>
-			{/if}
-			{#if onDelete}
-				<button
-					onclick={(e) => {
-						e.stopPropagation();
-						e.preventDefault();
-						onDelete(space.id);
-					}}
-					class="p-1.5 rounded-md hover:bg-destructive/10 transition-colors"
-					title="Löschen"
-				>
-					<Trash size={14} class="text-destructive" />
-				</button>
-			{/if}
-		</div>
-	{/if}
-</a>
diff --git a/apps/context/apps/web-archived/src/lib/components/VersionNavigator.svelte b/apps/context/apps/web-archived/src/lib/components/VersionNavigator.svelte
deleted file mode 100644
index 8511e969b..000000000
--- a/apps/context/apps/web-archived/src/lib/components/VersionNavigator.svelte
+++ /dev/null
@@ -1,104 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { CaretLeft, CaretRight, GitBranch, Clock } from '@manacore/shared-icons';
-	import { getDocumentVersions } from '$lib/services/documents';
-	import type { Document } from '$lib/types';
-	import { onMount } from 'svelte';
-
-	interface Props {
-		documentId: string;
-	}
-
-	let { documentId }: Props = $props();
-
-	let versions = $state<Document[]>([]);
-	let currentIndex = $state(-1);
-	let loading = $state(true);
-
-	let hasPrevious = $derived(currentIndex > 0);
-	let hasNext = $derived(currentIndex < versions.length - 1);
-	let currentVersion = $derived(versions[currentIndex]);
-	let isOriginal = $derived(currentIndex === 0);
-
-	onMount(() => {
-		loadVersions();
-	});
-
-	async function loadVersions() {
-		loading = true;
-		const result = await getDocumentVersions(documentId);
-		versions = result.data;
-		currentIndex = versions.findIndex((v) => v.id === documentId);
-		if (currentIndex === -1) currentIndex = 0;
-		loading = false;
-	}
-
-	function goToPrevious() {
-		if (!hasPrevious) return;
-		const prevDoc = versions[currentIndex - 1];
-		goto(`/documents/${prevDoc.id}`);
-	}
-
-	function goToNext() {
-		if (!hasNext) return;
-		const nextDoc = versions[currentIndex + 1];
-		goto(`/documents/${nextDoc.id}`);
-	}
-
-	// Reload when documentId changes
-	$effect(() => {
-		documentId;
-		loadVersions();
-	});
-</script>
-
-{#if !loading && versions.length > 1}
-	<div
-		class="flex items-center gap-2 px-3 py-2 rounded-lg bg-muted/50 border border-border text-xs"
-	>
-		<GitBranch size={14} class="text-muted-foreground shrink-0" />
-
-		<button
-			class="p-1 rounded hover:bg-muted transition-colors disabled:opacity-30"
-			disabled={!hasPrevious}
-			onclick={goToPrevious}
-			title="Vorherige Version"
-		>
-			<CaretLeft size={14} />
-		</button>
-
-		<span class="text-muted-foreground tabular-nums">
-			{currentIndex + 1} / {versions.length}
-		</span>
-
-		<button
-			class="p-1 rounded hover:bg-muted transition-colors disabled:opacity-30"
-			disabled={!hasNext}
-			onclick={goToNext}
-			title="Nächste Version"
-		>
-			<CaretRight size={14} />
-		</button>
-
-		{#if currentVersion}
-			<span class="text-muted-foreground truncate max-w-[200px]">
-				{#if isOriginal}
-					Original
-				{:else if currentVersion.metadata?.generation_type}
-					{currentVersion.metadata.generation_type === 'summary'
-						? 'Zusammenfassung'
-						: currentVersion.metadata.generation_type === 'continuation'
-							? 'Fortsetzung'
-							: currentVersion.metadata.generation_type === 'rewrite'
-								? 'Umformulierung'
-								: currentVersion.metadata.generation_type === 'ideas'
-									? 'Ideen'
-									: 'KI-Version'}
-				{/if}
-			</span>
-			{#if currentVersion.metadata?.model_used}
-				<span class="text-muted-foreground opacity-60">({currentVersion.metadata.model_used})</span>
-			{/if}
-		{/if}
-	</div>
-{/if}
diff --git a/apps/context/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte b/apps/context/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte
deleted file mode 100644
index 694e0270d..000000000
--- a/apps/context/apps/web-archived/src/lib/components/skeletons/AppLoadingSkeleton.svelte
+++ /dev/null
@@ -1,72 +0,0 @@
-<script lang="ts">
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="app-loading-skeleton" role="status" aria-label="App wird geladen...">
-	<div class="header-skeleton">
-		<SkeletonBox width="120px" height="32px" borderRadius="8px" />
-		<div class="header-nav">
-			<SkeletonBox width="80px" height="32px" borderRadius="16px" />
-			<SkeletonBox width="80px" height="32px" borderRadius="16px" />
-		</div>
-		<SkeletonBox width="36px" height="36px" borderRadius="50%" />
-	</div>
-
-	<div class="content-skeleton">
-		<SkeletonBox width="100%" height="48px" borderRadius="12px" />
-		<div class="cards-placeholder">
-			<SkeletonBox width="100%" height="120px" borderRadius="12px" />
-			<SkeletonBox width="100%" height="120px" borderRadius="12px" />
-			<SkeletonBox width="100%" height="120px" borderRadius="12px" />
-		</div>
-	</div>
-</div>
-
-<style>
-	.app-loading-skeleton {
-		min-height: 100vh;
-		background: hsl(var(--background));
-	}
-
-	.header-skeleton {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 2rem;
-		border-bottom: 1px solid hsl(var(--border));
-	}
-
-	.header-nav {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.content-skeleton {
-		max-width: 80rem;
-		margin: 0 auto;
-		padding: 2rem;
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	.cards-placeholder {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	@media (max-width: 768px) {
-		.header-nav {
-			display: none;
-		}
-
-		.header-skeleton {
-			padding: 1rem;
-		}
-
-		.content-skeleton {
-			padding: 1rem;
-		}
-	}
-</style>
diff --git a/apps/context/apps/web-archived/src/lib/components/skeletons/index.ts b/apps/context/apps/web-archived/src/lib/components/skeletons/index.ts
deleted file mode 100644
index f09e744bb..000000000
--- a/apps/context/apps/web-archived/src/lib/components/skeletons/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as AppLoadingSkeleton } from './AppLoadingSkeleton.svelte';
diff --git a/apps/context/apps/web-archived/src/lib/config/editor.ts b/apps/context/apps/web-archived/src/lib/config/editor.ts
deleted file mode 100644
index 05ba8758c..000000000
--- a/apps/context/apps/web-archived/src/lib/config/editor.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export const EDITOR_CONFIG = {
-	AUTO_SAVE_DELAY: 3000,
-	NEW_DOC_SAVE_DELAY: 2000,
-	MIN_CONTENT_LENGTH: 50,
-	DEBOUNCE_DELAY: 300,
-	SAVE_LOCK_TIMEOUT: 30000,
-	LOCAL_STORAGE_KEYS: {
-		BACKUP_PREFIX: 'doc_backup_',
-		DRAFT_PREFIX: 'doc_draft_',
-	},
-};
diff --git a/apps/context/apps/web-archived/src/lib/content/help/index.test.ts b/apps/context/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index bce7c2eac..000000000
--- a/apps/context/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getContextHelpContent } from './index';
-
-describe('Context Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getContextHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getContextHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getContextHelpContent('de');
-		const en = getContextHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getContextHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/context/apps/web-archived/src/lib/content/help/index.ts b/apps/context/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 08e1f2fed..000000000
--- a/apps/context/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-/**
- * Help content for Context app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getContextHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-spaces',
-				question: isDE ? 'Was sind Spaces?' : 'What are Spaces?',
-				answer: isDE
-					? '<p><strong>Spaces</strong> sind Arbeitsbereiche, in denen du Dokumente organisierst:</p><ul><li>Erstelle separate Spaces für verschiedene Projekte oder Themen</li><li>Jeder Space hat eigene Dokumente, Einstellungen und Zugriffsrechte</li><li>Wechsle schnell zwischen Spaces über die Seitenleiste</li><li>Teile Spaces mit Teammitgliedern für gemeinsames Arbeiten</li></ul>'
-					: '<p><strong>Spaces</strong> are workspaces where you organize your documents:</p><ul><li>Create separate Spaces for different projects or topics</li><li>Each Space has its own documents, settings, and access rights</li><li>Quickly switch between Spaces via the sidebar</li><li>Share Spaces with team members for collaboration</li></ul>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['spaces', 'arbeitsbereiche', 'organisation']
-					: ['spaces', 'workspaces', 'organization'],
-			},
-			{
-				id: 'faq-ai-generation',
-				question: isDE ? 'Wie funktioniert die KI-Generierung?' : 'How does AI generation work?',
-				answer: isDE
-					? '<p>Context nutzt <strong>mehrere KI-Modelle</strong> für die Dokumentenerstellung:</p><ol><li>Wähle ein Dokument oder erstelle ein neues</li><li>Beschreibe, was du generieren möchtest, oder markiere Text für Überarbeitung</li><li>Wähle das gewünschte KI-Modell (z.B. GPT-4, Claude, Gemini)</li><li>Die KI generiert den Inhalt direkt in deinem Dokument</li></ol><p>Du kannst auch bestehende Texte umschreiben, zusammenfassen oder erweitern lassen.</p>'
-					: '<p>Context uses <strong>multiple AI models</strong> for document creation:</p><ol><li>Select a document or create a new one</li><li>Describe what you want to generate, or highlight text for revision</li><li>Choose the desired AI model (e.g. GPT-4, Claude, Gemini)</li><li>The AI generates content directly in your document</li></ol><p>You can also have existing text rewritten, summarized, or expanded.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['ki', 'generierung', 'dokument'] : ['ai', 'generation', 'document'],
-			},
-			{
-				id: 'faq-models',
-				question: isDE ? 'Welche KI-Modelle sind verfügbar?' : 'What AI models are available?',
-				answer: isDE
-					? '<p>Context unterstützt <strong>mehrere führende KI-Modelle</strong>:</p><ul><li><strong>OpenAI GPT-4</strong>: Vielseitig und leistungsstark für komplexe Aufgaben</li><li><strong>Anthropic Claude</strong>: Besonders gut bei langen Dokumenten und Analysen</li><li><strong>Google Gemini</strong>: Schnell und effizient für alltägliche Aufgaben</li></ul><p>Jedes Modell hat unterschiedliche Stärken. Du kannst das Modell pro Generierung wechseln, um die besten Ergebnisse zu erzielen.</p>'
-					: '<p>Context supports <strong>multiple leading AI models</strong>:</p><ul><li><strong>OpenAI GPT-4</strong>: Versatile and powerful for complex tasks</li><li><strong>Anthropic Claude</strong>: Especially good with long documents and analysis</li><li><strong>Google Gemini</strong>: Fast and efficient for everyday tasks</li></ul><p>Each model has different strengths. You can switch models per generation to achieve the best results.</p>',
-				category: 'technical',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['modelle', 'gpt', 'claude', 'gemini'] : ['models', 'gpt', 'claude', 'gemini'],
-			},
-			{
-				id: 'faq-versioning',
-				question: isDE
-					? 'Wie funktioniert die Dokumentenversionierung?'
-					: 'How does document versioning work?',
-				answer: isDE
-					? '<p>Context speichert automatisch <strong>Versionen</strong> deiner Dokumente:</p><ul><li>Jede Änderung wird als neue Version gespeichert</li><li>Vergleiche zwei Versionen nebeneinander mit Diff-Ansicht</li><li>Stelle jede frühere Version mit einem Klick wieder her</li><li>KI-Generierungen werden als separate Versionen markiert</li></ul><p>So kannst du jederzeit zu einem früheren Stand zurückkehren, ohne Arbeit zu verlieren.</p>'
-					: '<p>Context automatically saves <strong>versions</strong> of your documents:</p><ul><li>Every change is saved as a new version</li><li>Compare two versions side by side with diff view</li><li>Restore any previous version with one click</li><li>AI generations are marked as separate versions</li></ul><p>This way you can always go back to a previous state without losing work.</p>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['versionierung', 'historie', 'wiederherstellen']
-					: ['versioning', 'history', 'restore'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Dokumente', dataTypeEN: 'documents' }),
-		],
-		features: [
-			{
-				id: 'feature-ai-generation',
-				title: isDE ? 'KI-Dokumentengenerierung' : 'AI Document Generation',
-				description: isDE
-					? 'Erstelle und überarbeite Dokumente mit mehreren KI-Modellen'
-					: 'Create and revise documents with multiple AI models',
-				icon: '🤖',
-				category: 'core',
-				highlights: isDE
-					? [
-							'Multi-Modell-Unterstützung',
-							'Inline-Generierung',
-							'Umschreiben & Zusammenfassen',
-							'Kontextbewusst',
-						]
-					: ['Multi-model support', 'Inline generation', 'Rewrite & summarize', 'Context-aware'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-spaces',
-				title: 'Spaces',
-				description: isDE
-					? 'Organisiere Dokumente in thematischen Arbeitsbereichen'
-					: 'Organize documents in thematic workspaces',
-				icon: '📂',
-				category: 'core',
-				highlights: isDE
-					? ['Projekt-Organisation', 'Zugriffsrechte', 'Team-Zusammenarbeit', 'Schneller Wechsel']
-					: ['Project organization', 'Access rights', 'Team collaboration', 'Quick switching'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-versioning',
-				title: isDE ? 'Dokumentenversionierung' : 'Document Versioning',
-				description: isDE
-					? 'Automatische Versionierung mit Diff-Ansicht und Wiederherstellung'
-					: 'Automatic versioning with diff view and restoration',
-				icon: '📋',
-				category: 'advanced',
-				highlights: isDE
-					? [
-							'Automatische Versionen',
-							'Diff-Vergleich',
-							'Ein-Klick-Wiederherstellung',
-							'KI-Versionsmarker',
-						]
-					: ['Automatic versions', 'Diff comparison', 'One-click restore', 'AI version markers'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-multi-model',
-				title: isDE ? 'Multi-Modell-Unterstützung' : 'Multi-Model Support',
-				description: isDE
-					? 'Wähle aus GPT-4, Claude, Gemini und weiteren KI-Modellen'
-					: 'Choose from GPT-4, Claude, Gemini, and more AI models',
-				icon: '🧠',
-				category: 'advanced',
-				highlights: isDE
-					? ['GPT-4', 'Claude', 'Gemini', 'Modellvergleich']
-					: ['GPT-4', 'Claude', 'Gemini', 'Model comparison'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Context.</p>'
-				: '<p>Our support team is here to help you with any questions about Context.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/context/apps/web-archived/src/lib/data/guest-seed.ts b/apps/context/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index f74317dcd..000000000
--- a/apps/context/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Guest seed data for the Context app.
- *
- * Provides a demo space with sample documents.
- */
-
-import type { LocalSpace, LocalDocument } from './local-store';
-
-const DEMO_SPACE_ID = 'demo-workspace';
-
-export const guestSpaces: LocalSpace[] = [
-	{
-		id: DEMO_SPACE_ID,
-		name: 'Mein Workspace',
-		description: 'Beispiel-Space zum Kennenlernen von Context.',
-		pinned: true,
-		prefix: 'W',
-	},
-];
-
-export const guestDocuments: LocalDocument[] = [
-	{
-		id: 'doc-welcome',
-		spaceId: DEMO_SPACE_ID,
-		title: 'Willkommen bei Context',
-		content:
-			'Context ist dein KI-gestütztes Dokumenten-Management. Erstelle Texte, sammle Kontexte und nutze KI-Prompts.\n\nMelde dich an, um deine Dokumente zu synchronisieren.',
-		type: 'text',
-		shortId: 'WD1',
-		pinned: true,
-		metadata: { tags: ['einführung'], wordCount: 22 },
-	},
-	{
-		id: 'doc-prompt',
-		spaceId: DEMO_SPACE_ID,
-		title: 'Beispiel-Prompt',
-		content: 'Fasse den folgenden Text in 3 Stichpunkten zusammen:\n\n{text}',
-		type: 'prompt',
-		shortId: 'WP1',
-		pinned: false,
-		metadata: { tags: ['vorlage'] },
-	},
-];
diff --git a/apps/context/apps/web-archived/src/lib/data/local-store.ts b/apps/context/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 8017b12b6..000000000
--- a/apps/context/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Context — Local-First Data Layer
- *
- * Spaces and documents stored locally.
- * AI generation and token management remain server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestSpaces, guestDocuments } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalSpace extends BaseRecord {
-	name: string;
-	description?: string | null;
-	settings?: Record<string, unknown> | null;
-	pinned: boolean;
-	prefix: string;
-}
-
-export interface LocalDocument extends BaseRecord {
-	spaceId?: string | null;
-	title: string;
-	content: string;
-	type: 'text' | 'context' | 'prompt';
-	shortId?: string | null;
-	pinned: boolean;
-	metadata?: {
-		tags?: string[];
-		wordCount?: number;
-	} | null;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const contextStore = createLocalStore({
-	appId: 'context',
-	collections: [
-		{
-			name: 'spaces',
-			indexes: ['pinned', 'prefix'],
-			guestSeed: guestSpaces,
-		},
-		{
-			name: 'documents',
-			indexes: ['spaceId', 'type', 'pinned', 'title', '[spaceId+type]'],
-			guestSeed: guestDocuments,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const spaceCollection = contextStore.collection<LocalSpace>('spaces');
-export const documentCollection = contextStore.collection<LocalDocument>('documents');
diff --git a/apps/context/apps/web-archived/src/lib/data/queries.ts b/apps/context/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index d5bff435e..000000000
--- a/apps/context/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Context
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	spaceCollection,
-	documentCollection,
-	type LocalSpace,
-	type LocalDocument,
-} from './local-store';
-import type { Space, Document, DocumentType } from '$lib/types';
-
-// ─── Type Converters ──────────────────────────────────────
-
-/** Convert LocalSpace (IndexedDB) to shared Space type. */
-export function toSpace(local: LocalSpace): Space {
-	return {
-		id: local.id,
-		name: local.name,
-		description: local.description ?? null,
-		user_id: 'local',
-		created_at: local.createdAt ?? new Date().toISOString(),
-		settings: local.settings ?? null,
-		pinned: local.pinned,
-		prefix: local.prefix,
-	};
-}
-
-/** Convert LocalDocument (IndexedDB) to shared Document type. */
-export function toDocument(local: LocalDocument): Document {
-	return {
-		id: local.id,
-		title: local.title,
-		content: local.content,
-		type: local.type,
-		space_id: local.spaceId ?? null,
-		user_id: 'local',
-		created_at: local.createdAt ?? new Date().toISOString(),
-		updated_at: local.updatedAt ?? new Date().toISOString(),
-		metadata: local.metadata ?? null,
-		short_id: local.shortId ?? undefined,
-		pinned: local.pinned,
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ────────
-
-/** All spaces, sorted by name. Auto-updates on any change. */
-export function useAllSpaces() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await spaceCollection.getAll();
-		return locals.map(toSpace).sort((a, b) => a.name.localeCompare(b.name));
-	}, [] as Space[]);
-}
-
-/** All documents. Auto-updates on any change. */
-export function useAllDocuments() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await documentCollection.getAll();
-		return locals
-			.map(toDocument)
-			.sort((a, b) => new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime());
-	}, [] as Document[]);
-}
-
-/** Documents for a specific space. Auto-updates on any change. */
-export function useSpaceDocuments(spaceId: string) {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await documentCollection.getAll({ spaceId });
-		return locals
-			.map(toDocument)
-			.sort((a, b) => new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime());
-	}, [] as Document[]);
-}
-
-// ─── Pure Helper Functions (for $derived) ─────────────────
-
-/** Get pinned spaces from a list. */
-export function getPinnedSpaces(spaces: Space[]): Space[] {
-	return spaces.filter((s) => s.pinned);
-}
-
-/** Filter documents by type, search query, and tags. */
-export function filterDocuments(
-	documents: Document[],
-	options: {
-		typeFilter?: DocumentType | 'all';
-		searchQuery?: string;
-		tagFilter?: string[];
-	}
-): Document[] {
-	let filtered = documents;
-
-	if (options.typeFilter && options.typeFilter !== 'all') {
-		filtered = filtered.filter((d) => d.type === options.typeFilter);
-	}
-
-	if (options.searchQuery?.trim()) {
-		const q = options.searchQuery.toLowerCase();
-		filtered = filtered.filter(
-			(d) => d.title.toLowerCase().includes(q) || d.content?.toLowerCase().includes(q)
-		);
-	}
-
-	if (options.tagFilter && options.tagFilter.length > 0) {
-		filtered = filtered.filter((d) =>
-			options.tagFilter!.some((tag) => d.metadata?.tags?.includes(tag))
-		);
-	}
-
-	return filtered;
-}
-
-/** Compute document stats from a list. */
-export function getDocumentStats(documents: Document[]) {
-	return {
-		total: documents.length,
-		text: documents.filter((d) => d.type === 'text').length,
-		context: documents.filter((d) => d.type === 'context').length,
-		prompt: documents.filter((d) => d.type === 'prompt').length,
-		totalWords: documents.reduce((sum, d) => sum + (d.metadata?.word_count || 0), 0),
-	};
-}
-
-/** Get all unique tags from documents. */
-export function getAllDocumentTags(documents: Document[]): string[] {
-	const tags = new Set<string>();
-	documents.forEach((d) => {
-		d.metadata?.tags?.forEach((t) => tags.add(t));
-	});
-	return Array.from(tags).sort();
-}
-
-/** Find a space by ID. */
-export function findSpaceById(spaces: Space[], id: string): Space | undefined {
-	return spaces.find((s) => s.id === id);
-}
-
-/** Find a document by ID. */
-export function findDocumentById(documents: Document[], id: string): Document | undefined {
-	return documents.find((d) => d.id === id);
-}
diff --git a/apps/context/apps/web-archived/src/lib/i18n/index.ts b/apps/context/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index ac7cb0ef9..000000000
--- a/apps/context/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-const defaultLocale = 'de';
-
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		const stored = localStorage.getItem('context_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('context_locale', newLocale);
-	}
-}
-
-export { waitLocale };
diff --git a/apps/context/apps/web-archived/src/lib/i18n/locales/de.json b/apps/context/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index c4d6ed708..000000000
--- a/apps/context/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-	"app": {
-		"name": "Context"
-	},
-	"common": {
-		"back": "Zurück",
-		"cancel": "Abbrechen",
-		"save": "Speichern",
-		"delete": "Löschen",
-		"create": "Erstellen",
-		"edit": "Bearbeiten",
-		"loading": "Lade...",
-		"search": "Suchen",
-		"confirm": "Bestätigen",
-		"close": "Schließen",
-		"pin": "Anheften",
-		"unpin": "Lösen"
-	},
-	"nav": {
-		"home": "Übersicht",
-		"spaces": "Spaces",
-		"documents": "Dokumente",
-		"settings": "Einstellungen"
-	},
-	"spaces": {
-		"title": "Spaces",
-		"create": "Neuen Space erstellen",
-		"empty": "Noch keine Spaces vorhanden",
-		"name": "Name",
-		"description": "Beschreibung",
-		"deleteConfirm": "Alle Dokumente in diesem Space werden ebenfalls gelöscht.",
-		"searchPlaceholder": "Spaces durchsuchen..."
-	},
-	"documents": {
-		"title": "Dokumente",
-		"create": "Neues Dokument",
-		"empty": "Keine Dokumente vorhanden",
-		"deleteConfirm": "Das Dokument wird unwiderruflich gelöscht.",
-		"searchPlaceholder": "Dokumente durchsuchen...",
-		"types": {
-			"all": "Alle",
-			"text": "Text",
-			"context": "Kontext",
-			"prompt": "Prompt"
-		},
-		"editor": {
-			"titlePlaceholder": "Titel...",
-			"contentPlaceholder": "Schreibe deinen Text in Markdown...",
-			"preview": "Vorschau",
-			"edit": "Bearbeiten",
-			"words": "Wörter",
-			"saving": "Speichert...",
-			"saved": "Gespeichert",
-			"unsaved": "Ungespeichert",
-			"tags": "Tags",
-			"addTag": "Tag hinzufügen..."
-		}
-	},
-	"settings": {
-		"title": "Einstellungen"
-	},
-	"messages": {
-		"saved": "Gespeichert",
-		"deleted": "Gelöscht",
-		"error": "Ein Fehler ist aufgetreten",
-		"created": "Erstellt"
-	}
-}
diff --git a/apps/context/apps/web-archived/src/lib/i18n/locales/en.json b/apps/context/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index e1ee3db05..000000000
--- a/apps/context/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-	"app": {
-		"name": "Context"
-	},
-	"common": {
-		"back": "Back",
-		"cancel": "Cancel",
-		"save": "Save",
-		"delete": "Delete",
-		"create": "Create",
-		"edit": "Edit",
-		"loading": "Loading...",
-		"search": "Search",
-		"confirm": "Confirm",
-		"close": "Close",
-		"pin": "Pin",
-		"unpin": "Unpin"
-	},
-	"nav": {
-		"home": "Overview",
-		"spaces": "Spaces",
-		"documents": "Documents",
-		"settings": "Settings"
-	},
-	"spaces": {
-		"title": "Spaces",
-		"create": "Create new space",
-		"empty": "No spaces yet",
-		"name": "Name",
-		"description": "Description",
-		"deleteConfirm": "All documents in this space will also be deleted.",
-		"searchPlaceholder": "Search spaces..."
-	},
-	"documents": {
-		"title": "Documents",
-		"create": "New document",
-		"empty": "No documents yet",
-		"deleteConfirm": "The document will be permanently deleted.",
-		"searchPlaceholder": "Search documents...",
-		"types": {
-			"all": "All",
-			"text": "Text",
-			"context": "Context",
-			"prompt": "Prompt"
-		},
-		"editor": {
-			"titlePlaceholder": "Title...",
-			"contentPlaceholder": "Write your text in Markdown...",
-			"preview": "Preview",
-			"edit": "Edit",
-			"words": "Words",
-			"saving": "Saving...",
-			"saved": "Saved",
-			"unsaved": "Unsaved",
-			"tags": "Tags",
-			"addTag": "Add tag..."
-		}
-	},
-	"settings": {
-		"title": "Settings"
-	},
-	"messages": {
-		"saved": "Saved",
-		"deleted": "Deleted",
-		"error": "An error occurred",
-		"created": "Created"
-	}
-}
diff --git a/apps/context/apps/web-archived/src/lib/services/ai.ts b/apps/context/apps/web-archived/src/lib/services/ai.ts
deleted file mode 100644
index be8b70989..000000000
--- a/apps/context/apps/web-archived/src/lib/services/ai.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { api } from '$lib/api/client';
-import { estimateTokens } from '$lib/utils/text';
-import { getCurrentTokenBalance } from './tokens';
-import type {
-	AIProvider,
-	AIModelOption,
-	AIGenerationOptions,
-	AIGenerationResult,
-	TokenCostEstimate,
-} from '$lib/types';
-
-export const availableModels: AIModelOption[] = [
-	{ label: 'GPT-4.1', value: 'gpt-4.1', provider: 'azure' },
-	{ label: 'Gemini Pro', value: 'gemini-pro', provider: 'google' },
-	{ label: 'Gemini Flash', value: 'gemini-flash', provider: 'google' },
-];
-
-export const predefinedPrompts = [
-	{
-		title: 'Text fortsetzen',
-		prompt: 'Setze den folgenden Text fort, behalte dabei den Stil und Ton bei:\n\n',
-		icon: 'pencil',
-		type: 'continuation' as const,
-	},
-	{
-		title: 'Zusammenfassen',
-		prompt: 'Fasse den folgenden Text prägnant zusammen:\n\n',
-		icon: 'list',
-		type: 'summary' as const,
-	},
-	{
-		title: 'Umformulieren',
-		prompt: 'Formuliere den folgenden Text um, behalte dabei den Inhalt bei:\n\n',
-		icon: 'arrows-clockwise',
-		type: 'rewrite' as const,
-	},
-	{
-		title: 'Ideen generieren',
-		prompt: 'Generiere Ideen zum folgenden Thema:\n\n',
-		icon: 'lightbulb',
-		type: 'ideas' as const,
-	},
-];
-
-export type InsertionMode = 'append' | 'prepend' | 'replace' | 'new_version';
-
-export async function checkTokenBalance(
-	userId: string,
-	prompt: string,
-	model: string,
-	estimatedCompletionLength: number = 500,
-	referencedDocuments?: { title: string; content: string }[]
-): Promise<{ hasEnough: boolean; estimate: TokenCostEstimate; balance: number }> {
-	const { data, error } = await api.post<{
-		hasEnough: boolean;
-		estimate: TokenCostEstimate;
-		balance: number;
-	}>('/ai/estimate', {
-		prompt,
-		model,
-		estimatedCompletionLength,
-		referencedDocuments,
-	});
-
-	if (error || !data) {
-		// Fallback: estimate locally
-		let totalInputTokens = estimateTokens(prompt);
-		if (referencedDocuments?.length) {
-			const formattingOverhead = 20 + referencedDocuments.length * 10;
-			totalInputTokens += formattingOverhead;
-			referencedDocuments.forEach((doc) => {
-				totalInputTokens += estimateTokens(doc.content || '');
-			});
-		}
-		const balance = await getCurrentTokenBalance(userId);
-		return {
-			hasEnough: balance > 0,
-			estimate: {
-				inputTokens: totalInputTokens,
-				outputTokens: estimatedCompletionLength,
-				totalTokens: totalInputTokens + estimatedCompletionLength,
-				costUsd: 0,
-				appTokens: 1,
-			},
-			balance,
-		};
-	}
-
-	return data;
-}
-
-export async function generateText(
-	userId: string,
-	prompt: string,
-	provider: AIProvider = 'azure',
-	options: AIGenerationOptions = {}
-): Promise<AIGenerationResult> {
-	const model = options.model || (provider === 'azure' ? 'gpt-4.1' : 'gemini-pro');
-
-	const { data, error } = await api.post<{
-		text: string;
-		tokenInfo: {
-			promptTokens: number;
-			completionTokens: number;
-			totalTokens: number;
-			tokensUsed: number;
-			remainingTokens: number;
-		};
-	}>('/ai/generate', {
-		prompt,
-		model,
-		temperature: options.temperature,
-		maxTokens: options.maxTokens,
-		documentId: options.documentId,
-		referencedDocuments: options.referencedDocuments,
-	});
-
-	if (error || !data) {
-		throw new Error(error?.message || 'AI-Generierung fehlgeschlagen');
-	}
-
-	return {
-		text: data.text,
-		tokenInfo: data.tokenInfo,
-	};
-}
-
-export function getProviderForModel(modelValue: string): AIProvider {
-	const model = availableModels.find((m) => m.value === modelValue);
-	return model?.provider || 'azure';
-}
diff --git a/apps/context/apps/web-archived/src/lib/services/documents.ts b/apps/context/apps/web-archived/src/lib/services/documents.ts
deleted file mode 100644
index a223c949b..000000000
--- a/apps/context/apps/web-archived/src/lib/services/documents.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { api } from '$lib/api/client';
-import type { Document, DocumentMetadata, DocumentType } from '$lib/types';
-
-export async function getDocuments(spaceId?: string): Promise<Document[]> {
-	const params = new URLSearchParams();
-	if (spaceId) params.set('spaceId', spaceId);
-
-	const { data, error } = await api.get<{ documents: Document[] }>(`/documents?${params}`);
-	if (error || !data) return [];
-	return data.documents;
-}
-
-export async function getDocumentsWithPreview(
-	spaceId?: string,
-	limit: number = 50
-): Promise<Document[]> {
-	const params = new URLSearchParams({ preview: 'true', limit: String(limit) });
-	if (spaceId) params.set('spaceId', spaceId);
-
-	const { data, error } = await api.get<{ documents: Document[] }>(`/documents?${params}`);
-	if (error || !data) return [];
-	return data.documents;
-}
-
-export async function getRecentDocuments(userId: string, limit: number = 5): Promise<Document[]> {
-	const params = new URLSearchParams({ limit: String(limit) });
-	const { data, error } = await api.get<{ documents: Document[] }>(`/documents/recent?${params}`);
-	if (error || !data) return [];
-	return data.documents;
-}
-
-export async function getDocumentById(id: string): Promise<Document | null> {
-	const { data, error } = await api.get<{ document: Document }>(`/documents/${id}`);
-	if (error || !data) return null;
-	return data.document;
-}
-
-export async function createDocument(
-	userId: string,
-	content: string,
-	type: DocumentType,
-	spaceId?: string,
-	metadata?: Partial<DocumentMetadata>,
-	title?: string
-): Promise<{ data: Document | null; error: string | null }> {
-	const { data, error } = await api.post<{ document: Document }>('/documents', {
-		content,
-		type,
-		spaceId: spaceId || undefined,
-		title,
-		metadata,
-	});
-
-	if (error || !data) {
-		return { data: null, error: error?.message || 'Fehler beim Erstellen' };
-	}
-	return { data: data.document, error: null };
-}
-
-export async function updateDocument(
-	id: string,
-	updates: Partial<Document>
-): Promise<{ success: boolean; error: string | null }> {
-	const { error } = await api.put(`/documents/${id}`, updates);
-	return { success: !error, error: error?.message || null };
-}
-
-export async function deleteDocument(
-	id: string
-): Promise<{ success: boolean; error: string | null }> {
-	const { error } = await api.delete(`/documents/${id}`);
-	return { success: !error, error: error?.message || null };
-}
-
-export async function toggleDocumentPinned(
-	id: string,
-	pinned: boolean
-): Promise<{ success: boolean; error: string | null }> {
-	const { error } = await api.put(`/documents/${id}/pinned`, { pinned });
-	return { success: !error, error: error?.message || null };
-}
-
-export async function saveDocumentTags(
-	id: string,
-	tags: string[]
-): Promise<{ success: boolean; error: string | null }> {
-	const { error } = await api.put(`/documents/${id}/tags`, { tags });
-	return { success: !error, error: error?.message || null };
-}
-
-export async function getDocumentVersions(
-	documentId: string
-): Promise<{ data: Document[]; error: string | null }> {
-	const { data, error } = await api.get<{ documents: Document[] }>(
-		`/documents/${documentId}/versions`
-	);
-	if (error || !data) {
-		return { data: [], error: error?.message || 'Fehler beim Laden der Versionen' };
-	}
-	return { data: data.documents, error: null };
-}
-
-export async function createDocumentVersion(
-	originalDocumentId: string,
-	userId: string,
-	newContent: string,
-	generationType: 'summary' | 'continuation' | 'rewrite' | 'ideas',
-	aiModel: string,
-	prompt: string
-): Promise<{ data: Document | null; error: string | null }> {
-	const { data, error } = await api.post<{ document: Document }>(
-		`/documents/${originalDocumentId}/versions`,
-		{
-			content: newContent,
-			generationType,
-			model: aiModel,
-			prompt,
-		}
-	);
-
-	if (error || !data) {
-		return { data: null, error: error?.message || 'Fehler beim Erstellen der Version' };
-	}
-	return { data: data.document, error: null };
-}
diff --git a/apps/context/apps/web-archived/src/lib/services/spaces.ts b/apps/context/apps/web-archived/src/lib/services/spaces.ts
deleted file mode 100644
index 68240501d..000000000
--- a/apps/context/apps/web-archived/src/lib/services/spaces.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { api } from '$lib/api/client';
-import type { Space } from '$lib/types';
-
-export async function getSpaces(): Promise<Space[]> {
-	const { data, error } = await api.get<{ spaces: Space[] }>('/spaces');
-	if (error || !data) return [];
-	return data.spaces;
-}
-
-export async function getSpaceById(id: string): Promise<Space | null> {
-	const { data, error } = await api.get<{ space: Space }>(`/spaces/${id}`);
-	if (error || !data) return null;
-	return data.space;
-}
-
-export async function createSpace(
-	userId: string,
-	name: string,
-	description?: string,
-	pinned: boolean = true
-): Promise<{ data: Space | null; error: string | null }> {
-	const { data, error } = await api.post<{ space: Space }>('/spaces', {
-		name,
-		description: description || null,
-		pinned,
-	});
-
-	if (error || !data) {
-		return { data: null, error: error?.message || 'Fehler beim Erstellen' };
-	}
-	return { data: data.space, error: null };
-}
-
-export async function updateSpace(
-	id: string,
-	updates: Partial<Space>
-): Promise<{ success: boolean; error: string | null }> {
-	const { error } = await api.put(`/spaces/${id}`, updates);
-	return { success: !error, error: error?.message || null };
-}
-
-export async function toggleSpacePinned(
-	id: string,
-	pinned: boolean
-): Promise<{ success: boolean; error: string | null }> {
-	const { error } = await api.put(`/spaces/${id}`, { pinned });
-	return { success: !error, error: error?.message || null };
-}
-
-export async function deleteSpace(id: string): Promise<{ success: boolean; error: string | null }> {
-	const { error } = await api.delete(`/spaces/${id}`);
-	return { success: !error, error: error?.message || null };
-}
diff --git a/apps/context/apps/web-archived/src/lib/services/tokens.ts b/apps/context/apps/web-archived/src/lib/services/tokens.ts
deleted file mode 100644
index 8f0aa7305..000000000
--- a/apps/context/apps/web-archived/src/lib/services/tokens.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { api } from '$lib/api/client';
-import { estimateTokens } from '$lib/utils/text';
-import type { TokenCostEstimate } from '$lib/types';
-
-export interface TokenTransaction {
-	id: string;
-	user_id: string;
-	amount: number;
-	transaction_type: string;
-	model_used?: string;
-	prompt_tokens?: number;
-	completion_tokens?: number;
-	total_tokens?: number;
-	cost_usd?: number;
-	document_id?: string;
-	created_at: string;
-}
-
-export interface TokenUsageStats {
-	totalUsed: number;
-	byModel: Record<string, number>;
-	byDate: Record<string, number>;
-}
-
-export interface ModelPrice {
-	model_name: string;
-	input_price_per_1k_tokens: number;
-	output_price_per_1k_tokens: number;
-	tokens_per_dollar: number;
-}
-
-export async function getCurrentTokenBalance(userId: string): Promise<number> {
-	const { data, error } = await api.get<{ balance: number }>('/tokens/balance');
-	if (error || !data) return 0;
-	return data.balance;
-}
-
-export async function hasEnoughTokens(userId: string, requiredTokens: number): Promise<boolean> {
-	const balance = await getCurrentTokenBalance(userId);
-	return balance >= requiredTokens;
-}
-
-export async function getModelPrice(modelName: string): Promise<ModelPrice | null> {
-	const { data, error } = await api.get<{ models: ModelPrice[] }>('/tokens/models');
-	if (error || !data) return null;
-	return data.models.find((m) => m.model_name === modelName) || null;
-}
-
-export async function calculateCost(
-	model: string,
-	promptTokens: number,
-	completionTokens: number
-): Promise<TokenCostEstimate> {
-	let inputPricePer1k = 0.01;
-	let outputPricePer1k = 0.03;
-	let tokensPerDollar = 50000;
-
-	const modelPrice = await getModelPrice(model);
-	if (modelPrice) {
-		inputPricePer1k = modelPrice.input_price_per_1k_tokens;
-		outputPricePer1k = modelPrice.output_price_per_1k_tokens;
-		tokensPerDollar = modelPrice.tokens_per_dollar;
-	}
-
-	const inputCost = (promptTokens / 1000) * inputPricePer1k;
-	const outputCost = (completionTokens / 1000) * outputPricePer1k;
-	const totalCostUsd = inputCost + outputCost;
-	const appTokens = Math.max(1, Math.ceil(totalCostUsd * tokensPerDollar));
-
-	return {
-		inputTokens: promptTokens,
-		outputTokens: completionTokens,
-		totalTokens: promptTokens + completionTokens,
-		costUsd: totalCostUsd,
-		appTokens,
-	};
-}
-
-export async function estimateCostForPrompt(
-	prompt: string,
-	model: string,
-	estimatedCompletionLength: number = 500
-): Promise<TokenCostEstimate> {
-	const promptTokens = estimateTokens(prompt);
-	return calculateCost(model, promptTokens, estimatedCompletionLength);
-}
-
-export async function logTokenUsage(
-	userId: string,
-	model: string,
-	prompt: string,
-	completion: string,
-	documentId?: string
-): Promise<boolean> {
-	// Token logging is now handled server-side by the AI endpoint
-	return true;
-}
-
-export async function getTokenUsageStats(
-	userId: string,
-	timeframe: 'day' | 'week' | 'month' | 'year'
-): Promise<TokenUsageStats> {
-	const { data, error } = await api.get<{ stats: TokenUsageStats }>(
-		`/tokens/stats?timeframe=${timeframe}`
-	);
-
-	if (error || !data) {
-		return { totalUsed: 0, byModel: {}, byDate: {} };
-	}
-	return data.stats;
-}
-
-export async function getTokenTransactions(
-	userId: string,
-	limit: number = 20,
-	offset: number = 0
-): Promise<TokenTransaction[]> {
-	const { data, error } = await api.get<{ transactions: TokenTransaction[] }>(
-		`/tokens/transactions?limit=${limit}&offset=${offset}`
-	);
-
-	if (error || !data) return [];
-	return data.transactions;
-}
diff --git a/apps/context/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/context/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 727dc3ea6..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-/**
- * Context-specific onboarding steps
- */
-const contextOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Context!',
-		description: 'Das kann Context für dich tun:',
-		emoji: '📄',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		bullets: [
-			'Dokumente & Wissen organisieren',
-			'KI-gestützte Zusammenfassungen',
-			'Persönliche Wissensdatenbank',
-			'Schnelle Volltextsuche',
-		],
-	},
-	{
-		id: 'useCase',
-		type: 'select',
-		question: 'Wofür nutzt du Context?',
-		description: 'Hilft uns, die beste Erfahrung zu bieten.',
-		emoji: '📄',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		options: [
-			{
-				id: 'docs',
-				label: 'Dokumentation',
-				description: 'Technische Dokumente und Anleitungen',
-				emoji: '📖',
-			},
-			{
-				id: 'knowledge',
-				label: 'Wissensdatenbank',
-				description: 'Wissen sammeln und organisieren',
-				emoji: '🧠',
-			},
-			{
-				id: 'personal',
-				label: 'Persönliche Notizen',
-				description: 'Ideen und Gedanken festhalten',
-				emoji: '✍️',
-			},
-		],
-		defaultValue: 'knowledge',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Context ist bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Nutze KI, um Dokumente zusammenzufassen und umzuschreiben',
-			'Organisiere Inhalte in Spaces für bessere Übersicht',
-			'Versionierung speichert automatisch frühere Fassungen',
-			'Drücke Cmd/Ctrl+K für die Schnellsuche',
-		],
-	},
-];
-
-/**
- * Context app onboarding store
- */
-export const contextOnboarding = createAppOnboardingStore({
-	appId: 'context',
-	steps: contextOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/context/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/context/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index a20a3f224..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3020,
-});
diff --git a/apps/context/apps/web-archived/src/lib/stores/documents.svelte.ts b/apps/context/apps/web-archived/src/lib/stores/documents.svelte.ts
deleted file mode 100644
index c81d03008..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/documents.svelte.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-/**
- * Documents Store — Mutation-Only (Local-First)
- *
- * Reads are handled by useLiveQuery hooks in queries.ts.
- * This store only handles writes and local filter state.
- */
-
-import type { Document, DocumentType } from '$lib/types';
-import { ContextEvents } from '@manacore/shared-utils/analytics';
-import { documentCollection, type LocalDocument } from '$lib/data/local-store';
-import { toDocument } from '$lib/data/queries';
-
-let loading = $state(false);
-let saving = $state(false);
-let error = $state<string | null>(null);
-
-// Filter state (UI-only, not persisted)
-let searchQuery = $state('');
-let typeFilter = $state<DocumentType | 'all'>('all');
-let tagFilter = $state<string[]>([]);
-
-export const documentsStore = {
-	get loading() {
-		return loading;
-	},
-	get saving() {
-		return saving;
-	},
-	get error() {
-		return error;
-	},
-	get searchQuery() {
-		return searchQuery;
-	},
-	get typeFilter() {
-		return typeFilter;
-	},
-	get tagFilter() {
-		return tagFilter;
-	},
-
-	setSearchQuery(query: string) {
-		searchQuery = query;
-	},
-
-	setTypeFilter(filter: DocumentType | 'all') {
-		typeFilter = filter;
-	},
-
-	setTagFilter(tags: string[]) {
-		tagFilter = tags;
-	},
-
-	async create(
-		userId: string,
-		content: string,
-		type: DocumentType,
-		spaceId?: string,
-		title?: string
-	) {
-		saving = true;
-		error = null;
-		try {
-			const newLocal: LocalDocument = {
-				id: crypto.randomUUID(),
-				title: title || 'Neues Dokument',
-				content,
-				type,
-				spaceId: spaceId || null,
-				pinned: false,
-				metadata: null,
-			};
-			const inserted = await documentCollection.insert(newLocal);
-			ContextEvents.documentCreated(type);
-			return { data: toDocument(inserted), error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Erstellen';
-			error = msg;
-			return { data: null, error: msg };
-		} finally {
-			saving = false;
-		}
-	},
-
-	async update(id: string, updates: Partial<Document>) {
-		saving = true;
-		error = null;
-		try {
-			const localUpdates: Partial<LocalDocument> = {};
-			if (updates.title !== undefined) localUpdates.title = updates.title;
-			if (updates.content !== undefined) localUpdates.content = updates.content!;
-			if (updates.type !== undefined) localUpdates.type = updates.type;
-			if (updates.pinned !== undefined) localUpdates.pinned = updates.pinned!;
-			if (updates.metadata !== undefined) localUpdates.metadata = updates.metadata;
-
-			await documentCollection.update(id, localUpdates);
-			return { success: true, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Aktualisieren';
-			error = msg;
-			return { success: false, error: msg };
-		} finally {
-			saving = false;
-		}
-	},
-
-	async delete(id: string) {
-		error = null;
-		try {
-			await documentCollection.delete(id);
-			ContextEvents.documentDeleted();
-			return { success: true, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Löschen';
-			error = msg;
-			return { success: false, error: msg };
-		}
-	},
-
-	async togglePinned(id: string, currentPinned: boolean) {
-		error = null;
-		try {
-			const newPinned = !currentPinned;
-			await documentCollection.update(id, { pinned: newPinned });
-			ContextEvents.documentPinned(newPinned);
-			return { success: true, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Pin-Toggle';
-			error = msg;
-			return { success: false, error: msg };
-		}
-	},
-
-	async saveTags(id: string, tags: string[]) {
-		error = null;
-		try {
-			const existing = await documentCollection.get(id);
-			if (existing) {
-				await documentCollection.update(id, {
-					metadata: { ...existing.metadata, tags },
-				});
-			}
-			return { success: true, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Speichern der Tags';
-			error = msg;
-			return { success: false, error: msg };
-		}
-	},
-};
diff --git a/apps/context/apps/web-archived/src/lib/stores/navigation.ts b/apps/context/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index 14c37970e..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed } = createSimpleNavigationStores({
-	storageKey: 'context',
-});
diff --git a/apps/context/apps/web-archived/src/lib/stores/spaces.svelte.ts b/apps/context/apps/web-archived/src/lib/stores/spaces.svelte.ts
deleted file mode 100644
index e71bd0421..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/spaces.svelte.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Spaces Store — Mutation-Only (Local-First)
- *
- * Reads are handled by useLiveQuery hooks in queries.ts.
- * This store only handles writes (create, update, delete, toggle).
- */
-
-import type { Space } from '$lib/types';
-import { ContextEvents } from '@manacore/shared-utils/analytics';
-import { spaceCollection, type LocalSpace } from '$lib/data/local-store';
-import { toSpace } from '$lib/data/queries';
-
-let loading = $state(false);
-let error = $state<string | null>(null);
-
-export const spacesStore = {
-	get loading() {
-		return loading;
-	},
-	get error() {
-		return error;
-	},
-
-	async create(userId: string, name: string, description?: string) {
-		loading = true;
-		error = null;
-		try {
-			const newLocal: LocalSpace = {
-				id: crypto.randomUUID(),
-				name,
-				description: description || null,
-				settings: null,
-				pinned: true,
-				prefix: name.charAt(0).toUpperCase(),
-			};
-			const inserted = await spaceCollection.insert(newLocal);
-			ContextEvents.spaceCreated();
-			return { data: toSpace(inserted), error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Erstellen';
-			error = msg;
-			return { data: null, error: msg };
-		} finally {
-			loading = false;
-		}
-	},
-
-	async update(id: string, updates: Partial<Space>) {
-		error = null;
-		try {
-			const localUpdates: Partial<LocalSpace> = {};
-			if (updates.name !== undefined) localUpdates.name = updates.name;
-			if (updates.description !== undefined) localUpdates.description = updates.description;
-			if (updates.pinned !== undefined) localUpdates.pinned = updates.pinned;
-			if (updates.settings !== undefined) localUpdates.settings = updates.settings;
-
-			await spaceCollection.update(id, localUpdates);
-			return { success: true, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Aktualisieren';
-			error = msg;
-			return { success: false, error: msg };
-		}
-	},
-
-	async togglePinned(id: string, currentPinned: boolean) {
-		error = null;
-		try {
-			await spaceCollection.update(id, { pinned: !currentPinned });
-			return { success: true, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Pin-Toggle';
-			error = msg;
-			return { success: false, error: msg };
-		}
-	},
-
-	async delete(id: string) {
-		error = null;
-		try {
-			await spaceCollection.delete(id);
-			ContextEvents.spaceDeleted();
-			return { success: true, error: null };
-		} catch (e) {
-			const msg = e instanceof Error ? e.message : 'Fehler beim Löschen';
-			error = msg;
-			return { success: false, error: msg };
-		}
-	},
-};
diff --git a/apps/context/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/context/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 074782375..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- * Tags are stored in shared IndexedDB ('manacore-tags'), accessible across all apps.
- * Use context ('tags') for reads, tagMutations for writes.
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/context/apps/web-archived/src/lib/stores/theme.svelte.ts b/apps/context/apps/web-archived/src/lib/stores/theme.svelte.ts
deleted file mode 100644
index 9da984031..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/theme.svelte.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore({
-	appId: 'context',
-	defaultVariant: 'lume',
-});
diff --git a/apps/context/apps/web-archived/src/lib/stores/tokens.svelte.ts b/apps/context/apps/web-archived/src/lib/stores/tokens.svelte.ts
deleted file mode 100644
index d3df199a2..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/tokens.svelte.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import * as tokensService from '$lib/services/tokens';
-import type { TokenUsageStats } from '$lib/services/tokens';
-
-let balance = $state(0);
-let loading = $state(false);
-let stats = $state<TokenUsageStats | null>(null);
-let transactions = $state<tokensService.TokenTransaction[]>([]);
-let timeframe = $state<'day' | 'week' | 'month' | 'year'>('month');
-
-export const tokensStore = {
-	get balance() {
-		return balance;
-	},
-	get loading() {
-		return loading;
-	},
-	get stats() {
-		return stats;
-	},
-	get transactions() {
-		return transactions;
-	},
-	get timeframe() {
-		return timeframe;
-	},
-
-	async loadBalance(userId: string) {
-		balance = await tokensService.getCurrentTokenBalance(userId);
-	},
-
-	async loadStats(userId: string) {
-		loading = true;
-		try {
-			stats = await tokensService.getTokenUsageStats(userId, timeframe);
-		} finally {
-			loading = false;
-		}
-	},
-
-	async loadTransactions(userId: string) {
-		transactions = await tokensService.getTokenTransactions(userId);
-	},
-
-	async loadAll(userId: string) {
-		loading = true;
-		try {
-			await Promise.all([
-				this.loadBalance(userId),
-				this.loadStats(userId),
-				this.loadTransactions(userId),
-			]);
-		} finally {
-			loading = false;
-		}
-	},
-
-	setTimeframe(tf: 'day' | 'week' | 'month' | 'year') {
-		timeframe = tf;
-	},
-
-	updateBalance(newBalance: number) {
-		balance = newBalance;
-	},
-};
diff --git a/apps/context/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/context/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 650d1fb1b..000000000
--- a/apps/context/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'context',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/context/apps/web-archived/src/lib/types.ts b/apps/context/apps/web-archived/src/lib/types.ts
deleted file mode 100644
index adc741c98..000000000
--- a/apps/context/apps/web-archived/src/lib/types.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-export type DocumentType = 'text' | 'context' | 'prompt';
-
-export interface DocumentMetadata {
-	tags?: string[];
-	word_count?: number;
-	token_count?: number;
-	parent_document?: string;
-	version?: number;
-	generation_type?: 'summary' | 'continuation' | 'rewrite' | 'ideas';
-	model_used?: string;
-	prompt_used?: string;
-	original_title?: string;
-	version_history?: Array<{
-		id: string;
-		title: string;
-		type: string;
-		created_at: string;
-		is_original: boolean;
-	}>;
-	[key: string]: unknown;
-}
-
-export interface Document {
-	id: string;
-	title: string;
-	content: string | null;
-	type: DocumentType;
-	space_id: string | null;
-	user_id: string;
-	created_at: string;
-	updated_at: string;
-	metadata: DocumentMetadata | null;
-	short_id?: string;
-	pinned?: boolean;
-}
-
-export interface Space {
-	id: string;
-	name: string;
-	description: string | null;
-	user_id: string;
-	created_at: string;
-	settings: Record<string, unknown> | null;
-	pinned: boolean;
-	prefix?: string;
-	text_doc_counter?: number;
-	context_doc_counter?: number;
-	prompt_doc_counter?: number;
-}
-
-export type AIProvider = 'azure' | 'google';
-
-export interface AIModelOption {
-	label: string;
-	value: string;
-	provider: AIProvider;
-}
-
-export interface AIGenerationOptions {
-	model?: string;
-	temperature?: number;
-	maxTokens?: number;
-	prompt?: string;
-	documentId?: string;
-	referencedDocuments?: { title: string; content: string }[];
-}
-
-export interface AIGenerationResult {
-	text: string;
-	tokenInfo: {
-		promptTokens: number;
-		completionTokens: number;
-		totalTokens: number;
-		tokensUsed: number;
-		remainingTokens: number;
-	};
-}
-
-export interface TokenCostEstimate {
-	inputTokens: number;
-	outputTokens: number;
-	totalTokens: number;
-	costUsd: number;
-	appTokens: number;
-	basePromptTokens?: number;
-	documentTokens?: number;
-}
diff --git a/apps/context/apps/web-archived/src/lib/utils/markdown.ts b/apps/context/apps/web-archived/src/lib/utils/markdown.ts
deleted file mode 100644
index e11762779..000000000
--- a/apps/context/apps/web-archived/src/lib/utils/markdown.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Extracts a title from markdown content (first H1 heading)
- */
-export function extractTitleFromMarkdown(content: string): string {
-	if (!content) return 'Neues Dokument';
-
-	const lines = content.split('\n');
-	for (const line of lines) {
-		const trimmed = line.trim();
-		if (trimmed.startsWith('# ')) {
-			return trimmed.substring(2).trim();
-		}
-	}
-
-	// Fallback: use first non-empty line truncated
-	const firstLine = lines.find((l) => l.trim().length > 0);
-	if (firstLine) {
-		const clean = firstLine.replace(/^#+\s*/, '').trim();
-		return clean.length > 60 ? clean.substring(0, 57) + '...' : clean;
-	}
-
-	return 'Neues Dokument';
-}
-
-/**
- * Simple markdown to HTML converter for preview
- */
-export function markdownToHtml(content: string): string {
-	if (!content) return '';
-
-	let html = content
-		// Code blocks
-		.replace(/```(\w*)\n([\s\S]*?)```/g, '<pre><code class="language-$1">$2</code></pre>')
-		// Inline code
-		.replace(/`([^`]+)`/g, '<code>$1</code>')
-		// Headers
-		.replace(/^### (.+)$/gm, '<h3>$1</h3>')
-		.replace(/^## (.+)$/gm, '<h2>$1</h2>')
-		.replace(/^# (.+)$/gm, '<h1>$1</h1>')
-		// Bold & italic
-		.replace(/\*\*\*(.+?)\*\*\*/g, '<strong><em>$1</em></strong>')
-		.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
-		.replace(/\*(.+?)\*/g, '<em>$1</em>')
-		// Blockquotes
-		.replace(/^> (.+)$/gm, '<blockquote>$1</blockquote>')
-		// Unordered lists
-		.replace(/^[-*] (.+)$/gm, '<li>$1</li>')
-		// Links
-		.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>')
-		// Horizontal rules
-		.replace(/^---$/gm, '<hr>')
-		// Line breaks
-		.replace(/\n\n/g, '</p><p>')
-		.replace(/\n/g, '<br>');
-
-	// Wrap in paragraph if not already wrapped
-	if (!html.startsWith('<')) {
-		html = '<p>' + html + '</p>';
-	}
-
-	return html;
-}
diff --git a/apps/context/apps/web-archived/src/lib/utils/text.ts b/apps/context/apps/web-archived/src/lib/utils/text.ts
deleted file mode 100644
index 8abb408cb..000000000
--- a/apps/context/apps/web-archived/src/lib/utils/text.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Counts words in a text string
- */
-export function countWords(text: string): number {
-	if (!text) return 0;
-	return text
-		.trim()
-		.split(/\s+/)
-		.filter((w) => w.length > 0).length;
-}
-
-/**
- * Estimates token count (1 token ≈ 4 characters)
- */
-export function estimateTokens(text: string): number {
-	if (!text) return 0;
-	return Math.ceil(text.length / 4);
-}
-
-/**
- * Formats a date string for display
- */
-export function formatDate(dateString: string): string {
-	const date = new Date(dateString);
-	const now = new Date();
-	const diffMs = now.getTime() - date.getTime();
-	const diffMin = Math.floor(diffMs / 60000);
-	const diffHours = Math.floor(diffMs / 3600000);
-	const diffDays = Math.floor(diffMs / 86400000);
-
-	if (diffMin < 1) return 'Gerade eben';
-	if (diffMin < 60) return `vor ${diffMin} Min.`;
-	if (diffHours < 24) return `vor ${diffHours} Std.`;
-	if (diffDays < 7) return `vor ${diffDays} Tagen`;
-
-	return date.toLocaleDateString('de-DE', {
-		day: '2-digit',
-		month: '2-digit',
-		year: 'numeric',
-	});
-}
-
-/**
- * Truncates text to a given length
- */
-export function truncateText(text: string, maxLength: number): string {
-	if (!text || text.length <= maxLength) return text || '';
-	return text.substring(0, maxLength - 3) + '...';
-}
diff --git a/apps/context/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/context/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index e5ee377ea..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,402 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { onMount, setContext } from 'svelte';
-	import { locale } from 'svelte-i18n';
-	import { PillNavigation, CommandBar, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		CommandBarItem,
-		QuickAction,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { spacesStore } from '$lib/stores/spaces.svelte';
-	import { documentsStore } from '$lib/stores/documents.svelte';
-	import { useAllSpaces, useAllDocuments } from '$lib/data/queries';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { filterHiddenNavItems } from '@manacore/shared-theme';
-	import { isNavCollapsed as collapsedStore } from '$lib/stores/navigation';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { contextOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { contextStore } from '$lib/data/local-store';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-
-	let appItems = $derived(getPillAppItems('context', undefined, undefined, authStore.user?.tier));
-
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	// Live queries: all spaces and documents (reactive, auto-updates on IndexedDB changes)
-	const allSpaces = useAllSpaces();
-	const allDocuments = useAllDocuments();
-
-	let { children } = $props();
-
-	let commandBarOpen = $state(false);
-
-	const commandBarQuickActions: QuickAction[] = [
-		{
-			id: 'new-space',
-			label: 'Neuen Space erstellen',
-			icon: 'folder',
-			href: '/spaces?new=true',
-			shortcut: 'S',
-		},
-		{
-			id: 'new-document',
-			label: 'Neues Dokument',
-			icon: 'file-text',
-			href: '/documents?new=true',
-			shortcut: 'D',
-		},
-		{ id: 'settings', label: 'Einstellungen', icon: 'settings', href: '/settings' },
-	];
-
-	async function handleCommandBarSearch(query: string): Promise<CommandBarItem[]> {
-		if (!query.trim()) return [];
-		const q = query.toLowerCase();
-		const results: CommandBarItem[] = [];
-
-		// Search spaces
-		(allSpaces.value ?? [])
-			.filter((s) => s.name.toLowerCase().includes(q) || s.description?.toLowerCase().includes(q))
-			.slice(0, 5)
-			.forEach((s) => {
-				results.push({
-					id: `space-${s.id}`,
-					title: s.name,
-					subtitle: s.description || 'Space',
-				});
-			});
-
-		// Search documents
-		(allDocuments.value ?? [])
-			.filter((d) => d.title.toLowerCase().includes(q) || d.content?.toLowerCase().includes(q))
-			.slice(0, 5)
-			.forEach((d) => {
-				const typeLabel = d.type === 'text' ? 'Text' : d.type === 'context' ? 'Kontext' : 'Prompt';
-				results.push({
-					id: `doc-${d.id}`,
-					title: d.title,
-					subtitle: typeLabel,
-				});
-			});
-
-		return results.slice(0, 10);
-	}
-
-	function handleCommandBarSelect(item: CommandBarItem) {
-		if (item.id.startsWith('space-')) {
-			goto(`/spaces/${item.id.replace('space-', '')}`);
-		} else if (item.id.startsWith('doc-')) {
-			goto(`/documents/${item.id.replace('doc-', '')}`);
-		}
-	}
-
-	let isCollapsed = $state(false);
-
-	let isDark = $derived(theme.isDark);
-
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		(userSettings.theme?.pinnedThemes || []).filter((t): t is ThemeVariant =>
-			EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant)
-		)
-	);
-
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant]?.label || variant,
-			icon: THEME_DEFINITIONS[variant]?.icon || '🎨',
-			onClick: () => theme.setVariant(variant),
-			active: (theme.variant || 'lume') === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	let currentThemeVariantLabel = $derived(
-		THEME_DEFINITIONS[theme.variant]?.label || THEME_DEFINITIONS.lume?.label || 'Lume'
-	);
-
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	let userEmail = $derived(authStore.user?.email || 'Menü');
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	const baseNavItems: PillNavItem[] = [
-		{ href: '/', label: 'Übersicht', icon: 'home' },
-		{ href: '/spaces', label: 'Spaces', icon: 'folder' },
-		{ href: '/documents', label: 'Dokumente', icon: 'file-text' },
-		{ href: '/tokens', label: 'Tokens', icon: 'sparkle' },
-		{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	];
-
-	const navItems = $derived(
-		filterHiddenNavItems('context', baseNavItems, userSettings.nav?.hiddenNavItems || {})
-	);
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-space',
-			label: 'Neuer Space',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/new'),
-		},
-		{ id: 'all-spaces', label: 'Alle Spaces', category: 'Navigation', onExecute: () => goto('/') },
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	const navRoutes = baseNavItems.map((item) => item.href);
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-
-		if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
-			event.preventDefault();
-			commandBarOpen = true;
-			return;
-		}
-
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) {
-					goto(route);
-				}
-			}
-		}
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		collapsedStore.set(collapsed);
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('context-nav-collapsed', String(collapsed));
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	let showGuestWelcome = $state(false);
-
-	async function handleAuthReady() {
-		await Promise.all([contextStore.initialize(), tagLocalStore.initialize()]);
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			contextStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('context')) {
-			showGuestWelcome = true;
-		}
-
-		const savedCollapsed = localStorage.getItem('context-nav-collapsed');
-		if (savedCollapsed === 'true') {
-			isCollapsed = true;
-			collapsedStore.set(true);
-		}
-
-		if (authStore.isAuthenticated) {
-			await userSettings.load();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('context')?.requiredTier}
-	appName={getManaApp('context')?.name}
->
-	<div class="layout-container">
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="Context"
-			homeRoute="/"
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			showThemeVariants={true}
-			{themeVariantItems}
-			{currentThemeVariantLabel}
-			themeMode={theme.mode}
-			onThemeModeChange={handleThemeModeChange}
-			showLanguageSwitcher={true}
-			{languageItems}
-			{currentLanguageLabel}
-			showLogout={true}
-			onLogout={handleLogout}
-			loginHref="/login"
-			primaryColor="#0ea5e9"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			settingsHref="/settings"
-			manaHref="/mana"
-			profileHref="/profile"
-			themesHref="/themes"
-			helpHref="/help"
-			allAppsHref="/apps"
-			{spotlightActions}
-		/>
-
-		<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-		{#if isTagStripVisible}
-			<TagStrip
-				tags={allTags.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#3b82f6',
-				}))}
-				selectedIds={[]}
-				onToggle={() => {}}
-				onClear={() => {}}
-				managementHref="/tags"
-			/>
-		{/if}
-
-		<main class="main-content bg-background">
-			<div class="content-wrapper">
-				{@render children()}
-			</div>
-		</main>
-
-		<CommandBar
-			bind:open={commandBarOpen}
-			onClose={() => (commandBarOpen = false)}
-			onSearch={handleCommandBarSearch}
-			onSelect={handleCommandBarSelect}
-			quickActions={commandBarQuickActions}
-			placeholder="Schnellzugriff..."
-			emptyText="Keine Ergebnisse"
-			searchingText="Suche..."
-		/>
-	</div>
-
-	<!-- Onboarding Modal -->
-	{#if contextOnboarding.shouldShow}
-		<MiniOnboardingModal store={contextOnboarding} appName="Context" appEmoji="📄" />
-	{/if}
-
-	<GuestWelcomeModal
-		appId="context"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		position: relative;
-		z-index: 0;
-		padding-bottom: 100px;
-	}
-
-	.content-wrapper {
-		max-width: 100%;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 1rem;
-		position: relative;
-		z-index: 0;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding: 2rem;
-		}
-	}
-</style>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 2969fa651..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,131 +0,0 @@
-<script lang="ts">
-	import { Folder, FileText, Sparkle, Plus } from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { spacesStore } from '$lib/stores/spaces.svelte';
-	import { documentsStore } from '$lib/stores/documents.svelte';
-	import {
-		useAllSpaces,
-		useAllDocuments,
-		getPinnedSpaces,
-		getDocumentStats,
-	} from '$lib/data/queries';
-	import DocumentCard from '$lib/components/DocumentCard.svelte';
-	import SpaceCard from '$lib/components/SpaceCard.svelte';
-	import { AppLoadingSkeleton } from '$lib/components/skeletons';
-
-	const allSpaces = useAllSpaces();
-	const allDocuments = useAllDocuments();
-	let spaces = $derived(allSpaces.value ?? []);
-	let documents = $derived(allDocuments.value ?? []);
-	let pinnedSpaces = $derived(getPinnedSpaces(spaces));
-	let stats = $derived(getDocumentStats(documents));
-	let recentDocs = $derived(documents.slice(0, 6));
-
-	function handleDeleteDoc(id: string) {
-		documentsStore.delete(id);
-	}
-
-	function handleTogglePinDoc(id: string) {
-		const doc = documents.find((d) => d.id === id);
-		documentsStore.togglePinned(id, doc?.pinned ?? false);
-	}
-</script>
-
-<svelte:head>
-	<title>Context - Dashboard</title>
-</svelte:head>
-
-<div class="dashboard">
-	<header class="mb-8">
-		<h1 class="text-2xl font-bold text-foreground">Context</h1>
-		<p class="text-muted-foreground text-sm mt-1">Dein Wissensmanagement Hub</p>
-	</header>
-
-	<!-- Stats -->
-	<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
-		<div class="card p-4 text-center">
-			<div class="text-2xl font-bold text-foreground">{spaces.length}</div>
-			<div class="text-xs text-muted-foreground mt-1">Spaces</div>
-		</div>
-		<div class="card p-4 text-center">
-			<div class="text-2xl font-bold text-foreground">{stats.total}</div>
-			<div class="text-xs text-muted-foreground mt-1">Dokumente</div>
-		</div>
-		<div class="card p-4 text-center">
-			<div class="text-2xl font-bold text-foreground">
-				{stats.totalWords.toLocaleString()}
-			</div>
-			<div class="text-xs text-muted-foreground mt-1">Wörter</div>
-		</div>
-		<div class="card p-4 text-center">
-			<div class="text-2xl font-bold text-foreground">
-				{stats.text}/{stats.context}/{stats.prompt}
-			</div>
-			<div class="text-xs text-muted-foreground mt-1">Text/Kontext/Prompt</div>
-		</div>
-	</div>
-
-	<!-- Quick Actions -->
-	<div class="flex gap-3 mb-8">
-		<a href="/spaces" class="btn btn-primary flex items-center gap-2">
-			<Folder size={16} />
-			Spaces
-		</a>
-		<a href="/documents" class="btn btn-secondary flex items-center gap-2">
-			<FileText size={16} />
-			Alle Dokumente
-		</a>
-	</div>
-
-	<!-- Pinned Spaces -->
-	{#if pinnedSpaces.length > 0}
-		<section class="mb-8">
-			<h2 class="text-lg font-semibold text-foreground mb-4">Angeheftete Spaces</h2>
-			<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
-				{#each pinnedSpaces as space}
-					<SpaceCard {space} />
-				{/each}
-			</div>
-		</section>
-	{/if}
-
-	<!-- Recent Documents -->
-	{#if recentDocs.length > 0}
-		<section>
-			<div class="flex items-center justify-between mb-4">
-				<h2 class="text-lg font-semibold text-foreground">Zuletzt bearbeitet</h2>
-				<a href="/documents" class="text-sm text-primary hover:underline">Alle anzeigen</a>
-			</div>
-			<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
-				{#each recentDocs as doc}
-					<DocumentCard
-						document={doc}
-						onTogglePin={handleTogglePinDoc}
-						onDelete={handleDeleteDoc}
-					/>
-				{/each}
-			</div>
-		</section>
-	{:else}
-		<div class="card p-8 text-center">
-			<div class="p-4 rounded-full bg-muted inline-block mb-4">
-				<FileText size={48} class="text-muted-foreground" />
-			</div>
-			<h3 class="text-lg font-medium text-foreground mb-2">Noch keine Dokumente</h3>
-			<p class="text-sm text-muted-foreground mb-4">
-				Erstelle deinen ersten Space und beginne mit dem Schreiben.
-			</p>
-			<a href="/spaces" class="btn btn-primary inline-flex items-center gap-2">
-				<Plus size={16} />
-				Ersten Space erstellen
-			</a>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.dashboard {
-		max-width: 1000px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/documents/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/documents/+page.svelte
deleted file mode 100644
index df6de136c..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/documents/+page.svelte
+++ /dev/null
@@ -1,200 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { Plus, MagnifyingGlass, FileText } from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { documentsStore } from '$lib/stores/documents.svelte';
-	import {
-		useAllDocuments,
-		filterDocuments,
-		getDocumentStats,
-		getAllDocumentTags,
-	} from '$lib/data/queries';
-	import DocumentCard from '$lib/components/DocumentCard.svelte';
-	import { ConfirmationModal } from '@manacore/shared-ui';
-	import type { DocumentType } from '$lib/types';
-
-	let deleteTarget = $state<string | null>(null);
-
-	const allDocuments = useAllDocuments();
-	let documents = $derived(allDocuments.value ?? []);
-	let stats = $derived(getDocumentStats(documents));
-	let allTags = $derived(getAllDocumentTags(documents));
-	let filteredDocuments = $derived(
-		filterDocuments(documents, {
-			typeFilter: documentsStore.typeFilter,
-			searchQuery: documentsStore.searchQuery,
-			tagFilter: documentsStore.tagFilter,
-		})
-	);
-
-	const typeFilters: { value: DocumentType | 'all'; label: string }[] = [
-		{ value: 'all', label: 'Alle' },
-		{ value: 'text', label: 'Text' },
-		{ value: 'context', label: 'Kontext' },
-		{ value: 'prompt', label: 'Prompt' },
-	];
-
-	async function handleCreateDocument() {
-		if (!authStore.user?.id) return;
-		const result = await documentsStore.create(
-			authStore.user.id,
-			'# Neues Dokument\n\n',
-			'text',
-			undefined,
-			'Neues Dokument'
-		);
-		if (result.data) {
-			goto(`/documents/${result.data.id}`);
-		}
-	}
-
-	function handleDeleteClick(id: string) {
-		deleteTarget = id;
-	}
-
-	async function handleDeleteConfirm() {
-		if (deleteTarget) {
-			await documentsStore.delete(deleteTarget);
-			deleteTarget = null;
-		}
-	}
-
-	function handleTogglePin(id: string) {
-		const doc = documents.find((d) => d.id === id);
-		documentsStore.togglePinned(id, doc?.pinned ?? false);
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('documents.title')} | Context</title>
-</svelte:head>
-
-<div class="mx-auto max-w-4xl">
-	<div class="flex items-center justify-between mb-6">
-		<div>
-			<h1 class="text-2xl font-bold text-foreground">{$_('documents.title')}</h1>
-			<p class="text-sm text-muted-foreground mt-1">
-				{stats.total} Dokumente, {stats.totalWords.toLocaleString()} Wörter
-			</p>
-		</div>
-		<button class="btn btn-primary flex items-center gap-2" onclick={handleCreateDocument}>
-			<Plus size={16} />
-			{$_('documents.create')}
-		</button>
-	</div>
-
-	<!-- Filters -->
-	<div class="flex items-center gap-4 mb-6">
-		<div class="flex gap-2">
-			{#each typeFilters as filter}
-				<button
-					class="px-3 py-1.5 text-sm rounded-lg transition-colors"
-					class:bg-primary={documentsStore.typeFilter === filter.value}
-					class:text-primary-foreground={documentsStore.typeFilter === filter.value}
-					class:text-muted-foreground={documentsStore.typeFilter !== filter.value}
-					class:hover:bg-muted={documentsStore.typeFilter !== filter.value}
-					onclick={() => documentsStore.setTypeFilter(filter.value)}
-				>
-					{filter.label}
-					{#if filter.value === 'all'}
-						<span class="ml-1 opacity-60">{stats.total}</span>
-					{:else if filter.value === 'text'}
-						<span class="ml-1 opacity-60">{stats.text}</span>
-					{:else if filter.value === 'context'}
-						<span class="ml-1 opacity-60">{stats.context}</span>
-					{:else if filter.value === 'prompt'}
-						<span class="ml-1 opacity-60">{stats.prompt}</span>
-					{/if}
-				</button>
-			{/each}
-		</div>
-
-		<div class="relative flex-1 max-w-xs ml-auto">
-			<MagnifyingGlass
-				size={14}
-				class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
-			/>
-			<input
-				type="text"
-				value={documentsStore.searchQuery}
-				oninput={(e) => documentsStore.setSearchQuery((e.target as HTMLInputElement).value)}
-				placeholder="Dokumente durchsuchen..."
-				class="w-full pl-8 pr-3 py-2 text-sm rounded-lg bg-card border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
-			/>
-		</div>
-	</div>
-
-	<!-- Tags filter -->
-	{#if allTags.length > 0}
-		<div class="flex flex-wrap gap-2 mb-4">
-			{#each allTags as tag}
-				<button
-					class="text-xs px-2 py-1 rounded-full transition-colors"
-					class:bg-primary={documentsStore.tagFilter.includes(tag)}
-					class:text-primary-foreground={documentsStore.tagFilter.includes(tag)}
-					class:bg-muted={!documentsStore.tagFilter.includes(tag)}
-					class:text-muted-foreground={!documentsStore.tagFilter.includes(tag)}
-					onclick={() => {
-						const current = documentsStore.tagFilter;
-						if (current.includes(tag)) {
-							documentsStore.setTagFilter(current.filter((t) => t !== tag));
-						} else {
-							documentsStore.setTagFilter([...current, tag]);
-						}
-					}}
-				>
-					{tag}
-				</button>
-			{/each}
-		</div>
-	{/if}
-
-	<!-- Document list -->
-	{#if documentsStore.loading}
-		<div class="text-center py-12 text-muted-foreground">Lade Dokumente...</div>
-	{:else if filteredDocuments.length > 0}
-		<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
-			{#each filteredDocuments as doc}
-				<DocumentCard document={doc} onTogglePin={handleTogglePin} onDelete={handleDeleteClick} />
-			{/each}
-		</div>
-	{:else if documentsStore.searchQuery || documentsStore.typeFilter !== 'all' || documentsStore.tagFilter.length > 0}
-		<div class="text-center py-12">
-			<p class="text-muted-foreground">Keine Dokumente gefunden</p>
-			<button
-				class="text-sm text-primary hover:underline mt-2"
-				onclick={() => {
-					documentsStore.setSearchQuery('');
-					documentsStore.setTypeFilter('all');
-					documentsStore.setTagFilter([]);
-				}}
-			>
-				Filter zurücksetzen
-			</button>
-		</div>
-	{:else}
-		<div class="flex flex-col items-center justify-center py-16 text-center">
-			<div class="p-4 rounded-full bg-muted mb-4">
-				<FileText size={48} class="text-muted-foreground" />
-			</div>
-			<h2 class="text-lg font-medium text-foreground mb-2">{$_('documents.empty')}</h2>
-			<p class="text-sm text-muted-foreground max-w-md mb-4">
-				Dokumente enthalten dein Wissen, Kontext-Referenzen und AI-Prompts.
-			</p>
-			<button class="btn btn-primary flex items-center gap-2" onclick={handleCreateDocument}>
-				<Plus size={16} />
-				{$_('documents.create')}
-			</button>
-		</div>
-	{/if}
-</div>
-
-<ConfirmationModal
-	visible={deleteTarget !== null}
-	title="Dokument löschen?"
-	message="Das Dokument wird unwiderruflich gelöscht."
-	confirmLabel="Löschen"
-	onConfirm={handleDeleteConfirm}
-	onClose={() => (deleteTarget = null)}
-/>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/documents/[id]/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/documents/[id]/+page.svelte
deleted file mode 100644
index 3f901a238..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/documents/[id]/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { ArrowLeft, Trash, Sparkle } from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { documentsStore } from '$lib/stores/documents.svelte';
-	import { useAllDocuments, findDocumentById } from '$lib/data/queries';
-	import { tokensStore } from '$lib/stores/tokens.svelte';
-	import DocumentEditor from '$lib/components/DocumentEditor.svelte';
-	import AIToolbar from '$lib/components/AIToolbar.svelte';
-	import { ConfirmationModal } from '@manacore/shared-ui';
-	import type { Document, DocumentType } from '$lib/types';
-	import type { InsertionMode } from '$lib/services/ai';
-
-	let showDeleteConfirm = $state(false);
-	let showAI = $state(false);
-
-	let docId = $derived($page.params.id || '');
-
-	const allDocuments = useAllDocuments();
-	let doc = $derived(findDocumentById(allDocuments.value ?? [], docId) ?? null);
-
-	onMount(() => {
-		// Load token balance
-		if (authStore.user?.id) {
-			tokensStore.loadBalance(authStore.user.id);
-		}
-	});
-
-	function handleSave(updates: Partial<Document>) {
-		documentsStore.update(docId, updates);
-	}
-
-	function handleTypeChange(type: DocumentType) {
-		documentsStore.update(docId, { type });
-	}
-
-	function handleTagsSave(tags: string[]) {
-		documentsStore.saveTags(docId, tags);
-	}
-
-	function handleAIGenerated(text: string, mode: InsertionMode) {
-		if (!doc) return;
-
-		if (mode === 'append') {
-			const newContent = (doc.content || '') + '\n\n' + text;
-			documentsStore.update(docId, { content: newContent });
-		} else if (mode === 'prepend') {
-			const newContent = text + '\n\n' + (doc.content || '');
-			documentsStore.update(docId, { content: newContent });
-		} else if (mode === 'replace') {
-			documentsStore.update(docId, { content: text });
-		}
-		// liveQuery will automatically update the doc
-	}
-
-	async function handleDelete() {
-		await documentsStore.delete(docId);
-		if (doc?.space_id) {
-			goto(`/spaces/${doc.space_id}`);
-		} else {
-			goto('/documents');
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{doc?.title || 'Dokument'} | Context</title>
-</svelte:head>
-
-<div class="mx-auto max-w-4xl pb-48">
-	{#if !doc && !allDocuments.error}
-		<div class="text-center py-12 text-muted-foreground">Lade Dokument...</div>
-	{:else if doc}
-		<!-- Breadcrumb -->
-		<div class="flex items-center justify-between mb-4">
-			<div class="flex items-center gap-2 text-sm">
-				{#if doc.space_id}
-					<a
-						href="/spaces/{doc.space_id}"
-						class="text-muted-foreground hover:text-foreground flex items-center gap-1"
-					>
-						<ArrowLeft size={14} />
-						Zurück zum Space
-					</a>
-				{:else}
-					<a
-						href="/documents"
-						class="text-muted-foreground hover:text-foreground flex items-center gap-1"
-					>
-						<ArrowLeft size={14} />
-						Alle Dokumente
-					</a>
-				{/if}
-			</div>
-
-			<div class="flex items-center gap-2">
-				<button
-					class="p-2 rounded-lg transition-colors flex items-center gap-1 text-sm"
-					class:bg-primary={showAI}
-					class:text-primary-foreground={showAI}
-					class:text-muted-foreground={!showAI}
-					class:hover:bg-muted={!showAI}
-					onclick={() => (showAI = !showAI)}
-					title="AI-Assistent"
-				>
-					<Sparkle size={16} />
-					<span class="hidden sm:inline">AI</span>
-				</button>
-				<button
-					class="p-2 rounded-lg hover:bg-destructive/10 transition-colors text-muted-foreground hover:text-destructive"
-					onclick={() => (showDeleteConfirm = true)}
-					title="Dokument löschen"
-				>
-					<Trash size={18} />
-				</button>
-			</div>
-		</div>
-
-		<DocumentEditor
-			document={doc}
-			saving={documentsStore.saving}
-			onSave={handleSave}
-			onTypeChange={handleTypeChange}
-			onTagsSave={handleTagsSave}
-		/>
-
-		<!-- Document metadata -->
-		<div class="mt-4 flex items-center gap-4 text-xs text-muted-foreground">
-			{#if doc.short_id}
-				<span>ID: {doc.short_id}</span>
-			{/if}
-			{#if doc.metadata?.token_count}
-				<span>{doc.metadata.token_count} Tokens</span>
-			{/if}
-			<span>
-				Erstellt: {new Date(doc.created_at).toLocaleDateString('de-DE')}
-			</span>
-			<span>
-				Aktualisiert: {new Date(doc.updated_at).toLocaleDateString('de-DE')}
-			</span>
-		</div>
-
-		<!-- AI Toolbar -->
-		{#if showAI}
-			<div class="fixed bottom-0 left-0 right-0 z-40">
-				<div class="mx-auto max-w-4xl">
-					<AIToolbar
-						documentContent={doc.content || ''}
-						documentId={doc.id}
-						onGenerated={handleAIGenerated}
-					/>
-				</div>
-			</div>
-		{/if}
-	{:else}
-		<div class="text-center py-12">
-			<p class="text-muted-foreground">Dokument nicht gefunden</p>
-			<a href="/documents" class="text-sm text-primary hover:underline mt-2 inline-block">
-				Zurück zur Übersicht
-			</a>
-		</div>
-	{/if}
-</div>
-
-<ConfirmationModal
-	visible={showDeleteConfirm}
-	title="Dokument löschen?"
-	message="Das Dokument wird unwiderruflich gelöscht."
-	confirmLabel="Löschen"
-	onConfirm={handleDelete}
-	onClose={() => (showDeleteConfirm = false)}
-/>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index 04a3a97af..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { browser } from '$app/environment';
-	import { FeedbackPage } from '@manacore/feedback';
-	import { createFeedbackService } from '@manacore/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	function getAuthUrl(): string {
-		if (browser && typeof window !== 'undefined') {
-			const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-				.__PUBLIC_MANA_CORE_AUTH_URL__;
-			return injectedUrl || 'http://localhost:3001';
-		}
-		return 'http://localhost:3001';
-	}
-
-	const feedbackService = createFeedbackService({
-		appId: 'context',
-		apiUrl: getAuthUrl(),
-		getAuthToken: () => authStore.getValidToken(),
-	});
-</script>
-
-<FeedbackPage {feedbackService} appName="Context" currentUserId={authStore.user?.id} />
diff --git a/apps/context/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 28e6af0e4..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getContextHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getContextHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Context kennen'
-					: 'Find answers and learn how to use Context',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Context</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Context"
-	appId="context"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index f5914072d..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/mana/+page.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-
-	function handleSubscribe(planId: string) {
-		console.log('Subscribe to plan:', planId);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		console.log('Buy package:', packageId);
-	}
-</script>
-
-<SubscriptionPage appName="Context" onSubscribe={handleSubscribe} onBuyPackage={handleBuyPackage} />
diff --git a/apps/context/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 35b348473..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import type { UserProfile } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let userProfile = $derived<UserProfile>({
-		id: authStore.user?.id || '',
-		email: authStore.user?.email || '',
-	});
-</script>
-
-<ProfilePage user={userProfile} appName="Context" />
diff --git a/apps/context/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 0658271d4..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { GlobalSettingsSection } from '@manacore/shared-ui';
-
-	onMount(async () => {
-		await userSettings.load();
-	});
-
-	function translate(key: string): string {
-		return $_?.(key) ?? key;
-	}
-</script>
-
-<div class="mx-auto max-w-2xl space-y-6">
-	<h1 class="text-2xl font-bold text-foreground">{$_('settings.title')}</h1>
-
-	<GlobalSettingsSection
-		{userSettings}
-		appId="context"
-		title="App-Einstellungen"
-		description="Diese Einstellungen werden mit allen Mana Apps synchronisiert"
-		t={translate}
-	/>
-</div>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/spaces/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/spaces/+page.svelte
deleted file mode 100644
index adf5557a0..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/spaces/+page.svelte
+++ /dev/null
@@ -1,141 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { Plus, MagnifyingGlass } from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { spacesStore } from '$lib/stores/spaces.svelte';
-	import { useAllSpaces } from '$lib/data/queries';
-	import SpaceCard from '$lib/components/SpaceCard.svelte';
-	import CreateSpaceModal from '$lib/components/CreateSpaceModal.svelte';
-	import { ConfirmationModal } from '@manacore/shared-ui';
-	import type { Space } from '$lib/types';
-
-	let searchQuery = $state('');
-	let showCreateModal = $state(false);
-	let creating = $state(false);
-	let deleteTarget = $state<string | null>(null);
-	let editTarget = $state<Space | null>(null);
-
-	const allSpaces = useAllSpaces();
-	let spaces = $derived(allSpaces.value ?? []);
-
-	let filteredSpaces = $derived(
-		searchQuery.trim()
-			? spaces.filter(
-					(s) =>
-						s.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
-						s.description?.toLowerCase().includes(searchQuery.toLowerCase())
-				)
-			: spaces
-	);
-
-	async function handleCreate(name: string, description: string) {
-		if (!authStore.user?.id) return;
-		creating = true;
-		await spacesStore.create(authStore.user.id, name, description);
-		creating = false;
-		showCreateModal = false;
-	}
-
-	function handleTogglePin(id: string) {
-		const space = spaces.find((s) => s.id === id);
-		spacesStore.togglePinned(id, space?.pinned ?? false);
-	}
-
-	function handleDeleteClick(id: string) {
-		deleteTarget = id;
-	}
-
-	async function handleDeleteConfirm() {
-		if (deleteTarget) {
-			await spacesStore.delete(deleteTarget);
-			deleteTarget = null;
-		}
-	}
-
-	function handleEdit(space: Space) {
-		editTarget = space;
-	}
-</script>
-
-<svelte:head>
-	<title>Spaces | Context</title>
-</svelte:head>
-
-<div class="mx-auto max-w-4xl">
-	<div class="flex items-center justify-between mb-6">
-		<h1 class="text-2xl font-bold text-foreground">{$_('spaces.title')}</h1>
-		<button
-			class="btn btn-primary flex items-center gap-2"
-			onclick={() => (showCreateModal = true)}
-		>
-			<Plus size={16} />
-			{$_('spaces.create')}
-		</button>
-	</div>
-
-	<!-- Search -->
-	<div class="relative mb-6">
-		<MagnifyingGlass
-			size={16}
-			class="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-		/>
-		<input
-			type="text"
-			bind:value={searchQuery}
-			placeholder="Spaces durchsuchen..."
-			class="w-full pl-9 pr-4 py-2.5 rounded-lg bg-card border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
-		/>
-	</div>
-
-	{#if spacesStore.loading}
-		<div class="text-center py-12 text-muted-foreground">Lade Spaces...</div>
-	{:else if filteredSpaces.length > 0}
-		<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
-			{#each filteredSpaces as space}
-				<SpaceCard
-					{space}
-					onTogglePin={handleTogglePin}
-					onDelete={handleDeleteClick}
-					onEdit={handleEdit}
-				/>
-			{/each}
-		</div>
-	{:else if searchQuery}
-		<div class="text-center py-12">
-			<p class="text-muted-foreground">Keine Spaces gefunden für "{searchQuery}"</p>
-		</div>
-	{:else}
-		<div class="flex flex-col items-center justify-center py-16 text-center">
-			<div class="p-4 rounded-full bg-muted mb-4">
-				<Plus size={48} class="text-muted-foreground" />
-			</div>
-			<h2 class="text-lg font-medium text-foreground mb-2">{$_('spaces.empty')}</h2>
-			<p class="text-sm text-muted-foreground max-w-md mb-4">
-				Spaces helfen dir, dein Wissen zu organisieren. Erstelle deinen ersten Space, um loszulegen.
-			</p>
-			<button
-				class="btn btn-primary flex items-center gap-2"
-				onclick={() => (showCreateModal = true)}
-			>
-				<Plus size={16} />
-				{$_('spaces.create')}
-			</button>
-		</div>
-	{/if}
-</div>
-
-<CreateSpaceModal
-	open={showCreateModal}
-	loading={creating}
-	onSubmit={handleCreate}
-	onClose={() => (showCreateModal = false)}
-/>
-
-<ConfirmationModal
-	visible={deleteTarget !== null}
-	title="Space löschen?"
-	message="Alle Dokumente in diesem Space werden ebenfalls gelöscht. Diese Aktion kann nicht rückgängig gemacht werden."
-	confirmLabel="Löschen"
-	onConfirm={handleDeleteConfirm}
-	onClose={() => (deleteTarget = null)}
-/>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/spaces/[id]/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/spaces/[id]/+page.svelte
deleted file mode 100644
index 40c8ec82f..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/spaces/[id]/+page.svelte
+++ /dev/null
@@ -1,287 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import {
-		Plus,
-		ArrowLeft,
-		PencilSimple,
-		Check,
-		X,
-		MagnifyingGlass,
-		ListPlus,
-	} from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { spacesStore } from '$lib/stores/spaces.svelte';
-	import { documentsStore } from '$lib/stores/documents.svelte';
-	import {
-		useAllSpaces,
-		useSpaceDocuments,
-		filterDocuments,
-		getDocumentStats,
-		findSpaceById,
-	} from '$lib/data/queries';
-	import DocumentCard from '$lib/components/DocumentCard.svelte';
-	import { ConfirmationModal } from '@manacore/shared-ui';
-	import BatchCreateModal from '$lib/components/BatchCreateModal.svelte';
-	import type { Space, DocumentType } from '$lib/types';
-
-	let editingName = $state(false);
-	let editName = $state('');
-	let editDescription = $state('');
-	let deleteTarget = $state<string | null>(null);
-	let showBatchCreate = $state(false);
-	let batchCreating = $state(false);
-
-	let spaceId = $derived($page.params.id || '');
-
-	const allSpaces = useAllSpaces();
-	const spaceDocs = useSpaceDocuments(spaceId);
-	let space = $derived(findSpaceById(allSpaces.value ?? [], spaceId) ?? null);
-	let documents = $derived(spaceDocs.value ?? []);
-	let stats = $derived(getDocumentStats(documents));
-	let filteredDocuments = $derived(
-		filterDocuments(documents, {
-			typeFilter: documentsStore.typeFilter,
-			searchQuery: documentsStore.searchQuery,
-		})
-	);
-
-	// Keep editName/editDescription in sync with space
-	$effect(() => {
-		if (space && !editingName) {
-			editName = space.name;
-			editDescription = space.description || '';
-		}
-	});
-
-	async function handleCreateDocument() {
-		if (!authStore.user?.id) return;
-		const result = await documentsStore.create(
-			authStore.user.id,
-			'# Neues Dokument\n\n',
-			'text',
-			spaceId,
-			'Neues Dokument'
-		);
-		if (result.data) {
-			goto(`/documents/${result.data.id}`);
-		}
-	}
-
-	function startEdit() {
-		editingName = true;
-		editName = space?.name || '';
-		editDescription = space?.description || '';
-	}
-
-	async function saveEdit() {
-		if (!space) return;
-		await spacesStore.update(space.id, {
-			name: editName,
-			description: editDescription || null,
-		});
-		space = { ...space, name: editName, description: editDescription || null };
-		editingName = false;
-	}
-
-	function cancelEdit() {
-		editingName = false;
-		editName = space?.name || '';
-		editDescription = space?.description || '';
-	}
-
-	function handleDeleteDoc(id: string) {
-		deleteTarget = id;
-	}
-
-	async function handleDeleteConfirm() {
-		if (deleteTarget) {
-			await documentsStore.delete(deleteTarget);
-			deleteTarget = null;
-		}
-	}
-
-	function handleTogglePinDoc(id: string) {
-		const doc = documents.find((d) => d.id === id);
-		documentsStore.togglePinned(id, doc?.pinned ?? false);
-	}
-
-	async function handleBatchCreate(items: { title: string; type: DocumentType }[]) {
-		if (!authStore.user?.id) return;
-		batchCreating = true;
-		for (const item of items) {
-			await documentsStore.create(
-				authStore.user.id,
-				`# ${item.title}\n\n`,
-				item.type,
-				spaceId,
-				item.title
-			);
-		}
-		batchCreating = false;
-		showBatchCreate = false;
-	}
-
-	const typeFilters: { value: DocumentType | 'all'; label: string }[] = [
-		{ value: 'all', label: 'Alle' },
-		{ value: 'text', label: 'Text' },
-		{ value: 'context', label: 'Kontext' },
-		{ value: 'prompt', label: 'Prompt' },
-	];
-</script>
-
-<svelte:head>
-	<title>{space?.name || 'Space'} | Context</title>
-</svelte:head>
-
-<div class="mx-auto max-w-4xl">
-	<!-- Breadcrumb -->
-	<div class="flex items-center gap-2 mb-4 text-sm">
-		<a href="/spaces" class="text-muted-foreground hover:text-foreground flex items-center gap-1">
-			<ArrowLeft size={14} />
-			Spaces
-		</a>
-		<span class="text-muted-foreground">/</span>
-		<span class="text-foreground font-medium">{space?.name || '...'}</span>
-	</div>
-
-	{#if !space && !allSpaces.error}
-		<div class="text-center py-12 text-muted-foreground">Lade...</div>
-	{:else if space}
-		<!-- Space Header -->
-		<div class="card p-6 mb-6">
-			{#if editingName}
-				<div class="space-y-3">
-					<input
-						type="text"
-						bind:value={editName}
-						class="w-full text-xl font-bold bg-background border border-border rounded-lg px-3 py-2 text-foreground focus:outline-none focus:ring-2 focus:ring-primary"
-					/>
-					<textarea
-						bind:value={editDescription}
-						rows="2"
-						placeholder="Beschreibung..."
-						class="w-full bg-background border border-border rounded-lg px-3 py-2 text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary resize-none text-sm"
-					></textarea>
-					<div class="flex gap-2">
-						<button class="btn btn-primary btn-sm flex items-center gap-1" onclick={saveEdit}>
-							<Check size={14} /> Speichern
-						</button>
-						<button class="btn btn-secondary btn-sm flex items-center gap-1" onclick={cancelEdit}>
-							<X size={14} /> Abbrechen
-						</button>
-					</div>
-				</div>
-			{:else}
-				<div class="flex items-start justify-between">
-					<div>
-						<h1 class="text-xl font-bold text-foreground">{space.name}</h1>
-						{#if space.description}
-							<p class="text-sm text-muted-foreground mt-1">{space.description}</p>
-						{/if}
-						<div class="flex gap-4 mt-3 text-xs text-muted-foreground">
-							<span>{stats.total} Dokumente</span>
-							<span>{stats.totalWords.toLocaleString()} Wörter</span>
-						</div>
-					</div>
-					<button
-						class="p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground"
-						onclick={startEdit}
-						title="Bearbeiten"
-					>
-						<PencilSimple size={18} />
-					</button>
-				</div>
-			{/if}
-		</div>
-
-		<!-- Toolbar -->
-		<div class="flex items-center justify-between gap-4 mb-4">
-			<div class="flex gap-2">
-				{#each typeFilters as filter}
-					<button
-						class="px-3 py-1.5 text-sm rounded-lg transition-colors"
-						class:bg-primary={documentsStore.typeFilter === filter.value}
-						class:text-primary-foreground={documentsStore.typeFilter === filter.value}
-						class:text-muted-foreground={documentsStore.typeFilter !== filter.value}
-						class:hover:bg-muted={documentsStore.typeFilter !== filter.value}
-						onclick={() => documentsStore.setTypeFilter(filter.value)}
-					>
-						{filter.label}
-					</button>
-				{/each}
-			</div>
-
-			<div class="flex items-center gap-2">
-				<div class="relative">
-					<MagnifyingGlass
-						size={14}
-						class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
-					/>
-					<input
-						type="text"
-						value={documentsStore.searchQuery}
-						oninput={(e) => documentsStore.setSearchQuery((e.target as HTMLInputElement).value)}
-						placeholder="Suchen..."
-						class="pl-8 pr-3 py-1.5 text-sm rounded-lg bg-card border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary w-48"
-					/>
-				</div>
-				<button
-					class="btn btn-secondary btn-sm flex items-center gap-1"
-					onclick={() => (showBatchCreate = true)}
-					title="Mehrere Dokumente erstellen"
-				>
-					<ListPlus size={14} />
-					Mehrere
-				</button>
-				<button
-					class="btn btn-primary btn-sm flex items-center gap-1"
-					onclick={handleCreateDocument}
-				>
-					<Plus size={14} />
-					Neues Dokument
-				</button>
-			</div>
-		</div>
-
-		<!-- Documents -->
-		{#if filteredDocuments.length > 0}
-			<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
-				{#each filteredDocuments as doc}
-					<DocumentCard
-						document={doc}
-						onTogglePin={handleTogglePinDoc}
-						onDelete={handleDeleteDoc}
-					/>
-				{/each}
-			</div>
-		{:else}
-			<div class="card p-12 text-center">
-				<p class="text-muted-foreground mb-4">Keine Dokumente in diesem Space</p>
-				<button
-					class="btn btn-primary flex items-center gap-2 mx-auto"
-					onclick={handleCreateDocument}
-				>
-					<Plus size={16} />
-					Erstes Dokument erstellen
-				</button>
-			</div>
-		{/if}
-	{/if}
-</div>
-
-<ConfirmationModal
-	visible={deleteTarget !== null}
-	title="Dokument löschen?"
-	message="Das Dokument wird unwiderruflich gelöscht."
-	confirmLabel="Löschen"
-	onConfirm={handleDeleteConfirm}
-	onClose={() => (deleteTarget = null)}
-/>
-
-<BatchCreateModal
-	open={showBatchCreate}
-	loading={batchCreating}
-	onSubmit={handleBatchCreate}
-	onClose={() => (showBatchCreate = false)}
-/>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index 2cc7c3c1b..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | Context</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 47b5d291f..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { theme } from '$lib/stores/theme.svelte';
-	import { THEME_DEFINITIONS, THEME_VARIANTS } from '@manacore/shared-theme';
-</script>
-
-<div class="mx-auto max-w-4xl">
-	<h1 class="mb-6 text-2xl font-bold text-foreground">Alle Themes</h1>
-
-	<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-		{#each THEME_VARIANTS as variant}
-			{@const def = THEME_DEFINITIONS[variant]}
-			<button
-				class="card text-left transition-all hover:border-primary/50"
-				class:border-primary={theme.variant === variant}
-				onclick={() => theme.setVariant(variant)}
-			>
-				<div class="flex items-center gap-3">
-					<span class="text-3xl">{def.emoji}</span>
-					<div>
-						<h3 class="font-semibold">{def.label}</h3>
-					</div>
-				</div>
-				{#if theme.variant === variant}
-					<div class="mt-3 text-sm text-primary">Aktiv</div>
-				{/if}
-			</button>
-		{/each}
-	</div>
-</div>
diff --git a/apps/context/apps/web-archived/src/routes/(app)/tokens/+page.svelte b/apps/context/apps/web-archived/src/routes/(app)/tokens/+page.svelte
deleted file mode 100644
index 3e648e3cd..000000000
--- a/apps/context/apps/web-archived/src/routes/(app)/tokens/+page.svelte
+++ /dev/null
@@ -1,178 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { Sparkle, ArrowUp, ArrowDown, Clock } from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { tokensStore } from '$lib/stores/tokens.svelte';
-
-	let activeTimeframe = $state<'day' | 'week' | 'month' | 'year'>('month');
-
-	onMount(async () => {
-		if (authStore.user?.id) {
-			await tokensStore.loadAll(authStore.user.id);
-		}
-	});
-
-	async function changeTimeframe(tf: 'day' | 'week' | 'month' | 'year') {
-		activeTimeframe = tf;
-		tokensStore.setTimeframe(tf);
-		if (authStore.user?.id) {
-			await tokensStore.loadStats(authStore.user.id);
-		}
-	}
-
-	const timeframeLabels = {
-		day: 'Heute',
-		week: 'Woche',
-		month: 'Monat',
-		year: 'Jahr',
-	};
-
-	function formatAmount(amount: number): string {
-		return Math.abs(amount).toLocaleString();
-	}
-
-	function formatTransactionType(type: string): string {
-		const labels: Record<string, string> = {
-			usage: 'Nutzung',
-			purchase: 'Kauf',
-			monthly_reset: 'Monatliches Guthaben',
-			admin_grant: 'Admin-Gutschrift',
-			refund: 'Rückerstattung',
-		};
-		return labels[type] || type;
-	}
-</script>
-
-<svelte:head>
-	<title>Token-Management | Context</title>
-</svelte:head>
-
-<div class="mx-auto max-w-2xl space-y-6">
-	<h1 class="text-2xl font-bold text-foreground">Token-Management</h1>
-
-	<!-- Balance Card -->
-	<div class="card p-6">
-		<div class="flex items-center justify-between">
-			<div>
-				<p class="text-sm text-muted-foreground">Aktuelles Guthaben</p>
-				<div class="flex items-center gap-3 mt-1">
-					<Sparkle size={28} class="text-primary" />
-					<span class="text-4xl font-bold text-foreground tabular-nums">
-						{tokensStore.balance.toLocaleString()}
-					</span>
-				</div>
-				<p class="text-xs text-muted-foreground mt-1">Tokens</p>
-			</div>
-			<a href="/mana" class="btn btn-primary">Tokens kaufen</a>
-		</div>
-	</div>
-
-	<!-- Usage Stats -->
-	<div class="card p-6">
-		<div class="flex items-center justify-between mb-4">
-			<h2 class="text-lg font-semibold text-foreground">Nutzung</h2>
-			<div class="flex gap-1">
-				{#each ['day', 'week', 'month', 'year'] as const as tf}
-					<button
-						class="px-3 py-1 text-xs rounded-lg transition-colors"
-						class:bg-primary={activeTimeframe === tf}
-						class:text-primary-foreground={activeTimeframe === tf}
-						class:text-muted-foreground={activeTimeframe !== tf}
-						class:hover:bg-muted={activeTimeframe !== tf}
-						onclick={() => changeTimeframe(tf)}
-					>
-						{timeframeLabels[tf]}
-					</button>
-				{/each}
-			</div>
-		</div>
-
-		{#if tokensStore.loading}
-			<div class="text-center py-8 text-muted-foreground">Lade Statistiken...</div>
-		{:else if tokensStore.stats}
-			<div class="space-y-4">
-				<div class="text-center py-4">
-					<span class="text-3xl font-bold text-foreground">
-						{tokensStore.stats.totalUsed.toLocaleString()}
-					</span>
-					<p class="text-sm text-muted-foreground mt-1">Tokens verbraucht</p>
-				</div>
-
-				{#if Object.keys(tokensStore.stats.byModel).length > 0}
-					<div>
-						<h3 class="text-sm font-medium text-foreground mb-2">Nach Modell</h3>
-						<div class="space-y-2">
-							{#each Object.entries(tokensStore.stats.byModel) as [model, count]}
-								<div class="flex items-center justify-between">
-									<span class="text-sm text-muted-foreground">{model}</span>
-									<span class="text-sm font-medium text-foreground tabular-nums">
-										{(count as number).toLocaleString()}
-									</span>
-								</div>
-							{/each}
-						</div>
-					</div>
-				{/if}
-			</div>
-		{:else}
-			<p class="text-center text-muted-foreground py-4">Keine Daten vorhanden</p>
-		{/if}
-	</div>
-
-	<!-- Transaction History -->
-	<div class="card p-6">
-		<h2 class="text-lg font-semibold text-foreground mb-4">Transaktionshistorie</h2>
-
-		{#if tokensStore.transactions.length > 0}
-			<div class="divide-y divide-border">
-				{#each tokensStore.transactions as tx}
-					<div class="py-3 flex items-center justify-between">
-						<div class="flex items-center gap-3">
-							<div class="p-1.5 rounded-full {tx.amount > 0 ? 'bg-green-500/10' : 'bg-red-500/10'}">
-								{#if tx.amount > 0}
-									<ArrowDown size={14} class="text-green-500" />
-								{:else}
-									<ArrowUp size={14} class="text-red-500" />
-								{/if}
-							</div>
-							<div>
-								<p class="text-sm font-medium text-foreground">
-									{formatTransactionType(tx.transaction_type)}
-								</p>
-								<div class="flex items-center gap-2 text-xs text-muted-foreground">
-									{#if tx.model_used}
-										<span>{tx.model_used}</span>
-									{/if}
-									<span
-										>{new Date(tx.created_at).toLocaleDateString('de-DE', {
-											day: '2-digit',
-											month: '2-digit',
-											year: '2-digit',
-											hour: '2-digit',
-											minute: '2-digit',
-										})}</span
-									>
-								</div>
-								{#if tx.prompt_tokens || tx.completion_tokens}
-									<p class="text-xs text-muted-foreground mt-0.5">
-										Input: {tx.prompt_tokens?.toLocaleString()} + Output: {tx.completion_tokens?.toLocaleString()}
-										= {tx.total_tokens?.toLocaleString()}
-									</p>
-								{/if}
-							</div>
-						</div>
-						<span
-							class="text-sm font-semibold tabular-nums {tx.amount > 0
-								? 'text-green-500'
-								: 'text-red-500'}"
-						>
-							{tx.amount > 0 ? '+' : ''}{tx.amount.toLocaleString()}
-						</span>
-					</div>
-				{/each}
-			</div>
-		{:else}
-			<p class="text-center text-muted-foreground py-8">Noch keine Transaktionen</p>
-		{/if}
-	</div>
-</div>
diff --git a/apps/context/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/context/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 8301e87f1..000000000
--- a/apps/context/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { ContextLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<ForgotPasswordPage
-	appName="Context"
-	logo={ContextLogo}
-	primaryColor="#0ea5e9"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#f0f9ff"
-	darkBackground="#0c1222"
-/>
diff --git a/apps/context/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/context/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 6f115c6d8..000000000
--- a/apps/context/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,65 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { locale } from 'svelte-i18n';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { ContextLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Context</title>
-</svelte:head>
-
-<LoginPage
-	appName="Context"
-	logo={ContextLogo}
-	primaryColor="#0ea5e9"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#f0f9ff"
-	darkBackground="#0c1222"
-	{translations}
-	{verified}
-	{initialEmail}
-/>
diff --git a/apps/context/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/context/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 51e3cd57d..000000000
--- a/apps/context/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { ContextLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Context</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Context"
-	logo={ContextLogo}
-	primaryColor="#0ea5e9"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#f0f9ff"
-	darkBackground="#0c1222"
-	{translations}
-/>
diff --git a/apps/context/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/context/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 8e7149319..000000000
--- a/apps/context/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { ContextLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Context</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-sky-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<ContextLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #0ea5e9">Context</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #0ea5e9"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #0ea5e980; border-color: #0ea5e9"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #0ea5e9"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #0ea5e9"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/context/apps/web-archived/src/routes/+layout.svelte b/apps/context/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index f599b48aa..000000000
--- a/apps/context/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
-	import { isLoading as isLocaleLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { waitLocale } from '$lib/i18n';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-	import { AppLoadingSkeleton } from '$lib/components/skeletons';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-
-	onMount(() => {
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-
-		const init = async () => {
-			await waitLocale();
-			theme.initialize();
-			await authStore.initialize();
-			loading = false;
-		};
-
-		init();
-
-		return cleanupErrorHandler;
-	});
-</script>
-
-<ToastContainer />
-
-{#if $isLocaleLoading || loading}
-	<AppLoadingSkeleton />
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-{/if}
diff --git a/apps/context/apps/web-archived/src/routes/+layout.ts b/apps/context/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/context/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/context/apps/web-archived/src/routes/health/+server.ts b/apps/context/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 5ae21dca9..000000000
--- a/apps/context/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'context-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/context/apps/web-archived/src/routes/offline/+page.svelte b/apps/context/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 5edc1aa8f..000000000
--- a/apps/context/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Context"
-	offlineMessage="Einige Funktionen sind offline nicht verfügbar. Bitte überprüfe deine Internetverbindung."
-	accentColor="#0284c7"
-/>
diff --git a/apps/context/apps/web-archived/src/routes/offline/+page.ts b/apps/context/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/context/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/context/apps/web-archived/svelte.config.js b/apps/context/apps/web-archived/svelte.config.js
deleted file mode 100644
index f290ef5a6..000000000
--- a/apps/context/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		prerender: {
-			handleHttpError: ({ path, message }) => {
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/context/apps/web-archived/tsconfig.json b/apps/context/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/context/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/context/apps/web-archived/vite.config.ts b/apps/context/apps/web-archived/vite.config.ts
deleted file mode 100644
index 539cf4c33..000000000
--- a/apps/context/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Context - Wissensmanagement',
-				shortName: 'Context',
-				description: 'AI-gestütztes Dokumenten- und Wissensmanagement',
-				themeColor: '#0ea5e9',
-				preset: 'minimal',
-			})
-		),
-	],
-	server: {
-		port: 5192,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/guides/apps/web-archived/package.json b/apps/guides/apps/web-archived/package.json
deleted file mode 100644
index 1b27bd516..000000000
--- a/apps/guides/apps/web-archived/package.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-	"name": "@guides/web",
-	"version": "1.0.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:watch": "vitest"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"jsdom": "^25.0.1",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0",
-		"vitest": "^4.1.0"
-	},
-	"dependencies": {
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*"
-	},
-	"type": "module"
-}
diff --git a/apps/guides/apps/web-archived/src/app.css b/apps/guides/apps/web-archived/src/app.css
deleted file mode 100644
index 422577835..000000000
--- a/apps/guides/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,35 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-
-@source "../../../packages/shared/src";
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-:root {
-	/* Guides App - Teal Theme */
-	--color-primary: #0d9488;
-	--color-primary-hover: #0f766e;
-	--color-primary-light: #14b8a6;
-	--color-primary-dark: #115e59;
-
-	--color-secondary: #f0fdfa;
-	--color-secondary-hover: #ccfbf1;
-
-	--color-accent: #2dd4bf;
-	--color-accent-hover: #14b8a6;
-
-	/* Difficulty colors */
-	--color-difficulty-easy: #22c55e;
-	--color-difficulty-medium: #f59e0b;
-	--color-difficulty-hard: #ef4444;
-
-	/* Step type colors */
-	--color-step-instruction: #0d9488;
-	--color-step-warning: #f97316;
-	--color-step-tip: #8b5cf6;
-	--color-step-checkpoint: #3b82f6;
-	--color-step-code: #1e293b;
-}
diff --git a/apps/guides/apps/web-archived/src/app.d.ts b/apps/guides/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/guides/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/guides/apps/web-archived/src/app.html b/apps/guides/apps/web-archived/src/app.html
deleted file mode 100644
index 4bb005387..000000000
--- a/apps/guides/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-
-		<meta name="theme-color" content="#0d9488" />
-		<meta name="application-name" content="Guides" />
-		<meta name="description" content="Schritt-für-Schritt Anleitungen & Playbooks" />
-
-		<meta name="mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<meta name="apple-mobile-web-app-title" content="Guides" />
-		<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" />
-
-		<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/icons/icon.svg" />
-		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon.png" />
-
-		<title>Guides</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/guides/apps/web-archived/src/hooks.client.ts b/apps/guides/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 474fa7a5a..000000000
--- a/apps/guides/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'guides-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/guides/apps/web-archived/src/lib/components/CollectionEditModal.svelte b/apps/guides/apps/web-archived/src/lib/components/CollectionEditModal.svelte
deleted file mode 100644
index 60370b1c9..000000000
--- a/apps/guides/apps/web-archived/src/lib/components/CollectionEditModal.svelte
+++ /dev/null
@@ -1,142 +0,0 @@
-<script lang="ts">
-	import type { LocalCollection } from '$lib/data/local-store.js';
-	import type { BaseRecord } from '@manacore/local-store';
-
-	type CollectionInput = Omit<LocalCollection, keyof BaseRecord>;
-
-	interface Props {
-		open: boolean;
-		collection?: LocalCollection;
-		onClose: () => void;
-		onSave: (data: CollectionInput) => Promise<void>;
-		onDelete?: (id: string) => Promise<void>;
-	}
-
-	let { open, collection, onClose, onSave, onDelete }: Props = $props();
-
-	let title = $state(collection?.title ?? '');
-	let description = $state(collection?.description ?? '');
-	let coverEmoji = $state(collection?.coverEmoji ?? '📚');
-	let coverColor = $state(collection?.coverColor ?? '#0d9488');
-	let type = $state<'path' | 'library'>(collection?.type ?? 'path');
-	let saving = $state(false);
-
-	$effect(() => {
-		if (collection) {
-			title = collection.title;
-			description = collection.description ?? '';
-			coverEmoji = collection.coverEmoji ?? '📚';
-			coverColor = collection.coverColor ?? '#0d9488';
-			type = collection.type;
-		}
-	});
-
-	const COVER_COLORS = ['#0d9488', '#3b82f6', '#8b5cf6', '#f59e0b', '#ef4444', '#ec4899', '#10b981', '#f97316'];
-
-	async function handleSave() {
-		if (!title.trim()) return;
-		saving = true;
-		try {
-			await onSave({
-				title: title.trim(),
-				description: description.trim() || undefined,
-				coverEmoji,
-				coverColor,
-				type,
-				guideOrder: collection?.guideOrder ?? [],
-			});
-		} finally {
-			saving = false;
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') onClose();
-		if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') handleSave();
-	}
-	function handleBackdrop(e: MouseEvent) {
-		if (e.target === e.currentTarget) onClose();
-	}
-</script>
-
-{#if open}
-	<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-	<div class="fixed inset-0 z-50 flex items-end justify-center bg-black/50 sm:items-center sm:p-4" onmousedown={handleBackdrop}>
-		<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-		<div role="dialog" aria-modal="true" class="w-full max-w-md overflow-hidden rounded-t-2xl bg-background shadow-xl sm:rounded-2xl" onkeydown={handleKeydown}>
-			<div class="flex items-center justify-between border-b border-border px-5 py-4">
-				<h2 class="font-semibold text-foreground">{collection ? 'Sammlung bearbeiten' : 'Neue Sammlung'}</h2>
-				<button onclick={onClose} class="text-muted-foreground hover:text-foreground">✕</button>
-			</div>
-
-			<div class="p-5 space-y-4">
-				<!-- Emoji + Color -->
-				<div class="flex items-center gap-4">
-					<div>
-						<p class="mb-1 text-xs text-muted-foreground">Emoji</p>
-						<input type="text" bind:value={coverEmoji} maxlength="2"
-							class="h-12 w-16 rounded-xl border border-border bg-surface text-center text-2xl focus:outline-none focus:ring-2 focus:ring-primary/30" />
-					</div>
-					<div class="flex-1">
-						<p class="mb-1 text-xs text-muted-foreground">Farbe</p>
-						<div class="flex gap-2 flex-wrap">
-							{#each COVER_COLORS as color}
-								<button onclick={() => (coverColor = color)}
-									class="h-7 w-7 rounded-full transition-transform hover:scale-110 {coverColor === color ? 'ring-2 ring-offset-2 ring-foreground' : ''}"
-									style="background-color: {color}"></button>
-							{/each}
-						</div>
-					</div>
-				</div>
-
-				<!-- Title -->
-				<div>
-					<label class="mb-1 block text-xs font-medium text-muted-foreground">Titel *</label>
-					<input type="text" bind:value={title} placeholder="z.B. Developer Starter Kit" autofocus
-						class="w-full rounded-xl border border-border bg-surface px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30" />
-				</div>
-
-				<!-- Description -->
-				<div>
-					<label class="mb-1 block text-xs font-medium text-muted-foreground">Beschreibung</label>
-					<textarea bind:value={description} rows="2" placeholder="Kurze Beschreibung..."
-						class="w-full resize-none rounded-xl border border-border bg-surface px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30"></textarea>
-				</div>
-
-				<!-- Type -->
-				<div>
-					<label class="mb-2 block text-xs font-medium text-muted-foreground">Typ</label>
-					<div class="grid grid-cols-2 gap-2">
-						<button onclick={() => (type = 'path')}
-							class="rounded-xl border p-3 text-left transition-colors {type === 'path' ? 'border-primary bg-primary/10' : 'border-border hover:bg-accent'}">
-							<div class="text-lg mb-1">🗺</div>
-							<div class="text-sm font-medium text-foreground">Lernpfad</div>
-							<div class="text-xs text-muted-foreground">Geordnete Sequenz</div>
-						</button>
-						<button onclick={() => (type = 'library')}
-							class="rounded-xl border p-3 text-left transition-colors {type === 'library' ? 'border-primary bg-primary/10' : 'border-border hover:bg-accent'}">
-							<div class="text-lg mb-1">📚</div>
-							<div class="text-sm font-medium text-foreground">Bibliothek</div>
-							<div class="text-xs text-muted-foreground">Thematische Gruppe</div>
-						</button>
-					</div>
-				</div>
-			</div>
-
-			<div class="flex items-center justify-between border-t border-border px-5 py-4">
-				<div>
-					{#if collection && onDelete}
-						<button onclick={() => onDelete(collection!.id)} class="text-sm text-red-500 hover:text-red-600">Löschen</button>
-					{/if}
-				</div>
-				<div class="flex gap-3">
-					<button onclick={onClose} class="rounded-xl border border-border px-4 py-2 text-sm hover:bg-accent">Abbrechen</button>
-					<button onclick={handleSave} disabled={!title.trim() || saving}
-						class="rounded-xl bg-primary px-5 py-2 text-sm font-medium text-white hover:bg-primary-hover disabled:opacity-50">
-						{saving ? 'Speichern...' : collection ? 'Speichern' : 'Erstellen'}
-					</button>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/guides/apps/web-archived/src/lib/components/GuideCard.svelte b/apps/guides/apps/web-archived/src/lib/components/GuideCard.svelte
deleted file mode 100644
index 7883aee0a..000000000
--- a/apps/guides/apps/web-archived/src/lib/components/GuideCard.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-	import type { LocalGuide } from '$lib/data/local-store.js';
-
-	interface Props {
-		guide: LocalGuide;
-		runCount: number;
-		hasActiveRun: boolean;
-	}
-
-	let { guide, runCount, hasActiveRun }: Props = $props();
-
-	const difficultyConfig = {
-		easy: { label: 'Einfach', dot: 'bg-green-500' },
-		medium: { label: 'Mittel', dot: 'bg-amber-400' },
-		hard: { label: 'Schwer', dot: 'bg-red-400' },
-	};
-
-	// Run status indicator
-	// ○ Neu  ◑ Aktiv  ⟳ Wiederholt (3+)  ● Abgeschlossen
-	let runStatus = $derived(
-		hasActiveRun ? 'active' : runCount >= 3 ? 'repeated' : runCount > 0 ? 'done' : 'new'
-	);
-
-	const statusConfig = {
-		new: { icon: '○', label: 'Neu', color: 'text-muted-foreground' },
-		active: { icon: '◑', label: 'Aktiv', color: 'text-primary' },
-		done: { icon: '●', label: 'Abgeschlossen', color: 'text-green-500' },
-		repeated: { icon: '⟳', label: `${runCount}× abgeschlossen`, color: 'text-teal-500' },
-	};
-</script>
-
-<a
-	href="/guide/{guide.id}"
-	class="group flex flex-col overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:border-primary/40 hover:shadow-md hover:-translate-y-0.5"
->
-	<!-- Cover -->
-	<div
-		class="flex h-28 items-center justify-center"
-		style="background-color: {guide.coverColor ?? '#0d9488'}18"
-	>
-		<span class="text-5xl transition-transform group-hover:scale-110">
-			{guide.coverEmoji ?? '📖'}
-		</span>
-	</div>
-
-	<!-- Content -->
-	<div class="flex flex-1 flex-col p-4">
-		<div class="mb-1 flex items-start justify-between gap-2">
-			<h3 class="flex-1 text-sm font-semibold leading-snug text-foreground line-clamp-2 group-hover:text-primary">
-				{guide.title}
-			</h3>
-		</div>
-
-		{#if guide.description}
-			<p class="mb-3 text-xs text-muted-foreground line-clamp-2">{guide.description}</p>
-		{/if}
-
-		<div class="mt-auto flex items-center justify-between">
-			<div class="flex items-center gap-2">
-				<!-- Difficulty dot -->
-				<div class="flex items-center gap-1">
-					<span class="h-1.5 w-1.5 rounded-full {difficultyConfig[guide.difficulty].dot}"></span>
-					<span class="text-xs text-muted-foreground">{difficultyConfig[guide.difficulty].label}</span>
-				</div>
-				{#if guide.estimatedMinutes}
-					<span class="text-xs text-muted-foreground">· {guide.estimatedMinutes}min</span>
-				{/if}
-			</div>
-
-			<!-- Run status -->
-			<span class="text-xs {statusConfig[runStatus].color}" title={statusConfig[runStatus].label}>
-				{statusConfig[runStatus].icon}
-				{#if runStatus === 'repeated'}
-					<span class="ml-0.5">{runCount}×</span>
-				{/if}
-			</span>
-		</div>
-	</div>
-</a>
diff --git a/apps/guides/apps/web-archived/src/lib/components/GuideEditModal.svelte b/apps/guides/apps/web-archived/src/lib/components/GuideEditModal.svelte
deleted file mode 100644
index b3172c573..000000000
--- a/apps/guides/apps/web-archived/src/lib/components/GuideEditModal.svelte
+++ /dev/null
@@ -1,281 +0,0 @@
-<script lang="ts">
-	import { liveQuery } from 'dexie';
-	import type { LocalGuide, Difficulty, LocalCollection } from '$lib/data/local-store.js';
-	import { collectionCollection } from '$lib/data/local-store.js';
-	import type { BaseRecord } from '@manacore/local-store';
-
-	type GuideInput = Omit<LocalGuide, keyof BaseRecord>;
-
-	interface Props {
-		open: boolean;
-		guide?: LocalGuide;
-		onClose: () => void;
-		onSave: (data: GuideInput) => Promise<void>;
-		onDelete?: (id: string) => Promise<void>;
-	}
-
-	let { open, guide, onClose, onSave, onDelete }: Props = $props();
-
-	// Form state
-	let title = $state(guide?.title ?? '');
-	let description = $state(guide?.description ?? '');
-	let coverEmoji = $state(guide?.coverEmoji ?? '📖');
-	let category = $state(guide?.category ?? 'Allgemein');
-	let difficulty = $state<Difficulty>(guide?.difficulty ?? 'easy');
-	let estimatedMinutes = $state(guide?.estimatedMinutes ?? 0);
-	let tagsInput = $state((guide?.tags ?? []).join(', '));
-	let collectionId = $state<string | undefined>(guide?.collectionId);
-	let saving = $state(false);
-
-	// Live collections for selector
-	let allCollections = $state<LocalCollection[]>([]);
-	$effect(() => {
-		const sub = liveQuery(() => collectionCollection.getAll()).subscribe((cols) => {
-			allCollections = cols;
-		});
-		return () => sub.unsubscribe();
-	});
-
-	// Re-init when guide prop changes
-	$effect(() => {
-		if (guide) {
-			title = guide.title;
-			description = guide.description ?? '';
-			coverEmoji = guide.coverEmoji ?? '📖';
-			category = guide.category;
-			difficulty = guide.difficulty;
-			estimatedMinutes = guide.estimatedMinutes ?? 0;
-			tagsInput = guide.tags.join(', ');
-			collectionId = guide.collectionId;
-		}
-	});
-
-	const COVER_COLORS = [
-		'#0d9488', '#3b82f6', '#8b5cf6', '#f59e0b',
-		'#ef4444', '#ec4899', '#10b981', '#f97316',
-	];
-	let coverColor = $state(guide?.coverColor ?? COVER_COLORS[0]);
-
-	const DIFFICULTY_OPTIONS: { value: Difficulty; label: string; color: string }[] = [
-		{ value: 'easy', label: '⭐ Einfach', color: 'border-green-400 bg-green-50 text-green-700' },
-		{ value: 'medium', label: '⭐⭐ Mittel', color: 'border-amber-400 bg-amber-50 text-amber-700' },
-		{ value: 'hard', label: '⭐⭐⭐ Schwer', color: 'border-red-400 bg-red-50 text-red-700' },
-	];
-
-	const CATEGORY_SUGGESTIONS = ['Technik', 'Kochen', 'Sport', 'Lernen', 'Arbeit', 'Haushalt', 'Hobby', 'Allgemein'];
-
-	async function handleSave() {
-		if (!title.trim()) return;
-		saving = true;
-		try {
-			const tags = tagsInput
-				.split(',')
-				.map((t) => t.trim())
-				.filter(Boolean);
-			await onSave({
-				title: title.trim(),
-				description: description.trim() || undefined,
-				coverEmoji,
-				coverColor,
-				category,
-				difficulty,
-				estimatedMinutes: estimatedMinutes > 0 ? estimatedMinutes : undefined,
-				tags,
-				collectionId: collectionId || undefined,
-				orderInCollection: guide?.orderInCollection,
-				xpReward: guide?.xpReward,
-				skillId: guide?.skillId,
-			});
-		} finally {
-			saving = false;
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') onClose();
-		if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') handleSave();
-	}
-
-	function handleBackdrop(e: MouseEvent) {
-		if (e.target === e.currentTarget) onClose();
-	}
-</script>
-
-{#if open}
-	<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-	<div
-		class="fixed inset-0 z-50 flex items-end justify-center bg-black/50 p-0 sm:items-center sm:p-4"
-		onmousedown={handleBackdrop}
-	>
-		<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-		<div
-			role="dialog"
-			aria-modal="true"
-			aria-label={guide ? 'Anleitung bearbeiten' : 'Neue Anleitung'}
-			class="w-full max-w-lg overflow-hidden rounded-t-2xl bg-background shadow-xl sm:rounded-2xl"
-			onkeydown={handleKeydown}
-		>
-			<!-- Header -->
-			<div class="flex items-center justify-between border-b border-border px-5 py-4">
-				<h2 class="font-semibold text-foreground">
-					{guide ? 'Anleitung bearbeiten' : 'Neue Anleitung'}
-				</h2>
-				<button onclick={onClose} class="text-muted-foreground hover:text-foreground">✕</button>
-			</div>
-
-			<!-- Body -->
-			<div class="max-h-[70vh] overflow-y-auto p-5 space-y-4">
-				<!-- Emoji + Color picker row -->
-				<div class="flex items-center gap-4">
-					<div class="flex-shrink-0">
-						<p class="mb-1 text-xs text-muted-foreground">Emoji</p>
-						<input
-							type="text"
-							bind:value={coverEmoji}
-							maxlength="2"
-							class="h-12 w-16 rounded-xl border border-border bg-surface text-center text-2xl focus:outline-none focus:ring-2 focus:ring-primary/30"
-						/>
-					</div>
-					<div class="flex-1">
-						<p class="mb-1 text-xs text-muted-foreground">Farbe</p>
-						<div class="flex gap-2 flex-wrap">
-							{#each COVER_COLORS as color}
-								<button
-									onclick={() => (coverColor = color)}
-									class="h-7 w-7 rounded-full transition-transform hover:scale-110 {coverColor === color ? 'ring-2 ring-offset-2 ring-foreground' : ''}"
-									style="background-color: {color}"
-									aria-label={color}
-								></button>
-							{/each}
-						</div>
-					</div>
-				</div>
-
-				<!-- Title -->
-				<div>
-					<label class="mb-1 block text-xs font-medium text-muted-foreground">Titel *</label>
-					<input
-						type="text"
-						bind:value={title}
-						placeholder="z.B. Server deployen, Pasta Rezept..."
-						class="w-full rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-						autofocus
-					/>
-				</div>
-
-				<!-- Description -->
-				<div>
-					<label class="mb-1 block text-xs font-medium text-muted-foreground">Beschreibung</label>
-					<textarea
-						bind:value={description}
-						placeholder="Kurze Beschreibung..."
-						rows="2"
-						class="w-full resize-none rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-					></textarea>
-				</div>
-
-				<!-- Category + Difficulty -->
-				<div class="grid grid-cols-2 gap-3">
-					<div>
-						<label class="mb-1 block text-xs font-medium text-muted-foreground">Kategorie</label>
-						<input
-							type="text"
-							bind:value={category}
-							list="category-suggestions"
-							class="w-full rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-						/>
-						<datalist id="category-suggestions">
-							{#each CATEGORY_SUGGESTIONS as cat}
-								<option value={cat}></option>
-							{/each}
-						</datalist>
-					</div>
-					<div>
-						<label class="mb-1 block text-xs font-medium text-muted-foreground">Zeitaufwand (min)</label>
-						<input
-							type="number"
-							bind:value={estimatedMinutes}
-							min="0"
-							step="5"
-							class="w-full rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-						/>
-					</div>
-				</div>
-
-				<!-- Difficulty -->
-				<div>
-					<label class="mb-1 block text-xs font-medium text-muted-foreground">Schwierigkeit</label>
-					<div class="flex gap-2">
-						{#each DIFFICULTY_OPTIONS as opt}
-							<button
-								onclick={() => (difficulty = opt.value)}
-								class="flex-1 rounded-lg border py-2 text-xs font-medium transition-colors
-								{difficulty === opt.value ? opt.color : 'border-border text-muted-foreground hover:bg-accent'}"
-							>
-								{opt.label}
-							</button>
-						{/each}
-					</div>
-				</div>
-
-				<!-- Tags -->
-				<div>
-					<label class="mb-1 block text-xs font-medium text-muted-foreground">
-						Tags <span class="font-normal">(kommagetrennt)</span>
-					</label>
-					<input
-						type="text"
-						bind:value={tagsInput}
-						placeholder="setup, mac, developer"
-						class="w-full rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-					/>
-				</div>
-
-				<!-- Collection -->
-				{#if allCollections.length > 0}
-					<div>
-						<label class="mb-1 block text-xs font-medium text-muted-foreground">Sammlung</label>
-						<select
-							bind:value={collectionId}
-							class="w-full rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-						>
-							<option value={undefined}>Keine Sammlung</option>
-							{#each allCollections as col}
-								<option value={col.id}>{col.coverEmoji ?? ''} {col.title}</option>
-							{/each}
-						</select>
-					</div>
-				{/if}
-			</div>
-
-			<!-- Footer -->
-			<div class="flex items-center justify-between border-t border-border px-5 py-4">
-				<div>
-					{#if guide && onDelete}
-						<button
-							onclick={() => onDelete(guide!.id)}
-							class="text-sm text-red-500 hover:text-red-600"
-						>
-							Löschen
-						</button>
-					{/if}
-				</div>
-				<div class="flex gap-3">
-					<button
-						onclick={onClose}
-						class="rounded-xl border border-border px-4 py-2 text-sm text-foreground hover:bg-accent"
-					>
-						Abbrechen
-					</button>
-					<button
-						onclick={handleSave}
-						disabled={!title.trim() || saving}
-						class="rounded-xl bg-primary px-5 py-2 text-sm font-medium text-white hover:bg-primary-hover disabled:opacity-50"
-					>
-						{saving ? 'Speichern...' : guide ? 'Speichern' : 'Erstellen'}
-					</button>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/guides/apps/web-archived/src/lib/components/ImportModal.svelte b/apps/guides/apps/web-archived/src/lib/components/ImportModal.svelte
deleted file mode 100644
index d3d06da90..000000000
--- a/apps/guides/apps/web-archived/src/lib/components/ImportModal.svelte
+++ /dev/null
@@ -1,338 +0,0 @@
-<script lang="ts">
-	import { guidesStore as dbStore } from '$lib/data/local-store.js';
-	import { guidesStore } from '$lib/stores/guides.svelte.js';
-
-	const SERVER_URL = import.meta.env.PUBLIC_GUIDES_SERVER_URL || 'http://localhost:3027';
-
-	interface ImportedGuide {
-		title: string;
-		description?: string;
-		category?: string;
-		difficulty?: string;
-		estimatedMinutes?: number;
-		tags?: string[];
-		sourceUrl?: string;
-	}
-
-	interface ImportedSection {
-		title: string;
-		steps: { title: string; content?: string; type?: string }[];
-	}
-
-	interface Props {
-		open: boolean;
-		onClose: () => void;
-		onImported: (guideId: string) => void;
-	}
-
-	let { open, onClose, onImported }: Props = $props();
-
-	type Tab = 'url' | 'text' | 'ai';
-	let activeTab = $state<Tab>('url');
-	let loading = $state(false);
-	let error = $state('');
-
-	// URL tab
-	let urlInput = $state('');
-
-	// Text tab
-	let textInput = $state('');
-	let textTitle = $state('');
-
-	// AI tab
-	let aiPrompt = $state('');
-	let aiTitle = $state('');
-
-	// Preview
-	let preview = $state<{ guide: ImportedGuide; sections: ImportedSection[] } | null>(null);
-
-	function reset() {
-		urlInput = '';
-		textInput = '';
-		textTitle = '';
-		aiPrompt = '';
-		aiTitle = '';
-		preview = null;
-		error = '';
-		activeTab = 'url';
-	}
-
-	function handleClose() {
-		reset();
-		onClose();
-	}
-
-	async function fetchImport(endpoint: string, body: Record<string, string>) {
-		loading = true;
-		error = '';
-		preview = null;
-		try {
-			const res = await fetch(`${SERVER_URL}/api/v1/import/${endpoint}`, {
-				method: 'POST',
-				headers: { 'Content-Type': 'application/json' },
-				body: JSON.stringify(body),
-			});
-			const data = await res.json<{ guide?: ImportedGuide; sections?: ImportedSection[]; error?: string }>();
-			if (!res.ok || data.error) {
-				error = data.error ?? 'Import fehlgeschlagen';
-				return;
-			}
-			if (data.guide) {
-				preview = { guide: data.guide, sections: data.sections ?? [] };
-			}
-		} catch (e) {
-			error = 'Server nicht erreichbar';
-		} finally {
-			loading = false;
-		}
-	}
-
-	async function handleUrlImport() {
-		if (!urlInput.trim()) return;
-		await fetchImport('url', { url: urlInput.trim() });
-	}
-
-	async function handleTextImport() {
-		if (!textInput.trim()) return;
-		await fetchImport('text', { text: textInput, title: textTitle });
-	}
-
-	async function handleAiImport() {
-		if (!aiPrompt.trim()) return;
-		await fetchImport('ai', { prompt: aiPrompt, title: aiTitle });
-	}
-
-	async function saveGuide() {
-		if (!preview) return;
-		loading = true;
-		try {
-			const { guide, sections } = preview;
-
-			// Create guide
-			const guideId = await guidesStore.createGuide({
-				title: guide.title,
-				description: guide.description,
-				category: guide.category ?? 'Allgemein',
-				difficulty: (guide.difficulty as 'easy' | 'medium' | 'hard') ?? 'medium',
-				estimatedMinutes: guide.estimatedMinutes,
-				tags: guide.tags ?? [],
-				coverEmoji: '📖',
-				collectionId: undefined,
-				orderInCollection: undefined,
-				xpReward: undefined,
-				skillId: undefined,
-			});
-
-			// Create sections and steps
-			let globalStepOrder = 0;
-			for (let si = 0; si < sections.length; si++) {
-				const sec = sections[si];
-				let sectionId: string | undefined;
-
-				if (sections.length > 1 || sec.title) {
-					sectionId = await guidesStore.createSection(guideId, {
-						title: sec.title,
-						order: si,
-					});
-				}
-
-				for (const step of sec.steps ?? []) {
-					await guidesStore.createStep(guideId, {
-						sectionId,
-						order: globalStepOrder++,
-						title: step.title,
-						content: step.content,
-						type: (step.type as 'instruction' | 'warning' | 'tip' | 'checkpoint' | 'code') ?? 'instruction',
-						checkable: true,
-					});
-				}
-			}
-
-			reset();
-			onImported(guideId);
-		} catch (e) {
-			error = 'Speichern fehlgeschlagen';
-		} finally {
-			loading = false;
-		}
-	}
-
-	const difficultyLabel: Record<string, string> = { easy: 'Einfach', medium: 'Mittel', hard: 'Schwer' };
-	const totalSteps = $derived(preview?.sections.reduce((n, s) => n + (s.steps?.length ?? 0), 0) ?? 0);
-</script>
-
-{#if open}
-	<!-- Backdrop -->
-	<div
-		class="fixed inset-0 z-50 flex items-end justify-center bg-black/50 sm:items-center"
-		role="dialog"
-		aria-modal="true"
-		onclick={handleClose}
-	>
-		<div
-			class="relative w-full max-w-lg bg-white dark:bg-neutral-900 rounded-t-2xl sm:rounded-2xl shadow-2xl max-h-[90vh] flex flex-col"
-			onclick={(e) => e.stopPropagation()}
-		>
-			<!-- Header -->
-			<div class="flex items-center justify-between px-5 py-4 border-b border-neutral-200 dark:border-neutral-700">
-				<h2 class="text-lg font-semibold dark:text-white">Guide importieren</h2>
-				<button onclick={handleClose} class="p-1 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800" aria-label="Schließen">
-					<svg width="20" height="20" viewBox="0 0 256 256" class="text-neutral-500"><path fill="currentColor" d="M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"/></svg>
-				</button>
-			</div>
-
-			{#if !preview}
-				<!-- Tab bar -->
-				<div class="flex border-b border-neutral-200 dark:border-neutral-700">
-					{#each [['url', '🔗 URL'], ['text', '📝 Text'], ['ai', '✨ KI']] as [tab, label]}
-						<button
-							onclick={() => { activeTab = tab as Tab; error = ''; }}
-							class="flex-1 py-3 text-sm font-medium transition-colors {activeTab === tab
-								? 'text-teal-600 border-b-2 border-teal-600 dark:text-teal-400 dark:border-teal-400'
-								: 'text-neutral-500 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-200'}"
-						>
-							{label}
-						</button>
-					{/each}
-				</div>
-
-				<!-- Tab content -->
-				<div class="flex-1 overflow-y-auto p-5 space-y-4">
-					{#if activeTab === 'url'}
-						<div>
-							<label class="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">URL</label>
-							<input
-								type="url"
-								bind:value={urlInput}
-								placeholder="https://example.com/tutorial"
-								class="w-full px-3 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 dark:text-white text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"
-								onkeydown={(e) => e.key === 'Enter' && handleUrlImport()}
-							/>
-							<p class="mt-1 text-xs text-neutral-400">Webseite wird extrahiert und in eine Anleitung umgewandelt</p>
-						</div>
-					{:else if activeTab === 'text'}
-						<div>
-							<label class="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">Titel (optional)</label>
-							<input
-								type="text"
-								bind:value={textTitle}
-								placeholder="Meine Anleitung"
-								class="w-full px-3 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 dark:text-white text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"
-							/>
-						</div>
-						<div>
-							<label class="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">Text / Markdown</label>
-							<textarea
-								bind:value={textInput}
-								placeholder="Füge hier Text, Markdown oder eine Anleitung ein..."
-								rows="8"
-								class="w-full px-3 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 dark:text-white text-sm font-mono focus:outline-none focus:ring-2 focus:ring-teal-500 resize-none"
-							></textarea>
-						</div>
-					{:else if activeTab === 'ai'}
-						<div>
-							<label class="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">Titel (optional)</label>
-							<input
-								type="text"
-								bind:value={aiTitle}
-								placeholder="z. B. Docker einrichten"
-								class="w-full px-3 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 dark:text-white text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"
-							/>
-						</div>
-						<div>
-							<label class="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">Was soll die Anleitung erklären?</label>
-							<textarea
-								bind:value={aiPrompt}
-								placeholder="z. B. Wie richte ich einen Ubuntu-Server mit Nginx, Let's Encrypt und automatischen Updates ein?"
-								rows="5"
-								class="w-full px-3 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 dark:text-white text-sm focus:outline-none focus:ring-2 focus:ring-teal-500 resize-none"
-								onkeydown={(e) => e.key === 'Enter' && e.metaKey && handleAiImport()}
-							></textarea>
-							<p class="mt-1 text-xs text-neutral-400">⌘↵ zum Generieren</p>
-						</div>
-					{/if}
-
-					{#if error}
-						<p class="text-sm text-red-500 bg-red-50 dark:bg-red-900/20 rounded-lg px-3 py-2">{error}</p>
-					{/if}
-				</div>
-
-				<!-- Footer -->
-				<div class="px-5 py-4 border-t border-neutral-200 dark:border-neutral-700">
-					<button
-						onclick={activeTab === 'url' ? handleUrlImport : activeTab === 'text' ? handleTextImport : handleAiImport}
-						disabled={loading || (activeTab === 'url' ? !urlInput.trim() : activeTab === 'text' ? !textInput.trim() : !aiPrompt.trim())}
-						class="w-full py-2.5 rounded-xl bg-teal-600 text-white font-semibold text-sm hover:bg-teal-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center justify-center gap-2"
-					>
-						{#if loading}
-							<svg class="animate-spin h-4 w-4" viewBox="0 0 24 24" fill="none"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
-							Verarbeite…
-						{:else}
-							{activeTab === 'ai' ? '✨ Guide generieren' : '🔍 Importieren'}
-						{/if}
-					</button>
-				</div>
-
-			{:else}
-				<!-- Preview -->
-				<div class="flex-1 overflow-y-auto p-5 space-y-4">
-					<div class="bg-teal-50 dark:bg-teal-900/20 rounded-xl p-4 space-y-1">
-						<h3 class="font-semibold text-teal-900 dark:text-teal-100 text-base">{preview.guide.title}</h3>
-						{#if preview.guide.description}
-							<p class="text-sm text-teal-700 dark:text-teal-300">{preview.guide.description}</p>
-						{/if}
-						<div class="flex flex-wrap gap-2 pt-1">
-							<span class="text-xs bg-teal-100 dark:bg-teal-800 text-teal-700 dark:text-teal-200 px-2 py-0.5 rounded-full">{preview.guide.category ?? 'Allgemein'}</span>
-							<span class="text-xs bg-teal-100 dark:bg-teal-800 text-teal-700 dark:text-teal-200 px-2 py-0.5 rounded-full">{difficultyLabel[preview.guide.difficulty ?? 'medium'] ?? preview.guide.difficulty}</span>
-							{#if preview.guide.estimatedMinutes}
-								<span class="text-xs bg-teal-100 dark:bg-teal-800 text-teal-700 dark:text-teal-200 px-2 py-0.5 rounded-full">⏱ {preview.guide.estimatedMinutes} Min.</span>
-							{/if}
-							<span class="text-xs bg-teal-100 dark:bg-teal-800 text-teal-700 dark:text-teal-200 px-2 py-0.5 rounded-full">{totalSteps} Schritte</span>
-						</div>
-					</div>
-
-					{#each preview.sections as section, si}
-						{#if section.title}
-							<p class="text-xs font-semibold uppercase tracking-wide text-neutral-400 dark:text-neutral-500 mt-3">{section.title}</p>
-						{/if}
-						{#each section.steps as step, i}
-							<div class="flex gap-3 items-start">
-								<span class="shrink-0 w-6 h-6 rounded-full bg-neutral-100 dark:bg-neutral-800 text-neutral-500 dark:text-neutral-400 text-xs font-bold flex items-center justify-center">{i + 1}</span>
-								<div>
-									<p class="text-sm font-medium dark:text-white">{step.title}</p>
-									{#if step.content}
-										<p class="text-xs text-neutral-500 dark:text-neutral-400 mt-0.5 line-clamp-2">{step.content}</p>
-									{/if}
-								</div>
-							</div>
-						{/each}
-					{/each}
-
-					{#if error}
-						<p class="text-sm text-red-500 bg-red-50 dark:bg-red-900/20 rounded-lg px-3 py-2">{error}</p>
-					{/if}
-				</div>
-
-				<!-- Preview footer -->
-				<div class="px-5 py-4 border-t border-neutral-200 dark:border-neutral-700 flex gap-3">
-					<button
-						onclick={() => { preview = null; error = ''; }}
-						class="flex-1 py-2.5 rounded-xl border border-neutral-300 dark:border-neutral-600 text-neutral-700 dark:text-neutral-300 font-semibold text-sm hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-colors"
-					>
-						Zurück
-					</button>
-					<button
-						onclick={saveGuide}
-						disabled={loading}
-						class="flex-1 py-2.5 rounded-xl bg-teal-600 text-white font-semibold text-sm hover:bg-teal-700 disabled:opacity-50 transition-colors flex items-center justify-center gap-2"
-					>
-						{#if loading}
-							<svg class="animate-spin h-4 w-4" viewBox="0 0 24 24" fill="none"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
-						{/if}
-						Guide speichern
-					</button>
-				</div>
-			{/if}
-		</div>
-	</div>
-{/if}
diff --git a/apps/guides/apps/web-archived/src/lib/components/StepEditorModal.svelte b/apps/guides/apps/web-archived/src/lib/components/StepEditorModal.svelte
deleted file mode 100644
index c130ced22..000000000
--- a/apps/guides/apps/web-archived/src/lib/components/StepEditorModal.svelte
+++ /dev/null
@@ -1,171 +0,0 @@
-<script lang="ts">
-	import type { LocalStep, StepType } from '$lib/data/local-store.js';
-	import type { BaseRecord } from '@manacore/local-store';
-
-	type StepInput = Omit<LocalStep, keyof BaseRecord>;
-
-	interface Props {
-		open: boolean;
-		step?: LocalStep;
-		guideId: string;
-		sectionId?: string;
-		order: number;
-		onClose: () => void;
-		onSave: (data: StepInput) => Promise<void>;
-	}
-
-	let { open, step, guideId, sectionId, order, onClose, onSave }: Props = $props();
-
-	let title = $state(step?.title ?? '');
-	let content = $state(step?.content ?? '');
-	let type = $state<StepType>(step?.type ?? 'instruction');
-	let checkable = $state(step?.checkable ?? true);
-	let saving = $state(false);
-
-	$effect(() => {
-		if (step) {
-			title = step.title;
-			content = step.content ?? '';
-			type = step.type;
-			checkable = step.checkable;
-		} else {
-			title = '';
-			content = '';
-			type = 'instruction';
-			checkable = true;
-		}
-	});
-
-	const STEP_TYPES: { value: StepType; label: string; icon: string; description: string }[] = [
-		{ value: 'instruction', label: 'Anweisung', icon: '→', description: 'Normaler Schritt' },
-		{ value: 'warning', label: 'Warnung', icon: '⚠', description: 'Wichtiger Hinweis' },
-		{ value: 'tip', label: 'Tipp', icon: '💡', description: 'Hilfreicher Hinweis' },
-		{ value: 'checkpoint', label: 'Checkpoint', icon: '✓', description: 'Überprüfungspunkt' },
-		{ value: 'code', label: 'Code', icon: '</>', description: 'Code-Block (Markdown)' },
-	];
-
-	async function handleSave() {
-		if (!title.trim()) return;
-		saving = true;
-		try {
-			await onSave({ title: title.trim(), content: content.trim() || undefined, type, checkable, guideId, sectionId, order });
-		} finally {
-			saving = false;
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') onClose();
-		if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') handleSave();
-	}
-
-	function handleBackdrop(e: MouseEvent) {
-		if (e.target === e.currentTarget) onClose();
-	}
-</script>
-
-{#if open}
-	<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-	<div
-		class="fixed inset-0 z-50 flex items-end justify-center bg-black/50 sm:items-center sm:p-4"
-		onmousedown={handleBackdrop}
-	>
-		<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-		<div
-			role="dialog"
-			aria-modal="true"
-			aria-label={step ? 'Schritt bearbeiten' : 'Neuer Schritt'}
-			class="w-full max-w-lg overflow-hidden rounded-t-2xl bg-background shadow-xl sm:rounded-2xl"
-			onkeydown={handleKeydown}
-		>
-			<div class="flex items-center justify-between border-b border-border px-5 py-4">
-				<h2 class="font-semibold text-foreground">{step ? 'Schritt bearbeiten' : 'Neuer Schritt'}</h2>
-				<button onclick={onClose} class="text-muted-foreground hover:text-foreground">✕</button>
-			</div>
-
-			<div class="max-h-[75vh] overflow-y-auto p-5 space-y-4">
-				<!-- Step type selector -->
-				<div>
-					<label class="mb-2 block text-xs font-medium text-muted-foreground">Typ</label>
-					<div class="grid grid-cols-5 gap-1.5">
-						{#each STEP_TYPES as t}
-							<button
-								onclick={() => (type = t.value)}
-								title={t.description}
-								class="flex flex-col items-center gap-1 rounded-xl border py-2.5 text-center transition-colors
-								{type === t.value
-									? 'border-primary bg-primary/10 text-primary'
-									: 'border-border text-muted-foreground hover:bg-accent'}"
-							>
-								<span class="text-base">{t.icon}</span>
-								<span class="text-[10px] leading-tight">{t.label}</span>
-							</button>
-						{/each}
-					</div>
-				</div>
-
-				<!-- Title -->
-				<div>
-					<label class="mb-1 block text-xs font-medium text-muted-foreground">Schritt-Titel *</label>
-					<input
-						type="text"
-						bind:value={title}
-						placeholder="z.B. npm install ausführen"
-						autofocus
-						class="w-full rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-					/>
-				</div>
-
-				<!-- Content -->
-				<div>
-					<label class="mb-1 block text-xs font-medium text-muted-foreground">
-						Beschreibung / Inhalt
-						{#if type === 'code'}
-							<span class="font-normal">(Markdown · ```bash ... ``` für Code-Blöcke)</span>
-						{/if}
-					</label>
-					<textarea
-						bind:value={content}
-						placeholder={type === 'code'
-							? '```bash\nnpm install\nnpm run dev\n```'
-							: 'Optionale Beschreibung oder Details...'}
-						rows={type === 'code' ? 5 : 3}
-						class="w-full resize-y rounded-xl border border-border bg-surface px-3 py-2.5 font-mono text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-					></textarea>
-				</div>
-
-				<!-- Checkable toggle -->
-				<label class="flex cursor-pointer items-center justify-between rounded-xl border border-border bg-surface px-4 py-3">
-					<div>
-						<p class="text-sm font-medium text-foreground">Abhakbar</p>
-						<p class="text-xs text-muted-foreground">Schritt kann im Run-Modus abgehakt werden</p>
-					</div>
-					<div
-						class="relative h-5 w-9 rounded-full transition-colors {checkable ? 'bg-primary' : 'bg-muted'}"
-						onclick={() => (checkable = !checkable)}
-						role="switch"
-						aria-checked={checkable}
-						tabindex="0"
-					>
-						<span
-							class="absolute top-0.5 h-4 w-4 rounded-full bg-white shadow transition-transform {checkable ? 'translate-x-4' : 'translate-x-0.5'}"
-						></span>
-					</div>
-				</label>
-			</div>
-
-			<div class="flex items-center justify-end gap-3 border-t border-border px-5 py-4">
-				<button onclick={onClose} class="rounded-xl border border-border px-4 py-2 text-sm text-foreground hover:bg-accent">
-					Abbrechen
-				</button>
-				<button
-					onclick={handleSave}
-					disabled={!title.trim() || saving}
-					class="rounded-xl bg-primary px-5 py-2 text-sm font-medium text-white hover:bg-primary-hover disabled:opacity-50"
-				>
-					{saving ? 'Speichern...' : step ? 'Speichern' : 'Hinzufügen'}
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/guides/apps/web-archived/src/lib/data/guest-seed.ts b/apps/guides/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index a0ec1e1cb..000000000
--- a/apps/guides/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,245 +0,0 @@
-/**
- * Guest seed data for the Guides app.
- *
- * Three demo guides that showcase the app's capabilities:
- *   1. "Entwicklungsumgebung einrichten" — tech SOP (medium, 3 sections)
- *   2. "Perfekte Pasta kochen" — recipe (easy, flat steps)
- *   3. "Git-Grundlagen" — learning path guide (hard, sections)
- *
- * One demo collection: "Dev Setup Pfad" (path type)
- */
-
-import type { LocalGuide, LocalSection, LocalStep, LocalCollection } from './local-store';
-
-// ─── Guides ─────────────────────────────────────────────────
-
-export const guestGuides: LocalGuide[] = [
-	{
-		id: 'guide-dev-setup',
-		title: 'Entwicklungsumgebung einrichten',
-		description: 'Node.js, Git und VS Code auf einem neuen Mac konfigurieren.',
-		coverEmoji: '💻',
-		coverColor: '#0d9488',
-		category: 'Technik',
-		difficulty: 'medium',
-		estimatedMinutes: 45,
-		tags: ['setup', 'mac', 'developer'],
-		collectionId: 'col-dev',
-		orderInCollection: 0,
-	},
-	{
-		id: 'guide-pasta',
-		title: 'Perfekte Pasta alla Norma',
-		description: 'Klassisches sizilianisches Gericht mit Auberginen und Ricotta.',
-		coverEmoji: '🍝',
-		coverColor: '#f97316',
-		category: 'Kochen',
-		difficulty: 'easy',
-		estimatedMinutes: 30,
-		tags: ['italienisch', 'vegetarisch', 'pasta'],
-	},
-	{
-		id: 'guide-git',
-		title: 'Git-Grundlagen verstehen',
-		description: 'Commits, Branches, Merges und Pull Requests — von Null auf solide Basis.',
-		coverEmoji: '🌿',
-		coverColor: '#8b5cf6',
-		category: 'Technik',
-		difficulty: 'hard',
-		estimatedMinutes: 90,
-		tags: ['git', 'versionskontrolle', 'developer'],
-		collectionId: 'col-dev',
-		orderInCollection: 1,
-	},
-];
-
-// ─── Sections ───────────────────────────────────────────────
-
-export const guestSections: LocalSection[] = [
-	// Dev Setup sections
-	{ id: 'sec-ds-1', guideId: 'guide-dev-setup', title: 'Homebrew & Basics', order: 0 },
-	{ id: 'sec-ds-2', guideId: 'guide-dev-setup', title: 'Node.js & npm', order: 1 },
-	{ id: 'sec-ds-3', guideId: 'guide-dev-setup', title: 'Git konfigurieren', order: 2 },
-
-	// Git guide sections
-	{ id: 'sec-git-1', guideId: 'guide-git', title: 'Repository & Commits', order: 0 },
-	{ id: 'sec-git-2', guideId: 'guide-git', title: 'Branches & Merging', order: 1 },
-	{ id: 'sec-git-3', guideId: 'guide-git', title: 'Remote & GitHub', order: 2 },
-];
-
-// ─── Steps ──────────────────────────────────────────────────
-
-export const guestSteps: LocalStep[] = [
-	// ── Dev Setup: Homebrew ──────────────────────────────────
-	{
-		id: 'step-ds-1',
-		guideId: 'guide-dev-setup',
-		sectionId: 'sec-ds-1',
-		order: 0,
-		title: 'Homebrew installieren',
-		content:
-			'Öffne das Terminal und führe folgenden Befehl aus:\n\n```bash\n/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n```',
-		type: 'code',
-		checkable: true,
-	},
-	{
-		id: 'step-ds-2',
-		guideId: 'guide-dev-setup',
-		sectionId: 'sec-ds-1',
-		order: 1,
-		title: 'Installation prüfen',
-		content: 'Führe `brew --version` aus. Du solltest eine Versionsnummer sehen.',
-		type: 'checkpoint',
-		checkable: true,
-	},
-	{
-		id: 'step-ds-3',
-		guideId: 'guide-dev-setup',
-		sectionId: 'sec-ds-2',
-		order: 0,
-		title: 'Node.js via nvm installieren',
-		content: '```bash\nbrew install nvm\nnvm install --lts\nnvm use --lts\n```',
-		type: 'code',
-		checkable: true,
-	},
-	{
-		id: 'step-ds-4',
-		guideId: 'guide-dev-setup',
-		sectionId: 'sec-ds-2',
-		order: 1,
-		title: 'pnpm global installieren',
-		content: '```bash\nnpm install -g pnpm\n```',
-		type: 'instruction',
-		checkable: true,
-	},
-	{
-		id: 'step-ds-5',
-		guideId: 'guide-dev-setup',
-		sectionId: 'sec-ds-3',
-		order: 0,
-		title: 'Git-Identität setzen',
-		content:
-			'```bash\ngit config --global user.name "Dein Name"\ngit config --global user.email "dein@email.de"\n```',
-		type: 'code',
-		checkable: true,
-	},
-	{
-		id: 'step-ds-6',
-		guideId: 'guide-dev-setup',
-		sectionId: 'sec-ds-3',
-		order: 1,
-		title: 'SSH-Key für GitHub erstellen',
-		content:
-			'```bash\nssh-keygen -t ed25519 -C "dein@email.de"\ncat ~/.ssh/id_ed25519.pub\n```\n\nKopiere den Output und füge ihn in GitHub unter Settings → SSH Keys ein.',
-		type: 'tip',
-		checkable: true,
-	},
-
-	// ── Pasta steps (no sections) ────────────────────────────
-	{
-		id: 'step-pasta-1',
-		guideId: 'guide-pasta',
-		order: 0,
-		title: 'Auberginen salzen',
-		content:
-			'Auberginen in 1 cm Würfel schneiden, mit Salz bestreuen, 20 Minuten ziehen lassen. Dann abwaschen und trockentupfen.',
-		type: 'instruction',
-		checkable: true,
-	},
-	{
-		id: 'step-pasta-2',
-		guideId: 'guide-pasta',
-		order: 1,
-		title: 'Tomatensauce kochen',
-		content:
-			'Knoblauch in Olivenöl anschwitzen, Dosentomaten dazu, 15 Minuten köcheln lassen. Mit Salz, Pfeffer und Basilikum abschmecken.',
-		type: 'instruction',
-		checkable: true,
-	},
-	{
-		id: 'step-pasta-3',
-		guideId: 'guide-pasta',
-		order: 2,
-		title: 'Auberginen frittieren',
-		content: 'Reichlich Olivenöl erhitzen (180°C), Auberginen goldbraun frittieren, auf Küchenpapier abtropfen lassen.',
-		type: 'warning',
-		checkable: true,
-	},
-	{
-		id: 'step-pasta-4',
-		guideId: 'guide-pasta',
-		order: 3,
-		title: 'Pasta al dente kochen',
-		content: 'Rigatoni oder Penne in gut gesalzenem Wasser 1 Minute kürzer als Packungsanweisung kochen.',
-		type: 'tip',
-		checkable: true,
-	},
-	{
-		id: 'step-pasta-5',
-		guideId: 'guide-pasta',
-		order: 4,
-		title: 'Alles vereinen & servieren',
-		content:
-			'Pasta mit der Sauce vermengen, Auberginen darüber geben. Mit gesalzenem Ricotta und frischem Basilikum toppen.',
-		type: 'checkpoint',
-		checkable: false,
-	},
-
-	// ── Git sections ─────────────────────────────────────────
-	{
-		id: 'step-git-1',
-		guideId: 'guide-git',
-		sectionId: 'sec-git-1',
-		order: 0,
-		title: 'Repository initialisieren',
-		content: '```bash\nmkdir mein-projekt && cd mein-projekt\ngit init\n```',
-		type: 'code',
-		checkable: true,
-	},
-	{
-		id: 'step-git-2',
-		guideId: 'guide-git',
-		sectionId: 'sec-git-1',
-		order: 1,
-		title: 'Ersten Commit erstellen',
-		content:
-			'```bash\necho "# Mein Projekt" > README.md\ngit add README.md\ngit commit -m "feat: initial commit"\n```',
-		type: 'code',
-		checkable: true,
-	},
-	{
-		id: 'step-git-3',
-		guideId: 'guide-git',
-		sectionId: 'sec-git-2',
-		order: 0,
-		title: 'Feature-Branch erstellen',
-		content: '```bash\ngit checkout -b feature/mein-feature\n```',
-		type: 'instruction',
-		checkable: true,
-	},
-	{
-		id: 'step-git-4',
-		guideId: 'guide-git',
-		sectionId: 'sec-git-3',
-		order: 0,
-		title: 'Remote hinzufügen & pushen',
-		content:
-			'```bash\ngit remote add origin git@github.com:user/repo.git\ngit push -u origin main\n```',
-		type: 'code',
-		checkable: true,
-	},
-];
-
-// ─── Collections ────────────────────────────────────────────
-
-export const guestCollections: LocalCollection[] = [
-	{
-		id: 'col-dev',
-		title: 'Developer Starter Kit',
-		description: 'Alles was du als neuer Entwickler einrichten und lernen musst.',
-		coverEmoji: '🚀',
-		coverColor: '#0d9488',
-		type: 'path',
-		guideOrder: ['guide-dev-setup', 'guide-git'],
-	},
-];
diff --git a/apps/guides/apps/web-archived/src/lib/data/local-store.ts b/apps/guides/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index a616d2dce..000000000
--- a/apps/guides/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/**
- * Guides App — Local-First Data Layer
- *
- * 5 Collections: guides, sections, steps, collections, runs
- * All data lives in IndexedDB first, syncs to server in the background.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestGuides, guestSections, guestSteps, guestCollections } from './guest-seed.js';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export type Difficulty = 'easy' | 'medium' | 'hard';
-export type StepType = 'instruction' | 'warning' | 'tip' | 'checkpoint' | 'code';
-
-export interface LocalGuide extends BaseRecord {
-	title: string;
-	description?: string;
-	/** Single emoji used as cover when no image */
-	coverEmoji?: string;
-	/** Tailwind-compatible hex color for the cover background */
-	coverColor?: string;
-	category: string;
-	difficulty: Difficulty;
-	estimatedMinutes?: number;
-	tags: string[];
-	/** Optional: belongs to a collection */
-	collectionId?: string;
-	orderInCollection?: number;
-	/** Optional skilltree integration */
-	xpReward?: number;
-	skillId?: string;
-}
-
-export interface LocalSection extends BaseRecord {
-	guideId: string;
-	title: string;
-	order: number;
-}
-
-export interface LocalStep extends BaseRecord {
-	guideId: string;
-	sectionId?: string;
-	order: number;
-	title: string;
-	/** Markdown content */
-	content?: string;
-	type: StepType;
-	checkable: boolean;
-}
-
-export interface LocalCollection extends BaseRecord {
-	title: string;
-	description?: string;
-	coverEmoji?: string;
-	coverColor?: string;
-	/** path = ordered learning path, library = unordered recipe book */
-	type: 'path' | 'library';
-	/** Ordered guide IDs (relevant for 'path' type) */
-	guideOrder: string[];
-}
-
-export interface StepState {
-	done: boolean;
-	doneAt?: string;
-	notes?: string;
-}
-
-export interface LocalRun extends BaseRecord {
-	guideId: string;
-	startedAt: string;
-	completedAt?: string;
-	/** scroll = all steps visible, focus = one step at a time */
-	mode: 'scroll' | 'focus';
-	stepStates: Record<string, StepState>;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const guidesStore = createLocalStore({
-	appId: 'guides',
-	collections: [
-		{
-			name: 'guides',
-			indexes: ['category', 'difficulty', 'collectionId', 'tags'],
-			guestSeed: guestGuides,
-		},
-		{
-			name: 'sections',
-			indexes: ['guideId', 'order'],
-			guestSeed: guestSections,
-		},
-		{
-			name: 'steps',
-			indexes: ['guideId', 'sectionId', 'order', '[guideId+order]'],
-			guestSeed: guestSteps,
-		},
-		{
-			name: 'collections',
-			indexes: [],
-			guestSeed: guestCollections,
-		},
-		{
-			name: 'runs',
-			indexes: ['guideId', 'startedAt', 'completedAt'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const guideCollection = guidesStore.collection<LocalGuide>('guides');
-export const sectionCollection = guidesStore.collection<LocalSection>('sections');
-export const stepCollection = guidesStore.collection<LocalStep>('steps');
-export const collectionCollection = guidesStore.collection<LocalCollection>('collections');
-export const runCollection = guidesStore.collection<LocalRun>('runs');
diff --git a/apps/guides/apps/web-archived/src/lib/i18n/index.ts b/apps/guides/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index f5f61159d..000000000
--- a/apps/guides/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { addMessages, init, getLocaleFromNavigator } from 'svelte-i18n';
-
-import de from './locales/de.json';
-import en from './locales/en.json';
-
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-const LOCALE_KEY = 'guides_locale';
-
-addMessages('de', de);
-addMessages('en', en);
-
-const saved = typeof localStorage !== 'undefined' ? localStorage.getItem(LOCALE_KEY) : null;
-const locale = saved ?? getLocaleFromNavigator() ?? 'de';
-
-init({
-	fallbackLocale: 'de',
-	initialLocale: locale.startsWith('de') ? 'de' : 'en',
-});
-
-export function setLocale(lang: SupportedLocale) {
-	if (typeof localStorage !== 'undefined') {
-		localStorage.setItem(LOCALE_KEY, lang);
-	}
-}
diff --git a/apps/guides/apps/web-archived/src/lib/i18n/locales/de.json b/apps/guides/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 584f9a7a6..000000000
--- a/apps/guides/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-	"app.name": "Guides",
-	"app.description": "Schritt-für-Schritt Anleitungen",
-	"nav.library": "Bibliothek",
-	"nav.collections": "Sammlungen",
-	"nav.history": "Verlauf",
-	"guide.new": "Neue Anleitung",
-	"guide.start_run": "Durchlauf starten",
-	"guide.continue_run": "Fortsetzen",
-	"guide.finish_run": "Durchlauf abschließen",
-	"guide.steps": "Schritte",
-	"guide.difficulty.easy": "Einfach",
-	"guide.difficulty.medium": "Mittel",
-	"guide.difficulty.hard": "Schwer",
-	"run.mode.scroll": "Scroll-Modus",
-	"run.mode.focus": "Fokus-Modus",
-	"common.save": "Speichern",
-	"common.cancel": "Abbrechen",
-	"common.delete": "Löschen",
-	"common.create": "Erstellen",
-	"common.back": "Zurück"
-}
diff --git a/apps/guides/apps/web-archived/src/lib/i18n/locales/en.json b/apps/guides/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 70ab1a94b..000000000
--- a/apps/guides/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-	"app.name": "Guides",
-	"app.description": "Step-by-Step Guides",
-	"nav.library": "Library",
-	"nav.collections": "Collections",
-	"nav.history": "History",
-	"guide.new": "New Guide",
-	"guide.start_run": "Start Run",
-	"guide.continue_run": "Continue",
-	"guide.finish_run": "Complete Run",
-	"guide.steps": "Steps",
-	"guide.difficulty.easy": "Easy",
-	"guide.difficulty.medium": "Medium",
-	"guide.difficulty.hard": "Hard",
-	"run.mode.scroll": "Scroll Mode",
-	"run.mode.focus": "Focus Mode",
-	"common.save": "Save",
-	"common.cancel": "Cancel",
-	"common.delete": "Delete",
-	"common.create": "Create",
-	"common.back": "Back"
-}
diff --git a/apps/guides/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/guides/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index c0de1a052..000000000
--- a/apps/guides/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { createAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createAuthStore();
diff --git a/apps/guides/apps/web-archived/src/lib/stores/guides.svelte.ts b/apps/guides/apps/web-archived/src/lib/stores/guides.svelte.ts
deleted file mode 100644
index 34bd950f7..000000000
--- a/apps/guides/apps/web-archived/src/lib/stores/guides.svelte.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-/**
- * Guides store — mutation layer for guides, sections, steps, and collections.
- * Reads happen via Dexie liveQuery in components.
- */
-
-import type { BaseRecord } from '@manacore/local-store';
-import {
-	guideCollection,
-	sectionCollection,
-	stepCollection,
-	collectionCollection,
-	type LocalGuide,
-	type LocalSection,
-	type LocalStep,
-	type LocalCollection,
-} from '$lib/data/local-store.js';
-
-// ─── Error state ─────────────────────────────────────────────
-
-let error = $state<string | null>(null);
-
-async function withErrorHandling<T>(fn: () => Promise<T>, msg: string): Promise<T | null> {
-	try {
-		return await fn();
-	} catch (e) {
-		error = msg;
-		console.error(msg, e);
-		return null;
-	}
-}
-
-// ─── Guides ──────────────────────────────────────────────────
-
-export const guidesStore = {
-	get error() {
-		return error;
-	},
-	clearError() {
-		error = null;
-	},
-
-	async createGuide(
-		data: Omit<LocalGuide, keyof BaseRecord>
-	): Promise<LocalGuide | null> {
-		return withErrorHandling(async () => {
-			return guideCollection.insert({
-				id: crypto.randomUUID(),
-				...data,
-				tags: data.tags ?? [],
-			});
-		}, 'Guide konnte nicht erstellt werden');
-	},
-
-	async updateGuide(id: string, data: Partial<LocalGuide>): Promise<LocalGuide | null> {
-		return withErrorHandling(
-			() => guideCollection.update(id, data),
-			'Guide konnte nicht aktualisiert werden'
-		);
-	},
-
-	async deleteGuide(id: string): Promise<void> {
-		await withErrorHandling(async () => {
-			// Soft-delete guide + cascade to sections/steps
-			await guideCollection.delete(id);
-			const sections = await sectionCollection.getAll({ guideId: id });
-			for (const s of sections) await sectionCollection.delete(s.id);
-			const steps = await stepCollection.getAll({ guideId: id });
-			for (const s of steps) await stepCollection.delete(s.id);
-		}, 'Guide konnte nicht gelöscht werden');
-	},
-
-	// ─── Sections ──────────────────────────────────────────
-
-	async createSection(data: Omit<LocalSection, keyof BaseRecord>): Promise<LocalSection | null> {
-		return withErrorHandling(
-			() => sectionCollection.insert({ id: crypto.randomUUID(), ...data }),
-			'Abschnitt konnte nicht erstellt werden'
-		);
-	},
-
-	async updateSection(id: string, data: Partial<LocalSection>): Promise<LocalSection | null> {
-		return withErrorHandling(
-			() => sectionCollection.update(id, data),
-			'Abschnitt konnte nicht aktualisiert werden'
-		);
-	},
-
-	async deleteSection(id: string): Promise<void> {
-		await withErrorHandling(async () => {
-			await sectionCollection.delete(id);
-			const steps = await stepCollection.getAll({ sectionId: id });
-			for (const s of steps) await stepCollection.delete(s.id);
-		}, 'Abschnitt konnte nicht gelöscht werden');
-	},
-
-	// ─── Steps ─────────────────────────────────────────────
-
-	async createStep(data: Omit<LocalStep, keyof BaseRecord>): Promise<LocalStep | null> {
-		return withErrorHandling(
-			() => stepCollection.insert({ id: crypto.randomUUID(), ...data }),
-			'Schritt konnte nicht erstellt werden'
-		);
-	},
-
-	async updateStep(id: string, data: Partial<LocalStep>): Promise<LocalStep | null> {
-		return withErrorHandling(
-			() => stepCollection.update(id, data),
-			'Schritt konnte nicht aktualisiert werden'
-		);
-	},
-
-	async deleteStep(id: string): Promise<void> {
-		await withErrorHandling(
-			() => stepCollection.delete(id),
-			'Schritt konnte nicht gelöscht werden'
-		);
-	},
-
-	// ─── Collections ───────────────────────────────────────
-
-	async createCollection(
-		data: Omit<LocalCollection, keyof BaseRecord>
-	): Promise<LocalCollection | null> {
-		return withErrorHandling(
-			() => collectionCollection.insert({ id: crypto.randomUUID(), ...data }),
-			'Sammlung konnte nicht erstellt werden'
-		);
-	},
-
-	async updateCollection(id: string, data: Partial<LocalCollection>): Promise<LocalCollection | null> {
-		return withErrorHandling(
-			() => collectionCollection.update(id, data),
-			'Sammlung konnte nicht aktualisiert werden'
-		);
-	},
-};
diff --git a/apps/guides/apps/web-archived/src/lib/stores/runs.svelte.ts b/apps/guides/apps/web-archived/src/lib/stores/runs.svelte.ts
deleted file mode 100644
index e6a104574..000000000
--- a/apps/guides/apps/web-archived/src/lib/stores/runs.svelte.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * Runs store — create, update, and complete guide runs.
- */
-
-import { runCollection, type LocalRun, type StepState } from '$lib/data/local-store.js';
-
-let error = $state<string | null>(null);
-
-async function withErrorHandling<T>(fn: () => Promise<T>, msg: string): Promise<T | null> {
-	try {
-		return await fn();
-	} catch (e) {
-		error = msg;
-		console.error(msg, e);
-		return null;
-	}
-}
-
-export const runsStore = {
-	get error() {
-		return error;
-	},
-	clearError() {
-		error = null;
-	},
-
-	async startRun(guideId: string, mode: LocalRun['mode'] = 'scroll'): Promise<LocalRun | null> {
-		return withErrorHandling(
-			() =>
-				runCollection.insert({
-					id: crypto.randomUUID(),
-					guideId,
-					startedAt: new Date().toISOString(),
-					mode,
-					stepStates: {},
-				}),
-			'Run konnte nicht gestartet werden'
-		);
-	},
-
-	async setStepState(runId: string, stepId: string, state: Partial<StepState>): Promise<void> {
-		await withErrorHandling(async () => {
-			const run = await runCollection.get(runId);
-			if (!run) return;
-			const existing = run.stepStates[stepId] ?? { done: false };
-			const updated: Record<string, StepState> = {
-				...run.stepStates,
-				[stepId]: { ...existing, ...state },
-			};
-			await runCollection.update(runId, { stepStates: updated });
-		}, 'Schritt-Status konnte nicht aktualisiert werden');
-	},
-
-	async completeRun(runId: string): Promise<void> {
-		await withErrorHandling(
-			() => runCollection.update(runId, { completedAt: new Date().toISOString() }),
-			'Run konnte nicht abgeschlossen werden'
-		);
-	},
-
-	async deleteRun(runId: string): Promise<void> {
-		await withErrorHandling(
-			() => runCollection.delete(runId),
-			'Run konnte nicht gelöscht werden'
-		);
-	},
-
-	/** Returns the most recent incomplete run for a guide, or null */
-	async getActiveRun(guideId: string): Promise<LocalRun | null> {
-		try {
-			const runs = await runCollection.getAll({ guideId });
-			return runs.find((r) => !r.completedAt) ?? null;
-		} catch {
-			return null;
-		}
-	},
-
-	/** Count completed runs for a guide */
-	async getRunCount(guideId: string): Promise<number> {
-		try {
-			const runs = await runCollection.getAll({ guideId });
-			return runs.filter((r) => r.completedAt).length;
-		} catch {
-			return 0;
-		}
-	},
-};
diff --git a/apps/guides/apps/web-archived/src/lib/stores/theme.ts b/apps/guides/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 525c85875..000000000
--- a/apps/guides/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore('guides_theme');
diff --git a/apps/guides/apps/web-archived/src/lib/version.ts b/apps/guides/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 360404f66..000000000
--- a/apps/guides/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.1.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/guides/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/guides/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index f218e8667..000000000
--- a/apps/guides/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,259 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { onMount, setContext } from 'svelte';
-	import { PillNavigation } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type { PillNavItem, PillDropdownItem, SpotlightAction } from '@manacore/shared-ui';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { guidesStore } from '$lib/stores/guides.svelte';
-	import { guidesStore as dbStore } from '$lib/data/local-store.js';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-		filterHiddenNavItems,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { AuthGate, GuestWelcomeModal, SessionExpiredBanner } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-
-	let { children } = $props();
-
-	// Context for child pages
-	let showCreateModal = $state(false);
-	let showImportModal = $state(false);
-	setContext('openCreateGuide', () => {
-		showCreateModal = true;
-	});
-	setContext('openImportGuide', () => {
-		showImportModal = true;
-	});
-
-	// App switcher
-	let appItems = $derived(getPillAppItems('guides', undefined, undefined, authStore.user?.tier));
-
-	// Collapsed state
-	let isCollapsed = $state(false);
-
-	// Theme
-	let isDark = $derived(theme.isDark);
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		[].filter((t): t is ThemeVariant => EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant))
-	);
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant]?.label || variant,
-			icon: THEME_DEFINITIONS[variant]?.icon || '🎨',
-			onClick: () => theme.setVariant(variant),
-			active: (theme.variant || 'lume') === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-	let currentThemeVariantLabel = $derived(
-		THEME_DEFINITIONS[theme.variant]?.label || THEME_DEFINITIONS.lume?.label || 'Lume'
-	);
-
-	// Language
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as Parameters<typeof setLocale>[0]);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// User
-	let userEmail = $derived(authStore.isAuthenticated ? authStore.user?.email || 'Menü' : '');
-
-	// Nav items
-	const baseNavItems: PillNavItem[] = [
-		{ href: '/', label: 'Bibliothek', icon: 'book' },
-		{ href: '/collections', label: 'Sammlungen', icon: 'stack' },
-		{ href: '/history', label: 'Verlauf', icon: 'clock-counter-clockwise' },
-	];
-
-	const navItems = $derived(filterHiddenNavItems('guides', baseNavItems, {}));
-
-	// Guest welcome
-	let showGuestWelcome = $state(false);
-	function initGuestWelcome() {
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('guides')) {
-			showGuestWelcome = true;
-		}
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-	}
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-guide',
-			label: 'Neuer Guide',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => {
-				showCreateModal = true;
-			},
-		},
-		{ id: 'all-guides', label: 'Alle Guides', category: 'Navigation', onExecute: () => goto('/') },
-		{
-			id: 'collections',
-			label: 'Sammlungen',
-			category: 'Navigation',
-			onExecute: () => goto('/collections'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		await dbStore.initialize();
-		if (authStore.isAuthenticated) {
-			dbStore.startSync(() => authStore.getValidToken());
-		}
-		const savedCollapsed = localStorage.getItem('guides-nav-collapsed');
-		if (savedCollapsed === 'true') isCollapsed = true;
-		initGuestWelcome();
-	}
-</script>
-
-<svelte:window
-	onkeydown={(e) => {
-		if ((e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey) {
-			const num = parseInt(e.key);
-			if (num >= 1 && num <= baseNavItems.length) {
-				e.preventDefault();
-				goto(baseNavItems[num - 1].href);
-			}
-		}
-	}}
-/>
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('guides')?.requiredTier}
-	appName={getManaApp('guides')?.name}
->
-	<div class="flex flex-col min-h-screen">
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="Guides"
-			homeRoute="/"
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			showThemeVariants={true}
-			{themeVariantItems}
-			{currentThemeVariantLabel}
-			themeMode={theme.mode}
-			onThemeModeChange={handleThemeModeChange}
-			showLanguageSwitcher={true}
-			{languageItems}
-			{currentLanguageLabel}
-			showLogout={authStore.isAuthenticated}
-			onLogout={handleLogout}
-			loginHref="/login"
-			primaryColor="#0d9488"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			{spotlightActions}
-		/>
-
-		<main class="relative z-0 pb-24" style="padding-top: 0">
-			{@render children()}
-		</main>
-
-		<SyncIndicator />
-	</div>
-
-	<!-- FAB -->
-	<button
-		onclick={() => (showCreateModal = true)}
-		class="fixed bottom-20 right-4 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-primary text-white shadow-lg transition-transform hover:scale-105 active:scale-95"
-		aria-label="Neue Anleitung erstellen"
-	>
-		<svg width="24" height="24" viewBox="0 0 256 256" fill="currentColor"
-			><path
-				d="M228 128a12 12 0 0 1-12 12h-76v76a12 12 0 0 1-24 0v-76H40a12 12 0 0 1 0-24h76V40a12 12 0 0 1 24 0v76h76a12 12 0 0 1 12 12Z"
-			/></svg
-		>
-	</button>
-
-	<!-- Guest Welcome -->
-	<GuestWelcomeModal
-		appId="guides"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={currentLocale === 'de' ? 'de' : 'en'}
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-</AuthGate>
-
-{#if showCreateModal}
-	{#await import('$lib/components/GuideEditModal.svelte') then { default: GuideEditModal }}
-		<GuideEditModal
-			open={true}
-			onClose={() => (showCreateModal = false)}
-			onSave={async (data) => {
-				await guidesStore.createGuide(data);
-				showCreateModal = false;
-			}}
-		/>
-	{/await}
-{/if}
-
-{#if showImportModal}
-	{#await import('$lib/components/ImportModal.svelte') then { default: ImportModal }}
-		<ImportModal
-			open={true}
-			onClose={() => (showImportModal = false)}
-			onImported={(id) => {
-				showImportModal = false;
-				goto(`/guide/${id}`);
-			}}
-		/>
-	{/await}
-{/if}
diff --git a/apps/guides/apps/web-archived/src/routes/(app)/+page.svelte b/apps/guides/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 8179cea7b..000000000
--- a/apps/guides/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,158 +0,0 @@
-<script lang="ts">
-	import { liveQuery } from 'dexie';
-	import { getContext } from 'svelte';
-	import { guideCollection, runCollection, type LocalGuide } from '$lib/data/local-store.js';
-	import GuideCard from '$lib/components/GuideCard.svelte';
-
-	// Filter state
-	let searchQuery = $state('');
-	let selectedCategory = $state<string | null>(null);
-	let selectedDifficulty = $state<string | null>(null);
-
-	// Live data
-	let allGuides = $state<LocalGuide[]>([]);
-	let runCountByGuide = $state<Record<string, number>>({});
-	let activeRunByGuide = $state<Record<string, boolean>>({});
-
-	$effect(() => {
-		const sub = liveQuery(() => guideCollection.getAll()).subscribe((guides) => {
-			allGuides = guides;
-		});
-		return () => sub.unsubscribe();
-	});
-
-	$effect(() => {
-		const sub = liveQuery(() => runCollection.getAll()).subscribe((runs) => {
-			const counts: Record<string, number> = {};
-			const active: Record<string, boolean> = {};
-			for (const run of runs) {
-				if (run.completedAt) counts[run.guideId] = (counts[run.guideId] ?? 0) + 1;
-				else active[run.guideId] = true;
-			}
-			runCountByGuide = counts;
-			activeRunByGuide = active;
-		});
-		return () => sub.unsubscribe();
-	});
-
-	// Derived filtered guides
-	let categories = $derived([...new Set(allGuides.map((g) => g.category))].sort());
-
-	let filteredGuides = $derived(
-		allGuides.filter((g) => {
-			if (searchQuery && !g.title.toLowerCase().includes(searchQuery.toLowerCase())) return false;
-			if (selectedCategory && g.category !== selectedCategory) return false;
-			if (selectedDifficulty && g.difficulty !== selectedDifficulty) return false;
-			return true;
-		})
-	);
-
-	const openCreateGuide = getContext<() => void>('openCreateGuide');
-	const openImportGuide = getContext<() => void>('openImportGuide');
-
-	const difficultyLabels = { easy: 'Einfach', medium: 'Mittel', hard: 'Schwer' };
-</script>
-
-<div class="p-4 md:p-6">
-	<!-- Header -->
-	<div class="mb-6 flex items-center justify-between">
-		<div>
-			<h1 class="text-2xl font-bold text-foreground">Bibliothek</h1>
-			<p class="text-sm text-muted-foreground">{allGuides.length} Anleitungen</p>
-		</div>
-		<div class="hidden md:flex items-center gap-2">
-			<button
-				onclick={openImportGuide}
-				class="rounded-lg border border-border px-4 py-2 text-sm font-medium text-muted-foreground hover:bg-accent hover:text-foreground"
-			>
-				↓ Importieren
-			</button>
-			<button
-				onclick={openCreateGuide}
-				class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-primary-hover flex items-center gap-2"
-			>
-				+ Neue Anleitung
-			</button>
-		</div>
-	</div>
-
-	<!-- Search & Filters -->
-	<div class="mb-6 flex flex-wrap gap-3">
-		<input
-			type="search"
-			placeholder="Suchen..."
-			bind:value={searchQuery}
-			class="h-9 rounded-lg border border-border bg-surface px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30 min-w-[180px]"
-		/>
-
-		<div class="flex gap-2 flex-wrap">
-			<!-- Category filter -->
-			{#each categories as cat}
-				<button
-					onclick={() => (selectedCategory = selectedCategory === cat ? null : cat)}
-					class="rounded-full px-3 py-1 text-xs font-medium transition-colors
-					{selectedCategory === cat
-						? 'bg-primary text-white'
-						: 'bg-muted text-muted-foreground hover:bg-accent'}"
-				>
-					{cat}
-				</button>
-			{/each}
-
-			<!-- Difficulty filter -->
-			{#each Object.entries(difficultyLabels) as [val, label]}
-				<button
-					onclick={() => (selectedDifficulty = selectedDifficulty === val ? null : val)}
-					class="rounded-full px-3 py-1 text-xs font-medium transition-colors
-					{selectedDifficulty === val
-						? 'bg-primary text-white'
-						: 'bg-muted text-muted-foreground hover:bg-accent'}"
-				>
-					{label}
-				</button>
-			{/each}
-		</div>
-	</div>
-
-	<!-- Guide grid -->
-	{#if filteredGuides.length === 0}
-		<div class="flex flex-col items-center justify-center py-24 text-center">
-			{#if allGuides.length === 0}
-				<span class="mb-4 text-6xl">📖</span>
-				<h2 class="mb-2 text-lg font-semibold text-foreground">Noch keine Anleitungen</h2>
-				<p class="mb-6 text-sm text-muted-foreground">
-					Erstelle deine erste Anleitung — ein Rezept, eine SOP, ein Lernpfad.
-				</p>
-				<button
-					onclick={openCreateGuide}
-					class="rounded-lg bg-primary px-5 py-2.5 text-sm font-medium text-white hover:bg-primary-hover"
-				>
-					Erste Anleitung erstellen
-				</button>
-			{:else}
-				<span class="mb-3 text-4xl">🔍</span>
-				<p class="text-sm text-muted-foreground">Keine Ergebnisse für diese Filter.</p>
-				<button
-					onclick={() => {
-						searchQuery = '';
-						selectedCategory = null;
-						selectedDifficulty = null;
-					}}
-					class="mt-3 text-sm text-primary hover:underline"
-				>
-					Filter zurücksetzen
-				</button>
-			{/if}
-		</div>
-	{:else}
-		<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-			{#each filteredGuides as guide (guide.id)}
-				<GuideCard
-					{guide}
-					runCount={runCountByGuide[guide.id] ?? 0}
-					hasActiveRun={activeRunByGuide[guide.id] ?? false}
-				/>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/guides/apps/web-archived/src/routes/(app)/collections/+page.svelte b/apps/guides/apps/web-archived/src/routes/(app)/collections/+page.svelte
deleted file mode 100644
index a9d03d6a5..000000000
--- a/apps/guides/apps/web-archived/src/routes/(app)/collections/+page.svelte
+++ /dev/null
@@ -1,143 +0,0 @@
-<script lang="ts">
-	import { liveQuery } from 'dexie';
-	import { collectionCollection, guideCollection, runCollection } from '$lib/data/local-store.js';
-	import type { LocalCollection, LocalGuide, LocalRun } from '$lib/data/local-store.js';
-	import { guidesStore } from '$lib/stores/guides.svelte';
-	import CollectionEditModal from '$lib/components/CollectionEditModal.svelte';
-
-	let showCreateModal = $state(false);
-	let editingCollection = $state<LocalCollection | undefined>(undefined);
-
-	let collections = $state<LocalCollection[]>([]);
-	let allGuides = $state<LocalGuide[]>([]);
-	let allRuns = $state<LocalRun[]>([]);
-
-	$effect(() => {
-		const sub = liveQuery(async () => {
-			const [cols, guides, runs] = await Promise.all([
-				collectionCollection.getAll(),
-				guideCollection.getAll(),
-				runCollection.getAll(),
-			]);
-			return { cols, guides, runs };
-		}).subscribe(({ cols, guides, runs }) => {
-			collections = cols;
-			allGuides = guides;
-			allRuns = runs;
-		});
-		return () => sub.unsubscribe();
-	});
-
-	function getGuidesForCollection(col: LocalCollection): LocalGuide[] {
-		if (col.type === 'path') {
-			return col.guideOrder
-				.map((id) => allGuides.find((g) => g.id === id))
-				.filter(Boolean) as LocalGuide[];
-		}
-		return allGuides.filter((g) => g.collectionId === col.id);
-	}
-
-	function getPathProgress(col: LocalCollection): number {
-		const guides = getGuidesForCollection(col);
-		if (guides.length === 0) return 0;
-		const completed = guides.filter((g) =>
-			allRuns.some((r) => r.guideId === g.id && r.completedAt)
-		).length;
-		return Math.round((completed / guides.length) * 100);
-	}
-</script>
-
-<div class="p-4 md:p-6">
-	<div class="mb-6 flex items-center justify-between">
-		<div>
-			<h1 class="text-2xl font-bold text-foreground">Sammlungen</h1>
-			<p class="text-sm text-muted-foreground">Lernpfade und thematische Anleitungs-Sets</p>
-		</div>
-		<button
-			onclick={() => { editingCollection = undefined; showCreateModal = true; }}
-			class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-primary-hover"
-		>
-			+ Neu
-		</button>
-	</div>
-
-	{#if collections.length === 0}
-		<div class="flex flex-col items-center justify-center py-24 text-center">
-			<span class="mb-4 text-6xl">📂</span>
-			<h2 class="mb-2 text-lg font-semibold">Noch keine Sammlungen</h2>
-			<p class="mb-6 text-sm text-muted-foreground max-w-sm">
-				Sammlungen gruppieren Anleitungen zu Lernpfaden oder thematischen Bibliotheken.
-			</p>
-			<button
-				onclick={() => { editingCollection = undefined; showCreateModal = true; }}
-				class="rounded-lg bg-primary px-5 py-2.5 text-sm font-medium text-white hover:bg-primary-hover"
-			>
-				Erste Sammlung erstellen
-			</button>
-		</div>
-	{:else}
-		<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-			{#each collections as col (col.id)}
-				{@const guides = getGuidesForCollection(col)}
-				{@const progress = col.type === 'path' ? getPathProgress(col) : null}
-				<a
-					href="/collections/{col.id}"
-					class="group block rounded-2xl border border-border bg-surface p-5 transition-all hover:border-primary/30 hover:shadow-md"
-				>
-					<div class="mb-3 flex items-center gap-3">
-						<div
-							class="flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl text-2xl"
-							style="background-color: {col.coverColor ?? '#0d9488'}20"
-						>
-							{col.coverEmoji ?? (col.type === 'path' ? '🗺' : '📚')}
-						</div>
-						<div class="flex-1 min-w-0">
-							<h3 class="truncate font-semibold text-foreground group-hover:text-primary">
-								{col.title}
-							</h3>
-							<span class="text-xs text-muted-foreground">
-								{col.type === 'path' ? '🗺 Lernpfad' : '📚 Bibliothek'} · {guides.length} Anleitungen
-							</span>
-						</div>
-					</div>
-
-					{#if col.description}
-						<p class="mb-3 text-xs text-muted-foreground line-clamp-2">{col.description}</p>
-					{/if}
-
-					{#if progress !== null}
-						<div>
-							<div class="mb-1 flex items-center justify-between text-xs">
-								<span class="text-muted-foreground">Fortschritt</span>
-								<span class="font-medium text-primary">{progress}%</span>
-							</div>
-							<div class="h-1.5 overflow-hidden rounded-full bg-muted">
-								<div
-									class="h-full rounded-full bg-primary transition-all"
-									style="width: {progress}%"
-								></div>
-							</div>
-						</div>
-					{/if}
-				</a>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-{#if showCreateModal}
-	<CollectionEditModal
-		open={true}
-		collection={editingCollection}
-		onClose={() => (showCreateModal = false)}
-		onSave={async (data) => {
-			if (editingCollection) await guidesStore.updateCollection(editingCollection.id, data);
-			else await guidesStore.createCollection(data);
-			showCreateModal = false;
-		}}
-		onDelete={editingCollection ? async (id) => {
-			await collectionCollection.delete(id);
-			showCreateModal = false;
-		} : undefined}
-	/>
-{/if}
diff --git a/apps/guides/apps/web-archived/src/routes/(app)/collections/[id]/+page.svelte b/apps/guides/apps/web-archived/src/routes/(app)/collections/[id]/+page.svelte
deleted file mode 100644
index 452cf5f39..000000000
--- a/apps/guides/apps/web-archived/src/routes/(app)/collections/[id]/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { liveQuery } from 'dexie';
-	import { goto } from '$app/navigation';
-	import {
-		collectionCollection,
-		guideCollection,
-		runCollection,
-		type LocalCollection,
-		type LocalGuide,
-		type LocalRun,
-	} from '$lib/data/local-store.js';
-	import { runsStore } from '$lib/stores/runs.svelte';
-
-	let colId = $derived($page.params.id);
-	let collection = $state<LocalCollection | null>(null);
-	let guides = $state<LocalGuide[]>([]);
-	let runs = $state<LocalRun[]>([]);
-
-	$effect(() => {
-		const id = colId;
-		const sub = liveQuery(async () => {
-			const [col, allGuides, allRuns] = await Promise.all([
-				collectionCollection.get(id),
-				guideCollection.getAll(),
-				runCollection.getAll(),
-			]);
-			return { col, allGuides, allRuns };
-		}).subscribe(({ col, allGuides, allRuns }) => {
-			collection = col ?? null;
-			if (!col) return;
-			if (col.type === 'path') {
-				guides = col.guideOrder
-					.map((gid) => allGuides.find((g) => g.id === gid))
-					.filter(Boolean) as LocalGuide[];
-			} else {
-				guides = allGuides.filter((g) => g.collectionId === col.id);
-			}
-			runs = allRuns;
-		});
-		return () => sub.unsubscribe();
-	});
-
-	function isGuideCompleted(guideId: string) {
-		return runs.some((r) => r.guideId === guideId && r.completedAt);
-	}
-
-	function getLastRunDate(guideId: string): string | null {
-		const guideRuns = runs.filter((r) => r.guideId === guideId && r.completedAt);
-		if (!guideRuns.length) return null;
-		const latest = guideRuns.sort((a, b) => b.completedAt!.localeCompare(a.completedAt!))[0];
-		return new Date(latest.completedAt!).toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' });
-	}
-
-	let completedCount = $derived(guides.filter((g) => isGuideCompleted(g.id)).length);
-	let progress = $derived(guides.length > 0 ? Math.round((completedCount / guides.length) * 100) : 0);
-
-	const difficultyConfig = {
-		easy: { label: 'Einfach', color: 'text-green-600' },
-		medium: { label: 'Mittel', color: 'text-amber-600' },
-		hard: { label: 'Schwer', color: 'text-red-600' },
-	};
-
-	async function startGuide(guide: LocalGuide) {
-		// Find or create active run
-		const activeRun = await runsStore.getActiveRun(guide.id);
-		if (activeRun) {
-			goto(`/guide/${guide.id}/run?runId=${activeRun.id}&mode=${activeRun.mode}`);
-		} else {
-			const run = await runsStore.startRun(guide.id, 'scroll');
-			if (run) goto(`/guide/${guide.id}/run?runId=${run.id}&mode=scroll`);
-		}
-	}
-</script>
-
-{#if !collection}
-	<div class="flex h-full items-center justify-center">
-		<p class="text-muted-foreground">Sammlung nicht gefunden.</p>
-	</div>
-{:else}
-	<div class="mx-auto max-w-2xl p-4 md:p-8">
-		<a href="/collections" class="mb-6 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground">
-			← Sammlungen
-		</a>
-
-		<!-- Header -->
-		<div class="mb-8 rounded-2xl p-6" style="background-color: {collection.coverColor ?? '#0d9488'}18">
-			<div class="flex items-start gap-4">
-				<span class="text-5xl">{collection.coverEmoji ?? (collection.type === 'path' ? '🗺' : '📚')}</span>
-				<div class="flex-1">
-					<div class="mb-1 flex items-center gap-2">
-						<h1 class="text-2xl font-bold text-foreground">{collection.title}</h1>
-						<span class="rounded-full bg-surface px-2 py-0.5 text-xs text-muted-foreground">
-							{collection.type === 'path' ? 'Lernpfad' : 'Bibliothek'}
-						</span>
-					</div>
-					{#if collection.description}
-						<p class="mb-3 text-sm text-muted-foreground">{collection.description}</p>
-					{/if}
-					<div class="text-sm text-muted-foreground">{guides.length} Anleitungen</div>
-				</div>
-			</div>
-
-			{#if collection.type === 'path'}
-				<div class="mt-5">
-					<div class="mb-1.5 flex items-center justify-between text-sm">
-						<span class="text-muted-foreground">{completedCount} von {guides.length} abgeschlossen</span>
-						<span class="font-semibold text-primary">{progress}%</span>
-					</div>
-					<div class="h-2 overflow-hidden rounded-full bg-surface">
-						<div class="h-full rounded-full bg-primary transition-all" style="width: {progress}%"></div>
-					</div>
-				</div>
-			{/if}
-		</div>
-
-		<!-- Guide list -->
-		<div class="space-y-3">
-			{#each guides as guide, i (guide.id)}
-				{@const completed = isGuideCompleted(guide.id)}
-				{@const lastRun = getLastRunDate(guide.id)}
-				<div
-					class="flex items-center gap-4 rounded-xl border p-4 transition-all
-					{completed ? 'border-green-200 bg-green-50/50 dark:border-green-900/30 dark:bg-green-950/20' : 'border-border bg-surface'}"
-				>
-					<!-- Index / Check -->
-					{#if collection.type === 'path'}
-						<div
-							class="flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full text-sm font-semibold
-							{completed ? 'bg-green-500 text-white' : 'bg-muted text-muted-foreground'}"
-						>
-							{completed ? '✓' : i + 1}
-						</div>
-					{:else}
-						<span class="text-2xl">{guide.coverEmoji ?? '📖'}</span>
-					{/if}
-
-					<!-- Info -->
-					<div class="flex-1 min-w-0">
-						<a href="/guide/{guide.id}" class="block truncate font-medium text-foreground hover:text-primary">
-							{guide.title}
-						</a>
-						<div class="flex items-center gap-2 text-xs text-muted-foreground">
-							<span class="{difficultyConfig[guide.difficulty].color}">{difficultyConfig[guide.difficulty].label}</span>
-							{#if guide.estimatedMinutes}
-								<span>· {guide.estimatedMinutes}min</span>
-							{/if}
-							{#if lastRun}
-								<span>· ✓ {lastRun}</span>
-							{/if}
-						</div>
-					</div>
-
-					<!-- Action -->
-					<button
-						onclick={() => startGuide(guide)}
-						class="flex-shrink-0 rounded-lg px-3 py-1.5 text-xs font-medium transition-colors
-						{completed
-							? 'border border-border text-muted-foreground hover:bg-accent'
-							: 'bg-primary text-white hover:bg-primary-hover'}"
-					>
-						{completed ? 'Wiederholen' : 'Starten'}
-					</button>
-				</div>
-			{/each}
-		</div>
-
-		{#if guides.length === 0}
-			<div class="py-16 text-center">
-				<p class="text-muted-foreground">Diese Sammlung enthält noch keine Anleitungen.</p>
-			</div>
-		{/if}
-	</div>
-{/if}
diff --git a/apps/guides/apps/web-archived/src/routes/(app)/guide/[id]/+page.svelte b/apps/guides/apps/web-archived/src/routes/(app)/guide/[id]/+page.svelte
deleted file mode 100644
index 40230b76a..000000000
--- a/apps/guides/apps/web-archived/src/routes/(app)/guide/[id]/+page.svelte
+++ /dev/null
@@ -1,578 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { liveQuery } from 'dexie';
-	import {
-		guideCollection,
-		sectionCollection,
-		stepCollection,
-		runCollection,
-		type LocalGuide,
-		type LocalSection,
-		type LocalStep,
-		type LocalRun,
-	} from '$lib/data/local-store.js';
-	import { runsStore } from '$lib/stores/runs.svelte';
-	import { guidesStore } from '$lib/stores/guides.svelte';
-	import GuideEditModal from '$lib/components/GuideEditModal.svelte';
-	import StepEditorModal from '$lib/components/StepEditorModal.svelte';
-	import type { BaseRecord } from '@manacore/local-store';
-
-	let guideId = $derived($page.params.id);
-
-	// ── Data ────────────────────────────────────────────────
-
-	let guide = $state<LocalGuide | null>(null);
-	let sections = $state<LocalSection[]>([]);
-	let steps = $state<LocalStep[]>([]);
-	let runs = $state<LocalRun[]>([]);
-
-	$effect(() => {
-		const id = guideId;
-		const sub = liveQuery(async () => {
-			const [g, sects, stps, rs] = await Promise.all([
-				guideCollection.get(id),
-				sectionCollection.getAll({ guideId: id }),
-				stepCollection.getAll({ guideId: id }),
-				runCollection.getAll({ guideId: id }),
-			]);
-			return { g, sects, stps, rs };
-		}).subscribe(({ g, sects, stps, rs }) => {
-			guide = g ?? null;
-			sections = sects.sort((a, b) => a.order - b.order);
-			steps = stps.sort((a, b) => a.order - b.order);
-			runs = rs.sort((a, b) => b.startedAt.localeCompare(a.startedAt));
-		});
-		return () => sub.unsubscribe();
-	});
-
-	// ── Derived ─────────────────────────────────────────────
-
-	let completedRuns = $derived(runs.filter((r) => r.completedAt));
-	let activeRun = $derived(runs.find((r) => !r.completedAt));
-	let checkableSteps = $derived(steps.filter((s) => s.checkable));
-
-	function getStepsForSection(sectionId: string) {
-		return steps.filter((s) => s.sectionId === sectionId).sort((a, b) => a.order - b.order);
-	}
-	function getUnsectionedSteps() {
-		return steps.filter((s) => !s.sectionId).sort((a, b) => a.order - b.order);
-	}
-	function getActiveRunProgress() {
-		if (!activeRun || !checkableSteps.length) return 0;
-		const done = Object.values(activeRun.stepStates).filter((s) => s.done).length;
-		return Math.round((done / checkableSteps.length) * 100);
-	}
-
-	// ── UI state ────────────────────────────────────────────
-
-	let editMode = $state(false);
-	let showGuideEditModal = $state(false);
-	let showDeleteConfirm = $state(false);
-	let showAddSection = $state(false);
-	let newSectionTitle = $state('');
-
-	// StepEditorModal state
-	let stepModalOpen = $state(false);
-	let editingStep = $state<LocalStep | undefined>(undefined);
-	let stepModalSectionId = $state<string | undefined>(undefined);
-
-	// Quick-add state (inline, no modal)
-	let quickAddSectionId = $state<string | 'root' | null>(null);
-	let quickAddTitle = $state('');
-
-	async function quickAddStep(sectionId?: string) {
-		if (!quickAddTitle.trim()) { quickAddSectionId = null; return; }
-		const targetSteps = sectionId ? getStepsForSection(sectionId) : getUnsectionedSteps();
-		await guidesStore.createStep({
-			guideId,
-			sectionId,
-			order: targetSteps.length,
-			title: quickAddTitle.trim(),
-			type: 'instruction',
-			checkable: true,
-		});
-		quickAddTitle = '';
-		// keep open for next step
-	}
-
-	function openAddStep(sectionId?: string) {
-		editingStep = undefined;
-		stepModalSectionId = sectionId;
-		stepModalOpen = true;
-	}
-	function openEditStep(step: LocalStep) {
-		editingStep = step;
-		stepModalSectionId = step.sectionId;
-		stepModalOpen = true;
-	}
-
-	// ── Actions ─────────────────────────────────────────────
-
-	async function handleSaveStep(data: Omit<LocalStep, keyof BaseRecord>) {
-		if (editingStep) {
-			await guidesStore.updateStep(editingStep.id, data);
-		} else {
-			const targetSteps = data.sectionId
-				? getStepsForSection(data.sectionId)
-				: getUnsectionedSteps();
-			await guidesStore.createStep({ ...data, order: targetSteps.length });
-		}
-		stepModalOpen = false;
-	}
-
-	async function deleteStep(stepId: string) {
-		await guidesStore.deleteStep(stepId);
-	}
-
-	async function moveStep(step: LocalStep, direction: 'up' | 'down') {
-		const siblings = step.sectionId
-			? getStepsForSection(step.sectionId)
-			: getUnsectionedSteps();
-		const idx = siblings.findIndex((s) => s.id === step.id);
-		const swapIdx = direction === 'up' ? idx - 1 : idx + 1;
-		if (swapIdx < 0 || swapIdx >= siblings.length) return;
-		const other = siblings[swapIdx];
-		await Promise.all([
-			guidesStore.updateStep(step.id, { order: other.order }),
-			guidesStore.updateStep(other.id, { order: step.order }),
-		]);
-	}
-
-	async function addSection() {
-		if (!newSectionTitle.trim()) return;
-		await guidesStore.createSection({ guideId, title: newSectionTitle.trim(), order: sections.length });
-		newSectionTitle = '';
-		showAddSection = false;
-	}
-
-	async function deleteSection(sectionId: string) {
-		await guidesStore.deleteSection(sectionId);
-	}
-
-	async function handleDeleteGuide() {
-		await guidesStore.deleteGuide(guideId);
-		goto('/');
-	}
-
-	async function startRun(mode: 'scroll' | 'focus') {
-		const run = await runsStore.startRun(guideId, mode);
-		if (run) goto(`/guide/${guideId}/run?runId=${run.id}&mode=${mode}`);
-	}
-
-	async function continueRun() {
-		if (activeRun) goto(`/guide/${guideId}/run?runId=${activeRun.id}&mode=${activeRun.mode}`);
-	}
-
-	// ── Share ────────────────────────────────────────────────
-
-	const SERVER_URL = import.meta.env.PUBLIC_GUIDES_SERVER_URL || 'http://localhost:3027';
-	let shareUrl = $state<string | null>(null);
-	let shareLoading = $state(false);
-	let shareCopied = $state(false);
-
-	async function shareGuide() {
-		if (!guide) return;
-		shareLoading = true;
-		try {
-			const res = await fetch(`${SERVER_URL}/api/v1/share`, {
-				method: 'POST',
-				headers: { 'Content-Type': 'application/json' },
-				body: JSON.stringify({ guide, sections: steps }),
-			});
-			if (res.ok) {
-				const data = await res.json<{ url: string }>();
-				shareUrl = data.url;
-			}
-		} catch {
-			// silently fail — share is optional
-		} finally {
-			shareLoading = false;
-		}
-	}
-
-	async function copyShareUrl() {
-		if (!shareUrl) return;
-		await navigator.clipboard.writeText(shareUrl);
-		shareCopied = true;
-		setTimeout(() => { shareCopied = false; }, 2000);
-	}
-
-	// ── Display config ───────────────────────────────────────
-
-	const difficultyConfig = {
-		easy: { label: 'Einfach', color: 'text-green-600 bg-green-50 dark:bg-green-950/30' },
-		medium: { label: 'Mittel', color: 'text-amber-600 bg-amber-50 dark:bg-amber-950/30' },
-		hard: { label: 'Schwer', color: 'text-red-600 bg-red-50 dark:bg-red-950/30' },
-	};
-
-	const stepTypeConfig: Record<string, { icon: string; border: string; bg: string }> = {
-		instruction: { icon: '→', border: 'border-l-primary', bg: '' },
-		warning:     { icon: '⚠', border: 'border-l-orange-400', bg: 'bg-orange-50/50 dark:bg-orange-950/20' },
-		tip:         { icon: '💡', border: 'border-l-violet-400', bg: 'bg-violet-50/50 dark:bg-violet-950/20' },
-		checkpoint:  { icon: '✓', border: 'border-l-blue-400', bg: 'bg-blue-50/50 dark:bg-blue-950/20' },
-		code:        { icon: '</>', border: 'border-l-slate-400', bg: 'bg-slate-50/50 dark:bg-slate-950/20' },
-	};
-</script>
-
-{#if !guide}
-	<div class="flex h-full items-center justify-center p-8">
-		<p class="text-muted-foreground">Anleitung nicht gefunden.</p>
-	</div>
-{:else}
-	<div class="mx-auto max-w-3xl p-4 md:p-8">
-
-		<!-- Back + Edit toggle -->
-		<div class="mb-5 flex items-center justify-between">
-			<a href="/" class="flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground">
-				← Bibliothek
-			</a>
-			<div class="flex items-center gap-2">
-				<button
-					onclick={shareGuide}
-					disabled={shareLoading}
-					class="rounded-lg px-3 py-1.5 text-xs font-medium border border-border text-muted-foreground hover:bg-accent transition-colors disabled:opacity-50"
-					title="Guide teilen"
-				>
-					{shareLoading ? '…' : '↗ Teilen'}
-				</button>
-				<button
-					onclick={() => (editMode = !editMode)}
-					class="rounded-lg px-3 py-1.5 text-xs font-medium transition-colors
-					{editMode ? 'bg-primary text-white' : 'border border-border text-muted-foreground hover:bg-accent'}"
-				>
-					{editMode ? '✓ Fertig' : '✏ Bearbeiten'}
-				</button>
-			</div>
-		</div>
-
-		<!-- Cover header -->
-		<div
-			class="mb-6 rounded-2xl p-5"
-			style="background-color: {guide.coverColor ?? '#0d9488'}18"
-		>
-			<div class="flex items-start gap-4">
-				<span class="flex-shrink-0 text-5xl">{guide.coverEmoji ?? '📖'}</span>
-				<div class="flex-1 min-w-0">
-					<h1 class="text-xl font-bold text-foreground leading-tight">{guide.title}</h1>
-					{#if guide.description}
-						<p class="mt-1 text-sm text-muted-foreground">{guide.description}</p>
-					{/if}
-					<div class="mt-2 flex flex-wrap items-center gap-2">
-						<span class="rounded-full px-2 py-0.5 text-xs font-medium {difficultyConfig[guide.difficulty].color}">
-							{difficultyConfig[guide.difficulty].label}
-						</span>
-						{#if guide.estimatedMinutes}
-							<span class="text-xs text-muted-foreground">⏱ {guide.estimatedMinutes}min</span>
-						{/if}
-						<span class="text-xs text-muted-foreground">{steps.length} Schritte</span>
-						{#if completedRuns.length > 0}
-							<span class="text-xs text-muted-foreground">✓ {completedRuns.length}× abgeschlossen</span>
-						{/if}
-					</div>
-				</div>
-				{#if editMode}
-					<div class="flex flex-shrink-0 gap-1">
-						<button
-							onclick={() => (showGuideEditModal = true)}
-							class="rounded-lg p-2 text-sm text-muted-foreground hover:bg-surface"
-							title="Guide-Einstellungen"
-						>✏️</button>
-						<button
-							onclick={() => (showDeleteConfirm = true)}
-							class="rounded-lg p-2 text-sm text-muted-foreground hover:bg-red-50 hover:text-red-600"
-							title="Anleitung löschen"
-						>🗑</button>
-					</div>
-				{/if}
-			</div>
-		</div>
-
-		<!-- Share URL banner -->
-		{#if shareUrl}
-			<div class="mb-4 flex items-center gap-2 rounded-xl border border-teal-200 bg-teal-50 dark:border-teal-800 dark:bg-teal-950/30 px-4 py-3">
-				<span class="text-xs text-teal-700 dark:text-teal-300 flex-1 truncate">{shareUrl}</span>
-				<button
-					onclick={copyShareUrl}
-					class="shrink-0 rounded-lg px-3 py-1 text-xs font-medium bg-teal-600 text-white hover:bg-teal-700 transition-colors"
-				>
-					{shareCopied ? '✓ Kopiert' : 'Kopieren'}
-				</button>
-			</div>
-		{/if}
-
-		<!-- Active run banner -->
-		{#if activeRun && !editMode}
-			<div class="mb-6 rounded-xl border border-primary/30 bg-primary/5 p-4">
-				<div class="mb-2 flex items-center justify-between">
-					<span class="text-sm font-medium text-primary">Aktiver Durchlauf</span>
-					<span class="text-xs text-muted-foreground">{getActiveRunProgress()}%</span>
-				</div>
-				<div class="mb-3 h-1.5 overflow-hidden rounded-full bg-primary/20">
-					<div class="h-full rounded-full bg-primary transition-all" style="width: {getActiveRunProgress()}%"></div>
-				</div>
-				<button onclick={continueRun} class="w-full rounded-lg bg-primary px-4 py-2.5 text-sm font-medium text-white hover:bg-primary-hover">
-					Fortsetzen →
-				</button>
-			</div>
-		{:else if !editMode}
-			<div class="mb-8 flex gap-3">
-				<button
-					onclick={() => startRun('scroll')}
-					disabled={steps.length === 0}
-					class="flex-1 rounded-xl bg-primary px-4 py-3 text-sm font-semibold text-white hover:bg-primary-hover disabled:opacity-40"
-				>
-					▶ Durchlauf starten
-				</button>
-				<button
-					onclick={() => startRun('focus')}
-					disabled={steps.length === 0}
-					class="rounded-xl border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-accent disabled:opacity-40"
-					title="Fokus-Modus: ein Schritt auf einmal"
-				>
-					🎯 Fokus
-				</button>
-			</div>
-		{/if}
-
-		<!-- Steps + Edit controls -->
-		<div class="space-y-6">
-
-			<!-- Sections with steps -->
-			{#if sections.length > 0}
-				{#each sections as section (section.id)}
-					{@const sectionSteps = getStepsForSection(section.id)}
-					<div>
-						<div class="mb-2 flex items-center gap-2">
-							<h2 class="text-xs font-semibold uppercase tracking-wider text-muted-foreground">
-								{section.title}
-							</h2>
-							{#if editMode}
-								<button
-									onclick={() => deleteSection(section.id)}
-									class="ml-auto text-xs text-red-400 hover:text-red-600"
-									title="Abschnitt löschen"
-								>✕</button>
-							{/if}
-						</div>
-
-						<div class="space-y-2">
-							{#each sectionSteps as step, i (step.id)}
-								{@const cfg = stepTypeConfig[step.type]}
-								<div class="group flex items-start gap-2 rounded-xl border-l-2 px-4 py-3 {cfg.border} {cfg.bg} bg-surface">
-									<span class="mt-0.5 w-5 flex-shrink-0 text-center text-xs font-mono text-muted-foreground">{cfg.icon}</span>
-									<div class="flex-1 min-w-0">
-										<p class="text-sm font-medium text-foreground">{step.title}</p>
-										{#if step.content}
-											<p class="mt-1 text-xs text-muted-foreground whitespace-pre-wrap line-clamp-2">{step.content}</p>
-										{/if}
-									</div>
-									{#if editMode}
-										<div class="flex flex-shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100">
-											<button onclick={() => moveStep(step, 'up')} disabled={i === 0} class="p-1 text-muted-foreground hover:text-foreground disabled:opacity-20">↑</button>
-											<button onclick={() => moveStep(step, 'down')} disabled={i === sectionSteps.length - 1} class="p-1 text-muted-foreground hover:text-foreground disabled:opacity-20">↓</button>
-											<button onclick={() => openEditStep(step)} class="p-1 text-muted-foreground hover:text-foreground">✏</button>
-											<button onclick={() => deleteStep(step.id)} class="p-1 text-red-400 hover:text-red-600">✕</button>
-										</div>
-									{/if}
-								</div>
-							{/each}
-
-							{#if editMode}
-								{#if quickAddSectionId === section.id}
-									<div class="flex gap-2">
-										<input type="text" bind:value={quickAddTitle}
-											placeholder="Schritt-Titel (Enter = hinzufügen)" autofocus
-											onkeydown={async (e) => {
-												if (e.key === 'Enter') await quickAddStep(section.id);
-												if (e.key === 'Escape') { quickAddSectionId = null; quickAddTitle = ''; }
-											}}
-											class="flex-1 rounded-xl border border-primary/50 bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30"
-										/>
-										<button onclick={() => quickAddStep(section.id)} class="rounded-xl bg-primary px-3 py-2 text-sm text-white">+</button>
-										<button onclick={() => { quickAddSectionId = null; quickAddTitle = ''; }} class="rounded-xl border border-border px-3 py-2 text-sm text-muted-foreground">✕</button>
-										<button onclick={() => openAddStep(section.id)} class="rounded-xl border border-border px-2 py-2 text-xs text-muted-foreground hover:bg-accent" title="Erweitert">⋯</button>
-									</div>
-								{:else}
-									<button onclick={() => { quickAddSectionId = section.id; quickAddTitle = ''; }}
-										class="flex w-full items-center gap-2 rounded-xl border border-dashed border-border px-4 py-3 text-sm text-muted-foreground hover:border-primary/40 hover:text-primary">
-										<span class="text-lg leading-none">+</span> Schritt hinzufügen
-									</button>
-								{/if}
-							{/if}
-						</div>
-					</div>
-				{/each}
-			{/if}
-
-			<!-- Unsectioned steps -->
-			{#if getUnsectionedSteps().length > 0 || (sections.length === 0)}
-				{@const unsectioned = getUnsectionedSteps()}
-				<div class="space-y-2">
-					{#each unsectioned as step, i (step.id)}
-						{@const cfg = stepTypeConfig[step.type]}
-						<div class="group flex items-start gap-2 rounded-xl border-l-2 px-4 py-3 {cfg.border} {cfg.bg} bg-surface">
-							<span class="mt-0.5 w-5 flex-shrink-0 text-center text-xs font-mono text-muted-foreground">{cfg.icon}</span>
-							<div class="flex-1 min-w-0">
-								<p class="text-sm font-medium text-foreground">{step.title}</p>
-								{#if step.content}
-									<p class="mt-1 text-xs text-muted-foreground whitespace-pre-wrap line-clamp-2">{step.content}</p>
-								{/if}
-							</div>
-							{#if editMode}
-								<div class="flex flex-shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100">
-									<button onclick={() => moveStep(step, 'up')} disabled={i === 0} class="p-1 text-muted-foreground hover:text-foreground disabled:opacity-20">↑</button>
-									<button onclick={() => moveStep(step, 'down')} disabled={i === unsectioned.length - 1} class="p-1 text-muted-foreground hover:text-foreground disabled:opacity-20">↓</button>
-									<button onclick={() => openEditStep(step)} class="p-1 text-muted-foreground hover:text-foreground">✏</button>
-									<button onclick={() => deleteStep(step.id)} class="p-1 text-red-400 hover:text-red-600">✕</button>
-								</div>
-							{/if}
-						</div>
-					{/each}
-
-					{#if editMode}
-						{#if quickAddSectionId === 'root'}
-							<div class="flex gap-2">
-								<input
-									type="text"
-									bind:value={quickAddTitle}
-									placeholder="Schritt-Titel (Enter = hinzufügen)"
-									autofocus
-									onkeydown={async (e) => {
-										if (e.key === 'Enter') await quickAddStep(undefined);
-										if (e.key === 'Escape') { quickAddSectionId = null; quickAddTitle = ''; }
-									}}
-									class="flex-1 rounded-xl border border-primary/50 bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30"
-								/>
-								<button onclick={() => quickAddStep(undefined)} class="rounded-xl bg-primary px-3 py-2 text-sm text-white hover:bg-primary-hover">+</button>
-								<button onclick={() => { quickAddSectionId = null; quickAddTitle = ''; }} class="rounded-xl border border-border px-3 py-2 text-sm text-muted-foreground">✕</button>
-								<button onclick={() => openAddStep(undefined)} class="rounded-xl border border-border px-3 py-2 text-xs text-muted-foreground hover:bg-accent" title="Erweitert bearbeiten">⋯</button>
-							</div>
-						{:else}
-							<button
-								onclick={() => { quickAddSectionId = 'root'; quickAddTitle = ''; }}
-								class="flex w-full items-center gap-2 rounded-xl border border-dashed border-border px-4 py-3 text-sm text-muted-foreground transition-colors hover:border-primary/40 hover:text-primary"
-							>
-								<span class="text-lg leading-none">+</span>
-								Schritt hinzufügen
-							</button>
-						{/if}
-					{/if}
-				</div>
-			{/if}
-
-			<!-- Empty state -->
-			{#if steps.length === 0 && !editMode}
-				<div class="rounded-xl border border-dashed border-border py-12 text-center">
-					<p class="mb-3 text-sm text-muted-foreground">Noch keine Schritte</p>
-					<button
-						onclick={() => (editMode = true)}
-						class="text-sm font-medium text-primary hover:underline"
-					>
-						Bearbeiten um Schritte hinzuzufügen →
-					</button>
-				</div>
-			{/if}
-
-			<!-- Edit mode: add section / add step (top-level) -->
-			{#if editMode}
-				<div class="mt-2 space-y-2 border-t border-border pt-4">
-					{#if showAddSection}
-						<div class="flex gap-2">
-							<input
-								type="text"
-								bind:value={newSectionTitle}
-								placeholder="Abschnitt-Titel"
-								autofocus
-								onkeydown={(e) => { if (e.key === 'Enter') addSection(); if (e.key === 'Escape') { showAddSection = false; newSectionTitle = ''; } }}
-								class="flex-1 rounded-xl border border-border bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30"
-							/>
-							<button onclick={addSection} class="rounded-xl bg-primary px-4 py-2 text-sm text-white hover:bg-primary-hover">OK</button>
-							<button onclick={() => { showAddSection = false; newSectionTitle = ''; }} class="rounded-xl border border-border px-3 py-2 text-sm text-muted-foreground">✕</button>
-						</div>
-					{:else}
-						<button
-							onclick={() => (showAddSection = true)}
-							class="flex w-full items-center gap-2 rounded-xl border border-dashed border-border px-4 py-3 text-sm text-muted-foreground transition-colors hover:border-primary/40 hover:text-primary"
-						>
-							<span class="text-lg leading-none">⊞</span>
-							Abschnitt hinzufügen
-						</button>
-					{/if}
-				</div>
-			{/if}
-		</div>
-
-		<!-- Run history -->
-		{#if completedRuns.length > 0 && !editMode}
-			<div class="mt-10 border-t border-border pt-6">
-				<h2 class="mb-3 text-sm font-semibold text-foreground">Verlauf</h2>
-				<div class="space-y-2">
-					{#each completedRuns.slice(0, 5) as run (run.id)}
-						{@const doneCount = Object.values(run.stepStates).filter((s) => s.done).length}
-						<div class="flex items-center justify-between rounded-lg bg-surface px-4 py-2.5 text-sm">
-							<div class="flex items-center gap-2">
-								<span class="text-green-500">✓</span>
-								<span class="text-foreground">
-									{new Date(run.startedAt).toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' })}
-								</span>
-							</div>
-							<span class="text-xs text-muted-foreground">{doneCount}/{checkableSteps.length} Schritte · {run.mode === 'focus' ? '🎯' : '📜'}</span>
-						</div>
-					{/each}
-				</div>
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<!-- Modals -->
-{#if showGuideEditModal && guide}
-	<GuideEditModal
-		open={true}
-		{guide}
-		onClose={() => (showGuideEditModal = false)}
-		onSave={async (data) => {
-			await guidesStore.updateGuide(guide!.id, data);
-			showGuideEditModal = false;
-		}}
-		onDelete={async (id) => {
-			showGuideEditModal = false;
-			await guidesStore.deleteGuide(id);
-			goto('/');
-		}}
-	/>
-{/if}
-
-{#if stepModalOpen}
-	<StepEditorModal
-		open={true}
-		step={editingStep}
-		{guideId}
-		sectionId={stepModalSectionId}
-		order={0}
-		onClose={() => (stepModalOpen = false)}
-		onSave={handleSaveStep}
-	/>
-{/if}
-
-<!-- Delete confirm -->
-{#if showDeleteConfirm}
-	<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4" onmousedown={(e) => e.target === e.currentTarget && (showDeleteConfirm = false)}>
-		<div class="w-full max-w-sm rounded-2xl bg-background p-6 shadow-xl">
-			<h3 class="mb-2 text-lg font-semibold text-foreground">Anleitung löschen?</h3>
-			<p class="mb-6 text-sm text-muted-foreground">
-				<strong>„{guide?.title}"</strong> und alle Schritte werden unwiderruflich gelöscht.
-			</p>
-			<div class="flex gap-3">
-				<button onclick={() => (showDeleteConfirm = false)} class="flex-1 rounded-xl border border-border py-2.5 text-sm text-foreground hover:bg-accent">
-					Abbrechen
-				</button>
-				<button onclick={handleDeleteGuide} class="flex-1 rounded-xl bg-red-500 py-2.5 text-sm font-medium text-white hover:bg-red-600">
-					Löschen
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/guides/apps/web-archived/src/routes/(app)/guide/[id]/run/+page.svelte b/apps/guides/apps/web-archived/src/routes/(app)/guide/[id]/run/+page.svelte
deleted file mode 100644
index 42e7b85d1..000000000
--- a/apps/guides/apps/web-archived/src/routes/(app)/guide/[id]/run/+page.svelte
+++ /dev/null
@@ -1,278 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { liveQuery } from 'dexie';
-	import {
-		guideCollection,
-		sectionCollection,
-		stepCollection,
-		runCollection,
-		type LocalGuide,
-		type LocalStep,
-		type LocalRun,
-	} from '$lib/data/local-store.js';
-	import { runsStore } from '$lib/stores/runs.svelte';
-
-	let guideId = $derived($page.params.id);
-	let runId = $derived($page.url.searchParams.get('runId') ?? '');
-	let mode = $derived(($page.url.searchParams.get('mode') ?? 'scroll') as 'scroll' | 'focus');
-
-	let guide = $state<LocalGuide | null>(null);
-	let steps = $state<LocalStep[]>([]);
-	let run = $state<LocalRun | null>(null);
-	let focusIndex = $state(0);
-	let showNoteInput = $state(false);
-	let noteText = $state('');
-
-	$effect(() => {
-		const id = guideId;
-		const rId = runId;
-		const sub = liveQuery(async () => {
-			const [g, stps, r] = await Promise.all([
-				guideCollection.get(id),
-				stepCollection.getAll({ guideId: id }),
-				runCollection.get(rId),
-			]);
-			return { g, stps, r };
-		}).subscribe(({ g, stps, r }) => {
-			guide = g ?? null;
-			steps = stps.filter((s) => s.checkable).sort((a, b) => a.order - b.order);
-			run = r ?? null;
-		});
-		return () => sub.unsubscribe();
-	});
-
-	function isStepDone(stepId: string) {
-		return run?.stepStates[stepId]?.done ?? false;
-	}
-
-	let doneCount = $derived(steps.filter((s) => isStepDone(s.id)).length);
-	let progress = $derived(steps.length > 0 ? Math.round((doneCount / steps.length) * 100) : 0);
-	let isComplete = $derived(doneCount === steps.length && steps.length > 0);
-
-	async function toggleStep(stepId: string) {
-		if (!runId) return;
-		const current = isStepDone(stepId);
-		await runsStore.setStepState(runId, stepId, {
-			done: !current,
-			doneAt: !current ? new Date().toISOString() : undefined,
-		});
-		if (!current && mode === 'focus' && focusIndex < steps.length - 1) {
-			focusIndex++;
-		}
-	}
-
-	async function saveNote() {
-		if (!runId || !steps[focusIndex]) return;
-		await runsStore.setStepState(runId, steps[focusIndex].id, { notes: noteText });
-		showNoteInput = false;
-		noteText = '';
-	}
-
-	async function finishRun() {
-		if (!runId) return;
-		await runsStore.completeRun(runId);
-		goto(`/guide/${guideId}`);
-	}
-
-	function exitRun() {
-		goto(`/guide/${guideId}`);
-	}
-
-	const stepTypeIcons: Record<string, string> = {
-		instruction: '→',
-		warning: '⚠',
-		tip: '💡',
-		checkpoint: '✓',
-		code: '</>',
-	};
-</script>
-
-{#if !guide || !run}
-	<div class="flex h-screen items-center justify-center">
-		<div class="h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent"></div>
-	</div>
-{:else if mode === 'scroll'}
-	<!-- ── Scroll mode ───────────────────────────────────────── -->
-	<div class="mx-auto max-w-2xl p-4 md:p-6">
-		<!-- Header -->
-		<div class="mb-6 flex items-center justify-between">
-			<button onclick={exitRun} class="text-sm text-muted-foreground hover:text-foreground">
-				← {guide.title}
-			</button>
-			<span class="text-sm text-muted-foreground">{doneCount}/{steps.length} · {progress}%</span>
-		</div>
-
-		<!-- Progress bar -->
-		<div class="mb-6 h-1.5 overflow-hidden rounded-full bg-muted">
-			<div class="h-full rounded-full bg-primary transition-all duration-300" style="width: {progress}%"></div>
-		</div>
-
-		<!-- Steps -->
-		<div class="space-y-3">
-			{#each steps as step, i (step.id)}
-				{@const done = isStepDone(step.id)}
-				<button
-					onclick={() => toggleStep(step.id)}
-					class="w-full rounded-xl border p-4 text-left transition-all
-					{done
-						? 'border-primary/30 bg-primary/5'
-						: 'border-border bg-surface hover:border-primary/30 hover:bg-accent/30'}"
-				>
-					<div class="flex items-start gap-3">
-						<!-- Checkbox -->
-						<div
-							class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border-2 transition-colors
-							{done ? 'border-primary bg-primary' : 'border-border'}"
-						>
-							{#if done}
-								<span class="text-xs text-white">✓</span>
-							{/if}
-						</div>
-						<div class="flex-1 min-w-0">
-							<div class="flex items-center gap-2">
-								<span class="text-xs text-muted-foreground">{stepTypeIcons[step.type]}</span>
-								<span class="text-sm font-medium {done ? 'line-through text-muted-foreground' : 'text-foreground'}">
-									{step.title}
-								</span>
-							</div>
-							{#if step.content && !done}
-								<p class="mt-1.5 text-xs text-muted-foreground whitespace-pre-wrap">{step.content}</p>
-							{/if}
-						</div>
-					</div>
-				</button>
-			{/each}
-		</div>
-
-		<!-- Complete button -->
-		{#if isComplete}
-			<div class="mt-8 text-center">
-				<div class="mb-4 text-5xl">🎉</div>
-				<p class="mb-2 text-lg font-semibold text-foreground">Alle Schritte erledigt!</p>
-				<p class="mb-6 text-sm text-muted-foreground">Möchtest du den Durchlauf abschließen?</p>
-				<button
-					onclick={finishRun}
-					class="rounded-xl bg-primary px-8 py-3 text-sm font-semibold text-white hover:bg-primary-hover"
-				>
-					Durchlauf abschließen
-				</button>
-			</div>
-		{/if}
-	</div>
-
-{:else}
-	<!-- ── Focus mode ────────────────────────────────────────── -->
-	{#if steps.length === 0}
-		<div class="flex h-screen items-center justify-center">
-			<p class="text-muted-foreground">Keine Schritte vorhanden.</p>
-		</div>
-	{:else}
-		{@const currentStep = steps[focusIndex]}
-		{@const done = isStepDone(currentStep.id)}
-
-		<div class="flex h-screen flex-col">
-			<!-- Top bar -->
-			<div class="flex items-center justify-between border-b border-border px-4 py-3">
-				<button onclick={exitRun} class="text-sm text-muted-foreground hover:text-foreground">✕</button>
-				<div class="flex items-center gap-3">
-					<span class="text-xs text-muted-foreground">
-						{focusIndex + 1} / {steps.length}
-					</span>
-					<div class="h-1.5 w-24 overflow-hidden rounded-full bg-muted">
-						<div class="h-full rounded-full bg-primary transition-all" style="width: {progress}%"></div>
-					</div>
-				</div>
-				<span class="text-xs text-muted-foreground">{progress}%</span>
-			</div>
-
-			<!-- Step content -->
-			<div class="flex flex-1 flex-col items-center justify-center px-6 text-center">
-				<div class="mb-6 text-4xl">{stepTypeIcons[currentStep.type]}</div>
-				<h2 class="mb-4 text-2xl font-bold text-foreground leading-snug max-w-md">
-					{currentStep.title}
-				</h2>
-				{#if currentStep.content}
-					<p class="max-w-md text-sm text-muted-foreground leading-relaxed whitespace-pre-wrap">
-						{currentStep.content}
-					</p>
-				{/if}
-
-				{#if showNoteInput}
-					<div class="mt-6 w-full max-w-md">
-						<textarea
-							bind:value={noteText}
-							placeholder="Notiz zu diesem Schritt..."
-							class="w-full rounded-lg border border-border bg-surface px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-							rows="3"
-						></textarea>
-						<div class="mt-2 flex gap-2">
-							<button onclick={saveNote} class="flex-1 rounded-lg bg-primary py-2 text-sm font-medium text-white">
-								Speichern
-							</button>
-							<button onclick={() => (showNoteInput = false)} class="rounded-lg border border-border px-4 py-2 text-sm">
-								Abbrechen
-							</button>
-						</div>
-					</div>
-				{/if}
-			</div>
-
-			<!-- Bottom actions -->
-			<div class="border-t border-border px-6 py-6">
-				{#if !done}
-					<button
-						onclick={() => toggleStep(currentStep.id)}
-						class="mb-3 w-full rounded-2xl bg-primary py-4 text-base font-semibold text-white hover:bg-primary-hover active:scale-[0.98] transition-transform"
-					>
-						✓ Erledigt
-					</button>
-				{:else}
-					<div class="mb-3 flex items-center justify-center gap-2 rounded-2xl bg-primary/10 py-4">
-						<span class="text-primary font-medium">✓ Erledigt</span>
-					</div>
-				{/if}
-
-				<div class="flex items-center justify-between">
-					<button
-						onclick={() => (focusIndex = Math.max(0, focusIndex - 1))}
-						disabled={focusIndex === 0}
-						class="rounded-lg px-4 py-2 text-sm text-muted-foreground hover:text-foreground disabled:opacity-30"
-					>
-						← Zurück
-					</button>
-
-					<button
-						onclick={() => (showNoteInput = !showNoteInput)}
-						class="text-xs text-muted-foreground hover:text-foreground"
-					>
-						📝 Notiz
-					</button>
-
-					{#if focusIndex < steps.length - 1}
-						<button
-							onclick={() => (focusIndex = focusIndex + 1)}
-							class="rounded-lg px-4 py-2 text-sm text-foreground hover:bg-accent"
-						>
-							Weiter →
-						</button>
-					{:else if isComplete}
-						<button
-							onclick={finishRun}
-							class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-primary-hover"
-						>
-							Abschließen 🎉
-						</button>
-					{:else}
-						<button
-							onclick={finishRun}
-							class="rounded-lg px-4 py-2 text-sm text-muted-foreground hover:text-foreground"
-						>
-							Beenden
-						</button>
-					{/if}
-				</div>
-			</div>
-		</div>
-	{/if}
-{/if}
diff --git a/apps/guides/apps/web-archived/src/routes/(app)/history/+page.svelte b/apps/guides/apps/web-archived/src/routes/(app)/history/+page.svelte
deleted file mode 100644
index dbb854629..000000000
--- a/apps/guides/apps/web-archived/src/routes/(app)/history/+page.svelte
+++ /dev/null
@@ -1,114 +0,0 @@
-<script lang="ts">
-	import { liveQuery } from 'dexie';
-	import { runCollection, guideCollection } from '$lib/data/local-store.js';
-	import type { LocalRun, LocalGuide } from '$lib/data/local-store.js';
-	import { runsStore } from '$lib/stores/runs.svelte';
-
-	let runs = $state<LocalRun[]>([]);
-	let guides = $state<Map<string, LocalGuide>>(new Map());
-
-	$effect(() => {
-		const sub = liveQuery(async () => {
-			const [rs, gs] = await Promise.all([runCollection.getAll(), guideCollection.getAll()]);
-			return { rs, gs };
-		}).subscribe(({ rs, gs }) => {
-			runs = rs.sort((a, b) => b.startedAt.localeCompare(a.startedAt));
-			guides = new Map(gs.map((g) => [g.id, g]));
-		});
-		return () => sub.unsubscribe();
-	});
-
-	let completedRuns = $derived(runs.filter((r) => r.completedAt));
-	let activeRuns = $derived(runs.filter((r) => !r.completedAt));
-
-	function formatDate(iso: string) {
-		return new Date(iso).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit',
-		});
-	}
-
-	function getDuration(run: LocalRun): string {
-		if (!run.completedAt) return 'Laufend';
-		const ms = new Date(run.completedAt).getTime() - new Date(run.startedAt).getTime();
-		const min = Math.round(ms / 60000);
-		return min < 60 ? `${min} min` : `${Math.floor(min / 60)}h ${min % 60}min`;
-	}
-
-	function getStepCount(run: LocalRun): { done: number; total: number } {
-		const done = Object.values(run.stepStates).filter((s) => s.done).length;
-		return { done, total: Object.keys(run.stepStates).length };
-	}
-</script>
-
-<div class="p-4 md:p-6">
-	<div class="mb-6">
-		<h1 class="text-2xl font-bold text-foreground">Verlauf</h1>
-		<p class="text-sm text-muted-foreground">{completedRuns.length} abgeschlossene Durchläufe</p>
-	</div>
-
-	<!-- Active runs -->
-	{#if activeRuns.length > 0}
-		<div class="mb-8">
-			<h2 class="mb-3 text-sm font-semibold text-foreground">Aktive Durchläufe</h2>
-			<div class="space-y-2">
-				{#each activeRuns as run (run.id)}
-					{@const guide = guides.get(run.guideId)}
-					{@const { done, total } = getStepCount(run)}
-					<a
-						href="/guide/{run.guideId}/run?runId={run.id}&mode={run.mode}"
-						class="flex items-center gap-3 rounded-xl border border-primary/30 bg-primary/5 p-4 hover:bg-primary/10 transition-colors"
-					>
-						<span class="text-2xl">{guide?.coverEmoji ?? '📖'}</span>
-						<div class="flex-1 min-w-0">
-							<p class="truncate font-medium text-foreground">{guide?.title ?? 'Unbekannte Anleitung'}</p>
-							<p class="text-xs text-muted-foreground">
-								Gestartet {formatDate(run.startedAt)} · {done} von {total} Schritten
-							</p>
-						</div>
-						<span class="text-sm text-primary">Fortsetzen →</span>
-					</a>
-				{/each}
-			</div>
-		</div>
-	{/if}
-
-	<!-- Completed runs -->
-	{#if completedRuns.length === 0}
-		<div class="flex flex-col items-center justify-center py-24 text-center">
-			<span class="mb-4 text-6xl">🕐</span>
-			<h2 class="mb-2 text-lg font-semibold">Noch keine abgeschlossenen Durchläufe</h2>
-			<p class="text-sm text-muted-foreground">
-				Starte einen Durchlauf einer Anleitung, um hier den Verlauf zu sehen.
-			</p>
-		</div>
-	{:else}
-		<div class="space-y-2">
-			{#each completedRuns as run (run.id)}
-				{@const guide = guides.get(run.guideId)}
-				{@const { done, total } = getStepCount(run)}
-				<div class="flex items-center gap-3 rounded-xl bg-surface p-4">
-					<span class="text-2xl">{guide?.coverEmoji ?? '📖'}</span>
-					<div class="flex-1 min-w-0">
-						<a
-							href="/guide/{run.guideId}"
-							class="block truncate font-medium text-foreground hover:text-primary"
-						>
-							{guide?.title ?? 'Unbekannte Anleitung'}
-						</a>
-						<p class="text-xs text-muted-foreground">
-							{formatDate(run.startedAt)} · {getDuration(run)}
-						</p>
-					</div>
-					<div class="text-right">
-						<span class="text-sm font-medium text-green-600">✓</span>
-						<p class="text-xs text-muted-foreground">{done}/{total}</p>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/guides/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/guides/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 40b5d7eda..000000000
--- a/apps/guides/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	let error = $state('');
-	let success = $state(false);
-	let loading = $state(false);
-
-	async function handleResetPassword(email: string) {
-		loading = true;
-		error = '';
-		success = false;
-		const result = await authStore.resetPassword(email);
-		if (result.success) success = true;
-		else error = result.error || 'Passwort-Zurücksetzung fehlgeschlagen';
-		loading = false;
-	}
-</script>
-
-<ForgotPasswordPage
-	appName="Guides"
-	appLogo=""
-	{loading}
-	{error}
-	{success}
-	onSubmit={handleResetPassword}
-	loginHref="/login"
-/>
diff --git a/apps/guides/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/guides/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 7e2ed6881..000000000
--- a/apps/guides/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,56 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { locale } from 'svelte-i18n';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Guides</title>
-</svelte:head>
-
-<LoginPage
-	appName="Guides"
-	primaryColor="#0d9488"
-	onSignIn={(email, password) => authStore.signIn(email, password)}
-	onResendVerification={(email) => authStore.resendVerificationEmail(email)}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#f0fdfa"
-	darkBackground="#042f2e"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
-/>
diff --git a/apps/guides/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/guides/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 531581b4f..000000000
--- a/apps/guides/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Guides</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Guides"
-	primaryColor="#0d9488"
-	onSignUp={(email, password) => authStore.signUp(email, password)}
-	onResendVerification={(email) => authStore.resendVerificationEmail(email)}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#f0fdfa"
-	darkBackground="#042f2e"
-	{translations}
-/>
diff --git a/apps/guides/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/guides/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 241cf15c7..000000000
--- a/apps/guides/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,91 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-		if (!token) { error = 'Ungültiger Link'; return; }
-		if (password !== confirmPassword) { error = 'Passwörter stimmen nicht überein'; return; }
-		if (password.length < 8) { error = 'Mindestens 8 Zeichen'; return; }
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) error = result.error || 'Fehler beim Zurücksetzen';
-			else { success = true; setTimeout(() => goto('/login'), 3000); }
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'Unbekannter Fehler';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Passwort zurücksetzen | Guides</title>
-</svelte:head>
-
-<div class="flex min-h-screen flex-col bg-gradient-to-b from-teal-50 to-white dark:from-teal-950 dark:to-neutral-900">
-	<header class="p-4">
-		<a href="/" class="text-xl font-semibold text-teal-600">📖 Guides</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<h1 class="mb-8 text-center text-2xl font-bold text-foreground">Passwort zurücksetzen</h1>
-
-			{#if success}
-				<div class="rounded-2xl bg-surface p-8 text-center shadow-lg">
-					<div class="mb-4 text-5xl">✅</div>
-					<p class="mb-6 text-sm text-muted-foreground">Passwort erfolgreich geändert. Du wirst weitergeleitet...</p>
-					<a href="/login" class="rounded-lg bg-primary px-6 py-3 text-sm font-medium text-white">Zum Login</a>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-2xl bg-surface p-8 shadow-lg">
-					<form onsubmit={handleSubmit} class="space-y-4">
-						{#if error}
-							<div class="rounded-lg bg-red-50 p-3 text-sm text-red-700">{error}</div>
-						{/if}
-						<div>
-							<label class="mb-1 block text-sm font-medium text-foreground">Neues Passwort</label>
-							<input type="password" bind:value={password} required minlength={8} autocomplete="new-password"
-								class="w-full rounded-xl border border-border bg-background px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30" />
-						</div>
-						<div>
-							<label class="mb-1 block text-sm font-medium text-foreground">Passwort bestätigen</label>
-							<input type="password" bind:value={confirmPassword} required minlength={8} autocomplete="new-password"
-								class="w-full rounded-xl border border-border bg-background px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30" />
-						</div>
-						<button type="submit" disabled={loading}
-							class="w-full rounded-xl bg-primary py-3 text-sm font-semibold text-white hover:bg-primary-hover disabled:opacity-50">
-							{loading ? 'Wird gespeichert...' : 'Passwort ändern'}
-						</button>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-2xl bg-surface p-8 text-center shadow-lg">
-					<div class="mb-4 text-5xl">⚠️</div>
-					<p class="mb-6 text-sm text-muted-foreground">Dieser Link ist ungültig oder abgelaufen.</p>
-					<a href="/forgot-password" class="rounded-lg bg-primary px-6 py-3 text-sm font-medium text-white">
-						Neuen Link anfordern
-					</a>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/guides/apps/web-archived/src/routes/+layout.svelte b/apps/guides/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index b3e97d5dc..000000000
--- a/apps/guides/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { onMount } from 'svelte';
-	import { isLoading as i18nLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(() => {
-		theme.initialize();
-		authStore.initialize().then(() => {
-			loading = false;
-		});
-	});
-</script>
-
-<svelte:head>
-	<meta name="description" content="Schritt-für-Schritt Anleitungen, Playbooks und Lernpfade." />
-	<meta property="og:title" content="Guides - Anleitungen & Playbooks" />
-	<meta property="og:description" content="Erstelle und führe strukturierte Anleitungen aus." />
-	<meta property="og:type" content="website" />
-</svelte:head>
-
-{#if !appReady}
-	<div class="flex h-screen items-center justify-center bg-background">
-		<div class="h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent"></div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-{/if}
diff --git a/apps/guides/apps/web-archived/src/routes/shared/+layout.svelte b/apps/guides/apps/web-archived/src/routes/shared/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/guides/apps/web-archived/src/routes/shared/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/guides/apps/web-archived/src/routes/shared/[token]/+page.svelte b/apps/guides/apps/web-archived/src/routes/shared/[token]/+page.svelte
deleted file mode 100644
index 737852459..000000000
--- a/apps/guides/apps/web-archived/src/routes/shared/[token]/+page.svelte
+++ /dev/null
@@ -1,211 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-
-	const SERVER_URL = import.meta.env.PUBLIC_GUIDES_SERVER_URL || 'http://localhost:3027';
-
-	interface SharedStep {
-		id: string;
-		title: string;
-		content?: string;
-		type?: string;
-		checkable?: boolean;
-	}
-
-	interface SharedGuide {
-		title: string;
-		description?: string;
-		category?: string;
-		difficulty?: string;
-		estimatedMinutes?: number;
-		tags?: string[];
-		coverEmoji?: string;
-		coverColor?: string;
-	}
-
-	let token = $derived($page.params.token);
-
-	type State = 'loading' | 'loaded' | 'error' | 'expired';
-	let state = $state<State>('loading');
-	let guide = $state<SharedGuide | null>(null);
-	let steps = $state<SharedStep[]>([]);
-	let errorMsg = $state('');
-
-	// Checklist state (local only — shared guides are read-only)
-	let checked = $state<Record<string, boolean>>({});
-
-	$effect(() => {
-		const t = token;
-		state = 'loading';
-		fetch(`${SERVER_URL}/api/v1/share/${t}`)
-			.then(async (res) => {
-				if (res.status === 410) { state = 'expired'; return; }
-				if (!res.ok) { state = 'error'; errorMsg = 'Guide nicht gefunden'; return; }
-				const data = await res.json<{ guide: SharedGuide; sections: SharedStep[] | { steps: SharedStep[] }[] }>();
-				guide = data.guide as SharedGuide;
-				// flatten sections → steps
-				const raw = data.sections as unknown[];
-				if (raw.length > 0 && 'steps' in (raw[0] as object)) {
-					steps = (raw as { steps: SharedStep[] }[]).flatMap((s) => s.steps ?? []);
-				} else {
-					steps = raw as SharedStep[];
-				}
-				state = 'loaded';
-			})
-			.catch(() => { state = 'error'; errorMsg = 'Server nicht erreichbar'; });
-	});
-
-	const difficultyLabel: Record<string, string> = { easy: 'Einfach', medium: 'Mittel', hard: 'Schwer' };
-	const progress = $derived(
-		steps.filter((s) => s.checkable).length > 0
-			? Math.round(
-					(steps.filter((s) => s.checkable && checked[s.id]).length /
-						steps.filter((s) => s.checkable).length) *
-						100
-				)
-			: 0
-	);
-
-	const stepTypeConfig: Record<string, { icon: string; border: string; bg: string }> = {
-		instruction: { icon: '→', border: 'border-l-teal-500', bg: '' },
-		warning:     { icon: '⚠', border: 'border-l-orange-400', bg: 'bg-orange-50/50 dark:bg-orange-950/20' },
-		tip:         { icon: '💡', border: 'border-l-violet-400', bg: 'bg-violet-50/50 dark:bg-violet-950/20' },
-		checkpoint:  { icon: '✓', border: 'border-l-blue-400', bg: 'bg-blue-50/50 dark:bg-blue-950/20' },
-		code:        { icon: '</>', border: 'border-l-slate-400', bg: 'bg-slate-50/50 dark:bg-slate-950/20 font-mono text-xs' },
-	};
-</script>
-
-<svelte:head>
-	{#if guide}
-		<title>{guide.title} — Mana Guides</title>
-		<meta name="description" content={guide.description ?? ''} />
-	{:else}
-		<title>Geteilte Anleitung — Mana Guides</title>
-	{/if}
-</svelte:head>
-
-<div class="min-h-screen bg-neutral-50 dark:bg-neutral-950">
-	<div class="mx-auto max-w-2xl px-4 py-8">
-
-		{#if state === 'loading'}
-			<div class="flex items-center justify-center py-24">
-				<svg class="animate-spin h-8 w-8 text-teal-600" viewBox="0 0 24 24" fill="none">
-					<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
-					<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/>
-				</svg>
-			</div>
-
-		{:else if state === 'expired'}
-			<div class="flex flex-col items-center justify-center py-24 text-center">
-				<span class="mb-4 text-5xl">⏳</span>
-				<h1 class="text-xl font-bold text-neutral-900 dark:text-white mb-2">Link abgelaufen</h1>
-				<p class="text-sm text-neutral-500">Dieser Freigabe-Link ist nicht mehr gültig (nach 7 Tagen abgelaufen).</p>
-				<a href="/" class="mt-6 text-sm text-teal-600 hover:underline">Zur Guides-App →</a>
-			</div>
-
-		{:else if state === 'error'}
-			<div class="flex flex-col items-center justify-center py-24 text-center">
-				<span class="mb-4 text-5xl">❌</span>
-				<h1 class="text-xl font-bold text-neutral-900 dark:text-white mb-2">{errorMsg}</h1>
-				<a href="/" class="mt-6 text-sm text-teal-600 hover:underline">Zur Guides-App →</a>
-			</div>
-
-		{:else if guide}
-			<!-- Branding strip -->
-			<div class="mb-6 flex items-center gap-2">
-				<span class="text-xl">📖</span>
-				<span class="text-sm font-semibold text-teal-600">Mana Guides</span>
-				<span class="ml-auto text-xs text-neutral-400">Geteilte Anleitung</span>
-			</div>
-
-			<!-- Cover -->
-			<div class="mb-6 rounded-2xl p-5" style="background-color: {guide.coverColor ?? '#0d9488'}18">
-				<div class="flex items-start gap-4">
-					<span class="text-5xl">{guide.coverEmoji ?? '📖'}</span>
-					<div>
-						<h1 class="text-xl font-bold text-neutral-900 dark:text-white">{guide.title}</h1>
-						{#if guide.description}
-							<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">{guide.description}</p>
-						{/if}
-						<div class="mt-2 flex flex-wrap gap-2">
-							{#if guide.difficulty}
-								<span class="text-xs bg-teal-100 dark:bg-teal-900/40 text-teal-700 dark:text-teal-300 px-2 py-0.5 rounded-full">
-									{difficultyLabel[guide.difficulty] ?? guide.difficulty}
-								</span>
-							{/if}
-							{#if guide.estimatedMinutes}
-								<span class="text-xs bg-neutral-100 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400 px-2 py-0.5 rounded-full">
-									⏱ {guide.estimatedMinutes} Min.
-								</span>
-							{/if}
-							<span class="text-xs bg-neutral-100 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400 px-2 py-0.5 rounded-full">
-								{steps.length} Schritte
-							</span>
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<!-- Progress (if any checkable steps) -->
-			{#if steps.some((s) => s.checkable)}
-				<div class="mb-6 rounded-xl bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-700 p-4">
-					<div class="flex items-center justify-between mb-2">
-						<span class="text-sm font-medium text-neutral-700 dark:text-neutral-300">Fortschritt</span>
-						<span class="text-sm text-teal-600 font-semibold">{progress}%</span>
-					</div>
-					<div class="h-2 bg-neutral-100 dark:bg-neutral-800 rounded-full overflow-hidden">
-						<div class="h-full bg-teal-500 rounded-full transition-all" style="width: {progress}%"></div>
-					</div>
-				</div>
-			{/if}
-
-			<!-- Steps -->
-			<div class="space-y-3">
-				{#each steps as step, i}
-					{@const cfg = stepTypeConfig[step.type ?? 'instruction'] ?? stepTypeConfig.instruction}
-					<div
-						class="rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 border-l-4 {cfg.border} {cfg.bg} overflow-hidden"
-					>
-						<div class="p-4 flex gap-3 items-start">
-							{#if step.checkable}
-								<button
-									onclick={() => { checked[step.id] = !checked[step.id]; }}
-									class="shrink-0 mt-0.5 w-5 h-5 rounded border-2 transition-colors flex items-center justify-center
-									{checked[step.id]
-										? 'bg-teal-600 border-teal-600 text-white'
-										: 'border-neutral-300 dark:border-neutral-600 hover:border-teal-400'}"
-									aria-label="Schritt abhaken"
-								>
-									{#if checked[step.id]}
-										<svg width="12" height="12" viewBox="0 0 256 256" fill="currentColor"><path d="m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z"/></svg>
-									{/if}
-								</button>
-							{:else}
-								<span class="shrink-0 mt-0.5 text-sm text-neutral-400">{cfg.icon}</span>
-							{/if}
-							<div class="flex-1 min-w-0">
-								<p class="text-sm font-medium text-neutral-900 dark:text-white {checked[step.id] ? 'line-through text-neutral-400' : ''}">
-									{i + 1}. {step.title}
-								</p>
-								{#if step.content}
-									<p class="mt-1 text-xs text-neutral-500 dark:text-neutral-400 whitespace-pre-wrap">{step.content}</p>
-								{/if}
-							</div>
-						</div>
-					</div>
-				{/each}
-			</div>
-
-			<!-- CTA -->
-			<div class="mt-10 rounded-2xl bg-teal-50 dark:bg-teal-950/30 border border-teal-200 dark:border-teal-800 p-5 text-center">
-				<p class="text-sm font-semibold text-teal-800 dark:text-teal-200 mb-1">Eigene Anleitungen erstellen?</p>
-				<p class="text-xs text-teal-600 dark:text-teal-400 mb-4">Mit Mana Guides kannst du SOPs, Rezepte, Tutorials und Lernpfade erstellen — kostenlos.</p>
-				<a
-					href="/"
-					class="inline-block rounded-xl bg-teal-600 text-white text-sm font-semibold px-5 py-2.5 hover:bg-teal-700 transition-colors"
-				>
-					Mana Guides ausprobieren →
-				</a>
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/guides/apps/web-archived/svelte.config.js b/apps/guides/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/guides/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/guides/apps/web-archived/tsconfig.json b/apps/guides/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/guides/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/guides/apps/web-archived/vite.config.ts b/apps/guides/apps/web-archived/vite.config.ts
deleted file mode 100644
index 5f2d35288..000000000
--- a/apps/guides/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/// <reference types="vitest/config" />
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Guides - Schritt-für-Schritt Anleitungen',
-				shortName: 'Guides',
-				description: 'Erstelle und führe Schritt-für-Schritt Anleitungen, Playbooks und Lernpfade aus',
-				themeColor: '#0d9488',
-				devEnabled: false,
-				shortcuts: [
-					{
-						name: 'Neue Anleitung',
-						short_name: 'Neu',
-						description: 'Neue Anleitung erstellen',
-						url: '/?action=new',
-					},
-				],
-			})
-		),
-	],
-	server: {
-		port: 5200,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	test: {
-		environment: 'jsdom',
-		include: ['src/**/*.test.ts'],
-		globals: true,
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/inventar/apps/web-archived/Dockerfile b/apps/inventar/apps/web-archived/Dockerfile
deleted file mode 100644
index 85f809724..000000000
--- a/apps/inventar/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,53 +0,0 @@
-# syntax=docker/dockerfile:1
-# Build stage - inherits pre-built shared packages from sveltekit-base
-FROM sveltekit-base:local AS builder
-
-# Build arguments for SvelteKit static env vars
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-core-auth:3001
-
-# Set as environment variables for build
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-# Copy app-specific packages
-COPY apps/inventar/packages/shared ./apps/inventar/packages/shared
-COPY apps/inventar/apps/web ./apps/inventar/apps/web
-
-# Install app-specific dependencies
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-# Build the web app
-WORKDIR /app/apps/inventar/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-# Production stage
-FROM node:20-alpine AS production
-
-# Keep same directory structure as builder so pnpm symlinks resolve correctly
-WORKDIR /app/apps/inventar/apps/web
-
-# Copy the pnpm store that symlinks point to (at /app/node_modules/.pnpm)
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-
-# Copy the app's node_modules (contains symlinks to the pnpm store)
-COPY --from=builder /app/apps/inventar/apps/web/node_modules ./node_modules
-
-# Copy built application
-COPY --from=builder /app/apps/inventar/apps/web/build ./build
-COPY --from=builder /app/apps/inventar/apps/web/package.json ./
-
-# Expose port
-EXPOSE 5190
-
-# Set environment variables
-ENV NODE_ENV=production
-ENV PORT=5190
-ENV HOST=0.0.0.0
-
-# Health check
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5190/health || exit 1
-
-# Run the app
-CMD ["node", "build"]
diff --git a/apps/inventar/apps/web-archived/package.json b/apps/inventar/apps/web-archived/package.json
deleted file mode 100644
index 87522c894..000000000
--- a/apps/inventar/apps/web-archived/package.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-	"name": "@inventar/web",
-	"version": "1.0.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:unit": "vitest"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-node": "^5.2.12",
-		"@sveltejs/kit": "^2.21.0",
-		"@sveltejs/vite-plugin-svelte": "^5.1.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^22.15.29",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.2.1",
-		"tailwindcss": "^4.1.7",
-		"typescript": "^5.9.3",
-		"vite": "^6.3.5",
-		"vitest": "^3.2.1",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*"
-	},
-	"dependencies": {
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-landing-ui": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@inventar/shared": "workspace:*",
-		"date-fns": "^4.1.0",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/inventar/apps/web-archived/src/app.css b/apps/inventar/apps/web-archived/src/app.css
deleted file mode 100644
index 8c5cc9031..000000000
--- a/apps/inventar/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,55 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../packages/shared/src";
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-:root {
-	--primary: 38 92% 50%;
-	--primary-foreground: 0 0% 100%;
-	--accent: 38 92% 50%;
-	--accent-foreground: 0 0% 100%;
-}
-
-/* Status colors */
-.status-owned { color: #22c55e; }
-.status-lent { color: #f59e0b; }
-.status-stored { color: #3b82f6; }
-.status-for-sale { color: #a855f7; }
-.status-disposed { color: #6b7280; }
-
-/* View transitions */
-.view-transition {
-	transition: opacity 0.2s ease, transform 0.2s ease;
-}
-
-/* Grid view cards */
-.item-card {
-	transition: transform 0.15s ease, box-shadow 0.15s ease;
-}
-.item-card:hover {
-	transform: translateY(-2px);
-	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-}
-
-/* Field editor animations */
-.field-enter {
-	animation: fieldSlideIn 0.2s ease forwards;
-}
-@keyframes fieldSlideIn {
-	from { opacity: 0; transform: translateY(-8px); }
-	to { opacity: 1; transform: translateY(0); }
-}
-
-/* Location tree indentation */
-.location-tree-item {
-	transition: background-color 0.15s ease;
-}
-.location-tree-item:hover {
-	background-color: hsl(var(--accent) / 0.1);
-}
diff --git a/apps/inventar/apps/web-archived/src/app.d.ts b/apps/inventar/apps/web-archived/src/app.d.ts
deleted file mode 100644
index 8e8e79928..000000000
--- a/apps/inventar/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
-
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/apps/inventar/apps/web-archived/src/app.html b/apps/inventar/apps/web-archived/src/app.html
deleted file mode 100644
index 457203c27..000000000
--- a/apps/inventar/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.svg" type="image/svg+xml" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="theme-color" content="#f59e0b" />
-		<meta name="mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" />
-		<title>Inventar</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/inventar/apps/web-archived/src/hooks.client.ts b/apps/inventar/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 189bd8cd2..000000000
--- a/apps/inventar/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { HandleClientError } from '@sveltejs/kit';
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-
-initErrorTracking({
-	serviceName: 'inventar-web',
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/inventar/apps/web-archived/src/hooks.server.ts b/apps/inventar/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 67f71c292..000000000
--- a/apps/inventar/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { sequence } from '@sveltejs/kit/hooks';
-
-const injectRuntimeEnv: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const authUrl = process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-			const glitchtipDsn = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-			return html.replace(
-				'</head>',
-				`<script>
-					window.__PUBLIC_MANA_CORE_AUTH_URL__="${authUrl}";
-					window.__PUBLIC_GLITCHTIP_DSN__="${glitchtipDsn}";
-				</script></head>`
-			);
-		},
-	});
-
-	// Security headers
-	const authUrl = process.env.PUBLIC_MANA_CORE_AUTH_URL || 'http://localhost:3001';
-	response.headers.set(
-		'Content-Security-Policy',
-		`default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; connect-src 'self' ${authUrl}; font-src 'self' data:;`
-	);
-	response.headers.set('X-Frame-Options', 'DENY');
-	response.headers.set('X-Content-Type-Options', 'nosniff');
-	response.headers.set('Referrer-Policy', 'strict-origin-when-cross-origin');
-
-	return response;
-};
-
-export const handle = sequence(injectRuntimeEnv);
diff --git a/apps/inventar/apps/web-archived/src/lib/components/StatusBadge.svelte b/apps/inventar/apps/web-archived/src/lib/components/StatusBadge.svelte
deleted file mode 100644
index aa38c1f7c..000000000
--- a/apps/inventar/apps/web-archived/src/lib/components/StatusBadge.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import type { ItemStatus } from '@inventar/shared';
-	import { _ } from 'svelte-i18n';
-
-	interface Props {
-		status: ItemStatus;
-		size?: 'sm' | 'md';
-	}
-
-	let { status, size = 'sm' }: Props = $props();
-
-	const statusColors: Record<ItemStatus, string> = {
-		owned: 'bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400',
-		lent: 'bg-amber-100 text-amber-800 dark:bg-amber-900/20 dark:text-amber-400',
-		stored: 'bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400',
-		for_sale: 'bg-purple-100 text-purple-800 dark:bg-purple-900/20 dark:text-purple-400',
-		disposed: 'bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-400',
-	};
-</script>
-
-<span
-	class="inline-block rounded-full font-medium {statusColors[status]} {size === 'sm'
-		? 'px-2 py-0.5 text-xs'
-		: 'px-3 py-1 text-sm'}"
->
-	{$_(`status.${status}`)}
-</span>
diff --git a/apps/inventar/apps/web-archived/src/lib/components/ViewModeToggle.svelte b/apps/inventar/apps/web-archived/src/lib/components/ViewModeToggle.svelte
deleted file mode 100644
index b827584bf..000000000
--- a/apps/inventar/apps/web-archived/src/lib/components/ViewModeToggle.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-	import type { ViewMode } from '@inventar/shared';
-	import { _ } from 'svelte-i18n';
-
-	interface Props {
-		current: ViewMode;
-		onchange: (mode: ViewMode) => void;
-	}
-
-	let { current, onchange }: Props = $props();
-
-	const modes: { value: ViewMode; icon: string }[] = [
-		{ value: 'list', icon: 'M4 6h16M4 10h16M4 14h16M4 18h16' },
-		{
-			value: 'grid',
-			icon: 'M4 5a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V5zM4 15a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1H5a1 1 0 01-1-1v-4zM14 15a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z',
-		},
-		{ value: 'table', icon: 'M3 10h18M3 14h18M3 18h18M3 6h18M3 6v12M21 6v12M9 6v12M15 6v12' },
-	];
-</script>
-
-<div class="flex rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))]">
-	{#each modes as mode}
-		<button
-			type="button"
-			onclick={() => onchange(mode.value)}
-			class="p-2 transition-colors {current === mode.value
-				? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-				: 'text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]'} {mode.value ===
-			'list'
-				? 'rounded-l-lg'
-				: mode.value === 'table'
-					? 'rounded-r-lg'
-					: ''}"
-			title={$_(`view.${mode.value}`)}
-		>
-			<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d={mode.icon} />
-			</svg>
-		</button>
-	{/each}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/lib/components/fields/FieldEditor.svelte b/apps/inventar/apps/web-archived/src/lib/components/fields/FieldEditor.svelte
deleted file mode 100644
index cd14ca0ab..000000000
--- a/apps/inventar/apps/web-archived/src/lib/components/fields/FieldEditor.svelte
+++ /dev/null
@@ -1,127 +0,0 @@
-<script lang="ts">
-	import type { FieldDefinition } from '@inventar/shared';
-
-	interface Props {
-		field: FieldDefinition;
-		value: unknown;
-		onchange: (value: unknown) => void;
-	}
-
-	let { field, value, onchange }: Props = $props();
-
-	function handleInput(e: Event) {
-		const target = e.target as HTMLInputElement;
-		switch (field.type) {
-			case 'number':
-			case 'currency':
-				onchange(target.value ? Number(target.value) : undefined);
-				break;
-			case 'checkbox':
-				onchange(target.checked);
-				break;
-			default:
-				onchange(target.value || undefined);
-		}
-	}
-
-	function handleSelectChange(e: Event) {
-		const target = e.target as HTMLSelectElement;
-		onchange(target.value || undefined);
-	}
-
-	const inputClass =
-		'w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))] placeholder:text-[hsl(var(--muted-foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))] focus:ring-offset-1';
-</script>
-
-{#if field.type === 'text'}
-	<input
-		type="text"
-		value={String(value || '')}
-		placeholder={field.placeholder || field.name}
-		class={inputClass}
-		oninput={handleInput}
-	/>
-{:else if field.type === 'number'}
-	<input
-		type="number"
-		value={value !== undefined && value !== null ? Number(value) : ''}
-		placeholder={field.placeholder || field.name}
-		class={inputClass}
-		oninput={handleInput}
-	/>
-{:else if field.type === 'currency'}
-	<div class="flex gap-2">
-		<input
-			type="number"
-			step="0.01"
-			value={value !== undefined && value !== null ? Number(value) : ''}
-			placeholder="0.00"
-			class="{inputClass} flex-1"
-			oninput={handleInput}
-		/>
-		<span class="flex items-center text-sm text-[hsl(var(--muted-foreground))]">
-			{field.currencyCode || 'EUR'}
-		</span>
-	</div>
-{:else if field.type === 'date'}
-	<input type="date" value={String(value || '')} class={inputClass} oninput={handleInput} />
-{:else if field.type === 'checkbox'}
-	<label class="flex cursor-pointer items-center gap-2">
-		<input
-			type="checkbox"
-			checked={!!value}
-			class="h-4 w-4 rounded border-[hsl(var(--border))] text-[hsl(var(--primary))]"
-			onchange={handleInput}
-		/>
-		<span class="text-sm text-[hsl(var(--foreground))]">{field.name}</span>
-	</label>
-{:else if field.type === 'select'}
-	<select value={String(value || '')} class={inputClass} onchange={handleSelectChange}>
-		<option value="">— Auswahlen —</option>
-		{#each field.options || [] as option}
-			<option value={option}>{option}</option>
-		{/each}
-	</select>
-{:else if field.type === 'url'}
-	<input
-		type="url"
-		value={String(value || '')}
-		placeholder={field.placeholder || 'https://...'}
-		class={inputClass}
-		oninput={handleInput}
-	/>
-{:else if field.type === 'tags'}
-	{@const currentTags = Array.isArray(value) ? (value as string[]) : []}
-	<div class="space-y-2">
-		<div class="flex flex-wrap gap-1">
-			{#each currentTags as tag, i}
-				<span
-					class="inline-flex items-center gap-1 rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 text-xs"
-				>
-					{tag}
-					<button
-						type="button"
-						class="text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-						onclick={() => onchange(currentTags.filter((_, idx) => idx !== i))}>x</button
-					>
-				</span>
-			{/each}
-		</div>
-		<input
-			type="text"
-			placeholder="Tag eingeben + Enter"
-			class={inputClass}
-			onkeydown={(e) => {
-				if (e.key === 'Enter') {
-					e.preventDefault();
-					const target = e.target as HTMLInputElement;
-					const newTag = target.value.trim();
-					if (newTag && !currentTags.includes(newTag)) {
-						onchange([...currentTags, newTag]);
-						target.value = '';
-					}
-				}
-			}}
-		/>
-	</div>
-{/if}
diff --git a/apps/inventar/apps/web-archived/src/lib/components/fields/FieldRenderer.svelte b/apps/inventar/apps/web-archived/src/lib/components/fields/FieldRenderer.svelte
deleted file mode 100644
index 897ae25eb..000000000
--- a/apps/inventar/apps/web-archived/src/lib/components/fields/FieldRenderer.svelte
+++ /dev/null
@@ -1,70 +0,0 @@
-<script lang="ts">
-	import type { FieldDefinition } from '@inventar/shared';
-	import { format } from 'date-fns';
-	import { de } from 'date-fns/locale';
-
-	interface Props {
-		field: FieldDefinition;
-		value: unknown;
-	}
-
-	let { field, value }: Props = $props();
-
-	function formatCurrency(val: unknown, code?: string): string {
-		const num = Number(val);
-		if (isNaN(num)) return String(val || '');
-		return new Intl.NumberFormat('de-DE', { style: 'currency', currency: code || 'EUR' }).format(
-			num
-		);
-	}
-
-	function formatDate(val: unknown): string {
-		if (!val) return '';
-		try {
-			return format(new Date(String(val)), 'dd.MM.yyyy', { locale: de });
-		} catch {
-			return String(val);
-		}
-	}
-</script>
-
-{#if value === undefined || value === null || value === ''}
-	<span class="text-[hsl(var(--muted-foreground))] italic">—</span>
-{:else if field.type === 'checkbox'}
-	{#if value}
-		<span class="text-green-500">✓</span>
-	{:else}
-		<span class="text-[hsl(var(--muted-foreground))]">✗</span>
-	{/if}
-{:else if field.type === 'currency'}
-	<span>{formatCurrency(value, field.currencyCode)}</span>
-{:else if field.type === 'date'}
-	<span>{formatDate(value)}</span>
-{:else if field.type === 'url'}
-	<a
-		href={String(value)}
-		target="_blank"
-		rel="noopener noreferrer"
-		class="text-[hsl(var(--primary))] underline hover:no-underline"
-	>
-		{String(value)
-			.replace(/^https?:\/\//, '')
-			.slice(0, 40)}
-	</a>
-{:else if field.type === 'select'}
-	<span
-		class="inline-block rounded-full bg-[hsl(var(--accent)/0.15)] px-2 py-0.5 text-xs font-medium text-[hsl(var(--accent-foreground))]"
-	>
-		{String(value)}
-	</span>
-{:else if field.type === 'tags'}
-	<div class="flex flex-wrap gap-1">
-		{#each Array.isArray(value) ? value : [] as tag}
-			<span class="rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 text-xs">{tag}</span>
-		{/each}
-	</div>
-{:else if field.type === 'number'}
-	<span>{Number(value).toLocaleString('de-DE')}</span>
-{:else}
-	<span>{String(value)}</span>
-{/if}
diff --git a/apps/inventar/apps/web-archived/src/lib/components/fields/SchemaEditor.svelte b/apps/inventar/apps/web-archived/src/lib/components/fields/SchemaEditor.svelte
deleted file mode 100644
index ba2742f0c..000000000
--- a/apps/inventar/apps/web-archived/src/lib/components/fields/SchemaEditor.svelte
+++ /dev/null
@@ -1,217 +0,0 @@
-<script lang="ts">
-	import type { FieldDefinition, FieldType } from '@inventar/shared';
-	import { _ } from 'svelte-i18n';
-	import { Plus, Trash } from '@manacore/shared-icons';
-
-	interface Props {
-		fields: FieldDefinition[];
-		onchange: (fields: FieldDefinition[]) => void;
-	}
-
-	let { fields, onchange }: Props = $props();
-
-	const fieldTypes: { value: FieldType; label: string }[] = [
-		{ value: 'text', label: 'Text' },
-		{ value: 'number', label: 'Zahl' },
-		{ value: 'date', label: 'Datum' },
-		{ value: 'select', label: 'Auswahl' },
-		{ value: 'tags', label: 'Tags' },
-		{ value: 'checkbox', label: 'Checkbox' },
-		{ value: 'url', label: 'URL' },
-		{ value: 'currency', label: 'Wahrung' },
-	];
-
-	function addField() {
-		const newField: FieldDefinition = {
-			id: crypto.randomUUID(),
-			name: '',
-			type: 'text',
-			order: fields.length,
-		};
-		onchange([...fields, newField]);
-	}
-
-	function updateField(id: string, updates: Partial<FieldDefinition>) {
-		onchange(fields.map((f) => (f.id === id ? { ...f, ...updates } : f)));
-	}
-
-	function removeField(id: string) {
-		onchange(fields.filter((f) => f.id !== id).map((f, i) => ({ ...f, order: i })));
-	}
-
-	function moveField(id: string, direction: 'up' | 'down') {
-		const index = fields.findIndex((f) => f.id === id);
-		if (index === -1) return;
-		const newIndex = direction === 'up' ? index - 1 : index + 1;
-		if (newIndex < 0 || newIndex >= fields.length) return;
-		const newFields = [...fields];
-		[newFields[index], newFields[newIndex]] = [newFields[newIndex], newFields[index]];
-		onchange(newFields.map((f, i) => ({ ...f, order: i })));
-	}
-
-	let editingOptions = $state<string | null>(null);
-	let newOption = $state('');
-
-	function addOption(fieldId: string) {
-		if (!newOption.trim()) return;
-		const field = fields.find((f) => f.id === fieldId);
-		if (!field) return;
-		updateField(fieldId, { options: [...(field.options || []), newOption.trim()] });
-		newOption = '';
-	}
-
-	function removeOption(fieldId: string, index: number) {
-		const field = fields.find((f) => f.id === fieldId);
-		if (!field) return;
-		updateField(fieldId, { options: field.options?.filter((_, i) => i !== index) });
-	}
-
-	const inputClass =
-		'w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]';
-</script>
-
-<div class="space-y-3">
-	{#each fields.sort((a, b) => a.order - b.order) as field, index (field.id)}
-		<div
-			class="field-enter rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-3"
-		>
-			<div class="flex items-start gap-2">
-				<!-- Reorder buttons -->
-				<div class="flex flex-col gap-0.5 pt-1">
-					<button
-						type="button"
-						onclick={() => moveField(field.id, 'up')}
-						disabled={index === 0}
-						class="text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] disabled:opacity-30"
-						>&#9650;</button
-					>
-					<button
-						type="button"
-						onclick={() => moveField(field.id, 'down')}
-						disabled={index === fields.length - 1}
-						class="text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] disabled:opacity-30"
-						>&#9660;</button
-					>
-				</div>
-
-				<!-- Field config -->
-				<div class="flex-1 space-y-2">
-					<div class="flex gap-2">
-						<input
-							type="text"
-							value={field.name}
-							placeholder="Feldname"
-							class="{inputClass} flex-1"
-							oninput={(e) => updateField(field.id, { name: (e.target as HTMLInputElement).value })}
-						/>
-						<select
-							value={field.type}
-							class="{inputClass} w-32"
-							onchange={(e) =>
-								updateField(field.id, { type: (e.target as HTMLSelectElement).value as FieldType })}
-						>
-							{#each fieldTypes as ft}
-								<option value={ft.value}>{ft.label}</option>
-							{/each}
-						</select>
-					</div>
-
-					<div class="flex items-center gap-4">
-						<label class="flex items-center gap-1 text-xs text-[hsl(var(--muted-foreground))]">
-							<input
-								type="checkbox"
-								checked={field.required || false}
-								onchange={(e) =>
-									updateField(field.id, { required: (e.target as HTMLInputElement).checked })}
-								class="h-3 w-3"
-							/>
-							Pflichtfeld
-						</label>
-
-						<input
-							type="text"
-							value={field.placeholder || ''}
-							placeholder="Platzhalter (optional)"
-							class="{inputClass} flex-1 text-xs"
-							oninput={(e) =>
-								updateField(field.id, {
-									placeholder: (e.target as HTMLInputElement).value || undefined,
-								})}
-						/>
-					</div>
-
-					<!-- Currency code for currency fields -->
-					{#if field.type === 'currency'}
-						<input
-							type="text"
-							value={field.currencyCode || 'EUR'}
-							placeholder="Wahrungscode (z.B. EUR)"
-							class="{inputClass} text-xs"
-							oninput={(e) =>
-								updateField(field.id, { currencyCode: (e.target as HTMLInputElement).value })}
-						/>
-					{/if}
-
-					<!-- Options for select fields -->
-					{#if field.type === 'select'}
-						<div class="space-y-1">
-							<div class="flex flex-wrap gap-1">
-								{#each field.options || [] as option, i}
-									<span
-										class="inline-flex items-center gap-1 rounded bg-[hsl(var(--muted))] px-2 py-0.5 text-xs"
-									>
-										{option}
-										<button
-											type="button"
-											onclick={() => removeOption(field.id, i)}
-											class="text-[hsl(var(--muted-foreground))] hover:text-red-500">x</button
-										>
-									</span>
-								{/each}
-							</div>
-							<div class="flex gap-1">
-								<input
-									type="text"
-									bind:value={newOption}
-									placeholder="Neue Option"
-									class="{inputClass} flex-1 text-xs"
-									onkeydown={(e) => {
-										if (e.key === 'Enter') {
-											e.preventDefault();
-											addOption(field.id);
-										}
-									}}
-								/>
-								<button
-									type="button"
-									onclick={() => addOption(field.id)}
-									class="rounded bg-[hsl(var(--primary))] px-2 py-1 text-xs text-[hsl(var(--primary-foreground))]"
-									>+</button
-								>
-							</div>
-						</div>
-					{/if}
-				</div>
-
-				<!-- Delete button -->
-				<button
-					type="button"
-					onclick={() => removeField(field.id)}
-					class="mt-1 text-[hsl(var(--muted-foreground))] hover:text-red-500"
-					title={$_('field.removeField')}
-				>
-					<Trash size={20} />
-				</button>
-			</div>
-		</div>
-	{/each}
-
-	<button
-		type="button"
-		onclick={addField}
-		class="flex w-full items-center justify-center gap-2 rounded-lg border-2 border-dashed border-[hsl(var(--border))] py-3 text-sm text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--primary))] hover:text-[hsl(var(--primary))]"
-	>
-		<Plus size={20} />
-		{$_('collection.addField')}
-	</button>
-</div>
diff --git a/apps/inventar/apps/web-archived/src/lib/components/skeletons/CollectionListSkeleton.svelte b/apps/inventar/apps/web-archived/src/lib/components/skeletons/CollectionListSkeleton.svelte
deleted file mode 100644
index 88e1e3c1a..000000000
--- a/apps/inventar/apps/web-archived/src/lib/components/skeletons/CollectionListSkeleton.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-	interface Props {
-		count?: number;
-	}
-
-	let { count = 6 }: Props = $props();
-</script>
-
-<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-	{#each Array(count) as _}
-		<div
-			class="animate-pulse rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5"
-		>
-			<div class="flex items-center gap-3">
-				<div class="h-10 w-10 rounded-lg bg-[hsl(var(--muted))]"></div>
-				<div class="flex-1 space-y-2">
-					<div class="h-4 w-32 rounded bg-[hsl(var(--muted))]"></div>
-					<div class="h-3 w-48 rounded bg-[hsl(var(--muted))]"></div>
-				</div>
-			</div>
-			<div class="mt-4 flex items-center justify-between">
-				<div class="h-3 w-16 rounded bg-[hsl(var(--muted))]"></div>
-				<div class="flex gap-1">
-					<div class="h-4 w-12 rounded bg-[hsl(var(--muted))]"></div>
-					<div class="h-4 w-12 rounded bg-[hsl(var(--muted))]"></div>
-				</div>
-			</div>
-		</div>
-	{/each}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/lib/components/skeletons/ItemListSkeleton.svelte b/apps/inventar/apps/web-archived/src/lib/components/skeletons/ItemListSkeleton.svelte
deleted file mode 100644
index 9cff45b99..000000000
--- a/apps/inventar/apps/web-archived/src/lib/components/skeletons/ItemListSkeleton.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	interface Props {
-		count?: number;
-	}
-
-	let { count = 8 }: Props = $props();
-</script>
-
-<div class="space-y-2">
-	{#each Array(count) as _}
-		<div
-			class="animate-pulse flex items-center gap-4 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3"
-		>
-			<div class="flex-1 space-y-2">
-				<div class="flex items-center gap-2">
-					<div class="h-4 w-40 rounded bg-[hsl(var(--muted))]"></div>
-					<div class="h-5 w-16 rounded-full bg-[hsl(var(--muted))]"></div>
-				</div>
-				<div class="flex gap-3">
-					<div class="h-3 w-24 rounded bg-[hsl(var(--muted))]"></div>
-					<div class="h-3 w-20 rounded bg-[hsl(var(--muted))]"></div>
-				</div>
-			</div>
-		</div>
-	{/each}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/lib/components/skeletons/index.ts b/apps/inventar/apps/web-archived/src/lib/components/skeletons/index.ts
deleted file mode 100644
index 558d3ad37..000000000
--- a/apps/inventar/apps/web-archived/src/lib/components/skeletons/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as CollectionListSkeleton } from './CollectionListSkeleton.svelte';
-export { default as ItemListSkeleton } from './ItemListSkeleton.svelte';
diff --git a/apps/inventar/apps/web-archived/src/lib/data/guest-seed.ts b/apps/inventar/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 3f8b78501..000000000
--- a/apps/inventar/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-/**
- * Guest seed data for the Inventar app.
- *
- * Provides a demo collection with sample items and locations.
- */
-
-import type { LocalCollection, LocalItem, LocalLocation, LocalCategory } from './local-store';
-
-const DEMO_COLLECTION_ID = 'demo-electronics';
-const DEMO_LOCATION_ID = 'demo-home';
-const DEMO_CATEGORY_ID = 'demo-tech';
-
-export const guestCollections: LocalCollection[] = [
-	{
-		id: DEMO_COLLECTION_ID,
-		name: 'Meine Elektronik',
-		description: 'Beispiel-Sammlung zum Kennenlernen von Inventar.',
-		icon: '💻',
-		color: '#3b82f6',
-		schema: {
-			fields: [
-				{ id: 'brand', name: 'Marke', type: 'text', order: 0 },
-				{ id: 'model', name: 'Modell', type: 'text', order: 1 },
-				{ id: 'serial', name: 'Seriennummer', type: 'text', order: 2 },
-			],
-		},
-		order: 0,
-		itemCount: 2,
-	},
-];
-
-export const guestItems: LocalItem[] = [
-	{
-		id: 'item-laptop',
-		collectionId: DEMO_COLLECTION_ID,
-		locationId: DEMO_LOCATION_ID,
-		categoryId: DEMO_CATEGORY_ID,
-		name: 'MacBook Pro',
-		description: 'Arbeits-Laptop',
-		status: 'owned',
-		quantity: 1,
-		fieldValues: { brand: 'Apple', model: 'MacBook Pro 14"', serial: 'ABC123' },
-		photos: [],
-		notes: [],
-		tags: ['arbeit'],
-		order: 0,
-	},
-	{
-		id: 'item-headphones',
-		collectionId: DEMO_COLLECTION_ID,
-		locationId: DEMO_LOCATION_ID,
-		name: 'Kopfhörer',
-		description: 'Noise-Cancelling Kopfhörer',
-		status: 'owned',
-		quantity: 1,
-		fieldValues: { brand: 'Sony', model: 'WH-1000XM5' },
-		photos: [],
-		notes: [],
-		tags: ['audio'],
-		order: 1,
-	},
-];
-
-export const guestLocations: LocalLocation[] = [
-	{
-		id: DEMO_LOCATION_ID,
-		name: 'Zuhause',
-		description: 'Mein Zuhause',
-		icon: '🏠',
-		path: 'Zuhause',
-		depth: 0,
-		order: 0,
-	},
-	{
-		id: 'demo-office',
-		parentId: DEMO_LOCATION_ID,
-		name: 'Büro',
-		icon: '🖥️',
-		path: 'Zuhause/Büro',
-		depth: 1,
-		order: 0,
-	},
-];
-
-export const guestCategories: LocalCategory[] = [
-	{
-		id: DEMO_CATEGORY_ID,
-		name: 'Technik',
-		icon: '⚡',
-		color: '#6366f1',
-		order: 0,
-	},
-	{
-		id: 'demo-audio',
-		name: 'Audio',
-		icon: '🎧',
-		color: '#ec4899',
-		order: 1,
-	},
-];
diff --git a/apps/inventar/apps/web-archived/src/lib/data/local-store.ts b/apps/inventar/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 05d3b454f..000000000
--- a/apps/inventar/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/**
- * Inventar — Local-First Data Layer
- *
- * Migrates from localStorage to IndexedDB (Dexie.js) with sync support.
- * Collections, items, locations, and categories are stored locally.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestCollections, guestItems, guestLocations, guestCategories } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalCollection extends BaseRecord {
-	name: string;
-	description?: string | null;
-	icon?: string | null;
-	color?: string | null;
-	schema: {
-		fields: Array<{
-			id: string;
-			name: string;
-			type: string;
-			required?: boolean;
-			defaultValue?: unknown;
-			options?: string[];
-			currencyCode?: string;
-			placeholder?: string;
-			order: number;
-		}>;
-	};
-	templateId?: string | null;
-	order: number;
-	itemCount: number;
-}
-
-export interface LocalItem extends BaseRecord {
-	collectionId: string;
-	locationId?: string | null;
-	categoryId?: string | null;
-	name: string;
-	description?: string | null;
-	status: 'owned' | 'lent' | 'stored' | 'for_sale' | 'disposed';
-	quantity: number;
-	fieldValues: Record<string, unknown>;
-	purchaseData?: {
-		price?: number;
-		currency?: string;
-		date?: string;
-		retailer?: string;
-		warrantyExpiry?: string;
-	} | null;
-	photos: Array<{ id: string; url: string; caption?: string; order: number }>;
-	notes: Array<{ id: string; content: string; createdAt: string }>;
-	tags: string[];
-	order: number;
-}
-
-export interface LocalLocation extends BaseRecord {
-	parentId?: string | null;
-	name: string;
-	description?: string | null;
-	icon?: string | null;
-	path: string;
-	depth: number;
-	order: number;
-}
-
-export interface LocalCategory extends BaseRecord {
-	parentId?: string | null;
-	name: string;
-	icon?: string | null;
-	color?: string | null;
-	order: number;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const inventarStore = createLocalStore({
-	appId: 'inventar',
-	collections: [
-		{
-			name: 'collections',
-			indexes: ['order', 'templateId'],
-			guestSeed: guestCollections,
-		},
-		{
-			name: 'items',
-			indexes: [
-				'collectionId',
-				'locationId',
-				'categoryId',
-				'status',
-				'name',
-				'[collectionId+order]',
-			],
-			guestSeed: guestItems,
-		},
-		{
-			name: 'locations',
-			indexes: ['parentId', 'path', 'depth', 'order'],
-			guestSeed: guestLocations,
-		},
-		{
-			name: 'categories',
-			indexes: ['parentId', 'order'],
-			guestSeed: guestCategories,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const collectionCollection = inventarStore.collection<LocalCollection>('collections');
-export const itemCollection = inventarStore.collection<LocalItem>('items');
-export const locationCollection = inventarStore.collection<LocalLocation>('locations');
-export const categoryCollection = inventarStore.collection<LocalCategory>('categories');
diff --git a/apps/inventar/apps/web-archived/src/lib/data/queries.ts b/apps/inventar/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index d2eb1bde0..000000000
--- a/apps/inventar/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,288 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Inventar
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	collectionCollection,
-	itemCollection,
-	locationCollection,
-	categoryCollection,
-	type LocalCollection,
-	type LocalItem,
-	type LocalLocation,
-	type LocalCategory,
-} from './local-store';
-import type {
-	Collection,
-	Item,
-	Location,
-	Category,
-	ItemStatus,
-	SortOption,
-	FilterCriteria,
-} from '@inventar/shared';
-
-// ─── Type Converters ───────────────────────────────────────
-
-/** Convert a LocalCollection (IndexedDB) to the shared Collection type. */
-export function toCollection(local: LocalCollection): Collection {
-	return {
-		id: local.id,
-		name: local.name,
-		description: local.description ?? undefined,
-		icon: local.icon ?? undefined,
-		color: local.color ?? undefined,
-		schema: local.schema,
-		templateId: local.templateId ?? undefined,
-		order: local.order,
-		itemCount: local.itemCount,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert a LocalItem (IndexedDB) to the shared Item type. */
-export function toItem(local: LocalItem): Item {
-	return {
-		id: local.id,
-		collectionId: local.collectionId,
-		locationId: local.locationId ?? undefined,
-		categoryId: local.categoryId ?? undefined,
-		name: local.name,
-		description: local.description ?? undefined,
-		status: local.status,
-		quantity: local.quantity,
-		fieldValues: local.fieldValues,
-		purchaseData: local.purchaseData ?? undefined,
-		photos: local.photos,
-		notes: local.notes,
-		documents: [],
-		tags: local.tags,
-		order: local.order,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert a LocalLocation (IndexedDB) to the shared Location type. */
-export function toLocation(local: LocalLocation): Location {
-	return {
-		id: local.id,
-		parentId: local.parentId ?? undefined,
-		name: local.name,
-		description: local.description ?? undefined,
-		icon: local.icon ?? undefined,
-		path: local.path,
-		depth: local.depth,
-		order: local.order,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert a LocalCategory (IndexedDB) to the shared Category type. */
-export function toCategory(local: LocalCategory): Category {
-	return {
-		id: local.id,
-		parentId: local.parentId ?? undefined,
-		name: local.name,
-		icon: local.icon ?? undefined,
-		color: local.color ?? undefined,
-		order: local.order,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All collections. Auto-updates on any change. */
-export function useAllCollections() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await collectionCollection.getAll();
-		return locals.map(toCollection);
-	}, [] as Collection[]);
-}
-
-/** All items. Auto-updates on any change. */
-export function useAllItems() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await itemCollection.getAll();
-		return locals.map(toItem);
-	}, [] as Item[]);
-}
-
-/** All locations. Auto-updates on any change. */
-export function useAllLocations() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await locationCollection.getAll();
-		return locals.map(toLocation);
-	}, [] as Location[]);
-}
-
-/** All categories. Auto-updates on any change. */
-export function useAllCategories() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await categoryCollection.getAll();
-		return locals.map(toCategory);
-	}, [] as Category[]);
-}
-
-// ─── Pure Collection Helpers ──────────────────────────────
-
-/** Get a collection by ID. */
-export function getCollectionById(collections: Collection[], id: string): Collection | undefined {
-	return collections.find((c) => c.id === id);
-}
-
-/** Get collections sorted by order. */
-export function getSortedCollections(collections: Collection[]): Collection[] {
-	return [...collections].sort((a, b) => a.order - b.order);
-}
-
-// ─── Pure Item Helpers ────────────────────────────────────
-
-/** Get an item by ID. */
-export function getItemById(items: Item[], id: string): Item | undefined {
-	return items.find((i) => i.id === id);
-}
-
-/** Get items for a specific collection. */
-export function getItemsByCollection(items: Item[], collectionId: string): Item[] {
-	return items.filter((i) => i.collectionId === collectionId);
-}
-
-/** Count items for a specific collection. */
-export function getItemCountByCollection(items: Item[], collectionId: string): number {
-	return items.filter((i) => i.collectionId === collectionId).length;
-}
-
-/** Get total item count. */
-export function getTotalItemCount(items: Item[]): number {
-	return items.length;
-}
-
-/** Filter items by criteria. */
-export function getFilteredItems(items: Item[], filters: FilterCriteria): Item[] {
-	let result = items;
-
-	if (filters.collectionId) {
-		result = result.filter((i) => i.collectionId === filters.collectionId);
-	}
-	if (filters.locationId) {
-		result = result.filter((i) => i.locationId === filters.locationId);
-	}
-	if (filters.categoryId) {
-		result = result.filter((i) => i.categoryId === filters.categoryId);
-	}
-	if (filters.status?.length) {
-		result = result.filter((i) => filters.status!.includes(i.status));
-	}
-	if (filters.tagIds?.length) {
-		result = result.filter((i) => filters.tagIds!.some((t) => i.tags.includes(t)));
-	}
-	if (filters.search) {
-		const q = filters.search.toLowerCase();
-		result = result.filter(
-			(i) =>
-				i.name.toLowerCase().includes(q) ||
-				i.description?.toLowerCase().includes(q) ||
-				Object.values(i.fieldValues).some((v) => String(v).toLowerCase().includes(q))
-		);
-	}
-
-	return result;
-}
-
-/** Sort items by a sort option. */
-export function getSortedItems(itemList: Item[], sort: SortOption): Item[] {
-	return [...itemList].sort((a, b) => {
-		let cmp = 0;
-		switch (sort.field) {
-			case 'name':
-				cmp = a.name.localeCompare(b.name);
-				break;
-			case 'createdAt':
-				cmp = a.createdAt.localeCompare(b.createdAt);
-				break;
-			case 'updatedAt':
-				cmp = a.updatedAt.localeCompare(b.updatedAt);
-				break;
-			case 'status':
-				cmp = a.status.localeCompare(b.status);
-				break;
-			case 'quantity':
-				cmp = a.quantity - b.quantity;
-				break;
-		}
-		return sort.direction === 'desc' ? -cmp : cmp;
-	});
-}
-
-// ─── Pure Location Helpers ────────────────────────────────
-
-/** Get a location by ID. */
-export function getLocationById(locations: Location[], id: string): Location | undefined {
-	return locations.find((l) => l.id === id);
-}
-
-/** Get root locations (no parent). */
-export function getRootLocations(locations: Location[]): Location[] {
-	return locations.filter((l) => !l.parentId).sort((a, b) => a.order - b.order);
-}
-
-/** Get children of a location. */
-export function getLocationChildren(locations: Location[], parentId: string): Location[] {
-	return locations.filter((l) => l.parentId === parentId).sort((a, b) => a.order - b.order);
-}
-
-/** Build a tree structure from flat locations. */
-export function getLocationTree(locations: Location[]): Location[] {
-	const buildTree = (parentId?: string): Location[] => {
-		return locations
-			.filter((l) => l.parentId === parentId)
-			.sort((a, b) => a.order - b.order)
-			.map((l) => ({ ...l, children: buildTree(l.id) }));
-	};
-	return buildTree(undefined);
-}
-
-/** Get full path for a location. */
-export function getLocationFullPath(locations: Location[], id: string): string {
-	const location = locations.find((l) => l.id === id);
-	if (!location) return '';
-	return location.path ? `${location.path}/${location.name}` : location.name;
-}
-
-// ─── Pure Category Helpers ────────────────────────────────
-
-/** Get a category by ID. */
-export function getCategoryById(categories: Category[], id: string): Category | undefined {
-	return categories.find((c) => c.id === id);
-}
-
-/** Get root categories (no parent). */
-export function getRootCategories(categories: Category[]): Category[] {
-	return categories.filter((c) => !c.parentId).sort((a, b) => a.order - b.order);
-}
-
-/** Get children of a category. */
-export function getCategoryChildren(categories: Category[], parentId: string): Category[] {
-	return categories.filter((c) => c.parentId === parentId).sort((a, b) => a.order - b.order);
-}
-
-/** Build a tree structure from flat categories. */
-export function getCategoryTree(categories: Category[]): Category[] {
-	const buildTree = (parentId?: string): Category[] => {
-		return categories
-			.filter((c) => c.parentId === parentId)
-			.sort((a, b) => a.order - b.order)
-			.map((c) => ({ ...c, children: buildTree(c.id) }));
-	};
-	return buildTree(undefined);
-}
diff --git a/apps/inventar/apps/web-archived/src/lib/i18n/index.ts b/apps/inventar/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 080e6330b..000000000
--- a/apps/inventar/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-const defaultLocale = 'de';
-
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		const stored = localStorage.getItem('inventar_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-	return defaultLocale;
-}
-
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('inventar_locale', newLocale);
-	}
-}
-
-export { waitLocale };
diff --git a/apps/inventar/apps/web-archived/src/lib/i18n/locales/de.json b/apps/inventar/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 5a7d8bc1f..000000000
--- a/apps/inventar/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,148 +0,0 @@
-{
-	"app": {
-		"name": "Inventar",
-		"loading": "Laden..."
-	},
-	"nav": {
-		"collections": "Sammlungen",
-		"allItems": "Alle Items",
-		"locations": "Standorte",
-		"categories": "Kategorien",
-		"tags": "Tags",
-		"search": "Suche",
-		"settings": "Einstellungen",
-		"feedback": "Feedback"
-	},
-	"collection": {
-		"create": "Sammlung erstellen",
-		"edit": "Sammlung bearbeiten",
-		"delete": "Sammlung löschen",
-		"name": "Name",
-		"description": "Beschreibung",
-		"icon": "Symbol",
-		"color": "Farbe",
-		"template": "Vorlage",
-		"schema": "Schema",
-		"noCollections": "Keine Sammlungen",
-		"itemCount": "{count} Items",
-		"selectTemplate": "Vorlage wählen",
-		"customFields": "Eigene Felder",
-		"addField": "Feld hinzufügen"
-	},
-	"item": {
-		"create": "Item erstellen",
-		"edit": "Item bearbeiten",
-		"delete": "Item löschen",
-		"name": "Name",
-		"description": "Beschreibung",
-		"status": "Status",
-		"quantity": "Menge",
-		"location": "Standort",
-		"category": "Kategorie",
-		"tags": "Tags",
-		"photos": "Fotos",
-		"notes": "Notizen",
-		"documents": "Dokumente",
-		"noItems": "Keine Items",
-		"addPhoto": "Foto hinzufügen",
-		"addNote": "Notiz hinzufügen",
-		"addDocument": "Dokument hinzufügen"
-	},
-	"status": {
-		"owned": "Besitzt",
-		"lent": "Verliehen",
-		"stored": "Eingelagert",
-		"for_sale": "Zu verkaufen",
-		"disposed": "Entsorgt"
-	},
-	"location": {
-		"create": "Standort erstellen",
-		"edit": "Standort bearbeiten",
-		"delete": "Standort löschen",
-		"name": "Name",
-		"parent": "Übergeordnet",
-		"noLocations": "Keine Standorte",
-		"addSub": "Unterstandort hinzufügen"
-	},
-	"category": {
-		"create": "Kategorie erstellen",
-		"edit": "Kategorie bearbeiten",
-		"delete": "Kategorie löschen",
-		"name": "Name",
-		"noCategories": "Keine Kategorien"
-	},
-	"field": {
-		"text": "Text",
-		"number": "Zahl",
-		"date": "Datum",
-		"select": "Auswahl",
-		"tags": "Tags",
-		"checkbox": "Checkbox",
-		"url": "URL",
-		"currency": "Währung",
-		"required": "Pflichtfeld",
-		"placeholder": "Platzhalter",
-		"options": "Optionen",
-		"addOption": "Option hinzufügen",
-		"removeField": "Feld entfernen"
-	},
-	"template": {
-		"electronics": "Elektronik",
-		"books": "Bücher",
-		"furniture": "Möbel",
-		"clothing": "Kleidung",
-		"tools": "Werkzeug",
-		"kitchen": "Küche",
-		"media": "Medien",
-		"custom": "Benutzerdefiniert"
-	},
-	"view": {
-		"list": "Liste",
-		"grid": "Kacheln",
-		"table": "Tabelle"
-	},
-	"filter": {
-		"all": "Alle",
-		"saved": "Gespeicherte Filter",
-		"save": "Filter speichern",
-		"clear": "Filter zurücksetzen"
-	},
-	"purchase": {
-		"title": "Kaufdaten",
-		"price": "Preis",
-		"currency": "Währung",
-		"date": "Kaufdatum",
-		"retailer": "Händler",
-		"warranty": "Garantie bis",
-		"receipt": "Beleg"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren",
-		"email": "E-Mail",
-		"password": "Passwort",
-		"forgotPassword": "Passwort vergessen?"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"add": "Hinzufügen",
-		"close": "Schließen",
-		"search": "Suchen",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"loading": "Laden...",
-		"noResults": "Keine Ergebnisse",
-		"confirm": "Bestätigen",
-		"back": "Zurück",
-		"next": "Weiter",
-		"create": "Erstellen"
-	},
-	"error": {
-		"notFound": "Seite nicht gefunden",
-		"backToHome": "Zurück zur Startseite"
-	}
-}
diff --git a/apps/inventar/apps/web-archived/src/lib/i18n/locales/en.json b/apps/inventar/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 31da651f8..000000000
--- a/apps/inventar/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,148 +0,0 @@
-{
-	"app": {
-		"name": "Inventar",
-		"loading": "Loading..."
-	},
-	"nav": {
-		"collections": "Collections",
-		"allItems": "All Items",
-		"locations": "Locations",
-		"categories": "Categories",
-		"tags": "Tags",
-		"search": "Search",
-		"settings": "Settings",
-		"feedback": "Feedback"
-	},
-	"collection": {
-		"create": "Create Collection",
-		"edit": "Edit Collection",
-		"delete": "Delete Collection",
-		"name": "Name",
-		"description": "Description",
-		"icon": "Icon",
-		"color": "Color",
-		"template": "Template",
-		"schema": "Schema",
-		"noCollections": "No collections",
-		"itemCount": "{count} items",
-		"selectTemplate": "Select template",
-		"customFields": "Custom fields",
-		"addField": "Add field"
-	},
-	"item": {
-		"create": "Create Item",
-		"edit": "Edit Item",
-		"delete": "Delete Item",
-		"name": "Name",
-		"description": "Description",
-		"status": "Status",
-		"quantity": "Quantity",
-		"location": "Location",
-		"category": "Category",
-		"tags": "Tags",
-		"photos": "Photos",
-		"notes": "Notes",
-		"documents": "Documents",
-		"noItems": "No items",
-		"addPhoto": "Add photo",
-		"addNote": "Add note",
-		"addDocument": "Add document"
-	},
-	"status": {
-		"owned": "Owned",
-		"lent": "Lent",
-		"stored": "Stored",
-		"for_sale": "For Sale",
-		"disposed": "Disposed"
-	},
-	"location": {
-		"create": "Create Location",
-		"edit": "Edit Location",
-		"delete": "Delete Location",
-		"name": "Name",
-		"parent": "Parent",
-		"noLocations": "No locations",
-		"addSub": "Add sub-location"
-	},
-	"category": {
-		"create": "Create Category",
-		"edit": "Edit Category",
-		"delete": "Delete Category",
-		"name": "Name",
-		"noCategories": "No categories"
-	},
-	"field": {
-		"text": "Text",
-		"number": "Number",
-		"date": "Date",
-		"select": "Select",
-		"tags": "Tags",
-		"checkbox": "Checkbox",
-		"url": "URL",
-		"currency": "Currency",
-		"required": "Required",
-		"placeholder": "Placeholder",
-		"options": "Options",
-		"addOption": "Add option",
-		"removeField": "Remove field"
-	},
-	"template": {
-		"electronics": "Electronics",
-		"books": "Books",
-		"furniture": "Furniture",
-		"clothing": "Clothing",
-		"tools": "Tools",
-		"kitchen": "Kitchen",
-		"media": "Media",
-		"custom": "Custom"
-	},
-	"view": {
-		"list": "List",
-		"grid": "Grid",
-		"table": "Table"
-	},
-	"filter": {
-		"all": "All",
-		"saved": "Saved Filters",
-		"save": "Save Filter",
-		"clear": "Clear Filters"
-	},
-	"purchase": {
-		"title": "Purchase Data",
-		"price": "Price",
-		"currency": "Currency",
-		"date": "Purchase Date",
-		"retailer": "Retailer",
-		"warranty": "Warranty Until",
-		"receipt": "Receipt"
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"register": "Register",
-		"email": "Email",
-		"password": "Password",
-		"forgotPassword": "Forgot password?"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"add": "Add",
-		"close": "Close",
-		"search": "Search",
-		"error": "Error",
-		"success": "Success",
-		"loading": "Loading...",
-		"noResults": "No results",
-		"confirm": "Confirm",
-		"back": "Back",
-		"next": "Next",
-		"create": "Create"
-	},
-	"error": {
-		"notFound": "Page not found",
-		"backToHome": "Back to home"
-	}
-}
diff --git a/apps/inventar/apps/web-archived/src/lib/services/feedback.ts b/apps/inventar/apps/web-archived/src/lib/services/feedback.ts
deleted file mode 100644
index a0745099c..000000000
--- a/apps/inventar/apps/web-archived/src/lib/services/feedback.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createFeedbackService } from '@manacore/feedback';
-import { authStore } from '$lib/stores/auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const feedbackService = createFeedbackService({
-	appId: 'inventar',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/inventar/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 5df932791..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore();
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/categories.svelte.ts b/apps/inventar/apps/web-archived/src/lib/stores/categories.svelte.ts
deleted file mode 100644
index 37b82620f..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/categories.svelte.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Categories Store — Mutations Only
- *
- * Reads come from useLiveQuery (see $lib/data/queries.ts).
- * This store only handles writes to IndexedDB via local-store.
- */
-
-import { categoryCollection, type LocalCategory } from '$lib/data/local-store';
-import { toCategory } from '$lib/data/queries';
-
-export const categoriesStore = {
-	async create(data: { name: string; icon?: string; color?: string; parentId?: string }) {
-		const all = await categoryCollection.getAll();
-		const siblings = all.filter((c) => c.parentId === data.parentId);
-
-		const newLocal: LocalCategory = {
-			id: crypto.randomUUID(),
-			parentId: data.parentId ?? null,
-			name: data.name,
-			icon: data.icon ?? null,
-			color: data.color ?? null,
-			order: siblings.length,
-		};
-		const inserted = await categoryCollection.insert(newLocal);
-		return toCategory(inserted);
-	},
-
-	async update(id: string, data: Partial<Pick<LocalCategory, 'name' | 'icon' | 'color'>>) {
-		await categoryCollection.update(id, data);
-	},
-
-	async delete(id: string) {
-		const all = await categoryCollection.getAll();
-		const idsToDelete = new Set<string>();
-		const collectIds = (parentId: string) => {
-			idsToDelete.add(parentId);
-			all.filter((c) => c.parentId === parentId).forEach((c) => collectIds(c.id));
-		};
-		collectIds(id);
-		for (const deleteId of idsToDelete) {
-			await categoryCollection.delete(deleteId);
-		}
-	},
-};
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/collections.svelte.ts b/apps/inventar/apps/web-archived/src/lib/stores/collections.svelte.ts
deleted file mode 100644
index 44be33b02..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/collections.svelte.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * Collections Store — Mutations Only
- *
- * Reads come from useLiveQuery (see $lib/data/queries.ts).
- * This store only handles writes to IndexedDB via local-store.
- */
-
-import type { CollectionSchema } from '@inventar/shared';
-import { collectionCollection, type LocalCollection } from '$lib/data/local-store';
-import { toCollection } from '$lib/data/queries';
-
-export const collectionsStore = {
-	async create(data: {
-		name: string;
-		description?: string;
-		icon?: string;
-		color?: string;
-		schema: CollectionSchema;
-		templateId?: string;
-	}) {
-		const all = await collectionCollection.getAll();
-		const newLocal: LocalCollection = {
-			id: crypto.randomUUID(),
-			name: data.name,
-			description: data.description ?? null,
-			icon: data.icon ?? null,
-			color: data.color ?? null,
-			schema: data.schema,
-			templateId: data.templateId ?? null,
-			order: all.length,
-			itemCount: 0,
-		};
-		const inserted = await collectionCollection.insert(newLocal);
-		return toCollection(inserted);
-	},
-
-	async update(
-		id: string,
-		data: Partial<Pick<LocalCollection, 'name' | 'description' | 'icon' | 'color' | 'schema'>>
-	) {
-		await collectionCollection.update(id, data);
-	},
-
-	async delete(id: string) {
-		await collectionCollection.delete(id);
-	},
-
-	async reorder(orderedIds: string[]) {
-		for (let i = 0; i < orderedIds.length; i++) {
-			await collectionCollection.update(orderedIds[i], { order: i });
-		}
-	},
-
-	async updateItemCount(collectionId: string, count: number) {
-		await collectionCollection.update(collectionId, { itemCount: count });
-	},
-};
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/items.svelte.ts b/apps/inventar/apps/web-archived/src/lib/stores/items.svelte.ts
deleted file mode 100644
index fd21d78c2..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/items.svelte.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-/**
- * Items Store — Mutations Only
- *
- * Reads come from useLiveQuery (see $lib/data/queries.ts).
- * This store only handles writes to IndexedDB via local-store.
- */
-
-import type { ItemStatus, PurchaseData, ItemPhoto, ItemNote } from '@inventar/shared';
-import { itemCollection, type LocalItem } from '$lib/data/local-store';
-import { toItem } from '$lib/data/queries';
-
-export const itemsStore = {
-	async create(data: {
-		collectionId: string;
-		name: string;
-		description?: string;
-		status?: ItemStatus;
-		quantity?: number;
-		locationId?: string;
-		categoryId?: string;
-		fieldValues?: Record<string, unknown>;
-		purchaseData?: PurchaseData;
-		tags?: string[];
-	}) {
-		const existing = await itemCollection.getAll();
-		const collectionItems = existing.filter((i) => i.collectionId === data.collectionId);
-
-		const newLocal: LocalItem = {
-			id: crypto.randomUUID(),
-			collectionId: data.collectionId,
-			name: data.name,
-			description: data.description ?? null,
-			status: data.status || 'owned',
-			quantity: data.quantity || 1,
-			locationId: data.locationId ?? null,
-			categoryId: data.categoryId ?? null,
-			fieldValues: data.fieldValues || {},
-			purchaseData: data.purchaseData ?? null,
-			photos: [],
-			notes: [],
-			tags: data.tags || [],
-			order: collectionItems.length,
-		};
-		const inserted = await itemCollection.insert(newLocal);
-		return toItem(inserted);
-	},
-
-	async update(
-		id: string,
-		data: Partial<
-			Pick<
-				LocalItem,
-				| 'name'
-				| 'description'
-				| 'status'
-				| 'quantity'
-				| 'locationId'
-				| 'categoryId'
-				| 'fieldValues'
-				| 'purchaseData'
-				| 'tags'
-			>
-		>
-	) {
-		await itemCollection.update(id, data);
-	},
-
-	async delete(id: string) {
-		await itemCollection.delete(id);
-	},
-
-	async deleteByCollection(collectionId: string) {
-		const all = await itemCollection.getAll();
-		const toDelete = all.filter((i) => i.collectionId === collectionId);
-		for (const item of toDelete) {
-			await itemCollection.delete(item.id);
-		}
-	},
-
-	async addNote(itemId: string, content: string) {
-		const item = await itemCollection.get(itemId);
-		if (!item) return;
-		const now = new Date().toISOString();
-		const note: ItemNote = { id: crypto.randomUUID(), content, createdAt: now, updatedAt: now };
-		await itemCollection.update(itemId, {
-			notes: [...item.notes, note],
-		});
-	},
-
-	async updateNote(itemId: string, noteId: string, content: string) {
-		const item = await itemCollection.get(itemId);
-		if (!item) return;
-		const now = new Date().toISOString();
-		await itemCollection.update(itemId, {
-			notes: item.notes.map((n) => (n.id === noteId ? { ...n, content, updatedAt: now } : n)),
-		});
-	},
-
-	async deleteNote(itemId: string, noteId: string) {
-		const item = await itemCollection.get(itemId);
-		if (!item) return;
-		await itemCollection.update(itemId, {
-			notes: item.notes.filter((n) => n.id !== noteId),
-		});
-	},
-
-	async addPhoto(itemId: string, photo: Omit<ItemPhoto, 'id' | 'order'>) {
-		const item = await itemCollection.get(itemId);
-		if (!item) return;
-		const newPhoto: ItemPhoto = { ...photo, id: crypto.randomUUID(), order: item.photos.length };
-		await itemCollection.update(itemId, {
-			photos: [...item.photos, newPhoto],
-		});
-	},
-
-	async deletePhoto(itemId: string, photoId: string) {
-		const item = await itemCollection.get(itemId);
-		if (!item) return;
-		await itemCollection.update(itemId, {
-			photos: item.photos.filter((p) => p.id !== photoId),
-		});
-	},
-};
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/locations.svelte.ts b/apps/inventar/apps/web-archived/src/lib/stores/locations.svelte.ts
deleted file mode 100644
index f4806e158..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/locations.svelte.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-/**
- * Locations Store — Mutations Only
- *
- * Reads come from useLiveQuery (see $lib/data/queries.ts).
- * This store only handles writes to IndexedDB via local-store.
- */
-
-import { locationCollection, type LocalLocation } from '$lib/data/local-store';
-import { toLocation } from '$lib/data/queries';
-
-function buildPath(locations: LocalLocation[], parentId?: string): string {
-	if (!parentId) return '';
-	const parent = locations.find((l) => l.id === parentId);
-	if (!parent) return '';
-	return parent.path ? `${parent.path}/${parent.name}` : parent.name;
-}
-
-function getDepth(locations: LocalLocation[], parentId?: string): number {
-	if (!parentId) return 0;
-	const parent = locations.find((l) => l.id === parentId);
-	return parent ? parent.depth + 1 : 0;
-}
-
-export const locationsStore = {
-	async create(data: { name: string; description?: string; icon?: string; parentId?: string }) {
-		const all = await locationCollection.getAll();
-		const path = buildPath(all, data.parentId);
-		const depth = getDepth(all, data.parentId);
-		const siblings = all.filter((l) => l.parentId === data.parentId);
-
-		const newLocal: LocalLocation = {
-			id: crypto.randomUUID(),
-			parentId: data.parentId ?? null,
-			name: data.name,
-			description: data.description ?? null,
-			icon: data.icon ?? null,
-			path,
-			depth,
-			order: siblings.length,
-		};
-		const inserted = await locationCollection.insert(newLocal);
-		return toLocation(inserted);
-	},
-
-	async update(id: string, data: Partial<Pick<LocalLocation, 'name' | 'description' | 'icon'>>) {
-		await locationCollection.update(id, data);
-	},
-
-	async delete(id: string) {
-		const all = await locationCollection.getAll();
-		const idsToDelete = new Set<string>();
-		const collectIds = (parentId: string) => {
-			idsToDelete.add(parentId);
-			all.filter((l) => l.parentId === parentId).forEach((l) => collectIds(l.id));
-		};
-		collectIds(id);
-		for (const deleteId of idsToDelete) {
-			await locationCollection.delete(deleteId);
-		}
-	},
-};
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/navigation.ts b/apps/inventar/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index a0dd7b724..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed, isToolbarCollapsed } = createSimpleNavigationStores({
-	withToolbar: true,
-	toolbarCollapsedDefault: true,
-});
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/theme.ts b/apps/inventar/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 5f3324f9c..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore({
-	appId: 'inventar',
-	defaultVariant: 'ocean',
-});
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/inventar/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index dbec1efc3..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'inventar',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/inventar/apps/web-archived/src/lib/stores/view.svelte.ts b/apps/inventar/apps/web-archived/src/lib/stores/view.svelte.ts
deleted file mode 100644
index f14aa6b39..000000000
--- a/apps/inventar/apps/web-archived/src/lib/stores/view.svelte.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { browser } from '$app/environment';
-import type { ViewMode, SortOption, FilterCriteria, SavedFilter } from '@inventar/shared';
-
-const VIEW_KEY = 'inventar_view_mode';
-const SORT_KEY = 'inventar_sort';
-const FILTERS_KEY = 'inventar_saved_filters';
-
-function load<T>(key: string, fallback: T): T {
-	if (!browser) return fallback;
-	try {
-		const data = localStorage.getItem(key);
-		return data ? JSON.parse(data) : fallback;
-	} catch {
-		return fallback;
-	}
-}
-
-function save(key: string, value: unknown) {
-	if (!browser) return;
-	localStorage.setItem(key, JSON.stringify(value));
-}
-
-let viewMode = $state<ViewMode>('list');
-let sort = $state<SortOption>({ field: 'name', direction: 'asc' });
-let activeFilters = $state<FilterCriteria>({});
-let savedFilters = $state<SavedFilter[]>([]);
-let initialized = $state(false);
-
-export const viewStore = {
-	get viewMode() {
-		return viewMode;
-	},
-	get sort() {
-		return sort;
-	},
-	get activeFilters() {
-		return activeFilters;
-	},
-	get savedFilters() {
-		return savedFilters;
-	},
-	get hasActiveFilters() {
-		return !!(
-			activeFilters.search ||
-			activeFilters.status?.length ||
-			activeFilters.locationId ||
-			activeFilters.categoryId ||
-			activeFilters.tagIds?.length ||
-			activeFilters.collectionId
-		);
-	},
-
-	initialize() {
-		if (initialized) return;
-		viewMode = load<ViewMode>(VIEW_KEY, 'list');
-		sort = load<SortOption>(SORT_KEY, { field: 'name', direction: 'asc' });
-		savedFilters = load<SavedFilter[]>(FILTERS_KEY, []);
-		initialized = true;
-	},
-
-	setViewMode(mode: ViewMode) {
-		viewMode = mode;
-		save(VIEW_KEY, mode);
-	},
-
-	setSort(newSort: SortOption) {
-		sort = newSort;
-		save(SORT_KEY, newSort);
-	},
-
-	setFilters(filters: FilterCriteria) {
-		activeFilters = filters;
-	},
-
-	updateFilter<K extends keyof FilterCriteria>(key: K, value: FilterCriteria[K]) {
-		activeFilters = { ...activeFilters, [key]: value };
-	},
-
-	clearFilters() {
-		activeFilters = {};
-	},
-
-	saveFilter(name: string) {
-		const filter: SavedFilter = {
-			id: crypto.randomUUID(),
-			name,
-			criteria: { ...activeFilters },
-			createdAt: new Date().toISOString(),
-		};
-		savedFilters = [...savedFilters, filter];
-		save(FILTERS_KEY, savedFilters);
-	},
-
-	loadFilter(id: string) {
-		const filter = savedFilters.find((f) => f.id === id);
-		if (filter) {
-			activeFilters = { ...filter.criteria };
-		}
-	},
-
-	deleteSavedFilter(id: string) {
-		savedFilters = savedFilters.filter((f) => f.id !== id);
-		save(FILTERS_KEY, savedFilters);
-	},
-};
diff --git a/apps/inventar/apps/web-archived/src/lib/version.ts b/apps/inventar/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 4f221f09f..000000000
--- a/apps/inventar/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '1.0.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 5b9553d66..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,186 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { _ } from 'svelte-i18n';
-	import { setContext } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { PillNavigation } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import { User, SignOut, Plus } from '@manacore/shared-icons';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { inventarStore } from '$lib/data/local-store';
-	import {
-		useAllCollections,
-		useAllItems,
-		useAllLocations,
-		useAllCategories,
-	} from '$lib/data/queries';
-
-	let { children } = $props();
-
-	let showNav = $state(true);
-	let initialized = $state(false);
-	let showGuestWelcome = $state(false);
-
-	// Live queries — auto-update when IndexedDB changes (local writes, sync, other tabs)
-	const allCollections = useAllCollections();
-	const allItems = useAllItems();
-	const allLocations = useAllLocations();
-	const allCategories = useAllCategories();
-
-	// Provide data to child components via Svelte context
-	setContext('collections', allCollections);
-	setContext('items', allItems);
-	setContext('locations', allLocations);
-	setContext('categories', allCategories);
-
-	async function handleAuthReady() {
-		// Initialize local-first database
-		await inventarStore.initialize();
-
-		// If authenticated, start syncing
-		if (authStore.isAuthenticated) {
-			inventarStore.startSync(() => authStore.getValidToken());
-		}
-
-		// Initialize view preferences (still localStorage-based, not data)
-		viewStore.initialize();
-		initialized = true;
-
-		// Show guest welcome on first visit
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('inventar')) {
-			showGuestWelcome = true;
-		}
-	}
-
-	const navItems = [
-		{ href: '/', label: 'Sammlungen', icon: 'archive' },
-		{ href: '/items', label: 'Alle Items', icon: 'list' },
-		{ href: '/locations', label: 'Standorte', icon: 'map-pin' },
-		{ href: '/categories', label: 'Kategorien', icon: 'tag' },
-		{ href: '/search', label: 'Suche', icon: 'search' },
-		{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
-		{ href: '/mana', label: 'Mana', icon: 'star' },
-		{ href: '/feedback', label: 'Feedback', icon: 'chat' },
-	];
-
-	function handleLogout() {
-		authStore.signOut();
-		goto('/login');
-	}
-</script>
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('inventory')?.requiredTier}
-	appName={getManaApp('inventory')?.name}
->
-	<div class="flex min-h-screen flex-col">
-		<!-- Top Navigation -->
-		{#if showNav}
-			<nav
-				class="sticky top-0 z-40 border-b border-[hsl(var(--border))] bg-[hsl(var(--background))/0.95] backdrop-blur"
-			>
-				<div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-2">
-					<!-- Logo -->
-					<a href="/" class="flex items-center gap-2">
-						<span class="text-xl">📦</span>
-						<span class="text-lg font-bold text-[hsl(var(--foreground))]">Inventar</span>
-					</a>
-
-					<!-- Nav Items -->
-					<div class="hidden items-center gap-1 md:flex">
-						{#each navItems.slice(0, 5) as item}
-							<a
-								href={item.href}
-								class="rounded-lg px-3 py-1.5 text-sm transition-colors {$page.url.pathname ===
-									item.href ||
-								($page.url.pathname.startsWith(item.href) && item.href !== '/')
-									? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-									: 'text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent)/0.1)] hover:text-[hsl(var(--foreground))]'}"
-							>
-								{item.label}
-							</a>
-						{/each}
-					</div>
-
-					<!-- Right side -->
-					<div class="flex items-center gap-2">
-						<!-- Language -->
-						<select
-							class="rounded-lg border border-[hsl(var(--border))] bg-transparent px-2 py-1 text-xs text-[hsl(var(--muted-foreground))]"
-							onchange={(e) => setLocale((e.target as HTMLSelectElement).value as any)}
-						>
-							{#each supportedLocales as loc}
-								<option value={loc}>{loc.toUpperCase()}</option>
-							{/each}
-						</select>
-
-						<!-- User menu -->
-						<a
-							href="/profile"
-							class="rounded-lg p-1.5 text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-						>
-							<User size={20} />
-						</a>
-
-						<button
-							onclick={handleLogout}
-							class="rounded-lg p-1.5 text-[hsl(var(--muted-foreground))] hover:text-red-500"
-							title="Abmelden"
-						>
-							<SignOut size={20} />
-						</button>
-					</div>
-				</div>
-
-				<!-- Mobile nav -->
-				<div class="flex gap-1 overflow-x-auto px-4 pb-2 md:hidden">
-					{#each navItems.slice(0, 5) as item}
-						<a
-							href={item.href}
-							class="shrink-0 rounded-full px-3 py-1 text-xs transition-colors {$page.url
-								.pathname === item.href
-								? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-								: 'bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]'}"
-						>
-							{item.label}
-						</a>
-					{/each}
-				</div>
-			</nav>
-		{/if}
-
-		<!-- Content -->
-		<main class="mx-auto w-full max-w-7xl flex-1 px-4 py-6">
-			{@render children()}
-		</main>
-	</div>
-
-	<!-- FAB for mobile - New Item -->
-	<button
-		onclick={() => goto('/items?action=new')}
-		class="fixed bottom-6 right-6 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] shadow-lg transition-transform hover:scale-105 md:hidden"
-	>
-		<Plus size={24} />
-	</button>
-
-	<!-- Guest Welcome Modal -->
-	<GuestWelcomeModal
-		appId="inventar"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale="de"
-	/>
-	<SyncIndicator />
-</AuthGate>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 6e8690ff8..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,135 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { collectionsStore } from '$lib/stores/collections.svelte';
-	import { itemsStore } from '$lib/stores/items.svelte';
-	import {
-		getSortedCollections,
-		getItemCountByCollection,
-		getTotalItemCount,
-	} from '$lib/data/queries';
-	import type { Collection, Item } from '@inventar/shared';
-	import { Plus, Trash } from '@manacore/shared-icons';
-
-	const collectionsCtx: { readonly value: Collection[] } = getContext('collections');
-	const itemsCtx: { readonly value: Item[] } = getContext('items');
-
-	function getItemCount(collectionId: string): number {
-		return getItemCountByCollection(itemsCtx.value, collectionId);
-	}
-
-	function handleCollectionClick(collection: Collection) {
-		goto(`/collections/${collection.id}`);
-	}
-
-	function handleDelete(e: Event, id: string) {
-		e.stopPropagation();
-		if (confirm('Sammlung und alle Items löschen?')) {
-			itemsStore.deleteByCollection(id);
-			collectionsStore.delete(id);
-		}
-	}
-
-	// Stats
-	let totalItems = $derived(getTotalItemCount(itemsCtx.value));
-	let totalCollections = $derived(collectionsCtx.value.length);
-	let sortedCollections = $derived(getSortedCollections(collectionsCtx.value));
-</script>
-
-<svelte:head>
-	<title>Inventar</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<!-- Header -->
-	<div class="flex items-center justify-between">
-		<div>
-			<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.collections')}</h1>
-			<p class="text-sm text-[hsl(var(--muted-foreground))]">
-				{totalCollections} Sammlungen · {totalItems} Items
-			</p>
-		</div>
-		<a
-			href="/collections/new"
-			class="flex items-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))] transition-colors hover:opacity-90"
-		>
-			<Plus size={20} />
-			{$_('collection.create')}
-		</a>
-	</div>
-
-	<!-- Collections grid -->
-	{#if sortedCollections.length === 0}
-		<div
-			class="flex flex-col items-center justify-center rounded-xl border-2 border-dashed border-[hsl(var(--border))] py-16"
-		>
-			<span class="mb-4 text-5xl">📦</span>
-			<h2 class="mb-2 text-lg font-semibold text-[hsl(var(--foreground))]">
-				{$_('collection.noCollections')}
-			</h2>
-			<p class="mb-6 text-sm text-[hsl(var(--muted-foreground))]">
-				Erstelle deine erste Sammlung, um loszulegen.
-			</p>
-			<a
-				href="/collections/new"
-				class="rounded-lg bg-[hsl(var(--primary))] px-6 py-2.5 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-			>
-				{$_('collection.create')}
-			</a>
-		</div>
-	{:else}
-		<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-			{#each sortedCollections as collection (collection.id)}
-				<div
-					role="button"
-					tabindex="0"
-					onclick={() => handleCollectionClick(collection)}
-					class="item-card group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 text-left transition-all hover:border-[hsl(var(--primary)/0.3)]"
-				>
-					<div class="flex items-start justify-between">
-						<div class="flex items-center gap-3">
-							<span class="text-2xl">{collection.icon || '📁'}</span>
-							<div>
-								<h3 class="font-semibold text-[hsl(var(--foreground))]">{collection.name}</h3>
-								{#if collection.description}
-									<p class="mt-0.5 text-xs text-[hsl(var(--muted-foreground))] line-clamp-1">
-										{collection.description}
-									</p>
-								{/if}
-							</div>
-						</div>
-						<button
-							onclick={(e) => handleDelete(e, collection.id)}
-							class="rounded p-1 text-[hsl(var(--muted-foreground))] opacity-0 transition-opacity hover:text-red-500 group-hover:opacity-100"
-						>
-							<Trash size={20} />
-						</button>
-					</div>
-
-					<div class="mt-4 flex items-center justify-between">
-						<span class="text-sm text-[hsl(var(--muted-foreground))]">
-							{getItemCount(collection.id)} Items
-						</span>
-						<div class="flex gap-1">
-							{#each collection.schema.fields.slice(0, 3) as field}
-								<span
-									class="rounded bg-[hsl(var(--muted))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]"
-								>
-									{field.name}
-								</span>
-							{/each}
-							{#if collection.schema.fields.length > 3}
-								<span
-									class="rounded bg-[hsl(var(--muted))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]"
-								>
-									+{collection.schema.fields.length - 3}
-								</span>
-							{/if}
-						</div>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/categories/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/categories/+page.svelte
deleted file mode 100644
index f4dfcf9c7..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/categories/+page.svelte
+++ /dev/null
@@ -1,147 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { Plus } from '@manacore/shared-icons';
-	import { getContext } from 'svelte';
-	import { categoriesStore } from '$lib/stores/categories.svelte';
-	import type { Category } from '@inventar/shared';
-
-	const categoriesCtx: { readonly value: Category[] } = getContext('categories');
-
-	let showForm = $state(false);
-	let editingId = $state<string | null>(null);
-	let name = $state('');
-	let icon = $state('');
-	let color = $state('');
-
-	function startCreate() {
-		name = '';
-		icon = '';
-		color = '';
-		editingId = null;
-		showForm = true;
-	}
-
-	function startEdit(category: Category) {
-		editingId = category.id;
-		name = category.name;
-		icon = category.icon || '';
-		color = category.color || '';
-		showForm = true;
-	}
-
-	async function save() {
-		if (!name.trim()) return;
-		if (editingId) {
-			await categoriesStore.update(editingId, {
-				name: name.trim(),
-				icon: icon || undefined,
-				color: color || undefined,
-			});
-		} else {
-			await categoriesStore.create({
-				name: name.trim(),
-				icon: icon || undefined,
-				color: color || undefined,
-			});
-		}
-		showForm = false;
-	}
-
-	async function deleteCategory(id: string) {
-		if (confirm('Kategorie löschen?')) {
-			await categoriesStore.delete(id);
-		}
-	}
-
-	let sortedCategories = $derived([...categoriesCtx.value].sort((a, b) => a.order - b.order));
-
-	const inputClass =
-		'rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]';
-</script>
-
-<svelte:head>
-	<title>{$_('nav.categories')} | Inventar</title>
-</svelte:head>
-
-<div class="mx-auto max-w-2xl space-y-6">
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.categories')}</h1>
-		<button
-			onclick={startCreate}
-			class="flex items-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-		>
-			<Plus size={16} />
-			{$_('category.create')}
-		</button>
-	</div>
-
-	{#if showForm}
-		<div class="rounded-xl border border-[hsl(var(--primary)/0.3)] bg-[hsl(var(--card))] p-4">
-			<div class="flex gap-2">
-				<input
-					type="text"
-					bind:value={icon}
-					placeholder="🏷️"
-					class="{inputClass} w-12 text-center text-lg"
-					maxlength="2"
-				/>
-				<input
-					type="text"
-					bind:value={name}
-					placeholder={$_('category.name')}
-					class="{inputClass} flex-1"
-					onkeydown={(e) => e.key === 'Enter' && save()}
-				/>
-				<input
-					type="color"
-					bind:value={color}
-					class="h-9 w-9 cursor-pointer rounded-lg border border-[hsl(var(--border))]"
-				/>
-				<button
-					onclick={save}
-					disabled={!name.trim()}
-					class="rounded-lg bg-[hsl(var(--primary))] px-4 text-sm text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-					>{$_('common.save')}</button
-				>
-				<button
-					onclick={() => (showForm = false)}
-					class="rounded-lg border border-[hsl(var(--border))] px-3 text-sm"
-					>{$_('common.cancel')}</button
-				>
-			</div>
-		</div>
-	{/if}
-
-	{#if sortedCategories.length === 0}
-		<div
-			class="flex flex-col items-center justify-center rounded-xl border-2 border-dashed border-[hsl(var(--border))] py-16"
-		>
-			<span class="mb-4 text-4xl">🏷️</span>
-			<p class="text-[hsl(var(--muted-foreground))]">{$_('category.noCategories')}</p>
-		</div>
-	{:else}
-		<div class="grid gap-3 sm:grid-cols-2">
-			{#each sortedCategories as category (category.id)}
-				<div
-					class="group flex items-center gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3"
-				>
-					<span class="text-xl">{category.icon || '🏷️'}</span>
-					{#if category.color}
-						<span class="h-3 w-3 rounded-full" style="background-color: {category.color}"></span>
-					{/if}
-					<span class="flex-1 font-medium text-[hsl(var(--foreground))]">{category.name}</span>
-					<button
-						onclick={() => startEdit(category)}
-						class="text-xs text-[hsl(var(--muted-foreground))] opacity-0 hover:text-[hsl(var(--foreground))] group-hover:opacity-100"
-						>✎</button
-					>
-					<button
-						onclick={() => deleteCategory(category.id)}
-						class="text-xs text-[hsl(var(--muted-foreground))] opacity-0 hover:text-red-500 group-hover:opacity-100"
-						>×</button
-					>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/collections/[id]/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/collections/[id]/+page.svelte
deleted file mode 100644
index a8ea964f5..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/collections/[id]/+page.svelte
+++ /dev/null
@@ -1,285 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { CaretLeft, PencilSimple, Plus, Trash } from '@manacore/shared-icons';
-	import { getContext } from 'svelte';
-	import { itemsStore } from '$lib/stores/items.svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { getCollectionById, getItemsByCollection, getSortedItems } from '$lib/data/queries';
-	import type { Collection, Item, ItemStatus } from '@inventar/shared';
-	import FieldRenderer from '$lib/components/fields/FieldRenderer.svelte';
-	import FieldEditor from '$lib/components/fields/FieldEditor.svelte';
-	import StatusBadge from '$lib/components/StatusBadge.svelte';
-	import ViewModeToggle from '$lib/components/ViewModeToggle.svelte';
-
-	const collectionsCtx: { readonly value: Collection[] } = getContext('collections');
-	const itemsCtx: { readonly value: Item[] } = getContext('items');
-
-	let collectionId = $derived($page.params.id);
-	let collection = $derived(getCollectionById(collectionsCtx.value, collectionId));
-	let items = $derived(getItemsByCollection(itemsCtx.value, collectionId));
-	let sortedItems = $derived(getSortedItems(items, viewStore.sort));
-
-	// Item creation
-	let showNewItem = $state(false);
-	let newItemName = $state('');
-	let newItemFields = $state<Record<string, unknown>>({});
-	let newItemStatus = $state<ItemStatus>('owned');
-
-	async function createItem() {
-		if (!newItemName.trim() || !collection) return;
-		await itemsStore.create({
-			collectionId: collection.id,
-			name: newItemName.trim(),
-			status: newItemStatus,
-			fieldValues: newItemFields,
-		});
-		newItemName = '';
-		newItemFields = {};
-		newItemStatus = 'owned';
-		showNewItem = false;
-	}
-
-	function deleteItem(e: Event, id: string) {
-		e.stopPropagation();
-		if (confirm('Item löschen?')) {
-			itemsStore.delete(id);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{collection?.name || 'Sammlung'} | Inventar</title>
-</svelte:head>
-
-{#if !collection}
-	<div class="text-center py-16">
-		<p class="text-[hsl(var(--muted-foreground))]">Sammlung nicht gefunden</p>
-		<a href="/" class="mt-4 text-[hsl(var(--primary))]">Zurück</a>
-	</div>
-{:else}
-	<div class="space-y-6">
-		<!-- Header -->
-		<div class="flex items-center justify-between">
-			<div class="flex items-center gap-3">
-				<a href="/" class="text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]">
-					<CaretLeft size={20} />
-				</a>
-				<span class="text-2xl">{collection.icon || '📁'}</span>
-				<div>
-					<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{collection.name}</h1>
-					{#if collection.description}
-						<p class="text-sm text-[hsl(var(--muted-foreground))]">{collection.description}</p>
-					{/if}
-				</div>
-			</div>
-			<div class="flex items-center gap-2">
-				<ViewModeToggle current={viewStore.viewMode} onchange={(m) => viewStore.setViewMode(m)} />
-				<a
-					href="/collections/{collection.id}/edit"
-					class="rounded-lg border border-[hsl(var(--border))] p-2 text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-				>
-					<PencilSimple size={16} />
-				</a>
-				<button
-					onclick={() => (showNewItem = !showNewItem)}
-					class="flex items-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-				>
-					<Plus size={16} />
-					{$_('item.create')}
-				</button>
-			</div>
-		</div>
-
-		<!-- New Item Form -->
-		{#if showNewItem}
-			<div
-				class="rounded-xl border border-[hsl(var(--primary)/0.3)] bg-[hsl(var(--card))] p-4 space-y-3"
-			>
-				<input
-					type="text"
-					bind:value={newItemName}
-					placeholder={$_('item.name')}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-[hsl(var(--foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]"
-					onkeydown={(e) => e.key === 'Enter' && createItem()}
-				/>
-
-				<!-- Custom fields -->
-				{#if collection.schema.fields.length > 0}
-					<div class="grid gap-3 sm:grid-cols-2">
-						{#each collection.schema.fields.sort((a, b) => a.order - b.order) as field}
-							<div>
-								<label class="mb-1 block text-xs font-medium text-[hsl(var(--muted-foreground))]">
-									{field.name}{field.required ? ' *' : ''}
-								</label>
-								<FieldEditor
-									{field}
-									value={newItemFields[field.id]}
-									onchange={(v) => (newItemFields = { ...newItemFields, [field.id]: v })}
-								/>
-							</div>
-						{/each}
-					</div>
-				{/if}
-
-				<div class="flex justify-end gap-2">
-					<button
-						onclick={() => (showNewItem = false)}
-						class="rounded-lg border border-[hsl(var(--border))] px-3 py-1.5 text-sm"
-					>
-						{$_('common.cancel')}
-					</button>
-					<button
-						onclick={createItem}
-						disabled={!newItemName.trim()}
-						class="rounded-lg bg-[hsl(var(--primary))] px-4 py-1.5 text-sm font-medium text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-					>
-						{$_('common.create')}
-					</button>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Items -->
-		{#if sortedItems.length === 0}
-			<div
-				class="flex flex-col items-center justify-center rounded-xl border-2 border-dashed border-[hsl(var(--border))] py-16"
-			>
-				<span class="mb-4 text-4xl">📭</span>
-				<p class="text-[hsl(var(--muted-foreground))]">{$_('item.noItems')}</p>
-				<button
-					onclick={() => (showNewItem = true)}
-					class="mt-4 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm text-[hsl(var(--primary-foreground))]"
-				>
-					{$_('item.create')}
-				</button>
-			</div>
-		{:else if viewStore.viewMode === 'grid'}
-			<!-- Grid View -->
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each sortedItems as item (item.id)}
-					<div
-						onclick={() => goto(`/items/${item.id}`)}
-						onkeydown={(e) => e.key === 'Enter' && goto(`/items/${item.id}`)}
-						role="button"
-						tabindex="0"
-						class="item-card group cursor-pointer rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-left"
-					>
-						<div class="flex items-start justify-between">
-							<h3 class="font-semibold text-[hsl(var(--foreground))]">{item.name}</h3>
-							<StatusBadge status={item.status} />
-						</div>
-						{#if collection.schema.fields.length > 0}
-							<div class="mt-3 space-y-1">
-								{#each collection.schema.fields.slice(0, 3) as field}
-									{#if item.fieldValues[field.id] !== undefined}
-										<div class="flex items-baseline gap-2 text-xs">
-											<span class="text-[hsl(var(--muted-foreground))]">{field.name}:</span>
-											<FieldRenderer {field} value={item.fieldValues[field.id]} />
-										</div>
-									{/if}
-								{/each}
-							</div>
-						{/if}
-						<button
-							onclick={(e) => deleteItem(e, item.id)}
-							class="mt-2 text-xs text-[hsl(var(--muted-foreground))] opacity-0 hover:text-red-500 group-hover:opacity-100"
-						>
-							{$_('common.delete')}
-						</button>
-					</div>
-				{/each}
-			</div>
-		{:else if viewStore.viewMode === 'table'}
-			<!-- Table View -->
-			<div class="overflow-x-auto rounded-xl border border-[hsl(var(--border))]">
-				<table class="w-full text-sm">
-					<thead>
-						<tr class="border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))]">
-							<th class="px-4 py-2.5 text-left font-medium text-[hsl(var(--muted-foreground))]"
-								>{$_('item.name')}</th
-							>
-							<th class="px-4 py-2.5 text-left font-medium text-[hsl(var(--muted-foreground))]"
-								>{$_('item.status')}</th
-							>
-							{#each collection.schema.fields as field}
-								<th class="px-4 py-2.5 text-left font-medium text-[hsl(var(--muted-foreground))]"
-									>{field.name}</th
-								>
-							{/each}
-							<th class="w-10"></th>
-						</tr>
-					</thead>
-					<tbody>
-						{#each sortedItems as item (item.id)}
-							<tr
-								class="cursor-pointer border-b border-[hsl(var(--border))] transition-colors hover:bg-[hsl(var(--accent)/0.05)]"
-								onclick={() => goto(`/items/${item.id}`)}
-							>
-								<td class="px-4 py-2.5 font-medium text-[hsl(var(--foreground))]">{item.name}</td>
-								<td class="px-4 py-2.5"><StatusBadge status={item.status} /></td>
-								{#each collection.schema.fields as field}
-									<td class="px-4 py-2.5"
-										><FieldRenderer {field} value={item.fieldValues[field.id]} /></td
-									>
-								{/each}
-								<td class="px-4 py-2.5">
-									<button
-										onclick={(e) => deleteItem(e, item.id)}
-										class="text-[hsl(var(--muted-foreground))] hover:text-red-500"
-									>
-										<Trash size={16} />
-									</button>
-								</td>
-							</tr>
-						{/each}
-					</tbody>
-				</table>
-			</div>
-		{:else}
-			<!-- List View -->
-			<div class="space-y-2">
-				{#each sortedItems as item (item.id)}
-					<div
-						onclick={() => goto(`/items/${item.id}`)}
-						onkeydown={(e) => e.key === 'Enter' && goto(`/items/${item.id}`)}
-						role="button"
-						tabindex="0"
-						class="group flex w-full cursor-pointer items-center gap-4 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3 text-left transition-colors hover:border-[hsl(var(--primary)/0.3)]"
-					>
-						<div class="flex-1 min-w-0">
-							<div class="flex items-center gap-2">
-								<h3 class="font-medium text-[hsl(var(--foreground))] truncate">{item.name}</h3>
-								<StatusBadge status={item.status} />
-							</div>
-							{#if collection.schema.fields.length > 0}
-								<div class="mt-1 flex flex-wrap gap-3 text-xs text-[hsl(var(--muted-foreground))]">
-									{#each collection.schema.fields.slice(0, 4) as field}
-										{#if item.fieldValues[field.id] !== undefined}
-											<span
-												>{field.name}: <FieldRenderer
-													{field}
-													value={item.fieldValues[field.id]}
-												/></span
-											>
-										{/if}
-									{/each}
-								</div>
-							{/if}
-						</div>
-						{#if item.quantity > 1}
-							<span class="text-sm text-[hsl(var(--muted-foreground))]">×{item.quantity}</span>
-						{/if}
-						<button
-							onclick={(e) => deleteItem(e, item.id)}
-							class="text-[hsl(var(--muted-foreground))] opacity-0 hover:text-red-500 group-hover:opacity-100"
-						>
-							<Trash size={16} />
-						</button>
-					</div>
-				{/each}
-			</div>
-		{/if}
-	</div>
-{/if}
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/collections/[id]/edit/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/collections/[id]/edit/+page.svelte
deleted file mode 100644
index c2a57bd82..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/collections/[id]/edit/+page.svelte
+++ /dev/null
@@ -1,114 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import { getContext } from 'svelte';
-	import { collectionsStore } from '$lib/stores/collections.svelte';
-	import { getCollectionById } from '$lib/data/queries';
-	import type { Collection, CollectionSchema } from '@inventar/shared';
-	import SchemaEditor from '$lib/components/fields/SchemaEditor.svelte';
-
-	const collectionsCtx: { readonly value: Collection[] } = getContext('collections');
-
-	let collectionId = $derived($page.params.id);
-	let collection = $derived(getCollectionById(collectionsCtx.value, collectionId));
-
-	let name = $state('');
-	let description = $state('');
-	let icon = $state('');
-	let schema = $state<CollectionSchema>({ fields: [] });
-	let loaded = $state(false);
-
-	$effect(() => {
-		if (collection && !loaded) {
-			name = collection.name;
-			description = collection.description || '';
-			icon = collection.icon || '';
-			schema = { fields: [...collection.schema.fields] };
-			loaded = true;
-		}
-	});
-
-	async function handleSave() {
-		if (!collection || !name.trim()) return;
-		await collectionsStore.update(collection.id, {
-			name: name.trim(),
-			description: description.trim() || undefined,
-			icon: icon || undefined,
-			schema,
-		});
-		goto(`/collections/${collection.id}`);
-	}
-
-	const inputClass =
-		'w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-3 text-[hsl(var(--foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]';
-</script>
-
-<svelte:head>
-	<title>{$_('collection.edit')} | Inventar</title>
-</svelte:head>
-
-{#if !collection}
-	<p class="text-[hsl(var(--muted-foreground))]">Sammlung nicht gefunden</p>
-{:else}
-	<div class="mx-auto max-w-2xl space-y-6">
-		<div class="flex items-center gap-3">
-			<button
-				onclick={() => goto(`/collections/${collection.id}`)}
-				class="text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-			>
-				<CaretLeft size={20} />
-			</button>
-			<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('collection.edit')}</h1>
-		</div>
-
-		<div class="space-y-4">
-			<div class="flex gap-3">
-				<input
-					type="text"
-					bind:value={icon}
-					placeholder="📁"
-					class="h-12 w-12 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] text-center text-2xl"
-					maxlength="2"
-				/>
-				<input
-					type="text"
-					bind:value={name}
-					placeholder={$_('collection.name')}
-					class="{inputClass} flex-1"
-				/>
-			</div>
-
-			<textarea
-				bind:value={description}
-				placeholder={$_('collection.description')}
-				rows="2"
-				class={inputClass}
-			></textarea>
-
-			<div>
-				<h3 class="mb-3 text-sm font-semibold text-[hsl(var(--foreground))]">
-					{$_('collection.customFields')}
-				</h3>
-				<SchemaEditor fields={schema.fields} onchange={(fields) => (schema = { fields })} />
-			</div>
-
-			<div class="flex justify-end gap-3 pt-4">
-				<button
-					onclick={() => goto(`/collections/${collection.id}`)}
-					class="rounded-lg border border-[hsl(var(--border))] px-4 py-2 text-sm text-[hsl(var(--foreground))]"
-				>
-					{$_('common.cancel')}
-				</button>
-				<button
-					onclick={handleSave}
-					disabled={!name.trim()}
-					class="rounded-lg bg-[hsl(var(--primary))] px-6 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-				>
-					{$_('common.save')}
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/collections/new/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/collections/new/+page.svelte
deleted file mode 100644
index 50d6ef50f..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/collections/new/+page.svelte
+++ /dev/null
@@ -1,146 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import { collectionsStore } from '$lib/stores/collections.svelte';
-	import { DEFAULT_TEMPLATES } from '@inventar/shared';
-	import type { CollectionSchema, Template } from '@inventar/shared';
-	import SchemaEditor from '$lib/components/fields/SchemaEditor.svelte';
-
-	let step = $state<'template' | 'details'>('template');
-	let selectedTemplate = $state<Template | null>(null);
-	let name = $state('');
-	let description = $state('');
-	let icon = $state('');
-	let schema = $state<CollectionSchema>({ fields: [] });
-
-	function selectTemplate(template: Template) {
-		selectedTemplate = template;
-		if (template.id !== 'custom') {
-			name = template.name;
-			icon = template.icon;
-		}
-		schema = { fields: [...template.schema.fields] };
-		step = 'details';
-	}
-
-	async function handleCreate() {
-		if (!name.trim()) return;
-		await collectionsStore.create({
-			name: name.trim(),
-			description: description.trim() || undefined,
-			icon: icon || undefined,
-			schema,
-			templateId: selectedTemplate?.id,
-		});
-		goto('/');
-	}
-
-	const inputClass =
-		'w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-3 text-[hsl(var(--foreground))] placeholder:text-[hsl(var(--muted-foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]';
-</script>
-
-<svelte:head>
-	<title>{$_('collection.create')} | Inventar</title>
-</svelte:head>
-
-<div class="mx-auto max-w-2xl space-y-6">
-	<div class="flex items-center gap-3">
-		<button
-			onclick={() => (step === 'details' && selectedTemplate ? (step = 'template') : goto('/'))}
-			class="text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-		>
-			<CaretLeft size={20} />
-		</button>
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('collection.create')}</h1>
-	</div>
-
-	{#if step === 'template'}
-		<!-- Template Selection -->
-		<div>
-			<h2 class="mb-4 text-lg font-semibold text-[hsl(var(--foreground))]">
-				{$_('collection.selectTemplate')}
-			</h2>
-			<div class="grid gap-3 sm:grid-cols-2">
-				{#each DEFAULT_TEMPLATES as template}
-					<button
-						onclick={() => selectTemplate(template)}
-						class="item-card rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-left transition-all hover:border-[hsl(var(--primary)/0.3)]"
-					>
-						<div class="flex items-center gap-3">
-							<span class="text-2xl">{template.icon}</span>
-							<div>
-								<h3 class="font-semibold text-[hsl(var(--foreground))]">{template.name}</h3>
-								<p class="text-xs text-[hsl(var(--muted-foreground))]">{template.description}</p>
-							</div>
-						</div>
-						{#if template.schema.fields.length > 0}
-							<div class="mt-3 flex flex-wrap gap-1">
-								{#each template.schema.fields as field}
-									<span
-										class="rounded bg-[hsl(var(--muted))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]"
-									>
-										{field.name}
-									</span>
-								{/each}
-							</div>
-						{/if}
-					</button>
-				{/each}
-			</div>
-		</div>
-	{:else}
-		<!-- Collection Details -->
-		<div class="space-y-4">
-			<div class="flex gap-3">
-				<div class="flex-shrink-0">
-					<input
-						type="text"
-						bind:value={icon}
-						placeholder="📁"
-						class="h-12 w-12 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] text-center text-2xl"
-						maxlength="2"
-					/>
-				</div>
-				<input
-					type="text"
-					bind:value={name}
-					placeholder={$_('collection.name')}
-					class="{inputClass} flex-1"
-				/>
-			</div>
-
-			<textarea
-				bind:value={description}
-				placeholder={$_('collection.description')}
-				rows="2"
-				class={inputClass}
-			></textarea>
-
-			<!-- Schema Editor -->
-			<div>
-				<h3 class="mb-3 text-sm font-semibold text-[hsl(var(--foreground))]">
-					{$_('collection.customFields')}
-				</h3>
-				<SchemaEditor fields={schema.fields} onchange={(fields) => (schema = { fields })} />
-			</div>
-
-			<!-- Actions -->
-			<div class="flex justify-end gap-3 pt-4">
-				<button
-					onclick={() => goto('/')}
-					class="rounded-lg border border-[hsl(var(--border))] px-4 py-2 text-sm text-[hsl(var(--foreground))]"
-				>
-					{$_('common.cancel')}
-				</button>
-				<button
-					onclick={handleCreate}
-					disabled={!name.trim()}
-					class="rounded-lg bg-[hsl(var(--primary))] px-6 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-				>
-					{$_('common.create')}
-				</button>
-			</div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index de6d2daf3..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { feedbackService } from '$lib/services/feedback';
-</script>
-
-<FeedbackPage {feedbackService} user={authStore.user} appName="Inventar" />
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index b3a6bc362..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	import { HelpPage } from '@manacore/help';
-</script>
-
-<HelpPage appName="Inventar" defaultSection="faq" />
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/items/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/items/+page.svelte
deleted file mode 100644
index 1193bf26a..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/items/+page.svelte
+++ /dev/null
@@ -1,142 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { getFilteredItems, getSortedItems, getCollectionById } from '$lib/data/queries';
-	import type { Collection, Item, ItemStatus } from '@inventar/shared';
-	import StatusBadge from '$lib/components/StatusBadge.svelte';
-	import ViewModeToggle from '$lib/components/ViewModeToggle.svelte';
-	import { MagnifyingGlass } from '@manacore/shared-icons';
-
-	const collectionsCtx: { readonly value: Collection[] } = getContext('collections');
-	const itemsCtx: { readonly value: Item[] } = getContext('items');
-
-	let searchQuery = $state('');
-
-	let filteredItems = $derived(
-		getFilteredItems(itemsCtx.value, {
-			search: searchQuery || undefined,
-			...viewStore.activeFilters,
-		})
-	);
-	let sortedItems = $derived(getSortedItems(filteredItems, viewStore.sort));
-
-	const statuses: ItemStatus[] = ['owned', 'lent', 'stored', 'for_sale', 'disposed'];
-
-	function toggleStatus(status: ItemStatus) {
-		const current = viewStore.activeFilters.status || [];
-		if (current.includes(status)) {
-			viewStore.updateFilter(
-				'status',
-				current.filter((s) => s !== status)
-			);
-		} else {
-			viewStore.updateFilter('status', [...current, status]);
-		}
-	}
-
-	function getCollectionName(collectionId: string): string {
-		return getCollectionById(collectionsCtx.value, collectionId)?.name || '';
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('nav.allItems')} | Inventar</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.allItems')}</h1>
-		<ViewModeToggle current={viewStore.viewMode} onchange={(m) => viewStore.setViewMode(m)} />
-	</div>
-
-	<!-- Search & Filters -->
-	<div class="space-y-3">
-		<div class="relative">
-			<MagnifyingGlass
-				size={20}
-				class="absolute left-3 top-1/2 -translate-y-1/2 text-[hsl(var(--muted-foreground))]"
-			/>
-			<input
-				type="text"
-				bind:value={searchQuery}
-				placeholder="{$_('common.search')}..."
-				class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] py-2.5 pl-10 pr-4 text-[hsl(var(--foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]"
-			/>
-		</div>
-
-		<!-- Status filter chips -->
-		<div class="flex flex-wrap gap-2">
-			{#each statuses as status}
-				<button
-					onclick={() => toggleStatus(status)}
-					class="rounded-full px-3 py-1 text-xs font-medium transition-colors {(
-						viewStore.activeFilters.status || []
-					).includes(status)
-						? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-						: 'bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent)/0.2)]'}"
-				>
-					{$_(`status.${status}`)}
-				</button>
-			{/each}
-			{#if viewStore.hasActiveFilters}
-				<button
-					onclick={() => viewStore.clearFilters()}
-					class="rounded-full px-3 py-1 text-xs text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20"
-				>
-					{$_('filter.clear')}
-				</button>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Results -->
-	<p class="text-sm text-[hsl(var(--muted-foreground))]">{sortedItems.length} Items</p>
-
-	{#if sortedItems.length === 0}
-		<div class="flex flex-col items-center justify-center py-16">
-			<span class="mb-4 text-4xl">🔍</span>
-			<p class="text-[hsl(var(--muted-foreground))]">{$_('common.noResults')}</p>
-		</div>
-	{:else if viewStore.viewMode === 'grid'}
-		<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-			{#each sortedItems as item (item.id)}
-				<button
-					onclick={() => goto(`/items/${item.id}`)}
-					class="item-card rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-left"
-				>
-					<div class="flex items-start justify-between">
-						<h3 class="font-semibold text-[hsl(var(--foreground))]">{item.name}</h3>
-						<StatusBadge status={item.status} />
-					</div>
-					<p class="mt-1 text-xs text-[hsl(var(--muted-foreground))]">
-						{getCollectionName(item.collectionId)}
-					</p>
-				</button>
-			{/each}
-		</div>
-	{:else}
-		<div class="space-y-2">
-			{#each sortedItems as item (item.id)}
-				<button
-					onclick={() => goto(`/items/${item.id}`)}
-					class="flex w-full items-center gap-4 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3 text-left transition-colors hover:border-[hsl(var(--primary)/0.3)]"
-				>
-					<div class="flex-1 min-w-0">
-						<div class="flex items-center gap-2">
-							<h3 class="font-medium text-[hsl(var(--foreground))] truncate">{item.name}</h3>
-							<StatusBadge status={item.status} />
-						</div>
-						<p class="mt-0.5 text-xs text-[hsl(var(--muted-foreground))]">
-							{getCollectionName(item.collectionId)}
-						</p>
-					</div>
-					{#if item.quantity > 1}
-						<span class="text-sm text-[hsl(var(--muted-foreground))]">×{item.quantity}</span>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/items/[id]/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/items/[id]/+page.svelte
deleted file mode 100644
index b7706ab60..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/items/[id]/+page.svelte
+++ /dev/null
@@ -1,317 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import { getContext } from 'svelte';
-	import { itemsStore } from '$lib/stores/items.svelte';
-	import {
-		getItemById,
-		getCollectionById,
-		getLocationById,
-		getLocationFullPath,
-		getCategoryById,
-	} from '$lib/data/queries';
-	import type { Collection, Item, Location, Category, ItemStatus } from '@inventar/shared';
-	import FieldRenderer from '$lib/components/fields/FieldRenderer.svelte';
-	import FieldEditor from '$lib/components/fields/FieldEditor.svelte';
-	import StatusBadge from '$lib/components/StatusBadge.svelte';
-
-	const collectionsCtx: { readonly value: Collection[] } = getContext('collections');
-	const itemsCtx: { readonly value: Item[] } = getContext('items');
-	const locationsCtx: { readonly value: Location[] } = getContext('locations');
-	const categoriesCtx: { readonly value: Category[] } = getContext('categories');
-
-	let itemId = $derived($page.params.id);
-	let item = $derived(getItemById(itemsCtx.value, itemId));
-	let collection = $derived(
-		item ? getCollectionById(collectionsCtx.value, item.collectionId) : undefined
-	);
-
-	let editing = $state(false);
-	let editName = $state('');
-	let editDescription = $state('');
-	let editStatus = $state<ItemStatus>('owned');
-	let editQuantity = $state(1);
-	let editFields = $state<Record<string, unknown>>({});
-	let editLocationId = $state<string | undefined>();
-	let editCategoryId = $state<string | undefined>();
-
-	// Notes
-	let newNote = $state('');
-
-	const statuses: ItemStatus[] = ['owned', 'lent', 'stored', 'for_sale', 'disposed'];
-
-	function startEditing() {
-		if (!item) return;
-		editName = item.name;
-		editDescription = item.description || '';
-		editStatus = item.status;
-		editQuantity = item.quantity;
-		editFields = { ...item.fieldValues };
-		editLocationId = item.locationId;
-		editCategoryId = item.categoryId;
-		editing = true;
-	}
-
-	async function saveEdit() {
-		if (!item || !editName.trim()) return;
-		await itemsStore.update(item.id, {
-			name: editName.trim(),
-			description: editDescription.trim() || undefined,
-			status: editStatus,
-			quantity: editQuantity,
-			fieldValues: editFields,
-			locationId: editLocationId,
-			categoryId: editCategoryId,
-		});
-		editing = false;
-	}
-
-	async function addNote() {
-		if (!item || !newNote.trim()) return;
-		await itemsStore.addNote(item.id, newNote.trim());
-		newNote = '';
-	}
-
-	async function deleteItem() {
-		if (!item || !confirm('Item endgültig löschen?')) return;
-		await itemsStore.delete(item.id);
-		goto(collection ? `/collections/${collection.id}` : '/items');
-	}
-
-	const inputClass =
-		'w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]';
-</script>
-
-<svelte:head>
-	<title>{item?.name || 'Item'} | Inventar</title>
-</svelte:head>
-
-{#if !item}
-	<div class="text-center py-16">
-		<p class="text-[hsl(var(--muted-foreground))]">Item nicht gefunden</p>
-		<a href="/items" class="mt-4 text-[hsl(var(--primary))]">Zurück</a>
-	</div>
-{:else}
-	<div class="mx-auto max-w-2xl space-y-6">
-		<!-- Header -->
-		<div class="flex items-center justify-between">
-			<div class="flex items-center gap-3">
-				<button
-					onclick={() => goto(collection ? `/collections/${collection.id}` : '/items')}
-					class="text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-				>
-					<CaretLeft size={20} />
-				</button>
-				{#if !editing}
-					<div>
-						<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{item.name}</h1>
-						{#if collection}
-							<p class="text-sm text-[hsl(var(--muted-foreground))]">
-								{collection.icon}
-								{collection.name}
-							</p>
-						{/if}
-					</div>
-				{/if}
-			</div>
-			<div class="flex gap-2">
-				{#if editing}
-					<button
-						onclick={() => (editing = false)}
-						class="rounded-lg border border-[hsl(var(--border))] px-3 py-1.5 text-sm"
-						>{$_('common.cancel')}</button
-					>
-					<button
-						onclick={saveEdit}
-						class="rounded-lg bg-[hsl(var(--primary))] px-4 py-1.5 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-						>{$_('common.save')}</button
-					>
-				{:else}
-					<button
-						onclick={startEditing}
-						class="rounded-lg border border-[hsl(var(--border))] px-3 py-1.5 text-sm text-[hsl(var(--foreground))]"
-						>{$_('common.edit')}</button
-					>
-					<button
-						onclick={deleteItem}
-						class="rounded-lg border border-red-300 px-3 py-1.5 text-sm text-red-500 hover:bg-red-50 dark:border-red-800 dark:hover:bg-red-900/20"
-						>{$_('common.delete')}</button
-					>
-				{/if}
-			</div>
-		</div>
-
-		{#if editing}
-			<!-- Edit Mode -->
-			<div
-				class="space-y-4 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5"
-			>
-				<input type="text" bind:value={editName} placeholder={$_('item.name')} class={inputClass} />
-				<textarea
-					bind:value={editDescription}
-					placeholder={$_('item.description')}
-					rows="2"
-					class={inputClass}
-				></textarea>
-
-				<div class="grid gap-4 sm:grid-cols-2">
-					<div>
-						<label class="mb-1 block text-xs font-medium text-[hsl(var(--muted-foreground))]"
-							>{$_('item.status')}</label
-						>
-						<select bind:value={editStatus} class={inputClass}>
-							{#each statuses as s}<option value={s}>{$_(`status.${s}`)}</option>{/each}
-						</select>
-					</div>
-					<div>
-						<label class="mb-1 block text-xs font-medium text-[hsl(var(--muted-foreground))]"
-							>{$_('item.quantity')}</label
-						>
-						<input type="number" bind:value={editQuantity} min="1" class={inputClass} />
-					</div>
-					{#if locationsCtx.value.length > 0}
-						<div>
-							<label class="mb-1 block text-xs font-medium text-[hsl(var(--muted-foreground))]"
-								>{$_('item.location')}</label
-							>
-							<select bind:value={editLocationId} class={inputClass}>
-								<option value={undefined}>— Kein Standort —</option>
-								{#each locationsCtx.value as loc}
-									<option value={loc.id}>{loc.path ? `${loc.path}/` : ''}{loc.name}</option>
-								{/each}
-							</select>
-						</div>
-					{/if}
-					{#if categoriesCtx.value.length > 0}
-						<div>
-							<label class="mb-1 block text-xs font-medium text-[hsl(var(--muted-foreground))]"
-								>{$_('item.category')}</label
-							>
-							<select bind:value={editCategoryId} class={inputClass}>
-								<option value={undefined}>— Keine Kategorie —</option>
-								{#each categoriesCtx.value as cat}
-									<option value={cat.id}>{cat.name}</option>
-								{/each}
-							</select>
-						</div>
-					{/if}
-				</div>
-
-				{#if collection}
-					<div>
-						<h3 class="mb-2 text-sm font-semibold text-[hsl(var(--foreground))]">
-							{$_('collection.customFields')}
-						</h3>
-						<div class="grid gap-3 sm:grid-cols-2">
-							{#each collection.schema.fields.sort((a, b) => a.order - b.order) as field}
-								<div>
-									<label class="mb-1 block text-xs font-medium text-[hsl(var(--muted-foreground))]"
-										>{field.name}</label
-									>
-									<FieldEditor
-										{field}
-										value={editFields[field.id]}
-										onchange={(v) => (editFields = { ...editFields, [field.id]: v })}
-									/>
-								</div>
-							{/each}
-						</div>
-					</div>
-				{/if}
-			</div>
-		{:else}
-			<!-- View Mode -->
-			<div class="space-y-4">
-				<!-- Status & Meta -->
-				<div class="flex flex-wrap items-center gap-3">
-					<StatusBadge status={item.status} size="md" />
-					{#if item.quantity > 1}
-						<span class="rounded-full bg-[hsl(var(--muted))] px-3 py-1 text-sm"
-							>×{item.quantity}</span
-						>
-					{/if}
-					{#if item.locationId}
-						{@const loc = getLocationById(locationsCtx.value, item.locationId)}
-						{#if loc}
-							<span class="flex items-center gap-1 text-sm text-[hsl(var(--muted-foreground))]">
-								📍 {getLocationFullPath(locationsCtx.value, loc.id)}
-							</span>
-						{/if}
-					{/if}
-					{#if item.categoryId}
-						{@const cat = getCategoryById(categoriesCtx.value, item.categoryId)}
-						{#if cat}
-							<span class="rounded-full bg-[hsl(var(--muted))] px-2 py-0.5 text-xs"
-								>{cat.icon || '🏷️'} {cat.name}</span
-							>
-						{/if}
-					{/if}
-				</div>
-
-				{#if item.description}
-					<p class="text-[hsl(var(--foreground))]">{item.description}</p>
-				{/if}
-
-				<!-- Custom Fields -->
-				{#if collection && collection.schema.fields.length > 0}
-					<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-						<h3 class="mb-3 text-sm font-semibold text-[hsl(var(--foreground))]">Details</h3>
-						<div class="grid gap-2 sm:grid-cols-2">
-							{#each collection.schema.fields.sort((a, b) => a.order - b.order) as field}
-								<div class="flex items-baseline gap-2">
-									<span class="text-xs font-medium text-[hsl(var(--muted-foreground))]"
-										>{field.name}:</span
-									>
-									<FieldRenderer {field} value={item.fieldValues[field.id]} />
-								</div>
-							{/each}
-						</div>
-					</div>
-				{/if}
-
-				<!-- Notes -->
-				<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-					<h3 class="mb-3 text-sm font-semibold text-[hsl(var(--foreground))]">
-						{$_('item.notes')} ({item.notes.length})
-					</h3>
-					<div class="space-y-2">
-						{#each item.notes as note (note.id)}
-							<div
-								class="group flex items-start justify-between rounded-lg bg-[hsl(var(--muted))] p-3"
-							>
-								<div>
-									<p class="text-sm text-[hsl(var(--foreground))]">{note.content}</p>
-									<p class="mt-1 text-xs text-[hsl(var(--muted-foreground))]">
-										{new Date(note.createdAt).toLocaleDateString('de-DE')}
-									</p>
-								</div>
-								<button
-									onclick={() => itemsStore.deleteNote(item.id, note.id)}
-									class="text-[hsl(var(--muted-foreground))] opacity-0 hover:text-red-500 group-hover:opacity-100"
-									>×</button
-								>
-							</div>
-						{/each}
-					</div>
-					<div class="mt-3 flex gap-2">
-						<input
-							type="text"
-							bind:value={newNote}
-							placeholder="Notiz hinzufügen..."
-							class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-							onkeydown={(e) => e.key === 'Enter' && addNote()}
-						/>
-						<button
-							onclick={addNote}
-							disabled={!newNote.trim()}
-							class="rounded-lg bg-[hsl(var(--primary))] px-3 py-2 text-sm text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-							>+</button
-						>
-					</div>
-				</div>
-			</div>
-		{/if}
-	</div>
-{/if}
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/locations/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/locations/+page.svelte
deleted file mode 100644
index 819b05faa..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/locations/+page.svelte
+++ /dev/null
@@ -1,156 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { locationsStore } from '$lib/stores/locations.svelte';
-	import { getLocationTree } from '$lib/data/queries';
-	import type { Location } from '@inventar/shared';
-	import { Plus } from '@manacore/shared-icons';
-
-	const locationsCtx: { readonly value: Location[] } = getContext('locations');
-
-	let showForm = $state(false);
-	let editingId = $state<string | null>(null);
-	let parentId = $state<string | undefined>();
-	let name = $state('');
-	let icon = $state('');
-
-	function startCreate(parent?: string) {
-		parentId = parent;
-		name = '';
-		icon = '';
-		editingId = null;
-		showForm = true;
-	}
-
-	function startEdit(location: Location) {
-		editingId = location.id;
-		name = location.name;
-		icon = location.icon || '';
-		parentId = location.parentId;
-		showForm = true;
-	}
-
-	async function save() {
-		if (!name.trim()) return;
-		if (editingId) {
-			await locationsStore.update(editingId, { name: name.trim(), icon: icon || undefined });
-		} else {
-			await locationsStore.create({ name: name.trim(), icon: icon || undefined, parentId });
-		}
-		showForm = false;
-		name = '';
-		icon = '';
-		editingId = null;
-	}
-
-	async function deleteLocation(id: string) {
-		if (confirm('Standort und alle Unterstandorte löschen?')) {
-			await locationsStore.delete(id);
-		}
-	}
-
-	let tree = $derived(getLocationTree(locationsCtx.value));
-
-	const inputClass =
-		'rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]';
-</script>
-
-<svelte:head>
-	<title>{$_('nav.locations')} | Inventar</title>
-</svelte:head>
-
-<div class="mx-auto max-w-2xl space-y-6">
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.locations')}</h1>
-		<button
-			onclick={() => startCreate()}
-			class="flex items-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-		>
-			<Plus size={20} />
-			{$_('location.create')}
-		</button>
-	</div>
-
-	{#if showForm}
-		<div class="rounded-xl border border-[hsl(var(--primary)/0.3)] bg-[hsl(var(--card))] p-4">
-			<h3 class="mb-3 text-sm font-semibold">
-				{editingId ? $_('location.edit') : $_('location.create')}
-			</h3>
-			<div class="flex gap-2">
-				<input
-					type="text"
-					bind:value={icon}
-					placeholder="📍"
-					class="{inputClass} w-12 text-center text-lg"
-					maxlength="2"
-				/>
-				<input
-					type="text"
-					bind:value={name}
-					placeholder={$_('location.name')}
-					class="{inputClass} flex-1"
-					onkeydown={(e) => e.key === 'Enter' && save()}
-				/>
-				<button
-					onclick={save}
-					disabled={!name.trim()}
-					class="rounded-lg bg-[hsl(var(--primary))] px-4 text-sm text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-				>
-					{$_('common.save')}
-				</button>
-				<button
-					onclick={() => (showForm = false)}
-					class="rounded-lg border border-[hsl(var(--border))] px-3 text-sm"
-				>
-					{$_('common.cancel')}
-				</button>
-			</div>
-		</div>
-	{/if}
-
-	{#if tree.length === 0}
-		<div
-			class="flex flex-col items-center justify-center rounded-xl border-2 border-dashed border-[hsl(var(--border))] py-16"
-		>
-			<span class="mb-4 text-4xl">📍</span>
-			<p class="text-[hsl(var(--muted-foreground))]">{$_('location.noLocations')}</p>
-		</div>
-	{:else}
-		<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))]">
-			{#snippet renderTree(locations: Location[], depth: number)}
-				{#each locations as location (location.id)}
-					<div class="location-tree-item border-b border-[hsl(var(--border))] last:border-b-0">
-						<div
-							class="flex items-center gap-2 px-4 py-2.5"
-							style="padding-left: {16 + depth * 24}px"
-						>
-							<span class="text-lg">{location.icon || '📍'}</span>
-							<span class="flex-1 text-sm font-medium text-[hsl(var(--foreground))]"
-								>{location.name}</span
-							>
-							<button
-								onclick={() => startCreate(location.id)}
-								class="rounded p-1 text-xs text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--primary))]"
-								title={$_('location.addSub')}>+</button
-							>
-							<button
-								onclick={() => startEdit(location)}
-								class="rounded p-1 text-xs text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-								>✎</button
-							>
-							<button
-								onclick={() => deleteLocation(location.id)}
-								class="rounded p-1 text-xs text-[hsl(var(--muted-foreground))] hover:text-red-500"
-								>×</button
-							>
-						</div>
-						{#if location.children?.length}
-							{@render renderTree(location.children, depth + 1)}
-						{/if}
-					</div>
-				{/each}
-			{/snippet}
-			{@render renderTree(tree, 0)}
-		</div>
-	{/if}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index d57945d4d..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/mana/+page.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-
-	function handleSubscribe(planId: string) {
-		console.log('Subscribe to plan:', planId);
-		alert(`Abo "${planId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		console.log('Buy package:', packageId);
-		alert(`Paket "${packageId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-</script>
-
-<svelte:head>
-	<title>Mana - Inventar</title>
-</svelte:head>
-
-<div class="mana-page">
-	<SubscriptionPage
-		appName="Inventar"
-		onSubscribe={handleSubscribe}
-		onBuyPackage={handleBuyPackage}
-		currentPlanId="free"
-		pageTitle="Wähle dein Abo"
-		subscriptionsTitle="Abonnements"
-		packagesTitle="Einmal-Pakete"
-		yearlyDiscount="20% Rabatt"
-	/>
-</div>
-
-<style>
-	.mana-page {
-		min-height: 100%;
-		width: 100%;
-		overflow-x: hidden;
-		background-color: hsl(var(--background));
-	}
-</style>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index a7f0939b9..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<ProfilePage user={authStore.user} appName="Inventar" />
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/search/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/search/+page.svelte
deleted file mode 100644
index 5f5cdedfc..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/search/+page.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { getFilteredItems, getCollectionById } from '$lib/data/queries';
-	import type { Collection, Item } from '@inventar/shared';
-	import StatusBadge from '$lib/components/StatusBadge.svelte';
-	import { MagnifyingGlass } from '@manacore/shared-icons';
-
-	const collectionsCtx: { readonly value: Collection[] } = getContext('collections');
-	const itemsCtx: { readonly value: Item[] } = getContext('items');
-
-	let query = $state('');
-	let results = $derived(
-		query.length >= 2 ? getFilteredItems(itemsCtx.value, { search: query }) : []
-	);
-</script>
-
-<svelte:head>
-	<title>{$_('nav.search')} | Inventar</title>
-</svelte:head>
-
-<div class="mx-auto max-w-2xl space-y-6">
-	<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.search')}</h1>
-
-	<div class="relative">
-		<MagnifyingGlass
-			size={20}
-			class="absolute left-3 top-1/2 -translate-y-1/2 text-[hsl(var(--muted-foreground))]"
-		/>
-		<input
-			type="text"
-			bind:value={query}
-			placeholder="{$_('common.search')} in allen Items..."
-			class="w-full rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--input))] py-3 pl-11 pr-4 text-lg text-[hsl(var(--foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary))]"
-			autofocus
-		/>
-	</div>
-
-	{#if query.length >= 2}
-		<p class="text-sm text-[hsl(var(--muted-foreground))]">{results.length} Ergebnisse</p>
-		<div class="space-y-2">
-			{#each results as item (item.id)}
-				<button
-					onclick={() => goto(`/items/${item.id}`)}
-					class="flex w-full items-center gap-4 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3 text-left transition-colors hover:border-[hsl(var(--primary)/0.3)]"
-				>
-					<div class="flex-1">
-						<div class="flex items-center gap-2">
-							<h3 class="font-medium text-[hsl(var(--foreground))]">{item.name}</h3>
-							<StatusBadge status={item.status} />
-						</div>
-						<p class="text-xs text-[hsl(var(--muted-foreground))]">
-							{getCollectionById(collectionsCtx.value, item.collectionId)?.name || ''}
-						</p>
-					</div>
-				</button>
-			{/each}
-		</div>
-	{:else if query.length > 0}
-		<p class="text-sm text-[hsl(var(--muted-foreground))]">Mindestens 2 Zeichen eingeben...</p>
-	{/if}
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 4f39d32c4..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,88 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import { Envelope, Info, SignOut, Tag, User } from '@manacore/shared-icons';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		SettingsDangerZone,
-		SettingsDangerButton,
-		GlobalSettingsSection,
-	} from '@manacore/shared-ui';
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-</script>
-
-<svelte:head>
-	<title>Einstellungen | Inventar</title>
-</svelte:head>
-
-<SettingsPage title="Einstellungen" subtitle="Verwalte dein Konto und passe die App an.">
-	<SettingsSection title="Konto">
-		{#snippet icon()}
-			<User size={20} />
-		{/snippet}
-		<SettingsCard>
-			<SettingsRow
-				label="E-Mail"
-				description={authStore.user?.email || 'Nicht angemeldet'}
-				border={false}
-			>
-				{#snippet icon()}
-					<Envelope size={20} />
-				{/snippet}
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<GlobalSettingsSection
-		{userSettings}
-		appId="inventar"
-		navItems={[
-			{ href: '/', label: 'Sammlungen', icon: 'archive' },
-			{ href: '/items', label: 'Alle Items', icon: 'list' },
-			{ href: '/locations', label: 'Standorte', icon: 'map-pin' },
-			{ href: '/categories', label: 'Kategorien', icon: 'tag' },
-			{ href: '/search', label: 'Suche', icon: 'search' },
-			{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
-		]}
-		alwaysVisibleHrefs={['/', '/settings']}
-	/>
-
-	<SettingsSection title="Über">
-		{#snippet icon()}
-			<Info size={20} />
-		{/snippet}
-		<SettingsCard>
-			<SettingsRow label="Version" border={false}>
-				{#snippet icon()}
-					<Tag size={20} />
-				{/snippet}
-				<span class="text-[hsl(var(--muted-foreground))]">{APP_VERSION}</span>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<SettingsDangerZone title="Gefahrenzone">
-		<SettingsDangerButton
-			label="Abmelden"
-			description="Von deinem Konto abmelden"
-			buttonText="Abmelden"
-			onclick={handleLogout}
-			border={false}
-		>
-			{#snippet icon()}
-				<SignOut size={20} />
-			{/snippet}
-		</SettingsDangerButton>
-	</SettingsDangerZone>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/inventar/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index dcfe50d07..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<ThemePage {theme} appName="Inventar" />
diff --git a/apps/inventar/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/inventar/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/inventar/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/inventar/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index c9894c528..000000000
--- a/apps/inventar/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,263 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { getPillAppItems } from '@manacore/shared-branding';
-
-	let email = $state('');
-	let password = $state('');
-	let error = $state('');
-	let isLoading = $state(false);
-	let showRegister = $state(false);
-	let showForgotPassword = $state(false);
-	let show2FA = $state(false);
-	let twoFactorCode = $state('');
-	let verificationSent = $state(false);
-
-	async function handleLogin() {
-		if (!email || !password) return;
-		isLoading = true;
-		error = '';
-		try {
-			const result = await authStore.signIn(email, password);
-			if (result.success) {
-				goto('/');
-			} else if (result.error?.includes('two-factor') || result.error?.includes('2FA')) {
-				show2FA = true;
-			} else {
-				error = result.error || 'Login fehlgeschlagen';
-			}
-		} catch {
-			error = 'Ein Fehler ist aufgetreten';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function handleRegister() {
-		if (!email || !password) return;
-		isLoading = true;
-		error = '';
-		try {
-			const result = await authStore.signUp(email, password);
-			if (result.success && !result.needsVerification) {
-				goto('/');
-			} else if (result.needsVerification) {
-				verificationSent = true;
-			} else {
-				error = result.error || 'Registrierung fehlgeschlagen';
-			}
-		} catch {
-			error = 'Ein Fehler ist aufgetreten';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function handleForgotPassword() {
-		if (!email) {
-			error = 'Bitte E-Mail eingeben';
-			return;
-		}
-		isLoading = true;
-		error = '';
-		const result = await authStore.resetPassword(email);
-		if (result.success) {
-			verificationSent = true;
-		} else {
-			error = result.error || 'Fehler beim Zurücksetzen';
-		}
-		isLoading = false;
-	}
-
-	async function handle2FA() {
-		if (!twoFactorCode) return;
-		isLoading = true;
-		const result = await authStore.verifyTwoFactor(twoFactorCode, true);
-		if (result.success) {
-			goto('/');
-		} else {
-			error = 'Ungültiger Code';
-		}
-		isLoading = false;
-	}
-
-	async function handlePasskey() {
-		isLoading = true;
-		error = '';
-		const result = await authStore.signInWithPasskey();
-		if (result.success) {
-			goto('/');
-		} else {
-			error = result.error || 'Passkey fehlgeschlagen';
-		}
-		isLoading = false;
-	}
-</script>
-
-<svelte:head>
-	<title>{showRegister ? $_('auth.register') : $_('auth.login')} | Inventar</title>
-</svelte:head>
-
-<div class="flex min-h-screen items-center justify-center bg-[hsl(var(--background))] p-4">
-	<div class="w-full max-w-sm">
-		<!-- Logo -->
-		<div class="mb-8 text-center">
-			<div
-				class="mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-2xl bg-[hsl(var(--primary))]"
-			>
-				<span class="text-3xl">📦</span>
-			</div>
-			<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">Inventar</h1>
-			<p class="mt-1 text-sm text-[hsl(var(--muted-foreground))]">Inventarverwaltung</p>
-		</div>
-
-		{#if verificationSent}
-			<div
-				class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6 text-center"
-			>
-				<p class="text-[hsl(var(--foreground))]">
-					{showForgotPassword ? 'Link zum Zurücksetzen gesendet!' : 'Bestätigungsmail gesendet!'}
-				</p>
-				<p class="mt-2 text-sm text-[hsl(var(--muted-foreground))]">Bitte prüfe dein Postfach.</p>
-				<button
-					onclick={() => {
-						verificationSent = false;
-						showForgotPassword = false;
-						showRegister = false;
-					}}
-					class="mt-4 text-sm text-[hsl(var(--primary))]"
-				>
-					Zurück zum Login
-				</button>
-			</div>
-		{:else if show2FA}
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6">
-				<h2 class="mb-4 text-lg font-semibold text-[hsl(var(--foreground))]">
-					Zwei-Faktor-Authentifizierung
-				</h2>
-				<input
-					type="text"
-					bind:value={twoFactorCode}
-					placeholder="Code eingeben"
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-3 text-[hsl(var(--foreground))]"
-					onkeydown={(e) => e.key === 'Enter' && handle2FA()}
-				/>
-				{#if error}<p class="mt-2 text-sm text-red-500">{error}</p>{/if}
-				<button
-					onclick={handle2FA}
-					disabled={isLoading}
-					class="mt-4 w-full rounded-lg bg-[hsl(var(--primary))] py-3 font-medium text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-				>
-					{isLoading ? 'Prüfe...' : 'Bestätigen'}
-				</button>
-			</div>
-		{:else}
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6">
-				<h2 class="mb-4 text-lg font-semibold text-[hsl(var(--foreground))]">
-					{showForgotPassword
-						? 'Passwort zurücksetzen'
-						: showRegister
-							? $_('auth.register')
-							: $_('auth.login')}
-				</h2>
-
-				<div class="space-y-3">
-					<input
-						type="email"
-						bind:value={email}
-						placeholder={$_('auth.email')}
-						class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-3 text-[hsl(var(--foreground))]"
-					/>
-					{#if !showForgotPassword}
-						<input
-							type="password"
-							bind:value={password}
-							placeholder={$_('auth.password')}
-							class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-3 text-[hsl(var(--foreground))]"
-							onkeydown={(e) =>
-								e.key === 'Enter' && (showRegister ? handleRegister() : handleLogin())}
-						/>
-					{/if}
-				</div>
-
-				{#if error}<p class="mt-2 text-sm text-red-500">{error}</p>{/if}
-
-				<button
-					onclick={showForgotPassword
-						? handleForgotPassword
-						: showRegister
-							? handleRegister
-							: handleLogin}
-					disabled={isLoading}
-					class="mt-4 w-full rounded-lg bg-[hsl(var(--primary))] py-3 font-medium text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-				>
-					{isLoading
-						? $_('common.loading')
-						: showForgotPassword
-							? 'Link senden'
-							: showRegister
-								? $_('auth.register')
-								: $_('auth.login')}
-				</button>
-
-				{#if !showForgotPassword && authStore.isPasskeyAvailable()}
-					<button
-						onclick={handlePasskey}
-						disabled={isLoading}
-						class="mt-2 w-full rounded-lg border border-[hsl(var(--border))] py-3 text-sm text-[hsl(var(--foreground))]"
-					>
-						🔑 Mit Passkey anmelden
-					</button>
-				{/if}
-
-				<div class="mt-4 flex justify-between text-sm">
-					{#if showForgotPassword}
-						<button
-							onclick={() => {
-								showForgotPassword = false;
-								error = '';
-							}}
-							class="text-[hsl(var(--primary))]"
-						>
-							Zurück zum Login
-						</button>
-					{:else}
-						<button
-							onclick={() => {
-								showForgotPassword = true;
-								error = '';
-							}}
-							class="text-[hsl(var(--muted-foreground))]"
-						>
-							{$_('auth.forgotPassword')}
-						</button>
-						<button
-							onclick={() => {
-								showRegister = !showRegister;
-								error = '';
-							}}
-							class="text-[hsl(var(--primary))]"
-						>
-							{showRegister ? $_('auth.login') : $_('auth.register')}
-						</button>
-					{/if}
-				</div>
-			</div>
-		{/if}
-
-		<!-- App switcher -->
-		<div class="mt-6 flex flex-wrap justify-center gap-2">
-			{#each getPillAppItems() as app}
-				{#if app.id !== 'inventar'}
-					<a
-						href={app.url}
-						class="rounded-full border border-[hsl(var(--border))] px-3 py-1 text-xs text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))]"
-					>
-						{app.label}
-					</a>
-				{/if}
-			{/each}
-		</div>
-	</div>
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/+error.svelte b/apps/inventar/apps/web-archived/src/routes/+error.svelte
deleted file mode 100644
index 6ef4029e4..000000000
--- a/apps/inventar/apps/web-archived/src/routes/+error.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { _ } from 'svelte-i18n';
-</script>
-
-<div class="flex min-h-screen items-center justify-center">
-	<div class="text-center">
-		<h1 class="mb-4 text-6xl font-bold text-[hsl(var(--primary))]">{$page.status}</h1>
-		<p class="mb-8 text-lg text-[hsl(var(--muted-foreground))]">
-			{$page.error?.message || $_('error.notFound')}
-		</p>
-		<a
-			href="/"
-			class="rounded-lg bg-[hsl(var(--primary))] px-6 py-3 text-[hsl(var(--primary-foreground))] transition-colors hover:opacity-90"
-		>
-			{$_('error.backToHome')}
-		</a>
-	</div>
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/+layout.svelte b/apps/inventar/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 69d701b16..000000000
--- a/apps/inventar/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
-	import '../app.css';
-	import '$lib/i18n';
-	import { waitLocale } from '$lib/i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let { children } = $props();
-
-	let ready = $state(false);
-
-	onMount(async () => {
-		await waitLocale();
-		theme.initialize();
-		await authStore.initialize();
-		ready = true;
-	});
-</script>
-
-{#if ready}
-	<div class="min-h-screen bg-[hsl(var(--background))] text-[hsl(var(--foreground))]">
-		{@render children()}
-	</div>
-{:else}
-	<div class="flex min-h-screen items-center justify-center bg-[hsl(var(--background))]">
-		<div class="text-center">
-			<div
-				class="mx-auto mb-4 h-8 w-8 animate-spin rounded-full border-2 border-[hsl(var(--primary))] border-t-transparent"
-			></div>
-			<p class="text-sm text-[hsl(var(--muted-foreground))]">Laden...</p>
-		</div>
-	</div>
-{/if}
diff --git a/apps/inventar/apps/web-archived/src/routes/+layout.ts b/apps/inventar/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/inventar/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/inventar/apps/web-archived/src/routes/health/+server.ts b/apps/inventar/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 82171862e..000000000
--- a/apps/inventar/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		timestamp: new Date().toISOString(),
-		service: 'inventar-web',
-	});
-};
diff --git a/apps/inventar/apps/web-archived/src/routes/offline/+page.svelte b/apps/inventar/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 332e487ac..000000000
--- a/apps/inventar/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-</script>
-
-<svelte:head>
-	<title>Offline | Inventar</title>
-</svelte:head>
-
-<div class="flex min-h-screen items-center justify-center bg-[hsl(var(--background))] p-4">
-	<div class="text-center">
-		<div
-			class="mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-2xl bg-[hsl(var(--muted))]"
-		>
-			<span class="text-4xl">📦</span>
-		</div>
-		<h1 class="mb-2 text-2xl font-bold text-[hsl(var(--foreground))]">Offline</h1>
-		<p class="mb-6 text-[hsl(var(--muted-foreground))]">
-			Du bist gerade nicht mit dem Internet verbunden.
-		</p>
-		<button
-			onclick={() => window.location.reload()}
-			class="rounded-lg bg-[hsl(var(--primary))] px-6 py-3 font-medium text-[hsl(var(--primary-foreground))] transition-colors hover:opacity-90"
-		>
-			Erneut versuchen
-		</button>
-	</div>
-</div>
diff --git a/apps/inventar/apps/web-archived/src/routes/offline/+page.ts b/apps/inventar/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index a3d15781a..000000000
--- a/apps/inventar/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const ssr = false;
diff --git a/apps/inventar/apps/web-archived/static/favicon.svg b/apps/inventar/apps/web-archived/static/favicon.svg
deleted file mode 100644
index 05183ba37..000000000
--- a/apps/inventar/apps/web-archived/static/favicon.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" rx="6" fill="#f59e0b"/>
-  <rect x="8" y="8" width="16" height="16" rx="2" stroke="white" stroke-width="1.5" fill="none"/>
-  <path d="M8 12h16" stroke="white" stroke-width="1"/>
-  <path d="M10 15h12M10 18h12M10 21h8" stroke="white" stroke-width="1" opacity="0.8"/>
-</svg>
diff --git a/apps/inventar/apps/web-archived/static/icons/icon.svg b/apps/inventar/apps/web-archived/static/icons/icon.svg
deleted file mode 100644
index 3aec712ad..000000000
--- a/apps/inventar/apps/web-archived/static/icons/icon.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" fill="none">
-  <rect width="96" height="96" rx="20" fill="#f59e0b"/>
-  <path d="M28 38h40v4H28zm0 8h40v4H28zm0 8h30v4H28z" fill="white" opacity="0.9"/>
-  <rect x="24" y="24" width="48" height="48" rx="6" stroke="white" stroke-width="3" fill="none"/>
-  <path d="M24 36h48" stroke="white" stroke-width="2"/>
-</svg>
diff --git a/apps/inventar/apps/web-archived/svelte.config.js b/apps/inventar/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/inventar/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/inventar/apps/web-archived/tsconfig.json b/apps/inventar/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/inventar/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/inventar/apps/web-archived/vite.config.ts b/apps/inventar/apps/web-archived/vite.config.ts
deleted file mode 100644
index 06498f78a..000000000
--- a/apps/inventar/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import tailwindcss from '@tailwindcss/vite';
-import { sveltekit } from '@sveltejs/kit/vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { defineConfig } from 'vite';
-import { getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA({
-			registerType: 'autoUpdate',
-			manifest: {
-				name: 'Inventar',
-				short_name: 'Inventar',
-				description: 'Konfigurierbare Inventarverwaltung',
-				theme_color: '#f59e0b',
-				background_color: '#0f172a',
-				display: 'standalone',
-				icons: [
-					{
-						src: 'pwa-192x192.png',
-						sizes: '192x192',
-						type: 'image/png',
-					},
-					{
-						src: 'pwa-512x512.png',
-						sizes: '512x512',
-						type: 'image/png',
-					},
-				],
-				shortcuts: [
-					{
-						name: 'Neues Item',
-						short_name: 'Neues Item',
-						url: '/items?action=new',
-						icons: [{ src: 'icons/icon.svg', sizes: '96x96' }],
-					},
-					{
-						name: 'Sammlungen',
-						short_name: 'Sammlungen',
-						url: '/collections',
-						icons: [{ src: 'icons/icon.svg', sizes: '96x96' }],
-					},
-				],
-			},
-			workbox: {
-				globPatterns: ['client/**/*.{js,css,ico,png,svg,webp,woff,woff2}'],
-			},
-		}),
-	],
-	server: {
-		port: 5190,
-		strictPort: true,
-	},
-	preview: {
-		port: 5190,
-	},
-	define: getBuildDefines(),
-	test: {
-		include: ['src/**/*.{test,spec}.{js,ts}'],
-		environment: 'jsdom',
-	},
-});
diff --git a/apps/manacore/apps/web/src/lib/components/workbench/AppPage.svelte b/apps/manacore/apps/web/src/lib/components/workbench/AppPage.svelte
index dfc4617ee..12cb6a639 100644
--- a/apps/manacore/apps/web/src/lib/components/workbench/AppPage.svelte
+++ b/apps/manacore/apps/web/src/lib/components/workbench/AppPage.svelte
@@ -59,8 +59,15 @@
 	// ── List View (always loaded) ───────────────────────────
 	let ListComponent = $state<Component | null>(null);
 	let loadError = $state(false);
+	let effectCount = 0;
 
 	$effect(() => {
+		effectCount++;
+		console.log(`[AppPage:${appId}] effect #${effectCount}, appEntry:`, !!appEntry);
+		if (effectCount > 20) {
+			console.error(`[AppPage:${appId}] INFINITE EFFECT LOOP DETECTED`);
+			return;
+		}
 		ListComponent = null;
 		loadError = false;
 		if (appEntry) {
diff --git a/apps/manacore/apps/web/src/routes/(app)/+layout.svelte b/apps/manacore/apps/web/src/routes/(app)/+layout.svelte
index 6ba105f10..85b1d8afc 100644
--- a/apps/manacore/apps/web/src/routes/(app)/+layout.svelte
+++ b/apps/manacore/apps/web/src/routes/(app)/+layout.svelte
@@ -221,7 +221,7 @@
 	}
 
 	// ── Guest Mode ──────────────────────────────────────────
-	let guestMode = $state<GuestMode | null>(null);
+	let guestMode: GuestMode | null = null;
 
 	// ── Onboarding ──────────────────────────────────────────
 	function handleOnboardingComplete() {
@@ -238,15 +238,21 @@
 
 	// ── Auth Ready (replaces monolith onMount) ──────────────
 	async function handleAuthReady() {
+		console.log('[LAYOUT] handleAuthReady START');
 		// Phase A: Auth-independent — guests + authenticated
 		await Promise.all([
 			manacoreStore.initialize(),
 			tagLocalStore.initialize(),
 			linkLocalStore.initialize(),
 		]);
+		console.log('[LAYOUT] stores initialized');
+		console.log('[LAYOUT] migrating legacy DBs...');
 		await migrateFromLegacyDbs();
+		console.log('[LAYOUT] initSharedUload...');
 		initSharedUload();
+		console.log('[LAYOUT] dashboardStore init...');
 		await dashboardStore.initialize();
+		console.log('[LAYOUT] Phase A complete');
 
 		// Restore nav collapsed state
 		if (typeof localStorage !== 'undefined') {
diff --git a/apps/manacore/apps/web/src/routes/(app)/+page.svelte b/apps/manacore/apps/web/src/routes/(app)/+page.svelte
index 8ab46766a..5f0132f85 100644
--- a/apps/manacore/apps/web/src/routes/(app)/+page.svelte
+++ b/apps/manacore/apps/web/src/routes/(app)/+page.svelte
@@ -41,12 +41,17 @@
 		{ appId: 'contacts', minimized: false },
 	]);
 
-	$effect(() => {
+	// Load persisted state once on mount (not reactive — avoids loop with persistState)
+	import { onMount } from 'svelte';
+	console.log('[HOME] script init');
+	onMount(() => {
+		console.log('[HOME] onMount');
 		const s = workbenchStore.settings;
 		if (s.openApps?.length) openApps = [...s.openApps];
 	});
 
 	function persistState() {
+		console.log('[HOME] persistState called');
 		workbenchStore.update({
 			openApps: openApps.map((a) => ({
 				appId: a.appId,
@@ -59,8 +64,11 @@
 	}
 
 	// ── Map to CarouselPage[] ───────────────────────────────
+	let renderCount = 0;
 	let carouselPages = $derived<CarouselPage[]>(
 		openApps.map((a) => {
+			renderCount++;
+			if (renderCount % 100 === 0) console.log(`[HOME] carouselPages derived #${renderCount}`);
 			const entry = getAppEntry(a.appId);
 			return {
 				id: a.appId,
diff --git a/apps/manacore/apps/web/src/routes/(app)/organizations/+page.server.ts b/apps/manacore/apps/web/src/routes/(app)/organizations/+page.server.ts
deleted file mode 100644
index 77ddd5f58..000000000
--- a/apps/manacore/apps/web/src/routes/(app)/organizations/+page.server.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { PageServerLoad } from './$types';
-
-/**
- * Organizations page server load
- *
- * Note: Auth is now handled client-side via Mana Core Auth.
- * Data fetching will need to be done client-side with the auth token.
- */
-export const load: PageServerLoad = async () => {
-	// Return empty data - auth is handled client-side
-	// TODO: Implement client-side data fetching with Mana Core Auth token
-	return {
-		organizations: [],
-	};
-};
diff --git a/apps/manacore/apps/web/src/routes/(app)/organizations/+page.svelte b/apps/manacore/apps/web/src/routes/(app)/organizations/+page.svelte
index da39f3625..8db1ea44e 100644
--- a/apps/manacore/apps/web/src/routes/(app)/organizations/+page.svelte
+++ b/apps/manacore/apps/web/src/routes/(app)/organizations/+page.svelte
@@ -1,26 +1,6 @@
 <script lang="ts">
 	import { Card, Button, PageHeader } from '@manacore/shared-ui';
-	import type { PageData } from './$types';
 	import { Plus } from '@manacore/shared-icons';
-
-	let { data }: { data: PageData } = $props();
-
-	function getAvailableCredits(org: any) {
-		return org.total_credits - org.used_credits;
-	}
-
-	function getRoleBadgeColor(role: string) {
-		switch (role) {
-			case 'system_admin':
-				return 'bg-purple-100 text-purple-800 dark:bg-purple-900/20 dark:text-purple-400';
-			case 'org_admin':
-				return 'bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400';
-			case 'team_admin':
-				return 'bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400';
-			default:
-				return 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-400';
-		}
-	}
 </script>
 
 <div>
@@ -37,73 +17,14 @@
 		{/snippet}
 	</PageHeader>
 
-	{#if data.organizations && data.organizations.length > 0}
-		<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
-			{#each data.organizations as org}
-				<a href="/organizations/{org.id}" class="block transition-transform hover:scale-[1.02]">
-					<Card>
-						<div class="mb-4 flex items-start justify-between">
-							<div class="flex-1">
-								<h3 class="text-lg font-semibold text-gray-900 dark:text-white">
-									{org.name}
-								</h3>
-								{#if org.user_role}
-									<span
-										class="mt-1 inline-block rounded-full px-2 py-1 text-xs font-medium {getRoleBadgeColor(
-											org.user_role
-										)}"
-									>
-										{org.user_role.replace('_', ' ')}
-									</span>
-								{/if}
-							</div>
-							<span class="text-2xl">🏢</span>
-						</div>
-
-						<div class="space-y-3">
-							<div>
-								<div class="mb-1 flex items-center justify-between text-sm">
-									<span class="text-gray-600 dark:text-gray-400">Credits</span>
-									<span class="font-medium text-gray-900 dark:text-white">
-										{getAvailableCredits(org)} / {org.total_credits}
-									</span>
-								</div>
-								<div class="h-2 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700">
-									<div
-										class="h-full rounded-full bg-primary-600 transition-all"
-										style="width: {((org.total_credits - org.used_credits) / org.total_credits) *
-											100}%"
-									></div>
-								</div>
-							</div>
-
-							<div class="flex items-center justify-between text-sm">
-								<span class="text-gray-600 dark:text-gray-400">Teams</span>
-								<span class="font-medium text-gray-900 dark:text-white">
-									{org.team_count || 0}
-								</span>
-							</div>
-
-							<div class="text-xs text-gray-500 dark:text-gray-400">
-								Created {new Date(org.created_at).toLocaleDateString()}
-							</div>
-						</div>
-					</Card>
-				</a>
-			{/each}
+	<Card>
+		<div class="py-12 text-center">
+			<span class="mb-4 block text-6xl">🏢</span>
+			<h3 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">No organizations yet</h3>
+			<p class="mb-6 text-sm text-gray-500 dark:text-gray-400">
+				Create your first organization to get started
+			</p>
+			<Button variant="primary">Create Organization</Button>
 		</div>
-	{:else}
-		<Card>
-			<div class="py-12 text-center">
-				<span class="mb-4 block text-6xl">🏢</span>
-				<h3 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">
-					No organizations yet
-				</h3>
-				<p class="mb-6 text-sm text-gray-500 dark:text-gray-400">
-					Create your first organization to get started
-				</p>
-				<Button variant="primary">Create Organization</Button>
-			</div>
-		</Card>
-	{/if}
+	</Card>
 </div>
diff --git a/apps/manacore/apps/web/src/routes/(app)/settings/+page.server.ts b/apps/manacore/apps/web/src/routes/(app)/settings/+page.server.ts
deleted file mode 100644
index 8e32704b4..000000000
--- a/apps/manacore/apps/web/src/routes/(app)/settings/+page.server.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { PageServerLoad } from './$types';
-
-/**
- * Settings page server load
- *
- * Note: Auth is now handled client-side via Mana Core Auth.
- * Data fetching will need to be done client-side with the auth token.
- */
-export const load: PageServerLoad = async () => {
-	// Return empty data - auth is handled client-side
-	// TODO: Implement client-side data fetching with Mana Core Auth token
-	return {
-		profile: null,
-	};
-};
diff --git a/apps/manacore/apps/web/src/routes/(app)/teams/+page.server.ts b/apps/manacore/apps/web/src/routes/(app)/teams/+page.server.ts
deleted file mode 100644
index 07a874b54..000000000
--- a/apps/manacore/apps/web/src/routes/(app)/teams/+page.server.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { PageServerLoad } from './$types';
-
-/**
- * Teams page server load
- *
- * Note: Auth is now handled client-side via Mana Core Auth.
- * Data fetching will need to be done client-side with the auth token.
- */
-export const load: PageServerLoad = async () => {
-	// Return empty data - auth is handled client-side
-	// TODO: Implement client-side data fetching with Mana Core Auth token
-	return {
-		teams: [],
-	};
-};
diff --git a/apps/manacore/apps/web/src/routes/(app)/teams/+page.svelte b/apps/manacore/apps/web/src/routes/(app)/teams/+page.svelte
index dc8bf8cd6..b5ef558cf 100644
--- a/apps/manacore/apps/web/src/routes/(app)/teams/+page.svelte
+++ b/apps/manacore/apps/web/src/routes/(app)/teams/+page.svelte
@@ -1,22 +1,6 @@
 <script lang="ts">
 	import { Card, Button, PageHeader } from '@manacore/shared-ui';
 	import { Plus } from '@manacore/shared-icons';
-	import type { PageData } from './$types';
-
-	let { data }: { data: PageData } = $props();
-
-	function getAvailableCredits(team: any) {
-		return team.allocated_credits - team.used_credits;
-	}
-
-	function getRoleBadgeColor(role: string) {
-		switch (role) {
-			case 'team_admin':
-				return 'bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400';
-			default:
-				return 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-400';
-		}
-	}
 </script>
 
 <div>
@@ -29,75 +13,14 @@
 		{/snippet}
 	</PageHeader>
 
-	{#if data.teams && data.teams.length > 0}
-		<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
-			{#each data.teams as team}
-				<a href="/teams/{team.id}" class="block transition-transform hover:scale-[1.02]">
-					<Card>
-						<div class="mb-4 flex items-start justify-between">
-							<div class="flex-1">
-								<h3 class="text-lg font-semibold text-gray-900 dark:text-white">
-									{team.name}
-								</h3>
-								{#if team.organization}
-									<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-										{team.organization.name}
-									</p>
-								{/if}
-								{#if team.user_role}
-									<span
-										class="mt-1 inline-block rounded-full px-2 py-1 text-xs font-medium {getRoleBadgeColor(
-											team.user_role
-										)}"
-									>
-										{team.user_role.replace('_', ' ')}
-									</span>
-								{/if}
-							</div>
-							<span class="text-2xl">👥</span>
-						</div>
-
-						<div class="space-y-3">
-							<div>
-								<div class="mb-1 flex items-center justify-between text-sm">
-									<span class="text-gray-600 dark:text-gray-400">Credits</span>
-									<span class="font-medium text-gray-900 dark:text-white">
-										{getAvailableCredits(team)} / {team.allocated_credits}
-									</span>
-								</div>
-								<div class="h-2 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700">
-									<div
-										class="h-full rounded-full bg-primary-600 transition-all"
-										style="width: {(getAvailableCredits(team) / team.allocated_credits) * 100}%"
-									></div>
-								</div>
-							</div>
-
-							<div class="flex items-center justify-between text-sm">
-								<span class="text-gray-600 dark:text-gray-400">Members</span>
-								<span class="font-medium text-gray-900 dark:text-white">
-									{team.member_count || 0}
-								</span>
-							</div>
-
-							<div class="text-xs text-gray-500 dark:text-gray-400">
-								Created {new Date(team.created_at).toLocaleDateString()}
-							</div>
-						</div>
-					</Card>
-				</a>
-			{/each}
+	<Card>
+		<div class="py-12 text-center">
+			<span class="mb-4 block text-6xl">👥</span>
+			<h3 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">No teams yet</h3>
+			<p class="mb-6 text-sm text-gray-500 dark:text-gray-400">
+				Create or join a team to start collaborating
+			</p>
+			<Button variant="primary">Create Team</Button>
 		</div>
-	{:else}
-		<Card>
-			<div class="py-12 text-center">
-				<span class="mb-4 block text-6xl">👥</span>
-				<h3 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">No teams yet</h3>
-				<p class="mb-6 text-sm text-gray-500 dark:text-gray-400">
-					Create or join a team to start collaborating
-				</p>
-				<Button variant="primary">Create Team</Button>
-			</div>
-		</Card>
-	{/if}
+	</Card>
 </div>
diff --git a/apps/memoro/apps/web-archived/.env.example b/apps/memoro/apps/web-archived/.env.example
deleted file mode 100644
index fa49d28a4..000000000
--- a/apps/memoro/apps/web-archived/.env.example
+++ /dev/null
@@ -1,37 +0,0 @@
-# Memoro Web App - Environment Configuration Template
-# Copy this file to .env and fill in your actual values
-
-# Supabase Configuration (required)
-PUBLIC_SUPABASE_URL=your-supabase-url
-PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
-
-# Mana Auth Service URL (mana-core-auth)
-PUBLIC_MANA_CORE_AUTH_URL=http://localhost:3001
-PUBLIC_MANA_CORE_AUTH_URL_CLIENT=https://auth.mana.how
-
-# Memoro Server (Hono/Bun backend)
-PUBLIC_MEMORO_SERVER_URL=http://localhost:3015
-
-# Middleware Service URLs (legacy — kept during transition)
-PUBLIC_MEMORO_MIDDLEWARE_URL=https://your-memoro-middleware-url
-PUBLIC_MANA_MIDDLEWARE_URL=https://your-mana-middleware-url
-PUBLIC_MIDDLEWARE_APP_ID=your-middleware-app-id
-
-# Storage Configuration (required for audio uploads)
-PUBLIC_STORAGE_BUCKET=user-uploads
-
-# OAuth Configuration
-# Google Sign-In (required for Google Sign-In)
-PUBLIC_GOOGLE_CLIENT_ID=your-google-oauth-client-id
-
-# Apple Sign-In (required for Apple Sign-In)
-# See APPLE_SIGNIN_QUICK_SETUP.md for complete setup instructions
-PUBLIC_APPLE_CLIENT_ID=your-apple-service-id  # e.g., com.codify.memoro.web
-PUBLIC_APPLE_REDIRECT_URI=http://localhost:5173/auth/apple-callback  # Change to https://your-domain.com/auth/apple-callback in production
-
-# PostHog Analytics (optional)
-PUBLIC_POSTHOG_KEY=your-posthog-key
-PUBLIC_POSTHOG_HOST=https://eu.i.posthog.com
-
-# GlitchTip Error Tracking (self-hosted, Sentry-compatible)
-PUBLIC_GLITCHTIP_DSN=
diff --git a/apps/memoro/apps/web-archived/.gitignore b/apps/memoro/apps/web-archived/.gitignore
deleted file mode 100644
index 997a762ba..000000000
--- a/apps/memoro/apps/web-archived/.gitignore
+++ /dev/null
@@ -1,28 +0,0 @@
-node_modules
-
-# Output
-.output
-.vercel
-.netlify
-.wrangler
-/.svelte-kit
-/build
-
-# Netlify Functions (adapter-netlify generates these)
-/functions
-/.netlify/functions
-/.netlify/functions-internal
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Env
-.env
-.env.*
-!.env.example
-!.env.test
-
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
diff --git a/apps/memoro/apps/web-archived/.npmrc b/apps/memoro/apps/web-archived/.npmrc
deleted file mode 100644
index b6f27f135..000000000
--- a/apps/memoro/apps/web-archived/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-engine-strict=true
diff --git a/apps/memoro/apps/web-archived/APPLE_SIGNIN_COMPLETE_GUIDE.md b/apps/memoro/apps/web-archived/APPLE_SIGNIN_COMPLETE_GUIDE.md
deleted file mode 100644
index c9e56c35e..000000000
--- a/apps/memoro/apps/web-archived/APPLE_SIGNIN_COMPLETE_GUIDE.md
+++ /dev/null
@@ -1,708 +0,0 @@
-# Apple Sign-In Complete Implementation Guide
-
-## ✅ SUCCESS - Apple Sign-In Now Working!
-
-This document provides a complete guide for implementing Apple Sign-In on a SvelteKit web application with Supabase backend.
-
----
-
-## Table of Contents
-
-1. [Apple Developer Portal Configuration](#apple-developer-portal-configuration)
-2. [SvelteKit Application Setup](#sveltekit-application-setup)
-3. [Why We Need Two Callback URLs](#why-we-need-two-callback-urls)
-4. [Common Errors and Solutions](#common-errors-and-solutions)
-5. [Testing Checklist](#testing-checklist)
-
----
-
-## Apple Developer Portal Configuration
-
-### Required Configuration in Apple Developer Console
-
-You need **THREE Return URLs** configured in Apple Developer Portal:
-
-1. Go to [Apple Developer Portal](https://developer.apple.com/account/resources/identifiers/list/serviceId)
-2. Find your Service ID (e.g., `com.memoro.web`)
-3. Click **"Configure"** next to "Sign In with Apple"
-4. Add **ALL THREE** of these Return URLs:
-
-#### Return URLs to Configure:
-
-```
-1. https://app.memoro.ai/auth/apple-callback-handler
-   ↳ Your web app's POST handler endpoint
-
-2. https://app.memoro.ai/auth/apple-callback
-   ↳ Your web app's client-side callback page (legacy/fallback)
-
-3. https://smenuelzskphnphaaetp.supabase.co/auth/v1/callback
-   ↳ Supabase OAuth callback endpoint (CRITICAL - often forgotten!)
-```
-
-#### Domains and Subdomains:
-
-```
-app.memoro.ai
-```
-
-**IMPORTANT NOTES:**
-- ✅ NO `https://` prefix on domains
-- ✅ NO trailing slash on domains
-- ✅ Return URLs MUST have `https://` prefix
-- ✅ Return URLs MUST match exactly (case-sensitive)
-- ⚠️ **Don't forget the Supabase callback URL!** This is required even though your app uses custom middleware
-
-### How to Find Your Supabase Callback URL
-
-**Method 1: Supabase Dashboard**
-1. Go to your Supabase project dashboard
-2. Navigate to **Authentication** → **Providers**
-3. Click on **Apple** provider
-4. Copy the **"Callback URL (for OAuth)"** shown at the bottom
-5. It will be in format: `https://[PROJECT_ID].supabase.co/auth/v1/callback`
-
-**Method 2: Construct from Project URL**
-```
-https://[YOUR_SUPABASE_PROJECT_REF].supabase.co/auth/v1/callback
-```
-
-Replace `[YOUR_SUPABASE_PROJECT_REF]` with your actual Supabase project reference ID.
-
-### Visual Configuration Checklist
-
-```
-Apple Developer Portal → Certificates, Identifiers & Profiles
-  → Identifiers → Service IDs
-    → Select: com.memoro.web
-      → Sign In with Apple: ENABLED
-        → Configure Button
-          ↓
-        Primary App ID: [Your App ID]
-
-        Domains and Subdomains:
-          ✅ app.memoro.ai
-
-        Return URLs:
-          ✅ https://app.memoro.ai/auth/apple-callback-handler
-          ✅ https://app.memoro.ai/auth/apple-callback
-          ✅ https://smenuelzskphnphaaetp.supabase.co/auth/v1/callback
-```
-
----
-
-## SvelteKit Application Setup
-
-### 1. File Structure
-
-```
-src/
-├── routes/
-│   └── auth/
-│       ├── apple-callback/
-│       │   └── +page.svelte          # Client-side page (displays UI)
-│       └── apple-callback-handler/
-│           └── +server.ts            # Server-side POST handler
-├── lib/
-│   └── utils/
-│       └── appleAuth.ts              # Apple SDK initialization
-└── hooks.server.ts                   # Custom CSRF protection
-```
-
-### 2. Server-Side POST Handler
-
-**File: `src/routes/auth/apple-callback-handler/+server.ts`**
-
-```typescript
-import { redirect } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-// Disable CSRF protection for this endpoint
-export const config = {
-	csrf: {
-		checkOrigin: false
-	}
-};
-
-export const POST: RequestHandler = async ({ request }) => {
-	// Parse form data from Apple's form_post
-	const formData = await request.formData();
-
-	console.log('Apple Sign-In POST callback received:', {
-		hasCode: formData.has('code'),
-		hasIdToken: formData.has('id_token'),
-		hasState: formData.has('state'),
-		hasUser: formData.has('user'),
-		hasError: formData.has('error')
-	});
-
-	// Check for errors from Apple
-	const error = formData.get('error');
-	if (error) {
-		console.error('Apple Sign-In error:', error, formData.get('error_description'));
-		throw redirect(303, `/auth/apple-callback?error=${encodeURIComponent(error.toString())}`);
-	}
-
-	// Extract OAuth parameters
-	const code = formData.get('code');
-	const id_token = formData.get('id_token');
-	const state = formData.get('state');
-	const user = formData.get('user');
-
-	// Validate we have required data
-	if (!code && !id_token) {
-		console.error('No code or id_token received from Apple');
-		throw redirect(303, '/auth/apple-callback?error=no_token');
-	}
-
-	// Build query parameters for client-side page
-	const params = new URLSearchParams();
-	if (code) params.set('code', code.toString());
-	if (id_token) params.set('id_token', id_token.toString());
-	if (state) params.set('state', state.toString());
-	if (user) params.set('user', user.toString());
-
-	// Redirect to client-side callback page
-	const redirectUrl = `/auth/apple-callback?${params.toString()}`;
-	console.log('Redirecting to client-side callback with query params');
-
-	throw redirect(303, redirectUrl);
-};
-
-export const GET: RequestHandler = async () => {
-	console.warn('GET request to Apple callback handler - redirecting to login');
-	throw redirect(303, '/login?error=invalid_request');
-};
-```
-
-**IMPORTANT:**
-- ❌ **Do NOT use try-catch** around `throw redirect()` - it will cause `error=server_error`
-- ✅ **Keep it simple** - let SvelteKit handle the redirect naturally
-
-### 3. Custom CSRF Protection
-
-**File: `src/hooks.server.ts`**
-
-```typescript
-import type { Handle } from '@sveltejs/kit';
-
-// Routes that are allowed to receive cross-origin POST requests
-const ALLOWED_PATHS = [
-	'/auth/apple-callback-handler', // Apple Sign-In OAuth callback
-	'/auth/google-callback'          // Google Sign-In OAuth callback
-];
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const { request, url } = event;
-
-	if (['POST', 'PATCH', 'PUT', 'DELETE'].includes(request.method)) {
-		const origin = request.headers.get('origin');
-		const forbidden =
-			origin !== null &&
-			origin !== url.origin &&
-			!ALLOWED_PATHS.some((path) => url.pathname === path);
-
-		if (forbidden) {
-			console.warn('CSRF: Blocked cross-origin request:', {
-				method: request.method,
-				path: url.pathname,
-				origin: origin,
-				expectedOrigin: url.origin
-			});
-
-			return new Response('Cross-site POST form submissions are forbidden', {
-				status: 403
-			});
-		}
-	}
-
-	return resolve(event);
-};
-```
-
-### 4. SvelteKit Configuration
-
-**File: `svelte.config.js`**
-
-```javascript
-import adapter from '@sveltejs/adapter-netlify';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			edge: false,  // Use Node-based Netlify Functions
-			split: false  // Single function for all routes
-		}),
-		// Disable built-in CSRF - we handle it in hooks.server.ts
-		csrf: {
-			checkOrigin: false
-		}
-	}
-};
-
-export default config;
-```
-
-### 5. Apple SDK Configuration
-
-**File: `src/lib/utils/appleAuth.ts`**
-
-```typescript
-export function initializeAppleAuth() {
-	if (!browser || !window.AppleID) {
-		console.warn('Apple ID SDK not loaded');
-		return false;
-	}
-
-	const clientId = env.oauth.appleClientId;
-	// Use handler endpoint for POST, not the page route
-	const redirectURI = env.oauth.appleRedirectUri?.replace(
-		'/auth/apple-callback',
-		'/auth/apple-callback-handler'
-	) || 'https://app.memoro.ai/auth/apple-callback-handler';
-
-	console.log('Apple Sign-In Configuration:', {
-		clientId: clientId || '❌ NOT SET',
-		redirectURI: redirectURI,
-		responseMode: 'form_post',
-		responseType: 'code id_token'
-	});
-
-	if (!clientId) {
-		console.error('❌ Apple Client ID not configured');
-		return false;
-	}
-
-	try {
-		window.AppleID.auth.init({
-			clientId,
-			scope: 'name email',
-			redirectURI,
-			state: generateState(),
-			usePopup: false,               // Must use redirect on web
-			responseType: 'code id_token', // Request both
-			responseMode: 'form_post'      // POST to server
-		});
-
-		console.log('✅ Apple ID SDK initialized successfully');
-		return true;
-	} catch (error) {
-		console.error('Error initializing Apple ID SDK:', error);
-		return false;
-	}
-}
-```
-
-### 6. Environment Variables
-
-**.env or Netlify Environment Variables:**
-
-```bash
-PUBLIC_APPLE_CLIENT_ID=com.memoro.web
-PUBLIC_APPLE_REDIRECT_URI=https://app.memoro.ai/auth/apple-callback
-```
-
-**Note:** The code automatically converts `/auth/apple-callback` to `/auth/apple-callback-handler` for the SDK.
-
----
-
-## Why We Need Two Callback URLs
-
-### The Problem
-
-SvelteKit has a limitation: routes that have **BOTH** `+page.svelte` (client-side) AND `+server.ts` (server-side) in the same directory **do NOT handle POST requests properly**. You get a **405 Method Not Allowed** error.
-
-### The Solution: Separate Endpoints
-
-We use **two different URLs** with different purposes:
-
-#### 1. `/auth/apple-callback-handler` (Server Endpoint)
-
-**Purpose:** Receive POST from Apple
-
-```
-Type: Server-side only (+server.ts)
-Accepts: POST requests with form data
-Returns: 303 Redirect to client page
-```
-
-**What it does:**
-- Receives `code`, `id_token`, `state`, `user` from Apple via POST
-- Validates data exists
-- Redirects to client page with data as query params
-
-#### 2. `/auth/apple-callback` (Client Page)
-
-**Purpose:** Display UI and process authentication
-
-```
-Type: Client-side page (+page.svelte)
-Accepts: GET requests (normal navigation)
-Returns: HTML page
-```
-
-**What it does:**
-- Reads tokens from URL query parameters
-- Validates state (CSRF protection)
-- Calls middleware for authentication
-- Redirects to dashboard on success
-
-### The Complete Flow
-
-```mermaid
-sequenceDiagram
-    participant User
-    participant WebApp
-    participant Apple
-    participant Handler
-    participant Page
-    participant Middleware
-
-    User->>WebApp: Clicks "Sign in with Apple"
-    WebApp->>Apple: Redirects to Apple auth<br/>(redirectURI: /auth/apple-callback-handler)
-    User->>Apple: Authenticates
-    Apple->>Handler: POST to /auth/apple-callback-handler<br/>(form_post with code, id_token)
-    Handler->>Handler: Extracts tokens
-    Handler->>Page: 303 Redirect to /auth/apple-callback?code=...&id_token=...
-    Page->>Page: Validates state (CSRF)
-    Page->>Middleware: Authenticate with id_token
-    Middleware->>Page: Returns app_token
-    Page->>WebApp: Redirects to /dashboard
-```
-
-### Why Not Just Use One URL?
-
-**Attempt 1: Single route with both `+page.svelte` and `+server.ts`**
-- ❌ Result: **405 Method Not Allowed** on POST
-- ❌ Reason: SvelteKit routing conflict
-
-**Attempt 2: Client-side only (no server endpoint)**
-- ❌ Result: **Can't receive form_post** (requires server to parse POST body)
-- ❌ Reason: Browser can't read POST body from form submissions
-
-**Solution: Two separate routes**
-- ✅ Handler receives POST
-- ✅ Page handles UI and auth logic
-- ✅ Clean separation of concerns
-
----
-
-## Common Errors and Solutions
-
-### Error: `405 Method Not Allowed`
-
-**Symptom:** POST request to `/auth/apple-callback` returns 405
-
-**Causes:**
-1. Route has both `+page.svelte` and `+server.ts` in same directory
-2. Missing POST handler export
-3. CSRF protection blocking the request
-
-**Solution:**
-- ✅ Use separate handler endpoint (`/auth/apple-callback-handler`)
-- ✅ Ensure POST handler is exported: `export const POST: RequestHandler`
-- ✅ Add endpoint to CSRF whitelist in `hooks.server.ts`
-
----
-
-### Error: `invalid_request - Invalid web redirect url`
-
-**Symptom:** Apple shows error page with "Invalid web redirect url"
-
-**Causes:**
-1. Redirect URL not configured in Apple Developer Portal
-2. Redirect URL doesn't match exactly (case-sensitive)
-3. Missing `https://` prefix on return URL
-
-**Solution:**
-- ✅ Add exact URL to Apple Developer Portal Return URLs
-- ✅ Ensure it has `https://` prefix
-- ✅ Check for typos (case-sensitive)
-
----
-
-### Error: `error=server_error` in redirect
-
-**Symptom:** Handler redirects to `/auth/apple-callback?error=server_error`
-
-**Causes:**
-1. Try-catch block catching the `throw redirect()` exception
-2. Handler code throwing unexpected error
-
-**Solution:**
-- ✅ Remove try-catch around redirect logic
-- ✅ Let SvelteKit handle redirects naturally
-- ✅ Check Netlify function logs for actual error
-
----
-
-### Error: `Invalid authorization response from Apple`
-
-**Symptom:** Client page shows this error
-
-**Causes:**
-1. State mismatch (CSRF validation failed)
-2. No tokens in URL query params
-3. Tokens not being passed from handler to page
-
-**Solution:**
-- ✅ Ensure handler redirects with query params: `?code=...&id_token=...&state=...`
-- ✅ Check browser console for state validation logs
-- ✅ Verify sessionStorage has `apple_signin_state`
-
----
-
-### Error: `Cross-site POST form submissions are forbidden`
-
-**Symptom:** CSRF protection blocks Apple's POST
-
-**Causes:**
-1. SvelteKit's built-in CSRF protection enabled
-2. Handler endpoint not in CSRF whitelist
-
-**Solution:**
-- ✅ Disable global CSRF: `csrf: { checkOrigin: false }` in `svelte.config.js`
-- ✅ Add custom CSRF middleware in `hooks.server.ts`
-- ✅ Whitelist handler endpoint in `ALLOWED_PATHS`
-
----
-
-### Error: Missing Supabase Callback URL
-
-**Symptom:** Apple Sign-In works but Supabase auth fails
-
-**Causes:**
-1. Supabase OAuth callback URL not configured in Apple Developer Portal
-2. Supabase can't complete OAuth flow
-
-**Solution:**
-- ✅ Add Supabase callback URL to Apple Developer Portal:
-  ```
-  https://[PROJECT_REF].supabase.co/auth/v1/callback
-  ```
-- ✅ Find this URL in Supabase Dashboard → Authentication → Providers → Apple
-
----
-
-## Testing Checklist
-
-### Pre-Deployment Checklist
-
-- [ ] Apple Developer Portal configured with ALL THREE return URLs
-- [ ] Service ID (`com.memoro.web`) has Sign In with Apple enabled
-- [ ] Domain (`app.memoro.ai`) added to Apple Developer Portal
-- [ ] Environment variables set in Netlify:
-  - [ ] `PUBLIC_APPLE_CLIENT_ID=com.memoro.web`
-  - [ ] `PUBLIC_APPLE_REDIRECT_URI=https://app.memoro.ai/auth/apple-callback`
-- [ ] Code built: `npm run build`
-- [ ] Deployed to Netlify: `netlify deploy --prod --dir=build`
-
-### Post-Deployment Testing
-
-#### 1. Verify Deployment
-```bash
-# Check deployment version file
-curl https://app.memoro.ai/deployment-version.txt
-
-# Should show latest deployment timestamp
-```
-
-#### 2. Test Handler Endpoint
-```bash
-# Test POST endpoint
-curl -X POST https://app.memoro.ai/auth/apple-callback-handler \
-  -d "id_token=test&state=test" \
-  -H "Content-Type: application/x-www-form-urlencoded" \
-  -v
-
-# Should return: HTTP/2 303 (redirect)
-```
-
-#### 3. Test Apple Sign-In Flow
-
-**Step 1: Start Sign-In**
-- Go to: `https://app.memoro.ai/login`
-- Click "Sign in with Apple" button
-- Should redirect to `appleid.apple.com`
-
-**Step 2: Check URL Parameters**
-- Verify URL contains:
-  ```
-  client_id=com.memoro.web
-  redirect_uri=https://app.memoro.ai/auth/apple-callback-handler
-  response_mode=form_post
-  response_type=code id_token
-  ```
-
-**Step 3: Authenticate**
-- Sign in with Apple ID
-- Should redirect back to your app
-- Should NOT show 405 error
-- Should NOT show "Invalid web redirect url"
-
-**Step 4: Verify Success**
-- Should redirect to `/dashboard`
-- Should be logged in
-- Check browser console for success logs
-
-#### 4. Browser Console Checks
-
-Look for these logs in browser console:
-
-```javascript
-// On login page
-Apple Sign-In Configuration: {
-  clientId: 'com.memoro.web',
-  redirectURI: 'https://app.memoro.ai/auth/apple-callback-handler',
-  responseMode: 'form_post'
-}
-
-// On callback page
-Apple response: {
-  hasIdToken: true,
-  hasCode: true,
-  hasState: true,
-  hasUser: false
-}
-```
-
-#### 5. Test Different Scenarios
-
-- [ ] **First-time user:** New Apple ID (should collect name/email)
-- [ ] **Returning user:** Existing Apple ID (should auto-login)
-- [ ] **Cancel sign-in:** Click "Cancel" on Apple page (should handle gracefully)
-- [ ] **Private email relay:** Use "Hide My Email" feature (should work)
-
----
-
-## Architecture Diagram
-
-```
-┌─────────────────────────────────────────────────────────────────┐
-│                        Apple Developer Portal                   │
-│                                                                  │
-│  Service ID: com.memoro.web                                     │
-│  Domain: app.memoro.ai                                          │
-│                                                                  │
-│  Return URLs:                                                   │
-│    1. https://app.memoro.ai/auth/apple-callback-handler        │
-│    2. https://app.memoro.ai/auth/apple-callback                │
-│    3. https://[PROJECT].supabase.co/auth/v1/callback           │
-└─────────────────────────────────────────────────────────────────┘
-                              ▲  │
-                              │  │ OAuth Flow
-                              │  ▼
-┌─────────────────────────────────────────────────────────────────┐
-│                      SvelteKit Application                       │
-│                                                                  │
-│  ┌────────────────────────────────────────────────────────────┐ │
-│  │  /auth/apple-callback-handler/+server.ts                   │ │
-│  │  - Receives POST from Apple                                │ │
-│  │  - Extracts: code, id_token, state, user                   │ │
-│  │  - Redirects to client page with query params              │ │
-│  └────────────────────────────────────────────────────────────┘ │
-│                              │                                   │
-│                              │ 303 Redirect                      │
-│                              ▼                                   │
-│  ┌────────────────────────────────────────────────────────────┐ │
-│  │  /auth/apple-callback/+page.svelte                         │ │
-│  │  - Displays loading UI                                     │ │
-│  │  - Validates state (CSRF)                                  │ │
-│  │  - Calls middleware auth                                   │ │
-│  │  - Redirects to dashboard                                  │ │
-│  └────────────────────────────────────────────────────────────┘ │
-│                                                                  │
-│  ┌────────────────────────────────────────────────────────────┐ │
-│  │  hooks.server.ts                                           │ │
-│  │  - Custom CSRF protection                                  │ │
-│  │  - Whitelists OAuth callback endpoints                     │ │
-│  └────────────────────────────────────────────────────────────┘ │
-└─────────────────────────────────────────────────────────────────┘
-                              │
-                              │ Auth Request
-                              ▼
-┌─────────────────────────────────────────────────────────────────┐
-│                    Backend (Supabase/Middleware)                 │
-│                                                                  │
-│  - Validates id_token                                           │
-│  - Creates/updates user                                         │
-│  - Issues app_token                                             │
-│  - Returns session                                              │
-└─────────────────────────────────────────────────────────────────┘
-```
-
----
-
-## Key Takeaways
-
-### ✅ Always Remember
-
-1. **THREE Return URLs** in Apple Developer Portal:
-   - Your handler endpoint
-   - Your page endpoint (fallback)
-   - **Supabase callback URL** (often forgotten!)
-
-2. **Separate handler from page**:
-   - Don't mix `+server.ts` and `+page.svelte` in same route
-   - Use dedicated handler endpoint for POST
-
-3. **No try-catch around redirects**:
-   - Let SvelteKit handle `throw redirect()` naturally
-   - Don't catch and re-throw - causes issues
-
-4. **Custom CSRF protection**:
-   - Disable global CSRF
-   - Whitelist OAuth endpoints
-   - Keep other routes protected
-
-5. **Test thoroughly**:
-   - First-time users
-   - Returning users
-   - Cancel flow
-   - Error handling
-
-### 🎯 Success Criteria
-
-Apple Sign-In is working correctly when:
-
-- ✅ No 405 errors
-- ✅ No "Invalid web redirect url" from Apple
-- ✅ No CSRF errors
-- ✅ Tokens successfully received
-- ✅ User authenticated and redirected to dashboard
-- ✅ Works for both new and returning users
-- ✅ Private email relay works
-
----
-
-## Troubleshooting Resources
-
-**Apple Documentation:**
-- [Sign in with Apple JS Documentation](https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js)
-- [Configuring Your Environment](https://developer.apple.com/documentation/sign_in_with_apple/configuring_your_environment_for_sign_in_with_apple)
-
-**SvelteKit Documentation:**
-- [Routing](https://kit.svelte.dev/docs/routing)
-- [Form Actions](https://kit.svelte.dev/docs/form-actions)
-- [Hooks](https://kit.svelte.dev/docs/hooks)
-
-**Supabase Documentation:**
-- [Apple OAuth Provider](https://supabase.com/docs/guides/auth/social-login/auth-apple)
-
----
-
-## Version History
-
-- **v1.0** (2025-11-17): Initial implementation - Apple Sign-In working ✅
-  - Separate handler endpoint pattern
-  - Custom CSRF protection
-  - Complete Apple Developer Portal configuration
-  - Supabase callback URL documented
-
----
-
-**Remember:** The Supabase callback URL is often the missing piece! Always configure all three return URLs in Apple Developer Portal.
-
-**Status:** ✅ **WORKING - Tested and Verified**
diff --git a/apps/memoro/apps/web-archived/Dockerfile b/apps/memoro/apps/web-archived/Dockerfile
deleted file mode 100644
index 0a8713c84..000000000
--- a/apps/memoro/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,62 +0,0 @@
-# syntax=docker/dockerfile:1
-# Build stage - inherits pre-built shared packages from sveltekit-base
-FROM sveltekit-base:local AS builder
-
-# Build arguments for SvelteKit static env vars (baked into the build)
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ARG PUBLIC_MANA_CORE_AUTH_URL_CLIENT=https://auth.mana.how
-ARG PUBLIC_MEMORO_SERVER_URL=http://memoro-server:3015
-ARG PUBLIC_SUPABASE_URL
-ARG PUBLIC_SUPABASE_ANON_KEY
-ARG PUBLIC_MANA_SYNC_URL=ws://mana-sync:3050
-
-# Set as environment variables for build
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL_CLIENT=$PUBLIC_MANA_CORE_AUTH_URL_CLIENT
-ENV PUBLIC_MEMORO_SERVER_URL=$PUBLIC_MEMORO_SERVER_URL
-ENV PUBLIC_SUPABASE_URL=$PUBLIC_SUPABASE_URL
-ENV PUBLIC_SUPABASE_ANON_KEY=$PUBLIC_SUPABASE_ANON_KEY
-ENV PUBLIC_MANA_SYNC_URL=$PUBLIC_MANA_SYNC_URL
-
-# Copy web app (memoro has no local packages/)
-COPY apps/memoro/apps/web ./apps/memoro/apps/web
-
-# Install app-specific dependencies
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-# Build the web app
-WORKDIR /app/apps/memoro/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-# Production stage
-FROM node:20-alpine AS production
-
-# Keep same directory structure as builder so pnpm symlinks resolve correctly
-WORKDIR /app/apps/memoro/apps/web
-
-# Copy the pnpm store that symlinks point to (at /app/node_modules/.pnpm)
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-
-# Copy the app's node_modules (contains symlinks to the pnpm store)
-COPY --from=builder /app/apps/memoro/apps/web/node_modules ./node_modules
-
-# Copy built application
-COPY --from=builder /app/apps/memoro/apps/web/build ./build
-COPY --from=builder /app/apps/memoro/apps/web/package.json ./
-
-# Expose port
-EXPOSE 5038
-
-# Set environment variables
-ENV NODE_ENV=production
-ENV PORT=5038
-ENV HOST=0.0.0.0
-
-# Health check
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5038/health || exit 1
-
-# Run the app
-CMD ["node", "build"]
diff --git a/apps/memoro/apps/web-archived/GOOGLE_SIGNIN_COMPLETE_GUIDE.md b/apps/memoro/apps/web-archived/GOOGLE_SIGNIN_COMPLETE_GUIDE.md
deleted file mode 100644
index 674e44acf..000000000
--- a/apps/memoro/apps/web-archived/GOOGLE_SIGNIN_COMPLETE_GUIDE.md
+++ /dev/null
@@ -1,901 +0,0 @@
-# Google Sign-In Complete Implementation Guide
-
-## Overview
-
-This guide documents the complete Google Sign-In implementation for the Memoro SvelteKit web application. Unlike Apple Sign-In which requires complex redirect flows and multiple callback URLs, Google Sign-In uses a simpler popup-based flow.
-
-**Status:** ✅ **FULLY IMPLEMENTED AND WORKING**
-
----
-
-## ⚠️ CRITICAL REQUIREMENTS
-
-Before deploying Google Sign-In, you MUST configure these in Google Cloud Console:
-
-1. **Authorized JavaScript origins:**
-   - `http://localhost:5173` (local dev)
-   - `http://localhost:4173` (preview)
-   - `https://app.memoro.ai` (production)
-
-2. **Authorized redirect URIs:** ⚠️ **Required even for popup flow!**
-   - `https://auth.expo.io/@memoro/memoro` (mobile app)
-   - `https://smenuelzskphnphaaetp.supabase.co/auth/v1/callback` (Supabase)
-   - `https://app.memoro.ai/auth/apple-callback` (multi-provider support)
-   - `https://app.memoro.ai/auth/apple-callback-handler` (multi-provider support)
-
-**Why redirect URIs are needed:** Even though Google Sign-In uses popup mode (not redirect), Google requires these URIs for cross-platform authentication (web + mobile), Supabase integration, and OAuth consent screen domains. **Missing these will cause the popup to close immediately without signing in.**
-
----
-
-## Table of Contents
-
-1. [Architecture Overview](#architecture-overview)
-2. [Google Cloud Console Setup](#google-cloud-console-setup)
-3. [Code Implementation](#code-implementation)
-4. [Environment Configuration](#environment-configuration)
-5. [How It Works](#how-it-works)
-6. [Comparison with Apple Sign-In](#comparison-with-apple-sign-in)
-7. [Testing Checklist](#testing-checklist)
-8. [Troubleshooting](#troubleshooting)
-9. [Security Considerations](#security-considerations)
-
----
-
-## Architecture Overview
-
-### Authentication Flow
-
-```
-┌─────────────────┐
-│   Login Page    │
-│  (SvelteKit)    │
-└────────┬────────┘
-         │
-         │ 1. User clicks "Continue with Google"
-         ▼
-┌─────────────────────────┐
-│ Google Identity Services│
-│   (Popup Window)        │
-└────────┬────────────────┘
-         │
-         │ 2. Google returns ID Token (JWT)
-         ▼
-┌──────────────────────────┐
-│ GoogleSignInButton.svelte│
-│  handleGoogleSignIn()    │
-└────────┬─────────────────┘
-         │
-         │ 3. Send ID Token to middleware
-         ▼
-┌──────────────────────────┐
-│  Mana Middleware API     │
-│ POST /auth/google-signin │
-└────────┬─────────────────┘
-         │
-         │ 4. Return appToken + refreshToken
-         ▼
-┌──────────────────────────┐
-│   Auth Store             │
-│ Store tokens, update state│
-└────────┬─────────────────┘
-         │
-         │ 5. Navigate to dashboard
-         ▼
-┌──────────────────────────┐
-│   Dashboard Page         │
-│  (Authenticated)         │
-└──────────────────────────┘
-```
-
-### Key Components
-
-1. **Google Identity Services SDK** - Official Google library loaded from CDN
-2. **googleAuth.ts** - Helper utilities for SDK integration
-3. **GoogleSignInButton.svelte** - UI component with token callback
-4. **Auth Store** - Manages authentication state and tokens
-5. **Mana Middleware** - Backend service for token exchange
-
----
-
-## Google Cloud Console Setup
-
-### Step 1: Create OAuth 2.0 Client ID
-
-1. Go to [Google Cloud Console](https://console.cloud.google.com)
-2. Select your project (or create a new one)
-3. Navigate to **APIs & Services** > **Credentials**
-4. Click **+ CREATE CREDENTIALS** > **OAuth client ID**
-5. Select **Web application**
-
-### Step 2: Configure OAuth Client
-
-**Application type:** Web application
-
-**Name:** `Memoro Web App` (or your preferred name)
-
-**Authorized JavaScript origins:** (Add all environments)
-```
-http://localhost:5173
-http://localhost:4173
-https://app.memoro.ai
-```
-
-**Authorized redirect URIs:** ⚠️ **IMPORTANT: Required even for popup flow**
-
-Even though Google Sign-In uses popup mode (not redirect), you MUST add these redirect URIs to the OAuth client configuration. Google automatically adds these domains to your OAuth consent screen and authorized domains.
-
-**Add all of these:**
-```
-https://auth.expo.io/@memoro/memoro
-https://smenuelzskphnphaaetp.supabase.co/auth/v1/callback
-https://app.memoro.ai/auth/apple-callback
-https://app.memoro.ai/auth/apple-callback-handler
-```
-
-**Why these are needed:**
-1. `https://auth.expo.io/@memoro/memoro` - For mobile app Google Sign-In (Expo)
-2. `https://smenuelzskphnphaaetp.supabase.co/auth/v1/callback` - For Supabase OAuth integration
-3. `https://app.memoro.ai/auth/apple-callback` - Shared OAuth configuration (multi-provider support)
-4. `https://app.memoro.ai/auth/apple-callback-handler` - Shared OAuth configuration (multi-provider support)
-
-**Note:** While popup flow doesn't use these URIs directly, Google requires them for:
-- Cross-platform authentication (web + mobile)
-- OAuth consent screen domains
-- Supabase integration
-- Multi-provider OAuth support
-
-### Step 3: Get Client ID
-
-After creating the OAuth client, copy the **Client ID**:
-- Format: `xxxxxxxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com`
-- This is your `PUBLIC_GOOGLE_CLIENT_ID`
-
-### Step 4: Enable Required APIs
-
-Make sure these APIs are enabled in your project:
-- **Google+ API** (for user profile data)
-- **Google Identity Toolkit API** (for authentication)
-
----
-
-## Code Implementation
-
-### 1. Google SDK Loading (`src/app.html`)
-
-```html
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <!-- Google Identity Services -->
-    <script src="https://accounts.google.com/gsi/client" async defer></script>
-
-    %sveltekit.head%
-  </head>
-  <body data-sveltekit-preload-data="hover">
-    <div style="display: contents">%sveltekit.body%</div>
-  </body>
-</html>
-```
-
-### 2. Google Auth Utilities (`src/lib/utils/googleAuth.ts`)
-
-```typescript
-/**
- * Google Identity Services integration
- * Provides helper functions for Google Sign-In on web
- */
-
-import { env } from '$lib/config/env';
-
-// TypeScript definitions for Google Identity Services
-declare global {
-  interface Window {
-    google?: {
-      accounts: {
-        id: {
-          initialize: (config: GoogleIdConfiguration) => void;
-          renderButton: (parent: HTMLElement, options: GsiButtonConfiguration) => void;
-          // ... other methods
-        };
-      };
-    };
-  }
-}
-
-interface GoogleIdConfiguration {
-  client_id: string;
-  callback: (response: CredentialResponse) => void;
-  auto_select?: boolean;
-  cancel_on_tap_outside?: boolean;
-  ux_mode?: 'popup' | 'redirect';
-}
-
-interface CredentialResponse {
-  credential: string; // JWT ID token
-  select_by: string;
-  clientId?: string;
-}
-
-/**
- * Initialize Google Identity Services
- * @param callback Function to call when user signs in with Google
- */
-export function initializeGoogleAuth(callback: (idToken: string) => void) {
-  if (typeof window === 'undefined') {
-    console.warn('Google Auth: Cannot initialize on server-side');
-    return;
-  }
-
-  if (!window.google) {
-    console.warn('Google Identity Services not loaded yet');
-    return;
-  }
-
-  const clientId = env.oauth.googleClientId;
-  if (!clientId) {
-    console.error('Google Client ID not configured');
-    return;
-  }
-
-  try {
-    window.google.accounts.id.initialize({
-      client_id: clientId,
-      callback: (response: CredentialResponse) => {
-        // response.credential is the JWT ID token
-        callback(response.credential);
-      },
-      auto_select: false,
-      cancel_on_tap_outside: true,
-      ux_mode: 'popup'
-    });
-  } catch (error) {
-    console.error('Error initializing Google Auth:', error);
-  }
-}
-
-/**
- * Render Google Sign-In button
- * @param element HTML element to render button into
- * @param options Button configuration options
- */
-export function renderGoogleButton(
-  element: HTMLElement,
-  options?: Partial<GsiButtonConfiguration>
-) {
-  if (typeof window === 'undefined' || !window.google) {
-    console.warn('Google Identity Services not available');
-    return;
-  }
-
-  const defaultOptions: GsiButtonConfiguration = {
-    type: 'standard',
-    theme: 'outline',
-    size: 'large',
-    text: 'signin_with',
-    shape: 'rectangular',
-    logo_alignment: 'left'
-  };
-
-  try {
-    window.google.accounts.id.renderButton(element, {
-      ...defaultOptions,
-      ...options
-    });
-  } catch (error) {
-    console.error('Error rendering Google button:', error);
-  }
-}
-
-/**
- * Wait for Google Identity Services to load
- * @param timeout Maximum time to wait in milliseconds (default: 10000ms)
- */
-export function waitForGoogleAuth(timeout = 10000): Promise<void> {
-  return new Promise((resolve, reject) => {
-    if (isGoogleAuthLoaded()) {
-      resolve();
-      return;
-    }
-
-    const startTime = Date.now();
-    const interval = setInterval(() => {
-      if (isGoogleAuthLoaded()) {
-        clearInterval(interval);
-        resolve();
-      } else if (Date.now() - startTime > timeout) {
-        clearInterval(interval);
-        reject(new Error('Google Identity Services failed to load'));
-      }
-    }, 100);
-  });
-}
-
-export function isGoogleAuthLoaded(): boolean {
-  return typeof window !== 'undefined' && !!window.google?.accounts?.id;
-}
-```
-
-### 3. Google Sign-In Button Component (`src/lib/components/GoogleSignInButton.svelte`)
-
-```svelte
-<script lang="ts">
-  import { onMount } from 'svelte';
-  import { goto } from '$app/navigation';
-  import { auth } from '$lib/stores/auth';
-  import { initializeGoogleAuth, renderGoogleButton, waitForGoogleAuth } from '$lib/utils/googleAuth';
-
-  // Props
-  interface Props {
-    onSuccess?: () => void;
-    onError?: (error: Error) => void;
-  }
-
-  let { onSuccess, onError }: Props = $props();
-
-  // State
-  let buttonContainer: HTMLDivElement;
-  let isLoading = $state(false);
-  let error = $state<string | null>(null);
-
-  // Handle Google Sign-In callback
-  async function handleGoogleSignIn(idToken: string) {
-    isLoading = true;
-    error = null;
-
-    try {
-      console.log('Google Sign-In successful, received ID token');
-
-      // Call auth store's signInWithGoogle method
-      const result = await auth.signInWithGoogle(idToken);
-
-      if (!result.success) {
-        throw new Error(result.error || 'Failed to authenticate with Google');
-      }
-
-      console.log('Successfully authenticated with middleware');
-
-      // Navigate to dashboard
-      goto('/dashboard');
-
-      onSuccess?.();
-    } catch (err) {
-      console.error('Error during Google Sign-In:', err);
-      error = err instanceof Error ? err.message : 'Google Sign-In failed';
-      onError?.(err instanceof Error ? err : new Error('Unknown error'));
-    } finally {
-      isLoading = false;
-    }
-  }
-
-  // Initialize Google Sign-In on mount
-  onMount(async () => {
-    try {
-      // Wait for Google Identity Services to load
-      await waitForGoogleAuth();
-
-      // Initialize with callback
-      initializeGoogleAuth(handleGoogleSignIn);
-
-      // Render the button
-      if (buttonContainer) {
-        renderGoogleButton(buttonContainer, {
-          type: 'standard',
-          theme: 'outline',
-          size: 'large',
-          text: 'signin_with',
-          shape: 'rectangular'
-        });
-      }
-    } catch (err) {
-      console.error('Error initializing Google Sign-In:', err);
-      error = 'Failed to load Google Sign-In';
-    }
-  });
-</script>
-
-<div class="space-y-3">
-  {#if error}
-    <div class="rounded-lg bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400">
-      {error}
-    </div>
-  {/if}
-
-  <!-- Google button container -->
-  <div bind:this={buttonContainer} class="relative w-full">
-    {#if isLoading}
-      <div class="absolute inset-0 flex items-center justify-center rounded-lg bg-white/80 dark:bg-gray-800/80">
-        <div class="h-6 w-6 animate-spin rounded-full border-2 border-blue-600 border-t-transparent"></div>
-      </div>
-    {/if}
-  </div>
-
-  <!-- Fallback message if Google SDK doesn't load -->
-  <noscript>
-    <div class="rounded-lg bg-yellow-50 p-3 text-sm text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400">
-      Please enable JavaScript to use Google Sign-In
-    </div>
-  </noscript>
-</div>
-```
-
-### 4. Login Page Integration (`src/routes/(public)/login/+page.svelte`)
-
-```svelte
-<script lang="ts">
-  import GoogleSignInButton from '$lib/components/GoogleSignInButton.svelte';
-  import AppleSignInButton from '$lib/components/AppleSignInButton.svelte';
-  // ... other imports
-</script>
-
-<div class="flex min-h-screen items-center justify-center">
-  <div class="card w-full max-w-md">
-    <h1 class="mb-6 text-center text-3xl font-bold">Welcome to Memoro</h1>
-
-    <!-- Email/Password Form -->
-    <form onsubmit={handleSubmit}>
-      <!-- ... form fields ... -->
-      <button type="submit" class="btn-primary w-full">Sign In</button>
-    </form>
-
-    <!-- Divider -->
-    <div class="relative my-6">
-      <div class="absolute inset-0 flex items-center">
-        <div class="w-full border-t border-gray-300 dark:border-gray-600"></div>
-      </div>
-      <div class="relative flex justify-center text-sm">
-        <span class="bg-white px-2 text-gray-500 dark:bg-gray-800 dark:text-gray-400">
-          Or continue with
-        </span>
-      </div>
-    </div>
-
-    <!-- Social Sign-In Buttons -->
-    <GoogleSignInButton />
-    <AppleSignInButton />
-  </div>
-</div>
-```
-
----
-
-## Environment Configuration
-
-### Local Development (`.env`)
-
-```bash
-# Google OAuth (Web Client ID from Google Cloud Console)
-PUBLIC_GOOGLE_CLIENT_ID=624477741877-67or55qpi440mlg1t46e178ta2gmcll9.apps.googleusercontent.com
-```
-
-### Production (Netlify Environment Variables)
-
-Add to Netlify Dashboard > Site settings > Environment variables:
-
-```
-PUBLIC_GOOGLE_CLIENT_ID=your-production-client-id.apps.googleusercontent.com
-```
-
-### Environment Configuration File (`src/lib/config/env.ts`)
-
-```typescript
-import { PUBLIC_GOOGLE_CLIENT_ID } from '$env/static/public';
-
-export const env = {
-  oauth: {
-    googleClientId: PUBLIC_GOOGLE_CLIENT_ID,
-    // ... other OAuth configs
-  },
-  // ... other env configs
-};
-
-// Startup logging (client-side only)
-if (typeof window !== 'undefined') {
-  console.log('🔧 Memoro Environment Configuration:', {
-    googleOAuth: !!env.oauth.googleClientId ? '✅ Configured' : '❌ Missing',
-    // ... other checks
-  });
-
-  if (!env.oauth.googleClientId) {
-    console.warn('⚠️  Google Sign-In not configured. Set PUBLIC_GOOGLE_CLIENT_ID');
-  }
-}
-```
-
----
-
-## How It Works
-
-### Step-by-Step Flow
-
-1. **Page Load**
-   - Google Identity Services SDK loads asynchronously from CDN
-   - `GoogleSignInButton` component mounts and waits for SDK
-
-2. **SDK Initialization**
-   - `waitForGoogleAuth()` polls until `window.google` is available
-   - `initializeGoogleAuth()` configures SDK with Client ID and callback
-   - `renderGoogleButton()` renders Google's official branded button
-
-3. **User Clicks Button**
-   - Google opens popup window for authentication
-   - User selects account and grants permissions
-   - Popup closes automatically on success
-
-4. **Google Returns ID Token**
-   - Callback receives `CredentialResponse` with JWT ID token
-   - Token contains user's email, name, profile picture, etc.
-   - `handleGoogleSignIn(idToken)` is called
-
-5. **Token Exchange with Middleware**
-   - Component calls `auth.signInWithGoogle(idToken)`
-   - Auth store sends POST to middleware: `/auth/google-signin?appId=APP_ID`
-   - Middleware validates Google token and creates session
-
-6. **Middleware Response**
-   - Returns three tokens:
-     - `manaToken`: Mana middleware authentication token
-     - `appToken`: Supabase-compatible JWT for RLS
-     - `refreshToken`: For token refresh flow
-
-7. **Token Storage & Navigation**
-   - Tokens stored in localStorage (web) or secure storage (mobile)
-   - Auth state updated with user info
-   - Redirect to `/dashboard`
-
-### Middleware Integration
-
-The Google Sign-In flow integrates with Mana Middleware:
-
-```typescript
-// Auth store signInWithGoogle method
-async function signInWithGoogle(idToken: string): Promise<{ success: boolean; error?: string }> {
-  try {
-    const response = await fetch(
-      `${PUBLIC_MANA_MIDDLEWARE_URL}/auth/google-signin?appId=${PUBLIC_MIDDLEWARE_APP_ID}`,
-      {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ idToken })
-      }
-    );
-
-    if (!response.ok) {
-      throw new Error('Failed to authenticate with middleware');
-    }
-
-    const { manaToken, appToken, refreshToken } = await response.json();
-
-    // Store tokens
-    localStorage.setItem('manaToken', manaToken);
-    localStorage.setItem('appToken', appToken);
-    localStorage.setItem('refreshToken', refreshToken);
-
-    // Update auth state
-    await loadUserFromToken();
-
-    return { success: true };
-  } catch (error) {
-    return { success: false, error: error.message };
-  }
-}
-```
-
----
-
-## Comparison with Apple Sign-In
-
-| Feature | Google Sign-In | Apple Sign-In |
-|---------|---------------|---------------|
-| **Flow Type** | Popup | Redirect (form_post) |
-| **Token Type** | ID Token (JWT) | Authorization Code + ID Token |
-| **SDK Loading** | Async script in `app.html` | Async script in `app.html` |
-| **Callback Routes** | ❌ None needed | ✅ Required (`/auth/apple-callback`, `/auth/apple-callback-handler`) |
-| **Server Handler** | ❌ Not needed | ✅ Required (`+server.ts` for POST) |
-| **CSRF Protection** | ❌ Not needed (popup) | ✅ Required (state parameter) |
-| **Configuration Complexity** | ⭐ Simple (Client ID only) | ⭐⭐⭐ Complex (3 return URLs) |
-| **Google Cloud Console** | OAuth 2.0 Client ID | N/A |
-| **Apple Developer Portal** | N/A | Service ID + Return URLs |
-| **Supabase Callback** | ❌ Not needed | ✅ Required in Apple portal |
-| **Custom CSRF Middleware** | ❌ Not needed | ✅ Required (`hooks.server.ts`) |
-| **Response Mode** | Popup callback | Form POST |
-| **State Management** | Direct callback | URL params + sessionStorage |
-| **Email Privacy** | Standard email | Hide My Email option |
-| **Implementation Files** | 2 files | 5+ files |
-
-### Why Google is Simpler
-
-1. **Popup Flow** - No redirect, no callback URLs needed
-2. **Direct Token** - ID token returned immediately to JavaScript
-3. **Same Origin** - Popup stays on your domain, no CSRF issues
-4. **Single Configuration** - Just Client ID, no redirect URIs
-
-### Why Apple is More Complex
-
-1. **Redirect Flow** - Requires server-side POST callback
-2. **Form POST** - Apple posts to your server, needs handler endpoint
-3. **CSRF Protection** - Cross-origin POST requires custom middleware
-4. **Multiple URLs** - Handler, page, AND Supabase callback all required
-5. **SvelteKit Routing** - Can't have +page.svelte and +server.ts together (405 error)
-
----
-
-## Testing Checklist
-
-### Local Development
-
-- [ ] Google SDK loads in browser console (check for `window.google`)
-- [ ] Google button renders on login page
-- [ ] Click button opens Google account picker popup
-- [ ] Select account and grant permissions
-- [ ] Popup closes automatically
-- [ ] Browser console shows: "Google Sign-In successful, received ID token"
-- [ ] Browser console shows: "Successfully authenticated with middleware"
-- [ ] Redirects to `/dashboard`
-- [ ] User info displays correctly
-- [ ] Tokens stored in localStorage: `manaToken`, `appToken`, `refreshToken`
-- [ ] Page refresh maintains auth state (tokens valid)
-
-### Production (app.memoro.ai)
-
-- [ ] Environment variable `PUBLIC_GOOGLE_CLIENT_ID` set in Netlify
-- [ ] Google button visible on login page
-- [ ] Click button opens Google popup (not blocked by browser)
-- [ ] OAuth flow completes successfully
-- [ ] Production middleware URL responds correctly
-- [ ] User redirected to dashboard after sign-in
-- [ ] Check browser console for any errors
-- [ ] Verify tokens are stored correctly
-- [ ] Test logout and re-login flow
-
-### Cross-Browser Testing
-
-- [ ] Chrome/Chromium
-- [ ] Safari
-- [ ] Firefox
-- [ ] Edge
-- [ ] Mobile Safari (iOS)
-- [ ] Mobile Chrome (Android)
-
-### Edge Cases
-
-- [ ] User cancels Google popup
-- [ ] User denies permissions
-- [ ] Network error during token exchange
-- [ ] Middleware returns error
-- [ ] Invalid Client ID (check error message)
-- [ ] Google SDK fails to load (check fallback message)
-- [ ] Third-party cookies blocked
-- [ ] Ad blocker interfering with Google SDK
-
----
-
-## Troubleshooting
-
-### Issue: Google Button Doesn't Render
-
-**Symptoms:** Empty space where button should be
-
-**Possible Causes:**
-1. Google SDK not loaded yet
-2. Invalid Client ID
-3. Client ID not set in environment
-
-**Solution:**
-```typescript
-// Check browser console for errors
-console.log('Google loaded?', !!window.google);
-console.log('Client ID:', env.oauth.googleClientId);
-
-// Verify SDK loaded
-if (!window.google) {
-  console.error('Google Identity Services SDK not loaded');
-}
-```
-
-### Issue: "Google Identity Services not configured"
-
-**Symptoms:** Error in console on page load
-
-**Solution:**
-1. Check `.env` file has `PUBLIC_GOOGLE_CLIENT_ID`
-2. Restart dev server after adding env variable
-3. Verify Client ID format: `xxx.apps.googleusercontent.com`
-
-### Issue: Popup Opens but Immediately Closes
-
-**Possible Causes:**
-1. Invalid Client ID
-2. JavaScript origin not authorized
-3. **Missing redirect URIs** (most common!)
-4. Third-party cookies blocked
-
-**Solution:**
-1. ⚠️ **CRITICAL:** Add redirect URIs to OAuth client (see Step 2 in Google Cloud Console Setup)
-   - Even though popup flow doesn't use redirects, Google requires them
-   - Add ALL redirect URIs from the setup section:
-     - `https://auth.expo.io/@memoro/memoro`
-     - `https://smenuelzskphnphaaetp.supabase.co/auth/v1/callback`
-     - `https://app.memoro.ai/auth/apple-callback`
-     - `https://app.memoro.ai/auth/apple-callback-handler`
-2. Verify Client ID in Google Cloud Console
-3. Add `http://localhost:5173` to Authorized JavaScript origins
-4. Enable third-party cookies in browser settings
-5. Check browser console for detailed error
-
-**Common Error Messages:**
-- "Popup closed" - Missing redirect URIs
-- "Invalid domain" - JavaScript origin not authorized
-- "Invalid client" - Wrong Client ID
-
-### Issue: "redirect_uri_mismatch" Error
-
-**Note:** This error should NOT occur with popup flow
-
-**If you see this:**
-- You may have accidentally configured `redirect_uri` in `initializeGoogleAuth`
-- Remove any `login_uri` or `redirect_uri` parameters
-- Ensure `ux_mode: 'popup'` is set
-
-### Issue: Popup Blocked by Browser
-
-**Symptoms:** Popup doesn't open when clicking button
-
-**Solution:**
-1. Check browser popup blocker settings
-2. Whitelist your domain
-3. User must click button directly (no programmatic trigger)
-
-### Issue: Token Exchange Fails
-
-**Symptoms:** "Failed to authenticate with middleware" error
-
-**Check:**
-1. Middleware URL correct in environment
-2. Middleware `/auth/google-signin` endpoint exists
-3. App ID correct
-4. Network tab shows 200 response from middleware
-5. Response contains `manaToken`, `appToken`, `refreshToken`
-
-**Debug:**
-```typescript
-// Log middleware response
-const response = await fetch(middlewareUrl, { ... });
-console.log('Middleware response status:', response.status);
-const data = await response.json();
-console.log('Middleware response data:', data);
-```
-
-### Issue: Authentication Works But Supabase Queries Fail
-
-**Check:**
-1. `appToken` is being used with Supabase client
-2. Token is valid JWT (decode at jwt.io)
-3. Token has correct `sub` (user ID) and `role` claims
-4. RLS policies allow user's role
-
-### Issue: Google SDK Fails to Load
-
-**Symptoms:** "Failed to load Google Identity Services" error after 10s
-
-**Possible Causes:**
-1. Network connectivity issue
-2. Content Security Policy (CSP) blocking script
-3. Ad blocker blocking Google domain
-
-**Solution:**
-1. Check network tab for failed requests
-2. Verify CSP allows `https://accounts.google.com`
-3. Temporarily disable ad blocker for testing
-4. Check browser console for CSP errors
-
----
-
-## Security Considerations
-
-### 1. Client ID is Public
-
-✅ **Safe to expose** - Google Client ID is public and meant to be in client-side code
-
-### 2. ID Token Validation
-
-✅ **Handled by middleware** - Middleware validates:
-- Token signature (from Google)
-- Token expiration
-- Audience matches Client ID
-- Issuer is Google
-
-Never trust token on client side - always validate server-side.
-
-### 3. Token Storage
-
-Web uses `localStorage`:
-```typescript
-localStorage.setItem('appToken', appToken);
-localStorage.setItem('refreshToken', refreshToken);
-```
-
-**Limitations:**
-- Accessible to JavaScript (XSS vulnerability)
-- Not secure like mobile secure storage
-
-**Mitigations:**
-- Short token expiration (middleware-configured)
-- Refresh token rotation
-- HttpOnly cookies would be more secure (future enhancement)
-
-### 4. CSRF Not Needed
-
-Google popup flow stays on same origin, so CSRF protection not required (unlike Apple Sign-In).
-
-### 5. Third-Party Cookies
-
-Google Sign-In requires third-party cookies enabled. Users with strict privacy settings may have issues.
-
-### 6. Content Security Policy (CSP)
-
-If you add CSP headers, allow:
-```
-script-src https://accounts.google.com;
-connect-src https://accounts.google.com;
-```
-
-### 7. Token Refresh Flow
-
-When `appToken` expires:
-1. Use `refreshToken` to get new tokens from middleware
-2. Update stored tokens
-3. Retry failed request
-
-(Implementation in auth store)
-
----
-
-## Additional Resources
-
-### Official Documentation
-- [Google Identity Services](https://developers.google.com/identity/gsi/web)
-- [Google Sign-In for Websites](https://developers.google.com/identity/sign-in/web)
-- [Google Cloud Console](https://console.cloud.google.com)
-
-### Related Files
-- `src/lib/utils/googleAuth.ts` - Google SDK utilities
-- `src/lib/components/GoogleSignInButton.svelte` - Button component
-- `src/lib/stores/auth.ts` - Auth state management
-- `src/lib/services/authService.ts` - Auth API calls
-- `src/app.html` - SDK loading
-
-### Related Documentation
-- `APPLE_SIGNIN_COMPLETE_GUIDE.md` - Apple Sign-In implementation
-- `README.md` - General web app documentation
-
----
-
-## Summary
-
-Google Sign-In is **fully implemented and production-ready** on the Memoro web app. The implementation:
-
-✅ Uses official Google Identity Services SDK
-✅ Follows Google's recommended popup flow
-✅ Integrates with Mana Middleware for token exchange
-✅ Handles errors gracefully with user feedback
-✅ Works on all modern browsers
-✅ Supports dark mode and responsive design
-✅ Includes comprehensive TypeScript types
-✅ Provides detailed logging for debugging
-
-**Key Advantages Over Apple Sign-In:**
-- No callback routes needed
-- No server-side POST handler
-- No CSRF protection required
-- Simpler configuration (just Client ID)
-- Faster implementation time
-
-**The only requirement:** Set `PUBLIC_GOOGLE_CLIENT_ID` in environment variables.
-
----
-
-**Last Updated:** 2025-11-17
-**Status:** ✅ Production Ready
diff --git a/apps/memoro/apps/web-archived/README.md b/apps/memoro/apps/web-archived/README.md
deleted file mode 100644
index 63c768768..000000000
--- a/apps/memoro/apps/web-archived/README.md
+++ /dev/null
@@ -1,107 +0,0 @@
-# Memoro Web - SvelteKit Companion App
-
-Web companion application for Memoro, built with SvelteKit. This is a hybrid architecture where the web app shares the same Supabase backend with the React Native mobile apps.
-
-## Architecture
-
-- **Frontend**: SvelteKit 2.x + TypeScript
-- **Styling**: TailwindCSS 3.x
-- **Backend**: Supabase (shared with mobile apps)
-- **State Management**: Svelte stores
-- **Internationalization**: svelte-i18n
-
-## Features
-
-### Core Features
-- Authentication (Email/Password + OAuth)
-- Audio recording (Web Audio API)
-- Memo management (CRUD operations)
-- Real-time updates (Supabase Realtime)
-- Spaces & collaboration
-- Multi-language support (32 languages)
-- Dark mode + 4 theme variants
-- Responsive design
-
-### Web-Specific Features
-- Progressive Web App (PWA) support
-- Server-Side Rendering (SSR)
-- SEO optimization
-- Fast page loads
-
-## Getting Started
-
-### Prerequisites
-
-- Node.js 18+
-- npm or pnpm
-- Supabase project (use the same one as mobile apps)
-
-### Installation
-
-1. Clone the repository
-2. Install dependencies:
-   ```bash
-   npm install
-   ```
-
-3. Copy `.env.example` to `.env` and add your Supabase credentials:
-   ```bash
-   cp .env.example .env
-   ```
-
-4. Start the development server:
-   ```bash
-   npm run dev
-   ```
-
-5. Open [http://localhost:5173](http://localhost:5173)
-
-### Build for Production
-
-```bash
-npm run build
-npm run preview
-```
-
-## Project Structure
-
-```
-memoro-web/
-├── src/
-│   ├── lib/
-│   │   ├── components/      # Reusable Svelte components
-│   │   ├── stores/          # Svelte stores for state management
-│   │   ├── services/        # API services (Supabase, etc.)
-│   │   └── utils/           # Utility functions
-│   ├── routes/
-│   │   ├── (public)/        # Public routes (login, register)
-│   │   ├── (protected)/     # Protected routes (dashboard, memos)
-│   │   ├── +layout.svelte   # Root layout
-│   │   └── +page.svelte     # Home page
-│   ├── app.css              # Global styles (TailwindCSS)
-│   └── app.html             # HTML shell
-├── static/                  # Static assets
-└── package.json
-```
-
-## Deployment
-
-### Vercel (Recommended)
-
-1. Push to GitHub
-2. Connect to Vercel
-3. Add environment variables
-4. Deploy
-
-### Netlify
-
-1. Push to GitHub
-2. Connect to Netlify
-3. Build command: `npm run build`
-4. Publish directory: `build`
-5. Add environment variables
-6. Deploy
-
-## License
-
-Proprietary - All rights reserved
diff --git a/apps/memoro/apps/web-archived/docs/ENVIRONMENT_VARIABLES.md b/apps/memoro/apps/web-archived/docs/ENVIRONMENT_VARIABLES.md
deleted file mode 100644
index 218f41f72..000000000
--- a/apps/memoro/apps/web-archived/docs/ENVIRONMENT_VARIABLES.md
+++ /dev/null
@@ -1,318 +0,0 @@
-# Environment Variables Guide
-
-This document describes all environment variables used in the Memoro web application.
-
-## Overview
-
-The web app uses SvelteKit's environment variable system:
-- **`PUBLIC_*`** prefix: Client-side accessible (exposed to browser)
-- **No prefix**: Server-side only (secure, not exposed to browser)
-
-## Required Variables
-
-### Supabase Configuration
-
-These are required for the app to function:
-
-```bash
-PUBLIC_SUPABASE_URL=https://npgifbrwhftlbrbaglmi.supabase.co
-PUBLIC_SUPABASE_ANON_KEY=sb_publishable_...
-```
-
-- **`PUBLIC_SUPABASE_URL`**: Your Supabase project URL
-- **`PUBLIC_SUPABASE_ANON_KEY`**: Supabase anonymous/public key for client-side auth
-
-**Where to find:**
-1. Go to [Supabase Dashboard](https://app.supabase.com/)
-2. Select your Memoro project
-3. Go to Settings → API
-4. Copy "Project URL" and "anon/public" key
-
-### Middleware Service URLs
-
-Required for transcription and processing:
-
-```bash
-PUBLIC_MEMORO_MIDDLEWARE_URL=https://memoro-service-111768794939.europe-west3.run.app
-PUBLIC_MANA_MIDDLEWARE_URL=https://mana-core-middleware-111768794939.europe-west3.run.app
-PUBLIC_MIDDLEWARE_APP_ID=973da0c1-b479-4dac-a1b0-ed09c72caca8
-```
-
-- **`PUBLIC_MEMORO_MIDDLEWARE_URL`**: Memoro transcription service endpoint
-- **`PUBLIC_MANA_MIDDLEWARE_URL`**: Mana core middleware service endpoint
-- **`PUBLIC_MIDDLEWARE_APP_ID`**: Application identifier for middleware authentication
-
-**Usage:**
-- Audio transcription requests
-- Memo processing pipeline
-- AI-powered insights generation
-
-### Storage Configuration
-
-Required for audio file uploads:
-
-```bash
-PUBLIC_STORAGE_BUCKET=user-uploads
-```
-
-- **`PUBLIC_STORAGE_BUCKET`**: Supabase Storage bucket name for audio files
-
-**Setup:**
-1. Go to Supabase Dashboard → Storage
-2. Create bucket named `user-uploads` (or your preferred name)
-3. Set appropriate access policies (RLS)
-
-### Google OAuth
-
-Required for Google Sign-In:
-
-```bash
-PUBLIC_GOOGLE_CLIENT_ID=624477741877-67or55qpi440mlg1t46e178ta2gmcll9.apps.googleusercontent.com
-```
-
-- **`PUBLIC_GOOGLE_CLIENT_ID`**: Google OAuth client ID for web application
-
-**Setup:**
-See `docs/OAUTH_SETUP.md` for complete Google OAuth setup instructions.
-
-## Optional Variables
-
-### PostHog Analytics
-
-For user analytics and product insights:
-
-```bash
-PUBLIC_POSTHOG_KEY=phc_SdmYfeCIZDgIfj87SNCpId18a5edPqtnmam6f0H4dWJ
-PUBLIC_POSTHOG_HOST=https://eu.i.posthog.com
-```
-
-- **`PUBLIC_POSTHOG_KEY`**: PostHog project API key
-- **`PUBLIC_POSTHOG_HOST`**: PostHog instance URL (EU or US)
-
-**Setup:**
-1. Create account at [PostHog](https://posthog.com/)
-2. Create new project
-3. Copy project API key
-4. Choose region: `https://eu.i.posthog.com` (EU) or `https://app.posthog.com` (US)
-
-**Features when enabled:**
-- User behavior tracking
-- Feature usage analytics
-- A/B testing support
-- Session recordings
-- Funnels and retention analysis
-
-### Sentry Error Tracking
-
-For production error monitoring:
-
-```bash
-SENTRY_AUTH_TOKEN=sntrys_...
-PUBLIC_SENTRY_DSN=https://YOUR_DSN@sentry.io/PROJECT_ID
-```
-
-- **`SENTRY_AUTH_TOKEN`**: Sentry authentication token (server-side, for source maps)
-- **`PUBLIC_SENTRY_DSN`**: Sentry DSN for client-side error reporting
-
-**Setup:**
-1. Create account at [Sentry](https://sentry.io/)
-2. Create new project (select SvelteKit)
-3. Copy DSN from project settings
-4. Generate auth token: Settings → Developer Settings → Auth Tokens
-
-**Features when enabled:**
-- Real-time error tracking
-- Stack traces with source maps
-- Performance monitoring
-- Release tracking
-- User feedback
-
-## Environment Files
-
-### `.env` (Development)
-
-Your local development environment variables. This file is **gitignored** and should never be committed.
-
-```bash
-# Copy from .env.example
-cp .env.example .env
-
-# Edit with your actual values
-nano .env
-```
-
-### `.env.example` (Template)
-
-Template file with placeholder values. This file **is committed** to Git and serves as documentation.
-
-```bash
-# Shows required variables
-# Does not contain real secrets
-# Safe to commit
-```
-
-### `.env.production` (Production)
-
-Production environment variables. Configure these in your hosting platform:
-
-**Vercel:**
-1. Go to Project Settings → Environment Variables
-2. Add each `PUBLIC_*` variable
-3. Add server-only variables (like `SENTRY_AUTH_TOKEN`)
-
-**Netlify:**
-1. Go to Site Settings → Build & Deploy → Environment
-2. Add each variable
-3. Choose deploy contexts (Production/Preview/Branch)
-
-**Other Platforms:**
-Follow platform-specific instructions for environment variables.
-
-## Type-Safe Access
-
-Use the `env` helper for type-safe access:
-
-```typescript
-import { env } from '$lib/config/env';
-
-// Supabase
-const url = env.supabase.url;
-const key = env.supabase.anonKey;
-
-// Middleware
-const transcriptionUrl = env.middleware.memoroUrl;
-const appId = env.middleware.appId;
-
-// Storage
-const bucket = env.storage.bucket;
-
-// OAuth
-const googleClientId = env.oauth.googleClientId;
-
-// Analytics (optional)
-if (env.analytics.posthog.key) {
-  // Initialize PostHog
-}
-
-// Error tracking (optional)
-if (env.sentry.dsn) {
-  // Initialize Sentry
-}
-```
-
-## Feature Flags
-
-Check if optional features are enabled:
-
-```typescript
-import { features } from '$lib/config/env';
-
-if (features.hasPosthog) {
-  console.log('PostHog analytics enabled');
-}
-
-if (features.hasSentry) {
-  console.log('Sentry error tracking enabled');
-}
-```
-
-## Security Best Practices
-
-### DO NOT
-
-❌ Commit `.env` files with real secrets
-❌ Hardcode API keys in source code
-❌ Share environment variables in public channels
-❌ Use production keys in development
-❌ Expose server-only variables to client
-
-### DO
-
-✅ Use `.env.example` as template
-✅ Keep `.env` in `.gitignore`
-✅ Rotate secrets regularly
-✅ Use different keys for dev/staging/production
-✅ Use `PUBLIC_*` prefix only for truly public data
-✅ Store sensitive data server-side only
-✅ Use platform environment variable management in production
-
-## Shared Variables with Mobile App
-
-The web app shares these services with the React Native mobile app:
-
-- ✅ **Supabase** - Same database, authentication, storage
-- ✅ **Middleware APIs** - Same transcription and processing services
-- ✅ **OAuth providers** - Shared Google OAuth project (different client IDs)
-- ✅ **Analytics** - Same PostHog project (optional)
-- ✅ **Error tracking** - Same Sentry organization (optional)
-
-**Not shared:**
-- ❌ **RevenueCat** - Mobile only (in-app purchases)
-- ❌ **Native features** - Camera, biometrics, notifications
-
-## Troubleshooting
-
-### Error: "Cannot read properties of undefined"
-
-**Cause:** Environment variable not defined or has typo.
-
-**Solution:**
-1. Check `.env` file exists
-2. Verify variable name matches (case-sensitive)
-3. Restart dev server after changes
-4. Check for typos in variable names
-
-### Error: "PUBLIC_* is not defined"
-
-**Cause:** Trying to access client-side variable that doesn't exist.
-
-**Solution:**
-1. Ensure variable has `PUBLIC_` prefix
-2. Add to `.env` file
-3. Restart dev server
-4. Check TypeScript declarations in `app.d.ts`
-
-### Warning: "Build succeeded but with warnings"
-
-**Cause:** Optional variables (PostHog, Sentry) are undefined.
-
-**Solution:** This is normal if you haven't configured optional services. The app will work without them.
-
-### Production Build Fails
-
-**Cause:** Required environment variables missing in build environment.
-
-**Solution:**
-1. Add variables to hosting platform
-2. Verify variable names exactly match
-3. Ensure `PUBLIC_` prefix for client-side variables
-4. Check build logs for specific missing variables
-
-## Migration from Mobile App
-
-If you have the React Native app's `.env`:
-
-```bash
-# Mobile app (.env) → Web app (.env) mapping:
-
-EXPO_PUBLIC_SUPABASE_URL → PUBLIC_SUPABASE_URL
-EXPO_PUBLIC_SUPABASE_ANON_KEY → PUBLIC_SUPABASE_ANON_KEY
-EXPO_PUBLIC_MEMORO_MIDDLEWARE_URL → PUBLIC_MEMORO_MIDDLEWARE_URL
-EXPO_PUBLIC_MANA_MIDDLEWARE_URL → PUBLIC_MANA_MIDDLEWARE_URL
-EXPO_PUBLIC_MIDDLEWARE_APP_ID → PUBLIC_MIDDLEWARE_APP_ID
-EXPO_PUBLIC_STORAGE_BUCKET → PUBLIC_STORAGE_BUCKET
-EXPO_PUBLIC_GOOGLE_CLIENT_ID → PUBLIC_GOOGLE_CLIENT_ID (use web client ID!)
-EXPO_PUBLIC_POSTHOG_KEY → PUBLIC_POSTHOG_KEY
-EXPO_PUBLIC_POSTHOG_HOST → PUBLIC_POSTHOG_HOST
-SENTRY_AUTH_TOKEN → SENTRY_AUTH_TOKEN (same)
-```
-
-**Important:** Use the **web** Google OAuth client ID, not the iOS/Android IDs!
-
-## Resources
-
-- [SvelteKit Environment Variables](https://kit.svelte.dev/docs/modules#$env-static-public)
-- [Supabase Dashboard](https://app.supabase.com/)
-- [PostHog Setup](https://posthog.com/docs)
-- [Sentry Setup](https://docs.sentry.io/platforms/javascript/guides/sveltekit/)
-- [Google OAuth Setup](docs/OAUTH_SETUP.md)
diff --git a/apps/memoro/apps/web-archived/docs/FEATURE_COMPARISON.md b/apps/memoro/apps/web-archived/docs/FEATURE_COMPARISON.md
deleted file mode 100644
index c88095abc..000000000
--- a/apps/memoro/apps/web-archived/docs/FEATURE_COMPARISON.md
+++ /dev/null
@@ -1,474 +0,0 @@
-# Feature Comparison: Web App vs Mobile App
-
-**Date:** 2025-11-12
-**Web App Version:** 0.1.0 (Beta)
-**Mobile App Version:** 2.0.3
-
-## Executive Summary
-
-This document provides a comprehensive comparison between the Memoro Web App (SvelteKit) and the Mobile App (React Native + Expo). The web app is a functional **foundation version** with core features implemented, while the mobile app offers significantly more advanced functionality, personalization options, and native platform capabilities.
-
----
-
-## Feature Status Overview
-
-| Category | Web App | Mobile App | Status |
-|----------|---------|------------|--------|
-| Core Features | ✅ Implemented | ✅ Full Featured | Good |
-| Advanced Features | ⚠️ Basic | ✅ Complete | Needs Work |
-| UI/UX Customization | ⚠️ Limited | ✅ Extensive | Needs Work |
-| Monetization | ⚠️ Display Only | ✅ Fully Integrated | Needs Work |
-| Platform Features | ⚠️ Web-Limited | ✅ Native | Expected |
-
----
-
-## 🎯 Missing Main Features
-
-### 1. **Memo Detail Page** (`/memos/[id]`)
-**Priority:** HIGH
-
-- **Mobile:** Dedicated detail page for individual memos with full-screen view
-- **Web:** Only available in split-view within dashboard (no direct URL access)
-- **Impact:** Users cannot bookmark or share specific memo URLs
-
-### 2. **Space Detail Page** (`/spaces/[id]`)
-**Priority:** HIGH
-
-- **Mobile:** Dedicated page with member management, space settings, shared memos
-- **Web:** Only overview page exists, no detail view
-- **Impact:** Limited collaboration features
-
-### 3. **Audio Archive** (`/audio-archive`)
-**Priority:** MEDIUM
-
-- **Mobile:** Separate page for archived/older recordings
-- **Web:** Missing completely
-- **Impact:** No organization of old recordings
-
-### 4. **Memories Page** (`/memories`)
-**Priority:** MEDIUM
-
-- **Mobile:** Dedicated overview of all AI-generated memories across memos
-- **Web:** Memories only visible within individual memo details
-- **Impact:** No global view of AI insights
-
-### 5. **Prompts Management** (`/prompts`)
-**Priority:** HIGH
-
-- **Mobile:** Separate page for managing AI prompts
-- **Web:** Missing completely
-- **Impact:** Cannot manage or customize AI prompts
-
-### 6. **Create Blueprint** (`/create-blueprint`)
-**Priority:** HIGH
-
-- **Mobile:** Users can create custom blueprints
-- **Web:** Only displays public blueprints (read-only)
-- **Impact:** No content customization for users
-
----
-
-## 🚀 Missing Advanced Features
-
-### 7. **Onboarding Flow**
-**Priority:** MEDIUM
-
-- **Mobile:** Welcome screens for new users with feature introduction
-- **Web:** Missing
-- **Impact:** Poor first-time user experience
-
-### 8. **Location Services**
-**Priority:** LOW
-
-- **Mobile:** Location-based features with react-native-maps integration
-- **Web:** Missing (browser limitations apply)
-- **Impact:** No geo-tagging of memos
-
-### 9. **Push Notifications**
-**Priority:** MEDIUM
-
-- **Mobile:** Full push notification support via @notifee/react-native
-- **Web:** Missing (Web Push API could be implemented)
-- **Impact:** No real-time alerts for collaboration/processing
-
-### 10. **Network Status & Offline Mode**
-**Priority:** MEDIUM
-
-- **Mobile:** Network detection with offline support and queue
-- **Web:** Missing
-- **Impact:** No offline functionality, poor mobile connection handling
-
-### 11. **Analytics Integration**
-**Priority:** LOW
-
-- **Mobile:** PostHog integration for user behavior tracking
-- **Web:** Missing
-- **Impact:** No product analytics
-
-### 12. **Rating System**
-**Priority:** LOW
-
-- **Mobile:** In-app rating functionality
-- **Web:** Missing (placeholder in settings exists)
-- **Impact:** No user feedback collection
-
-### 13. **Toast Notification System**
-**Priority:** MEDIUM
-
-- **Mobile:** Dedicated toast system for user feedback
-- **Web:** Only browser `alert()` dialogs
-- **Impact:** Poor UX for feedback messages
-
-### 14. **Error Handling Framework**
-**Priority:** HIGH
-
-- **Mobile:** Comprehensive error handling feature with retry strategies
-- **Web:** Basic try/catch blocks
-- **Impact:** Poor error recovery and user experience
-
----
-
-## 🎨 Missing UI/UX Features
-
-### 15. **Theme Variants**
-**Priority:** MEDIUM
-
-- **Mobile:** 4 color variants (Lume/Gold, Nature/Green, Stone/Slate, Ocean/Blue)
-- **Web:** Only Light/Dark mode, no color variants
-- **Impact:** Less personalization
-
-**Mobile Theme System:**
-```typescript
-// 4 theme variants with light/dark modes each
-themes: ['lume', 'nature', 'stone', 'ocean']
-// 13 semantic color tokens per theme
-// Defined in tailwind.config.js
-```
-
-### 16. **Language Switcher UI**
-**Priority:** MEDIUM
-
-- **Mobile:** UI to switch between 32 supported languages
-- **Web:** i18n prepared (svelte-i18n installed) but no UI to switch
-- **Impact:** Cannot change language after initial detection
-
-**Supported Languages (32):**
-Arabic, Bengali, Bulgarian, Chinese, Czech, Danish, Dutch, English, Estonian, Finnish, French, Gaelic, German, Greek, Hindi, Croatian, Hungarian, Indonesian, Italian, Japanese, Korean, Lithuanian, Latvian, Maltese, Norwegian, Persian, Polish, Portuguese, Romanian, Russian, Serbian, Slovak, Slovenian, Spanish, Swedish, Turkish, Ukrainian, Urdu, Vietnamese
-
-### 17. **Credits/Mana Dashboard**
-**Priority:** HIGH
-
-- **Mobile:** Dedicated credits feature with real-time display, usage tracking, and analytics
-- **Web:** Only shown as info on subscription page
-- **Impact:** No transparency about credit usage
-
-### 18. **Developer Mode**
-**Priority:** LOW
-
-- **Mobile:** Extensive developer options and debugging tools
-- **Web:** Easter egg exists (7 clicks on version), but very limited functionality
-- **Impact:** Harder to debug for advanced users
-
----
-
-## 💰 Missing Monetization Features
-
-### 19. **RevenueCat Integration**
-**Priority:** HIGH
-
-- **Mobile:** Full RevenueCat SDK integration with purchase flow
-- **Web:** Only static display of plans, no actual purchases
-- **Impact:** Cannot monetize web users
-
-**Mobile Implementation:**
-```typescript
-// react-native-purchases 8.10.1
-- Cross-platform subscription management
-- Purchase lifecycle handling
-- Receipt validation
-- Restoration across devices
-```
-
-### 20. **Active Subscription Management**
-**Priority:** HIGH
-
-- **Mobile:** Manage subscription, cancel, restore purchases, view history
-- **Web:** Only displays available plans
-- **Impact:** Users must use mobile app for subscription changes
-
----
-
-## 🔧 Missing Technical Features
-
-### 21. **Background Audio Recording**
-**Priority:** HIGH (Web Platform Limitation)
-
-- **Mobile:** AudioRecordingV2 with full background support
-  - iOS: Background audio capability, audio session management
-  - Android: Foreground service, wake locks
-  - Pause/resume, real-time monitoring, crash recovery
-- **Web:** Web Audio API (background recording not possible in browsers)
-- **Impact:** Recording stops when tab is inactive
-
-**Mobile Audio Features:**
-```typescript
-// M4A format with AAC encoding (MONO for compatibility)
-// High-quality recording presets
-// Real-time audio level metering
-// Automatic segmentation for crash recovery
-// Cloud storage integration (Supabase)
-// Azure transcription with speaker labeling
-```
-
-### 22. **Platform-Specific Storage**
-**Priority:** MEDIUM
-
-- **Mobile:** Secure storage (iOS Keychain, Android KeyStore)
-- **Web:** localStorage (less secure, can be cleared)
-- **Impact:** Less secure token storage
-
-### 23. **Migration System**
-**Priority:** LOW
-
-- **Mobile:** Data migration framework between app versions
-- **Web:** Missing
-- **Impact:** Manual data migration needed for breaking changes
-
-### 24. **Support System**
-**Priority:** LOW
-
-- **Mobile:** In-app support feature
-- **Web:** Only mailto link in settings
-- **Impact:** Less integrated support experience
-
----
-
-## 📊 Detailed Feature Comparison
-
-### Blueprints Page
-
-| Feature | Mobile | Web |
-|---------|--------|-----|
-| View public blueprints | ✅ | ✅ |
-| Filter by category | ✅ | ✅ |
-| Search blueprints | ✅ | ✅ |
-| Activate/deactivate | ✅ | ✅ |
-| Create custom blueprints | ✅ | ❌ |
-| Edit blueprints | ✅ | ❌ |
-| Delete blueprints | ✅ | ❌ |
-| View blueprint details | ✅ Modal | ✅ Modal |
-| Add prompts to blueprint | ✅ | ❌ |
-| Advice tips (32 languages) | ✅ | ❌ |
-
-### Statistics Page
-
-| Feature | Mobile | Web |
-|---------|--------|-----|
-| Overview card | ✅ | ✅ |
-| Productivity metrics | ✅ | ✅ |
-| Engagement stats | ✅ | ✅ |
-| Insights generation | ✅ | ⚠️ Basic |
-| Chart visualization | ✅ | ✅ |
-| Time period filters | ✅ | ⚠️ Limited |
-| Export statistics | ✅ | ❌ |
-| Specialized components | ✅ (14 components) | ⚠️ (6 components) |
-
-### Settings Page
-
-| Feature | Mobile | Web |
-|---------|--------|-----|
-| Theme mode (light/dark) | ✅ | ✅ |
-| Theme variant selection | ✅ (4 variants) | ❌ |
-| Language selection | ✅ (32 languages) | ❌ (no UI) |
-| Push notifications | ✅ | ❌ |
-| Audio quality settings | ✅ | ❌ |
-| Auto-upload settings | ✅ | ❌ |
-| Privacy settings | ✅ | ⚠️ Basic |
-| Account deletion | ✅ | ⚠️ Placeholder |
-| Developer mode | ✅ Full | ⚠️ Limited |
-| App version info | ✅ | ✅ |
-| Contact support | ✅ In-app | ⚠️ mailto |
-| Rate app | ✅ | ⚠️ Placeholder |
-
-### Dashboard/Home
-
-| Feature | Mobile | Web |
-|---------|--------|-----|
-| Recording button | ✅ | ✅ |
-| Memo list | ✅ | ✅ |
-| Audio player | ✅ | ✅ |
-| Real-time updates | ✅ | ✅ |
-| Context menu | ✅ Full | ⚠️ Basic |
-| Split view | ❌ | ✅ (unique to web) |
-| Tab system | ❌ | ✅ (unique to web) |
-| Keyboard shortcuts | ❌ | ✅ (unique to web) |
-| Memo filtering | ✅ | ⚠️ Limited |
-| Tag filtering | ✅ | ⚠️ Via pill filter |
-| Sort options | ✅ | ❌ |
-
-### Subscription Page
-
-| Feature | Mobile | Web |
-|---------|--------|-----|
-| View plans | ✅ | ✅ |
-| Billing toggle (monthly/yearly) | ✅ | ✅ |
-| Purchase subscription | ✅ RevenueCat | ❌ Static |
-| Buy mana packages | ✅ RevenueCat | ❌ Static |
-| View current plan | ✅ | ⚠️ Hardcoded |
-| Usage statistics | ✅ Live | ⚠️ Static |
-| Mana costs overview | ✅ | ✅ |
-| Restore purchases | ✅ | ❌ |
-| Cancel subscription | ✅ | ❌ |
-| Subscription history | ✅ | ❌ |
-
----
-
-## 🏗️ Architectural Differences
-
-### State Management
-
-**Mobile:**
-```typescript
-// Zustand for global state
-// 33 feature modules with own stores
-// Context API for feature-specific state
-```
-
-**Web:**
-```typescript
-// Svelte stores (writable, derived)
-// Simpler state management
-// Less modular architecture
-```
-
-### Component Architecture
-
-**Mobile:**
-```
-Atomic Design System:
-- atoms/ (16 components)
-- molecules/ (21 components)
-- organisms/ (9 components)
-- statistics/ (14 components)
-Total: 60+ components
-```
-
-**Web:**
-```
-Flat Component Structure:
-- components/ (~29 components)
-- components/statistics/ (6 components)
-Total: ~35 components
-```
-
-### Navigation
-
-**Mobile:**
-```typescript
-// Expo Router (file-based)
-// Native navigation with gestures
-// Tab navigation at bottom
-// Stack navigation for details
-```
-
-**Web:**
-```typescript
-// SvelteKit routing (file-based)
-// Browser navigation
-// Sidebar navigation
-// Split-view for multiple memos
-```
-
----
-
-## 🎯 Priority Recommendations
-
-### Must-Have (High Priority)
-
-1. ✅ **Memo Detail Page** - Essential for deep-linking and SEO
-2. ✅ **Create Blueprint** - Core feature for user engagement
-3. ✅ **Prompts Management** - Required for AI customization
-4. ✅ **Error Handling Framework** - Critical for stability
-5. ✅ **RevenueCat Integration** - Required for monetization
-6. ✅ **Credits Dashboard** - Transparency for users
-7. ✅ **Space Detail Page** - Core collaboration feature
-
-### Should-Have (Medium Priority)
-
-8. ⚠️ **Toast Notification System** - Better UX
-9. ⚠️ **Theme Variants** - User personalization
-10. ⚠️ **Language Switcher UI** - i18n already prepared
-11. ⚠️ **Onboarding Flow** - First-time user experience
-12. ⚠️ **Network Status Detection** - Better error handling
-13. ⚠️ **Audio Archive** - Content organization
-14. ⚠️ **Memories Page** - AI insights overview
-
-### Nice-to-Have (Low Priority)
-
-15. 💡 **Push Notifications** - Engagement (Web Push API)
-16. 💡 **Analytics Integration** - Product insights
-17. 💡 **Rating System** - User feedback
-18. 💡 **Developer Mode** - Power users
-19. 💡 **Location Services** - Geo-tagging
-20. 💡 **Support System** - Better UX than mailto
-
----
-
-## 📈 Web-Specific Advantages
-
-Despite missing features, the web app has some unique strengths:
-
-1. **Split-View System** - View multiple memos simultaneously (not in mobile)
-2. **Tab System** - Browser-like tab management for memos
-3. **Keyboard Shortcuts** - Power user productivity (Cmd+W, Cmd+[, Cmd+])
-4. **Resizable Panels** - Flexible layout customization
-5. **No App Store Dependency** - Instant updates without review
-6. **SEO Potential** - Discoverable via search (when memo URLs added)
-7. **Cross-Platform Desktop** - Works on Windows, Mac, Linux
-
----
-
-## 🔄 Next Steps
-
-### Phase 1: Core Parity (Weeks 1-4)
-- [ ] Implement memo detail page with routing
-- [ ] Implement space detail page
-- [ ] Add create blueprint functionality
-- [ ] Add prompts management page
-- [ ] Implement comprehensive error handling
-
-### Phase 2: Monetization (Weeks 5-6)
-- [ ] Integrate RevenueCat Web SDK
-- [ ] Implement purchase flows
-- [ ] Add credits dashboard
-- [ ] Add subscription management
-
-### Phase 3: UX Enhancement (Weeks 7-10)
-- [ ] Add toast notification system
-- [ ] Implement 4 theme variants
-- [ ] Add language switcher UI
-- [ ] Create onboarding flow
-- [ ] Add audio archive page
-- [ ] Add memories overview page
-
-### Phase 4: Advanced Features (Weeks 11+)
-- [ ] Network status detection
-- [ ] Web Push notifications
-- [ ] Analytics integration
-- [ ] Enhanced statistics
-- [ ] Developer mode enhancements
-
----
-
-## 📝 Notes
-
-- Some features are **platform limitations** (e.g., background audio recording not possible in browsers)
-- The mobile app has **3+ years of development** vs web app **early beta**
-- Web app focuses on **desktop productivity** while mobile is **on-the-go recording**
-- Architecture differs: Mobile uses **Atomic Design + 33 feature modules**, Web uses **simpler component structure**
-
----
-
-**Document maintained by:** Claude Code
-**Last updated:** 2025-11-12
-**Review cycle:** Monthly or after major releases
diff --git a/apps/memoro/apps/web-archived/docs/MEMO_DETAILS_FEATURE_PLAN.md b/apps/memoro/apps/web-archived/docs/MEMO_DETAILS_FEATURE_PLAN.md
deleted file mode 100644
index dd226246b..000000000
--- a/apps/memoro/apps/web-archived/docs/MEMO_DETAILS_FEATURE_PLAN.md
+++ /dev/null
@@ -1,512 +0,0 @@
-# Feature-Vergleich & Implementierungsplan: Memo Details Seite
-
-**Datum:** 2025-11-12
-**Autor:** Claude
-**Status:** In Planung
-
----
-
-## 📋 Übersicht
-
-Dieses Dokument vergleicht die Memo Details Seite der Mobile App mit der Web App und definiert einen Implementierungsplan, um Feature-Parität zu erreichen.
-
----
-
-## ✅ Bereits vorhanden in Web App
-
-Die Web App (`MemoPanel.svelte`) bietet aktuell folgende Features:
-
-1. **Titel & Intro** - Anzeige des Memo-Titels und Intro-Texts
-2. **Timestamp** - Anzeige des Erstellungsdatums (relative Zeit)
-3. **Duration** - Länge der Aufnahme
-4. **Processing Status** - Status-Badge (completed, processing, failed)
-5. **Tags** - Anzeige der Tags (nur visuell, nicht interaktiv)
-6. **Memories** - AI-generierte Insights mit Accordion-Komponente
-7. **Audio Player** - Wiedergabe der Audioaufnahme
-8. **Transcript** - Volltexttranskript
-
----
-
-## ❌ Fehlende Features
-
-Die Mobile App (`apps/mobile/app/(protected)/(memo)/[id].tsx`) bietet deutlich mehr Features:
-
-### 🎯 Phase 1: Kritische Basis-Features (Must-Have)
-
-#### 1. Header/Metadata Erweiterungen
-
-- ⭐ **Pin/Unpin Funktion**
-  - Memo anheften für schnellen Zugriff
-  - Visueller Pin-Indikator im Header
-  - Persistierung in Datenbank
-
-- 📊 **View Count**
-  - Anzahl der Aufrufe des Memos
-  - Automatische Inkrementierung beim Öffnen
-  - Anzeige in Header-Metadaten
-
-- 📝 **Word Count**
-  - Anzahl Wörter im Transkript
-  - Berechnung aus Transcript-Daten
-  - Anzeige in Header-Metadaten
-
-- 🌍 **Location**
-  - Ort der Aufnahme (falls vorhanden)
-  - GPS-Koordinaten oder Adresse
-  - Interaktive Karten-Anzeige (optional)
-
-- 🗣️ **Language**
-  - Erkannte Sprache des Transkripts
-  - Sprachcode (de, en, etc.)
-  - Flag-Icon für visuelle Darstellung
-
-- 👥 **Speaker Count**
-  - Anzahl erkannter Sprecher (Diarization)
-  - Nur bei aktivierter Speaker-Erkennung
-  - Anzeige neben anderen Metadaten
-
-#### 2. Tag Management
-
-- ➕ **Tags hinzufügen**
-  - Tag Selector Modal mit Suche
-  - Auswahl aus vorhandenen Tags
-  - Optimistische UI-Updates
-
-- ❌ **Tags entfernen**
-  - Click auf Tag zum Entfernen
-  - Bestätigungsdialog (optional)
-  - Real-time Sync
-
-- 🎨 **Neue Tags erstellen**
-  - Direkt aus dem Tag Selector
-  - Farbauswahl für neue Tags
-  - Sofortige Verwendbarkeit
-
-#### 3. Wichtige Aktionen
-
-- ✏️ **Edit Mode**
-  - Bearbeitung von Titel, Intro, Transcript
-  - Inline-Editing oder Modal
-  - Save/Cancel Buttons
-  - Auto-save mit Debouncing
-
-- 🗑️ **Delete**
-  - Memo löschen mit Bestätigung
-  - Kaskadierendes Löschen (Memories, Photos, etc.)
-  - Undo-Funktion (optional)
-
-- 📋 **Copy Transcript**
-  - Transkript in Zwischenablage kopieren
-  - Toast-Benachrichtigung bei Erfolg
-  - Formatierung erhalten (optional)
-
-- 🔍 **Search**
-  - Volltextsuche im Memo (Transcript + Memories)
-  - Highlighting der Suchergebnisse
-  - Navigation zwischen Treffern
-  - Search Overlay mit Input
-
-- 📤 **Share**
-  - Share Modal mit Optionen
-  - Link teilen (mit Token)
-  - Export als Text/PDF
-  - Native Share API (Web Share API)
-
----
-
-### 🚀 Phase 2: Erweiterte Features (Should-Have)
-
-#### 4. Memories & Analysis
-
-- 💭 **Create Memory**
-  - Neue AI-Analyse manuell erstellen
-  - Blueprint-Auswahl für Analyse-Typ
-  - Prompt-Eingabe für spezifische Fragen
-  - Loading State während Verarbeitung
-
-- ❓ **Ask Question**
-  - Fragen zum Memo-Inhalt stellen
-  - Prompt Bar am unteren Bildschirmrand
-  - AI-generierte Antwort als neue Memory
-  - Mana-Cost Anzeige
-
-- 🔄 **Reprocess**
-  - Memo mit neuen Einstellungen neu verarbeiten
-  - Blueprint-Wechsel
-  - Sprach-Erkennung neu durchführen
-  - Recording Date Anpassung
-
-#### 5. Speaker Features
-
-- 🏷️ **Label Speakers**
-  - Sprecher benennen (Speaker 1 → "Max Mustermann")
-  - Speaker Label Modal
-  - Bulk-Umbenennung
-  - Persistierung in metadata.speakerLabels
-
-- 👤 **Structured Transcript**
-  - Transkript mit Sprecher-Zuordnung
-  - Timeline-View mit Sprecherwechseln
-  - Farbcodierung pro Sprecher
-  - Utterances mit Timestamps
-
-- ✏️ **Speaker Mapping**
-  - Sprecher zusammenführen
-  - Sprecher-Namen editieren
-  - Sprecher-Avatar (optional)
-
-#### 6. Multi-Language & Translation
-
-- 🌐 **Translate**
-  - Memo in andere Sprache übersetzen
-  - Translation Modal mit Sprachauswahl
-  - Erstellt neues Memo (übersetzt)
-  - Original-Memo bleibt erhalten
-
-- 🔄 **Replace Word**
-  - Wort im Transkript global ersetzen
-  - Auch in Memories anwenden
-  - Replace Word Modal
-  - Undo-Funktion
-
-- 🗣️ **Multi-language Support**
-  - Mehrsprachige Transkripte
-  - Language Switcher
-  - Mehrere Transkript-Versionen
-
----
-
-### ✨ Phase 3: Premium Features (Nice-to-Have)
-
-#### 7. Media & Attachments
-
-- 📸 **Photo Gallery**
-  - Fotos zum Memo hinzufügen
-  - Grid-Layout mit Lightbox
-  - Zoom und Pan
-  - Photo Swipe Navigation
-
-- ➕ **Add Photos**
-  - Upload von lokalen Fotos
-  - Drag & Drop Support
-  - Multiple Upload
-  - Progress Indicator
-
-- 🎙️ **Add Recording**
-  - Zusätzliche Aufnahme zum Memo hinzufügen
-  - Append Recording Modal
-  - Automatische Transkription
-  - Zusammenführung mit Haupt-Memo
-
-- 📎 **Additional Recordings**
-  - Liste aller zusätzlichen Aufnahmen
-  - Einzelne Player für jede Aufnahme
-  - Status-Anzeige (processing, completed)
-  - Kombiniertes Transkript
-
-#### 8. Collaboration & Spaces
-
-- 🏢 **Manage Spaces**
-  - Memo zu Spaces zuordnen
-  - Space Selector Modal
-  - Multi-Space Zuordnung
-  - Space-basierte Berechtigungen
-
-- 🔄 **Real-time Updates**
-  - Live-Updates via Supabase Realtime
-  - Automatisches Reload bei Änderungen
-  - Optimistische UI-Updates
-  - Conflict Resolution
-
-#### 9. Navigation & UX
-
-- 📑 **Table of Contents**
-  - Schnellnavigation zu Sektionen
-  - Sticky TOC Sidebar (optional)
-  - Smooth Scrolling
-  - Active Section Highlighting
-
-- ⌨️ **Keyboard Shortcuts**
-  - Tastenkürzel für häufige Aktionen
-  - Shortcut Cheatsheet (?)
-  - Vim-Mode Support (optional)
-
----
-
-## 🛠️ Implementierungsplan
-
-### Architektur-Überlegungen
-
-**Komponenten-Struktur:**
-```
-src/lib/components/memo/
-├── MemoPanel.svelte (Hauptkomponente - erweitert)
-├── MemoHeader.svelte (Header mit Metadaten)
-├── MemoActions.svelte (Action Buttons)
-├── MemoMemories.svelte (Memories Sektion)
-├── MemoTranscript.svelte (Transcript mit Features)
-├── MemoAudio.svelte (Audio Player)
-└── modals/
-    ├── TagSelectorModal.svelte
-    ├── DeleteModal.svelte
-    ├── ShareModal.svelte
-    ├── SearchOverlay.svelte
-    ├── CreateMemoryModal.svelte
-    ├── PromptBar.svelte
-    ├── TranslateModal.svelte
-    ├── ReplaceWordModal.svelte
-    ├── SpeakerLabelModal.svelte
-    ├── SpaceSelectorModal.svelte
-    └── ReprocessModal.svelte
-```
-
-**Services:**
-```
-src/lib/services/
-├── memoService.ts (erweitert)
-├── memoryService.ts
-├── tagService.ts (erweitert)
-├── translationService.ts
-├── photoService.ts
-└── spacesService.ts
-```
-
----
-
-### Schritt 1: Grundlegende Komponenten (2-3 Tage)
-
-**Neue Komponenten:**
-- `MemoHeader.svelte` - Erweiterte Header-Komponente mit allen Metadaten
-- `MemoActions.svelte` - Action Button Bar (Edit, Delete, Share, etc.)
-- `PinButton.svelte` - Pin/Unpin Toggle mit Icon
-- `EditModeToolbar.svelte` - Save/Cancel Toolbar für Edit Mode
-
-**Erweiterungen:**
-- `MemoPanel.svelte` - Integration der neuen Komponenten
-- `memoService.ts` - Neue Methoden: `pinMemo()`, `updateMemo()`, `deleteMemo()`
-
-**Tasks:**
-- [ ] MemoHeader mit View Count, Word Count, Location, Language, Speaker Count
-- [ ] Pin/Unpin Funktionalität (UI + Backend)
-- [ ] Action Bar mit Buttons (Edit, Delete, Share, Copy, Search)
-- [ ] Basic Edit Mode (Titel + Intro editieren)
-
----
-
-### Schritt 2: Tag Management (1-2 Tage)
-
-**Neue Komponenten:**
-- `TagSelectorModal.svelte` - Tag Auswahl Modal mit Suche
-- `TagManager.svelte` - Tag CRUD Operations Component
-
-**Erweiterungen:**
-- `tagService.ts` - Neue Methoden: `addTagToMemo()`, `removeTagFromMemo()`, `createTag()`
-
-**Tasks:**
-- [ ] Tag Selector Modal (Design + Logik)
-- [ ] Tags hinzufügen/entfernen Funktionalität
-- [ ] Neue Tags erstellen (Inline)
-- [ ] Optimistische UI-Updates
-- [ ] Real-time Tag Sync
-
----
-
-### Schritt 3: Aktionen & Modals (2-3 Tage)
-
-**Neue Komponenten:**
-- `DeleteModal.svelte` - Löschbestätigung mit Warning
-- `ShareModal.svelte` - Share-Optionen (Link, Export, Native Share)
-- `SearchOverlay.svelte` - Vollbild-Suche mit Highlighting
-- `CopyButton.svelte` - Copy-to-Clipboard Button
-
-**Tasks:**
-- [ ] Delete Modal mit Bestätigung
-- [ ] Share Modal (Link generieren, Export, Web Share API)
-- [ ] Search Overlay (UI + Search Logik)
-- [ ] Search Highlighting im Transcript
-- [ ] Navigation zwischen Suchergebnissen
-- [ ] Copy Transcript to Clipboard
-
----
-
-### Schritt 4: Memories & Questions (2-3 Tage)
-
-**Neue Komponenten:**
-- `PromptBar.svelte` - Fragen stellen UI (Bottom Bar)
-- `CreateMemoryModal.svelte` - Neue Memory erstellen
-- `ReprocessModal.svelte` - Reprocess-Optionen
-
-**Neue Services:**
-- `memoryService.ts` - CRUD für Memories
-
-**Tasks:**
-- [ ] Prompt Bar UI (Input + Submit)
-- [ ] Ask Question API Integration
-- [ ] Create Memory Modal (Blueprint-Auswahl)
-- [ ] Reprocess Modal (Optionen)
-- [ ] Loading States & Mana Cost Anzeige
-
----
-
-### Schritt 5: Speaker Features (2-3 Tage)
-
-**Neue Komponenten:**
-- `StructuredTranscript.svelte` - Transcript mit Speaker-Zuordnung
-- `SpeakerLabel.svelte` - Einzelner Speaker mit Avatar
-- `SpeakerLabelModal.svelte` - Sprecher benennen/zusammenführen
-
-**Tasks:**
-- [ ] Structured Transcript Rendering (Utterances)
-- [ ] Speaker Labels anzeigen
-- [ ] Speaker Label Modal (Name ändern)
-- [ ] Speaker Mapping (Zusammenführen)
-- [ ] Farbcodierung pro Sprecher
-
----
-
-### Schritt 6: Translation & Advanced (2-3 Tage)
-
-**Neue Komponenten:**
-- `TranslateModal.svelte` - Übersetzung mit Sprachauswahl
-- `ReplaceWordModal.svelte` - Wort ersetzen
-- `LanguageSelector.svelte` - Sprach-Dropdown
-
-**Neue Services:**
-- `translationService.ts` - Translation API
-
-**Tasks:**
-- [ ] Translate Modal (UI + API)
-- [ ] Replace Word Modal (Suchen & Ersetzen)
-- [ ] Multi-language Support
-- [ ] Language Switcher
-
----
-
-### Schritt 7: Media & Attachments (3-4 Tage)
-
-**Neue Komponenten:**
-- `PhotoGallery.svelte` - Grid-Layout mit Lightbox
-- `PhotoUpload.svelte` - Upload UI mit Drag & Drop
-- `AdditionalRecordings.svelte` - Liste zusätzlicher Aufnahmen
-
-**Neue Services:**
-- `photoService.ts` - Photo Upload & Management
-
-**Tasks:**
-- [ ] Photo Gallery Component (Grid + Lightbox)
-- [ ] Photo Upload (Drag & Drop)
-- [ ] Multiple Photos unterstützen
-- [ ] Additional Recordings anzeigen
-- [ ] Add Recording Funktionalität
-
----
-
-### Schritt 8: Spaces & Real-time (2-3 Tage)
-
-**Neue Komponenten:**
-- `SpaceSelectorModal.svelte` - Space Auswahl
-- `SpaceManager.svelte` - Space Zuordnung
-
-**Neue Services:**
-- `spacesService.ts` - Space Management
-
-**Tasks:**
-- [ ] Space Selector Modal
-- [ ] Memo zu Spaces zuordnen
-- [ ] Supabase Realtime Subscriptions
-- [ ] Optimistische Updates
-- [ ] Conflict Resolution
-
----
-
-### Schritt 9: Navigation & Polish (1-2 Tage)
-
-**Neue Komponenten:**
-- `TableOfContents.svelte` - TOC für Memo-Sektionen
-- `KeyboardShortcuts.svelte` - Shortcut Cheatsheet
-
-**Tasks:**
-- [ ] Table of Contents (Sticky Sidebar)
-- [ ] Smooth Scrolling zu Sektionen
-- [ ] Keyboard Shortcuts implementieren
-- [ ] Animations & Transitions
-- [ ] Loading States verbessern
-- [ ] Error Handling & Toasts
-
----
-
-## 📊 Zeitaufwand & Priorisierung
-
-### Gesamtaufwand
-
-| Phase | Beschreibung | Dauer | Priorität |
-|-------|-------------|-------|-----------|
-| **Phase 1** | Basis-Features (Header, Tags, Actions) | 7-10 Tage | Must-Have |
-| **Phase 2** | Erweiterte Features (Memories, Speakers, Translation) | 6-9 Tage | Should-Have |
-| **Phase 3** | Premium Features (Media, Spaces, Navigation) | 6-9 Tage | Nice-to-Have |
-| **Gesamt** | Vollständige Feature-Parität | **19-28 Tage** | - |
-
-### Empfohlene Priorisierung
-
-**Woche 1-2: Phase 1 (Must-Have)**
-- Grundlegende Funktionen, die für tägliche Nutzung essentiell sind
-- Pin/Unpin, Edit, Delete, Tag Management, Share, Search
-
-**Woche 3-4: Phase 2 (Should-Have)**
-- Erweiterte AI-Features und Advanced Editing
-- Memories, Questions, Speakers, Translation
-
-**Woche 5-6: Phase 3 (Nice-to-Have)**
-- Premium Features für Power-User
-- Photos, Spaces, Advanced Navigation
-
----
-
-## 🎯 Nächste Schritte
-
-1. **Review & Approval** - Team-Review dieses Plans
-2. **Design** - UI/UX Mockups für neue Komponenten
-3. **Sprint Planning** - Aufgaben in Sprints aufteilen
-4. **Implementation** - Schrittweise Umsetzung nach Plan
-5. **Testing** - Feature-Tests während Entwicklung
-6. **Deployment** - Rollout in Staging → Production
-
----
-
-## 📝 Notizen & Überlegungen
-
-### Mobile vs. Web Unterschiede
-
-- **Prompt Bar:** In Mobile App am unteren Bildschirmrand, könnte in Web auch als Modal funktionieren
-- **Bottom Bar:** Mobile App nutzt Bottom Bar für Actions, Web könnte Toolbar oder Context Menu nutzen
-- **Table of Contents:** In Mobile als Modal/Overlay, in Web als Sidebar möglich
-- **Edit Mode:** Mobile nutzt Inline-Editing, Web könnte Modal bevorzugen (UX-Decision)
-
-### Performance-Überlegungen
-
-- **Real-time Updates:** Nur subscriben wenn Tab aktiv
-- **Photo Gallery:** Lazy Loading und Thumbnails
-- **Search:** Debouncing und Index-basierte Suche
-- **Speaker Transcript:** Virtualisierung bei sehr langen Transkripten
-
-### Accessibility
-
-- **Keyboard Navigation:** Alle Modals und Actions per Keyboard erreichbar
-- **Screen Reader:** ARIA Labels für alle interaktiven Elemente
-- **Color Contrast:** WCAG AA Standard einhalten
-- **Focus Management:** Logical Tab Order
-
----
-
-## 🔗 Referenzen
-
-- **Mobile App Code:** `apps/mobile/app/(protected)/(memo)/[id].tsx`
-- **Web App Code:** `apps/web/src/lib/components/MemoPanel.svelte`
-- **Design System:** Siehe `apps/web/src/lib/styles/` (Tailwind Config)
-- **API Docs:** Siehe `CLAUDE.md` für Backend-Schema
-
----
-
-**Version:** 1.0
-**Letzte Aktualisierung:** 2025-11-12
-**Status:** ✅ Genehmigt / 🔄 In Review / ❌ Abgelehnt
diff --git a/apps/memoro/apps/web-archived/docs/RING_ANIMATION_GUIDELINES.md b/apps/memoro/apps/web-archived/docs/RING_ANIMATION_GUIDELINES.md
deleted file mode 100644
index 79391668d..000000000
--- a/apps/memoro/apps/web-archived/docs/RING_ANIMATION_GUIDELINES.md
+++ /dev/null
@@ -1,162 +0,0 @@
-# Ring Animation Guidelines
-
-## Übersicht
-
-Die konzentrischen Ringe sind ein zentrales visuelles Element der Memoro Web-App und erscheinen auf den öffentlichen Seiten (Login, Registrierung). Sie erzeugen eine beruhigende, meditative Atmosphäre durch eine Atem-Animation.
-
-## Design-Prinzipien
-
-### 1. Konsistenz zwischen Seiten
-- Die Ringe sollten auf allen öffentlichen Seiten identisch aussehen und sich identisch verhalten
-- Farbe: Gold (#f8d62b) mit subtilen Variationen während der Animation
-- 8 konzentrische Ringe von außen nach innen
-
-### 2. Keine abrupten Übergänge
-- **Wichtig:** Wenn Ringe bereits sichtbar sind, dürfen sie NICHT verschwinden und wieder erscheinen
-- Dies wirkt hektisch und zerstört die meditative Atmosphäre
-- Übergänge zwischen Seiten sollten nahtlos sein
-
-## Animations-Typen
-
-### Intro-Animation (Droplet)
-**Verwendung:** NUR beim initialen Laden der App (Login-Seite)
-
-```css
-@keyframes droplet-intro {
-  0% { opacity: 0; transform: scale(0.98); }
-  70% { opacity: calc(var(--base-opacity) * 1.1); transform: scale(1.003); }
-  100% { opacity: var(--base-opacity); transform: scale(1); }
-}
-```
-
-**Eigenschaften:**
-- Ringe erscheinen von der Mitte nach außen
-- Subtile Scale-Animation (0.98 → 1.003 → 1)
-- Dauer: 1s pro Ring, gestaffelt mit 0.08s Verzögerung
-- Easing: `ease-out`
-
-**Wann verwenden:**
-- Login-Seite (erster Kontaktpunkt)
-- Nach komplettem Seiten-Reload
-
-**Wann NICHT verwenden:**
-- Bei Navigation von einer Seite mit bereits sichtbaren Ringen
-- Bei SPA-Navigation innerhalb der App
-
-### Atem-Animation (Combo)
-**Verwendung:** Kontinuierlich auf allen Seiten mit Ringen
-
-```css
-@keyframes combo {
-  0% { /* Ausatmen beendet */ }
-  20% { /* Einatmen Mitte */ }
-  40% { /* Einatmen abgeschlossen */ }
-  60% { /* Ausatmen langsam */ }
-  80% { /* Ausatmen Mitte */ }
-  100% { /* Ausatmen beendet */ }
-}
-```
-
-**Eigenschaften:**
-- Basiert auf 4-6 Atmung (4s ein, 6s aus)
-- Gesamtzyklus: 10 Sekunden
-- Subtile Änderungen in:
-  - Opazität (0.7 → 1.2 der Basis)
-  - Scale (0.998 → 1.004)
-  - Stroke-Width (0.9 → 1.15 der Basis)
-  - Farbe (#e6b800 → #f8d62b)
-  - Helligkeit (0.95 → 1.08)
-
-### Reaktions-Animation (React-Pulse)
-**Verwendung:** Beim Klicken auf Navigations-Buttons (Registrieren, Anmelden)
-
-```css
-@keyframes react-pulse {
-  0% { opacity: var(--base-opacity); transform: scale(1); }
-  50% { opacity: calc(var(--base-opacity) * 1.3); transform: scale(1.008); }
-  100% { opacity: var(--base-opacity); transform: scale(1); }
-}
-```
-
-**Eigenschaften:**
-- Dauer: 0.4s pro Ring, gestaffelt mit 0.03s Verzögerung
-- Kurzer heller Puls als visuelles Feedback
-- Easing: `ease-out`
-- Navigation erfolgt nach 0.3s (während der Animation)
-
-**Wann verwenden:**
-- Bei Klick auf "Registrieren" oder "Anmelden" Buttons
-- Als visuelles Feedback vor der Navigation
-
-**Implementation:**
-```typescript
-function triggerRingReaction(callback: () => void) {
-  ringReaction = 'pulse';
-  setTimeout(() => {
-    callback();
-    setTimeout(() => {
-      ringReaction = 'none';
-    }, 100);
-  }, 300);
-}
-```
-
-## Seiten-spezifische Regeln
-
-### Login-Seite (`/login`)
-- **Intro-Animation:** JA, aber NUR beim ersten Laden (via `ringsInitialized` Store)
-- **Atem-Animation:** JA (startet nach Intro bzw. sofort wenn bereits initialisiert)
-- Begründung: Erster Kontaktpunkt, Ringe "entstehen" - aber nur einmal pro Session
-
-### Registrierungs-Seite (`/register`)
-- **Intro-Animation:** NEIN
-- **Atem-Animation:** JA (sofort sichtbar)
-- Setzt `ringsInitialized` auf `true` beim Mount
-- Begründung: User kommt typischerweise von Login, Ringe existieren bereits
-
-### Weitere öffentliche Seiten
-- Gleiche Regel wie Registrierung
-- Ringe sofort sichtbar mit Atem-Animation
-- Müssen `ringsInitialized.set(true)` beim Mount aufrufen
-
-## State Management
-
-### `ringsInitialized` Store
-Speicherort: `$lib/stores/ringsInitialized.ts`
-
-```typescript
-import { writable } from 'svelte/store';
-export const ringsInitialized = writable(false);
-```
-
-**Verwendung:**
-- Login-Seite prüft den Store und zeigt Intro nur wenn `false`
-- Alle Seiten mit Ringen setzen den Store auf `true` beim Mount
-- Store wird bei Seiten-Reload zurückgesetzt (gewünschtes Verhalten)
-
-## CSS-Variablen
-
-```css
---delay: {(7 - i) * 0.15}s;       /* Atem-Animation Verzögerung */
---intro-delay: {(7 - i) * 0.08}s; /* Intro-Animation Verzögerung (nur Login) */
---react-delay: {(7 - i) * 0.03}s; /* Reaktions-Animation Verzögerung */
---base-opacity: {0.1 + i * 0.1};  /* Basis-Opazität (innen heller) */
---base-stroke: {1 + i * 0.5};     /* Basis-Strichstärke (innen dicker) */
-```
-
-Wobei `i` der Index des Rings ist (0 = außen, 7 = innen).
-
-## Performance-Hinweise
-
-- `will-change: opacity, transform, stroke-width, stroke, filter;` für GPU-Beschleunigung
-- Animations-Easing: `cubic-bezier(0.45, 0, 0.55, 1)` für sanfte Übergänge
-- SVG mit `preserveAspectRatio="xMidYMid slice"` für korrekte Skalierung
-
-## Zukünftige Erweiterungen
-
-Bei Bedarf können zusätzliche Animations-Varianten hinzugefügt werden:
-- **Erfolg:** Kurzer heller Puls nach erfolgreicher Aktion
-- **Fehler:** Subtiles Rot-Aufleuchten
-- **Fokus:** Leichte Intensivierung beim Interagieren mit Formularen
-
-Diese sollten immer als Overlay zur bestehenden Atem-Animation funktionieren, nicht als Ersatz.
diff --git a/apps/memoro/apps/web-archived/docs/archive/IMPLEMENTATION_SUMMARY.md b/apps/memoro/apps/web-archived/docs/archive/IMPLEMENTATION_SUMMARY.md
deleted file mode 100644
index 2ac531520..000000000
--- a/apps/memoro/apps/web-archived/docs/archive/IMPLEMENTATION_SUMMARY.md
+++ /dev/null
@@ -1,724 +0,0 @@
-# Memoro Web - SvelteKit Implementation Summary
-
-## 🎯 Mission Accomplished
-
-The Hive Mind swarm has successfully created a SvelteKit web companion app for Memoro with a hybrid architecture that shares the Supabase backend with the React Native mobile apps.
-
-**Implementation Date:** 2025-10-26
-**Swarm ID:** swarm-1761491548336-9t6qop57g
-**Architecture:** Hybrid (React Native mobile + SvelteKit web)
-
----
-
-## ✅ Completed Features
-
-### Core Infrastructure
-- ✅ SvelteKit 2.x project initialized
-- ✅ TypeScript strict mode configured
-- ✅ TailwindCSS 3.x integrated with custom theme
-- ✅ Supabase client configured with SSR support
-- ✅ Server-side hooks for authentication
-- ✅ Route groups for public/protected pages
-
-### Authentication System
-- ✅ Email/Password authentication
-- ✅ User registration with validation
-- ✅ Login page with error handling
-- ✅ Protected route guards (server-side)
-- ✅ Auth state synchronization
-- ✅ Automatic session refresh
-- ✅ Logout functionality
-
-### Routing & Layouts
-- ✅ File-based routing structure
-- ✅ Public routes: `/login`, `/register`
-- ✅ Protected routes: `/dashboard`, `/memos`, `/spaces`
-- ✅ Root layout with CSS imports
-- ✅ Public layout with gradient background
-- ✅ Protected layout with header & navigation
-- ✅ Home page with auth redirect logic
-
-### UI Components
-- ✅ Responsive design with Tailwind
-- ✅ Form components (inputs, buttons)
-- ✅ Card components
-- ✅ Navigation header
-- ✅ Loading states
-- ✅ Error messages
-- ✅ Dark mode support (CSS classes ready)
-
----
-
-## 📁 Project Structure
-
-```
-memoro-web/
-├── src/
-│   ├── lib/
-│   │   ├── components/         # Reusable Svelte components
-│   │   ├── stores/             # Svelte stores (auth.ts)
-│   │   ├── services/           # API services
-│   │   ├── utils/              # Utility functions
-│   │   ├── types/              # TypeScript types
-│   │   └── supabaseClient.ts   # Supabase configuration
-│   ├── routes/
-│   │   ├── (public)/           # Unauthenticated routes
-│   │   │   ├── login/          # Login page
-│   │   │   └── register/       # Registration page
-│   │   ├── (protected)/        # Authenticated routes
-│   │   │   ├── dashboard/      # Dashboard page
-│   │   │   ├── memos/          # Memos (to be implemented)
-│   │   │   └── spaces/         # Spaces (to be implemented)
-│   │   ├── +layout.svelte      # Root layout
-│   │   ├── +layout.server.ts   # Server layout loader
-│   │   └── +page.svelte        # Home page (redirects)
-│   ├── app.css                 # Global Tailwind styles
-│   ├── app.d.ts                # TypeScript declarations
-│   ├── app.html                # HTML shell
-│   └── hooks.server.ts         # Server hooks (auth)
-├── static/                     # Static assets
-├── .env.example                # Environment variables template
-├── tailwind.config.js          # Tailwind configuration
-├── postcss.config.js           # PostCSS configuration
-├── svelte.config.js            # SvelteKit configuration
-├── vite.config.ts              # Vite configuration
-├── package.json                # Dependencies
-├── README.md                   # Project documentation
-└── IMPLEMENTATION_SUMMARY.md   # This file
-```
-
----
-
-## 🔧 Technologies Used
-
-| Category | Technology | Version | Purpose |
-|----------|-----------|---------|---------|
-| Framework | SvelteKit | 2.x | Web framework with SSR |
-| Language | TypeScript | 5.x | Type safety |
-| Styling | TailwindCSS | 3.x | Utility-first CSS |
-| Backend | Supabase | 2.x | Auth, database, storage |
-| State | Svelte Stores | Built-in | Reactive state |
-| i18n | svelte-i18n | 4.x | Internationalization |
-| Date | date-fns | Latest | Date formatting |
-| Validation | Zod | Latest | Schema validation |
-
----
-
-## 🚀 Getting Started
-
-### 1. Environment Setup
-
-Copy `.env.example` to `.env` and add your Supabase credentials:
-
-```bash
-cd /Users/wuesteon/memoro_new/mana-2025/memoro-web
-cp .env.example .env
-```
-
-Edit `.env`:
-```env
-PUBLIC_SUPABASE_URL=your-supabase-url-here
-PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key-here
-```
-
-**IMPORTANT:** Use the same Supabase project as the React Native mobile apps!
-
-### 2. Install Dependencies
-
-Already installed:
-```bash
-npm install
-```
-
-### 3. Run Development Server
-
-```bash
-npm run dev
-```
-
-Open [http://localhost:5173](http://localhost:5173)
-
-### 4. Build for Production
-
-```bash
-npm run build
-npm run preview
-```
-
----
-
-## 📋 Next Steps (Future Work)
-
-### High Priority
-- [ ] Implement `/memos` list page with pagination
-- [ ] Implement `/memos/[id]` detail page
-- [ ] Add Web Audio API recording system
-- [ ] Implement Supabase Realtime subscriptions
-- [ ] Add `/spaces` management pages
-- [ ] Implement tag system
-
-### Medium Priority
-- [ ] Add dark mode toggle
-- [ ] Implement theme switcher (4 theme variants)
-- [ ] Add i18n with 32 language support
-- [ ] Implement OAuth (Google Sign-In)
-- [ ] Add credit system integration
-- [ ] Build statistics/analytics page
-
-### Low Priority
-- [ ] Add PWA support (service worker, manifest)
-- [ ] Implement offline support
-- [ ] Add E2E tests (Playwright)
-- [ ] Add unit tests (Vitest)
-- [ ] Optimize bundle size
-- [ ] Add SEO metadata
-
----
-
-## 🏗️ Architecture Decisions
-
-### Why Hybrid Architecture?
-
-**Problem:** The original requirement stated "React webapp → SvelteKit", but the codebase is a React Native mobile application with native features (audio recording, camera, biometric auth, push notifications).
-
-**Solution:** Hybrid architecture preserving both platforms:
-- **React Native** (iOS/Android/Web): Full feature set with native capabilities
-- **SvelteKit** (Web-only): Lightweight web companion with core features
-- **Shared Backend**: Same Supabase instance for data consistency
-
-### Benefits
-
-1. **Feature Parity**: Mobile apps keep 100% of features
-2. **Web Presence**: Fast, SEO-friendly web app for new users
-3. **Shared Data**: Real-time sync across platforms
-4. **Development Speed**: SvelteKit's simplicity for rapid web development
-5. **Performance**: ~90% smaller bundle size vs React Native Web
-
-### Trade-offs
-
-| Feature | React Native | SvelteKit Web |
-|---------|-------------|---------------|
-| Audio Recording | Native (high quality) | Web Audio API (good quality) |
-| Push Notifications | Native | Web Push API |
-| Camera | Native | HTML5 `<input>` |
-| Offline Support | Full | Limited (PWA) |
-| File System | Native | Browser storage |
-| Bundle Size | Large (~2.6GB dev) | Small (~250KB) |
-| Performance | Native | Excellent web |
-| SEO | Limited | Excellent |
-
----
-
-## 🔐 Authentication Flow
-
-### Server-Side Session (SSR-Safe)
-
-```typescript
-// hooks.server.ts
-export const handle: Handle = async ({ event, resolve }) => {
-  // Create Supabase client with cookie handling
-  event.locals.supabase = createServerClient(...)
-
-  // Safe session getter
-  event.locals.safeGetSession = async () => {
-    const { data: { session } } = await event.locals.supabase.auth.getSession()
-    const { data: { user } } = await event.locals.supabase.auth.getUser()
-    return { session, user }
-  }
-
-  return resolve(event)
-}
-```
-
-### Protected Route Guard
-
-```typescript
-// (protected)/+layout.server.ts
-export const load: LayoutServerLoad = async ({ locals: { safeGetSession }, url }) => {
-  const { session, user } = await safeGetSession()
-
-  if (!session) {
-    throw redirect(303, `/login?redirectTo=${url.pathname}`)
-  }
-
-  return { session, user }
-}
-```
-
-### Client-Side Auth State
-
-```typescript
-// (protected)/+layout.svelte
-onMount(() => {
-  const { data: authListener } = supabase.auth.onAuthStateChange((event, sess) => {
-    if (event === 'SIGNED_OUT') {
-      goto('/login')
-    } else if (event === 'SIGNED_IN') {
-      invalidate('supabase:auth')
-    }
-  })
-
-  return () => authListener.subscription.unsubscribe()
-})
-```
-
----
-
-## 🎨 Theme System
-
-### TailwindCSS Configuration
-
-4 theme variants matching mobile app:
-
-```javascript
-// tailwind.config.js
-theme: {
-  extend: {
-    colors: {
-      lume: { primary: '#f8d62b', ... },    // Gold theme
-      nature: { primary: '#4caf50', ... },  // Green theme
-      ocean: { primary: '#2196f3', ... },   // Blue theme
-      stone: { primary: '#607d8b', ... }    // Slate theme
-    }
-  }
-}
-```
-
-### Dark Mode Support
-
-```html
-<!-- Toggle dark mode -->
-<html class="dark">
-  <!-- Dark styles automatically apply via TailwindCSS -->
-</html>
-```
-
----
-
-## 📊 Performance Targets
-
-### Lighthouse Scores (Goals)
-
-- **Performance:** >90
-- **Accessibility:** >95
-- **Best Practices:** >95
-- **SEO:** >95
-
-### Bundle Size (Goals)
-
-- **Initial JS:** <200KB (gzipped)
-- **Initial CSS:** <50KB (gzipped)
-- **Total Page Weight:** <500KB
-
-### Page Load Metrics (Goals)
-
-- **First Contentful Paint:** <1.5s
-- **Time to Interactive:** <3.0s
-- **Largest Contentful Paint:** <2.5s
-- **Cumulative Layout Shift:** <0.1
-
----
-
-## 🧪 Testing Strategy
-
-### Current Status
-
-⚠️ **No tests implemented yet**
-
-### Recommended Testing Stack
-
-```json
-{
-  "devDependencies": {
-    "@playwright/test": "^1.x",      // E2E tests
-    "vitest": "^2.x",                 // Unit tests
-    "@testing-library/svelte": "^5.x" // Component tests
-  }
-}
-```
-
-### Test Plan
-
-1. **Unit Tests (Vitest)**
-   - Svelte component rendering
-   - Store logic
-   - Utility functions
-
-2. **Integration Tests (Playwright)**
-   - Authentication flows
-   - Protected route guards
-   - Form submissions
-
-3. **E2E Tests (Playwright)**
-   - User registration → login → dashboard
-   - Recording → transcription → memo detail
-   - Space creation → invitation → collaboration
-
----
-
-## 🚢 Deployment Options
-
-### Option A: Vercel (Recommended)
-
-1. Push to GitHub
-2. Connect to Vercel
-3. Add environment variables
-4. Deploy
-
-**Adapter:**
-```typescript
-// svelte.config.js
-import adapter from '@sveltejs/adapter-vercel';
-```
-
-### Option B: Netlify
-
-1. Push to GitHub
-2. Connect to Netlify
-3. Build command: `npm run build`
-4. Publish directory: `build`
-5. Add environment variables
-
-**Adapter:**
-```typescript
-// svelte.config.js
-import adapter from '@sveltejs/adapter-netlify';
-```
-
-### Option C: Docker
-
-```dockerfile
-FROM node:20-alpine
-WORKDIR /app
-COPY package*.json ./
-RUN npm ci
-COPY . .
-RUN npm run build
-EXPOSE 3000
-CMD ["node", "build"]
-```
-
-**Adapter:**
-```typescript
-// svelte.config.js
-import adapter from '@sveltejs/adapter-node';
-```
-
----
-
-## 📖 Code Examples
-
-### Creating a New Protected Page
-
-```typescript
-// src/routes/(protected)/memos/+page.svelte
-<script lang="ts">
-  import type { PageData } from './$types';
-
-  let { data }: { data: PageData } = $props();
-</script>
-
-<h1>My Memos</h1>
-<!-- Page content -->
-```
-
-```typescript
-// src/routes/(protected)/memos/+page.server.ts
-import type { PageServerLoad } from './$types';
-
-export const load: PageServerLoad = async ({ locals: { supabase, user } }) => {
-  const { data: memos } = await supabase
-    .from('memos')
-    .select('*')
-    .eq('user_id', user.id)
-    .order('created_at', { ascending: false });
-
-  return { memos };
-};
-```
-
-### Creating a Svelte Store
-
-```typescript
-// src/lib/stores/memos.ts
-import { writable } from 'svelte/store';
-import type { Memo } from '$lib/types';
-
-function createMemoStore() {
-  const { subscribe, set, update } = writable<Memo[]>([]);
-
-  return {
-    subscribe,
-    setMemos: (memos: Memo[]) => set(memos),
-    addMemo: (memo: Memo) => update(memos => [memo, ...memos]),
-    updateMemo: (id: string, updates: Partial<Memo>) =>
-      update(memos => memos.map(m => m.id === id ? { ...m, ...updates } : m)),
-    deleteMemo: (id: string) =>
-      update(memos => memos.filter(m => m.id !== id))
-  };
-}
-
-export const memos = createMemoStore();
-```
-
-### Using Supabase Realtime
-
-```typescript
-// src/routes/(protected)/memos/+page.svelte
-<script lang="ts">
-  import { onMount } from 'svelte';
-  import { supabase } from '$lib/supabaseClient';
-  import { memos } from '$lib/stores/memos';
-
-  let { data } = $props();
-
-  onMount(() => {
-    // Subscribe to memo changes
-    const channel = supabase
-      .channel('memos')
-      .on('postgres_changes',
-        { event: '*', schema: 'public', table: 'memos' },
-        (payload) => {
-          if (payload.eventType === 'INSERT') {
-            memos.addMemo(payload.new);
-          } else if (payload.eventType === 'UPDATE') {
-            memos.updateMemo(payload.new.id, payload.new);
-          } else if (payload.eventType === 'DELETE') {
-            memos.deleteMemo(payload.old.id);
-          }
-        }
-      )
-      .subscribe();
-
-    return () => {
-      channel.unsubscribe();
-    };
-  });
-</script>
-```
-
----
-
-## 🐛 Known Issues
-
-### Current Limitations
-
-1. **Environment Variables Not Set**
-   - User must configure `.env` with Supabase credentials
-   - App will fail to start without valid credentials
-
-2. **No Memo Pages Implemented**
-   - `/memos` and `/spaces` routes exist but redirect
-   - Need to implement list and detail pages
-
-3. **No Web Audio API Yet**
-   - Recording system not implemented
-   - This is a core feature for the web app
-
-4. **No Real-time Subscriptions**
-   - Supabase Realtime not yet configured
-   - Data won't auto-update across clients
-
-5. **No Dark Mode Toggle**
-   - Dark mode CSS ready but no UI toggle
-   - Currently follows system preference only
-
-### Fixes Required
-
-```typescript
-// TODO: Implement missing features
-- [ ] Add `.env` with Supabase credentials
-- [ ] Implement memo list page
-- [ ] Implement memo detail page
-- [ ] Add Web Audio API recording
-- [ ] Add Realtime subscriptions
-- [ ] Add dark mode toggle UI
-- [ ] Add theme selector UI
-- [ ] Add language selector
-```
-
----
-
-## 📚 Documentation References
-
-### Official Documentation
-
-- **SvelteKit:** https://svelte.dev/docs/kit
-- **Svelte:** https://svelte.dev/docs/svelte
-- **Supabase:** https://supabase.com/docs
-- **Supabase SSR:** https://supabase.com/docs/guides/auth/server-side/sveltekit
-- **TailwindCSS:** https://tailwindcss.com/docs
-- **TypeScript:** https://www.typescriptlang.org/docs
-
-### Hive Mind Generated Docs
-
-- **Migration Guide:** `/docs/REACT_TO_SVELTEKIT_MIGRATION_GUIDE.md`
-- **Test Plan:** Embedded in worker agent reports
-- **Analysis Report:** `.hive-mind/REACT_TO_SVELTEKIT_MIGRATION_ANALYSIS.md`
-
----
-
-## 👥 Hive Mind Contributors
-
-### Queen Coordinator
-- Strategic planning and decision-making
-- Swarm orchestration
-- Final implementation coordination
-
-### Worker Agents
-
-1. **Researcher #1** - React App Analysis
-   - Analyzed 346+ files
-   - Documented current architecture
-   - Identified critical features
-
-2. **Researcher #2** - SvelteKit Documentation
-   - Created 1,607-line migration guide
-   - React vs Svelte patterns
-   - Migration strategies
-
-3. **Coder** - Implementation
-   - Created SvelteKit project
-   - Implemented authentication
-   - Built layouts and routes
-   - Configured Supabase
-
-4. **Analyst** - Quality Analysis
-   - Migration assessment
-   - Performance benchmarks
-   - Feature parity analysis
-
-5. **Tester** - Test Planning
-   - 144+ test cases
-   - Testing strategy
-   - Quality assurance plan
-
----
-
-## 🎯 Success Metrics
-
-### Phase 1: Foundation (✅ Complete)
-
-- ✅ Project initialized
-- ✅ Authentication working
-- ✅ Protected routes functional
-- ✅ Dev server running
-- ✅ Basic UI components
-
-### Phase 2: Core Features (⏳ Pending)
-
-- ⏳ Memo list page
-- ⏳ Memo detail page
-- ⏳ Web Audio API recording
-- ⏳ Realtime subscriptions
-- ⏳ Spaces management
-
-### Phase 3: Advanced Features (⏳ Pending)
-
-- ⏳ Multi-language support
-- ⏳ Theme system UI
-- ⏳ Credit integration
-- ⏳ Analytics
-- ⏳ PWA support
-
-### Phase 4: Production Ready (⏳ Pending)
-
-- ⏳ E2E tests
-- ⏳ Performance optimization
-- ⏳ SEO optimization
-- ⏳ Error monitoring
-- ⏳ Deployment
-
----
-
-## 🔗 Important Links
-
-### Project Locations
-
-- **SvelteKit App:** `/Users/wuesteon/memoro_new/mana-2025/memoro-web`
-- **React Native App:** `/Users/wuesteon/memoro_new/mana-2025/memoro_app`
-- **Hive Mind Docs:** `.hive-mind/` directory
-
-### Development URLs
-
-- **Dev Server:** http://localhost:5173
-- **Supabase Dashboard:** (configured in .env)
-
-### Repository
-
-- **Main Branch:** `main`
-- **Current Branch:** `till-dev`
-
----
-
-## 💡 Tips for Continued Development
-
-### Best Practices
-
-1. **Always use server-side auth checks**
-   - Never trust client-side session state
-   - Use `+layout.server.ts` for protection
-
-2. **Follow Svelte naming conventions**
-   - `+page.svelte` for pages
-   - `+layout.svelte` for layouts
-   - `+page.server.ts` for server logic
-
-3. **Use Svelte stores for global state**
-   - Keep stores in `src/lib/stores/`
-   - Use `$` prefix for auto-subscription
-
-4. **Leverage SvelteKit's data loading**
-   - Use `load` functions instead of `useEffect`
-   - Fetch data on server when possible
-
-5. **Optimize for performance**
-   - Code split with dynamic imports
-   - Lazy load images
-   - Use Svelte's built-in reactivity
-
-### Common Patterns
-
-```typescript
-// Load data on server
-export const load: PageServerLoad = async ({ locals, params }) => {
-  const data = await fetchData(params.id);
-  return { data };
-};
-
-// Form action
-export const actions: Actions = {
-  default: async ({ request, locals }) => {
-    const formData = await request.formData();
-    // Process form
-    return { success: true };
-  }
-};
-
-// Client-side store usage
-<script lang="ts">
-  import { memos } from '$lib/stores/memos';
-  // Auto-subscribes and unsubscribes
-  $: currentMemos = $memos;
-</script>
-```
-
----
-
-## 🏁 Conclusion
-
-The Hive Mind swarm has successfully delivered a production-ready SvelteKit foundation for the Memoro web companion app. The authentication system, routing, and UI components are fully functional.
-
-**Next steps:**
-1. Add Supabase credentials to `.env`
-2. Implement memo management pages
-3. Add Web Audio API recording
-4. Deploy to production (Vercel recommended)
-
-**Estimated time to MVP:** 2-3 weeks with focused development
-
----
-
-**Generated by:** Hive Mind Collective Intelligence System
-**Date:** 2025-10-26
-**Status:** Phase 1 Complete, Ready for Phase 2
diff --git a/apps/memoro/apps/web-archived/docs/archive/PHASE_2_SUMMARY.md b/apps/memoro/apps/web-archived/docs/archive/PHASE_2_SUMMARY.md
deleted file mode 100644
index b1d761592..000000000
--- a/apps/memoro/apps/web-archived/docs/archive/PHASE_2_SUMMARY.md
+++ /dev/null
@@ -1,671 +0,0 @@
-# Phase 2: Core Features - COMPLETE ✅
-
-**Completion Date:** 2025-10-26
-**Swarm ID:** swarm-1761491548336-9t6qop57g
-**Status:** ALL CORE FEATURES IMPLEMENTED
-
----
-
-## 🎉 Phase 2 Achievements
-
-### ✅ Implemented Features
-
-#### 1. Memo Management System
-- **Memo List Page** (`/memos`)
-  - Grid display with cards
-  - Real-time updates via Supabase Realtime
-  - Search functionality (title + transcript)
-  - Tag filtering support
-  - Processing status badges
-  - Responsive design
-  - Empty state with call-to-action
-
-- **Memo Detail Page** (`/memos/[id]`)
-  - Full transcript display
-  - Speaker-labeled transcripts (when available)
-  - Audio playback integration
-  - Title editing (inline)
-  - Delete functionality with confirmation
-  - Real-time status updates
-  - Tags display
-  - Key insights/memories section
-  - Processing status monitoring
-
-#### 2. Audio Recording System
-- **Web Audio API Implementation**
-  - Browser-based recording (WebM format)
-  - Microphone permission handling
-  - Real-time duration tracking
-  - Pause/Resume functionality
-  - Visual recording indicator
-  - Permission denied messaging
-  - Error handling
-
-- **Recording Page** (`/record`)
-  - Clean, intuitive interface
-  - Large visual feedback
-  - Recording controls (start/pause/resume/stop)
-  - Audio preview after recording
-  - Title input field
-  - Upload to Supabase Storage
-  - Automatic memo creation
-
-#### 3. Audio Playback Component
-- **AudioPlayer.svelte**
-  - Play/Pause controls
-  - Seek bar with time display
-  - Skip forward/backward (10s)
-  - Playback speed control (1x, 1.25x, 1.5x, 1.75x, 2x)
-  - Loading states
-  - Responsive design
-  - Keyboard controls support
-
-#### 4. Real-Time Features
-- **Supabase Realtime Integration**
-  - Live memo list updates (INSERT/UPDATE/DELETE)
-  - Individual memo real-time sync
-  - Automatic UI refresh
-  - Channel management
-  - Proper cleanup on unmount
-
-#### 5. State Management
-- **Svelte Stores**
-  - `memos.ts` - Memo list state
-  - `recording.ts` - Recording session state
-  - `auth.ts` - Authentication state
-  - Derived stores for filtering
-  - Search query state
-  - Tag selection state
-
-#### 6. Services Layer
-- **MemoService**
-  - `getMemos()` - Fetch user memos with pagination
-  - `getMemoById()` - Get single memo with relations
-  - `searchMemos()` - Full-text search
-  - `updateMemoTitle()` - Edit titles
-  - `deleteMemo()` - Remove memos
-  - `addTagToMemo()` - Tag management
-  - `removeTagFromMemo()` - Tag removal
-
-#### 7. Type System
-- **Comprehensive TypeScript Types**
-  - `Memo` interface
-  - `Memory` interface
-  - `Tag` interface
-  - `Space` interface
-  - `Blueprint` interface
-  - `ProcessingStatus` type
-  - `MemoSource` interface
-  - `SpeakerUtterance` interface
-
----
-
-## 📁 Files Created in Phase 2
-
-### Components (3 files)
-1. `src/lib/components/AudioPlayer.svelte` - Audio playback
-2. `src/lib/components/AudioRecorder.svelte` - Recording interface
-3. (Updated) `src/routes/(protected)/+layout.svelte` - Navigation links
-
-### Pages (5 files)
-1. `src/routes/(protected)/memos/+page.svelte` - Memo list
-2. `src/routes/(protected)/memos/+page.server.ts` - Memo list loader
-3. `src/routes/(protected)/memos/[id]/+page.svelte` - Memo detail
-4. `src/routes/(protected)/memos/[id]/+page.server.ts` - Memo detail loader
-5. `src/routes/(protected)/record/+page.svelte` - Recording page
-6. `src/routes/(protected)/spaces/+page.svelte` - Spaces placeholder
-
-### Services (1 file)
-1. `src/lib/services/memoService.ts` - Memo CRUD operations
-
-### Stores (2 files)
-1. `src/lib/stores/memos.ts` - Memo state management
-2. `src/lib/stores/recording.ts` - Recording session state
-
-### Types (1 file)
-1. `src/lib/types/memo.types.ts` - TypeScript interfaces
-
----
-
-## 🎯 Feature Completeness
-
-| Feature | Status | Notes |
-|---------|--------|-------|
-| Memo List | ✅ Complete | With real-time updates |
-| Memo Detail | ✅ Complete | Full transcript & playback |
-| Audio Recording | ✅ Complete | Web Audio API implementation |
-| Audio Playback | ✅ Complete | Full controls + speed |
-| Search | ✅ Complete | Title + transcript search |
-| Real-time Sync | ✅ Complete | All CRUD operations |
-| State Management | ✅ Complete | Svelte stores |
-| Type Safety | ✅ Complete | Full TypeScript coverage |
-| Error Handling | ✅ Complete | User-friendly messages |
-| Loading States | ✅ Complete | Skeletons & spinners |
-| Responsive Design | ✅ Complete | Mobile-first |
-| Spaces | 🚧 Placeholder | Future implementation |
-| Tags | 🚧 Display only | CRUD coming later |
-| OAuth | ⏳ Pending | Phase 3 |
-| PWA | ⏳ Pending | Phase 3 |
-
----
-
-## 🚀 Technical Highlights
-
-### 1. Web Audio API Integration
-```typescript
-// Browser-based recording with full controls
-const stream = await navigator.mediaDevices.getUserMedia({
-  audio: {
-    echoCancellation: true,
-    noiseSuppression: true,
-    autoGainControl: true
-  }
-});
-
-const mediaRecorder = new MediaRecorder(stream, {
-  mimeType: 'audio/webm'
-});
-```
-
-### 2. Supabase Realtime
-```typescript
-const channel = supabase
-  .channel('memos-list')
-  .on('postgres_changes',
-    { event: 'INSERT', schema: 'public', table: 'memos' },
-    (payload) => {
-      memos.addMemo(payload.new as any);
-    }
-  )
-  .subscribe();
-```
-
-### 3. Svelte 5 Runes
-```svelte
-<script lang="ts">
-  let { data }: { data: PageData } = $props();
-  let isEditing = $state(false);
-
-  $effect(() => {
-    if (data.memos) {
-      memos.setMemos(data.memos);
-    }
-  });
-</script>
-```
-
-### 4. Server-Side Data Loading
-```typescript
-export const load: PageServerLoad = async ({ locals: { supabase, user } }) => {
-  const memoService = new MemoService(supabase);
-  const memos = await memoService.getMemos(user!.id);
-  return { memos };
-};
-```
-
----
-
-## 📊 Code Statistics
-
-| Metric | Value |
-|--------|-------|
-| New Files Created | 13 files |
-| Lines of Code Added | ~1,800 lines |
-| Components | 3 |
-| Pages | 6 |
-| Services | 1 |
-| Stores | 2 |
-| Type Definitions | 10+ interfaces |
-
----
-
-## 🧪 Testing Checklist
-
-### Manual Testing Performed
-
-#### Recording System
-- ✅ Microphone permission request
-- ✅ Start recording
-- ✅ Pause/resume recording
-- ✅ Stop recording
-- ✅ Audio preview
-- ✅ Upload to Supabase Storage
-- ✅ Memo creation after upload
-
-#### Memo List
-- ✅ Load memos from database
-- ✅ Display in grid layout
-- ✅ Search functionality
-- ✅ Real-time updates (simulated)
-- ✅ Click to view detail
-- ✅ Empty state display
-- ✅ Responsive design
-
-#### Memo Detail
-- ✅ Load individual memo
-- ✅ Display transcript
-- ✅ Audio playback
-- ✅ Title editing
-- ✅ Delete functionality
-- ✅ Real-time updates
-- ✅ Navigation back to list
-
-#### Audio Playback
-- ✅ Play/pause
-- ✅ Seek functionality
-- ✅ Skip forward/backward
-- ✅ Playback speed control
-- ✅ Duration display
-- ✅ Loading states
-
----
-
-## 🐛 Known Issues & Limitations
-
-### Current Limitations
-
-1. **Supabase Configuration Required**
-   - User must add credentials to `.env`
-   - `PUBLIC_SUPABASE_URL` and `PUBLIC_SUPABASE_ANON_KEY` needed
-   - Storage bucket 'recordings' must exist
-
-2. **Browser Compatibility**
-   - Web Audio API requires modern browser
-   - MediaRecorder API not in Safari < 14.1
-   - WebM format may not work in all browsers
-
-3. **Storage Bucket Setup**
-   - User needs to create 'recordings' bucket in Supabase
-   - Public read access required for playback
-   - File size limits depend on Supabase plan
-
-4. **Transcription Not Implemented**
-   - Memos show as "pending" processing
-   - No automatic transcription service integrated
-   - Would need external API (Azure Speech, AssemblyAI, etc.)
-
-5. **Tag Management**
-   - Tags display but can't be created/edited yet
-   - Tag CRUD operations pending Phase 3
-
-### Workarounds
-
-**For Testing Without Transcription:**
-- Manually update memo `processing_status` to 'completed'
-- Add test transcript directly to database
-- Use SQL: `UPDATE memos SET transcript = 'Test transcript...', processing_status = 'completed' WHERE id = '...'`
-
-**For Browser Compatibility:**
-- Use Chrome/Edge for best experience
-- Firefox works well
-- Safari 14.1+ supported
-
----
-
-## 🔧 Configuration Required
-
-### 1. Environment Variables
-
-Create `/Users/wuesteon/memoro_new/mana-2025/memoro-web/.env`:
-
-```env
-PUBLIC_SUPABASE_URL=https://your-project.supabase.co
-PUBLIC_SUPABASE_ANON_KEY=your-anon-key-here
-```
-
-### 2. Supabase Storage Setup
-
-```sql
--- Create recordings bucket
-INSERT INTO storage.buckets (id, name, public)
-VALUES ('recordings', 'recordings', true);
-
--- Set up RLS policies
-CREATE POLICY "Users can upload own recordings"
-ON storage.objects FOR INSERT
-WITH CHECK (bucket_id = 'recordings' AND auth.uid()::text = (storage.foldername(name))[1]);
-
-CREATE POLICY "Anyone can view recordings"
-ON storage.objects FOR SELECT
-USING (bucket_id = 'recordings');
-```
-
-### 3. Database Schema
-
-Assumes existing tables:
-- `memos` - Main memo storage
-- `tags` - Tag definitions
-- `memo_tags` - Many-to-many relationship
-- `memories` - AI-generated insights
-- `spaces` - Collaborative workspaces
-- `blueprints` - Recording templates
-
----
-
-## 📖 User Guide
-
-### Recording a Memo
-
-1. Navigate to `/record`
-2. Click "Start Recording"
-3. Allow microphone access when prompted
-4. Speak clearly into microphone
-5. Pause/Resume as needed
-6. Click "Stop" when done
-7. Preview your recording
-8. Add a title (optional)
-9. Click "Save Memo"
-10. Redirected to memo detail page
-
-### Viewing Memos
-
-1. Navigate to `/memos`
-2. Browse memos in grid layout
-3. Use search bar to filter
-4. Click memo card to view details
-
-### Playing Audio
-
-1. Open memo detail page
-2. Use play/pause button
-3. Drag seek bar to jump to position
-4. Click speed button to adjust playback rate
-5. Use skip buttons for 10s jumps
-
-### Editing Memos
-
-1. Open memo detail page
-2. Click pencil icon next to title
-3. Edit title in input field
-4. Press Enter to save or Escape to cancel
-5. Changes save automatically
-
-### Deleting Memos
-
-1. Open memo detail page
-2. Click trash icon
-3. Confirm deletion
-4. Redirected to memo list
-
----
-
-## 🎨 UI/UX Highlights
-
-### Design Principles
-
-1. **Simplicity** - Clean, uncluttered interface
-2. **Clarity** - Clear visual hierarchy
-3. **Feedback** - Immediate response to actions
-4. **Consistency** - Uniform design language
-5. **Accessibility** - Keyboard navigation support
-
-### Visual Elements
-
-- **Status Badges** - Color-coded processing states
-- **Animated Indicators** - Pulsing recording dot
-- **Smooth Transitions** - Hover effects on cards
-- **Loading States** - Spinners and skeletons
-- **Empty States** - Helpful guidance when no data
-- **Error Messages** - Clear, actionable feedback
-
----
-
-## 🔒 Security Considerations
-
-### Implemented
-
-1. **Server-Side Auth** - All routes protected
-2. **RLS Policies** - Database-level security
-3. **User Isolation** - Can only access own memos
-4. **HTTPS Required** - Enforced by Supabase
-5. **Token Management** - Automatic refresh
-
-### Best Practices
-
-1. Never expose API keys in client code
-2. Validate user permissions on server
-3. Sanitize user inputs
-4. Use prepared statements (Supabase handles this)
-5. Implement rate limiting (future)
-
----
-
-## 📈 Performance Optimizations
-
-### Implemented
-
-1. **SSR** - Initial page load pre-rendered
-2. **Code Splitting** - Route-based chunking
-3. **Lazy Loading** - Components loaded on demand
-4. **Efficient Queries** - Only fetch needed columns
-5. **Real-time Subscriptions** - Event-driven updates
-6. **Debounced Search** - Reduce query frequency
-7. **Audio Streaming** - Progressive loading
-
-### Bundle Sizes
-
-```
-Initial JS:  ~45KB (gzipped)
-Initial CSS: ~12KB (gzipped)
-Total:       ~57KB (initial load)
-```
-
-**Compared to React Native Web:** ~95% smaller! 🎉
-
----
-
-## 🔄 Real-Time Architecture
-
-### Subscription Patterns
-
-```typescript
-// List-level subscription
-const channel = supabase
-  .channel('memos-list')
-  .on('postgres_changes',
-    { event: '*', schema: 'public', table: 'memos' },
-    handleChange
-  )
-  .subscribe();
-
-// Detail-level subscription
-const channel = supabase
-  .channel(`memo-${id}`)
-  .on('postgres_changes',
-    { event: 'UPDATE', filter: `id=eq.${id}` },
-    handleUpdate
-  )
-  .subscribe();
-```
-
-### Benefits
-
-1. **Instant Updates** - No polling required
-2. **Low Latency** - ~100ms update time
-3. **Efficient** - Only sends changes
-4. **Reliable** - Automatic reconnection
-5. **Scalable** - WebSocket-based
-
----
-
-## 🚀 Next Steps (Phase 3)
-
-### High Priority
-
-1. **Transcription Integration**
-   - Choose service (Azure, AssemblyAI, Whisper)
-   - Implement webhook handling
-   - Update processing status
-   - Display transcripts
-
-2. **Tag Management**
-   - Create tags
-   - Edit tags
-   - Delete tags
-   - Add tags to memos
-   - Remove tags from memos
-   - Tag-based filtering
-
-3. **OAuth Authentication**
-   - Google Sign-In
-   - Apple Sign-In (web)
-   - Social auth buttons
-
-### Medium Priority
-
-4. **Spaces Implementation**
-   - Create spaces
-   - Invite members
-   - Manage permissions
-   - Share memos in spaces
-
-5. **Dark Mode Toggle**
-   - UI switch component
-   - Persist preference
-   - System detection
-
-6. **Theme Selector**
-   - 4 theme variants (Lume, Nature, Ocean, Stone)
-   - Theme preview
-   - Smooth transitions
-
-### Low Priority
-
-7. **PWA Support**
-   - Service worker
-   - Manifest file
-   - Offline support
-   - Install prompt
-
-8. **Internationalization**
-   - 32 language support
-   - Language selector
-   - RTL support
-
-9. **Analytics**
-   - PostHog integration
-   - Event tracking
-   - User insights
-
----
-
-## 💡 Development Tips
-
-### Working with Stores
-
-```svelte
-<script>
-  import { memos } from '$lib/stores/memos';
-
-  // Auto-subscribes
-  $: currentMemos = $memos;
-
-  // Or use directly
-  {#each $memos as memo}
-    ...
-  {/each}
-</script>
-```
-
-### Adding a New Page
-
-1. Create `+page.svelte` in routes directory
-2. Add `+page.server.ts` for data loading
-3. Update navigation in layout
-4. Add route guard if protected
-5. Test with dev server
-
-### Debugging Real-Time
-
-```typescript
-// Enable Supabase debug logging
-const supabase = createClient(url, key, {
-  realtime: {
-    params: {
-      eventsPerSecond: 10
-    }
-  }
-});
-
-// Log channel status
-channel.on('system', {}, (payload) => {
-  console.log('Channel status:', payload);
-});
-```
-
----
-
-## 📚 Documentation
-
-### Code Documentation
-
-- Inline comments for complex logic
-- JSDoc for functions (where applicable)
-- Type annotations throughout
-- Component props documented
-
-### External Resources
-
-- SvelteKit Docs: https://svelte.dev/docs/kit
-- Supabase Docs: https://supabase.com/docs
-- Web Audio API: https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API
-
----
-
-## 🎯 Success Metrics
-
-### Phase 2 Goals
-
-| Goal | Target | Actual | Status |
-|------|--------|--------|--------|
-| Memo List | Complete | Complete | ✅ |
-| Memo Detail | Complete | Complete | ✅ |
-| Recording | Complete | Complete | ✅ |
-| Playback | Complete | Complete | ✅ |
-| Real-time | Complete | Complete | ✅ |
-| Search | Complete | Complete | ✅ |
-| Dev Server | Running | Running | ✅ |
-| Type Safety | 100% | 100% | ✅ |
-
-### Performance Metrics
-
-| Metric | Target | Actual |
-|--------|--------|--------|
-| Initial Load | <2s | ~0.8s |
-| Time to Interactive | <3s | ~1.2s |
-| Bundle Size | <200KB | ~57KB |
-| Lighthouse Score | >90 | Not tested yet |
-
----
-
-## 🏁 Conclusion
-
-Phase 2 is **COMPLETE** with all core features implemented and functional:
-
-✅ Full memo management system
-✅ Web Audio API recording
-✅ Audio playback with controls
-✅ Real-time synchronization
-✅ Search and filtering
-✅ Server-side rendering
-✅ Type-safe codebase
-✅ Responsive design
-
-The SvelteKit web app now has feature parity with the essential functionality needed for a voice memo application. Users can:
-
-1. Record voice memos in the browser
-2. View and manage their memos
-3. Play back recordings with full controls
-4. Search and filter memos
-5. Edit memo titles
-6. Delete memos
-7. See real-time updates
-
-**Ready for Phase 3:** OAuth, transcription integration, and advanced features!
-
----
-
-**Generated by:** Hive Mind Collective Intelligence System
-**Phase:** 2 of 4
-**Status:** ✅ COMPLETE
-**Next Phase:** Advanced Features & Polish
diff --git a/apps/memoro/apps/web-archived/docs/archive/PHASE_3_TAG_MANAGEMENT_SUMMARY.md b/apps/memoro/apps/web-archived/docs/archive/PHASE_3_TAG_MANAGEMENT_SUMMARY.md
deleted file mode 100644
index 0669ac1d0..000000000
--- a/apps/memoro/apps/web-archived/docs/archive/PHASE_3_TAG_MANAGEMENT_SUMMARY.md
+++ /dev/null
@@ -1,586 +0,0 @@
-# Phase 3: Tag Management - COMPLETE ✅
-
-**Completion Date:** 2025-10-26
-**Swarm ID:** swarm-1761491548336-9t6qop57g
-**Status:** FULL TAG MANAGEMENT SYSTEM IMPLEMENTED
-
----
-
-## 🎉 Phase 3 Achievements
-
-### ✅ Implemented Features
-
-#### 1. Complete Tag CRUD System
-- **Create Tags** - Add new tags with custom names and colors
-- **Read Tags** - View all user tags with usage counts
-- **Update Tags** - Edit tag names and colors
-- **Delete Tags** - Remove tags with cascade handling
-
-#### 2. Tag Management Page (`/tags`)
-- Grid layout displaying all tags
-- Usage count for each tag (number of memos)
-- Inline editing with color picker
-- Delete confirmation with usage warning
-- Empty state with helpful guidance
-- Server-side form actions
-- Real-time updates
-
-#### 3. Tag Components
-- **TagBadge.svelte** - Reusable tag display component
-  - Removable option
-  - Clickable option
-  - Custom colors
-  - Consistent styling
-
-- **TagSelector.svelte** - Interactive tag picker
-  - Search functionality
-  - Add/remove tags
-  - Create new tags inline
-  - Color picker with presets
-  - Dropdown interface
-  - Click-outside-to-close
-
-#### 4. Tag Filtering in Memo List
-- Filter button with active indicator
-- Dropdown tag selection
-- Clear filter option
-- Real-time filtering
-- Tag integration in search card
-- Visual feedback for active filters
-
-#### 5. Tag Management in Memo Detail
-- Edit tags button
-- TagSelector integration
-- Add/remove tags from memos
-- Save/Cancel functionality
-- Real-time updates
-- Optimistic UI updates
-
-#### 6. Tag Service Layer
-- Complete CRUD operations
-- Usage count tracking
-- Cascade delete (removes memo_tags associations)
-- Random color generation
-- TypeScript type safety
-
-#### 7. Tag Store (State Management)
-- Svelte writable store
-- CRUD operations
-- Automatic sorting by name
-- Usage counts store
-- Reset functionality
-
----
-
-## 📁 Files Created in Phase 3
-
-### Components (2 files)
-1. `src/lib/components/TagBadge.svelte` - Tag display component
-2. `src/lib/components/TagSelector.svelte` - Tag picker component
-
-### Pages (2 files)
-1. `src/routes/(protected)/tags/+page.svelte` - Tag management UI
-2. `src/routes/(protected)/tags/+page.server.ts` - Server actions
-
-### Services (1 file)
-1. `src/lib/services/tagService.ts` - Tag CRUD operations
-
-### Stores (1 file)
-1. `src/lib/stores/tags.ts` - Tag state management
-
-### Updated Files (3 files)
-1. `src/routes/(protected)/memos/+page.svelte` - Added tag filtering
-2. `src/routes/(protected)/memos/[id]/+page.svelte` - Added tag management
-3. `src/routes/(protected)/+layout.svelte` - Added Tags to navigation
-
----
-
-## 🎨 Tag Features
-
-### Color System
-
-**10 Preset Colors:**
-- 🔵 Blue (#3b82f6)
-- 🟢 Green (#10b981)
-- 🟡 Amber (#f59e0b)
-- 🔴 Red (#ef4444)
-- 🟣 Violet (#8b5cf6)
-- 🩷 Pink (#ec4899)
-- 🔷 Cyan (#06b6d4)
-- 🟢 Lime (#84cc16)
-- 🟠 Orange (#f97316)
-- 🟣 Indigo (#6366f1)
-
-Plus custom color picker for unlimited options!
-
-### Tag Display Patterns
-
-**1. TagBadge Component**
-```svelte
-<TagBadge {tag} />
-<!-- Basic display -->
-
-<TagBadge {tag} removable onRemove={() => handleRemove()} />
-<!-- With remove button -->
-
-<TagBadge {tag} clickable onClick={() => handleClick()} />
-<!-- Clickable for filtering -->
-```
-
-**2. TagSelector Component**
-```svelte
-<TagSelector
-  userId={userId}
-  selectedTags={tags}
-  onTagsChange={(newTags) => setTags(newTags)}
-/>
-<!-- Full tag management interface -->
-```
-
----
-
-## 📊 Usage Flow
-
-### Creating a Tag
-
-1. Navigate to `/tags`
-2. Click "+ Create Tag"
-3. Enter tag name
-4. Select color from presets or custom
-5. Click "Create Tag"
-6. Tag appears in grid
-
-### Managing Tags
-
-1. View all tags in grid layout
-2. See usage count for each tag
-3. Click pencil icon to edit
-4. Modify name or color
-5. Click "Save" or "Cancel"
-6. Click trash icon to delete
-7. Confirm deletion (warns if in use)
-
-### Adding Tags to Memos
-
-**Option A: From Memo Detail Page**
-1. Open memo detail
-2. Click "+ Edit Tags"
-3. Search or select tags
-4. Create new tags if needed
-5. Click "Save Tags"
-
-**Option B: Via TagSelector Component**
-1. Click "+ Add Tag" button
-2. Dropdown appears
-3. Click tags to add/remove
-4. Click "+ Create New Tag" if needed
-5. Changes apply immediately
-
-### Filtering Memos by Tag
-
-1. Go to memo list
-2. Click "🏷️ Filter by Tag"
-3. Tag list expands
-4. Click a tag to filter
-5. Only memos with that tag show
-6. Click "Clear Filter" to reset
-
----
-
-## 🔧 Technical Implementation
-
-### Database Schema (Expected)
-
-```sql
--- tags table
-CREATE TABLE tags (
-  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  user_id UUID NOT NULL REFERENCES users(id),
-  name TEXT NOT NULL,
-  color TEXT,
-  created_at TIMESTAMP DEFAULT NOW()
-);
-
--- memo_tags (junction table)
-CREATE TABLE memo_tags (
-  memo_id UUID NOT NULL REFERENCES memos(id) ON DELETE CASCADE,
-  tag_id UUID NOT NULL REFERENCES tags(id) ON DELETE CASCADE,
-  PRIMARY KEY (memo_id, tag_id)
-);
-
--- Indexes
-CREATE INDEX idx_tags_user_id ON tags(user_id);
-CREATE INDEX idx_memo_tags_memo_id ON memo_tags(memo_id);
-CREATE INDEX idx_memo_tags_tag_id ON memo_tags(tag_id);
-```
-
-### Server Actions
-
-**Create Tag:**
-```typescript
-export const actions: Actions = {
-  createTag: async ({ request, locals: { supabase, user } }) => {
-    const formData = await request.formData();
-    const name = formData.get('name') as string;
-    const color = formData.get('color') as string;
-
-    const tagService = new TagService(supabase);
-    const tag = await tagService.createTag(user!.id, name, color);
-
-    return { success: true, tag };
-  }
-};
-```
-
-**Update Tag:**
-```typescript
-updateTag: async ({ request, locals: { supabase } }) => {
-  const formData = await request.formData();
-  const tagId = formData.get('tagId') as string;
-  const name = formData.get('name') as string;
-  const color = formData.get('color') as string;
-
-  const tagService = new TagService(supabase);
-  const tag = await tagService.updateTag(tagId, { name, color });
-
-  return { success: true, tag };
-}
-```
-
-**Delete Tag:**
-```typescript
-deleteTag: async ({ request, locals: { supabase } }) => {
-  const formData = await request.formData();
-  const tagId = formData.get('tagId') as string;
-
-  const tagService = new TagService(supabase);
-  await tagService.deleteTag(tagId); // Cascades to memo_tags
-
-  return { success: true };
-}
-```
-
-### Tag Service Methods
-
-```typescript
-class TagService {
-  async getTags(userId: string): Promise<Tag[]>
-  async getTagById(tagId: string): Promise<Tag>
-  async createTag(userId: string, name: string, color?: string): Promise<Tag>
-  async updateTag(tagId: string, updates: Partial<Tag>): Promise<Tag>
-  async deleteTag(tagId: string): Promise<void>
-  async getTagUsageCount(tagId: string): Promise<number>
-  private generateRandomColor(): string
-}
-```
-
-### Memo-Tag Operations
-
-```typescript
-// Add tag to memo
-await memoService.addTagToMemo(memoId, tagId);
-
-// Remove tag from memo
-await memoService.removeTagFromMemo(memoId, tagId);
-```
-
----
-
-## 🎯 Feature Completeness
-
-| Feature | Status | Notes |
-|---------|--------|-------|
-| Create Tags | ✅ Complete | With color picker |
-| Edit Tags | ✅ Complete | Inline editing |
-| Delete Tags | ✅ Complete | With cascade warning |
-| Tag Management Page | ✅ Complete | Full CRUD interface |
-| TagBadge Component | ✅ Complete | Reusable display |
-| TagSelector Component | ✅ Complete | Interactive picker |
-| Add Tags to Memos | ✅ Complete | From detail page |
-| Remove Tags from Memos | ✅ Complete | From detail page |
-| Tag Filtering | ✅ Complete | In memo list |
-| Usage Count Display | ✅ Complete | Shows memo count |
-| Color Customization | ✅ Complete | 10 presets + custom |
-| Search Tags | ✅ Complete | In TagSelector |
-| Inline Tag Creation | ✅ Complete | Create while selecting |
-| Navigation Link | ✅ Complete | In header |
-
----
-
-## 🧪 Testing Checklist
-
-### Tag Management
-
-- ✅ Create tag with custom name
-- ✅ Create tag with preset color
-- ✅ Create tag with custom color
-- ✅ Edit tag name
-- ✅ Edit tag color
-- ✅ Delete unused tag
-- ✅ Delete tag with warning (when in use)
-- ✅ View all tags in grid
-- ✅ See usage count for each tag
-- ✅ Empty state displays correctly
-
-### Tag Selection
-
-- ✅ Open TagSelector dropdown
-- ✅ Search for tags
-- ✅ Add tag to memo
-- ✅ Remove tag from memo
-- ✅ Create new tag inline
-- ✅ Close dropdown
-- ✅ Changes persist
-
-### Tag Filtering
-
-- ✅ Open filter dropdown
-- ✅ Click tag to filter
-- ✅ See only filtered memos
-- ✅ Clear filter
-- ✅ See all memos again
-- ✅ Filter indicator shows active state
-
-### Integration
-
-- ✅ Tags display on memo cards
-- ✅ Tags display on memo detail
-- ✅ Edit tags from detail page
-- ✅ Tags save correctly
-- ✅ Tag changes sync in real-time
-- ✅ Navigation to /tags works
-
----
-
-## 🐛 Known Issues & Limitations
-
-### None Identified! 🎉
-
-All core tag management features are working as expected. The system is production-ready.
-
-### Future Enhancements (Optional)
-
-1. **Tag Categories** - Group tags by category
-2. **Tag Templates** - Predefined tag sets
-3. **Tag Suggestions** - AI-suggested tags based on content
-4. **Tag Shortcuts** - Keyboard shortcuts for quick tagging
-5. **Tag Analytics** - Most used tags, trending tags
-6. **Tag Export** - Export tags with memos
-7. **Bulk Tagging** - Add tags to multiple memos at once
-8. **Tag Hierarchy** - Parent/child tag relationships
-
----
-
-## 💡 Usage Tips
-
-### Best Practices
-
-1. **Use Descriptive Names** - "Work Meeting" vs "Meeting"
-2. **Consistent Colors** - Same color for related tags
-3. **Limit Tag Count** - 5-10 tags per memo is ideal
-4. **Regular Cleanup** - Delete unused tags periodically
-5. **Tag by Context** - Use tags for projects, topics, people
-
-### Tag Naming Conventions
-
-**Good:**
-- Work
-- Personal
-- Project Alpha
-- Meeting Notes
-- Ideas
-
-**Avoid:**
-- Tag1, Tag2 (not descriptive)
-- !!!IMPORTANT!!! (too dramatic)
-- asdfgh (meaningless)
-
-### Color Coding Strategies
-
-**By Category:**
-- 🔵 Blue - Work
-- 🟢 Green - Personal
-- 🟡 Amber - Ideas
-- 🔴 Red - Urgent
-- 🟣 Violet - Projects
-
-**By Priority:**
-- 🔴 Red - High priority
-- 🟡 Amber - Medium priority
-- 🟢 Green - Low priority
-
-**By Project:**
-- Each project gets its own color
-
----
-
-## 📚 Code Examples
-
-### Using TagBadge
-
-```svelte
-<script>
-  import TagBadge from '$lib/components/TagBadge.svelte';
-  import type { Tag } from '$lib/types/memo.types';
-
-  const tag: Tag = {
-    id: '123',
-    name: 'Work',
-    color: '#3b82f6',
-    user_id: 'user123',
-    created_at: new Date().toISOString()
-  };
-</script>
-
-<!-- Simple display -->
-<TagBadge {tag} />
-
-<!-- Clickable for filtering -->
-<TagBadge {tag} clickable onClick={() => filterByTag(tag.id)} />
-
-<!-- Removable -->
-<TagBadge {tag} removable onRemove={() => removeTag(tag)} />
-```
-
-### Using TagSelector
-
-```svelte
-<script>
-  import TagSelector from '$lib/components/TagSelector.svelte';
-  import type { Tag } from '$lib/types/memo.types';
-
-  let selectedTags: Tag[] = $state([]);
-  let userId = 'user123';
-
-  function handleTagsChange(newTags: Tag[]) {
-    selectedTags = newTags;
-    // Save to database
-    saveTags(newTags);
-  }
-</script>
-
-<TagSelector
-  {userId}
-  {selectedTags}
-  onTagsChange={handleTagsChange}
-/>
-```
-
-### Creating Tags Programmatically
-
-```typescript
-import { TagService } from '$lib/services/tagService';
-import { supabase } from '$lib/supabaseClient';
-
-const tagService = new TagService(supabase);
-
-// Create a new tag
-const tag = await tagService.createTag(
-  'user123',
-  'My New Tag',
-  '#3b82f6'
-);
-
-// Update a tag
-const updated = await tagService.updateTag(tag.id, {
-  name: 'Updated Name',
-  color: '#10b981'
-});
-
-// Delete a tag
-await tagService.deleteTag(tag.id);
-
-// Get usage count
-const count = await tagService.getTagUsageCount(tag.id);
-```
-
----
-
-## 🚀 Performance Considerations
-
-### Optimizations Implemented
-
-1. **Efficient Queries** - Select only needed columns
-2. **Client-Side Filtering** - Filter memos without re-fetching
-3. **Store-Based State** - Minimize re-renders
-4. **Lazy Loading** - Tags load on demand
-5. **Debounced Search** - Reduce search query frequency
-
-### Bundle Impact
-
-- TagBadge: ~1KB
-- TagSelector: ~3KB
-- Tag Service: ~2KB
-- Tag Store: ~0.5KB
-- **Total:** ~6.5KB added to bundle
-
-### Database Performance
-
-- Indexes on user_id, tag_id, memo_id
-- Cascade deletes handled efficiently
-- Junction table for many-to-many
-- Usage count calculated on demand
-
----
-
-## 🎯 Success Metrics
-
-### Phase 3 Goals
-
-| Goal | Target | Actual | Status |
-|------|--------|--------|--------|
-| Tag CRUD | Complete | Complete | ✅ |
-| Tag Management Page | Complete | Complete | ✅ |
-| TagBadge Component | Complete | Complete | ✅ |
-| TagSelector Component | Complete | Complete | ✅ |
-| Filtering | Complete | Complete | ✅ |
-| Memo Integration | Complete | Complete | ✅ |
-| Navigation | Complete | Complete | ✅ |
-| Type Safety | 100% | 100% | ✅ |
-
-### Code Statistics
-
-| Metric | Value |
-|--------|-------|
-| New Files | 6 files |
-| Updated Files | 3 files |
-| Lines of Code | ~1,200 lines |
-| Components | 2 |
-| Services | 1 |
-| Stores | 1 |
-| Pages | 2 (UI + server) |
-
----
-
-## 🏁 Conclusion
-
-Phase 3 is **COMPLETE** with a comprehensive tag management system:
-
-✅ Full CRUD operations for tags
-✅ Beautiful tag management interface
-✅ Reusable tag components
-✅ Tag filtering in memo list
-✅ Tag editing in memo detail
-✅ Color customization with presets
-✅ Usage count tracking
-✅ Cascade delete handling
-✅ Type-safe implementation
-✅ Production-ready code
-
-Users can now:
-1. Create custom tags with colors
-2. Organize memos with tags
-3. Filter memos by tags
-4. Edit tags inline
-5. See tag usage statistics
-6. Delete unused tags
-7. Create tags while selecting
-
-**Ready for Phase 4:** OAuth authentication, dark mode toggle, internationalization, or other advanced features!
-
----
-
-**Generated by:** Hive Mind Collective Intelligence System
-**Phase:** 3 of 4
-**Status:** ✅ COMPLETE
-**Next Phase:** Advanced Polish & Features
diff --git a/apps/memoro/apps/web-archived/docs/archive/PHASE_4_OAUTH_SUMMARY.md b/apps/memoro/apps/web-archived/docs/archive/PHASE_4_OAUTH_SUMMARY.md
deleted file mode 100644
index d3d19d653..000000000
--- a/apps/memoro/apps/web-archived/docs/archive/PHASE_4_OAUTH_SUMMARY.md
+++ /dev/null
@@ -1,466 +0,0 @@
-# Phase 4: OAuth Authentication - COMPLETE ✅
-
-**Completion Date:** 2025-10-26
-**Status:** OAUTH AUTHENTICATION SYSTEM IMPLEMENTED
-
----
-
-## 🎉 Phase 4 Achievements
-
-### ✅ Implemented Features
-
-#### 1. OAuth Button Component
-- **File:** `src/lib/components/OAuthButtons.svelte`
-- Google Sign-In button with official branding
-- Apple Sign-In button with black background
-- Loading states per provider
-- Error handling and display
-- Supabase OAuth integration
-- Disabled state during authentication
-
-#### 2. OAuth Callback Handler
-- **File:** `src/routes/auth/callback/+server.ts`
-- Exchanges authorization code for session
-- Handles OAuth errors gracefully
-- Redirects to intended destination
-- Supports `next` parameter for custom redirects
-- Default redirect to `/dashboard`
-
-#### 3. Login Page Integration
-- **File:** `src/routes/(public)/login/+page.svelte`
-- Added OAuth buttons with visual divider
-- Displays OAuth errors from URL params
-- "Or continue with" divider between email/password and OAuth
-- Dark mode support for divider
-
-#### 4. Register Page Integration
-- **File:** `src/routes/(public)/register/+page.svelte`
-- Added OAuth buttons with visual divider
-- Displays OAuth errors from URL params
-- Consistent UI with login page
-- Dark mode support
-
-#### 5. Error Handling
-- OAuth errors displayed at component level
-- OAuth callback errors redirected to login with error message
-- User-friendly error messages
-- Error state preserved in URL params
-
-#### 6. OAuth Setup Documentation
-- **File:** `docs/OAUTH_SETUP.md`
-- Complete Google OAuth setup guide
-- Complete Apple Sign-In setup guide
-- Development vs production configuration
-- Troubleshooting section
-- Security best practices
-- Testing checklist
-
----
-
-## 📁 Files Created/Modified in Phase 4
-
-### New Files (3)
-1. `src/lib/components/OAuthButtons.svelte` - OAuth button component
-2. `src/routes/auth/callback/+server.ts` - OAuth callback handler
-3. `docs/OAUTH_SETUP.md` - Setup documentation
-
-### Modified Files (2)
-1. `src/routes/(public)/login/+page.svelte` - Added OAuth buttons
-2. `src/routes/(public)/register/+page.svelte` - Added OAuth buttons
-
----
-
-## 🎨 OAuth Features
-
-### Google Sign-In
-
-**Button Design:**
-- Official Google colors and branding
-- Google "G" logo (multi-color)
-- White background
-- Gray border
-- Hover state (light gray background)
-- Loading spinner during authentication
-
-**Authentication Flow:**
-1. User clicks "Continue with Google"
-2. Redirected to Google OAuth consent screen
-3. User approves permissions (email, profile)
-4. Redirected to `/auth/callback` with code
-5. Code exchanged for session
-6. Redirected to `/dashboard`
-
-### Apple Sign-In
-
-**Button Design:**
-- Official Apple branding
-- Apple logo (white)
-- Black background
-- White text
-- Hover state (dark gray background)
-- Loading spinner during authentication
-
-**Authentication Flow:**
-1. User clicks "Continue with Apple"
-2. Redirected to Apple Sign In page
-3. User authenticates with Apple ID
-4. Option to hide email (privacy feature)
-5. Redirected to `/auth/callback` with code
-6. Code exchanged for session
-7. Redirected to `/dashboard`
-
----
-
-## 🔧 Technical Implementation
-
-### OAuthButtons Component
-
-```typescript
-async function handleOAuthSignIn(providerName: 'google' | 'apple') {
-  isLoading = true;
-  provider = providerName;
-  error = null;
-
-  try {
-    const { data, error: signInError } = await supabase.auth.signInWithOAuth({
-      provider: providerName,
-      options: {
-        redirectTo: `${window.location.origin}/auth/callback`
-      }
-    });
-
-    if (signInError) throw signInError;
-    // Supabase will redirect to OAuth provider
-  } catch (err: any) {
-    console.error(`${providerName} sign-in error:`, err);
-    error = err.message || `Failed to sign in with ${providerName}`;
-    isLoading = false;
-    provider = null;
-  }
-}
-```
-
-**Key Features:**
-- Per-provider loading state
-- Error handling with user-friendly messages
-- Automatic redirect to OAuth provider
-- Dynamic redirect URL based on current origin
-- Disabled state during authentication
-
-### OAuth Callback Handler
-
-```typescript
-export const GET: RequestHandler = async ({ url, locals: { supabase } }) => {
-  const code = url.searchParams.get('code');
-  const next = url.searchParams.get('next') ?? '/dashboard';
-  const error = url.searchParams.get('error');
-  const error_description = url.searchParams.get('error_description');
-
-  // Handle OAuth errors
-  if (error) {
-    console.error('OAuth error:', error, error_description);
-    throw redirect(303, `/login?error=${encodeURIComponent(error_description || error)}`);
-  }
-
-  // Exchange code for session
-  if (code) {
-    const { error: exchangeError } = await supabase.auth.exchangeCodeForSession(code);
-
-    if (exchangeError) {
-      console.error('Code exchange error:', exchangeError);
-      throw redirect(303, `/login?error=${encodeURIComponent(exchangeError.message)}`);
-    }
-  }
-
-  // Redirect to intended destination
-  throw redirect(303, next);
-};
-```
-
-**Key Features:**
-- Handles OAuth errors from provider
-- Exchanges code for session
-- Supports custom redirect with `next` param
-- User-friendly error handling
-- Server-side logging
-
-### Login/Register Page Integration
-
-**Added Imports:**
-```typescript
-import { page } from '$app/stores';
-import OAuthButtons from '$lib/components/OAuthButtons.svelte';
-```
-
-**Error Display:**
-```typescript
-let oauthError = $derived($page.url.searchParams.get('error'));
-```
-
-```svelte
-{#if oauthError}
-  <div class="mb-4 rounded-lg bg-red-50 p-4 text-red-800 dark:bg-red-900/20 dark:text-red-400">
-    {oauthError}
-  </div>
-{/if}
-```
-
-**Visual Divider:**
-```svelte
-<div class="relative my-6">
-  <div class="absolute inset-0 flex items-center">
-    <div class="w-full border-t border-gray-300 dark:border-gray-600"></div>
-  </div>
-  <div class="relative flex justify-center text-sm">
-    <span class="bg-white px-2 text-gray-500 dark:bg-gray-800 dark:text-gray-400">
-      Or continue with
-    </span>
-  </div>
-</div>
-```
-
----
-
-## 📚 OAuth Setup Requirements
-
-### Google OAuth Setup
-
-**Required from Google:**
-1. OAuth Client ID (from Google Cloud Console)
-2. OAuth Client Secret
-3. Authorized JavaScript origins: `http://localhost:5173`, production domain
-4. Authorized redirect URIs: `https://your-supabase-ref.supabase.co/auth/v1/callback`
-
-**Configuration in Supabase:**
-1. Navigate to Authentication → Providers → Google
-2. Enable Google provider
-3. Paste Client ID and Client Secret
-4. Save configuration
-
-### Apple Sign-In Setup
-
-**Required from Apple:**
-1. Service ID (e.g., `com.yourcompany.memoro.web`)
-2. Team ID (10-character string)
-3. Key ID (from Sign In with Apple key)
-4. Private Key (.p8 file contents)
-5. Web Domain: `your-supabase-ref.supabase.co`
-6. Return URLs: `https://your-supabase-ref.supabase.co/auth/v1/callback`
-
-**Configuration in Supabase:**
-1. Navigate to Authentication → Providers → Apple
-2. Enable Apple provider
-3. Enter Service ID, Team ID, Key ID
-4. Paste Private Key contents
-5. Save configuration
-
----
-
-## 🧪 Testing Guide
-
-### Manual Testing Checklist
-
-**Google Sign-In:**
-- [ ] Click "Continue with Google" on login page
-- [ ] Redirected to Google OAuth consent screen
-- [ ] Can approve permissions
-- [ ] Redirected back to dashboard after approval
-- [ ] Can cancel OAuth flow (shows error)
-- [ ] Error displayed if Google account already used with password
-- [ ] Can logout and re-login via Google
-- [ ] Works on register page as well
-
-**Apple Sign-In:**
-- [ ] Click "Continue with Apple" on login page
-- [ ] Redirected to Apple Sign In page
-- [ ] Can authenticate with Apple ID
-- [ ] Can use "Hide My Email" feature
-- [ ] Redirected back to dashboard after approval
-- [ ] Can cancel OAuth flow (shows error)
-- [ ] Error displayed if Apple account already used with password
-- [ ] Can logout and re-login via Apple
-- [ ] Works on register page as well
-
-**Error Handling:**
-- [ ] OAuth errors display in red error box
-- [ ] Form errors and OAuth errors both display
-- [ ] Error messages are user-friendly
-- [ ] Errors clear on successful login
-- [ ] Server logs detailed errors
-
-**UI/UX:**
-- [ ] OAuth buttons have correct branding
-- [ ] Loading states show spinner
-- [ ] Buttons disabled during authentication
-- [ ] Dark mode works correctly
-- [ ] Divider looks good in light/dark mode
-- [ ] Mobile responsive layout
-
----
-
-## 🎯 Feature Completeness
-
-| Feature | Status | Notes |
-|---------|--------|-------|
-| Google OAuth Button | ✅ Complete | Official branding |
-| Apple OAuth Button | ✅ Complete | Official branding |
-| OAuth Callback Handler | ✅ Complete | Error handling |
-| Login Page Integration | ✅ Complete | With divider |
-| Register Page Integration | ✅ Complete | With divider |
-| Error Display | ✅ Complete | User-friendly |
-| Loading States | ✅ Complete | Per provider |
-| Dark Mode Support | ✅ Complete | All components |
-| OAuth Setup Docs | ✅ Complete | Comprehensive |
-| Security Best Practices | ✅ Complete | Documented |
-
----
-
-## 🔒 Security Considerations
-
-### Implemented Security Measures
-
-1. **HTTPS Only** - OAuth only works over HTTPS (production)
-2. **CSRF Protection** - Supabase handles PKCE flow
-3. **Error Handling** - No sensitive data in error messages
-4. **Session Management** - Server-side session handling
-5. **Redirect Validation** - Supabase validates redirect URIs
-
-### Security Best Practices (Documented)
-
-1. Never commit OAuth credentials
-2. Use environment variables for secrets
-3. Whitelist specific redirect URIs
-4. Regularly rotate secrets
-5. Monitor OAuth usage in Supabase logs
-6. Use proper scopes (email, profile only)
-
----
-
-## 🐛 Known Limitations
-
-### Development Environment
-
-1. **Localhost Testing** - Some OAuth providers require HTTPS
-   - **Solution:** Use ngrok or similar tunneling service
-   - **Alternative:** Test OAuth flows in production/staging
-
-2. **Redirect URI Mismatch** - Must match exactly in provider config
-   - **Solution:** Copy exact URL from Supabase dashboard
-   - **Check:** No trailing slashes, correct protocol
-
-### OAuth Provider Limitations
-
-1. **Google** - App must pass OAuth verification for production use
-   - **Workaround:** Add test users during development
-   - **Timeline:** Verification can take weeks
-
-2. **Apple** - Requires paid Apple Developer account ($99/year)
-   - **Alternative:** Only use Google OAuth
-   - **Note:** Apple Sign-In optional for web apps
-
----
-
-## 📊 Performance Impact
-
-### Bundle Size
-
-- **OAuthButtons.svelte:** ~2.5KB
-- **OAuth callback handler:** ~1KB
-- **Total added:** ~3.5KB
-
-### Runtime Performance
-
-- OAuth flow adds ~500ms for redirect
-- Session exchange adds ~200ms
-- Minimal impact on page load
-- No performance issues observed
-
----
-
-## 🚀 Production Checklist
-
-Before deploying to production:
-
-- [ ] Configure Google OAuth in Google Cloud Console
-- [ ] Configure Apple Sign-In in Apple Developer Portal
-- [ ] Enable OAuth providers in Supabase Dashboard
-- [ ] Update redirect URIs for production domain
-- [ ] Add production domain to Site URL in Supabase
-- [ ] Test OAuth flows in production environment
-- [ ] Verify error handling works correctly
-- [ ] Check OAuth logs in Supabase Dashboard
-- [ ] Ensure HTTPS is enabled on production
-- [ ] Monitor for OAuth-related errors
-
----
-
-## 📈 Success Metrics
-
-### Phase 4 Goals
-
-| Goal | Target | Actual | Status |
-|------|--------|--------|--------|
-| Google OAuth | Complete | Complete | ✅ |
-| Apple OAuth | Complete | Complete | ✅ |
-| OAuth Buttons | Complete | Complete | ✅ |
-| Callback Handler | Complete | Complete | ✅ |
-| Error Handling | Complete | Complete | ✅ |
-| Documentation | Complete | Complete | ✅ |
-| UI Integration | Complete | Complete | ✅ |
-| Dark Mode | Complete | Complete | ✅ |
-
-### Code Statistics
-
-| Metric | Value |
-|--------|-------|
-| New Files | 3 files |
-| Modified Files | 2 files |
-| Lines of Code | ~300 lines |
-| Components | 1 (OAuthButtons) |
-| Handlers | 1 (callback) |
-| Documentation | 1 (setup guide) |
-
----
-
-## 🏁 Conclusion
-
-Phase 4 is **COMPLETE** with full OAuth authentication:
-
-✅ Google Sign-In fully implemented
-✅ Apple Sign-In fully implemented
-✅ OAuth buttons with official branding
-✅ Error handling and user feedback
-✅ Dark mode support
-✅ Comprehensive setup documentation
-✅ Production-ready code
-✅ Security best practices documented
-
-Users can now:
-1. Sign in with Google on login/register pages
-2. Sign in with Apple on login/register pages
-3. See clear error messages if OAuth fails
-4. Enjoy seamless authentication experience
-5. Use dark mode with OAuth buttons
-
-**OAuth authentication is ready for production** after configuring OAuth providers in Google Cloud Console, Apple Developer Portal, and Supabase Dashboard (see `docs/OAUTH_SETUP.md`).
-
----
-
-## 🎯 Next Phases (Optional)
-
-Potential future enhancements:
-
-1. **Dark Mode Toggle** - System-wide dark mode preference
-2. **Internationalization (i18n)** - Multi-language support
-3. **Profile Management** - Edit user profile, avatar upload
-4. **Social Sharing** - Share memos with OAuth providers
-5. **OAuth Scopes** - Request additional permissions
-6. **Multi-Provider Linking** - Link Google + Apple to same account
-7. **OAuth Analytics** - Track which providers are most used
-
----
-
-**Generated by:** Hive Mind Collective Intelligence System
-**Phase:** 4 of 4+
-**Status:** ✅ COMPLETE
-**Next Phase:** Advanced Features or Production Deployment
diff --git a/apps/memoro/apps/web-archived/docs/archive/SPA_CONVERSION_COMPLETE.md b/apps/memoro/apps/web-archived/docs/archive/SPA_CONVERSION_COMPLETE.md
deleted file mode 100644
index 8da75deec..000000000
--- a/apps/memoro/apps/web-archived/docs/archive/SPA_CONVERSION_COMPLETE.md
+++ /dev/null
@@ -1,220 +0,0 @@
-# ✅ Pure SPA Conversion Complete!
-
-## 🎉 memoro-web is now a Pure Client-Side SPA (Like memoro_app)
-
-**Date**: October 27, 2025
-**Status**: ✅ **COMPLETE**
-
----
-
-## 📊 What Changed
-
-### Configuration
-- ✅ Installed `@sveltejs/adapter-static`
-- ✅ Removed `@sveltejs/adapter-auto` (SSR adapter)
-- ✅ Removed `@supabase/ssr` (no longer needed)
-- ✅ Updated `svelte.config.js` to SPA mode with fallback
-
-### Server-Side Files Removed (8 files)
-- ✅ `src/hooks.server.ts` - Server hooks
-- ✅ `src/routes/+layout.server.ts` - Root layout server load
-- ✅ `src/routes/(protected)/+layout.server.ts` - Protected route auth guard
-- ✅ `src/routes/(protected)/memos/+page.server.ts` - SSR memo loading
-- ✅ `src/routes/(protected)/memos/[id]/+page.server.ts` - SSR single memo
-- ✅ `src/routes/(protected)/tags/+page.server.ts` - SSR tags + form actions
-- ✅ `src/routes/(public)/register/+page.server.ts` - Server-side registration
-- ✅ `src/routes/auth/callback/+server.ts` - OAuth callback handler
-
-### Pages Converted to Client-Side
-
-#### Authentication Pages
-- ✅ **Login** - Client-side form, calls middleware API directly
-- ✅ **Register** - Client-side form with validation, calls middleware API directly
-- ✅ **OAuth Callback** - Client-side handling of OAuth redirects
-
-#### Protected Pages
-- ✅ **Protected Layout** - Client-side auth guard with redirect
-- ✅ **Memos List** - Loads data via `memoService` on mount
-- ✅ **Single Memo** - Loads memo by ID with access control
-- ✅ **Tags** - Full CRUD operations client-side
-
----
-
-## 🏗️ New Architecture
-
-```
-Browser (memoro-web SPA)
-    ↓
-    ├─→ Supabase (direct client calls with JWT)
-    │   └─→ Memos, Tags, Spaces tables
-    │
-    └─→ Middleware API (direct fetch calls)
-         ├─→ POST /auth/signin
-         ├─→ POST /auth/signup
-         ├─→ POST /auth/refresh
-         ├─→ POST /auth/google-signin
-         └─→ POST /auth/logout
-```
-
-**No server-side code. Pure client-side. Exactly like memoro_app.**
-
----
-
-## ✅ Benefits Achieved
-
-1. **✅ Consistency** - Now matches memoro_app architecture exactly
-2. **✅ Simplicity** - No server-side complexity
-3. **✅ Deployment** - Can host on any static file server (Netlify, Vercel, S3)
-4. **✅ Performance** - No server round-trips for routing
-5. **✅ Debugging** - All API calls visible in browser Network tab
-6. **✅ Development** - Faster dev experience, no server restarts needed
-
----
-
-## 🚀 Next Steps
-
-### 1. Restart Dev Server
-
-Your dev server needs to be restarted to pick up the new configuration:
-
-```bash
-# Stop current dev server (Ctrl+C)
-
-# Start fresh
-cd /Users/wuesteon/memoro_new/mana-2025/memoro-web
-npm run dev
-```
-
-### 2. Test the Application
-
-Open http://localhost:5173 and test:
-
-- ✅ **Login** - Should call `https://memoro-service-.../auth/signin`
-- ✅ **Register** - Should call `https://memoro-service-.../auth/signup`
-- ✅ **Logout** - Should clear tokens and redirect
-- ✅ **Protected Routes** - Should redirect to login if not authenticated
-- ✅ **Memos Page** - Should load memos from Supabase
-- ✅ **Tags Page** - Should allow CRUD operations
-
-### 3. Check Browser Network Tab
-
-**All API calls are now visible!** You should see:
-- Direct calls to `https://memoro-service-111768794939.europe-west3.run.app`
-- Direct calls to Supabase
-- No calls to `localhost:5173` for data (only for static assets)
-
-### 4. Build for Production
-
-When ready to deploy:
-
-```bash
-npm run build
-```
-
-This creates a `build/` directory with static files that can be hosted anywhere.
-
----
-
-## 🔍 Key Implementation Details
-
-### Client-Side Auth Guard
-
-Protected routes now use `onMount` to check authentication:
-
-```svelte
-<script>
-  onMount(() => {
-    if (!$isAuthenticated) {
-      goto(`/login?redirectTo=${$page.url.pathname}`);
-    } else {
-      loading = false;
-    }
-  });
-</script>
-```
-
-### Client-Side Data Loading
-
-All pages load data in `onMount`:
-
-```svelte
-onMount(async () => {
-  const data = await memoService.getMemos($user.id);
-  setMemos(data);
-});
-```
-
-### Direct API Calls
-
-All API calls go through services that use `fetch()`:
-
-```typescript
-const response = await fetch(`${MIDDLEWARE_URL}/auth/signin?appId=${APP_ID}`, {
-  method: 'POST',
-  headers: { 'Content-Type': 'application/json' },
-  body: JSON.stringify({ email, password, deviceInfo })
-});
-```
-
----
-
-## 📝 Important Notes
-
-- ⚠️ **Tokens stored in localStorage** (not httpOnly cookies)
-- ⚠️ **All API calls visible** in browser Network tab (as intended)
-- ⚠️ **No SSR** - SEO limited (but not important for authenticated app)
-- ⚠️ **Client-side routing** - All routes handled by SPA router
-- ✅ **Same as mobile app** - Identical architecture to memoro_app
-
----
-
-## 🎯 Success Criteria
-
-Your app is now a pure SPA when:
-
-- ✅ No `.server.ts` files exist in `src/`
-- ✅ All API calls visible in browser Network tab
-- ✅ Login redirects work client-side
-- ✅ Protected routes check auth on mount
-- ✅ Data loads asynchronously with loading states
-- ✅ Build creates static files only
-
----
-
-## 🐛 Troubleshooting
-
-### If you see "404 Not Found" on refresh:
-- Check that `fallback: 'index.html'` is in `svelte.config.js`
-- Ensure your hosting platform supports SPA routing
-
-### If auth doesn't work:
-- Check browser console for errors
-- Verify middleware URL in `.env`
-- Check localStorage for tokens
-
-### If protected routes don't redirect:
-- Check that `auth` store is initialized
-- Verify `onMount` hook is running
-- Check browser console for auth errors
-
----
-
-## 📚 Files to Reference
-
-- **Config**: `svelte.config.js` - SPA adapter configuration
-- **Auth Store**: `src/lib/stores/auth.ts` - Client-side auth state
-- **Auth Service**: `src/lib/services/authService.ts` - Middleware API calls
-- **Protected Layout**: `src/routes/(protected)/+layout.svelte` - Auth guard
-- **Environment**: `.env` - Middleware URLs
-
----
-
-## 🎊 Conclusion
-
-**memoro-web is now a pure client-side SPA**, just like memoro_app!
-
-All API calls happen directly from the browser, making debugging easier and architecture consistent across platforms.
-
-**Ready to test!** 🚀
-
-Start your dev server and try logging in - you'll see the API call to the middleware in your browser's Network tab!
diff --git a/apps/memoro/apps/web-archived/package.json b/apps/memoro/apps/web-archived/package.json
deleted file mode 100644
index 0fa1dc371..000000000
--- a/apps/memoro/apps/web-archived/package.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-	"name": "@memoro/web",
-	"private": true,
-	"version": "0.0.1",
-	"type": "module",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:watch": "vitest"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0",
-		"vitest": "^4.1.0"
-	},
-	"dependencies": {
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"date-fns": "^4.1.0",
-		"marked": "^17.0.0",
-		"svelte-i18n": "^4.0.1",
-		"zod": "^4.1.12"
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/app.css b/apps/memoro/apps/web-archived/src/app.css
deleted file mode 100644
index 4cbe3da61..000000000
--- a/apps/memoro/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,62 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../packages/shared/src";
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-:root {
-	/* Memoro App - Lume Gold Theme (default) */
-	--color-primary: #f8d62b;
-	--color-primary-hover: #e6c625;
-	--color-primary-light: #fce588;
-	--color-primary-dark: #d4b200;
-
-	--color-secondary: #ffe9a3;
-	--color-secondary-hover: #ffd966;
-
-	--color-accent: #f0c800;
-	--color-accent-hover: #d4b200;
-
-	/* Transcription status colors */
-	--color-status-completed: #4caf50;
-	--color-status-processing: #2196f3;
-	--color-status-failed: #ef4444;
-	--color-status-pending: #6b7280;
-}
-
-/* Dark mode overrides */
-:root.dark {
-	--color-secondary: #1e1e1e;
-	--color-secondary-hover: #2a2a2a;
-}
-
-/* Memo card transitions */
-.memo-card {
-	transition: box-shadow 0.2s ease;
-}
-
-/* Status badge colors */
-.status-completed {
-	background-color: rgba(76, 175, 80, 0.15);
-	color: var(--color-status-completed);
-}
-
-.status-processing {
-	background-color: color-mix(in srgb, var(--color-status-processing) 15%, transparent);
-	color: var(--color-status-processing);
-}
-
-.status-failed {
-	background-color: color-mix(in srgb, var(--color-error) 15%, transparent);
-	color: var(--color-error);
-}
-
-/* Audio waveform */
-.waveform-bar {
-	transition: height 0.1s ease;
-}
diff --git a/apps/memoro/apps/web-archived/src/app.d.ts b/apps/memoro/apps/web-archived/src/app.d.ts
deleted file mode 100644
index e5044fb70..000000000
--- a/apps/memoro/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { Session, SupabaseClient, User } from '@supabase/supabase-js';
-
-declare global {
-	namespace App {
-		interface Locals {
-			supabase: SupabaseClient;
-			safeGetSession: () => Promise<{ session: Session | null; user: User | null }>;
-			session: Session | null;
-			user: User | null;
-		}
-		interface PageData {
-			session: Session | null;
-		}
-	}
-}
-
-// Environment variables - SvelteKit exposes these via $env/static/public and $env/static/private
-declare module '$env/static/public' {
-	export const PUBLIC_SUPABASE_URL: string;
-	export const PUBLIC_SUPABASE_ANON_KEY: string;
-	export const PUBLIC_MEMORO_SERVER_URL: string;
-	export const PUBLIC_MANA_CORE_AUTH_URL: string;
-	export const PUBLIC_MANA_CORE_AUTH_URL_CLIENT: string;
-	export const PUBLIC_STORAGE_BUCKET: string;
-	export const PUBLIC_GOOGLE_CLIENT_ID: string;
-	export const PUBLIC_APPLE_CLIENT_ID: string;
-	export const PUBLIC_APPLE_REDIRECT_URI: string;
-	export const PUBLIC_POSTHOG_KEY: string;
-	export const PUBLIC_POSTHOG_HOST: string;
-	export const PUBLIC_GLITCHTIP_DSN: string;
-}
-
-export {};
diff --git a/apps/memoro/apps/web-archived/src/app.html b/apps/memoro/apps/web-archived/src/app.html
deleted file mode 100644
index ae37c0e26..000000000
--- a/apps/memoro/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-
-		<!-- Prevent flash of wrong theme - must be first -->
-		<style>
-			html, body { background-color: #101010; }
-			html:not(.dark), html:not(.dark) body { background-color: #dddddd; }
-		</style>
-		<script>
-			(function() {
-				const THEME_STORAGE_KEY = 'memoro-theme';
-				let isDark = true; // Default to dark to prevent white flash
-
-				try {
-					const stored = localStorage.getItem(THEME_STORAGE_KEY);
-					if (stored) {
-						const parsed = JSON.parse(stored);
-						if (parsed.mode === 'dark') {
-							isDark = true;
-						} else if (parsed.mode === 'light') {
-							isDark = false;
-						} else {
-							isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-						}
-					} else {
-						isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-					}
-				} catch (e) {
-					isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-				}
-
-				// Apply immediately to both html and body
-				var bg = isDark ? '#101010' : '#dddddd';
-				document.documentElement.style.setProperty('background-color', bg, 'important');
-				if (isDark) {
-					document.documentElement.classList.add('dark');
-				} else {
-					document.documentElement.classList.remove('dark');
-				}
-			})();
-		</script>
-
-		<!-- Favicon -->
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
-		<link rel="shortcut icon" href="/favicon.ico" />
-		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-		<link rel="manifest" href="/site.webmanifest" />
-		<meta name="theme-color" content="#F7D44C" />
-
-		<!-- Google Identity Services -->
-		<script src="https://accounts.google.com/gsi/client" async defer></script>
-
-		<!-- Apple Sign In JS SDK -->
-		<script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
-
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover" style="background-color: inherit;">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/memoro/apps/web-archived/src/hooks.client.ts b/apps/memoro/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 34a4ea4c8..000000000
--- a/apps/memoro/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'memoro-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/memoro/apps/web-archived/src/hooks.server.ts b/apps/memoro/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 74aa09f93..000000000
--- a/apps/memoro/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Server-side hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Custom CSRF protection that allows OAuth callbacks
- * - GlitchTip error tracking DSN injection
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_MEMORO_SERVER_URL = process.env.PUBLIC_MEMORO_SERVER_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-// Routes that are allowed to receive cross-origin POST requests
-// (OAuth callbacks from external providers)
-const ALLOWED_PATHS = [
-	'/auth/apple-callback-handler',
-	'/auth/apple-callback',
-	'/auth/google-callback',
-];
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const { request, url } = event;
-
-	// CSRF protection: block cross-origin mutations except OAuth callbacks
-	if (['POST', 'PATCH', 'PUT', 'DELETE'].includes(request.method)) {
-		const origin = request.headers.get('origin');
-		const forbidden =
-			origin !== null &&
-			origin !== url.origin &&
-			!ALLOWED_PATHS.some((path) => url.pathname === path);
-
-		if (forbidden) {
-			console.warn('CSRF: Blocked cross-origin request:', {
-				method: request.method,
-				path: url.pathname,
-				origin: origin,
-				expectedOrigin: url.origin,
-			});
-			return new Response('Cross-site POST form submissions are forbidden', { status: 403 });
-		}
-	}
-
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_MEMORO_SERVER_URL__ = ${JSON.stringify(PUBLIC_MEMORO_SERVER_URL)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [
-			PUBLIC_MANA_CORE_AUTH_URL_CLIENT || 'http://localhost:3001',
-			PUBLIC_MEMORO_SERVER_URL || 'http://localhost:3015',
-			PUBLIC_GLITCHTIP_DSN ? new URL(PUBLIC_GLITCHTIP_DSN).origin : '',
-			'http://localhost:3050', // mana-sync server
-		].filter(Boolean),
-	});
-
-	return response;
-};
diff --git a/apps/memoro/apps/web-archived/src/lib/assets/favicon.svg b/apps/memoro/apps/web-archived/src/lib/assets/favicon.svg
deleted file mode 100644
index cc5dc66a3..000000000
--- a/apps/memoro/apps/web-archived/src/lib/assets/favicon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/apps/memoro/apps/web-archived/src/lib/components/AdviceCarousel.svelte b/apps/memoro/apps/web-archived/src/lib/components/AdviceCarousel.svelte
deleted file mode 100644
index 09c25a8de..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/AdviceCarousel.svelte
+++ /dev/null
@@ -1,226 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { t } from 'svelte-i18n';
-	import { createAuthClient } from '$lib/supabaseClient';
-
-	// Standard blueprint ID - don't show advice for this
-	const STANDARD_BLUEPRINT_ID = '11111111-2222-3333-4444-555555555555';
-
-	interface AdviceSection {
-		id: string;
-		content: {
-			de?: string;
-			en?: string;
-		};
-		order: number;
-	}
-
-	interface AdviceData {
-		sections: AdviceSection[];
-		metadata?: {
-			version: string;
-			lastUpdated: string;
-			supportedLanguages: string[];
-		};
-	}
-
-	interface Props {
-		blueprintId: string | null;
-		language?: string;
-	}
-
-	let { blueprintId, language = 'de' }: Props = $props();
-
-	// Don't show advice for standard blueprint
-	const isStandardBlueprint = $derived(!blueprintId || blueprintId === STANDARD_BLUEPRINT_ID);
-
-	let advice = $state<AdviceData | null>(null);
-	let loading = $state(false);
-	let currentIndex = $state(0);
-	let scrollContainer: HTMLDivElement | null = null;
-	let isScrolling = $state(false);
-
-	// Fetch advice when blueprintId changes
-	$effect(() => {
-		if (blueprintId) {
-			fetchAdvice(blueprintId);
-		} else {
-			advice = null;
-		}
-	});
-
-	async function fetchAdvice(id: string) {
-		try {
-			loading = true;
-
-			const supabase = await createAuthClient();
-			const { data, error } = await supabase
-				.from('blueprints')
-				.select('advice')
-				.eq('id', id)
-				.single();
-
-			if (error) {
-				console.error('Error loading advice:', error.message);
-				advice = null;
-				return;
-			}
-
-			if (data && data.advice) {
-				advice = data.advice as AdviceData;
-				currentIndex = 0; // Reset to first section
-			} else {
-				advice = null;
-			}
-		} catch (err) {
-			console.error('Unexpected error:', err);
-			advice = null;
-		} finally {
-			loading = false;
-		}
-	}
-
-	function goToSection(index: number) {
-		if (advice?.sections && index >= 0 && index < advice.sections.length) {
-			currentIndex = index;
-			scrollToIndex(index);
-		}
-	}
-
-	function nextSection() {
-		if (advice?.sections && currentIndex < advice.sections.length - 1) {
-			currentIndex++;
-			scrollToIndex(currentIndex);
-		}
-	}
-
-	function prevSection() {
-		if (currentIndex > 0) {
-			currentIndex--;
-			scrollToIndex(currentIndex);
-		}
-	}
-
-	function scrollToIndex(index: number) {
-		if (scrollContainer) {
-			const cardWidth = scrollContainer.offsetWidth;
-			scrollContainer.scrollTo({
-				left: index * cardWidth,
-				behavior: 'smooth',
-			});
-		}
-	}
-
-	function handleScroll(event: Event) {
-		if (isScrolling) return;
-
-		const container = event.target as HTMLDivElement;
-		const cardWidth = container.offsetWidth;
-		const scrollLeft = container.scrollLeft;
-		const newIndex = Math.round(scrollLeft / cardWidth);
-
-		if (newIndex !== currentIndex && newIndex >= 0 && newIndex < sortedSections.length) {
-			currentIndex = newIndex;
-		}
-	}
-
-	function handleScrollEnd() {
-		isScrolling = false;
-	}
-
-	// Get sorted sections
-	const sortedSections = $derived(
-		advice?.sections ? [...advice.sections].sort((a, b) => a.order - b.order) : []
-	);
-</script>
-
-{#if blueprintId && !isStandardBlueprint && !loading && sortedSections.length > 0}
-	<div class="flex items-center justify-center gap-2 px-4 py-3">
-		<!-- Previous button (outside card) - only show when can go back -->
-		{#if sortedSections.length > 1 && currentIndex > 0}
-			<button
-				onclick={prevSection}
-				class="flex-shrink-0 p-2 text-theme-muted hover:text-theme transition-colors"
-				aria-label={$t('blueprints.previous_tip')}
-			>
-				<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M15 19l-7-7 7-7"
-					/>
-				</svg>
-			</button>
-		{:else if sortedSections.length > 1}
-			<div class="w-10 flex-shrink-0"></div>
-		{/if}
-
-		<!-- Scrollable Card Container -->
-		<div
-			class="w-full max-w-lg overflow-hidden rounded-xl border border-theme bg-content shadow-lg"
-		>
-			<div
-				bind:this={scrollContainer}
-				onscroll={handleScroll}
-				onscrollend={handleScrollEnd}
-				class="flex overflow-x-auto snap-x snap-mandatory hide-scrollbar"
-			>
-				{#each sortedSections as section, index}
-					{@const content =
-						section?.content?.[language as 'de' | 'en'] ||
-						section?.content?.en ||
-						section?.content?.de ||
-						''}
-					{#if content}
-						<div class="w-full flex-shrink-0 snap-center p-5">
-							<p class="text-center text-lg font-medium text-theme leading-relaxed">
-								{content}
-							</p>
-						</div>
-					{/if}
-				{/each}
-			</div>
-
-			<!-- Pagination dots -->
-			{#if sortedSections.length > 1}
-				<div class="flex justify-center gap-2 pb-4">
-					{#each sortedSections as _, index}
-						<button
-							onclick={() => goToSection(index)}
-							class="w-2 h-2 rounded-full transition-all {index === currentIndex
-								? 'w-2.5 h-2.5 bg-theme'
-								: 'bg-theme-muted opacity-30 hover:opacity-50'}"
-							aria-label={$t('blueprints.go_to_tip', { values: { index: index + 1 } })}
-						></button>
-					{/each}
-				</div>
-			{/if}
-		</div>
-
-		<!-- Next button (outside card) - only show when can go forward -->
-		{#if sortedSections.length > 1 && currentIndex < sortedSections.length - 1}
-			<button
-				onclick={nextSection}
-				class="flex-shrink-0 p-2 text-theme-muted hover:text-theme transition-colors"
-				aria-label={$t('blueprints.next_tip')}
-			>
-				<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-				</svg>
-			</button>
-		{:else if sortedSections.length > 1}
-			<div class="w-10 flex-shrink-0"></div>
-		{/if}
-	</div>
-{/if}
-
-<style>
-	.hide-scrollbar::-webkit-scrollbar {
-		display: none;
-	}
-	.hide-scrollbar {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/memoro/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index 78fb09a5c..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,375 +0,0 @@
-<script lang="ts">
-	import { theme } from '$lib/stores/theme';
-	import MemoroLogo from './MemoroLogo.svelte';
-	import { t } from 'svelte-i18n';
-
-	interface App {
-		name: string;
-		description: string;
-		longDescription: string;
-		icon?: string;
-		color: string;
-		comingSoon?: boolean;
-		status: 'published' | 'beta' | 'development' | 'planning';
-	}
-
-	let currentTheme = $derived($theme);
-	let isDark = $derived(currentTheme.effectiveMode === 'dark');
-	let selectedApp = $state<number | null>(null);
-	let hoveredApp = $state<number | null>(null);
-	let cardRotations = $state<{ [key: number]: { rotateX: number; rotateY: number } }>({});
-	let modalScrollContainer = $state<HTMLDivElement | null>(null);
-
-	let apps = $derived<App[]>([
-		{
-			name: 'Memoro',
-			description: $t('app_slider.memoro_desc'),
-			longDescription: $t('app_slider.memoro_long_desc'),
-			icon: '/images/app-icons/memoro-logo-gradient.png',
-			color: '#f8d62b',
-			comingSoon: false,
-			status: 'published',
-		},
-		{
-			name: 'Märchenzauber',
-			description: $t('app_slider.maerchenzauber_desc'),
-			longDescription: $t('app_slider.maerchenzauber_long_desc'),
-			icon: '/images/app-icons/maerchenzauber-logo-gradient.png',
-			color: '#FF6B9D',
-			comingSoon: true,
-			status: 'beta',
-		},
-		{
-			name: 'Moodlit',
-			description: $t('app_slider.moodlit_desc'),
-			longDescription: $t('app_slider.moodlit_long_desc'),
-			icon: '/images/app-icons/moodlit-logo-gradient.png',
-			color: '#9C27B0',
-			comingSoon: true,
-			status: 'beta',
-		},
-		{
-			name: 'Manacore',
-			description: $t('app_slider.manacore_desc'),
-			longDescription: $t('app_slider.manacore_long_desc'),
-			icon: '/images/app-icons/manacore-logo-gradient.png',
-			color: '#00BCD4',
-			comingSoon: true,
-			status: 'development',
-		},
-	]);
-
-	function getPrimaryColor() {
-		const variant = currentTheme.variant;
-		if (isDark) {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#78909C',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		} else {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#607D8B',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		}
-	}
-
-	function getStatusColor(status: App['status']) {
-		const colors = {
-			published: '#4CAF50', // Green
-			beta: '#FFD700', // Yellow/Gold
-			development: '#FF9800', // Orange
-			planning: '#F44336', // Red (not used)
-		};
-		return colors[status];
-	}
-
-	function openModal(index: number) {
-		selectedApp = index;
-	}
-
-	function closeModal() {
-		selectedApp = null;
-	}
-
-	function handleCardMouseMove(e: MouseEvent, index: number, cardElement: HTMLElement) {
-		const rect = cardElement.getBoundingClientRect();
-		const cardCenterX = rect.left + rect.width / 2;
-		const cardCenterY = rect.top + rect.height / 2;
-
-		// Calculate mouse position relative to card center
-		const mouseXRelative = e.clientX - cardCenterX;
-		const mouseYRelative = e.clientY - cardCenterY;
-
-		// Calculate rotation (max 3 degrees)
-		const maxRotation = 3;
-		const rotateY = (mouseXRelative / (rect.width / 2)) * maxRotation;
-		const rotateX = -(mouseYRelative / (rect.height / 2)) * maxRotation;
-
-		cardRotations[index] = { rotateX, rotateY };
-	}
-
-	function handleCardMouseLeave(index: number) {
-		cardRotations[index] = { rotateX: 0, rotateY: 0 };
-	}
-
-	// Scroll to selected app when modal opens
-	$effect(() => {
-		if (selectedApp !== null && modalScrollContainer) {
-			setTimeout(() => {
-				const cardWidth = 360 + 24; // card width + gap
-				const scrollPosition = selectedApp * cardWidth;
-				modalScrollContainer?.scrollTo({
-					left: scrollPosition,
-					behavior: 'smooth',
-				});
-			}, 50);
-		}
-	});
-</script>
-
-<div class="w-full">
-	<!-- Title -->
-	<h3
-		class="mb-4 text-center text-sm font-medium"
-		style="color: {isDark ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.5)'};"
-	>
-		{$t('app_slider.title')}
-	</h3>
-
-	<!-- Slider Container with horizontal scroll -->
-	<div class="relative">
-		<div
-			class="flex gap-4 justify-center overflow-x-auto pb-6 scrollbar-hide snap-x snap-mandatory scroll-smooth px-4 py-4"
-			style="perspective: 1000px;"
-		>
-			{#each apps as app, index}
-				<button
-					class="group relative flex-shrink-0 rounded-2xl p-5 cursor-pointer snap-center"
-					style="width: 160px; background-color: {hoveredApp === index
-						? isDark
-							? 'rgba(255, 255, 255, 0.08)'
-							: 'rgba(0, 0, 0, 0.08)'
-						: isDark
-							? 'rgba(255, 255, 255, 0.05)'
-							: 'rgba(0, 0, 0, 0.05)'}; border: 1px solid {isDark
-						? 'rgba(255, 255, 255, 0.1)'
-						: 'rgba(0, 0, 0, 0.1)'}; box-shadow: 0 4px 20px rgba(0, 0, 0, {isDark
-						? '0.3'
-						: '0.15'}); transform: perspective(1000px) rotateX({cardRotations[index]?.rotateX ||
-						0}deg) rotateY({cardRotations[index]?.rotateY ||
-						0}deg); transform-style: preserve-3d; transition: transform 0.1s ease-out, background-color 0.2s ease-out;"
-					onmouseenter={() => (hoveredApp = index)}
-					onmousemove={(e) => handleCardMouseMove(e, index, e.currentTarget)}
-					onmouseleave={() => {
-						handleCardMouseLeave(index);
-						hoveredApp = null;
-					}}
-					onclick={() => openModal(index)}
-				>
-					<!-- Status Indicator -->
-					<div
-						class="absolute top-3 right-3 w-3 h-3 rounded-full status-indicator"
-						style="background-color: {getStatusColor(
-							app.status
-						)}; box-shadow: 0 0 8px {getStatusColor(app.status)};"
-					></div>
-
-					<!-- App Icon -->
-					<div
-						class="mb-2 flex h-20 w-20 mx-auto items-center justify-center rounded-xl transition-transform group-hover:scale-110"
-					>
-						{#if app.icon}
-							<img src={app.icon} alt={app.name} class="w-16 h-16 object-contain" />
-						{:else}
-							<div
-								class="flex h-10 w-10 items-center justify-center rounded font-bold text-lg"
-								style="color: {app.color};"
-							>
-								{app.name.charAt(0)}
-							</div>
-						{/if}
-					</div>
-
-					<!-- App Name -->
-					<h4
-						class="text-base font-semibold text-center"
-						style="color: {isDark ? '#ffffff' : '#000000'};"
-					>
-						{app.name}
-					</h4>
-				</button>
-			{/each}
-		</div>
-	</div>
-</div>
-
-<!-- Modal for App Details -->
-{#if selectedApp !== null}
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center"
-		style="background-color: rgba(0, 0, 0, 0.85);"
-		onclick={closeModal}
-	>
-		<!-- Close Button -->
-		<button
-			onclick={closeModal}
-			class="absolute top-6 right-6 rounded-full p-2 transition-all hover:bg-white/10 z-10"
-		>
-			<svg
-				class="h-8 w-8"
-				fill="none"
-				viewBox="0 0 24 24"
-				stroke="currentColor"
-				style="color: #ffffff;"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M6 18L18 6M6 6l12 12"
-				/>
-			</svg>
-		</button>
-
-		<!-- Full-screen Scrollable Container -->
-		<div
-			bind:this={modalScrollContainer}
-			class="absolute inset-0 flex items-center overflow-x-auto scrollbar-hide snap-x snap-mandatory scroll-smooth"
-		>
-			<div class="flex gap-6 px-8 py-8 mx-auto" style="perspective: 1000px;">
-				{#each apps as app, index}
-					<div
-						class="flex-shrink-0 rounded-3xl p-8 snap-center shadow-2xl card-3d relative"
-						style="min-width: 360px; max-width: 360px; background-color: {hoveredApp === index
-							? isDark
-								? '#2A2A2A'
-								: '#F5F5F5'
-							: isDark
-								? '#1E1E1E'
-								: '#ffffff'}; border: 3px solid {app.color}40; transform: perspective(1000px) rotateX({cardRotations[
-							index
-						]?.rotateX || 0}deg) rotateY({cardRotations[index]?.rotateY ||
-							0}deg); transform-style: preserve-3d; transition: transform 0.1s ease-out, background-color 0.2s ease-out; opacity: 1;"
-						onclick={(e) => {
-							e.stopPropagation();
-							selectedApp = index;
-						}}
-						onmouseenter={() => (hoveredApp = index)}
-						onmousemove={(e) => handleCardMouseMove(e, index, e.currentTarget)}
-						onmouseleave={() => {
-							handleCardMouseLeave(index);
-							hoveredApp = null;
-						}}
-					>
-						<!-- Status Indicator with Label -->
-						<div class="absolute top-4 right-4 flex items-center gap-2">
-							<span
-								class="text-xs font-medium"
-								style="color: {isDark ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.7)'};"
-							>
-								{$t(`app_slider.status_${app.status}`)}
-							</span>
-							<div
-								class="w-4 h-4 rounded-full status-indicator"
-								style="background-color: {getStatusColor(
-									app.status
-								)}; box-shadow: 0 0 12px {getStatusColor(app.status)};"
-							></div>
-						</div>
-
-						<!-- App Icon Large -->
-						{#if app.icon}
-							<img src={app.icon} alt={app.name} class="w-28 h-28 object-contain mb-3 mx-auto" />
-						{:else}
-							<div
-								class="flex h-16 w-16 items-center justify-center rounded font-bold text-3xl mb-3 mx-auto"
-								style="color: {app.color};"
-							>
-								{app.name.charAt(0)}
-							</div>
-						{/if}
-
-						<!-- App Name -->
-						<h3
-							class="text-2xl font-bold mb-2 text-center"
-							style="color: {isDark ? '#ffffff' : '#000000'};"
-						>
-							{app.name}
-						</h3>
-
-						<!-- Short Description -->
-						<p class="text-sm mb-4 text-center font-medium" style="color: {app.color};">
-							{app.description}
-						</p>
-
-						<!-- Long Description -->
-						<p
-							class="text-sm leading-relaxed mb-6 text-center"
-							style="color: {isDark ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.7)'};"
-						>
-							{app.longDescription}
-						</p>
-
-						<!-- Coming Soon Badge or Action Button -->
-						<div class="text-center">
-							{#if app.comingSoon}
-								<div
-									class="inline-block rounded-full px-5 py-2.5 text-sm font-medium"
-									style="background-color: {isDark
-										? 'rgba(255, 255, 255, 0.1)'
-										: 'rgba(0, 0, 0, 0.1)'}; color: {isDark
-										? 'rgba(255, 255, 255, 0.5)'
-										: 'rgba(0, 0, 0, 0.5)'};"
-								>
-									{$t('app_slider.coming_soon')}
-								</div>
-							{:else}
-								<button
-									class="rounded-xl px-8 py-3 text-sm font-semibold transition-all hover:opacity-80 border-2 text-white"
-									style="background-color: {app.color}60; border-color: {app.color};"
-								>
-									{$t('app_slider.download')}
-								</button>
-							{/if}
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	/* Hide scrollbar for Chrome, Safari and Opera */
-	.scrollbar-hide::-webkit-scrollbar {
-		display: none;
-	}
-
-	/* Hide scrollbar for IE, Edge and Firefox */
-	.scrollbar-hide {
-		-ms-overflow-style: none; /* IE and Edge */
-		scrollbar-width: none; /* Firefox */
-	}
-
-	/* Status indicator pulse animation */
-	.status-indicator {
-		animation: pulse 2s ease-in-out infinite;
-	}
-
-	@keyframes pulse {
-		0%,
-		100% {
-			opacity: 1;
-		}
-		50% {
-			opacity: 0.6;
-		}
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/AppleSignInButton.svelte b/apps/memoro/apps/web-archived/src/lib/components/AppleSignInButton.svelte
deleted file mode 100644
index 489d8ddb5..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/AppleSignInButton.svelte
+++ /dev/null
@@ -1,83 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { initializeAppleAuth, signInWithApple, waitForAppleAuth } from '$lib/utils/appleAuth';
-
-	// Props
-	interface Props {
-		onError?: (error: Error) => void;
-	}
-
-	let { onError }: Props = $props();
-
-	// State
-	let isLoading = $state(false);
-	let error = $state<string | null>(null);
-	let sdkLoaded = $state(false);
-
-	// Handle Apple Sign-In click
-	async function handleAppleSignIn() {
-		isLoading = true;
-		error = null;
-
-		try {
-			// Redirect to Apple (will come back to /auth/apple-callback)
-			await signInWithApple();
-		} catch (err) {
-			console.error('Error initiating Apple Sign-In:', err);
-			error = err instanceof Error ? err.message : 'Failed to initiate Apple Sign-In';
-			onError?.(err instanceof Error ? err : new Error('Unknown error during Apple Sign-In'));
-			isLoading = false;
-		}
-	}
-
-	// Initialize Apple SDK on mount
-	onMount(async () => {
-		try {
-			// Wait for Apple ID SDK to load
-			await waitForAppleAuth();
-
-			// Initialize Apple Sign-In
-			const initialized = initializeAppleAuth();
-			if (initialized) {
-				sdkLoaded = true;
-			} else {
-				// Don't show error - just hide the button if not configured
-				console.warn('Apple Sign-In not configured - hiding button');
-			}
-		} catch (err) {
-			console.error('Error loading Apple Sign-In:', err);
-			// Don't show error - just hide the button
-		}
-	});
-</script>
-
-<!-- Only show if SDK loaded successfully (i.e., properly configured) -->
-{#if sdkLoaded}
-	<div class="space-y-3">
-		{#if error}
-			<div class="rounded-xl bg-red-500/20 border border-red-500/30 p-3 text-sm text-red-500">
-				{error}
-			</div>
-		{/if}
-
-		<!-- Apple Sign-In Button -->
-		<button
-			onclick={handleAppleSignIn}
-			disabled={isLoading}
-			class="flex h-14 w-full items-center justify-center gap-2 rounded-xl bg-black border border-gray-800 px-4 font-medium text-white transition-all hover:bg-gray-900 disabled:opacity-50"
-		>
-			{#if isLoading}
-				<div
-					class="h-5 w-5 animate-spin rounded-full border-2 border-white border-t-transparent"
-				></div>
-			{:else}
-				<svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor">
-					<path
-						d="M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"
-					/>
-				</svg>
-			{/if}
-			<span>{isLoading ? 'Signing in...' : 'Continue with Apple'}</span>
-		</button>
-	</div>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/AudioPlayer.svelte b/apps/memoro/apps/web-archived/src/lib/components/AudioPlayer.svelte
deleted file mode 100644
index 7673b290a..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/AudioPlayer.svelte
+++ /dev/null
@@ -1,257 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import Icon from '$lib/components/Icon.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-	import { MemoroEvents } from '@manacore/shared-utils/analytics';
-
-	let { src, duration }: { src: string; duration?: number } = $props();
-
-	// Support both 'src' and 'audioUrl' props for compatibility
-	const audioUrl = src;
-
-	let audio: HTMLAudioElement;
-	let currentTime = $state(0);
-	let audioDuration = $state(duration || 0);
-	let isPlaying = $state(false);
-	let isLoading = $state(true);
-	let playbackRate = $state(1.0);
-
-	onMount(() => {
-		if (audio) {
-			audio.addEventListener('loadedmetadata', () => {
-				audioDuration = audio.duration;
-				isLoading = false;
-			});
-
-			audio.addEventListener('timeupdate', () => {
-				currentTime = audio.currentTime;
-			});
-
-			audio.addEventListener('ended', () => {
-				isPlaying = false;
-				currentTime = 0;
-			});
-
-			audio.addEventListener('error', () => {
-				isLoading = false;
-			});
-		}
-	});
-
-	function togglePlay() {
-		if (!audio) return;
-
-		if (isPlaying) {
-			audio.pause();
-		} else {
-			audio.play();
-			MemoroEvents.playbackStarted();
-		}
-		isPlaying = !isPlaying;
-	}
-
-	function seek(e: Event) {
-		if (!audio) return;
-		const input = e.target as HTMLInputElement;
-		audio.currentTime = parseFloat(input.value);
-	}
-
-	function changePlaybackRate() {
-		if (!audio) return;
-		const rates = [1.0, 1.25, 1.5, 1.75, 2.0];
-		const currentIndex = rates.indexOf(playbackRate);
-		const nextIndex = (currentIndex + 1) % rates.length;
-		playbackRate = rates[nextIndex];
-		audio.playbackRate = playbackRate;
-	}
-
-	function formatTime(seconds: number) {
-		if (isNaN(seconds)) return '0:00';
-		const mins = Math.floor(seconds / 60);
-		const secs = Math.floor(seconds % 60);
-		return `${mins}:${secs.toString().padStart(2, '0')}`;
-	}
-
-	function skipForward() {
-		if (!audio) return;
-		audio.currentTime = Math.min(audio.currentTime + 10, audioDuration);
-	}
-
-	function skipBackward() {
-		if (!audio) return;
-		audio.currentTime = Math.max(audio.currentTime - 10, 0);
-	}
-
-	// Calculate progress percentage for styling
-	const progressPercent = $derived(audioDuration > 0 ? (currentTime / audioDuration) * 100 : 0);
-</script>
-
-<div class="rounded-2xl border border-theme bg-content p-4">
-	<audio bind:this={audio} src={audioUrl} preload="metadata"></audio>
-
-	<!-- Progress Bar -->
-	<div class="mb-4">
-		<input
-			type="range"
-			min="0"
-			max={audioDuration || 100}
-			value={currentTime}
-			oninput={seek}
-			class="audio-slider w-full"
-			style="--progress: {progressPercent}%"
-			disabled={isLoading}
-		/>
-		<div class="mt-1 flex justify-between">
-			<Text variant="muted">{formatTime(currentTime)}</Text>
-			<Text variant="muted">{formatTime(audioDuration)}</Text>
-		</div>
-	</div>
-
-	<!-- Controls -->
-	<div class="flex items-center justify-center gap-4">
-		<!-- Skip Backward -->
-		<button
-			onclick={skipBackward}
-			disabled={isLoading}
-			class="rounded-full bg-secondary-button p-2 transition-colors hover:bg-content-hover disabled:opacity-50"
-			title="Skip backward 10s"
-		>
-			<Icon name="skip-back" size={24} class="text-theme" />
-		</button>
-
-		<!-- Play/Pause -->
-		<button
-			onclick={togglePlay}
-			disabled={isLoading}
-			class="rounded-full bg-primary-button p-4 text-primary-button-text transition-colors hover:opacity-90 disabled:opacity-50"
-			title={isPlaying ? 'Pause' : 'Play'}
-		>
-			{#if isLoading}
-				<svg class="h-6 w-6 animate-spin" fill="none" viewBox="0 0 24 24">
-					<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"
-					></circle>
-					<path
-						class="opacity-75"
-						fill="currentColor"
-						d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-					></path>
-				</svg>
-			{:else if isPlaying}
-				<Icon name="pause" size={24} />
-			{:else}
-				<Icon name="play" size={24} />
-			{/if}
-		</button>
-
-		<!-- Skip Forward -->
-		<button
-			onclick={skipForward}
-			disabled={isLoading}
-			class="rounded-full bg-secondary-button p-2 transition-colors hover:bg-content-hover disabled:opacity-50"
-			title="Skip forward 10s"
-		>
-			<Icon name="skip-forward" size={24} class="text-theme" />
-		</button>
-
-		<!-- Playback Speed -->
-		<button
-			onclick={changePlaybackRate}
-			disabled={isLoading}
-			class="rounded-lg bg-secondary-button px-3 py-1 text-sm font-medium text-theme transition-colors hover:bg-content-hover disabled:opacity-50"
-			title="Change playback speed"
-		>
-			{playbackRate}x
-		</button>
-	</div>
-</div>
-
-<style>
-	/* Custom Range Slider Styling */
-	.audio-slider {
-		-webkit-appearance: none;
-		appearance: none;
-		height: 8px;
-		border-radius: 4px;
-		background: transparent;
-		outline: none;
-		cursor: pointer;
-		position: relative;
-	}
-
-	.audio-slider:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	/* Webkit (Chrome, Safari, Edge) - Track */
-	.audio-slider::-webkit-slider-runnable-track {
-		width: 100%;
-		height: 8px;
-		border-radius: 4px;
-		background: linear-gradient(
-			to right,
-			var(--color-primary-button) 0%,
-			var(--color-primary-button) var(--progress, 0%),
-			var(--color-border) var(--progress, 0%),
-			var(--color-border) 100%
-		);
-	}
-
-	/* Webkit - Thumb */
-	.audio-slider::-webkit-slider-thumb {
-		-webkit-appearance: none;
-		appearance: none;
-		width: 20px;
-		height: 20px;
-		border-radius: 50%;
-		background: var(--color-primary-button);
-		cursor: pointer;
-		border: 3px solid var(--color-content-bg);
-		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-		margin-top: -6px;
-		transition: transform 0.1s ease;
-	}
-
-	.audio-slider::-webkit-slider-thumb:hover {
-		transform: scale(1.15);
-	}
-
-	.audio-slider::-webkit-slider-thumb:active {
-		transform: scale(1.1);
-	}
-
-	/* Firefox - Track */
-	.audio-slider::-moz-range-track {
-		width: 100%;
-		height: 8px;
-		border-radius: 4px;
-		background: var(--color-border);
-	}
-
-	/* Firefox - Progress */
-	.audio-slider::-moz-range-progress {
-		height: 8px;
-		border-radius: 4px;
-		background: var(--color-primary-button);
-	}
-
-	/* Firefox - Thumb */
-	.audio-slider::-moz-range-thumb {
-		width: 14px;
-		height: 14px;
-		border-radius: 50%;
-		background: var(--color-primary-button);
-		cursor: pointer;
-		border: 3px solid var(--color-content-bg);
-		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-		transition: transform 0.1s ease;
-	}
-
-	.audio-slider::-moz-range-thumb:hover {
-		transform: scale(1.15);
-	}
-
-	.audio-slider::-moz-range-thumb:active {
-		transform: scale(1.1);
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/AudioRecorder.svelte b/apps/memoro/apps/web-archived/src/lib/components/AudioRecorder.svelte
deleted file mode 100644
index 184d9e940..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/AudioRecorder.svelte
+++ /dev/null
@@ -1,281 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-	import { recording } from '$lib/stores/recording';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	let mediaRecorder: MediaRecorder | null = null;
-	let audioChunks: Blob[] = [];
-	let stream: MediaStream | null = null;
-	let durationInterval: number;
-	let startTime: number = 0;
-
-	let hasPermission = $state(false);
-	let permissionDenied = $state(false);
-
-	onMount(async () => {
-		await checkPermissions();
-	});
-
-	onDestroy(() => {
-		stopRecording();
-		if (stream) {
-			stream.getTracks().forEach((track) => track.stop());
-		}
-		if (durationInterval) {
-			clearInterval(durationInterval);
-		}
-	});
-
-	async function checkPermissions() {
-		try {
-			const result = await navigator.permissions.query({ name: 'microphone' as PermissionName });
-			hasPermission = result.state === 'granted';
-			permissionDenied = result.state === 'denied';
-
-			result.addEventListener('change', () => {
-				hasPermission = result.state === 'granted';
-				permissionDenied = result.state === 'denied';
-			});
-		} catch (error) {
-			console.log('Permissions API not supported, will request on first use');
-		}
-	}
-
-	async function startRecording() {
-		try {
-			audioChunks = [];
-			recording.setError(null);
-
-			// Request microphone access
-			stream = await navigator.mediaDevices.getUserMedia({
-				audio: {
-					echoCancellation: true,
-					noiseSuppression: true,
-					autoGainControl: true,
-				},
-			});
-
-			hasPermission = true;
-			permissionDenied = false;
-
-			// Create media recorder
-			const mimeType = MediaRecorder.isTypeSupported('audio/webm') ? 'audio/webm' : 'audio/mp4';
-			mediaRecorder = new MediaRecorder(stream, { mimeType });
-
-			mediaRecorder.ondataavailable = (event) => {
-				if (event.data.size > 0) {
-					audioChunks.push(event.data);
-				}
-			};
-
-			mediaRecorder.onstop = () => {
-				const audioBlob = new Blob(audioChunks, { type: mimeType });
-				recording.setAudioBlob(audioBlob);
-				recording.setStatus('stopped');
-			};
-
-			// Start recording
-			mediaRecorder.start();
-			startTime = Date.now();
-			recording.setStatus('recording');
-			recording.setDuration(0);
-
-			// Update duration every 100ms
-			durationInterval = setInterval(() => {
-				const elapsed = Date.now() - startTime;
-				recording.setDuration(Math.floor(elapsed / 1000));
-			}, 100);
-		} catch (error: any) {
-			console.error('Error starting recording:', error);
-			if (error.name === 'NotAllowedError') {
-				permissionDenied = true;
-				recording.setError(
-					'Microphone permission denied. Please enable it in your browser settings.'
-				);
-			} else {
-				recording.setError('Failed to start recording: ' + error.message);
-			}
-		}
-	}
-
-	function pauseRecording() {
-		if (mediaRecorder && mediaRecorder.state === 'recording') {
-			mediaRecorder.pause();
-			recording.setStatus('paused');
-			clearInterval(durationInterval);
-		}
-	}
-
-	function resumeRecording() {
-		if (mediaRecorder && mediaRecorder.state === 'paused') {
-			mediaRecorder.resume();
-			recording.setStatus('recording');
-			startTime = Date.now() - $recording.duration * 1000;
-			durationInterval = setInterval(() => {
-				const elapsed = Date.now() - startTime;
-				recording.setDuration(Math.floor(elapsed / 1000));
-			}, 100);
-		}
-	}
-
-	function stopRecording() {
-		if (mediaRecorder && mediaRecorder.state !== 'inactive') {
-			mediaRecorder.stop();
-			clearInterval(durationInterval);
-
-			// Stop all tracks
-			if (stream) {
-				stream.getTracks().forEach((track) => track.stop());
-			}
-		}
-	}
-
-	function formatDuration(seconds: number) {
-		const mins = Math.floor(seconds / 60);
-		const secs = seconds % 60;
-		return `${mins}:${secs.toString().padStart(2, '0')}`;
-	}
-
-	function reset() {
-		stopRecording();
-		recording.reset();
-		audioChunks = [];
-	}
-</script>
-
-<div class="space-y-6">
-	<!-- Permission Status -->
-	{#if permissionDenied}
-		<div class="card bg-red-50 dark:bg-red-900/20">
-			<div class="flex items-start gap-3">
-				<svg
-					class="h-6 w-6 text-red-600 dark:text-red-400"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-					/>
-				</svg>
-				<div>
-					<Text variant="body" weight="semibold" class="text-red-800 dark:text-red-300"
-						>Microphone Permission Required</Text
-					>
-					<Text variant="small" class="mt-1 text-red-700 dark:text-red-400">
-						Please enable microphone access in your browser settings to record audio.
-					</Text>
-				</div>
-			</div>
-		</div>
-	{/if}
-
-	{#if $recording.error}
-		<div class="card bg-red-50 dark:bg-red-900/20">
-			<Text variant="body" class="text-red-800 dark:text-red-300">{$recording.error}</Text>
-		</div>
-	{/if}
-
-	<!-- Recording Interface -->
-	<div class="card">
-		<div class="text-center">
-			<!-- Visual Indicator -->
-			<div class="mb-6 flex justify-center">
-				{#if $recording.status === 'recording'}
-					<div class="relative">
-						<div class="h-32 w-32 rounded-full bg-red-600 animate-pulse"></div>
-						<div class="absolute inset-0 flex items-center justify-center">
-							<svg class="h-16 w-16 text-white" fill="currentColor" viewBox="0 0 24 24">
-								<path
-									d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"
-								/>
-								<path
-									d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"
-								/>
-							</svg>
-						</div>
-					</div>
-				{:else if $recording.status === 'paused'}
-					<div class="h-32 w-32 rounded-full bg-yellow-600 flex items-center justify-center">
-						<svg class="h-16 w-16 text-white" fill="currentColor" viewBox="0 0 24 24">
-							<path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z" />
-						</svg>
-					</div>
-				{:else if $recording.status === 'stopped' && $recording.audioUrl}
-					<div class="h-32 w-32 rounded-full bg-green-600 flex items-center justify-center">
-						<svg class="h-16 w-16 text-white" fill="currentColor" viewBox="0 0 24 24">
-							<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
-						</svg>
-					</div>
-				{:else}
-					<div
-						class="h-32 w-32 rounded-full bg-gray-300 dark:bg-gray-700 flex items-center justify-center"
-					>
-						<svg class="h-16 w-16 text-theme-secondary" fill="currentColor" viewBox="0 0 24 24">
-							<path
-								d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"
-							/>
-							<path
-								d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"
-							/>
-						</svg>
-					</div>
-				{/if}
-			</div>
-
-			<!-- Duration -->
-			<Text variant="large" weight="bold" class="mb-6 text-4xl tabular-nums">
-				{formatDuration($recording.duration)}
-			</Text>
-
-			<!-- Status Text -->
-			<Text variant="large" class="mb-6 text-theme-secondary">
-				{#if $recording.status === 'idle'}
-					Ready to record
-				{:else if $recording.status === 'recording'}
-					Recording...
-				{:else if $recording.status === 'paused'}
-					Recording paused
-				{:else if $recording.status === 'stopped'}
-					Recording complete
-				{:else if $recording.status === 'uploading'}
-					Uploading...
-				{/if}
-			</Text>
-
-			<!-- Controls -->
-			<div class="flex justify-center gap-4">
-				{#if $recording.status === 'idle'}
-					<button
-						onclick={startRecording}
-						disabled={permissionDenied}
-						class="btn-primary px-8 py-3 text-lg"
-					>
-						🎤 Start Recording
-					</button>
-				{:else if $recording.status === 'recording'}
-					<button onclick={pauseRecording} class="btn-secondary px-6 py-3"> ⏸️ Pause </button>
-					<button onclick={stopRecording} class="btn-primary px-6 py-3 bg-red-600 hover:bg-red-700">
-						⏹️ Stop
-					</button>
-				{:else if $recording.status === 'paused'}
-					<button onclick={resumeRecording} class="btn-primary px-6 py-3"> ▶️ Resume </button>
-					<button onclick={stopRecording} class="btn-secondary px-6 py-3"> ⏹️ Stop </button>
-				{:else if $recording.status === 'stopped'}
-					<button onclick={reset} class="btn-secondary px-6 py-3"> 🔄 Record Again </button>
-				{/if}
-			</div>
-		</div>
-	</div>
-
-	<!-- Playback -->
-	{#if $recording.status === 'stopped' && $recording.audioUrl}
-		<div class="card">
-			<Text variant="large" weight="semibold" class="mb-4">Preview Recording</Text>
-			<audio controls src={$recording.audioUrl} class="w-full"></audio>
-		</div>
-	{/if}
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/BillingToggle.svelte b/apps/memoro/apps/web-archived/src/lib/components/BillingToggle.svelte
deleted file mode 100644
index b670e3123..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/BillingToggle.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-	export type BillingCycle = 'monthly' | 'yearly';
-
-	interface Props {
-		billingCycle: BillingCycle;
-		onChange: (cycle: BillingCycle) => void;
-		yearlyDiscount?: string;
-	}
-
-	let { billingCycle, onChange, yearlyDiscount = '33%' }: Props = $props();
-</script>
-
-<div class="mx-auto mb-2 flex max-w-lg rounded-lg p-1 bg-menu">
-	<button
-		onclick={() => onChange('monthly')}
-		class="flex flex-1 items-center justify-center rounded-md py-3 transition-colors"
-		class:bg-content={billingCycle === 'monthly'}
-		class:text-mana={billingCycle === 'monthly'}
-		class:font-bold={billingCycle === 'monthly'}
-		class:text-theme={billingCycle !== 'monthly'}
-	>
-		<span class="text-sm"> Monatlich </span>
-	</button>
-
-	<button
-		onclick={() => onChange('yearly')}
-		class="flex flex-1 items-center justify-center gap-2 rounded-md py-3 transition-colors"
-		class:bg-content={billingCycle === 'yearly'}
-		class:text-mana={billingCycle === 'yearly'}
-		class:font-bold={billingCycle === 'yearly'}
-		class:text-theme={billingCycle !== 'yearly'}
-	>
-		<span class="text-sm"> Jährlich </span>
-		{#if yearlyDiscount}
-			<span class="rounded-xl bg-mana px-2 py-1 text-xs font-bold text-white">
-				-{yearlyDiscount}
-			</span>
-		{/if}
-	</button>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/BlueprintCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/BlueprintCard.svelte
deleted file mode 100644
index 3b7b070bc..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/BlueprintCard.svelte
+++ /dev/null
@@ -1,178 +0,0 @@
-<script lang="ts">
-	interface Category {
-		id: string;
-		name: { de?: string; en?: string } | string;
-		style?: { color?: string } | string;
-	}
-
-	interface Props {
-		id: string;
-		name: { de?: string; en?: string };
-		description?: { de?: string; en?: string };
-		category?: Category;
-		isPublic: boolean;
-		createdAt: string;
-		onPress: (id: string) => void;
-		showCategory?: boolean;
-		isActive?: boolean;
-		onToggleActive?: (id: string) => Promise<void>;
-	}
-
-	let {
-		id,
-		name,
-		description,
-		category,
-		isPublic,
-		createdAt,
-		onPress,
-		showCategory = false,
-		isActive = false,
-		onToggleActive,
-	}: Props = $props();
-
-	// Get current language (simplified, you can use i18n store later)
-	const lang = 'de'; // or get from i18n store
-
-	const displayName = $derived(name?.[lang] || name?.en || name?.de || 'Unnamed Blueprint');
-	const displayDescription = $derived(
-		description?.[lang] || description?.en || description?.de || ''
-	);
-
-	// Parse category name and color
-	let categoryName = $state('');
-	let categoryColor = $state('#808080');
-
-	$effect(() => {
-		if (category) {
-			// Parse category name
-			if (category.name) {
-				if (typeof category.name === 'string') {
-					try {
-						const nameObj = JSON.parse(category.name);
-						categoryName = nameObj[lang] || nameObj.en || nameObj.de || '';
-					} catch (e) {
-						categoryName = category.name;
-					}
-				} else {
-					categoryName = category.name[lang] || category.name.en || category.name.de || '';
-				}
-			}
-
-			// Parse category color
-			if (category.style) {
-				if (typeof category.style === 'string') {
-					try {
-						const styleObj = JSON.parse(category.style);
-						categoryColor = styleObj.color || '#808080';
-					} catch (e) {
-						categoryColor = '#808080';
-					}
-				} else {
-					categoryColor = category.style.color || '#808080';
-				}
-			}
-
-			// Validate color format
-			if (!categoryColor.startsWith('#')) {
-				categoryColor = '#808080';
-			}
-		}
-	});
-
-	let isLoading = $state(false);
-
-	async function handleToggleActive(event: MouseEvent) {
-		event.stopPropagation();
-		if (onToggleActive && !isLoading) {
-			isLoading = true;
-			try {
-				await onToggleActive(id);
-			} finally {
-				isLoading = false;
-			}
-		}
-	}
-
-	function handleCardClick() {
-		onPress(id);
-	}
-</script>
-
-<div
-	onclick={handleCardClick}
-	class="w-full cursor-pointer rounded-2xl border border-theme bg-content p-4 text-left transition-colors hover:bg-content-hover"
-	role="button"
-	tabindex="0"
-	onkeydown={(e) => {
-		if (e.key === 'Enter' || e.key === ' ') {
-			e.preventDefault();
-			handleCardClick();
-		}
-	}}
->
-	<!-- Header -->
-	<div class="mb-2 flex items-center justify-between">
-		<h3 class="mr-2 flex-1 truncate text-lg font-bold text-theme">{displayName}</h3>
-		<div class="flex items-center gap-3">
-			<!-- Pin Button -->
-			<button
-				onclick={handleToggleActive}
-				class="rounded-lg p-2 transition-colors"
-				style="background-color: {isActive
-					? 'rgba(255, 149, 0, 0.15)'
-					: 'rgba(128, 128, 128, 0.1)'}"
-				disabled={isLoading}
-			>
-				{#if isLoading}
-					<div
-						class="h-5 w-5 animate-spin rounded-full border-2 border-gray-400 border-t-transparent"
-					></div>
-				{:else}
-					<svg
-						class="h-5 w-5"
-						fill={isActive ? 'currentColor' : 'none'}
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-						style="color: {isActive ? '#FF9500' : 'currentColor'}"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
-						/>
-					</svg>
-				{/if}
-			</button>
-		</div>
-	</div>
-
-	<!-- Description -->
-	{#if displayDescription}
-		<p class="mb-2 line-clamp-2 text-sm text-theme-secondary">
-			{displayDescription}
-		</p>
-	{/if}
-
-	<!-- Category Tag -->
-	{#if showCategory && category && categoryName}
-		<div class="mt-1 flex">
-			<span
-				class="rounded-lg border px-2.5 py-1 text-xs font-semibold"
-				style="background-color: {categoryColor}33; border-color: {categoryColor}; color: {categoryColor}"
-			>
-				{categoryName}
-			</span>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.line-clamp-2 {
-		display: -webkit-box;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-		overflow: hidden;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/BlueprintModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/BlueprintModal.svelte
deleted file mode 100644
index 5f35f5c4c..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/BlueprintModal.svelte
+++ /dev/null
@@ -1,279 +0,0 @@
-<script lang="ts">
-	import { createAuthClient } from '$lib/supabaseClient';
-	import Modal from './Modal.svelte';
-
-	interface Prompt {
-		id: string;
-		memory_title: {
-			de?: string;
-			en?: string;
-		};
-		prompt_text: {
-			de?: string;
-			en?: string;
-		};
-		sort_order?: number;
-		created_at?: string;
-	}
-
-	interface Blueprint {
-		id: string;
-		name: {
-			de?: string;
-			en?: string;
-		};
-		description?: {
-			de?: string;
-			en?: string;
-		};
-		prompts?: Prompt[];
-	}
-
-	interface Props {
-		visible: boolean;
-		onClose: () => void;
-		blueprint: Blueprint | null;
-		isActive: boolean;
-		onToggleActive: (id: string) => Promise<void>;
-	}
-
-	let { visible, onClose, blueprint, isActive, onToggleActive }: Props = $props();
-
-	const lang = 'de'; // Can be replaced with i18n store
-
-	const displayName = $derived(
-		blueprint?.name?.[lang] || blueprint?.name?.en || blueprint?.name?.de || ''
-	);
-	const displayDescription = $derived(
-		blueprint?.description?.[lang] || blueprint?.description?.en || blueprint?.description?.de || ''
-	);
-
-	let prompts = $state<Prompt[]>([]);
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let isActivating = $state(false);
-
-	// Load prompts when modal opens
-	$effect(() => {
-		if (visible && blueprint) {
-			loadPrompts();
-		}
-	});
-
-	async function loadPrompts() {
-		if (!blueprint) return;
-
-		try {
-			loading = true;
-			error = null;
-
-			const supabase = await createAuthClient();
-
-			// Fetch prompt links
-			const { data: promptLinks, error: promptLinksError } = await supabase
-				.from('prompt_blueprints')
-				.select('prompt_id')
-				.eq('blueprint_id', blueprint.id);
-
-			if (promptLinksError) {
-				error = 'Error loading prompts';
-				prompts = [];
-				return;
-			}
-
-			if (!promptLinks || promptLinks.length === 0) {
-				prompts = [];
-				return;
-			}
-
-			// Extract prompt IDs
-			const promptIds = promptLinks.map((link) => link.prompt_id);
-
-			// Fetch prompts
-			const { data: promptsData, error: promptsError } = await supabase
-				.from('prompts')
-				.select('*')
-				.in('id', promptIds);
-
-			if (promptsError) {
-				error = 'Error loading prompts';
-				prompts = [];
-				return;
-			}
-
-			if (!promptsData || promptsData.length === 0) {
-				prompts = [];
-				return;
-			}
-
-			// Sort prompts by sort_order (ascending) then created_at (descending)
-			const sortedPrompts = [...promptsData].sort((a, b) => {
-				// First sort by sort_order (ascending)
-				if (a.sort_order !== undefined && b.sort_order !== undefined) {
-					if (a.sort_order !== b.sort_order) {
-						return a.sort_order - b.sort_order;
-					}
-				} else if (a.sort_order !== undefined) {
-					return -1;
-				} else if (b.sort_order !== undefined) {
-					return 1;
-				}
-
-				// Then sort by created_at (descending - newest first)
-				if (a.created_at && b.created_at) {
-					return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
-				}
-
-				return 0;
-			});
-
-			prompts = sortedPrompts;
-		} catch (err) {
-			error = 'An unexpected error occurred';
-			prompts = [];
-		} finally {
-			loading = false;
-		}
-	}
-
-	async function handleToggleActive() {
-		if (!blueprint) return;
-
-		isActivating = true;
-		try {
-			await onToggleActive(blueprint.id);
-		} finally {
-			isActivating = false;
-		}
-	}
-
-	function handleStartRecording() {
-		// TODO: Navigate to recording page with selected blueprint
-		console.log('Start recording with blueprint:', blueprint?.id);
-		onClose();
-	}
-</script>
-
-{#if blueprint}
-	<Modal {visible} {onClose} title="Vorlage: {displayName}">
-		{#snippet children()}
-			<!-- Description -->
-			{#if displayDescription}
-				<p class="mb-6 text-base text-theme-secondary">
-					{displayDescription}
-				</p>
-			{/if}
-
-			<!-- Prompts Section -->
-			<h3 class="mb-4 text-lg font-bold text-theme">Prompts</h3>
-
-			<div class="min-h-[200px]">
-				{#if loading}
-					<!-- Skeleton Loader -->
-					<div class="space-y-3">
-						{#each Array(3) as _, i}
-							<div class="rounded-xl bg-menu p-4">
-								<div
-									class="mb-2 h-4 animate-pulse rounded bg-menu-hover"
-									style="width: {60 + i * 15}%"
-								></div>
-								<div class="mb-1 h-3 animate-pulse rounded bg-menu-hover" style="width: 100%"></div>
-								<div
-									class="h-3 animate-pulse rounded bg-menu-hover"
-									style="width: {70 + i * 10}%"
-								></div>
-							</div>
-						{/each}
-					</div>
-				{:else if error}
-					<!-- Error State -->
-					<div class="py-4">
-						<p class="text-red-500">{error}</p>
-					</div>
-				{:else if prompts.length === 0}
-					<!-- Empty State -->
-					<div class="py-4">
-						<p class="text-theme-secondary">Keine Prompts für diesen Blueprint verfügbar.</p>
-					</div>
-				{:else}
-					<!-- Prompts List -->
-					<div class="space-y-3">
-						{#each prompts as prompt (prompt.id)}
-							<div class="rounded-xl border border-theme bg-content-hover p-4 shadow-sm">
-								<h4 class="mb-1 text-base font-semibold text-theme">
-									{prompt.memory_title?.[lang] ||
-										prompt.memory_title?.en ||
-										prompt.memory_title?.de ||
-										'Unbenannter Prompt'}
-								</h4>
-								<p class="line-clamp-2 text-sm text-theme-secondary">
-									{prompt.prompt_text?.[lang] ||
-										prompt.prompt_text?.en ||
-										prompt.prompt_text?.de ||
-										''}
-								</p>
-							</div>
-						{/each}
-					</div>
-				{/if}
-			</div>
-		{/snippet}
-
-		{#snippet footer()}
-			<div class="flex gap-3">
-				<!-- Pin/Unpin Button -->
-				<button
-					onclick={handleToggleActive}
-					class="btn-secondary flex flex-1 items-center justify-center gap-2"
-					disabled={isActivating}
-				>
-					{#if isActivating}
-						<div
-							class="h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent"
-						></div>
-					{:else}
-						<svg
-							class="h-5 w-5"
-							fill={isActive ? 'currentColor' : 'none'}
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
-							/>
-						</svg>
-					{/if}
-					<span>{isActive ? 'Entpinnen' : 'Anpinnen'}</span>
-				</button>
-
-				<!-- Record Button -->
-				<button
-					onclick={handleStartRecording}
-					class="btn-primary flex flex-1 items-center justify-center gap-2"
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"
-						/>
-					</svg>
-					<span>Aufnehmen</span>
-				</button>
-			</div>
-		{/snippet}
-	</Modal>
-{/if}
-
-<style>
-	.line-clamp-2 {
-		display: -webkit-box;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-		overflow: hidden;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/BlueprintModal.svelte.backup b/apps/memoro/apps/web-archived/src/lib/components/BlueprintModal.svelte.backup
deleted file mode 100644
index 286083323..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/BlueprintModal.svelte.backup
+++ /dev/null
@@ -1,321 +0,0 @@
-<script lang="ts">
-	import { createAuthClient } from '$lib/supabaseClient';
-
-	interface Prompt {
-		id: string;
-		memory_title: {
-			de?: string;
-			en?: string;
-		};
-		prompt_text: {
-			de?: string;
-			en?: string;
-		};
-		sort_order?: number;
-		created_at?: string;
-	}
-
-	interface Blueprint {
-		id: string;
-		name: {
-			de?: string;
-			en?: string;
-		};
-		description?: {
-			de?: string;
-			en?: string;
-		};
-		prompts?: Prompt[];
-	}
-
-	interface Props {
-		visible: boolean;
-		onClose: () => void;
-		blueprint: Blueprint | null;
-		isActive: boolean;
-		onToggleActive: (id: string) => Promise<void>;
-	}
-
-	let { visible, onClose, blueprint, isActive, onToggleActive }: Props = $props();
-
-	const lang = 'de'; // Can be replaced with i18n store
-
-	const displayName = $derived(
-		blueprint?.name?.[lang] || blueprint?.name?.en || blueprint?.name?.de || ''
-	);
-	const displayDescription = $derived(
-		blueprint?.description?.[lang] || blueprint?.description?.en || blueprint?.description?.de || ''
-	);
-
-	let prompts = $state<Prompt[]>([]);
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let isActivating = $state(false);
-
-	// Load prompts when modal opens
-	$effect(() => {
-		if (visible && blueprint) {
-			loadPrompts();
-		}
-	});
-
-	async function loadPrompts() {
-		if (!blueprint) return;
-
-		try {
-			loading = true;
-			error = null;
-
-			const supabase = await createAuthClient();
-
-			// Fetch prompt links
-			const { data: promptLinks, error: promptLinksError } = await supabase
-				.from('prompt_blueprints')
-				.select('prompt_id')
-				.eq('blueprint_id', blueprint.id);
-
-			if (promptLinksError) {
-				error = 'Error loading prompts';
-				prompts = [];
-				return;
-			}
-
-			if (!promptLinks || promptLinks.length === 0) {
-				prompts = [];
-				return;
-			}
-
-			// Extract prompt IDs
-			const promptIds = promptLinks.map((link) => link.prompt_id);
-
-			// Fetch prompts
-			const { data: promptsData, error: promptsError } = await supabase
-				.from('prompts')
-				.select('*')
-				.in('id', promptIds);
-
-			if (promptsError) {
-				error = 'Error loading prompts';
-				prompts = [];
-				return;
-			}
-
-			if (!promptsData || promptsData.length === 0) {
-				prompts = [];
-				return;
-			}
-
-			// Sort prompts by sort_order (ascending) then created_at (descending)
-			const sortedPrompts = [...promptsData].sort((a, b) => {
-				// First sort by sort_order (ascending)
-				if (a.sort_order !== undefined && b.sort_order !== undefined) {
-					if (a.sort_order !== b.sort_order) {
-						return a.sort_order - b.sort_order;
-					}
-				} else if (a.sort_order !== undefined) {
-					return -1;
-				} else if (b.sort_order !== undefined) {
-					return 1;
-				}
-
-				// Then sort by created_at (descending - newest first)
-				if (a.created_at && b.created_at) {
-					return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
-				}
-
-				return 0;
-			});
-
-			prompts = sortedPrompts;
-		} catch (err) {
-			error = 'An unexpected error occurred';
-			prompts = [];
-		} finally {
-			loading = false;
-		}
-	}
-
-	async function handleToggleActive() {
-		if (!blueprint) return;
-
-		isActivating = true;
-		try {
-			await onToggleActive(blueprint.id);
-		} finally {
-			isActivating = false;
-		}
-	}
-
-	function handleStartRecording() {
-		// TODO: Navigate to recording page with selected blueprint
-		console.log('Start recording with blueprint:', blueprint?.id);
-		onClose();
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-</script>
-
-{#if visible && blueprint}
-	<!-- Modal Backdrop -->
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"
-		onclick={handleBackdropClick}
-		role="dialog"
-		aria-modal="true"
-	>
-		<!-- Modal Content -->
-		<div
-			class="relative flex max-h-[90vh] w-full max-w-2xl flex-col rounded-3xl border border-theme bg-content shadow-2xl"
-			onclick={(e) => e.stopPropagation()}
-		>
-			<!-- Header -->
-			<div class="flex items-start justify-between border-b border-theme p-6">
-				<div class="flex-1 pr-4">
-					<h2 class="text-2xl font-bold text-theme">
-						Vorlage: {displayName}
-					</h2>
-				</div>
-				<button
-					onclick={onClose}
-					class="rounded-lg p-2 transition-colors bg-content-hover"
-					aria-label="Close modal"
-				>
-					<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M6 18L18 6M6 6l12 12"
-						/>
-					</svg>
-				</button>
-			</div>
-
-			<!-- Body (scrollable) -->
-			<div class="flex-1 overflow-y-auto p-6">
-				<!-- Description -->
-				{#if displayDescription}
-					<p class="mb-6 text-base text-theme-secondary">
-						{displayDescription}
-					</p>
-				{/if}
-
-				<!-- Prompts Section -->
-				<h3 class="mb-4 text-lg font-bold text-theme">Prompts</h3>
-
-				<div class="min-h-[200px]">
-					{#if loading}
-						<!-- Skeleton Loader -->
-						<div class="space-y-3">
-							{#each Array(3) as _, i}
-								<div class="rounded-xl bg-menu p-4">
-									<div
-										class="mb-2 h-4 animate-pulse rounded bg-menu-hover"
-										style="width: {60 + i * 15}%"
-									></div>
-									<div class="mb-1 h-3 animate-pulse rounded bg-menu-hover" style="width: 100%"></div>
-									<div
-										class="h-3 animate-pulse rounded bg-menu-hover"
-										style="width: {70 + i * 10}%"
-									></div>
-								</div>
-							{/each}
-						</div>
-					{:else if error}
-						<!-- Error State -->
-						<div class="py-4">
-							<p class="text-red-500">{error}</p>
-						</div>
-					{:else if prompts.length === 0}
-						<!-- Empty State -->
-						<div class="py-4">
-							<p class="text-theme-secondary">Keine Prompts für diesen Blueprint verfügbar.</p>
-						</div>
-					{:else}
-						<!-- Prompts List -->
-						<div class="space-y-3">
-							{#each prompts as prompt (prompt.id)}
-								<div class="rounded-xl border border-theme bg-content-hover p-4 shadow-sm">
-									<h4 class="mb-1 text-base font-semibold text-theme">
-										{prompt.memory_title?.[lang] ||
-											prompt.memory_title?.en ||
-											prompt.memory_title?.de ||
-											'Unbenannter Prompt'}
-									</h4>
-									<p class="line-clamp-2 text-sm text-theme-secondary">
-										{prompt.prompt_text?.[lang] ||
-											prompt.prompt_text?.en ||
-											prompt.prompt_text?.de ||
-											''}
-									</p>
-								</div>
-							{/each}
-						</div>
-					{/if}
-				</div>
-			</div>
-
-			<!-- Footer -->
-			<div class="border-t border-theme p-6">
-				<div class="space-y-3">
-					<!-- Record Button -->
-					<button
-						onclick={handleStartRecording}
-						class="btn-primary w-full justify-center"
-					>
-						<svg class="mr-2 h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"
-							/>
-						</svg>
-						Aufnehmen
-					</button>
-
-					<!-- Pin/Unpin Button -->
-					<button
-						onclick={handleToggleActive}
-						class="w-full justify-center {isActive ? 'btn-primary' : 'btn-secondary'}"
-						disabled={isActivating}
-					>
-						{#if isActivating}
-							<div
-								class="mr-2 h-5 w-5 animate-spin rounded-full border-2 border-white border-t-transparent"
-							></div>
-						{:else}
-							<svg
-								class="mr-2 h-5 w-5"
-								fill={isActive ? 'currentColor' : 'none'}
-								stroke="currentColor"
-								viewBox="0 0 24 24"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
-								/>
-							</svg>
-						{/if}
-						{isActive ? 'Entpinnen' : 'Anpinnen'}
-					</button>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.line-clamp-2 {
-		display: -webkit-box;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-		overflow: hidden;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/BlueprintSelector.svelte b/apps/memoro/apps/web-archived/src/lib/components/BlueprintSelector.svelte
deleted file mode 100644
index 620eaeab4..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/BlueprintSelector.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { t } from 'svelte-i18n';
-	import { createAuthClient } from '$lib/supabaseClient';
-
-	// Standard blueprint ID - matches the mobile app constant
-	const STANDARD_BLUEPRINT_ID = '11111111-2222-3333-4444-555555555555';
-
-	interface Blueprint {
-		id: string;
-		name: {
-			de?: string;
-			en?: string;
-		};
-		description?: {
-			de?: string;
-			en?: string;
-		};
-		is_public: boolean;
-	}
-
-	interface Props {
-		selectedBlueprintId: string | null;
-		onSelectBlueprint: (blueprintId: string | null) => void;
-	}
-
-	let { selectedBlueprintId, onSelectBlueprint }: Props = $props();
-
-	let blueprints = $state<Blueprint[]>([]);
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-
-	const lang = 'de'; // Can be replaced with i18n store
-
-	onMount(async () => {
-		await fetchActiveBlueprints();
-	});
-
-	async function fetchActiveBlueprints() {
-		try {
-			loading = true;
-			error = null;
-
-			// Get active blueprint IDs from localStorage
-			const stored = localStorage.getItem('active-blueprints');
-			let activeIds: string[] = [];
-			if (stored) {
-				try {
-					activeIds = JSON.parse(stored);
-				} catch (e) {
-					activeIds = [];
-				}
-			}
-
-			if (activeIds.length === 0) {
-				// No active blueprints, show only Standard option
-				blueprints = [];
-				loading = false;
-				return;
-			}
-
-			// Fetch active blueprints from Supabase
-			const supabase = await createAuthClient();
-			const { data, error: fetchError } = await supabase
-				.from('blueprints')
-				.select('id, name, description, is_public')
-				.in('id', activeIds)
-				.order('created_at', { ascending: false });
-
-			if (fetchError) {
-				console.error('Error loading blueprints:', fetchError.message);
-				error = $t('blueprints.load_error');
-				return;
-			}
-
-			blueprints = data || [];
-		} catch (err) {
-			console.error('Unexpected error:', err);
-			error = $t('errors.unexpected');
-		} finally {
-			loading = false;
-		}
-	}
-
-	function handleSelectBlueprint(id: string) {
-		if (id === 'standard') {
-			onSelectBlueprint(STANDARD_BLUEPRINT_ID);
-		} else {
-			onSelectBlueprint(id);
-		}
-	}
-
-	// Check if Standard is selected (null or STANDARD_BLUEPRINT_ID)
-	const isStandardSelected = $derived(
-		!selectedBlueprintId || selectedBlueprintId === STANDARD_BLUEPRINT_ID
-	);
-</script>
-
-<div class="w-full bg-transparent py-3">
-	<div class="hide-scrollbar flex justify-center gap-2 overflow-x-auto px-4">
-		<!-- Add blueprints icon/button -->
-		<a
-			href="/blueprints"
-			class="flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full border border-theme bg-content text-theme-secondary transition-colors hover:bg-menu-hover hover:text-theme"
-			title={$t('blueprints.manage')}
-		>
-			<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
-			</svg>
-		</a>
-
-		<!-- Standard option -->
-		<button
-			onclick={() => handleSelectBlueprint('standard')}
-			class="flex-shrink-0 rounded-full px-4 py-2 text-sm font-medium transition-colors {isStandardSelected
-				? 'bg-primary text-black'
-				: 'border border-theme bg-content text-theme'}"
-		>
-			{$t('blueprints.standard')}
-		</button>
-
-		{#if loading}
-			{#each Array(3) as _, i}
-				<div
-					class="h-9 w-20 flex-shrink-0 animate-pulse rounded-full bg-content"
-					style="animation-delay: {i * 100}ms"
-				></div>
-			{/each}
-		{:else if error}
-			<span class="flex items-center text-sm text-red-500">{error}</span>
-		{:else}
-			{#each blueprints as blueprint}
-				{@const isSelected = selectedBlueprintId === blueprint.id}
-				{@const label = blueprint.name?.[lang] || blueprint.name?.en || 'Unbenannt'}
-				<button
-					onclick={() => handleSelectBlueprint(blueprint.id)}
-					class="flex-shrink-0 rounded-full px-4 py-2 text-sm font-medium transition-colors {isSelected
-						? 'bg-primary text-black'
-						: 'border border-theme bg-content text-theme'}"
-					title={blueprint.description?.[lang] || blueprint.description?.en || ''}
-				>
-					{label}
-				</button>
-			{/each}
-		{/if}
-
-		{#if !loading && blueprints.length === 0 && !error}
-			<a
-				href="/blueprints"
-				class="flex flex-shrink-0 items-center gap-1 rounded-full border border-dashed border-theme px-4 py-2 text-sm text-theme-secondary transition-colors hover:bg-menu-hover hover:text-theme"
-			>
-				<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M12 4v16m8-8H4"
-					/>
-				</svg>
-				{$t('blueprints.activate')}
-			</a>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.hide-scrollbar::-webkit-scrollbar {
-		display: none;
-	}
-	.hide-scrollbar {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/ContextMenu.svelte b/apps/memoro/apps/web-archived/src/lib/components/ContextMenu.svelte
deleted file mode 100644
index 842cf2fd5..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/ContextMenu.svelte
+++ /dev/null
@@ -1,296 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-
-	interface MenuItem {
-		label: string;
-		icon?: string;
-		action: () => void;
-		danger?: boolean;
-		separator?: boolean;
-	}
-
-	interface Props {
-		items: MenuItem[];
-		x: number;
-		y: number;
-		onClose: () => void;
-	}
-
-	let { items, x, y, onClose }: Props = $props();
-
-	let menuElement: HTMLDivElement;
-	let adjustedX = $state(x);
-	let adjustedY = $state(y);
-	let selectedIndex = $state(-1);
-
-	// Get indices of non-separator items
-	const selectableIndices = $derived(
-		items
-			.map((item, index) => ({ item, index }))
-			.filter(({ item }) => !item.separator)
-			.map(({ index }) => index)
-	);
-
-	onMount(() => {
-		// Focus menu element so it can receive keyboard events
-		menuElement?.focus();
-
-		// Adjust position if menu would overflow viewport
-		if (menuElement) {
-			const rect = menuElement.getBoundingClientRect();
-			const viewportWidth = window.innerWidth;
-			const viewportHeight = window.innerHeight;
-
-			// Adjust X if overflowing right
-			if (x + rect.width > viewportWidth) {
-				adjustedX = viewportWidth - rect.width - 10;
-			}
-
-			// Adjust Y if overflowing bottom
-			if (y + rect.height > viewportHeight) {
-				adjustedY = viewportHeight - rect.height - 10;
-			}
-		}
-
-		// Close on click outside
-		function handleClickOutside(e: MouseEvent) {
-			if (menuElement && !menuElement.contains(e.target as Node)) {
-				onClose();
-			}
-		}
-
-		// Handle keyboard navigation
-		function handleKeyDown(e: KeyboardEvent) {
-			if (e.key === 'Escape') {
-				onClose();
-				return;
-			}
-
-			if (e.key === 'ArrowDown') {
-				e.preventDefault();
-				// Find next selectable index
-				const currentPos = selectableIndices.indexOf(selectedIndex);
-				const nextPos = currentPos + 1;
-				if (nextPos < selectableIndices.length) {
-					selectedIndex = selectableIndices[nextPos];
-				} else {
-					// Wrap to first item
-					selectedIndex = selectableIndices[0];
-				}
-			} else if (e.key === 'ArrowUp') {
-				e.preventDefault();
-				// Find previous selectable index
-				const currentPos = selectableIndices.indexOf(selectedIndex);
-				const prevPos = currentPos - 1;
-				if (prevPos >= 0) {
-					selectedIndex = selectableIndices[prevPos];
-				} else {
-					// Wrap to last item
-					selectedIndex = selectableIndices[selectableIndices.length - 1];
-				}
-			} else if (e.key === 'Enter') {
-				e.preventDefault();
-				// Execute selected item
-				if (selectedIndex >= 0 && selectedIndex < items.length) {
-					const item = items[selectedIndex];
-					if (!item.separator) {
-						item.action();
-						onClose();
-					}
-				}
-			}
-		}
-
-		document.addEventListener('click', handleClickOutside);
-		document.addEventListener('keydown', handleKeyDown);
-
-		return () => {
-			document.removeEventListener('click', handleClickOutside);
-			document.removeEventListener('keydown', handleKeyDown);
-		};
-	});
-
-	function handleItemClick(item: MenuItem) {
-		if (!item.separator) {
-			item.action();
-			onClose();
-		}
-	}
-</script>
-
-<div
-	bind:this={menuElement}
-	class="context-menu"
-	style="left: {adjustedX}px; top: {adjustedY}px;"
-	tabindex="-1"
->
-	{#each items as item, i (i)}
-		{#if item.separator}
-			<div class="separator"></div>
-		{:else}
-			<button
-				class="menu-item"
-				class:danger={item.danger}
-				class:selected={selectedIndex === i}
-				onclick={() => handleItemClick(item)}
-				onmouseenter={() => (selectedIndex = i)}
-			>
-				{#if item.icon}
-					<svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						{#if item.icon === 'edit'}
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
-							/>
-						{:else if item.icon === 'delete'}
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-							/>
-						{:else if item.icon === 'share'}
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
-							/>
-						{:else if item.icon === 'download'}
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
-							/>
-						{:else if item.icon === 'duplicate'}
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
-							/>
-						{:else if item.icon === 'open'}
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-							/>
-						{:else if item.icon === 'pin'}
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
-							/>
-						{/if}
-					</svg>
-				{/if}
-				<span>{item.label}</span>
-			</button>
-		{/if}
-	{/each}
-</div>
-
-<style>
-	.context-menu {
-		position: fixed;
-		z-index: 9999;
-		min-width: 200px;
-		background-color: #ffffff; /* lume.contentBackground */
-		border: 1px solid #e6e6e6; /* lume.border */
-		border-radius: 0.5rem;
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-		padding: 0.25rem;
-		animation: fadeIn 0.15s ease-out;
-		outline: none;
-	}
-
-	:global(.dark) .context-menu {
-		background-color: #1e1e1e; /* dark.lume.contentBackground */
-		border-color: #424242; /* dark.lume.border */
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.3),
-			0 4px 6px -2px rgba(0, 0, 0, 0.2);
-	}
-
-	@keyframes fadeIn {
-		from {
-			opacity: 0;
-			transform: scale(0.95);
-		}
-		to {
-			opacity: 1;
-			transform: scale(1);
-		}
-	}
-
-	.menu-item {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		width: 100%;
-		padding: 0.625rem 0.75rem;
-		border: none;
-		background: transparent;
-		border-radius: 0.375rem;
-		cursor: pointer;
-		transition: all 0.15s;
-		text-align: left;
-		font-size: 0.875rem;
-		color: #2c2c2c; /* lume.text */
-	}
-
-	:global(.dark) .menu-item {
-		color: #ffffff; /* dark.lume.text */
-	}
-
-	.menu-item:hover,
-	.menu-item.selected {
-		background-color: #f5f5f5; /* lume.contentBackgroundHover */
-	}
-
-	:global(.dark) .menu-item:hover,
-	:global(.dark) .menu-item.selected {
-		background-color: #333333; /* dark.lume.contentBackgroundHover */
-	}
-
-	.menu-item.danger {
-		color: #e74c3c; /* lume.error */
-	}
-
-	:global(.dark) .menu-item.danger {
-		color: #e74c3c; /* dark.lume.error */
-	}
-
-	.menu-item.danger:hover,
-	.menu-item.danger.selected {
-		background-color: rgba(231, 76, 60, 0.1);
-	}
-
-	:global(.dark) .menu-item.danger:hover,
-	:global(.dark) .menu-item.danger.selected {
-		background-color: rgba(231, 76, 60, 0.2);
-	}
-
-	.icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		flex-shrink: 0;
-	}
-
-	.separator {
-		height: 1px;
-		background-color: #e6e6e6; /* lume.border */
-		margin: 0.25rem 0;
-	}
-
-	:global(.dark) .separator {
-		background-color: #424242; /* dark.lume.border */
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/CostCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/CostCard.svelte
deleted file mode 100644
index 39902eed7..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/CostCard.svelte
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts">
-	export interface CostItem {
-		action: string;
-		actionKey?: string;
-		cost: number;
-		icon: string;
-	}
-
-	interface Props {
-		costs: CostItem[];
-	}
-
-	let { costs }: Props = $props();
-
-	// Icon mapping
-	const iconPaths: Record<string, string> = {
-		'mic-outline':
-			'M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z',
-		'chatbubble-outline':
-			'M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z',
-		'add-circle-outline': 'M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z',
-		'copy-outline':
-			'M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z',
-	};
-</script>
-
-<div class="rounded-xl p-4 bg-content border border-theme">
-	<h3 class="mb-4 text-xl font-bold text-theme">Mana-Kosten</h3>
-
-	<div class="space-y-3">
-		{#each costs as item}
-			<div class="flex items-center justify-between">
-				<div class="flex items-center">
-					<svg
-						class="mr-2 h-[18px] w-[18px]"
-						fill="none"
-						stroke="#4287f5"
-						viewBox="0 0 24 24"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-					>
-						<path d={iconPaths[item.icon] || iconPaths['mic-outline']} />
-					</svg>
-					<p class="text-sm text-theme-secondary">
-						{item.action}
-					</p>
-				</div>
-				<p class="text-base font-semibold text-theme">
-					{item.cost} Mana
-				</p>
-			</div>
-		{/each}
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/GoogleSignInButton.svelte b/apps/memoro/apps/web-archived/src/lib/components/GoogleSignInButton.svelte
deleted file mode 100644
index 5325c6acb..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/GoogleSignInButton.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<!-- Google Sign-In removed (self-sovereign auth policy — no external OAuth providers) -->
diff --git a/apps/memoro/apps/web-archived/src/lib/components/Icon.svelte b/apps/memoro/apps/web-archived/src/lib/components/Icon.svelte
deleted file mode 100644
index c11562c26..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/Icon.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	/**
-	 * Central Icon Component for Memoro Web App
-	 * Uses Phosphor Icons (Bold weight) from @phosphor-icons/core
-	 *
-	 * Usage:
-	 * <Icon name="user-plus" size={24} />
-	 * <Icon name="sign-in" size={20} class="text-primary" />
-	 */
-	import { iconPaths } from './icons/iconPaths';
-
-	interface Props {
-		name: keyof typeof iconPaths;
-		size?: number;
-		class?: string;
-	}
-
-	let { name, size = 24, class: className = '' }: Props = $props();
-
-	const path = $derived(iconPaths[name]);
-</script>
-
-{#if path}
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width={size}
-		height={size}
-		fill="currentColor"
-		viewBox="0 0 256 256"
-		class={className}
-		aria-hidden="true"
-	>
-		{@html path}
-	</svg>
-{:else}
-	<span class="text-red-500" title="Icon '{name}' not found">⚠</span>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/memoro/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index b06c26f8a..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,234 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { setLocale, supportedLocales, type SupportedLocale } from '$lib/i18n';
-	import { theme } from '$lib/stores/theme';
-
-	// Language info with flags and names
-	const languages: Record<SupportedLocale, { flag: string; name: string; code: string }> = {
-		de: { flag: '🇩🇪', name: 'Deutsch', code: 'DE' },
-		en: { flag: '🇬🇧', name: 'English', code: 'EN' },
-		fr: { flag: '🇫🇷', name: 'Français', code: 'FR' },
-		it: { flag: '🇮🇹', name: 'Italiano', code: 'IT' },
-		es: { flag: '🇪🇸', name: 'Español', code: 'ES' },
-	};
-
-	let currentTheme = $derived($theme);
-	let isDark = $derived(currentTheme.effectiveMode === 'dark');
-	let currentLocale = $derived(($locale as SupportedLocale) || 'en');
-	let isOpen = $state(false);
-
-	function getPrimaryColor() {
-		const variant = currentTheme.variant;
-		if (isDark) {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#78909C',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		} else {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#607D8B',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		}
-	}
-
-	function handleLocaleChange(newLocale: SupportedLocale) {
-		setLocale(newLocale);
-		isOpen = false;
-	}
-
-	function toggleDropdown() {
-		isOpen = !isOpen;
-	}
-
-	// Close dropdown when clicking outside
-	function handleClickOutside(event: MouseEvent) {
-		const target = event.target as HTMLElement;
-		if (!target.closest('.language-selector')) {
-			isOpen = false;
-		}
-	}
-
-	$effect(() => {
-		if (isOpen) {
-			document.addEventListener('click', handleClickOutside);
-			return () => document.removeEventListener('click', handleClickOutside);
-		}
-	});
-</script>
-
-<div class="language-selector">
-	<button
-		onclick={toggleDropdown}
-		class="language-button"
-		class:active={isOpen}
-		style="background-color: {isDark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(255, 255, 255, 0.6)'};
-		       border-color: {isDark ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.1)'};
-		       color: {isDark ? '#ffffff' : '#000000'};"
-	>
-		<span class="flag">{languages[currentLocale].flag}</span>
-		<span class="code">{languages[currentLocale].code}</span>
-		<svg
-			class="chevron"
-			class:rotate={isOpen}
-			width="12"
-			height="12"
-			viewBox="0 0 12 12"
-			fill="none"
-			stroke="currentColor"
-		>
-			<path d="M2 4l4 4 4-4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-		</svg>
-	</button>
-
-	{#if isOpen}
-		<div
-			class="dropdown"
-			style="background-color: {isDark ? '#1E1E1E' : '#ffffff'};
-			       border-color: {isDark ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.1)'};
-			       box-shadow: 0 4px 12px rgba(0, 0, 0, {isDark ? '0.4' : '0.15'});"
-		>
-			{#each supportedLocales as lang}
-				<button
-					onclick={() => handleLocaleChange(lang)}
-					class="dropdown-item"
-					class:active={currentLocale === lang}
-					style="color: {isDark ? '#ffffff' : '#000000'};"
-				>
-					<span class="flag">{languages[lang].flag}</span>
-					<span class="name">{languages[lang].name}</span>
-					{#if currentLocale === lang}
-						<svg
-							class="check"
-							width="16"
-							height="16"
-							viewBox="0 0 16 16"
-							fill="none"
-							stroke={getPrimaryColor()}
-						>
-							<path
-								d="M3 8l3 3 7-7"
-								stroke-width="2"
-								stroke-linecap="round"
-								stroke-linejoin="round"
-							/>
-						</svg>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.language-selector {
-		position: relative;
-		display: inline-block;
-	}
-
-	.language-button {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.75rem;
-		border-radius: 0.75rem;
-		border: 1px solid;
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.2s;
-		backdrop-filter: blur(10px);
-	}
-
-	.language-button:hover {
-		transform: translateY(-1px);
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-	}
-
-	.language-button.active {
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-	}
-
-	.flag {
-		font-size: 1.125rem;
-		line-height: 1;
-	}
-
-	.code {
-		font-weight: 600;
-		letter-spacing: 0.025em;
-	}
-
-	.chevron {
-		transition: transform 0.2s;
-		margin-left: 0.25rem;
-	}
-
-	.chevron.rotate {
-		transform: rotate(180deg);
-	}
-
-	.dropdown {
-		position: absolute;
-		top: calc(100% + 0.5rem);
-		right: 0;
-		min-width: 160px;
-		border-radius: 0.75rem;
-		border: 1px solid;
-		overflow: hidden;
-		z-index: 100;
-		animation: slideDown 0.2s ease-out;
-	}
-
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.dropdown-item {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		width: 100%;
-		padding: 0.75rem 1rem;
-		border: none;
-		background: none;
-		cursor: pointer;
-		transition: background-color 0.15s;
-		font-size: 0.875rem;
-	}
-
-	.dropdown-item:hover {
-		background-color: rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .dropdown-item:hover {
-		background-color: rgba(255, 255, 255, 0.1);
-	}
-
-	.dropdown-item .name {
-		flex: 1;
-		text-align: left;
-		font-weight: 500;
-	}
-
-	.dropdown-item.active {
-		font-weight: 600;
-	}
-
-	.check {
-		flex-shrink: 0;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/ManaIcon.svelte b/apps/memoro/apps/web-archived/src/lib/components/ManaIcon.svelte
deleted file mode 100644
index ae5939bce..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/ManaIcon.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	interface Props {
-		color?: string;
-		size?: number;
-		class?: string;
-	}
-
-	let { color = '#0099FF', size = 24, class: className = '' }: Props = $props();
-</script>
-
-<svg width={size} height={size} viewBox="0 0 24 24" class={className}>
-	<path
-		d="M12.3047 1C12.3392 1.04573 19.608 10.6706 19.6084 14.6953C19.6084 18.7293 16.3386 21.9998 12.3047 22C8.27061 22 5 18.7294 5 14.6953C5.00041 10.661 12.3047 1 12.3047 1ZM12.3047 7.3916C12.2811 7.42276 8.65234 12.2288 8.65234 14.2393C8.65241 16.2562 10.2877 17.8916 12.3047 17.8916C14.3217 17.8916 15.957 16.2562 15.957 14.2393C15.957 12.2301 12.3331 7.42917 12.3047 7.3916Z"
-		fill={color}
-	/>
-</svg>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/MemoroLogo.svelte b/apps/memoro/apps/web-archived/src/lib/components/MemoroLogo.svelte
deleted file mode 100644
index 07949b44c..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/MemoroLogo.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	interface Props {
-		color?: string;
-		size?: number;
-		class?: string;
-	}
-
-	let { color = '#F7D44C', size = 24, class: className = '' }: Props = $props();
-</script>
-
-<div class={className} style="width: {size}px; height: {size}px;">
-	<svg width={size} height={size} viewBox="0 0 280 280">
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M280 140C280 217.32 217.32 280 140 280C62.6801 280 0 217.32 0 140C0 62.6801 62.6801 0 140 0C217.32 0 280 62.6801 280 140ZM247.988 140C247.988 199.64 199.64 241.988 140 241.988C80.3598 241.988 32.0118 199.64 32.0118 140C32.0118 111.918 36.7308 95.3397 54.3005 76.1331C58.5193 71.5212 70.5 63 79.3937 74.511L119.781 131.788C134.5 149 149 147 160.218 131.788L200.605 74.5101C208 64 221.48 71.5203 225.699 76.1321C243.269 95.3388 247.988 111.918 247.988 140Z"
-			fill={color}
-		/>
-	</svg>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/MemoryAccordion.svelte b/apps/memoro/apps/web-archived/src/lib/components/MemoryAccordion.svelte
deleted file mode 100644
index 8e74c8664..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/MemoryAccordion.svelte
+++ /dev/null
@@ -1,89 +0,0 @@
-<script lang="ts">
-	import { marked } from 'marked';
-	import type { Memory } from '$lib/types/memo.types';
-
-	interface Props {
-		memory: Memory;
-		defaultExpanded?: boolean;
-	}
-
-	let { memory, defaultExpanded = true }: Props = $props();
-
-	let isExpanded = $state(defaultExpanded);
-
-	function toggleExpanded() {
-		isExpanded = !isExpanded;
-	}
-
-	// Parse markdown content to HTML
-	const renderedContent = $derived(
-		marked.parse(memory.content || '', { async: false, breaks: true }) as string
-	);
-</script>
-
-<div class="memory-container">
-	<!-- Header (clickable) -->
-	<button
-		onclick={toggleExpanded}
-		class="memory-header group w-full text-left flex items-center gap-2 py-3 transition-colors hover:opacity-70"
-	>
-		<!-- Bullet Point -->
-		<span class="text-theme transition-opacity" class:opacity-50={isExpanded}>•</span>
-
-		<!-- Title -->
-		<h4 class="flex-1 font-semibold text-theme transition-opacity" class:opacity-50={isExpanded}>
-			{memory.title}
-		</h4>
-
-		<!-- Chevron Icon -->
-		<svg
-			class="h-4 w-4 text-theme opacity-50 transition-transform"
-			class:rotate-0={isExpanded}
-			class:rotate-90={!isExpanded}
-			fill="none"
-			stroke="currentColor"
-			viewBox="0 0 24 24"
-		>
-			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
-		</svg>
-	</button>
-
-	<!-- Content (collapsible) -->
-	{#if isExpanded}
-		<div class="memory-content pb-3">
-			<div class="prose max-w-none dark:prose-invert text-base text-theme leading-relaxed">
-				{@html renderedContent}
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.memory-container {
-		background-color: transparent;
-		width: 100%;
-	}
-
-	.memory-header {
-		background-color: transparent;
-		border: none;
-		cursor: pointer;
-	}
-
-	.memory-content {
-		background-color: transparent;
-	}
-
-	/* Smooth rotation animation */
-	svg {
-		transition: transform 0.2s ease-in-out;
-	}
-
-	.rotate-0 {
-		transform: rotate(0deg);
-	}
-
-	.rotate-90 {
-		transform: rotate(90deg);
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/Modal.svelte b/apps/memoro/apps/web-archived/src/lib/components/Modal.svelte
deleted file mode 100644
index a3f0ff6eb..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/Modal.svelte
+++ /dev/null
@@ -1,107 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import Icon from './Icon.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		visible: boolean;
-		onClose: () => void;
-		title?: string;
-		icon?: Snippet;
-		children: Snippet;
-		footer?: Snippet;
-		maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-		showHeader?: boolean;
-		transparentBackdrop?: boolean;
-	}
-
-	let {
-		visible,
-		onClose,
-		title,
-		icon,
-		children,
-		footer,
-		maxWidth = 'lg',
-		showHeader = true,
-		transparentBackdrop = false,
-	}: Props = $props();
-
-	const maxWidthClasses = {
-		sm: 'max-w-sm',
-		md: 'max-w-md',
-		lg: 'max-w-lg',
-		xl: 'max-w-xl',
-		'2xl': 'max-w-2xl',
-		'3xl': 'max-w-3xl',
-	};
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape' && visible) {
-			onClose();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if visible}
-	<!-- Modal Backdrop -->
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center p-4 {transparentBackdrop
-			? ''
-			: 'bg-black/50 backdrop-blur-sm'}"
-		onclick={handleBackdropClick}
-		role="dialog"
-		aria-modal="true"
-	>
-		<!-- Modal Content -->
-		<div
-			class="relative flex max-h-[90vh] w-full {maxWidthClasses[
-				maxWidth
-			]} flex-col rounded-xl border border-theme bg-menu shadow-xl"
-			onclick={(e) => e.stopPropagation()}
-		>
-			{#if showHeader}
-				<!-- Header -->
-				<div class="flex items-center justify-between p-6 border-b border-theme">
-					<div class="flex items-center gap-2 flex-1">
-						{#if icon}
-							{@render icon()}
-						{/if}
-						{#if title}
-							<Text variant="large" weight="semibold">
-								{title}
-							</Text>
-						{/if}
-					</div>
-					<button
-						onclick={onClose}
-						class="p-2 rounded-full hover:bg-menu-hover transition-colors"
-						aria-label="Schließen"
-					>
-						<Icon name="x" size={20} class="text-theme-muted" />
-					</button>
-				</div>
-			{/if}
-
-			<!-- Body (scrollable) -->
-			<div class="flex-1 overflow-y-auto p-6">
-				{@render children()}
-			</div>
-
-			<!-- Footer (optional) -->
-			{#if footer}
-				<div class="border-t border-theme p-6">
-					{@render footer()}
-				</div>
-			{/if}
-		</div>
-	</div>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/PackageCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/PackageCard.svelte
deleted file mode 100644
index d4e011a24..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/PackageCard.svelte
+++ /dev/null
@@ -1,113 +0,0 @@
-<script lang="ts">
-	import SubscriptionButton from './SubscriptionButton.svelte';
-	import ManaIcon from './ManaIcon.svelte';
-
-	export interface Package {
-		id: string;
-		name: string;
-		manaAmount: number;
-		price: number;
-		priceString?: string;
-		currencyCode?: string;
-		isTeamPackage?: boolean;
-		isEnterprisePackage?: boolean;
-		popular?: boolean;
-	}
-
-	interface Props {
-		package: Package;
-		onSelect: (packageId: string) => void;
-	}
-
-	let { package: pkg, onSelect }: Props = $props();
-
-	function formatPrice(pkg: Package) {
-		return pkg.priceString || `${pkg.price.toFixed(2).replace('.', ',')}€`;
-	}
-
-	// Package-specific colors and background sizes
-	function getPackageStyles() {
-		switch (pkg.id) {
-			case 'Mana_Potion_Small_v1':
-				return { bg: '#E3F2FD', icon: '#2196F3', bgSize: '45%' };
-			case 'Mana_Potion_Medium_v1':
-				return { bg: '#BBDEFB', icon: '#1976D2', bgSize: '60%' };
-			case 'Mana_Potion_Large_v1':
-				return { bg: '#90CAF9', icon: '#1565C0', bgSize: '75%' };
-			case 'Mana_Potion_Giant_v2':
-				return { bg: '#64B5F6', icon: '#0D47A1', bgSize: '90%' };
-			default:
-				return { bg: '#E1F5FE', icon: '#0288D1', bgSize: '50%' };
-		}
-	}
-
-	const packageStyles = $derived(getPackageStyles());
-
-	// Hover state
-	let isHovered = $state(false);
-</script>
-
-<div
-	class="relative rounded-xl p-4 transition-all duration-200 bg-content border hover:-translate-y-0.5 hover:shadow-lg"
-	class:border-mana={pkg.popular}
-	class:border-theme={!pkg.popular}
-	onmouseenter={() => (isHovered = true)}
-	onmouseleave={() => (isHovered = false)}
->
-	{#if pkg.popular}
-		<div class="absolute -top-3 right-4 rounded-xl bg-mana px-3 py-1 text-xs font-bold text-white">
-			Popular
-		</div>
-	{/if}
-
-	<!-- Package Name -->
-	<h3 class="mb-4 text-center text-lg font-bold text-theme">
-		{pkg.name}
-	</h3>
-
-	<!-- Three column layout -->
-	<div class="mb-5 flex justify-between gap-2">
-		<!-- Mana Icon with background -->
-		<div
-			class="flex aspect-square flex-1 items-center justify-center rounded-xl bg-menu"
-			style="min-height: 80px;"
-		>
-			<div
-				class="flex items-center justify-center rounded-lg"
-				style="width: {packageStyles.bgSize}; height: {packageStyles.bgSize}; background-color: {packageStyles.bg};"
-			>
-				<ManaIcon size={32} color={packageStyles.icon} />
-			</div>
-		</div>
-
-		<!-- Mana Amount -->
-		<div
-			class="flex aspect-square flex-1 flex-col items-center justify-center rounded-xl bg-menu"
-			style="min-height: 80px;"
-		>
-			<p class="mb-0.5 text-2xl font-bold text-theme">
-				{pkg.manaAmount}
-			</p>
-			<p class="text-center text-xs text-theme-secondary">Mana</p>
-		</div>
-
-		<!-- Price -->
-		<div
-			class="flex aspect-square flex-1 flex-col items-center justify-center rounded-xl bg-menu"
-			style="min-height: 80px;"
-		>
-			<p class="text-xl font-bold text-theme">
-				{formatPrice(pkg)}
-			</p>
-			<p class="mt-0.5 text-[10px] text-theme-secondary">Einmalig</p>
-		</div>
-	</div>
-
-	<SubscriptionButton
-		label="Kaufen"
-		onclick={() => onSelect(pkg.id)}
-		iconName="arrow-forward-outline"
-		leftIconName="cart-outline"
-		variant={pkg.popular ? 'accent' : 'primary'}
-	/>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/PillDropdown.svelte b/apps/memoro/apps/web-archived/src/lib/components/PillDropdown.svelte
deleted file mode 100644
index 4034b2d63..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/PillDropdown.svelte
+++ /dev/null
@@ -1,299 +0,0 @@
-<script lang="ts">
-	interface DropdownItem {
-		id: string;
-		label: string;
-		icon?: string;
-		onClick: () => void;
-		disabled?: boolean;
-		danger?: boolean;
-		active?: boolean;
-	}
-
-	interface Props {
-		items: DropdownItem[];
-		direction?: 'up' | 'down';
-		label: string;
-		icon?: string;
-		isOpen?: boolean;
-		onToggle?: (open: boolean) => void;
-	}
-
-	let { items, direction = 'down', label, icon, isOpen = false, onToggle }: Props = $props();
-
-	let internalOpen = $state(false);
-	let triggerButton: HTMLButtonElement;
-	let dropdownPosition = $state({ top: 0, left: 0 });
-
-	const open = $derived(onToggle ? isOpen : internalOpen);
-
-	function toggle() {
-		if (triggerButton) {
-			const rect = triggerButton.getBoundingClientRect();
-			if (direction === 'down') {
-				dropdownPosition = {
-					top: rect.bottom + 8,
-					left: rect.left,
-				};
-			} else {
-				dropdownPosition = {
-					top: rect.top - 8,
-					left: rect.left,
-				};
-			}
-		}
-
-		if (onToggle) {
-			onToggle(!isOpen);
-		} else {
-			internalOpen = !internalOpen;
-		}
-	}
-
-	function close() {
-		if (onToggle) {
-			onToggle(false);
-		} else {
-			internalOpen = false;
-		}
-	}
-
-	function handleItemClick(item: DropdownItem) {
-		item.onClick();
-		close();
-	}
-
-	function getIcon(iconName: string) {
-		const icons: Record<string, string> = {
-			language:
-				'M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129',
-			check: 'M5 13l4 4L19 7',
-			chevronDown: 'M19 9l-7 7-7-7',
-			globe:
-				'M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9',
-		};
-		return icons[iconName] || '';
-	}
-</script>
-
-<div class="pill-dropdown">
-	<!-- Trigger Button -->
-	<button bind:this={triggerButton} onclick={toggle} class="pill glass-pill trigger-button">
-		{#if icon}
-			<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d={getIcon(icon)} />
-			</svg>
-		{/if}
-		<span class="pill-label">{label}</span>
-		<svg
-			class="chevron-icon"
-			class:rotated={open}
-			fill="none"
-			stroke="currentColor"
-			viewBox="0 0 24 24"
-		>
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d={getIcon('chevronDown')}
-			/>
-		</svg>
-	</button>
-
-	{#if open}
-		<!-- Backdrop -->
-		<button class="menu-backdrop" onclick={close} onkeydown={(e) => e.key === 'Escape' && close()}
-		></button>
-
-		<!-- Dropdown items -->
-		<div
-			class="fan-container"
-			class:fan-up={direction === 'up'}
-			class:fan-down={direction === 'down'}
-			style="top: {dropdownPosition.top}px; left: {dropdownPosition.left}px;"
-		>
-			{#each items.filter((i) => !i.disabled) as item, i (item.id)}
-				<button
-					onclick={() => handleItemClick(item)}
-					class="pill glass-pill fan-pill"
-					class:danger-pill={item.danger}
-					class:active-pill={item.active}
-					style="animation-delay: {i * 15}ms"
-				>
-					{#if item.icon}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d={getIcon(item.icon)}
-							/>
-						</svg>
-					{/if}
-					<span class="pill-label">{item.label}</span>
-					{#if item.active}
-						<svg class="check-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d={getIcon('check')}
-							/>
-						</svg>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.pill-dropdown {
-		position: relative;
-	}
-
-	.trigger-button {
-		position: relative;
-		z-index: 10;
-	}
-
-	.chevron-icon {
-		width: 0.75rem;
-		height: 0.75rem;
-		transition: transform 0.2s;
-		margin-left: 0.25rem;
-	}
-
-	.chevron-icon.rotated {
-		transform: rotate(180deg);
-	}
-
-	.fan-container {
-		position: fixed;
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		z-index: 9999;
-	}
-
-	.fan-up {
-		flex-direction: column-reverse;
-		transform: translateY(-100%);
-	}
-
-	.fan-down {
-		flex-direction: column;
-	}
-
-	.fan-pill {
-		animation: fanIn 0.15s ease-out forwards;
-		opacity: 0;
-		transform: translateY(10px);
-	}
-
-	.fan-up .fan-pill {
-		transform: translateY(-10px);
-	}
-
-	@keyframes fanIn {
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.875rem;
-		border-radius: 9999px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		white-space: nowrap;
-		text-decoration: none;
-		transition: all 0.2s;
-		border: none;
-		cursor: pointer;
-	}
-
-	.glass-pill {
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-
-	:global(.dark) .glass-pill {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-		color: #f3f4f6;
-	}
-
-	.glass-pill:hover {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-		transform: translateY(-2px);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .glass-pill:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.active-pill {
-		background: rgba(248, 214, 43, 0.2);
-		border-color: rgba(248, 214, 43, 0.3);
-	}
-
-	:global(.dark) .active-pill {
-		background: rgba(248, 214, 43, 0.15);
-		border-color: rgba(248, 214, 43, 0.25);
-	}
-
-	.danger-pill {
-		color: #dc2626;
-	}
-
-	:global(.dark) .danger-pill {
-		color: #ef4444;
-	}
-
-	.danger-pill:hover {
-		background: rgba(220, 38, 38, 0.15);
-		border-color: rgba(220, 38, 38, 0.3);
-	}
-
-	.pill-icon {
-		width: 1rem;
-		height: 1rem;
-		flex-shrink: 0;
-	}
-
-	.check-icon {
-		width: 0.875rem;
-		height: 0.875rem;
-		margin-left: 0.25rem;
-		color: #f8d62b;
-	}
-
-	.pill-label {
-		display: inline;
-	}
-
-	.menu-backdrop {
-		position: fixed;
-		inset: 0;
-		z-index: 9998;
-		background: transparent;
-		border: none;
-		cursor: default;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/PillFilter.svelte b/apps/memoro/apps/web-archived/src/lib/components/PillFilter.svelte
deleted file mode 100644
index 868229ae7..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/PillFilter.svelte
+++ /dev/null
@@ -1,81 +0,0 @@
-<script lang="ts">
-	interface FilterItem {
-		id: string;
-		label: string;
-		color?: string;
-	}
-
-	interface Props {
-		items: FilterItem[];
-		selectedIds: string[];
-		onSelectItem: (id: string) => void;
-		isLoading?: boolean;
-		error?: string | null;
-		showAllOption?: boolean;
-		allOptionLabel?: string;
-	}
-
-	let {
-		items,
-		selectedIds,
-		onSelectItem,
-		isLoading = false,
-		error = null,
-		showAllOption = true,
-		allOptionLabel = 'All',
-	}: Props = $props();
-
-	const allSelected = $derived(selectedIds.length === 0);
-</script>
-
-<div class="bg-page py-3">
-	<div class="hide-scrollbar flex gap-2 overflow-x-auto px-4">
-		{#if showAllOption}
-			<button
-				onclick={() => onSelectItem('all')}
-				class="flex-shrink-0 rounded-full px-4 py-2 text-sm font-medium transition-colors {allSelected
-					? 'bg-primary text-black'
-					: 'border border-theme bg-content text-theme'}"
-			>
-				{allOptionLabel}
-			</button>
-		{/if}
-
-		{#if isLoading}
-			{#each Array(5) as _, i}
-				<div
-					class="h-9 w-20 flex-shrink-0 animate-pulse rounded-full bg-menu"
-					style="animation-delay: {i * 100}ms"
-				></div>
-			{/each}
-		{:else if error}
-			<span class="text-sm text-red-500">{error}</span>
-		{:else}
-			{#each items as item}
-				{@const isSelected = selectedIds.includes(item.id)}
-				<button
-					onclick={() => onSelectItem(item.id)}
-					class="flex-shrink-0 rounded-full border px-4 py-2 text-sm font-medium transition-colors"
-					style={isSelected && item.color
-						? `background-color: ${item.color}33; border-color: ${item.color}; color: ${item.color}`
-						: ''}
-					class:bg-menu={!isSelected}
-					class:border-theme={!isSelected}
-					class:text-theme={!isSelected}
-				>
-					{item.label}
-				</button>
-			{/each}
-		{/if}
-	</div>
-</div>
-
-<style>
-	.hide-scrollbar::-webkit-scrollbar {
-		display: none;
-	}
-	.hide-scrollbar {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/PillNavigation.svelte b/apps/memoro/apps/web-archived/src/lib/components/PillNavigation.svelte
deleted file mode 100644
index 4e4998087..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/PillNavigation.svelte
+++ /dev/null
@@ -1,618 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { locale } from 'svelte-i18n';
-	import { onMount } from 'svelte';
-	import PillDropdown from './PillDropdown.svelte';
-
-	interface Props {
-		onLogout: () => void;
-		onModeChange?: (isSidebar: boolean) => void;
-		onCollapsedChange?: (isCollapsed: boolean) => void;
-	}
-
-	let { onLogout, onModeChange, onCollapsedChange }: Props = $props();
-
-	// Sidebar mode state with localStorage persistence
-	let isSidebarMode = $state(false);
-	let isCollapsed = $state(false);
-
-	onMount(() => {
-		const savedSidebar = localStorage.getItem('memoro-nav-sidebar');
-		if (savedSidebar === 'true') {
-			isSidebarMode = true;
-			onModeChange?.(true);
-		}
-
-		const savedCollapsed = localStorage.getItem('memoro-nav-collapsed');
-		if (savedCollapsed === 'true') {
-			isCollapsed = true;
-			onCollapsedChange?.(true);
-		}
-	});
-
-	function toggleSidebarMode() {
-		isSidebarMode = !isSidebarMode;
-		localStorage.setItem('memoro-nav-sidebar', String(isSidebarMode));
-		onModeChange?.(isSidebarMode);
-	}
-
-	function collapseNav() {
-		isCollapsed = true;
-		localStorage.setItem('memoro-nav-collapsed', 'true');
-		onCollapsedChange?.(true);
-	}
-
-	function expandNav() {
-		isCollapsed = false;
-		localStorage.setItem('memoro-nav-collapsed', 'false');
-		onCollapsedChange?.(false);
-	}
-
-	function isActive(path: string) {
-		return $page.url.pathname === path;
-	}
-
-	function toggleTheme() {
-		theme.toggleMode();
-	}
-
-	let currentTheme = $derived($theme);
-
-	// Language state - sync with svelte-i18n locale
-	let currentLanguage = $derived($locale || 'de');
-
-	const languages = [
-		{ code: 'de', label: 'Deutsch' },
-		{ code: 'en', label: 'English' },
-		{ code: 'es', label: 'Español' },
-		{ code: 'fr', label: 'Français' },
-		{ code: 'it', label: 'Italiano' },
-	];
-
-	const languageItems = $derived(
-		languages.map((lang) => ({
-			id: lang.code,
-			label: lang.label,
-			onClick: () => {
-				locale.set(lang.code);
-			},
-			active: currentLanguage === lang.code,
-		}))
-	);
-
-	const currentLanguageLabel = $derived(
-		languages.find((l) => l.code === currentLanguage)?.label || 'Deutsch'
-	);
-
-	const navItems = [
-		{ path: '/record', label: 'Aufnehmen', icon: 'mic' },
-		{ path: '/memos', label: 'Memos', icon: 'archive' },
-		{ path: '/upload', label: 'Upload', icon: 'upload' },
-		{ path: '/audio-archive', label: 'Audio-Archiv', icon: 'music' },
-		{ path: '/tags', label: 'Tags', icon: 'tag' },
-		{ path: '/subscription', label: 'Mana', icon: 'mana' },
-		{ path: '/blueprints', label: 'Blueprints', icon: 'document' },
-		{ path: '/statistics', label: 'Statistics', icon: 'chart' },
-		{ path: '/settings', label: 'Settings', icon: 'settings' },
-	];
-</script>
-
-{#if !isCollapsed}
-	<nav class="pill-nav" class:sidebar-mode={isSidebarMode}>
-		<div class="pill-nav-container" class:sidebar-container={isSidebarMode}>
-			<!-- Control Button (left position in horizontal mode) -->
-			{#if !isSidebarMode}
-				<div class="pill glass-pill segmented-control">
-					<button
-						onclick={toggleSidebarMode}
-						class="segment-btn"
-						title="Switch to sidebar navigation"
-					>
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M19 9l-7 7-7-7"
-							/>
-						</svg>
-					</button>
-					<div class="segment-divider"></div>
-					<button onclick={collapseNav} class="segment-btn" title="Collapse navigation">
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M15 19l-7-7 7-7"
-							/>
-						</svg>
-					</button>
-				</div>
-			{/if}
-
-			<!-- Memoro Logo as first pill -->
-			<a href="/record" class="pill glass-pill logo-pill">
-				<svg
-					class="pill-icon"
-					width="16"
-					height="16"
-					viewBox="0 0 280 280"
-					fill="none"
-					xmlns="http://www.w3.org/2000/svg"
-				>
-					<path
-						fill-rule="evenodd"
-						clip-rule="evenodd"
-						d="M280 140C280 217.32 217.32 280 140 280C62.6801 280 0 217.32 0 140C0 62.6801 62.6801 0 140 0C217.32 0 280 62.6801 280 140ZM247.988 140C247.988 199.64 199.64 241.988 140 241.988C80.3598 241.988 32.0118 199.64 32.0118 140C32.0118 111.918 36.7308 95.3397 54.3005 76.1331C58.5193 71.5212 70.5 63 79.3937 74.511L119.781 131.788C134.5 149 149 147 160.218 131.788L200.605 74.5101C208 64 221.48 71.5203 225.699 76.1321C243.269 95.3388 247.988 111.918 247.988 140Z"
-						fill="#F7D44C"
-					/>
-				</svg>
-				<span class="pill-label">Memoro</span>
-			</a>
-			{#each navItems as item}
-				<a href={item.path} class="pill glass-pill" class:active={isActive(item.path)}>
-					{#if item.icon === 'mic'}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"
-							/>
-						</svg>
-					{:else if item.icon === 'archive'}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"
-							/>
-						</svg>
-					{:else if item.icon === 'upload'}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-							/>
-						</svg>
-					{:else if item.icon === 'music'}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"
-							/>
-						</svg>
-					{:else if item.icon === 'tag'}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
-							/>
-						</svg>
-					{:else if item.icon === 'mana'}
-						<svg class="pill-icon" viewBox="0 0 24 24" fill="currentColor">
-							<path
-								d="M12.3047 1C12.3392 1.04573 19.608 10.6706 19.6084 14.6953C19.6084 18.7293 16.3386 21.9998 12.3047 22C8.27061 22 5 18.7294 5 14.6953C5.00041 10.661 12.3047 1 12.3047 1ZM12.3047 7.3916C12.2811 7.42276 8.65234 12.2288 8.65234 14.2393C8.65241 16.2562 10.2877 17.8916 12.3047 17.8916C14.3217 17.8916 15.957 16.2562 15.957 14.2393C15.957 12.2301 12.3331 7.42917 12.3047 7.3916Z"
-							/>
-						</svg>
-					{:else if item.icon === 'document'}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
-					{:else if item.icon === 'chart'}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-							/>
-						</svg>
-					{:else if item.icon === 'settings'}
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-							/>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-							/>
-						</svg>
-					{/if}
-					<span class="pill-label">{item.label}</span>
-				</a>
-			{/each}
-
-			<!-- Language Switcher -->
-			<PillDropdown
-				items={languageItems}
-				direction="down"
-				label={currentLanguageLabel}
-				icon="globe"
-			/>
-
-			<!-- Theme Toggle as pill -->
-			<button
-				onclick={toggleTheme}
-				class="pill glass-pill"
-				title={currentTheme.effectiveMode === 'light'
-					? 'Switch to dark mode'
-					: 'Switch to light mode'}
-			>
-				{#if currentTheme.effectiveMode === 'light'}
-					<svg class="pill-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
-						/>
-					</svg>
-				{:else}
-					<svg class="pill-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
-						/>
-					</svg>
-				{/if}
-				<span class="pill-label">{currentTheme.effectiveMode === 'light' ? 'Dark' : 'Light'}</span>
-			</button>
-
-			<!-- Logout as pill -->
-			<button onclick={onLogout} class="pill glass-pill logout-pill" title="Logout">
-				<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
-					/>
-				</svg>
-				<span class="pill-label">Logout</span>
-			</button>
-
-			<!-- Control Button (bottom position in sidebar mode) -->
-			{#if isSidebarMode}
-				<div class="sidebar-spacer"></div>
-				<div class="pill glass-pill segmented-control sidebar-segmented">
-					<button onclick={toggleSidebarMode} class="segment-btn" title="Switch to top navigation">
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M5 15l7-7 7 7"
-							/>
-						</svg>
-					</button>
-					<div class="segment-divider"></div>
-					<button onclick={collapseNav} class="segment-btn" title="Collapse navigation">
-						<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M15 19l-7-7 7-7"
-							/>
-						</svg>
-					</button>
-				</div>
-			{/if}
-		</div>
-	</nav>
-{/if}
-
-<!-- FAB for collapsed state -->
-{#if isCollapsed}
-	<button onclick={expandNav} class="nav-fab glass-pill" title="Expand navigation">
-		<svg class="pill-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M4 6h16M4 12h16M4 18h16"
-			/>
-		</svg>
-	</button>
-{/if}
-
-<style>
-	.pill-nav {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		z-index: 1000;
-		padding: 0.75rem 0 1.5rem;
-		pointer-events: none;
-	}
-
-	.pill-nav-container {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		overflow-x: auto;
-		scrollbar-width: none;
-		-ms-overflow-style: none;
-		pointer-events: auto;
-		padding: 0.5rem 2rem;
-	}
-
-	.pill-nav-container::-webkit-scrollbar {
-		display: none;
-	}
-
-	/* Base pill styles */
-	.pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.875rem;
-		border-radius: 9999px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		white-space: nowrap;
-		text-decoration: none;
-		transition: all 0.2s;
-		border: none;
-		cursor: pointer;
-	}
-
-	/* Glass effect */
-	.glass-pill {
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-
-	:global(.dark) .glass-pill {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-		color: #f3f4f6;
-	}
-
-	.glass-pill:hover {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-		transform: translateY(-2px);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .glass-pill:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	/* Active state */
-	.pill.active {
-		background: rgba(248, 214, 43, 0.9);
-		border-color: rgba(248, 214, 43, 0.5);
-		color: #1a1a1a;
-	}
-
-	:global(.dark) .pill.active {
-		background: rgba(248, 214, 43, 0.3);
-		border-color: rgba(248, 214, 43, 0.4);
-		color: #f8d62b;
-	}
-
-	/* Logout pill */
-	.logout-pill {
-		color: #dc2626;
-	}
-
-	:global(.dark) .logout-pill {
-		color: #ef4444;
-	}
-
-	.logout-pill:hover {
-		background: rgba(220, 38, 38, 0.15);
-		border-color: rgba(220, 38, 38, 0.3);
-	}
-
-	.pill-icon {
-		width: 1rem;
-		height: 1rem;
-		flex-shrink: 0;
-	}
-
-	.pill-label {
-		display: inline;
-	}
-
-	/* Toggle button */
-	.toggle-pill {
-		flex-shrink: 0;
-	}
-
-	/* Sidebar mode styles */
-	.pill-nav.sidebar-mode {
-		top: 0;
-		left: 0;
-		bottom: 0;
-		right: auto;
-		width: 180px;
-		padding: 0.75rem 0;
-		background: transparent;
-		backdrop-filter: none;
-		-webkit-backdrop-filter: none;
-		border: none;
-	}
-
-	:global(.dark) .pill-nav.sidebar-mode {
-		background: transparent;
-		border: none;
-	}
-
-	.sidebar-container {
-		flex-direction: column;
-		align-items: stretch;
-		gap: 0.5rem;
-		overflow-y: auto;
-		overflow-x: hidden;
-		padding: 0.5rem 0.75rem;
-		height: 100%;
-	}
-
-	.sidebar-container .pill {
-		justify-content: flex-start;
-		width: 100%;
-	}
-
-	/* Transparent pills in sidebar mode */
-	.sidebar-container .glass-pill,
-	.sidebar-container :global(.pill-dropdown .trigger-button) {
-		background: transparent;
-		backdrop-filter: none;
-		-webkit-backdrop-filter: none;
-		border: 1px solid transparent;
-		box-shadow: none;
-	}
-
-	.sidebar-container .glass-pill:hover,
-	.sidebar-container :global(.pill-dropdown .trigger-button:hover) {
-		background: rgba(0, 0, 0, 0.05);
-		border-color: rgba(0, 0, 0, 0.1);
-		transform: none;
-		box-shadow: none;
-	}
-
-	:global(.dark) .sidebar-container .glass-pill:hover,
-	:global(.dark) .sidebar-container :global(.pill-dropdown .trigger-button:hover) {
-		background: rgba(255, 255, 255, 0.05);
-		border-color: rgba(255, 255, 255, 0.1);
-	}
-
-	/* Keep active state visible */
-	.sidebar-container .pill.active {
-		background: rgba(248, 214, 43, 0.2);
-		border-color: rgba(248, 214, 43, 0.3);
-	}
-
-	:global(.dark) .sidebar-container .pill.active {
-		background: rgba(248, 214, 43, 0.15);
-		border-color: rgba(248, 214, 43, 0.25);
-	}
-
-	/* Logo pill in sidebar - same as other pills (transparent) */
-	.sidebar-container .logo-pill {
-		background: transparent;
-		border-color: transparent;
-	}
-
-	.sidebar-container .logo-pill:hover {
-		background: rgba(0, 0, 0, 0.05);
-		border-color: rgba(0, 0, 0, 0.1);
-	}
-
-	:global(.dark) .sidebar-container .logo-pill:hover {
-		background: rgba(255, 255, 255, 0.05);
-		border-color: rgba(255, 255, 255, 0.1);
-	}
-
-	/* Spacer to push toggle button to bottom */
-	.sidebar-spacer {
-		flex: 1;
-		min-height: 1rem;
-	}
-
-	.sidebar-container .toggle-pill {
-		margin-top: auto;
-	}
-
-	/* Segmented control */
-	.segmented-control {
-		display: flex;
-		align-items: center;
-		padding: 0;
-		gap: 0;
-	}
-
-	.segment-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0.5rem 0.625rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: inherit;
-		transition: background 0.2s;
-	}
-
-	.segment-btn:hover {
-		background: rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .segment-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.segment-divider {
-		width: 1px;
-		height: 1rem;
-		background: rgba(0, 0, 0, 0.15);
-	}
-
-	:global(.dark) .segment-divider {
-		background: rgba(255, 255, 255, 0.2);
-	}
-
-	.sidebar-segmented {
-		margin: 0 0.75rem;
-	}
-
-	/* FAB for collapsed state */
-	.nav-fab {
-		position: fixed;
-		top: 1rem;
-		left: 1rem;
-		z-index: 1001;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0.75rem;
-		border-radius: 9999px;
-		cursor: pointer;
-		border: none;
-	}
-
-	/* Transitions */
-	.pill-nav {
-		transition: all 0.3s ease;
-	}
-
-	.pill-nav-container {
-		transition: all 0.3s ease;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/RecordingButton.svelte b/apps/memoro/apps/web-archived/src/lib/components/RecordingButton.svelte
deleted file mode 100644
index 0aa7c9408..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/RecordingButton.svelte
+++ /dev/null
@@ -1,609 +0,0 @@
-<script lang="ts">
-	import { onDestroy } from 'svelte';
-	import { t } from 'svelte-i18n';
-	import { recording } from '$lib/stores/recording';
-	import type { RecordingStatus } from '$lib/stores/recording';
-
-	// Props
-	interface Props {
-		size?: number;
-		onRecordingComplete?: (blob: Blob) => void;
-	}
-
-	let { size = 180, onRecordingComplete }: Props = $props();
-
-	// State
-	let isPressedDown = $state(false);
-	let rotation = $state(0);
-	let pressRotation = $state(0);
-	let scale = $state(1);
-	let fillRadius = $state(0);
-	let showCancelModal = $state(false);
-
-	// Animation intervals and timeouts
-	let pressTimeout: number | null = null;
-	let halfwayTimeout: number | null = null;
-	let rotationAnimationId: number | null = null;
-	let pressAnimationId: number | null = null;
-	let pressStartTime = 0;
-	let rotationStartTime = 0;
-
-	const PRESS_HOLD_DURATION = 500; // 0.5 seconds for one full rotation
-	const ROTATION_SPEED = 36; // degrees per second during recording
-
-	// Computed values
-	const isRecording = $derived($recording.status === 'recording');
-	const isPaused = $derived($recording.status === 'paused');
-	const themeColor = '#F7D44C'; // Primary gold color from theme
-	const borderColor = themeColor;
-	const backgroundColor = isRecording ? themeColor : 'transparent';
-
-	// Format duration MM:SS
-	function formatDuration(seconds: number): string {
-		const mins = Math.floor(seconds / 60);
-		const secs = seconds % 60;
-		return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-	}
-
-	// Animation functions
-	function startRotationAnimation() {
-		if (rotationAnimationId) return;
-
-		rotationStartTime = performance.now();
-		const startRotation = rotation;
-
-		const animate = (currentTime: number) => {
-			const elapsed = currentTime - rotationStartTime;
-			// Smooth continuous rotation
-			rotation = (startRotation + (elapsed / 1000) * ROTATION_SPEED) % 360;
-			rotationAnimationId = requestAnimationFrame(animate);
-		};
-
-		rotationAnimationId = requestAnimationFrame(animate);
-	}
-
-	function stopRotationAnimation() {
-		if (rotationAnimationId) {
-			cancelAnimationFrame(rotationAnimationId);
-			rotationAnimationId = null;
-		}
-	}
-
-	function animatePressRotation(
-		targetDegrees: number,
-		duration: number,
-		useEaseOut: boolean = false
-	) {
-		// Cancel any existing press animation
-		if (pressAnimationId) {
-			cancelAnimationFrame(pressAnimationId);
-			pressAnimationId = null;
-		}
-
-		const startRotation = pressRotation;
-		const startTime = performance.now();
-
-		const animate = (currentTime: number) => {
-			const elapsed = currentTime - startTime;
-			const progress = Math.min(elapsed / duration, 1);
-
-			// Use linear for press-in (to 360), ease-out for release (to 0)
-			let eased = progress;
-			if (useEaseOut) {
-				eased = 1 - Math.pow(1 - progress, 2); // Quadratic ease-out
-			}
-
-			pressRotation = startRotation + (targetDegrees - startRotation) * eased;
-
-			if (progress < 1) {
-				pressAnimationId = requestAnimationFrame(animate);
-			} else {
-				pressAnimationId = null;
-			}
-		};
-
-		pressAnimationId = requestAnimationFrame(animate);
-	}
-
-	function animateScale(target: number, duration: number = 200) {
-		const startScale = scale;
-		const startTime = Date.now();
-
-		const animate = () => {
-			const elapsed = Date.now() - startTime;
-			const progress = Math.min(elapsed / duration, 1);
-
-			// Spring easing
-			const t = progress;
-			scale = startScale + (target - startScale) * (t * (2 - t));
-
-			if (progress < 1) {
-				requestAnimationFrame(animate);
-			}
-		};
-
-		requestAnimationFrame(animate);
-	}
-
-	function animateFillRadius(target: number, duration: number = 300) {
-		const startFill = fillRadius;
-		const startTime = Date.now();
-
-		const animate = () => {
-			const elapsed = Date.now() - startTime;
-			const progress = Math.min(elapsed / duration, 1);
-
-			fillRadius = startFill + (target - startFill) * progress;
-
-			if (progress < 1) {
-				requestAnimationFrame(animate);
-			} else {
-				fillRadius = target;
-			}
-		};
-
-		requestAnimationFrame(animate);
-	}
-
-	// Press & Hold handlers
-	async function handlePressIn() {
-		isPressedDown = true;
-		pressStartTime = Date.now();
-
-		// Visual feedback: scale down and start rotation
-		animateScale(0.95);
-
-		if (!isRecording) {
-			// Start microphone initialization immediately (runs in parallel with hold animation)
-			initializeMicrophone().catch((error) => {
-				console.error('Failed to initialize microphone:', error);
-			});
-
-			// Start press rotation animation
-			animatePressRotation(360, PRESS_HOLD_DURATION);
-
-			// Halfway feedback (optional visual feedback)
-			halfwayTimeout = setTimeout(() => {
-				if (isPressedDown) {
-					console.log('Halfway through press & hold');
-				}
-			}, PRESS_HOLD_DURATION / 2) as unknown as number;
-
-			// Complete press & hold - start recording
-			pressTimeout = setTimeout(async () => {
-				if (isPressedDown) {
-					console.log('Press & Hold completed - Starting recording');
-
-					// Reset press rotation and start fill animation
-					pressRotation = 0;
-					animateFillRadius(1, 300);
-
-					// Start recording via existing AudioRecorder logic
-					await startRecording();
-				}
-			}, PRESS_HOLD_DURATION) as unknown as number;
-		} else if (!isPaused) {
-			// Stopping recording
-			animatePressRotation(360, PRESS_HOLD_DURATION);
-
-			halfwayTimeout = setTimeout(() => {
-				if (isPressedDown) {
-					console.log('Halfway through stop press & hold');
-				}
-			}, PRESS_HOLD_DURATION / 2) as unknown as number;
-
-			pressTimeout = setTimeout(() => {
-				if (isPressedDown) {
-					console.log('Press & Hold completed - Stopping recording');
-
-					// Stop recording
-					stopRecording();
-
-					// Complete rotation and reset
-					const currentTotal = rotation + pressRotation;
-					const remainder = currentTotal % 360;
-					let additionalRotation = 0;
-
-					if (remainder < 10) {
-						additionalRotation = -remainder;
-					} else if (remainder > 350) {
-						additionalRotation = 360 - remainder;
-					} else {
-						additionalRotation = 360 - remainder;
-					}
-
-					pressRotation = 360 + additionalRotation;
-
-					setTimeout(() => {
-						rotation = 0;
-						pressRotation = 0;
-					}, 500);
-				}
-			}, PRESS_HOLD_DURATION) as unknown as number;
-		}
-	}
-
-	function handlePressOut() {
-		const wasInProgress = pressTimeout !== null;
-		isPressedDown = false;
-
-		// Clear timeouts
-		if (pressTimeout) {
-			clearTimeout(pressTimeout);
-			pressTimeout = null;
-		}
-		if (halfwayTimeout) {
-			clearTimeout(halfwayTimeout);
-			halfwayTimeout = null;
-		}
-
-		// Reset scale
-		animateScale(1);
-
-		// If not recording, reset press rotation with ease-out
-		if (!isRecording) {
-			animatePressRotation(0, 300, true);
-		}
-	}
-
-	// Recording functions (using existing Web Audio API from AudioRecorder.svelte)
-	let mediaRecorder: MediaRecorder | null = null;
-	let audioChunks: Blob[] = [];
-	let stream: MediaStream | null = null;
-	let durationInterval: number | null = null;
-	let startTime: number = 0;
-	let micInitPromise: Promise<MediaStream> | null = null;
-	let micInitialized = $state(false);
-
-	// Pre-initialize microphone when user starts pressing
-	async function initializeMicrophone() {
-		if (stream) return stream;
-		if (micInitPromise) return micInitPromise;
-
-		micInitPromise = navigator.mediaDevices.getUserMedia({
-			audio: {
-				echoCancellation: true,
-				noiseSuppression: true,
-				autoGainControl: true,
-			},
-		});
-
-		try {
-			stream = await micInitPromise;
-			micInitialized = true;
-			return stream;
-		} catch (error) {
-			micInitPromise = null;
-			throw error;
-		}
-	}
-
-	async function startRecording() {
-		try {
-			audioChunks = [];
-			recording.setError(null);
-
-			// Wait for microphone if not ready yet
-			if (!stream) {
-				stream = await initializeMicrophone();
-			}
-
-			// Create media recorder
-			const mimeType = MediaRecorder.isTypeSupported('audio/webm') ? 'audio/webm' : 'audio/mp4';
-			mediaRecorder = new MediaRecorder(stream, { mimeType });
-
-			mediaRecorder.ondataavailable = (event) => {
-				if (event.data.size > 0) {
-					audioChunks.push(event.data);
-				}
-			};
-
-			mediaRecorder.onstop = () => {
-				const audioBlob = new Blob(audioChunks, { type: mimeType });
-				recording.setAudioBlob(audioBlob);
-				recording.setStatus('stopped');
-
-				// Call completion callback
-				onRecordingComplete?.(audioBlob);
-			};
-
-			// Start recording
-			mediaRecorder.start();
-			startTime = Date.now();
-			recording.setStatus('recording');
-			recording.setDuration(0);
-
-			// Update duration every 100ms
-			durationInterval = setInterval(() => {
-				const elapsed = Date.now() - startTime;
-				recording.setDuration(Math.floor(elapsed / 1000));
-			}, 100) as unknown as number;
-		} catch (error: any) {
-			console.error('Error starting recording:', error);
-			if (error.name === 'NotAllowedError') {
-				recording.setError(
-					'Microphone permission denied. Please enable it in your browser settings.'
-				);
-			} else {
-				recording.setError('Failed to start recording: ' + error.message);
-			}
-		}
-	}
-
-	function pauseRecording() {
-		if (mediaRecorder && mediaRecorder.state === 'recording') {
-			mediaRecorder.pause();
-			recording.setStatus('paused');
-			if (durationInterval) clearInterval(durationInterval);
-		}
-	}
-
-	function resumeRecording() {
-		if (mediaRecorder && mediaRecorder.state === 'paused') {
-			mediaRecorder.resume();
-			recording.setStatus('recording');
-			startTime = Date.now() - $recording.duration * 1000;
-			durationInterval = setInterval(() => {
-				const elapsed = Date.now() - startTime;
-				recording.setDuration(Math.floor(elapsed / 1000));
-			}, 100) as unknown as number;
-		}
-	}
-
-	function stopRecording() {
-		if (mediaRecorder && mediaRecorder.state !== 'inactive') {
-			mediaRecorder.stop();
-			if (durationInterval) clearInterval(durationInterval);
-
-			// Stop all tracks and reset for next recording
-			if (stream) {
-				stream.getTracks().forEach((track) => track.stop());
-				stream = null;
-			}
-			micInitPromise = null;
-			micInitialized = false;
-		}
-
-		// Stop animations
-		stopRotationAnimation();
-		animateFillRadius(0, 400);
-	}
-
-	function handleCancelRecording() {
-		showCancelModal = true;
-	}
-
-	function confirmCancelRecording() {
-		// Stop the media recorder without triggering upload
-		if (mediaRecorder && mediaRecorder.state !== 'inactive') {
-			// Remove the onstop handler to prevent upload
-			mediaRecorder.onstop = null;
-			mediaRecorder.stop();
-			if (durationInterval) clearInterval(durationInterval);
-		}
-
-		// Stop all tracks and reset stream
-		if (stream) {
-			stream.getTracks().forEach((track) => track.stop());
-			stream = null;
-		}
-		micInitPromise = null;
-		micInitialized = false;
-		mediaRecorder = null;
-
-		// Stop animations
-		stopRotationAnimation();
-
-		// Reset everything
-		recording.reset();
-		audioChunks = [];
-		rotation = 0;
-		pressRotation = 0;
-		fillRadius = 0;
-		showCancelModal = false;
-	}
-
-	function closeCancelModal() {
-		showCancelModal = false;
-	}
-
-	// Lifecycle
-	onDestroy(() => {
-		// Cleanup
-		if (pressTimeout) clearTimeout(pressTimeout);
-		if (halfwayTimeout) clearTimeout(halfwayTimeout);
-		if (durationInterval) clearInterval(durationInterval);
-		if (pressAnimationId) cancelAnimationFrame(pressAnimationId);
-		stopRotationAnimation();
-
-		if (stream) {
-			stream.getTracks().forEach((track) => track.stop());
-		}
-	});
-
-	// Watch for recording status changes
-	$effect(() => {
-		if (isRecording && !isPaused) {
-			console.log('Starting rotation animation');
-			startRotationAnimation();
-		} else {
-			console.log('Stopping rotation animation');
-			stopRotationAnimation();
-		}
-
-		if (!isRecording && !isPaused) {
-			// Reset animations when stopped/idle
-			rotation = 0;
-			pressRotation = 0;
-			animateFillRadius(0, 400);
-		}
-	});
-</script>
-
-<div class="flex flex-col items-center justify-center">
-	<!-- Main Recording Button -->
-	<div class="relative">
-		<button
-			on:mousedown={handlePressIn}
-			on:mouseup={handlePressOut}
-			on:mouseleave={handlePressOut}
-			disabled={isPaused}
-			class="relative overflow-hidden rounded-full border-[6px] bg-content transition-all duration-200 hover:bg-content-hover"
-			style="
-				width: {size}px;
-				height: {size}px;
-				border-color: {borderColor};
-				transform: scale({scale});
-				cursor: {isPaused ? 'not-allowed' : 'pointer'};
-			"
-		>
-			<!-- Background fill when recording -->
-			{#if isRecording}
-				<div
-					class="absolute inset-0 rounded-full transition-all duration-300"
-					style="background-color: {themeColor};"
-				></div>
-			{/if}
-
-			<!-- Radial fill animation (for start/stop transition) -->
-			{#if fillRadius > 0 && !isRecording}
-				<div
-					class="absolute rounded-full"
-					style="
-						width: {fillRadius * size * 1.1}px;
-						height: {fillRadius * size * 1.1}px;
-						background-color: {themeColor};
-						top: 50%;
-						left: 50%;
-						transform: translate(-50%, -50%);
-						opacity: {fillRadius};
-					"
-				></div>
-			{/if}
-
-			<!-- Memoro Logo with rotation -->
-			<div
-				class="absolute inset-0 flex items-center justify-center"
-				style="transform: rotate({rotation + pressRotation}deg);"
-			>
-				<svg
-					width={size * 0.42}
-					height={size * 0.42}
-					viewBox="0 0 280 280"
-					fill={isRecording ? '#FFFFFF' : themeColor}
-				>
-					<!-- Memoro Logo -->
-					<path
-						fill-rule="evenodd"
-						clip-rule="evenodd"
-						d="M280 140C280 217.32 217.32 280 140 280C62.6801 280 0 217.32 0 140C0 62.6801 62.6801 0 140 0C217.32 0 280 62.6801 280 140ZM247.988 140C247.988 199.64 199.64 241.988 140 241.988C80.3598 241.988 32.0118 199.64 32.0118 140C32.0118 111.918 36.7308 95.3397 54.3005 76.1331C58.5193 71.5212 70.5 63 79.3937 74.511L119.781 131.788C134.5 149 149 147 160.218 131.788L200.605 74.5101C208 64 221.48 71.5203 225.699 76.1321C243.269 95.3388 247.988 111.918 247.988 140Z"
-					/>
-				</svg>
-			</div>
-		</button>
-	</div>
-
-	<!-- Timer Display -->
-	{#if isRecording || isPaused}
-		<div class="absolute animate-fade-in" style="top: {size + 20}px;">
-			<p class="font-mono text-lg font-semibold text-theme">
-				{formatDuration($recording.duration)}
-			</p>
-		</div>
-	{/if}
-
-	<!-- Control Buttons (Pause/Resume, Cancel) - positioned to the right like mobile app -->
-	{#if isRecording || isPaused}
-		<div
-			class="absolute right-0 flex flex-col gap-5 animate-fade-in"
-			style="top: 50%; transform: translate(calc(100% + 40px), -50%);"
-		>
-			<!-- Pause/Resume Button -->
-			<button
-				on:click={isPaused ? resumeRecording : pauseRecording}
-				class="flex h-14 w-14 items-center justify-center rounded-full border-2 border-theme bg-content shadow-lg transition-all hover:scale-110 hover:shadow-xl active:scale-95"
-				title={isPaused ? $t('record.resume') : $t('record.pause')}
-			>
-				{#if isPaused}
-					<!-- Play Icon -->
-					<svg class="h-6 w-6 text-theme" fill="currentColor" viewBox="0 0 24 24">
-						<path d="M8 5v14l11-7z" />
-					</svg>
-				{:else}
-					<!-- Pause Icon -->
-					<svg class="h-6 w-6 text-theme" fill="currentColor" viewBox="0 0 24 24">
-						<path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z" />
-					</svg>
-				{/if}
-			</button>
-
-			<!-- Cancel Button -->
-			<button
-				on:click={handleCancelRecording}
-				class="flex h-14 w-14 items-center justify-center rounded-full border-2 border-theme bg-content shadow-lg transition-all hover:scale-110 hover:shadow-xl active:scale-95"
-				title={$t('record.cancel')}
-			>
-				<!-- X Icon -->
-				<svg
-					class="h-6 w-6 text-theme"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-					stroke-width="2.5"
-				>
-					<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
-				</svg>
-			</button>
-		</div>
-	{/if}
-</div>
-
-<!-- Cancel Recording Modal -->
-{#if showCancelModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm">
-		<div class="mx-4 w-full max-w-sm rounded-2xl border border-theme bg-content p-6 shadow-2xl">
-			<!-- Modal Header -->
-			<h3 class="text-lg font-semibold text-theme">
-				{$t('record.cancel_title')}
-			</h3>
-
-			<!-- Modal Message -->
-			<p class="mt-3 text-sm text-theme-secondary leading-relaxed">
-				{$t('record.cancel_message')}
-			</p>
-
-			<!-- Modal Buttons -->
-			<div class="mt-6 flex gap-3">
-				<button
-					on:click={closeCancelModal}
-					class="flex-1 rounded-lg border border-theme bg-content px-4 py-2.5 text-sm font-medium text-theme transition-colors hover:bg-menu-hover"
-				>
-					{$t('record.cancel_abort')}
-				</button>
-				<button
-					on:click={confirmCancelRecording}
-					class="flex-1 rounded-lg bg-red-500 px-4 py-2.5 text-sm font-medium text-white transition-colors hover:bg-red-600"
-				>
-					{$t('record.cancel_confirm')}
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	@keyframes fade-in {
-		from {
-			opacity: 0;
-			transform: translateY(-10px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.animate-fade-in {
-		animation: fade-in 0.3s ease-out;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/SectionHeader.svelte b/apps/memoro/apps/web-archived/src/lib/components/SectionHeader.svelte
deleted file mode 100644
index bd5eb03b8..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/SectionHeader.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	interface Props {
-		title: string;
-		isFirst?: boolean;
-		collapsible?: boolean;
-		isCollapsed?: boolean;
-		onPress?: () => void;
-	}
-
-	let {
-		title,
-		isFirst = false,
-		collapsible = false,
-		isCollapsed = false,
-		onPress,
-	}: Props = $props();
-
-	function handleClick() {
-		if (collapsible && onPress) {
-			onPress();
-		}
-	}
-</script>
-
-{#if collapsible}
-	<button
-		onclick={handleClick}
-		class="flex w-full items-center justify-between rounded-2xl border border-theme p-5 transition-colors bg-content-hover {isFirst
-			? 'mt-2'
-			: 'mt-4'} mb-3"
-	>
-		<h2 class="text-lg font-semibold">{title}</h2>
-		<svg
-			class="h-7 w-7 transition-transform {isCollapsed ? '' : 'rotate-180'}"
-			fill="none"
-			viewBox="0 0 24 24"
-			stroke="currentColor"
-		>
-			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
-		</svg>
-	</button>
-{:else}
-	<h2 class="text-xl font-semibold {isFirst ? 'mt-2' : 'mt-8'} mb-4 px-1">{title}</h2>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/SettingsToggle.svelte b/apps/memoro/apps/web-archived/src/lib/components/SettingsToggle.svelte
deleted file mode 100644
index d57d28336..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/SettingsToggle.svelte
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts">
-	import Toggle from './Toggle.svelte';
-
-	interface Props {
-		title: string;
-		description?: string;
-		type: 'toggle' | 'button';
-		isOn?: boolean;
-		onToggle?: (value: boolean) => void;
-		onPress?: () => void;
-		secondaryText?: string;
-		icon?: string;
-	}
-
-	let {
-		title,
-		description,
-		type,
-		isOn = false,
-		onToggle,
-		onPress,
-		secondaryText,
-		icon,
-	}: Props = $props();
-
-	function handlePress() {
-		if (type === 'button' && onPress) {
-			onPress();
-		}
-	}
-
-	function handleToggle(value: boolean) {
-		if (type === 'toggle' && onToggle) {
-			onToggle(value);
-		}
-	}
-</script>
-
-<div
-	onclick={type === 'button' ? handlePress : undefined}
-	class="w-full rounded-2xl border border-theme bg-content text-left transition-colors {type ===
-	'button'
-		? 'cursor-pointer bg-content-hover'
-		: ''}"
-	role={type === 'button' ? 'button' : undefined}
-	tabindex={type === 'button' ? 0 : undefined}
->
-	<div class="px-4 py-6">
-		<!-- Title Row with Toggle/Icon -->
-		<div class="mb-4 flex items-center justify-between">
-			<h3 class="mr-2 flex-1 text-base font-semibold text-theme">
-				{title}
-			</h3>
-
-			{#if type === 'toggle' && onToggle}
-				<div>
-					<Toggle {isOn} onToggle={handleToggle} />
-				</div>
-			{:else if type === 'button'}
-				<div class="flex items-center">
-					{#if secondaryText}
-						<span class="mr-2 text-sm text-theme-secondary">{secondaryText}</span>
-					{/if}
-					{#if icon}
-						<svg
-							class="h-5 w-5 text-theme-secondary"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							{#if icon === 'mail-outline'}
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-								/>
-							{:else if icon === 'star-outline'}
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"
-								/>
-							{/if}
-						</svg>
-					{/if}
-					<svg
-						class="ml-2 h-5 w-5 text-theme"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 5l7 7-7 7"
-						/>
-					</svg>
-				</div>
-			{/if}
-		</div>
-
-		<!-- Description -->
-		{#if description}
-			<p class="text-sm leading-[26px] text-theme-secondary">
-				{description}
-			</p>
-		{/if}
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/Sidebar.svelte b/apps/memoro/apps/web-archived/src/lib/components/Sidebar.svelte
deleted file mode 100644
index 07c39aedf..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/Sidebar.svelte
+++ /dev/null
@@ -1,846 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { theme } from '$lib/stores/theme';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		onLogout: () => void;
-	}
-
-	let { onLogout }: Props = $props();
-
-	// Load minimized state from localStorage, default to true (minimized)
-	let isMinimized = $state(
-		typeof localStorage !== 'undefined'
-			? (localStorage.getItem('sidebar-minimized') ?? 'true') === 'true'
-			: true
-	);
-	let showShortcuts = $state(false);
-	const isMac =
-		typeof navigator !== 'undefined' && navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-	const modKey = isMac ? '⌘' : 'Ctrl';
-
-	function toggleSidebar() {
-		isMinimized = !isMinimized;
-		// Save state to localStorage
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('sidebar-minimized', String(isMinimized));
-		}
-	}
-
-	function isActive(path: string) {
-		return $page.url.pathname === path;
-	}
-
-	function handleMouseEnter(e: MouseEvent) {
-		if (!isMinimized) return;
-		const target = e.currentTarget as HTMLElement;
-		const tooltip = target.querySelector('.tooltip') as HTMLElement;
-		if (tooltip) {
-			const rect = target.getBoundingClientRect();
-			// Center tooltip vertically - use transform for perfect centering
-			tooltip.style.top = `${rect.top + rect.height / 2}px`;
-			tooltip.style.transform = 'translateY(-50%)';
-		}
-	}
-
-	function toggleTheme() {
-		theme.toggleMode();
-	}
-
-	let currentTheme = $derived($theme);
-</script>
-
-<aside class="sidebar transition-all duration-300 ease-in-out" class:minimized={isMinimized}>
-	<div class="flex h-full flex-col bg-menu border-r border-theme">
-		<!-- Logo -->
-		<div class="flex items-center p-4 border-b border-theme">
-			{#if !isMinimized}
-				<a href="/record" class="flex items-center gap-2">
-					<svg
-						width="28"
-						height="28"
-						viewBox="0 0 280 280"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							fill-rule="evenodd"
-							clip-rule="evenodd"
-							d="M280 140C280 217.32 217.32 280 140 280C62.6801 280 0 217.32 0 140C0 62.6801 62.6801 0 140 0C217.32 0 280 62.6801 280 140ZM247.988 140C247.988 199.64 199.64 241.988 140 241.988C80.3598 241.988 32.0118 199.64 32.0118 140C32.0118 111.918 36.7308 95.3397 54.3005 76.1331C58.5193 71.5212 70.5 63 79.3937 74.511L119.781 131.788C134.5 149 149 147 160.218 131.788L200.605 74.5101C208 64 221.48 71.5203 225.699 76.1321C243.269 95.3388 247.988 111.918 247.988 140Z"
-							fill="#F7D44C"
-						/>
-					</svg>
-					<Text variant="large" weight="bold" class="text-xl text-white">Memoro</Text>
-				</a>
-			{:else}
-				<a href="/record" class="flex items-center justify-center w-full">
-					<svg
-						width="28"
-						height="28"
-						viewBox="0 0 280 280"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							fill-rule="evenodd"
-							clip-rule="evenodd"
-							d="M280 140C280 217.32 217.32 280 140 280C62.6801 280 0 217.32 0 140C0 62.6801 62.6801 0 140 0C217.32 0 280 62.6801 280 140ZM247.988 140C247.988 199.64 199.64 241.988 140 241.988C80.3598 241.988 32.0118 199.64 32.0118 140C32.0118 111.918 36.7308 95.3397 54.3005 76.1331C58.5193 71.5212 70.5 63 79.3937 74.511L119.781 131.788C134.5 149 149 147 160.218 131.788L200.605 74.5101C208 64 221.48 71.5203 225.699 76.1321C243.269 95.3388 247.988 111.918 247.988 140Z"
-							fill="#F7D44C"
-						/>
-					</svg>
-				</a>
-			{/if}
-		</div>
-
-		<!-- Navigation Links -->
-		<nav class="flex-1 overflow-y-auto p-2">
-			<div class="space-y-1">
-				<a
-					href="/record"
-					class="nav-item"
-					class:active={isActive('/record')}
-					title="Aufnehmen"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Aufnehmen</span>
-					{:else}
-						<span class="tooltip">Aufnehmen</span>
-					{/if}
-				</a>
-
-				<a
-					href="/memos"
-					class="nav-item"
-					class:active={isActive('/memos')}
-					title="Memos"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Memos</span>
-					{:else}
-						<span class="tooltip">Memos</span>
-					{/if}
-				</a>
-
-				<a
-					href="/upload"
-					class="nav-item"
-					class:active={isActive('/upload')}
-					title="Upload"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Upload</span>
-					{:else}
-						<span class="tooltip">Upload</span>
-					{/if}
-				</a>
-
-				<a
-					href="/audio-archive"
-					class="nav-item"
-					class:active={isActive('/audio-archive')}
-					title="Audio-Archiv"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Audio-Archiv</span>
-					{:else}
-						<span class="tooltip">Audio-Archiv</span>
-					{/if}
-				</a>
-
-				<a
-					href="/tags"
-					class="nav-item"
-					class:active={isActive('/tags')}
-					title="Tags"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Tags</span>
-					{:else}
-						<span class="tooltip">Tags</span>
-					{/if}
-				</a>
-
-				<!-- Spaces temporarily hidden -->
-				<!-- <a
-					href="/spaces"
-					class="nav-item"
-					class:active={isActive('/spaces')}
-					title="Spaces"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Spaces</span>
-					{:else}
-						<span class="tooltip">Spaces</span>
-					{/if}
-				</a> -->
-
-				<a
-					href="/subscription"
-					class="nav-item"
-					class:active={isActive('/subscription')}
-					title="Mana"
-					onmouseenter={handleMouseEnter}
-				>
-					<!-- Mana Icon SVG (from mobile/assets/icons/mana-icon.svg) -->
-					<svg
-						class="h-5 w-5"
-						viewBox="0 0 24 24"
-						fill="currentColor"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M12.3047 1C12.3392 1.04573 19.608 10.6706 19.6084 14.6953C19.6084 18.7293 16.3386 21.9998 12.3047 22C8.27061 22 5 18.7294 5 14.6953C5.00041 10.661 12.3047 1 12.3047 1ZM12.3047 7.3916C12.2811 7.42276 8.65234 12.2288 8.65234 14.2393C8.65241 16.2562 10.2877 17.8916 12.3047 17.8916C14.3217 17.8916 15.957 16.2562 15.957 14.2393C15.957 12.2301 12.3331 7.42917 12.3047 7.3916Z"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Mana</span>
-					{:else}
-						<span class="tooltip">Mana</span>
-					{/if}
-				</a>
-
-				<a
-					href="/blueprints"
-					class="nav-item"
-					class:active={isActive('/blueprints')}
-					title="Blueprints"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Blueprints</span>
-					{:else}
-						<span class="tooltip">Blueprints</span>
-					{/if}
-				</a>
-
-				<a
-					href="/statistics"
-					class="nav-item"
-					class:active={isActive('/statistics')}
-					title="Statistics"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Statistics</span>
-					{:else}
-						<span class="tooltip">Statistics</span>
-					{/if}
-				</a>
-
-				<a
-					href="/settings"
-					class="nav-item"
-					class:active={isActive('/settings')}
-					title="Settings"
-					onmouseenter={handleMouseEnter}
-				>
-					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-						/>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-						/>
-					</svg>
-					{#if !isMinimized}
-						<span>Settings</span>
-					{:else}
-						<span class="tooltip">Settings</span>
-					{/if}
-				</a>
-			</div>
-		</nav>
-
-		<!-- Keyboard Shortcuts Panel -->
-		<div class="border-t border-theme">
-			<button
-				onclick={() => (showShortcuts = !showShortcuts)}
-				class="nav-item w-full"
-				title="Keyboard Shortcuts"
-				onmouseenter={handleMouseEnter}
-			>
-				<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
-					/>
-				</svg>
-				{#if !isMinimized}
-					<span class="flex-1 text-left">Shortcuts</span>
-					<svg
-						class="h-4 w-4 transition-transform {showShortcuts ? 'rotate-180' : ''}"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M19 9l-7 7-7-7"
-						/>
-					</svg>
-				{:else}
-					<span class="tooltip">Shortcuts</span>
-				{/if}
-			</button>
-
-			{#if showShortcuts && !isMinimized}
-				<div class="px-3 py-2 space-y-3 text-xs bg-content">
-					<!-- Tab Navigation -->
-					<div>
-						<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide text-[10px]"
-							>Tab Navigation</Text
-						>
-						<div class="space-y-1.5">
-							<div class="flex items-center justify-between">
-								<span class="text-theme-secondary">Close Tab</span>
-								<kbd class="kbd">{modKey} W</kbd>
-							</div>
-							<div class="flex items-center justify-between">
-								<span class="text-theme-secondary">Previous Tab</span>
-								<kbd class="kbd">{modKey} [</kbd>
-							</div>
-							<div class="flex items-center justify-between">
-								<span class="text-theme-secondary">Next Tab</span>
-								<kbd class="kbd">{modKey} ]</kbd>
-							</div>
-						</div>
-					</div>
-
-					<!-- Split Navigation -->
-					<div>
-						<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide text-[10px]"
-							>Split Navigation</Text
-						>
-						<div class="space-y-1.5">
-							<div class="flex items-center justify-between">
-								<span class="text-theme-secondary">Focus Split 1-4</span>
-								<kbd class="kbd">{modKey} 1-4</kbd>
-							</div>
-						</div>
-					</div>
-
-					<!-- Mouse Shortcuts -->
-					<div>
-						<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide text-[10px]"
-							>Mouse Shortcuts</Text
-						>
-						<div class="space-y-1.5">
-							<div class="flex items-center justify-between">
-								<span class="text-theme-secondary">Open Memo</span>
-								<kbd class="kbd">Click</kbd>
-							</div>
-							<div class="flex items-center justify-between">
-								<span class="text-theme-secondary">Open in Split</span>
-								<kbd class="kbd">Shift Click</kbd>
-							</div>
-						</div>
-					</div>
-				</div>
-			{/if}
-
-			{#if showShortcuts && isMinimized}
-				<div class="shortcuts-panel">
-					<div class="space-y-3">
-						<!-- Tab Navigation -->
-						<div>
-							<Text
-								variant="muted"
-								weight="semibold"
-								class="mb-2 uppercase tracking-wide text-[10px]">Tab Navigation</Text
-							>
-							<div class="space-y-1.5">
-								<div class="flex items-center justify-between gap-4">
-									<span class="text-theme-secondary">Close Tab</span>
-									<kbd class="kbd">{modKey} W</kbd>
-								</div>
-								<div class="flex items-center justify-between gap-4">
-									<span class="text-theme-secondary">Previous Tab</span>
-									<kbd class="kbd">{modKey} [</kbd>
-								</div>
-								<div class="flex items-center justify-between gap-4">
-									<span class="text-theme-secondary">Next Tab</span>
-									<kbd class="kbd">{modKey} ]</kbd>
-								</div>
-							</div>
-						</div>
-
-						<!-- Split Navigation -->
-						<div>
-							<Text
-								variant="muted"
-								weight="semibold"
-								class="mb-2 uppercase tracking-wide text-[10px]">Split Navigation</Text
-							>
-							<div class="space-y-1.5">
-								<div class="flex items-center justify-between gap-4">
-									<span class="text-theme-secondary">Focus Split 1-4</span>
-									<kbd class="kbd">{modKey} 1-4</kbd>
-								</div>
-							</div>
-						</div>
-
-						<!-- Mouse Shortcuts -->
-						<div>
-							<Text
-								variant="muted"
-								weight="semibold"
-								class="mb-2 uppercase tracking-wide text-[10px]">Mouse Shortcuts</Text
-							>
-							<div class="space-y-1.5">
-								<div class="flex items-center justify-between gap-4">
-									<span class="text-theme-secondary">Open Memo</span>
-									<kbd class="kbd">Click</kbd>
-								</div>
-								<div class="flex items-center justify-between gap-4">
-									<span class="text-theme-secondary">Open in Split</span>
-									<kbd class="kbd">Shift Click</kbd>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			{/if}
-		</div>
-
-		<!-- User Section -->
-		<div class="border-t border-theme p-2">
-			<!-- Theme Toggle -->
-			<button
-				onclick={toggleTheme}
-				class="nav-item w-full mb-2"
-				title={currentTheme.effectiveMode === 'light'
-					? 'Switch to dark mode'
-					: 'Switch to light mode'}
-				onmouseenter={handleMouseEnter}
-			>
-				{#if currentTheme.effectiveMode === 'light'}
-					<!-- Moon Icon (Dark Mode) -->
-					<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
-						/>
-					</svg>
-				{:else}
-					<!-- Sun Icon (Light Mode) -->
-					<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
-						/>
-					</svg>
-				{/if}
-				{#if !isMinimized}
-					<span>{currentTheme.effectiveMode === 'light' ? 'Dark Mode' : 'Light Mode'}</span>
-				{:else}
-					<span class="tooltip"
-						>{currentTheme.effectiveMode === 'light' ? 'Dark Mode' : 'Light Mode'}</span
-					>
-				{/if}
-			</button>
-
-			{#if !isMinimized}
-				<!-- User Email -->
-				<div class="mb-2 px-3 py-2 text-xs text-theme-muted truncate">
-					{authStore.user?.email || ''}
-				</div>
-			{/if}
-
-			<!-- Logout Button -->
-			<button
-				onclick={onLogout}
-				class="nav-item logout-button w-full"
-				title="Logout"
-				onmouseenter={handleMouseEnter}
-			>
-				<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
-					/>
-				</svg>
-				{#if !isMinimized}
-					<span>Logout</span>
-				{:else}
-					<span class="tooltip">Logout</span>
-				{/if}
-			</button>
-
-			<!-- Toggle Sidebar Button -->
-			<button
-				onclick={toggleSidebar}
-				class="nav-item w-full mt-2"
-				title={isMinimized ? 'Expand sidebar' : 'Minimize sidebar'}
-				onmouseenter={handleMouseEnter}
-			>
-				<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					{#if isMinimized}
-						<!-- Menu icon (expand) -->
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M4 6h16M4 12h16M4 18h16"
-						/>
-					{:else}
-						<!-- Arrow left icon (minimize) -->
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M15 19l-7-7 7-7"
-						/>
-					{/if}
-				</svg>
-				{#if !isMinimized}
-					<span>Minimize</span>
-				{:else}
-					<span class="tooltip">Expand</span>
-				{/if}
-			</button>
-		</div>
-	</div>
-</aside>
-
-<style>
-	.sidebar {
-		width: 240px;
-		flex-shrink: 0;
-		height: 100vh;
-		position: sticky;
-		top: 0;
-		left: 0;
-		overflow: visible;
-		z-index: 100;
-	}
-
-	.sidebar.minimized {
-		width: 64px;
-		overflow: visible;
-	}
-
-	/* Ensure inner container allows tooltips to overflow */
-	.sidebar > div {
-		overflow-x: visible;
-		overflow-y: auto;
-	}
-
-	/* Only the nav section should scroll */
-	.sidebar nav {
-		overflow-y: auto;
-		overflow-x: visible;
-	}
-
-	.nav-item {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem;
-		border-radius: 0.5rem;
-		transition: all 0.2s;
-		text-decoration: none;
-		/* Normal text color */
-		color: #6b7280;
-	}
-
-	.dark .nav-item {
-		color: #d1d5db;
-	}
-
-	/* Remove opacity reduction - we use direct colors instead */
-	a.nav-item {
-		opacity: 1;
-	}
-
-	/* Hover state */
-	.nav-item:hover {
-		background-color: #f5f5f5;
-		opacity: 1;
-	}
-
-	.dark .nav-item:hover {
-		background-color: #333333;
-		opacity: 1;
-	}
-
-	/* Active state */
-	.nav-item.active {
-		background-color: rgba(248, 214, 43, 0.1);
-		color: #f8d62b;
-		font-weight: 600;
-		opacity: 1;
-	}
-
-	.dark .nav-item.active {
-		background-color: rgba(248, 214, 43, 0.15);
-		color: #f8d62b;
-	}
-
-	.nav-item.active svg {
-		stroke: #f8d62b;
-	}
-
-	/* Minimized layout */
-	.minimized .nav-item {
-		justify-content: center;
-		padding: 0.75rem;
-		position: relative;
-		overflow: visible;
-	}
-
-	/* Tooltip for minimized sidebar */
-	.tooltip {
-		display: block;
-		position: fixed;
-		left: 80px;
-		padding: 0.625rem 1rem;
-		background-color: #1e1e1e;
-		color: #ffffff;
-		font-size: 0.875rem;
-		font-weight: 500;
-		border-radius: 0.5rem;
-		white-space: nowrap;
-		pointer-events: none;
-		opacity: 0;
-		visibility: hidden;
-		transition:
-			opacity 0.15s ease-out,
-			visibility 0.15s ease-out;
-		z-index: 2147483647;
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.3),
-			0 4px 6px -2px rgba(0, 0, 0, 0.2);
-	}
-
-	/* Tooltip arrow */
-	.tooltip::before {
-		content: '';
-		position: absolute;
-		right: 100%;
-		top: 50%;
-		transform: translateY(-50%);
-		border: 5px solid transparent;
-		border-right-color: #1e1e1e;
-	}
-
-	:global(.dark) .tooltip {
-		background-color: #ffffff;
-		color: #1e1e1e;
-	}
-
-	:global(.dark) .tooltip::before {
-		border-right-color: #ffffff;
-	}
-
-	.minimized .nav-item:hover .tooltip {
-		opacity: 1 !important;
-		visibility: visible !important;
-	}
-
-	/* Logout button specific styling */
-	.logout-button {
-		color: #dc2626;
-		opacity: 0.8;
-	}
-
-	.dark .logout-button {
-		color: #ef4444;
-	}
-
-	.logout-button:hover {
-		opacity: 1;
-	}
-
-	/* Smooth transitions */
-	.sidebar * {
-		transition: opacity 0.2s ease-in-out;
-	}
-
-	/* Keyboard shortcut badge */
-	.kbd {
-		display: inline-block;
-		padding: 0.2rem 0.4rem;
-		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-		font-size: 0.65rem;
-		font-weight: 600;
-		line-height: 1;
-		background-color: #f3f4f6;
-		border: 1px solid #d1d5db;
-		border-radius: 0.25rem;
-		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-		color: #374151;
-	}
-
-	.dark .kbd {
-		background-color: #374151;
-		border-color: #4b5563;
-		color: #e5e7eb;
-	}
-
-	/* Shortcuts panel for minimized sidebar */
-	.shortcuts-panel {
-		position: fixed;
-		left: 80px;
-		bottom: 120px;
-		width: 280px;
-		padding: 1rem;
-		background-color: #1e1e1e;
-		color: #ffffff;
-		font-size: 0.75rem;
-		border-radius: 0.5rem;
-		z-index: 2147483647;
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.3),
-			0 4px 6px -2px rgba(0, 0, 0, 0.2);
-		animation: slideIn 0.2s ease-out;
-	}
-
-	@keyframes slideIn {
-		from {
-			opacity: 0;
-			transform: translateX(-10px);
-		}
-		to {
-			opacity: 1;
-			transform: translateX(0);
-		}
-	}
-
-	:global(.dark) .shortcuts-panel {
-		background-color: #ffffff;
-		color: #1e1e1e;
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	.shortcuts-panel .text-theme-secondary {
-		color: rgba(255, 255, 255, 0.8);
-	}
-
-	:global(.dark) .shortcuts-panel .text-theme-secondary {
-		color: rgba(0, 0, 0, 0.7);
-	}
-
-	.shortcuts-panel .kbd {
-		background-color: rgba(255, 255, 255, 0.1);
-		border-color: rgba(255, 255, 255, 0.2);
-		color: #ffffff;
-	}
-
-	:global(.dark) .shortcuts-panel .kbd {
-		background-color: #f3f4f6;
-		border-color: #d1d5db;
-		color: #374151;
-	}
-
-	.shortcuts-panel h4 {
-		color: rgba(255, 255, 255, 0.6);
-	}
-
-	:global(.dark) .shortcuts-panel h4 {
-		color: rgba(0, 0, 0, 0.5);
-		font-weight: 600;
-	}
-
-	.shortcuts-panel::before {
-		content: '';
-		position: absolute;
-		right: 100%;
-		bottom: 20px;
-		border: 8px solid transparent;
-		border-right-color: #1e1e1e;
-	}
-
-	:global(.dark) .shortcuts-panel::before {
-		border-right-color: #ffffff;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/SplitView.svelte b/apps/memoro/apps/web-archived/src/lib/components/SplitView.svelte
deleted file mode 100644
index 3798d47df..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/SplitView.svelte
+++ /dev/null
@@ -1,144 +0,0 @@
-<script lang="ts">
-	import { t } from 'svelte-i18n';
-	import { tabs } from '$lib/stores/tabs';
-	import TabBar from '$lib/components/TabBar.svelte';
-	import MemoPanel from '$lib/components/memo/MemoPanel.svelte';
-	import type { Memo } from '$lib/types/memo.types';
-
-	interface Props {
-		onOpenInSplit?: (
-			memo: Memo,
-			direction: 'vertical' | 'horizontal',
-			audioUrl: string | null
-		) => void;
-	}
-
-	let { onOpenInSplit }: Props = $props();
-
-	function handleCloseSplit(splitId: string) {
-		tabs.closeSplit(splitId);
-	}
-</script>
-
-{#if $tabs.splits.length === 0}
-	<!-- Empty State -->
-	<div class="flex h-full items-center justify-center p-4">
-		<div class="text-center rounded-xl border border-theme bg-content p-8">
-			<div class="mb-6 text-8xl">📝</div>
-			<h2 class="mb-2 text-2xl font-bold text-theme">{$t('memo.no_memo_selected')}</h2>
-			<p class="text-theme-secondary">
-				{$t('memo.select_memo_hint')}
-			</p>
-		</div>
-	</div>
-{:else if $tabs.splits.length === 1}
-	<!-- Single Split -->
-	{@const split = $tabs.splits[0]}
-	{@const activeTab = split.tabs.find((t) => t.id === split.activeTabId)}
-
-	<div class="relative h-full w-full overflow-hidden pt-3 pl-2 pr-4">
-		<!-- Floating TabBar (only show when multiple tabs) -->
-		{#if split.tabs.length > 1}
-			<div class="absolute top-6 left-8 right-8 z-10">
-				<TabBar
-					{split}
-					onSplitVertical={() => {
-						if (activeTab?.memo && onOpenInSplit) {
-							onOpenInSplit(activeTab.memo, 'vertical', activeTab.audioUrl);
-						}
-					}}
-					onSplitHorizontal={() => {
-						if (activeTab?.memo && onOpenInSplit) {
-							onOpenInSplit(activeTab.memo, 'horizontal', activeTab.audioUrl);
-						}
-					}}
-				/>
-			</div>
-		{/if}
-		<!-- Content -->
-		<div
-			class="h-full w-full overflow-hidden rounded-t-xl border border-theme border-b-0 bg-content {split
-				.tabs.length > 1
-				? 'pt-10'
-				: ''}"
-		>
-			<MemoPanel memo={activeTab?.memo || null} audioUrl={activeTab?.audioUrl || null} />
-		</div>
-	</div>
-{:else if $tabs.splits.length === 2}
-	<!-- Two Splits -->
-	{@const split1 = $tabs.splits[0]}
-	{@const split2 = $tabs.splits[1]}
-	{@const activeTab1 = split1.tabs.find((t) => t.id === split1.activeTabId)}
-	{@const activeTab2 = split2.tabs.find((t) => t.id === split2.activeTabId)}
-
-	<!-- Determine layout based on first split's direction -->
-	{@const isVertical = split2.direction === 'vertical'}
-
-	<div class="flex h-full {isVertical ? 'flex-row' : 'flex-col'} gap-4 p-4">
-		<!-- Split 1 -->
-		<div
-			class="flex {isVertical
-				? 'w-1/2'
-				: 'h-1/2'} flex-col rounded-xl border border-theme bg-content overflow-hidden"
-		>
-			<TabBar split={split1} onCloseSplit={() => handleCloseSplit(split1.id)} />
-			<div class="flex-1 overflow-hidden">
-				<MemoPanel memo={activeTab1?.memo || null} audioUrl={activeTab1?.audioUrl || null} />
-			</div>
-		</div>
-
-		<!-- Split 2 -->
-		<div
-			class="flex {isVertical
-				? 'w-1/2'
-				: 'h-1/2'} flex-col rounded-xl border border-theme bg-content overflow-hidden"
-		>
-			<TabBar split={split2} onCloseSplit={() => handleCloseSplit(split2.id)} />
-			<div class="flex-1 overflow-hidden">
-				<MemoPanel memo={activeTab2?.memo || null} audioUrl={activeTab2?.audioUrl || null} />
-			</div>
-		</div>
-	</div>
-{:else if $tabs.splits.length === 3}
-	<!-- Three Splits (2 top, 1 bottom) -->
-	<div class="flex h-full flex-col gap-4 p-4">
-		<!-- Top Row -->
-		<div class="flex h-1/2 gap-4">
-			{#each $tabs.splits.slice(0, 2) as split}
-				{@const activeTab = split.tabs.find((t) => t.id === split.activeTabId)}
-				<div class="flex flex-1 flex-col rounded-xl border border-theme bg-content overflow-hidden">
-					<TabBar {split} onCloseSplit={() => handleCloseSplit(split.id)} />
-					<div class="flex-1 overflow-hidden">
-						<MemoPanel memo={activeTab?.memo || null} audioUrl={activeTab?.audioUrl || null} />
-					</div>
-				</div>
-			{/each}
-		</div>
-
-		<!-- Bottom Row -->
-		{#if $tabs.splits[2]}
-			{@const split3 = $tabs.splits[2]}
-			{@const activeTab3 = split3.tabs.find((t) => t.id === split3.activeTabId)}
-			<div class="flex h-1/2 flex-col rounded-xl border border-theme bg-content overflow-hidden">
-				<TabBar split={split3} onCloseSplit={() => handleCloseSplit(split3.id)} />
-				<div class="flex-1 overflow-hidden">
-					<MemoPanel memo={activeTab3?.memo || null} audioUrl={activeTab3?.audioUrl || null} />
-				</div>
-			</div>
-		{/if}
-	</div>
-{:else}
-	<!-- Four Splits (2x2 Grid) -->
-	<div class="grid h-full grid-cols-2 grid-rows-2 gap-4 p-4">
-		{#each $tabs.splits.slice(0, 4) as split}
-			{@const activeTab = split.tabs.find((t) => t.id === split.activeTabId)}
-			<div class="flex flex-col rounded-xl border border-theme bg-content overflow-hidden">
-				<TabBar {split} onCloseSplit={() => handleCloseSplit(split.id)} />
-				<div class="flex-1 overflow-hidden">
-					<MemoPanel memo={activeTab?.memo || null} audioUrl={activeTab?.audioUrl || null} />
-				</div>
-			</div>
-		{/each}
-	</div>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/SubscriptionButton.svelte b/apps/memoro/apps/web-archived/src/lib/components/SubscriptionButton.svelte
deleted file mode 100644
index ac31364e0..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/SubscriptionButton.svelte
+++ /dev/null
@@ -1,70 +0,0 @@
-<script lang="ts">
-	interface Props {
-		label: string;
-		onclick: () => void;
-		iconName?: string;
-		leftIconName?: string;
-		variant?: 'primary' | 'secondary' | 'accent';
-		disabled?: boolean;
-	}
-
-	let {
-		label,
-		onclick,
-		iconName = 'arrow-forward-outline',
-		leftIconName = 'cart-outline',
-		variant = 'primary',
-		disabled = false,
-	}: Props = $props();
-
-	// Icon mapping (simple SVG paths for common icons)
-	const iconPaths: Record<string, string> = {
-		'arrow-forward-outline': 'M5 12h14M12 5l7 7-7 7',
-		'checkmark-circle-outline': 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z',
-		'cart-outline':
-			'M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z',
-	};
-</script>
-
-<button
-	{disabled}
-	onclick={disabled ? undefined : onclick}
-	class="flex w-full h-12 items-center justify-between rounded-lg border px-4 font-medium transition-all duration-200"
-	class:bg-mana={variant === 'accent' && !disabled}
-	class:border-mana={variant === 'accent' && !disabled}
-	class:text-white={variant === 'accent' && !disabled}
-	class:bg-menu={variant === 'primary' && !disabled}
-	class:border-theme={variant === 'primary' && !disabled}
-	class:text-theme={variant === 'primary' && !disabled}
-	class:bg-content={variant === 'secondary' && !disabled}
-	class:hover:bg-menu-hover={!disabled}
-	class:opacity-50={disabled}
-	class:cursor-not-allowed={disabled}
->
-	<div class="flex items-center justify-center">
-		<svg
-			class="mr-2 h-4 w-4"
-			fill="none"
-			stroke="currentColor"
-			viewBox="0 0 24 24"
-			stroke-width="2"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		>
-			<path d={iconPaths[leftIconName] || iconPaths['cart-outline']} />
-		</svg>
-		<span>{label}</span>
-	</div>
-
-	<svg
-		class="ml-2 h-4 w-4"
-		fill="none"
-		stroke="currentColor"
-		viewBox="0 0 24 24"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	>
-		<path d={iconPaths[iconName] || iconPaths['arrow-forward-outline']} />
-	</svg>
-</button>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/SubscriptionCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/SubscriptionCard.svelte
deleted file mode 100644
index 20b4220a9..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/SubscriptionCard.svelte
+++ /dev/null
@@ -1,141 +0,0 @@
-<script lang="ts">
-	import SubscriptionButton from './SubscriptionButton.svelte';
-	import ManaIcon from './ManaIcon.svelte';
-
-	export interface SubscriptionPlan {
-		id: string;
-		name: string;
-		price: number;
-		priceString?: string;
-		currencyCode?: string;
-		priceBreakdown?: string;
-		monthlyMana: number;
-		canGiftMana: boolean;
-		popular?: boolean;
-		billingCycle?: 'monthly' | 'yearly';
-		monthlyEquivalent?: number;
-		isTeamSubscription?: boolean;
-		isEnterpriseSubscription?: boolean;
-	}
-
-	interface Props {
-		plan: SubscriptionPlan;
-		onSelect: (planId: string) => void;
-		isCurrentPlan?: boolean;
-		isLegacy?: boolean;
-	}
-
-	let { plan, onSelect, isCurrentPlan = false, isLegacy = false }: Props = $props();
-
-	function formatPrice(plan: SubscriptionPlan) {
-		return plan.priceString || `${plan.price.toFixed(2).replace('.', ',')}€`;
-	}
-
-	// Tier-specific background colors and sizes for Mana icon
-	function getTierStyles() {
-		switch (plan.id) {
-			case 'free':
-				return { bg: '#F5F5F5', icon: '#9E9E9E', bgSize: '30%' };
-			case 'Mana_Stream_Small_v1':
-			case 'Mana_Stream_Small_Yearly_v1':
-				return { bg: '#E3F2FD', icon: '#2196F3', bgSize: '45%' };
-			case 'Mana_Stream_Medium_v1':
-			case 'Mana_Stream_Medium_Yearly_v1':
-				return { bg: '#BBDEFB', icon: '#1976D2', bgSize: '60%' };
-			case 'Mana_Stream_Large_v1':
-			case 'Mana_Stream_Large_Yearly_v1':
-				return { bg: '#90CAF9', icon: '#1565C0', bgSize: '75%' };
-			case 'Mana_Stream_Giant_v1':
-			case 'Mana_Stream_Giant_Yearly_v1':
-				return { bg: '#64B5F6', icon: '#0D47A1', bgSize: '90%' };
-			default:
-				return { bg: '#E1F5FE', icon: '#0288D1', bgSize: '50%' };
-		}
-	}
-
-	const tierStyles = $derived(getTierStyles());
-
-	// Hover state
-	let isHovered = $state(false);
-</script>
-
-<div
-	class="relative rounded-xl p-4 transition-all duration-200 bg-content border hover:-translate-y-0.5 hover:shadow-lg"
-	class:border-2={isCurrentPlan}
-	class:border-mana={isCurrentPlan || plan.popular}
-	class:border-theme={!isCurrentPlan && !plan.popular}
-	onmouseenter={() => (isHovered = true)}
-	onmouseleave={() => (isHovered = false)}
->
-	{#if isCurrentPlan}
-		<div class="absolute -top-3 left-4 rounded-xl bg-mana px-3 py-1 text-xs font-bold text-white">
-			{isLegacy ? 'Legacy Plan' : 'Current Plan'}
-		</div>
-	{/if}
-	{#if plan.popular && !isCurrentPlan}
-		<div class="absolute -top-3 right-4 rounded-xl bg-mana px-3 py-1 text-xs font-bold text-white">
-			Popular
-		</div>
-	{/if}
-
-	<!-- Tier Name -->
-	<h3 class="mb-4 text-center text-lg font-bold text-theme">
-		{plan.name}
-	</h3>
-
-	<!-- Three column layout -->
-	<div class="mb-5 flex justify-between gap-2">
-		<!-- Mana Icon with background -->
-		<div
-			class="flex aspect-square flex-1 items-center justify-center rounded-xl bg-menu"
-			style="min-height: 80px;"
-		>
-			<div
-				class="flex items-center justify-center rounded-lg"
-				style="width: {tierStyles.bgSize}; height: {tierStyles.bgSize}; background-color: {tierStyles.bg};"
-			>
-				<ManaIcon size={32} color={tierStyles.icon} />
-			</div>
-		</div>
-
-		<!-- Mana Amount -->
-		<div
-			class="flex aspect-square flex-1 flex-col items-center justify-center rounded-xl bg-menu"
-			style="min-height: 80px;"
-		>
-			<p class="mb-0.5 text-2xl font-bold text-theme">
-				{plan.monthlyMana}
-			</p>
-			<p class="text-center text-xs text-theme-secondary">pro Monat</p>
-		</div>
-
-		<!-- Price -->
-		<div
-			class="flex aspect-square flex-1 flex-col items-center justify-center rounded-xl bg-menu"
-			style="min-height: 80px;"
-		>
-			<p class="text-xl font-bold text-theme">
-				{formatPrice(plan)}
-			</p>
-			<p class="mt-0.5 text-xs text-theme-secondary">
-				{plan.billingCycle === 'yearly' ? 'pro Jahr' : 'pro Monat'}
-			</p>
-			{#if plan.billingCycle === 'yearly' && plan.monthlyEquivalent}
-				<p class="mt-0 text-[9px] text-theme-secondary">
-					({plan.monthlyEquivalent.toFixed(2).replace('.', ',')}€/Monat)
-				</p>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Button only show if NOT free plan -->
-	{#if plan.id !== 'free'}
-		<SubscriptionButton
-			label={isCurrentPlan ? (isLegacy ? 'Dein Legacy-Plan' : 'Dein Plan') : 'Kaufen'}
-			onclick={() => onSelect(plan.id)}
-			iconName={isCurrentPlan ? 'checkmark-circle-outline' : 'arrow-forward-outline'}
-			variant={isCurrentPlan ? 'secondary' : plan.popular ? 'accent' : 'primary'}
-			disabled={isCurrentPlan}
-		/>
-	{/if}
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/TabBar.svelte b/apps/memoro/apps/web-archived/src/lib/components/TabBar.svelte
deleted file mode 100644
index ad1c4d87d..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/TabBar.svelte
+++ /dev/null
@@ -1,139 +0,0 @@
-<script lang="ts">
-	import type { Split } from '$lib/stores/tabs';
-	import { tabs } from '$lib/stores/tabs';
-
-	interface Props {
-		split: Split;
-		onSplitVertical?: () => void;
-		onSplitHorizontal?: () => void;
-		onCloseSplit?: () => void;
-	}
-
-	let { split, onSplitVertical, onSplitHorizontal, onCloseSplit }: Props = $props();
-
-	function handleCloseTab(tabId: string) {
-		tabs.closeTab(split.id, tabId);
-	}
-
-	function handleActivateTab(tabId: string) {
-		tabs.activateTab(split.id, tabId);
-	}
-
-	function truncateTitle(title: string, maxLength: number = 20): string {
-		if (title.length <= maxLength) return title;
-		return title.substring(0, maxLength - 3) + '...';
-	}
-</script>
-
-<div class="flex items-center justify-between gap-2 p-3 bg-transparent">
-	<!-- Tabs -->
-	<div class="flex gap-2 overflow-x-auto">
-		{#each split.tabs as tab (tab.id)}
-			<button
-				onclick={() => handleActivateTab(tab.id)}
-				class="group relative flex items-center gap-2 rounded-lg px-3 py-1.5 text-sm transition-all backdrop-blur-md {tab.isActive
-					? 'bg-white/20 text-white shadow-sm border border-white/20'
-					: 'bg-black/30 text-white/60 hover:bg-white/10 hover:text-white border border-white/10'}"
-			>
-				<!-- Tab Title -->
-				<span class="max-w-[150px] truncate">
-					{truncateTitle(tab.memo?.title || 'Untitled Memo')}
-				</span>
-
-				<!-- Close Button -->
-				<span
-					role="button"
-					tabindex="0"
-					onclick={(e) => {
-						e.stopPropagation();
-						handleCloseTab(tab.id);
-					}}
-					onkeydown={(e) => {
-						if (e.key === 'Enter' || e.key === ' ') {
-							e.preventDefault();
-							e.stopPropagation();
-							handleCloseTab(tab.id);
-						}
-					}}
-					class="rounded p-0.5 opacity-0 transition-opacity hover:bg-white/20 group-hover:opacity-100 {tab.isActive
-						? 'opacity-100'
-						: ''} cursor-pointer"
-					title="Close tab"
-				>
-					<svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M6 18L18 6M6 6l12 12"
-						/>
-					</svg>
-				</span>
-			</button>
-		{/each}
-	</div>
-
-	<!-- Actions -->
-	<div class="flex items-center gap-1 rounded-lg bg-white/10 px-2 py-1">
-		<!-- Split Vertical -->
-		{#if onSplitVertical}
-			<button
-				onclick={onSplitVertical}
-				class="rounded-md p-1.5 text-white/60 transition-colors hover:bg-white/20 hover:text-white"
-				title="Split vertically (Shift+Click on memo)"
-			>
-				<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 4v16M15 4v16"
-					/>
-				</svg>
-			</button>
-		{/if}
-
-		<!-- Split Horizontal -->
-		{#if onSplitHorizontal}
-			<button
-				onclick={onSplitHorizontal}
-				class="rounded-md p-1.5 text-white/60 transition-colors hover:bg-white/20 hover:text-white"
-				title="Split horizontally"
-			>
-				<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M4 9h16M4 15h16"
-					/>
-				</svg>
-			</button>
-		{/if}
-
-		<!-- Close Split -->
-		{#if onCloseSplit}
-			<button
-				onclick={onCloseSplit}
-				class="rounded-md p-1.5 text-white/60 transition-colors hover:bg-red-500/20 hover:text-red-400"
-				title="Close split"
-			>
-				<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M6 18L18 6M6 6l12 12"
-					/>
-				</svg>
-			</button>
-		{/if}
-	</div>
-</div>
-
-<style>
-	/* Hide scrollbar for tab overflow */
-	.overflow-x-auto::-webkit-scrollbar {
-		height: 0;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/TagBadge.svelte b/apps/memoro/apps/web-archived/src/lib/components/TagBadge.svelte
deleted file mode 100644
index d3dc78ddc..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/TagBadge.svelte
+++ /dev/null
@@ -1,65 +0,0 @@
-<script lang="ts">
-	import type { Tag } from '$lib/types/memo.types';
-
-	let {
-		tag,
-		removable = false,
-		clickable = false,
-		onRemove,
-		onClick,
-	}: {
-		tag: Tag;
-		removable?: boolean;
-		clickable?: boolean;
-		onRemove?: () => void;
-		onClick?: () => void;
-	} = $props();
-
-	// Get tag color from either style.color (new format) or color (old format)
-	const tagColor = tag.style?.color || tag.color || '#3b82f6';
-
-	function handleClick() {
-		if (clickable && onClick) {
-			onClick();
-		}
-	}
-
-	function handleRemove(e: Event) {
-		e.stopPropagation();
-		if (onRemove) {
-			onRemove();
-		}
-	}
-</script>
-
-<span
-	class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium transition-all"
-	class:cursor-pointer={clickable}
-	class:hover:scale-105={clickable}
-	style="background-color: {tagColor}20; color: {tagColor}"
-	onclick={handleClick}
-	role={clickable ? 'button' : undefined}
-	tabindex={clickable ? 0 : undefined}
->
-	<!-- Color indicator dot -->
-	<div class="h-2 w-2 rounded-full" style="background-color: {tagColor}"></div>
-
-	<span>{tag.name || tag.text}</span>
-	{#if removable}
-		<button
-			onclick={handleRemove}
-			class="ml-1 rounded-full hover:bg-black/10 p-0.5 transition-colors"
-			title="Remove tag"
-			aria-label="Remove tag"
-		>
-			<svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M6 18L18 6M6 6l12 12"
-				/>
-			</svg>
-		</button>
-	{/if}
-</span>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/TagEditModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/TagEditModal.svelte
deleted file mode 100644
index f3161d9b2..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/TagEditModal.svelte
+++ /dev/null
@@ -1,148 +0,0 @@
-<script lang="ts">
-	import type { Tag } from '$lib/types/memo.types';
-	import Modal from '$lib/components/Modal.svelte';
-	import Icon from '$lib/components/Icon.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		tag: Tag;
-		isOpen: boolean;
-		onClose: () => void;
-		onSave: (tagId: string, name: string, color: string) => void;
-		onDelete: (tagId: string) => void;
-	}
-
-	let { tag, isOpen, onClose, onSave, onDelete }: Props = $props();
-
-	let editedName = $state(tag.name || tag.text || '');
-	let editedColor = $state(tag.style?.color || tag.color || '#3b82f6');
-
-	// Update local state when tag changes
-	$effect(() => {
-		editedName = tag.name || tag.text || '';
-		editedColor = tag.style?.color || tag.color || '#3b82f6';
-	});
-
-	function handleSave() {
-		if (editedName.trim()) {
-			onSave(tag.id, editedName.trim(), editedColor);
-			onClose();
-		}
-	}
-
-	function handleDelete() {
-		if (confirm(`Tag "${tag.name || tag.text}" wirklich löschen?`)) {
-			onDelete(tag.id);
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		} else if (e.key === 'Enter' && !e.shiftKey) {
-			e.preventDefault();
-			handleSave();
-		}
-	}
-
-	// Predefined color palette
-	const colorPalette = [
-		'#3b82f6', // blue
-		'#10b981', // green
-		'#f59e0b', // amber
-		'#ef4444', // red
-		'#8b5cf6', // violet
-		'#ec4899', // pink
-		'#06b6d4', // cyan
-		'#f97316', // orange
-		'#14b8a6', // teal
-		'#6366f1', // indigo
-	];
-</script>
-
-<Modal visible={isOpen} {onClose} title="Tag bearbeiten" maxWidth="md">
-	{#snippet children()}
-		<!-- Tag Name -->
-		<div class="mb-6">
-			<Text variant="small" weight="medium" class="mb-2 block" for="tag-name">Tag-Name</Text>
-			<input
-				id="tag-name"
-				type="text"
-				bind:value={editedName}
-				onkeydown={handleKeydown}
-				class="w-full rounded-lg border border-theme bg-menu px-4 py-2 text-theme focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-				placeholder="Tag-Name eingeben..."
-			/>
-		</div>
-
-		<!-- Color Picker -->
-		<div class="mb-6">
-			<Text variant="small" weight="medium" class="mb-2 block">Farbe</Text>
-			<div class="flex flex-wrap gap-3">
-				{#each colorPalette as color}
-					<button
-						type="button"
-						onclick={() => (editedColor = color)}
-						class="h-10 w-10 rounded-full border-2 transition-all hover:scale-110"
-						class:border-theme={editedColor !== color}
-						class:border-black={editedColor === color}
-						class:ring-2={editedColor === color}
-						class:ring-primary={editedColor === color}
-						style="background-color: {color}"
-						aria-label="Select color {color}"
-					></button>
-				{/each}
-			</div>
-		</div>
-
-		<!-- Preview -->
-		<div class="mb-6">
-			<Text variant="small" weight="medium" class="mb-2 block">Vorschau</Text>
-			<div class="flex items-center justify-center rounded-lg bg-menu p-4">
-				<div
-					class="inline-flex items-center gap-2 rounded-full border-2 px-5 py-3 text-base font-medium"
-					style="background-color: {editedColor}20; color: {editedColor}; border-color: {editedColor}40"
-				>
-					<div class="h-4 w-4 rounded-full" style="background-color: {editedColor}"></div>
-					{editedName || 'Tag-Name'}
-				</div>
-			</div>
-		</div>
-
-		<!-- Usage Info -->
-		{#if tag.usage !== undefined}
-			<div class="mb-6 rounded-lg bg-menu p-3">
-				<Text variant="small" class="text-theme-secondary">
-					Verwendet in <span class="font-semibold text-theme">{tag.usage}</span>
-					{tag.usage === 1 ? 'Memo' : 'Memos'}
-				</Text>
-			</div>
-		{/if}
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex gap-3">
-			<button
-				onclick={handleDelete}
-				class="btn-danger flex h-12 flex-1 items-center justify-center gap-2"
-			>
-				<Icon name="trash" size={20} />
-				Löschen
-			</button>
-			<button
-				onclick={onClose}
-				class="btn-secondary flex h-12 flex-1 items-center justify-center gap-2"
-			>
-				Abbrechen
-			</button>
-			<button
-				onclick={handleSave}
-				disabled={!editedName.trim()}
-				class="btn-primary flex h-12 flex-1 items-center justify-center gap-2 disabled:cursor-not-allowed disabled:opacity-50"
-			>
-				Speichern
-			</button>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/TagSelector.svelte b/apps/memoro/apps/web-archived/src/lib/components/TagSelector.svelte
deleted file mode 100644
index 8a508d751..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/TagSelector.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { supabase } from '$lib/supabaseClient';
-	import { TagService } from '$lib/services/tagService';
-	import { tags } from '$lib/stores/tags';
-	import TagBadge from './TagBadge.svelte';
-	import type { Tag } from '$lib/types/memo.types';
-
-	let {
-		userId,
-		selectedTags = [],
-		onTagsChange,
-	}: {
-		userId: string;
-		selectedTags: Tag[];
-		onTagsChange: (tags: Tag[]) => void;
-	} = $props();
-
-	let isOpen = $state(false);
-	let searchQuery = $state('');
-	let isCreatingTag = $state(false);
-	let newTagName = $state('');
-	let newTagColor = $state('#3b82f6');
-
-	const tagService = new TagService(supabase);
-
-	onMount(async () => {
-		if ($tags.length === 0) {
-			const allTags = await tagService.getTags(userId);
-			tags.setTags(allTags);
-		}
-	});
-
-	$effect(() => {
-		const filteredTags = $tags.filter((tag) =>
-			tag.name.toLowerCase().includes(searchQuery.toLowerCase())
-		);
-	});
-
-	function toggleTag(tag: Tag) {
-		const isSelected = selectedTags.some((t) => t.id === tag.id);
-		if (isSelected) {
-			onTagsChange(selectedTags.filter((t) => t.id !== tag.id));
-		} else {
-			onTagsChange([...selectedTags, tag]);
-		}
-	}
-
-	function removeTag(tag: Tag) {
-		onTagsChange(selectedTags.filter((t) => t.id !== tag.id));
-	}
-
-	async function createNewTag() {
-		if (!newTagName.trim()) return;
-
-		try {
-			const tag = await tagService.createTag(userId, newTagName, newTagColor);
-			tags.addTag(tag);
-			onTagsChange([...selectedTags, tag]);
-			newTagName = '';
-			newTagColor = '#3b82f6';
-			isCreatingTag = false;
-		} catch (error) {
-			console.error('Error creating tag:', error);
-			alert('Failed to create tag');
-		}
-	}
-
-	let filteredTags = $derived(
-		$tags.filter(
-			(tag) =>
-				tag.name.toLowerCase().includes(searchQuery.toLowerCase()) &&
-				!selectedTags.some((t) => t.id === tag.id)
-		)
-	);
-</script>
-
-<div class="relative">
-	<!-- Selected Tags Display -->
-	<div class="mb-2">
-		<label class="mb-2 block text-sm font-medium">Tags</label>
-		<div class="flex flex-wrap gap-2">
-			{#each selectedTags as tag (tag.id)}
-				<TagBadge {tag} removable onRemove={() => removeTag(tag)} />
-			{/each}
-			<button
-				onclick={() => (isOpen = !isOpen)}
-				class="rounded-full border-2 border-dashed border-gray-300 px-3 py-1 text-sm text-gray-600 transition-colors hover:border-blue-500 hover:text-blue-600 dark:border-gray-600 dark:text-gray-400"
-			>
-				+ Add Tag
-			</button>
-		</div>
-	</div>
-
-	<!-- Dropdown -->
-	{#if isOpen}
-		<div
-			class="absolute top-full left-0 z-50 mt-2 w-72 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800"
-		>
-			<!-- Search -->
-			<input
-				type="search"
-				bind:value={searchQuery}
-				placeholder="Search tags..."
-				class="input-field mb-3"
-			/>
-
-			<!-- Tag List -->
-			<div class="mb-3 max-h-48 space-y-1 overflow-y-auto">
-				{#each filteredTags as tag (tag.id)}
-					<button
-						onclick={() => toggleTag(tag)}
-						class="flex w-full items-center gap-2 rounded-lg p-2 transition-colors bg-content-hover"
-					>
-						<div
-							class="h-4 w-4 rounded-full"
-							style="background-color: {tag.color || '#3b82f6'}"
-						></div>
-						<span class="flex-1 text-left text-sm">{tag.name}</span>
-					</button>
-				{:else}
-					<p class="py-4 text-center text-sm text-gray-500">No tags found</p>
-				{/each}
-			</div>
-
-			<!-- Create New Tag -->
-			{#if !isCreatingTag}
-				<button
-					onclick={() => (isCreatingTag = true)}
-					class="w-full rounded-lg border-2 border-dashed border-gray-300 p-2 text-sm text-gray-600 transition-colors hover:border-blue-500 hover:text-blue-600 dark:border-gray-600 dark:text-gray-400"
-				>
-					+ Create New Tag
-				</button>
-			{:else}
-				<div class="space-y-2 border-t border-gray-200 pt-3 dark:border-gray-700">
-					<input
-						type="text"
-						bind:value={newTagName}
-						placeholder="Tag name"
-						class="input-field"
-						onkeydown={(e) => e.key === 'Enter' && createNewTag()}
-					/>
-					<div class="flex gap-2">
-						<input type="color" bind:value={newTagColor} class="h-10 w-16 cursor-pointer" />
-						<button onclick={createNewTag} class="btn-primary flex-1">Create</button>
-						<button onclick={() => (isCreatingTag = false)} class="btn-secondary">Cancel</button>
-					</div>
-				</div>
-			{/if}
-
-			<!-- Close Button -->
-			<button
-				onclick={() => (isOpen = false)}
-				class="absolute top-2 right-2 rounded-lg p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-gray-700"
-			>
-				<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M6 18L18 6M6 6l12 12"
-					/>
-				</svg>
-			</button>
-		</div>
-	{/if}
-</div>
-
-<style>
-	/* Click outside to close */
-	:global(body) {
-		-webkit-tap-highlight-color: transparent;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/ThemeSelector.svelte b/apps/memoro/apps/web-archived/src/lib/components/ThemeSelector.svelte
deleted file mode 100644
index 4c053cd3b..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/ThemeSelector.svelte
+++ /dev/null
@@ -1,233 +0,0 @@
-<script lang="ts">
-	import { theme, type ThemeVariant } from '$lib/stores/theme';
-
-	// Theme info with icons and names
-	const themes: Record<ThemeVariant, { icon: string; name: string; code: string }> = {
-		lume: { icon: '✨', name: 'Lume', code: 'LU' },
-		nature: { icon: '🌿', name: 'Nature', code: 'NA' },
-		stone: { icon: '🪨', name: 'Stone', code: 'ST' },
-		ocean: { icon: '🌊', name: 'Ocean', code: 'OC' },
-	};
-
-	const themeVariants: ThemeVariant[] = ['lume', 'nature', 'stone', 'ocean'];
-
-	let currentTheme = $derived($theme);
-	let isDark = $derived(currentTheme.effectiveMode === 'dark');
-	let currentVariant = $derived(currentTheme.variant);
-	let isOpen = $state(false);
-
-	function getPrimaryColor() {
-		const variant = currentTheme.variant;
-		if (isDark) {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#78909C',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		} else {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#607D8B',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		}
-	}
-
-	function handleThemeChange(newVariant: ThemeVariant) {
-		theme.setVariant(newVariant);
-		isOpen = false;
-	}
-
-	function toggleDropdown() {
-		isOpen = !isOpen;
-	}
-
-	// Close dropdown when clicking outside
-	function handleClickOutside(event: MouseEvent) {
-		const target = event.target as HTMLElement;
-		if (!target.closest('.theme-selector')) {
-			isOpen = false;
-		}
-	}
-
-	$effect(() => {
-		if (isOpen) {
-			document.addEventListener('click', handleClickOutside);
-			return () => document.removeEventListener('click', handleClickOutside);
-		}
-	});
-</script>
-
-<div class="theme-selector">
-	<button
-		onclick={toggleDropdown}
-		class="theme-button"
-		class:active={isOpen}
-		style="background-color: {isDark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(255, 255, 255, 0.6)'};
-		       border-color: {isDark ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.1)'};
-		       color: {isDark ? '#ffffff' : '#000000'};"
-	>
-		<span class="icon">{themes[currentVariant].icon}</span>
-		<span class="name">{themes[currentVariant].name}</span>
-		<svg
-			class="chevron"
-			class:rotate={isOpen}
-			width="12"
-			height="12"
-			viewBox="0 0 12 12"
-			fill="none"
-			stroke="currentColor"
-		>
-			<path d="M2 4l4 4 4-4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-		</svg>
-	</button>
-
-	{#if isOpen}
-		<div
-			class="dropdown"
-			style="background-color: {isDark ? '#1E1E1E' : '#ffffff'};
-			       border-color: {isDark ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.1)'};
-			       box-shadow: 0 4px 12px rgba(0, 0, 0, {isDark ? '0.4' : '0.15'});"
-		>
-			{#each themeVariants as variant}
-				<button
-					onclick={() => handleThemeChange(variant)}
-					class="dropdown-item"
-					class:active={currentVariant === variant}
-					style="color: {isDark ? '#ffffff' : '#000000'};"
-				>
-					<span class="icon">{themes[variant].icon}</span>
-					<span class="name">{themes[variant].name}</span>
-					{#if currentVariant === variant}
-						<svg
-							class="check"
-							width="16"
-							height="16"
-							viewBox="0 0 16 16"
-							fill="none"
-							stroke={getPrimaryColor()}
-						>
-							<path
-								d="M3 8l3 3 7-7"
-								stroke-width="2"
-								stroke-linecap="round"
-								stroke-linejoin="round"
-							/>
-						</svg>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.theme-selector {
-		position: relative;
-		display: inline-block;
-	}
-
-	.theme-button {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.75rem;
-		border-radius: 0.75rem;
-		border: 1px solid;
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.2s;
-		backdrop-filter: blur(10px);
-	}
-
-	.theme-button:hover {
-		transform: translateY(-1px);
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-	}
-
-	.theme-button.active {
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-	}
-
-	.icon {
-		font-size: 1.125rem;
-		line-height: 1;
-	}
-
-	.theme-button .name {
-		font-weight: 600;
-		letter-spacing: 0.025em;
-	}
-
-	.chevron {
-		transition: transform 0.2s;
-		margin-left: 0.25rem;
-	}
-
-	.chevron.rotate {
-		transform: rotate(180deg);
-	}
-
-	.dropdown {
-		position: absolute;
-		top: calc(100% + 0.5rem);
-		right: 0;
-		min-width: 160px;
-		border-radius: 0.75rem;
-		border: 1px solid;
-		overflow: hidden;
-		z-index: 100;
-		animation: slideDown 0.2s ease-out;
-	}
-
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.dropdown-item {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		width: 100%;
-		padding: 0.75rem 1rem;
-		border: none;
-		background: none;
-		cursor: pointer;
-		transition: background-color 0.15s;
-		font-size: 0.875rem;
-	}
-
-	.dropdown-item:hover {
-		background-color: rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .dropdown-item:hover {
-		background-color: rgba(255, 255, 255, 0.1);
-	}
-
-	.dropdown-item .name {
-		flex: 1;
-		text-align: left;
-		font-weight: 500;
-	}
-
-	.dropdown-item.active {
-		font-weight: 600;
-	}
-
-	.check {
-		flex-shrink: 0;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/ThemeToggle.svelte b/apps/memoro/apps/web-archived/src/lib/components/ThemeToggle.svelte
deleted file mode 100644
index d7bac20aa..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/ThemeToggle.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { theme } from '$lib/stores/theme';
-
-	let currentTheme = $derived($theme);
-	let isDark = $derived(currentTheme.effectiveMode === 'dark');
-
-	function toggleTheme() {
-		theme.toggleMode();
-	}
-</script>
-
-<button
-	onclick={toggleTheme}
-	class="rounded-xl p-2 transition-all hover:translate-y-[-1px]"
-	style="background-color: {isDark
-		? 'rgba(255, 255, 255, 0.1)'
-		: 'rgba(255, 255, 255, 0.6)'}; border: 1px solid {isDark
-		? 'rgba(255, 255, 255, 0.2)'
-		: 'rgba(0, 0, 0, 0.1)'}; backdrop-filter: blur(10px);"
-	aria-label="Toggle theme"
-	title={currentTheme.effectiveMode === 'light' ? 'Switch to dark mode' : 'Switch to light mode'}
->
-	{#if currentTheme.effectiveMode === 'light'}
-		<!-- Moon Icon (Dark Mode) -->
-		<svg class="h-5 w-5 text-theme" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
-			/>
-		</svg>
-	{:else}
-		<!-- Sun Icon (Light Mode) -->
-		<svg class="h-5 w-5 text-theme" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
-			/>
-		</svg>
-	{/if}
-</button>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/Toggle.svelte b/apps/memoro/apps/web-archived/src/lib/components/Toggle.svelte
deleted file mode 100644
index 6a1404043..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/Toggle.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-	interface Props {
-		isOn: boolean;
-		onToggle: (value: boolean) => void;
-		disabled?: boolean;
-	}
-
-	let { isOn = false, onToggle, disabled = false }: Props = $props();
-
-	function handleToggle() {
-		if (!disabled) {
-			onToggle(!isOn);
-		}
-	}
-</script>
-
-<button
-	onclick={handleToggle}
-	class="relative h-8 w-14 flex-shrink-0 rounded-full transition-colors {isOn
-		? 'bg-primary'
-		: 'bg-menu'} {disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'}"
-	role="switch"
-	aria-checked={isOn}
-	{disabled}
->
-	<span
-		class="absolute top-1 left-1 h-6 w-6 rounded-full bg-white shadow-md transition-transform {isOn
-			? 'translate-x-6'
-			: 'translate-x-0'}"
-	></span>
-</button>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/UsageCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/UsageCard.svelte
deleted file mode 100644
index ff91ceb57..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/UsageCard.svelte
+++ /dev/null
@@ -1,78 +0,0 @@
-<script lang="ts">
-	export interface UsageData {
-		total: number;
-		lastWeek: number;
-		lastMonth: number;
-		currentMana: number;
-		maxMana: number;
-		history?: Array<{
-			date: string;
-			amount: number;
-		}>;
-	}
-
-	interface Props {
-		title?: string;
-		usageData: UsageData;
-		currentPlan?: string;
-	}
-
-	let { title, usageData, currentPlan }: Props = $props();
-
-	// Use real credits (this would normally come from a store/API)
-	const currentMana = usageData.currentMana;
-
-	// Calculate used vs available Mana
-	const usedMana = usageData.maxMana - currentMana;
-	const formattedCurrentMana = currentMana.toString();
-	const formattedUsedMana = usedMana.toString();
-	const calculatedPercentage = Math.round((currentMana / usageData.maxMana) * 100);
-	// Minimum 1% for numbers up to 5, so that a small blue bar is always visible
-	const availablePercentage =
-		currentMana <= 5 && currentMana > 0 ? Math.max(1, calculatedPercentage) : calculatedPercentage;
-</script>
-
-<div class="rounded-2xl p-5 bg-content border border-theme shadow-lg">
-	<!-- Mana Progress Bar -->
-	<div>
-		<div class="mb-4 flex items-start justify-between">
-			<div class="flex-1">
-				<h2 class="text-xl font-bold text-theme">Dein Mana</h2>
-			</div>
-			<div class="flex items-end">
-				<div class="self-start rounded-xl px-4 py-1.5 bg-menu">
-					<p class="text-xl font-bold text-theme">
-						{formattedCurrentMana}
-					</p>
-				</div>
-			</div>
-		</div>
-
-		<!-- Progress Bar -->
-		<div class="relative mb-2 h-4 overflow-hidden rounded-lg bg-menu">
-			<div
-				class="h-full rounded-lg"
-				style="width: {availablePercentage}%; background: linear-gradient(90deg, #4287f5 0%, #66B2FF 100%); box-shadow: 0 0 4px #4287f580;"
-			></div>
-		</div>
-
-		<!-- Percentage -->
-		<div class="flex justify-between">
-			<p class="text-sm font-medium text-theme-secondary">
-				{availablePercentage}% verfügbar
-			</p>
-			<p class="text-sm font-medium text-theme-secondary">
-				{formattedUsedMana} verbraucht
-			</p>
-		</div>
-
-		<!-- Current Plan -->
-		{#if currentPlan}
-			<div class="mt-3 border-t border-theme pt-3">
-				<p class="text-center text-sm font-medium text-theme-secondary">
-					Aktueller Plan: {currentPlan}
-				</p>
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/VirtualList.svelte b/apps/memoro/apps/web-archived/src/lib/components/VirtualList.svelte
deleted file mode 100644
index f5be11c83..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/VirtualList.svelte
+++ /dev/null
@@ -1,131 +0,0 @@
-<script lang="ts" generics="T">
-	import { onMount, type Snippet } from 'svelte';
-
-	interface Props {
-		items: T[];
-		itemHeight: number;
-		bufferSize?: number;
-		onLoadMore?: () => void;
-		loadMoreThreshold?: number;
-		class?: string;
-		children: Snippet<[{ item: T; index: number }]>;
-	}
-
-	let {
-		items,
-		itemHeight,
-		bufferSize = 5,
-		onLoadMore,
-		loadMoreThreshold = 200,
-		class: className = '',
-		children,
-	}: Props = $props();
-
-	// State
-	let containerElement: HTMLDivElement;
-	let scrollTop = $state(0);
-	let containerHeight = $state(0);
-
-	// Derived calculations
-	let totalHeight = $derived(items.length * itemHeight);
-
-	let startIndex = $derived(Math.max(0, Math.floor(scrollTop / itemHeight) - bufferSize));
-
-	let endIndex = $derived(
-		Math.min(
-			items.length,
-			Math.floor(scrollTop / itemHeight) + Math.ceil(containerHeight / itemHeight) + bufferSize
-		)
-	);
-
-	let visibleItems = $derived(
-		items.slice(startIndex, endIndex).map((item, i) => ({
-			item,
-			index: startIndex + i,
-			style: `position: absolute; top: ${(startIndex + i) * itemHeight}px; left: 0; right: 0; height: ${itemHeight}px;`,
-		}))
-	);
-
-	// Throttle scroll handler for performance
-	let scrollThrottleTimer: ReturnType<typeof setTimeout> | null = null;
-	let pendingScrollTop = 0;
-	let isLoadMorePending = false;
-
-	function handleScroll(event: Event) {
-		const target = event.target as HTMLDivElement;
-		pendingScrollTop = target.scrollTop;
-
-		// Check if we should load more (immediate check)
-		if (onLoadMore && !isLoadMorePending) {
-			const scrollBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
-			if (scrollBottom < loadMoreThreshold) {
-				isLoadMorePending = true;
-				onLoadMore();
-				// Reset after a short delay to prevent multiple calls
-				setTimeout(() => {
-					isLoadMorePending = false;
-				}, 500);
-			}
-		}
-
-		// Throttle the scroll state update
-		if (!scrollThrottleTimer) {
-			scrollThrottleTimer = setTimeout(() => {
-				scrollTop = pendingScrollTop;
-				scrollThrottleTimer = null;
-			}, 16); // ~60fps
-		}
-	}
-
-	// Initialize container height
-	onMount(() => {
-		if (containerElement) {
-			containerHeight = containerElement.clientHeight;
-
-			// Set up resize observer
-			const resizeObserver = new ResizeObserver((entries) => {
-				for (const entry of entries) {
-					containerHeight = entry.contentRect.height;
-				}
-			});
-
-			resizeObserver.observe(containerElement);
-
-			return () => {
-				resizeObserver.disconnect();
-				// Clean up throttle timer
-				if (scrollThrottleTimer) {
-					clearTimeout(scrollThrottleTimer);
-				}
-			};
-		}
-	});
-</script>
-
-<div
-	bind:this={containerElement}
-	onscroll={handleScroll}
-	class="virtual-list-container {className}"
->
-	<div class="virtual-list-content" style="height: {totalHeight}px; position: relative;">
-		{#each visibleItems as { item, index, style } (index)}
-			<div {style}>
-				{@render children({ item, index })}
-			</div>
-		{/each}
-	</div>
-</div>
-
-<style>
-	.virtual-list-container {
-		overflow-y: auto;
-		height: 100%;
-		/* Hide scrollbar */
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-
-	.virtual-list-container::-webkit-scrollbar {
-		display: none;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/atoms/Text.svelte b/apps/memoro/apps/web-archived/src/lib/components/atoms/Text.svelte
deleted file mode 100644
index 189a04c3e..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/atoms/Text.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts">
-	type TextVariant = 'body' | 'body-secondary' | 'small' | 'large' | 'muted';
-	type TextAlign = 'left' | 'center' | 'right';
-	type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
-
-	interface Props {
-		variant?: TextVariant;
-		align?: TextAlign;
-		weight?: TextWeight;
-		class?: string;
-		children?: any;
-	}
-
-	let {
-		variant = 'body',
-		align = 'left',
-		weight = 'normal',
-		class: className = '',
-		children,
-	}: Props = $props();
-
-	const variantClasses: Record<TextVariant, string> = {
-		body: 'text-base text-theme leading-relaxed',
-		'body-secondary': 'text-base text-theme-secondary leading-relaxed',
-		small: 'text-sm text-theme',
-		large: 'text-lg text-theme leading-relaxed',
-		muted: 'text-sm text-theme-muted',
-	};
-
-	const alignClasses: Record<TextAlign, string> = {
-		left: 'text-left',
-		center: 'text-center',
-		right: 'text-right',
-	};
-
-	const weightClasses: Record<TextWeight, string> = {
-		normal: 'font-normal',
-		medium: 'font-medium',
-		semibold: 'font-semibold',
-		bold: 'font-bold',
-	};
-
-	const classes = $derived(
-		`${variantClasses[variant]} ${alignClasses[align]} ${weightClasses[weight]} ${className}`
-	);
-</script>
-
-<p class={classes}>
-	{@render children?.()}
-</p>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/atoms/index.ts b/apps/memoro/apps/web-archived/src/lib/components/atoms/index.ts
deleted file mode 100644
index e5b69ce46..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/atoms/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Text } from './Text.svelte';
diff --git a/apps/memoro/apps/web-archived/src/lib/components/audio/ArchiveStatistics.svelte b/apps/memoro/apps/web-archived/src/lib/components/audio/ArchiveStatistics.svelte
deleted file mode 100644
index 3e11b5f4d..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/audio/ArchiveStatistics.svelte
+++ /dev/null
@@ -1,103 +0,0 @@
-<script lang="ts">
-	import type { AudioArchiveStats } from '$lib/services/audioStorageService';
-	import { audioStorageService } from '$lib/services/audioStorageService';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		stats: AudioArchiveStats;
-	}
-
-	let { stats }: Props = $props();
-
-	function formatFileSize(bytes: number): string {
-		return audioStorageService.formatFileSize(bytes);
-	}
-
-	function formatDuration(seconds: number): string {
-		return audioStorageService.formatDuration(seconds);
-	}
-</script>
-
-<div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
-	<!-- Total Files -->
-	<div class="rounded-lg border border-theme bg-menu p-6">
-		<div class="flex items-center gap-3">
-			<div class="rounded-full bg-primary/10 p-3">
-				<svg
-					class="h-6 w-6 text-primary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-					xmlns="http://www.w3.org/2000/svg"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"
-					/>
-				</svg>
-			</div>
-			<div>
-				<Text variant="small" class="text-theme-secondary">Aufnahmen</Text>
-				<Text variant="large" weight="bold" class="text-2xl">{stats.totalCount}</Text>
-			</div>
-		</div>
-	</div>
-
-	<!-- Total Duration -->
-	<div class="rounded-lg border border-theme bg-menu p-6">
-		<div class="flex items-center gap-3">
-			<div class="rounded-full bg-primary/10 p-3">
-				<svg
-					class="h-6 w-6 text-primary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-					xmlns="http://www.w3.org/2000/svg"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-					/>
-				</svg>
-			</div>
-			<div>
-				<Text variant="small" class="text-theme-secondary">Gesamtdauer</Text>
-				<Text variant="large" weight="bold" class="text-2xl"
-					>{formatDuration(stats.totalDurationSeconds)}</Text
-				>
-			</div>
-		</div>
-	</div>
-
-	<!-- Total Size -->
-	<div class="rounded-lg border border-theme bg-menu p-6">
-		<div class="flex items-center gap-3">
-			<div class="rounded-full bg-primary/10 p-3">
-				<svg
-					class="h-6 w-6 text-primary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-					xmlns="http://www.w3.org/2000/svg"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"
-					/>
-				</svg>
-			</div>
-			<div>
-				<Text variant="small" class="text-theme-secondary">Speicherplatz</Text>
-				<Text variant="large" weight="bold" class="text-2xl"
-					>{formatFileSize(stats.totalSizeBytes)}</Text
-				>
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/audio/AudioFileCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/audio/AudioFileCard.svelte
deleted file mode 100644
index b7d717972..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/audio/AudioFileCard.svelte
+++ /dev/null
@@ -1,157 +0,0 @@
-<script lang="ts">
-	import type { AudioFileInfo } from '$lib/services/audioStorageService';
-	import { audioStorageService } from '$lib/services/audioStorageService';
-	import { formatDistanceToNow } from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import Icon from '$lib/components/Icon.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		audioFile: AudioFileInfo;
-		onDelete?: (file: AudioFileInfo) => void;
-		onDownload?: (file: AudioFileInfo) => void;
-	}
-
-	let { audioFile, onDelete, onDownload }: Props = $props();
-
-	let isPlaying = $state(false);
-	let audioElement: HTMLAudioElement;
-
-	function handlePlayPause() {
-		if (isPlaying) {
-			audioElement.pause();
-		} else {
-			audioElement.play();
-		}
-		isPlaying = !isPlaying;
-	}
-
-	function handleAudioEnded() {
-		isPlaying = false;
-	}
-
-	function handleDelete() {
-		if (
-			confirm(
-				`Möchten Sie die Aufnahme "${audioFile.name}" wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.`
-			)
-		) {
-			onDelete?.(audioFile);
-		}
-	}
-
-	function handleDownload() {
-		onDownload?.(audioFile);
-	}
-
-	function formatFileSize(bytes: number): string {
-		return audioStorageService.formatFileSize(bytes);
-	}
-
-	function formatDuration(seconds: number | undefined): string {
-		if (!seconds) return '—';
-		return audioStorageService.formatDuration(seconds);
-	}
-
-	function getFormatColor(format: string): string {
-		const colors: Record<string, string> = {
-			M4A: 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200',
-			MP3: 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200',
-			WAV: 'bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200',
-			OGG: 'bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200',
-			AAC: 'bg-pink-100 text-pink-800 dark:bg-pink-900 dark:text-pink-200',
-			FLAC: 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-200',
-			WEBM: 'bg-teal-100 text-teal-800 dark:bg-teal-900 dark:text-teal-200',
-		};
-		return (
-			colors[format.toUpperCase()] ||
-			'bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200'
-		);
-	}
-</script>
-
-<div class="rounded-lg border border-theme bg-menu p-4 transition-all hover:shadow-md">
-	<!-- Header -->
-	<div class="mb-3 flex items-start justify-between gap-3">
-		<div class="flex-1 min-w-0">
-			<Text variant="body" weight="semibold" class="truncate" title={audioFile.name}>
-				{audioFile.name}
-			</Text>
-			{#if audioFile.metadata?.memo_title}
-				<a
-					href="/dashboard?memoId={audioFile.metadata.memo_id}"
-					class="mt-1 inline-flex items-center gap-1 text-sm text-primary hover:underline"
-				>
-					<Icon name="link" size={14} />
-					<Text variant="small" class="truncate">{audioFile.metadata.memo_title}</Text>
-				</a>
-			{/if}
-		</div>
-
-		<!-- Format Badge -->
-		{#if audioFile.metadata?.format}
-			<Text
-				variant="muted"
-				weight="semibold"
-				class="rounded-full px-2.5 py-1 {getFormatColor(audioFile.metadata.format)}"
-			>
-				{audioFile.metadata.format}
-			</Text>
-		{/if}
-	</div>
-
-	<!-- Audio Player -->
-	<div class="mb-3">
-		<audio
-			bind:this={audioElement}
-			src={audioFile.url}
-			onended={handleAudioEnded}
-			class="w-full"
-			controls
-		>
-			Ihr Browser unterstützt keine Audio-Wiedergabe.
-		</audio>
-	</div>
-
-	<!-- Metadata Row -->
-	<div class="mb-3 flex flex-wrap items-center gap-4">
-		<!-- Duration -->
-		<div class="flex items-center gap-1.5">
-			<Icon name="clock" size={16} class="text-theme-secondary" />
-			<Text variant="small">{formatDuration(audioFile.metadata?.duration)}</Text>
-		</div>
-
-		<!-- Size -->
-		<div class="flex items-center gap-1.5">
-			<Icon name="folder" size={16} class="text-theme-secondary" />
-			<Text variant="small">{formatFileSize(audioFile.size)}</Text>
-		</div>
-
-		<!-- Created Date -->
-		<div class="flex items-center gap-1.5">
-			<Icon name="calendar" size={16} class="text-theme-secondary" />
-			<Text variant="small"
-				>{formatDistanceToNow(new Date(audioFile.created_at), {
-					addSuffix: true,
-					locale: de,
-				})}</Text
-			>
-		</div>
-	</div>
-
-	<!-- Actions -->
-	<div class="flex gap-2">
-		<button
-			onclick={handleDownload}
-			class="btn-secondary flex-1 flex items-center justify-center gap-2"
-		>
-			<Icon name="download" size={16} />
-			<Text variant="small">Herunterladen</Text>
-		</button>
-
-		<button onclick={handleDelete} class="btn-danger flex-1 flex items-center justify-center gap-2">
-			<Icon name="trash" size={16} />
-			<Text variant="small">Löschen</Text>
-		</button>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/audio/AudioFileList.svelte b/apps/memoro/apps/web-archived/src/lib/components/audio/AudioFileList.svelte
deleted file mode 100644
index 7c0be6990..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/audio/AudioFileList.svelte
+++ /dev/null
@@ -1,75 +0,0 @@
-<script lang="ts">
-	import type { AudioFileInfo } from '$lib/services/audioStorageService';
-	import AudioFileCard from './AudioFileCard.svelte';
-	import Icon from '$lib/components/Icon.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		audioFiles: AudioFileInfo[];
-		isLoading?: boolean;
-		hasMore?: boolean;
-		onLoadMore?: () => void;
-		onDelete?: (file: AudioFileInfo) => void;
-		onDownload?: (file: AudioFileInfo) => void;
-	}
-
-	let {
-		audioFiles,
-		isLoading = false,
-		hasMore = false,
-		onLoadMore,
-		onDelete,
-		onDownload,
-	}: Props = $props();
-</script>
-
-{#if isLoading && audioFiles.length === 0}
-	<!-- Loading State -->
-	<div class="flex flex-col items-center justify-center py-16">
-		<div
-			class="mb-4 h-12 w-12 animate-spin rounded-full border-4 border-primary border-t-transparent"
-		></div>
-		<Text variant="body-secondary">Lade Aufnahmen...</Text>
-	</div>
-{:else if audioFiles.length === 0}
-	<!-- Empty State -->
-	<div class="flex flex-col items-center justify-center py-16">
-		<div class="mb-4 rounded-full bg-menu p-6">
-			<Icon name="music" size={48} class="text-theme-secondary" />
-		</div>
-		<Text variant="large" weight="semibold" class="mb-2">Keine Aufnahmen</Text>
-		<Text variant="body-secondary" class="text-center">
-			Sie haben noch keine Audio-Aufnahmen im Archiv.
-			<br />
-			Erstellen Sie Ihre erste Aufnahme, um sie hier zu sehen.
-		</Text>
-	</div>
-{:else}
-	<!-- Audio Files Grid -->
-	<div class="grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3">
-		{#each audioFiles as audioFile (audioFile.id)}
-			<AudioFileCard {audioFile} {onDelete} {onDownload} />
-		{/each}
-	</div>
-
-	<!-- Load More Button -->
-	{#if hasMore}
-		<div class="mt-6 flex justify-center">
-			<button
-				onclick={onLoadMore}
-				disabled={isLoading}
-				class="btn-secondary flex items-center gap-2 disabled:cursor-not-allowed disabled:opacity-50"
-			>
-				{#if isLoading}
-					<div
-						class="h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent"
-					></div>
-					<Text variant="small">Lädt...</Text>
-				{:else}
-					<Icon name="arrow-down" size={16} />
-					<Text variant="small">Mehr laden</Text>
-				{/if}
-			</button>
-		</div>
-	{/if}
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/icons/README.md b/apps/memoro/apps/web-archived/src/lib/components/icons/README.md
deleted file mode 100644
index 2c4d66b44..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/icons/README.md
+++ /dev/null
@@ -1,131 +0,0 @@
-# Icon System
-
-Centralized icon management using **Phosphor Icons (Bold weight)** from `@phosphor-icons/core`.
-
-## Usage
-
-Import and use the `Icon` component throughout the application:
-
-```svelte
-<script>
-  import Icon from '$lib/components/Icon.svelte';
-</script>
-
-<!-- Basic usage -->
-<Icon name="user" size={24} />
-
-<!-- With custom size -->
-<Icon name="heart" size={32} />
-
-<!-- With custom classes -->
-<Icon name="star" size={20} class="text-primary hover:text-primary-dark" />
-```
-
-## Available Icons
-
-See `iconPaths.ts` for the complete list of available icons. Some commonly used icons:
-
-### Auth & User
-- `user`, `user-plus`, `users`, `sign-in`, `sign-out`
-
-### Navigation
-- `arrow-left`, `arrow-right`, `arrow-up`, `arrow-down`
-- `caret-down`, `caret-up`, `caret-left`, `caret-right`
-
-### Actions
-- `plus`, `minus`, `x`, `check`
-- `trash`, `copy`, `share`
-- `download`, `upload`
-
-### Media
-- `play`, `pause`, `microphone`
-
-### Edit
-- `pencil`, `pen`, `note-pencil`
-
-### Files & Folders
-- `folder`, `folder-open`, `file`
-
-### UI Elements
-- `dots-three`, `dots-three-vertical`, `list`
-- `magnifying-glass`, `eye`, `eye-slash`
-
-### Misc
-- `key`, `tag`, `link`, `lock`
-- `star`, `heart`, `bell`
-- `calendar`, `clock`, `image`
-
-## Adding New Icons
-
-1. Find the icon you need at [phosphoricons.com](https://phosphoricons.com/)
-2. Locate the bold version in `node_modules/@phosphor-icons/core/assets/bold/`
-3. Copy the SVG `<path>` content
-4. Add it to `iconPaths.ts`:
-
-```typescript
-export const iconPaths = {
-  // ... existing icons
-  'new-icon': '<path d="..." />',
-}
-```
-
-5. Use it:
-
-```svelte
-<Icon name="new-icon" size={24} />
-```
-
-## Icon Weight
-
-All icons use the **Bold** weight for consistency across the application. This provides:
-- Better visibility
-- Consistent visual hierarchy
-- Improved readability at smaller sizes
-
-## TypeScript Support
-
-The Icon component is fully typed. TypeScript will autocomplete icon names and show errors if you use an icon that doesn't exist.
-
-```svelte
-<!-- ✅ Valid - TypeScript knows this icon exists -->
-<Icon name="user" />
-
-<!-- ❌ Error - TypeScript will show an error -->
-<Icon name="invalid-icon" />
-```
-
-## Best Practices
-
-1. **Use semantic names**: Icons should have clear, descriptive names
-2. **Consistent sizing**: Stick to common sizes (16, 20, 24, 32, 40)
-3. **Color inheritance**: Icons use `currentColor` - control color via text color classes
-4. **Accessibility**: Icons are marked with `aria-hidden="true"` - provide text alternatives when needed
-
-## Examples
-
-### Button with Icon
-```svelte
-<button class="flex items-center gap-2">
-  <Icon name="plus" size={20} />
-  Add Item
-</button>
-```
-
-### Icon Button
-```svelte
-<button class="p-2 hover:bg-gray-100 rounded">
-  <Icon name="trash" size={20} class="text-red-500" />
-</button>
-```
-
-### Loading State
-```svelte
-<button disabled={loading}>
-  {#if loading}
-    <Icon name="arrow-clockwise" size={20} class="animate-spin" />
-  {:else}
-    <Icon name="upload" size={20} />
-  {/if}
-  Upload
-</button>
-```
diff --git a/apps/memoro/apps/web-archived/src/lib/components/icons/iconPaths.ts b/apps/memoro/apps/web-archived/src/lib/components/icons/iconPaths.ts
deleted file mode 100644
index a893da0bc..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/icons/iconPaths.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-/**
- * Phosphor Icons (Bold weight) - Official icons from @phosphor-icons/core
- *
- * This is a centralized icon catalog for the entire application.
- * All icons use the Bold weight for consistency.
- *
- * To add new icons:
- * 1. Find the icon in node_modules/@phosphor-icons/core/assets/bold/
- * 2. Copy the SVG content (the <path> tag)
- * 3. Add it to this file with a descriptive key
- *
- * Usage:
- * import Icon from '$lib/components/Icon.svelte';
- * <Icon name="user-plus" size={24} />
- */
-
-export const iconPaths = {
-	// Auth & User
-	'user-plus':
-		'<path d="M256,136a12,12,0,0,1-12,12h-8v8a12,12,0,0,1-24,0v-8h-8a12,12,0,0,1,0-24h8v-8a12,12,0,0,1,24,0v8h8A12,12,0,0,1,256,136Zm-54.81,56.28a12,12,0,1,1-18.38,15.44C169.12,191.42,145,172,108,172c-28.89,0-55.46,12.68-74.81,35.72a12,12,0,0,1-18.38-15.44A124.08,124.08,0,0,1,63.5,156.53a72,72,0,1,1,89,0A124,124,0,0,1,201.19,192.28ZM108,148a48,48,0,1,0-48-48A48.05,48.05,0,0,0,108,148Z"/>',
-	'sign-in':
-		'<path d="M144.49,136.49l-40,40a12,12,0,0,1-17-17L107,140H24a12,12,0,0,1,0-24h83L87.51,96.49a12,12,0,0,1,17-17l40,40A12,12,0,0,1,144.49,136.49ZM200,28H136a12,12,0,0,0,0,24h52V204H136a12,12,0,0,0,0,24h64a12,12,0,0,0,12-12V40A12,12,0,0,0,200,28Z"/>',
-	'sign-out':
-		'<path d="M116,216a12,12,0,0,1-12,12H48a20,20,0,0,1-20-20V48A20,20,0,0,1,48,28h56a12,12,0,0,1,0,24H52V204h52A12,12,0,0,1,116,216Zm108.49-96.49-40-40a12,12,0,0,0-17,17L187,116H104a12,12,0,0,0,0,24h83l-19.52,19.51a12,12,0,0,0,17,17l40-40A12,12,0,0,0,224.49,119.51Z"/>',
-	user: '<path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"/>',
-	users:
-		'<path d="M125.18,156.94a64,64,0,1,0-82.36,0,100.23,100.23,0,0,0-39.49,32,12,12,0,0,0,20.54,12.08C36.18,184.88,55.25,172,76,172c22.44,0,41.84,14.31,54.86,40.39a12,12,0,1,0,21.19-11.17A99.33,99.33,0,0,0,125.18,156.94ZM44,108a40,40,0,1,1,40,40A40,40,0,0,1,44,108Zm206.1,97.67a12,12,0,0,1-16.78-2.57C221.44,183.6,202,172,180,172a41.86,41.86,0,0,0-13.54,2.24,12,12,0,0,1-7.84-22.68,64.36,64.36,0,0,0,35.69-27.15,64,64,0,1,0-43.49-45.85,12,12,0,0,1-23.71-3.15,88,88,0,1,1,73.54,84.28,99.33,99.33,0,0,1,26.84,44.53A12,12,0,0,1,250.1,205.67Z"/>',
-
-	// Navigation & Arrows
-	'arrow-left':
-		'<path d="M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z"/>',
-	'arrow-right':
-		'<path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"/>',
-	'arrow-up':
-		'<path d="M208.49,152.49a12,12,0,0,1-17,17L140,118v98a12,12,0,0,1-24,0V118L64.49,169.51a12,12,0,0,1-17-17l72-72a12,12,0,0,1,17,0Z"/>',
-	'arrow-down':
-		'<path d="M208.49,168.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,203V40a12,12,0,0,1,24,0V203l51.51-51.52a12,12,0,0,1,17,17Z"/>',
-	'caret-down':
-		'<path d="M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z"/>',
-	'caret-up':
-		'<path d="M216.49,168.49a12,12,0,0,1-17,17L128,114,56.49,185.51a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0Z"/>',
-	'caret-left':
-		'<path d="M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z"/>',
-	'caret-right':
-		'<path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,0,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"/>',
-
-	// Actions
-	plus: '<path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"/>',
-	minus: '<path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z"/>',
-	x: '<path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/>',
-	check:
-		'<path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"/>',
-	trash:
-		'<path d="M216,48H180V36A28,28,0,0,0,152,8H104A28,28,0,0,0,76,36V48H40a12,12,0,0,0,0,24h4V208a20,20,0,0,0,20,20H192a20,20,0,0,0,20-20V72h4a12,12,0,0,0,0-24ZM100,36a4,4,0,0,1,4-4h48a4,4,0,0,1,4,4V48H100Zm88,168H68V72H188ZM116,104v64a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Zm48,0v64a12,12,0,0,1-24,0V104a12,12,0,0,1,24,0Z"/>',
-	copy: '<path d="M216,28H88A12,12,0,0,0,76,40V76H40A12,12,0,0,0,28,88V216a12,12,0,0,0,12,12H168a12,12,0,0,0,12-12V180h36a12,12,0,0,0,12-12V40A12,12,0,0,0,216,28ZM156,204H52V100H156Zm48-48H180V88a12,12,0,0,0-12-12H100V52H204Z"/>',
-
-	// Media
-	play: '<path d="M240.82,114.67,88.82,26.67a16,16,0,0,0-16.12-.41A15.68,15.68,0,0,0,64,40.36V215.64a15.68,15.68,0,0,0,8.7,14.1,16,16,0,0,0,16.12-.41l152-88a15.76,15.76,0,0,0,0-26.66ZM88,199.93V56.07L216.16,128Z"/>',
-	pause:
-		'<path d="M200,28H160a20,20,0,0,0-20,20V208a20,20,0,0,0,20,20h40a20,20,0,0,0,20-20V48A20,20,0,0,0,200,28Zm-4,176H164V52h32ZM96,28H56A20,20,0,0,0,36,48V208a20,20,0,0,0,20,20H96a20,20,0,0,0,20-20V48A20,20,0,0,0,96,28ZM92,204H60V52H92Z"/>',
-	microphone:
-		'<path d="M128,176a52.06,52.06,0,0,0,52-52V64a52,52,0,0,0-104,0v60A52.06,52.06,0,0,0,128,176ZM100,64a28,28,0,0,1,56,0v60a28,28,0,0,1-56,0Zm112,56a12,12,0,0,1-24,0,76,76,0,0,0-152,0,12,12,0,0,1-24,0,100.11,100.11,0,0,1,88-99.26V8a12,12,0,0,1,24,0V20.74A100.11,100.11,0,0,1,212,120Z"/>',
-	'skip-back':
-		'<path d="M201.75,30.52a20,20,0,0,0-20.3.53L68,102V40a12,12,0,0,0-24,0V216a12,12,0,0,0,24,0V154l113.45,71A20,20,0,0,0,212,208.12V47.88A19.86,19.86,0,0,0,201.75,30.52ZM188,200.73,71.7,128,188,55.27Z"/>',
-	'skip-forward':
-		'<path d="M200,28a12,12,0,0,0-12,12v62l-113.45-71A20,20,0,0,0,44,47.88V208.12A20,20,0,0,0,74.55,225L188,154v62a12,12,0,0,0,24,0V40A12,12,0,0,0,200,28ZM68,200.73V55.27L184.3,128Z"/>',
-
-	// Edit
-	pencil:
-		'<path d="M230.14,70.54,185.46,25.85a20,20,0,0,0-28.29,0L33.86,149.17A19.85,19.85,0,0,0,28,163.31V208a20,20,0,0,0,20,20H92.69a19.86,19.86,0,0,0,14.14-5.86L230.14,98.82a20,20,0,0,0,0-28.28ZM91,204H52V165l84-84,39,39ZM192,103,153,64l18.34-18.34,39,39Z"/>',
-	pen: '<path d="M228.12,67.07,188.93,27.88a20,20,0,0,0-28.28,0L33.88,154.64A19.86,19.86,0,0,0,28,168.78V208a20,20,0,0,0,20,20H87.22a19.86,19.86,0,0,0,14.14-5.86L228.12,95.35a20,20,0,0,0,0-28.28ZM91,204H52V165l84-84,39,39ZM192,103,153,64l21.52-21.52L213.49,81.5Z"/>',
-	'note-pencil':
-		'<path d="M228,128v80a20,20,0,0,1-20,20H48a20,20,0,0,1-20-20V48A20,20,0,0,1,48,28h80a12,12,0,0,1,0,24H52V204H204V132a12,12,0,0,1,24,0Zm-26.34-84.49a12,12,0,0,0-17,0L112.3,115.86a20,20,0,0,0-5.59,11.63l-5.46,32.74a12,12,0,0,0,14.79,14.05l32.73-8.73a20.08,20.08,0,0,0,11.07-6.41l72.4-72.39a12,12,0,0,0,0-17Zm-47.29,63.9-18.64,5-3.53-3.52,4.95-18.63,40.31-40.31,16.72,16.72Z"/>',
-
-	// Files & Folders
-	folder:
-		'<path d="M216,68H130.67L102.93,51.2a20.12,20.12,0,0,0-11.07-3.2H40A20,20,0,0,0,20,68V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V88A20,20,0,0,0,216,68Zm-4,128H44V92H212Z"/>',
-	'folder-open':
-		'<path d="M248.23,112.31l-60,112A12,12,0,0,1,177.6,228H36a20,20,0,0,1-20-20V88A20,20,0,0,1,36,68H88a11.93,11.93,0,0,1,7.88,2.93l29.51,25.89A4,4,0,0,0,128,98h88a12,12,0,0,1,10.62,6.38A11.88,11.88,0,0,1,248.23,112.31ZM218.72,122H123.88L96,99.47,40,92v112H172.52Z"/>',
-	file: '<path d="M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A20,20,0,0,0,36,44V212a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM196,208H60V48h76V92a12,12,0,0,0,12,12h48Z"/>',
-
-	// UI Elements
-	'dots-three':
-		'<path d="M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128Zm56-16a16,16,0,1,0,16,16A16,16,0,0,0,200,112ZM56,112a16,16,0,1,0,16,16A16,16,0,0,0,56,112Z"/>',
-	'dots-three-vertical':
-		'<path d="M128,112a16,16,0,1,0,16,16A16,16,0,0,0,128,112Zm0-56a16,16,0,1,0-16-16A16,16,0,0,0,128,56Zm0,144a16,16,0,1,0,16,16A16,16,0,0,0,128,200Z"/>',
-	list: '<path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"/>',
-	'magnifying-glass':
-		'<path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"/>',
-
-	// Misc
-	key: '<path d="M196,76a16,16,0,1,1-16-16A16,16,0,0,1,196,76Zm48,22.74A84.3,84.3,0,0,1,160.11,180H160a83.52,83.52,0,0,1-23.65-3.38l-7.86,7.87A12,12,0,0,1,120,188H108v12a12,12,0,0,1-12,12H84v12a12,12,0,0,1-12,12H40a20,20,0,0,1-20-20V187.31a19.86,19.86,0,0,1,5.86-14.14l53.52-53.52A84,84,0,1,1,244,98.74ZM202.43,53.57A59.48,59.48,0,0,0,158,36c-32,1-58,27.89-58,59.89a59.69,59.69,0,0,0,4.2,22.19,12,12,0,0,1-2.55,13.21L44,189v23H60V200a12,12,0,0,1,12-12H84V176a12,12,0,0,1,12-12h19l9.65-9.65a12,12,0,0,1,13.22-2.55A59.58,59.58,0,0,0,160,156h.08c32,0,58.87-26.07,59.89-58A59.55,59.55,0,0,0,202.43,53.57Z"/>',
-	info: '<path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"/>',
-	tag: '<path d="M246.66,123.56,201,55.13A20,20,0,0,0,184.06,44H39.38A20.07,20.07,0,0,0,20,63.38V192.62A20.07,20.07,0,0,0,39.38,212H184.06a20,20,0,0,0,16.94-11.13l45.66-68.43A12,12,0,0,0,246.66,123.56ZM180.91,188H44V68H180.91l40,60ZM96,84a16,16,0,1,1-16,16A16,16,0,0,1,96,84Z"/>',
-	share:
-		'<path d="M236,200a12,12,0,0,1-12,12H32a12,12,0,0,1,0-24H224A12,12,0,0,1,236,200ZM88.49,80.49,116,53v83a12,12,0,0,0,24,0V53l27.51,27.52a12,12,0,1,0,17-17l-48-48a12,12,0,0,0-17,0l-48,48a12,12,0,1,0,17,17Z"/>',
-	download:
-		'<path d="M228,144v64a20,20,0,0,1-20,20H48a20,20,0,0,1-20-20V144a12,12,0,0,1,24,0v60H204V144a12,12,0,0,1,24,0Zm-108.49,8.49a12,12,0,0,0,17,0l40-40a12,12,0,0,0-17-17L140,115V24a12,12,0,0,0-24,0v91L96.49,95.51a12,12,0,0,0-17,17Z"/>',
-	upload:
-		'<path d="M228,144v64a20,20,0,0,1-20,20H48a20,20,0,0,1-20-20V144a12,12,0,0,1,24,0v60H204V144a12,12,0,0,1,24,0Zm-108.49-4.49a12,12,0,0,0,17,0l40-40a12,12,0,0,0-17-17L140,101V24a12,12,0,0,0-24,0v77L96.49,81.51a12,12,0,1,0-17,17Z"/>',
-	link: '<path d="M122.34,109.66a12,12,0,0,1,0-17l32-32a52,52,0,0,1,73.56,73.56L196,166.14a52,52,0,0,1-73.56,0,12,12,0,1,1,17-17,28,28,0,0,0,39.6,0l31.89-31.88a28,28,0,0,0-39.6-39.6l-32,32A12,12,0,0,1,122.34,109.66Zm-20.68,36.68-32,32a28,28,0,0,0,39.6,39.6l31.89-31.88a28,28,0,0,0,0-39.6,12,12,0,0,0-17,17,4,4,0,0,1,0,5.66L92.22,200.94a4,4,0,0,1-5.66,0,4,4,0,0,1,0-5.66l32-32a12,12,0,0,0-17-17Z"/>',
-	eye: '<path d="M251.89,122.47a140.13,140.13,0,0,0-46.65-50.37C185,60,157.49,52,128,52S71,60,50.76,72.1a140.13,140.13,0,0,0-46.65,50.37,12.44,12.44,0,0,0,0,11.06,140.13,140.13,0,0,0,46.65,50.37C71,196,98.51,204,128,204s57-8,77.24-20.1a140.13,140.13,0,0,0,46.65-50.37A12.44,12.44,0,0,0,251.89,122.47ZM128,180c-42.86,0-78.64-23.44-105.73-63C49.36,77.44,85.14,54,128,54s78.64,23.44,105.73,63C206.64,156.56,170.86,180,128,180Zm0-98a34,34,0,1,0,34,34A34,34,0,0,0,128,82Zm0,44a10,10,0,1,1,10-10A10,10,0,0,1,128,126Z"/>',
-	'eye-slash':
-		'<path d="M55.58,37.76a12,12,0,0,0-17,17l20.7,22.77C29.09,102.4,11.72,137.48,4.09,151.56a12.44,12.44,0,0,0,0,11.06A140.13,140.13,0,0,0,50.74,213c20.26,12.12,47.75,20.1,77.26,20.1a127.36,127.36,0,0,0,51.71-10.52l22.71,25a12,12,0,0,0,17-17Zm49.77,120A34,34,0,0,1,94,128a33.55,33.55,0,0,1,1-8.27l45.64,50.21A33.56,33.56,0,0,1,128,172,34,34,0,0,1,105.35,157.76Zm116.81,53.3a12,12,0,0,1-6.16,16,128,128,0,0,1-51.62,9.78,34,34,0,0,1-45.31-50.35L98.11,163.44a58.05,58.05,0,0,0,79.46,19.74,34,34,0,0,0,12.33-12A127.85,127.85,0,0,0,206.16,211.06ZM237.94,133.56a140.13,140.13,0,0,1-46.65,50.37A130.12,130.12,0,0,1,128,203.93a57.6,57.6,0,0,1-15.47-1.9l-19.24-21.16a82.06,82.06,0,0,1,0-117.74A82,82,0,0,1,128,50h.09a133.85,133.85,0,0,1,63,19.93,140.13,140.13,0,0,1,46.65,50.37A12.44,12.44,0,0,1,237.94,133.56ZM215.82,128C188.83,87.44,153,64,128,64a58.1,58.1,0,0,0-40.66,16.55L128,123.3a10,10,0,0,1,0,14.13,10.19,10.19,0,0,1-14.13,0l-40.66,44.72A82,82,0,0,0,128,204c25,0,60.83-23.44,87.82-64C215.82,128,215.82,128,215.82,128Z"/>',
-	lock: '<path d="M208,76H180V56a52,52,0,0,0-104,0V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76ZM100,56a28,28,0,0,1,56,0V76H100ZM204,204H52V100H204Zm-72-76a16,16,0,1,1-16-16A16,16,0,0,1,132,128Z"/>',
-	star: '<path d="M234.29,114.85l-45,38.83L203,211.75a20.81,20.81,0,0,1-7.24,21.31,20.25,20.25,0,0,1-21.7,1.32L128,213.15,81.94,234.38a20.25,20.25,0,0,1-21.7-1.32,20.81,20.81,0,0,1-7.24-21.31l13.72-58.07-45-38.83A20.86,20.86,0,0,1,33.31,86.56l59.51-5.16,23.17-55.23a20.88,20.88,0,0,1,38,0l23.17,55.23,59.51,5.16a20.86,20.86,0,0,1,11.58,28.29Zm-74.81-28.8-18.28-43.54a.84.84,0,0,0-1.58,0L121.34,86.05a12,12,0,0,1-10.09,7.34L51.58,98.83a.87.87,0,0,0-.49,1.53L89.83,131.8a12,12,0,0,1,3.86,11.93L82.84,201.1a.87.87,0,0,0,.34.94.88.88,0,0,0,1,0l43.45-19.95a12.09,12.09,0,0,1,10.68,0l43.45,19.95a.88.88,0,0,0,1,0,.87.87,0,0,0,.34-.94l-10.85-57.37a12,12,0,0,1,3.86-11.93l38.74-33.44a.87.87,0,0,0-.49-1.53l-59.67-5.17A12,12,0,0,1,159.48,86.05Z"/>',
-	heart:
-		'<path d="M178,36c-21.4,0-39.31,10.64-50,27.14C117.31,46.64,99.4,36,78,36a66.08,66.08,0,0,0-66,66c0,72.25,105.53,130.44,110.66,132.94a12,12,0,0,0,10.68,0C138.47,232.44,244,174.25,244,102A66.08,66.08,0,0,0,178,36Zm-5.42,142.24c-18.3,10.88-38.26,21.14-44.58,24.78-6.32-3.64-26.28-13.9-44.58-24.78C56.75,159.16,28,136,28,102A42,42,0,0,1,70,60c18.12,0,33.05,9.48,42.64,27.22a12,12,0,0,0,20.72,0C142.94,69.48,157.88,60,176,60a42,42,0,0,1,42,42C220,136,191.25,159.16,172.58,178.24Z"/>',
-	bell: '<path d="M225.29,165.93C216.61,151,212,129.57,212,104a84,84,0,0,0-168,0c0,25.58-4.59,47-13.27,61.93A20.08,20.08,0,0,0,30.66,186a19.77,19.77,0,0,0,17.79,11H94.2a36,36,0,0,0,67.6,0H207.55a19.77,19.77,0,0,0,17.79-11A20.08,20.08,0,0,0,225.29,165.93ZM128,216a12,12,0,0,1-11.62-9h23.24A12,12,0,0,1,128,216Zm-76.55-39C62.19,157.17,68,133.1,68,104a60,60,0,0,1,120,0c0,29.1,5.81,53.17,16.55,73Z"/>',
-	calendar:
-		'<path d="M208,28H188V24a12,12,0,0,0-24,0v4H92V24a12,12,0,0,0-24,0v4H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28ZM68,52a12,12,0,0,0,24,0h72a12,12,0,0,0,24,0h16V76H52V52ZM52,204V100H204V204Z"/>',
-	clock:
-		'<path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm76-84a12,12,0,0,1-12,12H128a12,12,0,0,1-12-12V72a12,12,0,0,1,24,0v44h52A12,12,0,0,1,204,128Z"/>',
-	image:
-		'<path d="M216,36H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A20,20,0,0,0,216,36Zm-4,24V158.75l-26.07-26.06a20,20,0,0,0-28.28,0l-23.23,23.23-59.8-59.8a20,20,0,0,0-28.28,0L44,98.75V60ZM44,196V121.66l56-56,59.8,59.8a20,20,0,0,0,28.28,0l23.23-23.23L212,103V196Zm28-96a20,20,0,1,0-20-20A20,20,0,0,0,72,100Z"/>',
-	'shield-check':
-		'<path d="M208,36H48A20,20,0,0,0,28,56v56c0,54.29,26.32,87.22,48.4,105.29,23.71,19.39,47.44,26,48.44,26.29a12.1,12.1,0,0,0,6.32,0c1-.28,24.73-6.9,48.44-26.29,22.08-18.07,48.4-51,48.4-105.29V56A20,20,0,0,0,208,36Zm-4,76c0,35.71-13.09,64.69-38.91,86.15A126.28,126.28,0,0,1,128,219.38a126.14,126.14,0,0,1-37.09-21.23C65.09,176.69,52,147.71,52,112V60H204ZM79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0Z"/>',
-	envelope:
-		'<path d="M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44Zm-96,83.72L62.85,68h130.3ZM92.79,128,44,172.72V83.28Zm17.76,16.28,9.34,8.57a12,12,0,0,0,16.22,0l9.34-8.57L193.15,188H62.85ZM163.21,128,212,83.28v89.44Z"/>',
-	'arrows-left-right':
-		'<path d="M216.49,184.49l-32,32a12,12,0,0,1-17-17L179,188H48a12,12,0,0,1,0-24H179l-11.52-11.51a12,12,0,0,1,17-17l32,32A12,12,0,0,1,216.49,184.49Zm-145-64a12,12,0,0,0,17-17L77,92H208a12,12,0,0,0,0-24H77L88.49,56.49a12,12,0,0,0-17-17l-32,32a12,12,0,0,0,0,17Z"/>',
-} as const;
-
-export type IconName = keyof typeof iconPaths;
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/AdditionalRecordings.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/AdditionalRecordings.svelte
deleted file mode 100644
index d8d6262a8..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/AdditionalRecordings.svelte
+++ /dev/null
@@ -1,257 +0,0 @@
-<script lang="ts">
-	import AudioPlayer from '$lib/components/AudioPlayer.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Recording {
-		id: string;
-		url: string;
-		duration?: number;
-		created_at: string;
-		label?: string;
-		size?: number;
-	}
-
-	interface Props {
-		recordings: Recording[];
-		onRecordingAdd?: () => void;
-		onRecordingDelete?: (recordingId: string) => void;
-		onRecordingRename?: (recordingId: string, newLabel: string) => void;
-		canEdit?: boolean;
-	}
-
-	let {
-		recordings,
-		onRecordingAdd,
-		onRecordingDelete,
-		onRecordingRename,
-		canEdit = false,
-	}: Props = $props();
-
-	let editingId = $state<string | null>(null);
-	let editLabel = $state('');
-
-	function formatDuration(seconds?: number): string {
-		if (!seconds) return '--:--';
-
-		const hours = Math.floor(seconds / 3600);
-		const minutes = Math.floor((seconds % 3600) / 60);
-		const secs = Math.floor(seconds % 60);
-
-		if (hours > 0) {
-			return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-		}
-		return `${minutes}:${secs.toString().padStart(2, '0')}`;
-	}
-
-	function formatSize(bytes?: number): string {
-		if (!bytes) return '--';
-
-		const mb = bytes / (1024 * 1024);
-		if (mb > 1) {
-			return `${mb.toFixed(1)} MB`;
-		}
-
-		const kb = bytes / 1024;
-		return `${kb.toFixed(1)} KB`;
-	}
-
-	function formatDate(date: string): string {
-		return new Date(date).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: 'short',
-			year: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit',
-		});
-	}
-
-	function startEditing(recording: Recording) {
-		editingId = recording.id;
-		editLabel = recording.label || '';
-	}
-
-	function cancelEditing() {
-		editingId = null;
-		editLabel = '';
-	}
-
-	function saveLabel(recordingId: string) {
-		if (onRecordingRename && editLabel.trim()) {
-			onRecordingRename(recordingId, editLabel.trim());
-		}
-		cancelEditing();
-	}
-</script>
-
-{#if recordings.length > 0 || canEdit}
-	<div class="space-y-3">
-		<div class="flex items-center justify-between">
-			<Text variant="small" weight="semibold" class="uppercase text-theme-secondary">
-				Additional Recordings
-			</Text>
-			{#if canEdit && onRecordingAdd}
-				<button
-					onclick={onRecordingAdd}
-					class="flex items-center gap-1 text-xs text-primary hover:underline"
-				>
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 4v16m8-8H4"
-						/>
-					</svg>
-					<Text variant="muted">Add Recording</Text>
-				</button>
-			{/if}
-		</div>
-
-		<!-- Recordings List -->
-		{#if recordings.length > 0}
-			<div class="space-y-3">
-				{#each recordings as recording (recording.id)}
-					<div class="rounded-lg border border-theme bg-content p-4">
-						<!-- Header -->
-						<div class="mb-3 flex items-start justify-between">
-							<div class="flex-1">
-								{#if editingId === recording.id}
-									<!-- Edit Mode -->
-									<div class="flex items-center gap-2">
-										<input
-											type="text"
-											bind:value={editLabel}
-											placeholder="Recording label..."
-											class="flex-1 rounded border border-theme bg-menu px-2 py-1 text-sm text-theme focus:outline-none focus:ring-2 focus:ring-primary"
-											onkeydown={(e) => {
-												if (e.key === 'Enter') saveLabel(recording.id);
-												if (e.key === 'Escape') cancelEditing();
-											}}
-										/>
-										<button
-											onclick={() => saveLabel(recording.id)}
-											class="rounded bg-primary px-2 py-1 text-xs text-white hover:bg-primary/90"
-										>
-											Save
-										</button>
-										<button
-											onclick={cancelEditing}
-											class="rounded bg-menu px-2 py-1 text-xs text-theme hover:bg-menu-hover"
-										>
-											Cancel
-										</button>
-									</div>
-								{:else}
-									<!-- View Mode -->
-									<div class="flex items-center gap-2">
-										<Text variant="body" weight="semibold">
-											{recording.label || `Recording ${recordings.indexOf(recording) + 1}`}
-										</Text>
-										{#if canEdit && onRecordingRename}
-											<button
-												onclick={() => startEditing(recording)}
-												class="text-theme-secondary hover:text-primary"
-												title="Rename"
-											>
-												<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-													<path
-														stroke-linecap="round"
-														stroke-linejoin="round"
-														stroke-width="2"
-														d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
-													/>
-												</svg>
-											</button>
-										{/if}
-									</div>
-								{/if}
-
-								<!-- Metadata -->
-								<div class="mt-1 flex flex-wrap gap-3">
-									<Text variant="muted" class="flex items-center gap-1">
-										<svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-											/>
-										</svg>
-										{formatDuration(recording.duration)}
-									</Text>
-									<Text variant="muted" class="flex items-center gap-1">
-										<svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
-											/>
-										</svg>
-										{formatSize(recording.size)}
-									</Text>
-									<Text variant="muted" class="flex items-center gap-1">
-										<svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-											/>
-										</svg>
-										{formatDate(recording.created_at)}
-									</Text>
-								</div>
-							</div>
-
-							<!-- Delete Button -->
-							{#if canEdit && onRecordingDelete}
-								<button
-									onclick={() => {
-										if (confirm('Delete this recording?')) {
-											onRecordingDelete(recording.id);
-										}
-									}}
-									class="text-red-500 hover:text-red-600"
-									title="Delete recording"
-								>
-									<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-										/>
-									</svg>
-								</button>
-							{/if}
-						</div>
-
-						<!-- Audio Player -->
-						<AudioPlayer src={recording.url} />
-					</div>
-				{/each}
-			</div>
-		{:else if canEdit}
-			<div class="rounded-lg border-2 border-dashed border-theme p-8 text-center">
-				<svg
-					class="mx-auto mb-3 h-12 w-12 text-theme-secondary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"
-					/>
-				</svg>
-				<Text variant="small" class="mb-2 text-theme-secondary">No additional recordings</Text>
-				<button onclick={onRecordingAdd} class="btn-secondary text-sm">
-					Add additional recording
-				</button>
-			</div>
-		{/if}
-	</div>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/EditModeToolbar.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/EditModeToolbar.svelte
deleted file mode 100644
index cc874b0fe..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/EditModeToolbar.svelte
+++ /dev/null
@@ -1,73 +0,0 @@
-<script lang="ts">
-	interface Props {
-		onSave: () => void;
-		onCancel: () => void;
-		isSaving?: boolean;
-	}
-
-	let { onSave, onCancel, isSaving = false }: Props = $props();
-</script>
-
-<div class="sticky bottom-0 left-0 right-0 border-t border-theme bg-menu p-4 z-10">
-	<div class="flex items-center justify-end gap-3">
-		<button onclick={onCancel} disabled={isSaving} class="btn-secondary">
-			<svg
-				class="h-4 w-4"
-				fill="none"
-				stroke="currentColor"
-				viewBox="0 0 24 24"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M6 18L18 6M6 6l12 12"
-				/>
-			</svg>
-			<span>Cancel</span>
-		</button>
-
-		<button onclick={onSave} disabled={isSaving} class="btn-primary">
-			{#if isSaving}
-				<svg
-					class="h-4 w-4 animate-spin"
-					fill="none"
-					viewBox="0 0 24 24"
-					xmlns="http://www.w3.org/2000/svg"
-				>
-					<circle
-						class="opacity-25"
-						cx="12"
-						cy="12"
-						r="10"
-						stroke="currentColor"
-						stroke-width="4"
-					/>
-					<path
-						class="opacity-75"
-						fill="currentColor"
-						d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-					/>
-				</svg>
-				<span>Saving...</span>
-			{:else}
-				<svg
-					class="h-4 w-4"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-					xmlns="http://www.w3.org/2000/svg"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M5 13l4 4L19 7"
-					/>
-				</svg>
-				<span>Save Changes</span>
-			{/if}
-		</button>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/MemoActions.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/MemoActions.svelte
deleted file mode 100644
index 85e4f3c4b..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/MemoActions.svelte
+++ /dev/null
@@ -1,384 +0,0 @@
-<script lang="ts">
-	import { t } from 'svelte-i18n';
-	import PinButton from './PinButton.svelte';
-
-	interface Props {
-		onEdit?: () => void;
-		onDelete?: () => void;
-		onShare?: () => void;
-		onCopy?: () => void;
-		onSearch?: () => void;
-		onCreateMemory?: () => void;
-		onAskQuestion?: () => void;
-		onReprocess?: () => void;
-		onManageSpeakers?: () => void;
-		onTranslate?: () => void;
-		onFindReplace?: () => void;
-		onShowShortcuts?: () => void;
-		onPinToggle?: () => void;
-		isPinned?: boolean;
-		isEditMode?: boolean;
-	}
-
-	let {
-		onEdit,
-		onDelete,
-		onShare,
-		onCopy,
-		onSearch,
-		onCreateMemory,
-		onAskQuestion,
-		onReprocess,
-		onManageSpeakers,
-		onTranslate,
-		onFindReplace,
-		onShowShortcuts,
-		onPinToggle,
-		isPinned = false,
-		isEditMode = false,
-	}: Props = $props();
-
-	let showMoreMenu = $state(false);
-
-	interface Action {
-		id: string;
-		label: string;
-		icon: string;
-		onClick: () => void;
-		disabled?: boolean;
-		danger?: boolean;
-	}
-
-	// Primary actions always visible
-	const primaryActions: Action[] = $derived([
-		{
-			id: 'edit',
-			label: isEditMode ? $t('common.cancel') : $t('memo.edit'),
-			icon: isEditMode ? 'x' : 'edit',
-			onClick: onEdit || (() => {}),
-			disabled: !onEdit,
-		},
-		{
-			id: 'search',
-			label: $t('memo.search'),
-			icon: 'search',
-			onClick: onSearch || (() => {}),
-			disabled: !onSearch,
-		},
-		{
-			id: 'copy',
-			label: $t('memo.copy'),
-			icon: 'copy',
-			onClick: onCopy || (() => {}),
-			disabled: !onCopy,
-		},
-		{
-			id: 'share',
-			label: $t('memo.share'),
-			icon: 'share',
-			onClick: onShare || (() => {}),
-			disabled: !onShare,
-		},
-		{
-			id: 'ask-question',
-			label: $t('memo.ask_question'),
-			icon: 'question',
-			onClick: onAskQuestion || (() => {}),
-			disabled: !onAskQuestion || isEditMode,
-		},
-		{
-			id: 'pin',
-			label: isPinned ? $t('memo.unpin') : $t('memo.pin'),
-			icon: 'pin',
-			onClick: onPinToggle || (() => {}),
-			disabled: !onPinToggle,
-		},
-	]);
-
-	// Actions hidden behind "More" menu
-	const moreActions: Action[] = $derived([
-		{
-			id: 'create-memory',
-			label: $t('memo.create_memory'),
-			icon: 'lightbulb',
-			onClick: onCreateMemory || (() => {}),
-			disabled: !onCreateMemory || isEditMode,
-		},
-		{
-			id: 'reprocess',
-			label: $t('memo.reprocess'),
-			icon: 'refresh',
-			onClick: onReprocess || (() => {}),
-			disabled: !onReprocess || isEditMode,
-		},
-		{
-			id: 'manage-speakers',
-			label: $t('memo.speakers'),
-			icon: 'users',
-			onClick: onManageSpeakers || (() => {}),
-			disabled: !onManageSpeakers || isEditMode,
-		},
-		{
-			id: 'translate',
-			label: $t('memo.translate'),
-			icon: 'language',
-			onClick: onTranslate || (() => {}),
-			disabled: !onTranslate || isEditMode,
-		},
-		{
-			id: 'find-replace',
-			label: $t('memo.find_replace'),
-			icon: 'replace',
-			onClick: onFindReplace || (() => {}),
-			disabled: !onFindReplace || isEditMode,
-		},
-		{
-			id: 'shortcuts',
-			label: $t('memo.shortcuts'),
-			icon: 'keyboard',
-			onClick: onShowShortcuts || (() => {}),
-			disabled: !onShowShortcuts || isEditMode,
-		},
-		{
-			id: 'delete',
-			label: $t('common.delete'),
-			icon: 'trash',
-			onClick: onDelete || (() => {}),
-			disabled: !onDelete,
-			danger: true,
-		},
-	]);
-
-	function handleMoreAction(action: Action) {
-		action.onClick();
-		showMoreMenu = false;
-	}
-
-	function getIcon(iconName: string) {
-		const icons: Record<string, string> = {
-			edit: 'M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z',
-			x: 'M6 18L18 6M6 6l12 12',
-			search: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z',
-			copy: 'M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z',
-			share:
-				'M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z',
-			tag: 'M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z',
-			trash:
-				'M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16',
-			lightbulb:
-				'M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z',
-			question:
-				'M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
-			refresh:
-				'M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15',
-			users:
-				'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z',
-			language:
-				'M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129',
-			replace:
-				'M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z',
-			folder:
-				'M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10',
-			keyboard:
-				'M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4',
-			pin: 'M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z',
-		};
-		return icons[iconName] || '';
-	}
-
-	function getButtonClass(danger: boolean = false) {
-		const baseClasses =
-			'flex items-center gap-2 px-3 py-2 rounded-lg font-medium transition-all text-sm';
-
-		if (danger) {
-			return `${baseClasses} bg-red-600 text-white hover:bg-red-700`;
-		}
-
-		return `${baseClasses} bg-menu hover:bg-menu-hover text-theme border border-theme`;
-	}
-</script>
-
-<div class="actions-bar">
-	<div class="options-container">
-		<!-- Options Button -->
-		<button onclick={() => (showMoreMenu = !showMoreMenu)} class="pill glass-pill options-button">
-			<svg
-				class="pill-icon"
-				fill="none"
-				stroke="currentColor"
-				viewBox="0 0 24 24"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
-				/>
-			</svg>
-			<span class="pill-label">{$t('memo.options')}</span>
-		</button>
-
-		{#if showMoreMenu}
-			<!-- Backdrop -->
-			<button
-				class="menu-backdrop"
-				onclick={() => (showMoreMenu = false)}
-				onkeydown={(e) => e.key === 'Escape' && (showMoreMenu = false)}
-			></button>
-
-			<!-- Fan out pills upward -->
-			<div class="fan-container">
-				{#each [...primaryActions, ...moreActions].filter((a) => !a.disabled) as action, i (action.id)}
-					<button
-						onclick={() => handleMoreAction(action)}
-						class="pill glass-pill fan-pill"
-						class:danger-pill={action.danger}
-						style="animation-delay: {i * 15}ms"
-					>
-						<svg
-							class="pill-icon"
-							fill="none"
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-							xmlns="http://www.w3.org/2000/svg"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d={getIcon(action.icon)}
-							/>
-						</svg>
-						<span class="pill-label">{action.label}</span>
-					</button>
-				{/each}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.actions-bar {
-		position: absolute;
-		bottom: 0;
-		right: 0;
-		padding: 2rem;
-		display: flex;
-		justify-content: flex-end;
-		pointer-events: none;
-		z-index: 20;
-	}
-
-	.options-container {
-		position: relative;
-		pointer-events: auto;
-	}
-
-	.options-button {
-		position: relative;
-		z-index: 10;
-	}
-
-	.fan-container {
-		position: absolute;
-		bottom: calc(100% + 0.5rem);
-		right: 0;
-		display: flex;
-		flex-direction: column-reverse;
-		gap: 0.5rem;
-		z-index: 50;
-	}
-
-	.fan-pill {
-		animation: fanIn 0.15s ease-out forwards;
-		opacity: 0;
-		transform: translateY(20px);
-	}
-
-	@keyframes fanIn {
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.875rem;
-		border-radius: 9999px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		white-space: nowrap;
-		text-decoration: none;
-		transition: all 0.2s;
-		border: none;
-		cursor: pointer;
-	}
-
-	.glass-pill {
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-
-	:global(.dark) .glass-pill {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-		color: #f3f4f6;
-	}
-
-	.glass-pill:hover {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-		transform: translateY(-2px);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .glass-pill:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.danger-pill {
-		color: #dc2626;
-	}
-
-	:global(.dark) .danger-pill {
-		color: #ef4444;
-	}
-
-	.danger-pill:hover {
-		background: rgba(220, 38, 38, 0.15);
-		border-color: rgba(220, 38, 38, 0.3);
-	}
-
-	.pill-icon {
-		width: 1rem;
-		height: 1rem;
-		flex-shrink: 0;
-	}
-
-	.pill-label {
-		display: inline;
-	}
-
-	/* Backdrop */
-	.menu-backdrop {
-		position: fixed;
-		inset: 0;
-		z-index: 40;
-		background: transparent;
-		border: none;
-		cursor: default;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/MemoContent.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/MemoContent.svelte
deleted file mode 100644
index 56887efb3..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/MemoContent.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts">
-	import { t } from 'svelte-i18n';
-	import AudioPlayer from '$lib/components/AudioPlayer.svelte';
-	import MemoryAccordion from '$lib/components/MemoryAccordion.svelte';
-	import MemoHeader from './MemoHeader.svelte';
-	import StructuredTranscriptComponent from './StructuredTranscript.svelte';
-	import PhotoGallery from './PhotoGallery.svelte';
-	import AdditionalRecordings from './AdditionalRecordings.svelte';
-	import type { Memo } from '$lib/types/memo.types';
-
-	interface Props {
-		memo: Memo;
-		audioUrl: string | null;
-		isEditMode: boolean;
-		editedTitle: string;
-		editedIntro: string;
-		editedTranscript: string;
-		onTitleChange: (title: string) => void;
-		onIntroChange: (intro: string) => void;
-		onTranscriptChange: (transcript: string) => void;
-		onAddTagPress: () => void;
-	}
-
-	let {
-		memo,
-		audioUrl,
-		isEditMode,
-		editedTitle,
-		editedIntro,
-		editedTranscript,
-		onTitleChange,
-		onIntroChange,
-		onTranscriptChange,
-		onAddTagPress,
-	}: Props = $props();
-</script>
-
-<div class="flex-1 overflow-y-auto px-8 py-6">
-	<div class="mx-auto max-w-3xl">
-		<!-- Header with all metadata -->
-		<MemoHeader {memo} {isEditMode} {onTitleChange} {onIntroChange} {onAddTagPress} />
-
-		<!-- Memories (AI Analysis) -->
-		{#if memo.memories && memo.memories.length > 0}
-			<div class="mb-6 space-y-1">
-				{#each memo.memories as memory}
-					<MemoryAccordion {memory} defaultExpanded={true} />
-				{/each}
-			</div>
-		{/if}
-
-		<!-- Photo Gallery -->
-		{#if memo.photos && memo.photos.length > 0}
-			<div class="mb-6">
-				<PhotoGallery photos={memo.photos} />
-			</div>
-		{/if}
-
-		<!-- Additional Recordings -->
-		{#if memo.additional_recordings && memo.additional_recordings.length > 0}
-			<div class="mb-6">
-				<AdditionalRecordings recordings={memo.additional_recordings} />
-			</div>
-		{/if}
-
-		<!-- Audio Player -->
-		{#if audioUrl}
-			<div class="mb-6">
-				<AudioPlayer src={audioUrl} />
-			</div>
-		{/if}
-
-		<!-- Transcript -->
-		{#if memo.transcript || memo.source?.utterances}
-			<div class="mb-6">
-				{#if isEditMode}
-					<textarea
-						value={editedTranscript}
-						oninput={(e) => onTranscriptChange(e.currentTarget.value)}
-						class="w-full min-h-[200px] rounded-lg border border-theme bg-content p-4 text-theme focus:outline-none focus:ring-2 focus:ring-primary"
-					/>
-				{:else if memo.source?.utterances && memo.source.utterances.length > 0}
-					<!-- Structured Transcript with speakers and timestamps -->
-					<StructuredTranscriptComponent
-						segments={memo.source.utterances.map((u, i) => ({
-							id: `utterance-${i}`,
-							speaker: u.speakerId || 'speaker1',
-							text: u.text,
-							startTime: u.offset,
-						}))}
-						speakerLabels={memo.metadata?.speakerLabels || memo.source?.speakers || {}}
-					/>
-				{:else}
-					<!-- Plain text transcript -->
-					<p class="whitespace-pre-wrap text-theme leading-relaxed">
-						{memo.transcript}
-					</p>
-				{/if}
-			</div>
-		{:else}
-			<div class="rounded-lg bg-white/5 p-4">
-				<p class="text-theme-secondary">🔄 {$t('memo.processing_transcript')}</p>
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/MemoHeader.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/MemoHeader.svelte
deleted file mode 100644
index b14944632..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/MemoHeader.svelte
+++ /dev/null
@@ -1,360 +0,0 @@
-<script lang="ts">
-	import type { Memo } from '$lib/types/memo.types';
-	import { formatDuration, getMemooDuration, formatTimestamp } from '$lib/utils/formatters';
-	import TagBadge from '$lib/components/TagBadge.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		memo: Memo;
-		isEditMode?: boolean;
-		onTitleChange?: (title: string) => void;
-		onIntroChange?: (intro: string) => void;
-		onAddTagPress?: () => void;
-	}
-
-	let { memo, isEditMode = false, onTitleChange, onIntroChange, onAddTagPress }: Props = $props();
-
-	let editTitle = $state(memo.title || '');
-	let editIntro = $state(memo.intro || '');
-	let showAllMetadata = $state(false);
-
-	// Computed metadata
-	const viewCount = $derived(memo.metadata?.stats?.viewCount || 0);
-	const wordCount = $derived(memo.metadata?.stats?.wordCount || calculateWordCount());
-	const speakerCount = $derived(
-		memo.source?.speakers ? Object.keys(memo.source.speakers).length : 0
-	);
-
-	function calculateWordCount(): number {
-		if (!memo.transcript) return 0;
-		return memo.transcript.trim().split(/\s+/).length;
-	}
-
-	function getStatusColor(status: string) {
-		switch (status) {
-			case 'completed':
-				return 'status-completed';
-			case 'processing':
-				return 'status-processing';
-			case 'failed':
-				return 'status-failed';
-			default:
-				return 'status-default';
-		}
-	}
-
-	function handleTitleInput(e: Event) {
-		const target = e.target as HTMLInputElement;
-		editTitle = target.value;
-		onTitleChange?.(editTitle);
-	}
-
-	function handleIntroInput(e: Event) {
-		const target = e.target as HTMLTextAreaElement;
-		editIntro = target.value;
-		onIntroChange?.(editIntro);
-	}
-
-	// Update local state when memo changes
-	$effect(() => {
-		editTitle = memo.title || '';
-		editIntro = memo.intro || '';
-	});
-</script>
-
-<div class="mb-6 mt-10 space-y-4">
-	<!-- Metadata Section -->
-	<div class="mb-6">
-		<button
-			onclick={() => (showAllMetadata = !showAllMetadata)}
-			class="w-full text-left cursor-pointer focus:outline-none"
-		>
-			<!-- Primary Metadata Row (always visible) -->
-			<div class="flex items-center gap-2 text-sm text-theme-secondary">
-				<span>{formatTimestamp(memo.created_at)}</span>
-				<span>·</span>
-				<span>{formatDuration(getMemooDuration(memo))}</span>
-				<span class="ml-3 text-theme-secondary hover:text-theme transition-colors">
-					{showAllMetadata ? 'Weniger anzeigen' : 'Mehr anzeigen'}
-				</span>
-			</div>
-		</button>
-
-		<!-- Expanded Metadata (conditional) -->
-		{#if showAllMetadata}
-			<div class="mt-4 max-w-xs border border-theme rounded-lg overflow-hidden">
-				<table class="w-full text-sm">
-					<tbody>
-						<!-- Duration -->
-						<tr class="border-b border-theme">
-							<td class="px-3 py-2 bg-menu">
-								<div class="flex items-center gap-2 text-theme-secondary">
-									<svg
-										class="h-4 w-4"
-										fill="none"
-										stroke="currentColor"
-										viewBox="0 0 24 24"
-										xmlns="http://www.w3.org/2000/svg"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-										/>
-									</svg>
-									<span>Dauer</span>
-								</div>
-							</td>
-							<td class="px-3 py-2 text-theme text-right"
-								>{formatDuration(getMemooDuration(memo))}</td
-							>
-						</tr>
-
-						<!-- View Count -->
-						<tr class="border-b border-theme">
-							<td class="px-3 py-2 bg-menu">
-								<div class="flex items-center gap-2 text-theme-secondary">
-									<svg
-										class="h-4 w-4"
-										fill="none"
-										stroke="currentColor"
-										viewBox="0 0 24 24"
-										xmlns="http://www.w3.org/2000/svg"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-										/>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-										/>
-									</svg>
-									<span>Ansichten</span>
-								</div>
-							</td>
-							<td class="px-3 py-2 text-theme text-right">{viewCount}</td>
-						</tr>
-
-						<!-- Word Count -->
-						{#if wordCount > 0}
-							<tr class="border-b border-theme">
-								<td class="px-3 py-2 bg-menu">
-									<div class="flex items-center gap-2 text-theme-secondary">
-										<svg
-											class="h-4 w-4"
-											fill="none"
-											stroke="currentColor"
-											viewBox="0 0 24 24"
-											xmlns="http://www.w3.org/2000/svg"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-											/>
-										</svg>
-										<span>Wörter</span>
-									</div>
-								</td>
-								<td class="px-3 py-2 text-theme text-right">{wordCount.toLocaleString('de-DE')}</td>
-							</tr>
-						{/if}
-
-						<!-- Language -->
-						{#if memo.language}
-							<tr class="border-b border-theme">
-								<td class="px-3 py-2 bg-menu">
-									<div class="flex items-center gap-2 text-theme-secondary">
-										<svg
-											class="h-4 w-4"
-											fill="none"
-											stroke="currentColor"
-											viewBox="0 0 24 24"
-											xmlns="http://www.w3.org/2000/svg"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"
-											/>
-										</svg>
-										<span>Sprache</span>
-									</div>
-								</td>
-								<td class="px-3 py-2 text-theme text-right">{memo.language.toUpperCase()}</td>
-							</tr>
-						{/if}
-
-						<!-- Speaker Count -->
-						{#if speakerCount > 0}
-							<tr class="border-b border-theme">
-								<td class="px-3 py-2 bg-menu">
-									<div class="flex items-center gap-2 text-theme-secondary">
-										<svg
-											class="h-4 w-4"
-											fill="none"
-											stroke="currentColor"
-											viewBox="0 0 24 24"
-											xmlns="http://www.w3.org/2000/svg"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-											/>
-										</svg>
-										<span>Sprecher</span>
-									</div>
-								</td>
-								<td class="px-3 py-2 text-theme text-right">{speakerCount}</td>
-							</tr>
-						{/if}
-
-						<!-- Location -->
-						{#if memo.location && (memo.location.address || memo.location.coordinates)}
-							<tr class="border-b border-theme">
-								<td class="px-3 py-2 bg-menu">
-									<div class="flex items-center gap-2 text-theme-secondary">
-										<svg
-											class="h-4 w-4"
-											fill="none"
-											stroke="currentColor"
-											viewBox="0 0 24 24"
-											xmlns="http://www.w3.org/2000/svg"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-											/>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
-											/>
-										</svg>
-										<span>Ort</span>
-									</div>
-								</td>
-								<td class="px-3 py-2 text-theme text-right">
-									<span class="truncate max-w-[300px] inline-block">
-										{memo.location.address ||
-											`${memo.location.coordinates.latitude.toFixed(4)}, ${memo.location.coordinates.longitude.toFixed(4)}`}
-									</span>
-								</td>
-							</tr>
-						{/if}
-
-						<!-- Processing Status -->
-						<tr>
-							<td class="px-3 py-2 bg-menu">
-								<div class="flex items-center gap-2 text-theme-secondary">
-									<svg
-										class="h-4 w-4"
-										fill="none"
-										stroke="currentColor"
-										viewBox="0 0 24 24"
-										xmlns="http://www.w3.org/2000/svg"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-										/>
-									</svg>
-									<span>Status</span>
-								</div>
-							</td>
-							<td class="px-3 py-2 text-right">
-								<span
-									class="rounded-full px-2 py-0.5 text-xs {getStatusColor(memo.processing_status)}"
-								>
-									{memo.processing_status}
-								</span>
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-		{/if}
-	</div>
-
-	<!-- Title Section -->
-	<div>
-		{#if isEditMode}
-			<!-- Edit Mode: Title Input -->
-			<input
-				type="text"
-				value={editTitle}
-				oninput={handleTitleInput}
-				placeholder="Untitled Memo"
-				class="w-full text-2xl font-bold bg-transparent border-b-2 border-primary text-theme focus:outline-none"
-			/>
-		{:else}
-			<!-- View Mode: Title Display -->
-			<h1 class="text-2xl font-bold text-theme">
-				{memo.title || 'Untitled Memo'}
-			</h1>
-		{/if}
-	</div>
-
-	<!-- Intro Section -->
-	{#if isEditMode}
-		<!-- Edit Mode: Intro Textarea -->
-		<textarea
-			value={editIntro}
-			oninput={handleIntroInput}
-			placeholder="Add an intro..."
-			rows="2"
-			class="w-full bg-transparent border-b border-theme text-theme-secondary focus:outline-none resize-none"
-		></textarea>
-	{:else if memo.intro}
-		<!-- View Mode: Intro Display -->
-		<p class="text-theme-secondary">
-			{memo.intro}
-		</p>
-	{/if}
-
-	<!-- Tags Section -->
-	{#if !isEditMode}
-		<div class="mt-4 flex flex-wrap items-center gap-2">
-			<!-- Add Tag Button -->
-			{#if onAddTagPress}
-				<button
-					onclick={onAddTagPress}
-					class="inline-flex items-center gap-1.5 rounded-full border border-theme bg-secondary-button px-3 py-1 text-sm font-medium text-theme transition-all hover:brightness-110"
-					title="Tag hinzufügen"
-				>
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 4v16m8-8H4"
-						/>
-					</svg>
-					<span>Tag hinzufügen</span>
-				</button>
-			{/if}
-
-			<!-- Display Tags -->
-			{#if memo.tags && memo.tags.length > 0}
-				{#each memo.tags as tag (tag.id)}
-					<TagBadge {tag} clickable={false} removable={false} />
-				{/each}
-			{/if}
-		</div>
-	{/if}
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/MemoPanel.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/MemoPanel.svelte
deleted file mode 100644
index 1d3d4bf7a..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/MemoPanel.svelte
+++ /dev/null
@@ -1,707 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { t } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { tags as tagsStore } from '$lib/stores/tags';
-	import { tabs } from '$lib/stores/tabs';
-	import { memoService } from '$lib/services/memoService';
-	import { tagService } from '$lib/services/tagService';
-	import { questionService } from '$lib/services/questionService';
-	import MemoContent from './MemoContent.svelte';
-	import MemoActions from './MemoActions.svelte';
-	import EditModeToolbar from './EditModeToolbar.svelte';
-	import PromptBar from './PromptBar.svelte';
-	import TagSelectorModal from './modals/TagSelectorModal.svelte';
-	import DeleteModal from './modals/DeleteModal.svelte';
-	import ShareModal from './modals/ShareModal.svelte';
-	import SearchOverlay from './modals/SearchOverlay.svelte';
-	import CreateMemoryModal from './modals/CreateMemoryModal.svelte';
-	import ReprocessModal from './modals/ReprocessModal.svelte';
-	import SpeakerLabelModal from './modals/SpeakerLabelModal.svelte';
-	import TranslateModal from './modals/TranslateModal.svelte';
-	import ReplaceWordModal from './modals/ReplaceWordModal.svelte';
-	import SpaceSelectorModal from './modals/SpaceSelectorModal.svelte';
-	import ShortcutsModal from './modals/ShortcutsModal.svelte';
-	import type { Memo, Tag } from '$lib/types/memo.types';
-	import { getMemoPanelShortcuts, createShortcutHandler } from '$lib/utils/keyboardShortcuts';
-	import { useMemoRealtime } from '$lib/utils/realtimeUpdates';
-
-	interface Props {
-		memo: Memo | null;
-		audioUrl: string | null;
-		onMemoDeleted?: () => void;
-		onMemoUpdated?: (memo: Memo) => void;
-	}
-
-	let { memo, audioUrl, onMemoDeleted, onMemoUpdated }: Props = $props();
-
-	// State
-	let isEditMode = $state(false);
-	let isSaving = $state(false);
-	let isDeleting = $state(false);
-	let isAskingQuestion = $state(false);
-
-	// Edit state
-	let editedTitle = $state('');
-	let editedIntro = $state('');
-	let editedTranscript = $state('');
-
-	// Modal state
-	let showTagSelector = $state(false);
-	let showDeleteModal = $state(false);
-	let showShareModal = $state(false);
-	let showSearchOverlay = $state(false);
-	let showCreateMemory = $state(false);
-	let showReprocess = $state(false);
-	let showSpeakerLabel = $state(false);
-	let showTranslate = $state(false);
-	let showReplaceWord = $state(false);
-	let showPromptBar = $state(false);
-	let showSpaceSelector = $state(false);
-	let showShortcuts = $state(false);
-
-	// Tags state
-	let availableTags = $state<Tag[]>([]);
-	let selectedTagIds = $state<string[]>([]);
-	let isLoadingTags = $state(false);
-
-	// Search state
-	let searchQuery = $state('');
-	let searchResults = $state<
-		Array<{ id: string; text: string; context: string; type: 'transcript' | 'memory' }>
-	>([]);
-	let currentSearchIndex = $state(0);
-
-	// Initialize edit state when entering edit mode
-	$effect(() => {
-		if (isEditMode && memo) {
-			editedTitle = memo.title || '';
-			editedIntro = memo.intro || '';
-			editedTranscript = memo.transcript || '';
-		}
-	});
-
-	// Load tags when component mounts or memo changes
-	onMount(async () => {
-		await loadTags();
-
-		// Increment view count (fire-and-forget, don't block UI)
-		if (memo?.id) {
-			memoService.incrementViewCount(memo.id).catch((err) => {
-				console.error('Error incrementing view count:', err);
-			});
-		}
-	});
-
-	$effect(() => {
-		if (memo?.id) {
-			loadMemoTags();
-		}
-	});
-
-	// Real-time updates
-	$effect(() => {
-		if (!memo?.id) return;
-
-		const cleanup = useMemoRealtime(memo.id, (event) => {
-			if (event.type === 'UPDATE' && onMemoUpdated) {
-				onMemoUpdated(event.memo);
-			} else if (event.type === 'DELETE' && onMemoDeleted) {
-				onMemoDeleted();
-			}
-		});
-
-		return cleanup;
-	});
-
-	// Keyboard shortcuts
-	$effect(() => {
-		const shortcuts = getMemoPanelShortcuts({
-			onEdit: () => !isEditMode && handleEdit(),
-			onSave: () => isEditMode && handleSave(),
-			onCancel: () => isEditMode && handleCancel(),
-			onDelete: () => (showDeleteModal = true),
-			onSearch: () => (showSearchOverlay = true),
-			onShare: () => (showShareModal = true),
-			onCopy: handleCopyTranscript,
-			onPin: handlePinToggle,
-			onCreateMemory: () => (showCreateMemory = true),
-			onAskQuestion: () => (showPromptBar = true),
-		});
-
-		const allShortcuts = shortcuts.flatMap((group) => group.shortcuts);
-		allShortcuts.push({
-			key: '?',
-			description: 'Show keyboard shortcuts',
-			action: () => (showShortcuts = !showShortcuts),
-		});
-
-		const handler = createShortcutHandler(allShortcuts);
-		document.addEventListener('keydown', handler);
-
-		return () => {
-			document.removeEventListener('keydown', handler);
-		};
-	});
-
-	async function loadTags() {
-		if (!authStore.user) return;
-
-		try {
-			isLoadingTags = true;
-			const tags = await tagService.getTags(authStore.user.id);
-			availableTags = tags;
-			tagsStore.setTags(tags);
-		} catch (err) {
-			console.error('Error loading tags:', err);
-		} finally {
-			isLoadingTags = false;
-		}
-	}
-
-	async function loadMemoTags() {
-		if (!memo) return;
-		selectedTagIds = memo.tags?.map((t) => t.id) || [];
-	}
-
-	// Actions
-	function handleEdit() {
-		isEditMode = !isEditMode;
-	}
-
-	async function handleSave() {
-		if (!memo) return;
-
-		try {
-			isSaving = true;
-
-			await memoService.updateMemo(memo.id, {
-				title: editedTitle,
-				intro: editedIntro,
-				transcript: editedTranscript,
-			});
-
-			// Update local memo
-			if (onMemoUpdated) {
-				onMemoUpdated({
-					...memo,
-					title: editedTitle,
-					intro: editedIntro,
-					transcript: editedTranscript,
-				});
-			}
-
-			isEditMode = false;
-		} catch (err) {
-			console.error('Error saving memo:', err);
-			alert($t('memo.error_saving'));
-		} finally {
-			isSaving = false;
-		}
-	}
-
-	function handleCancel() {
-		isEditMode = false;
-		// Reset edited values
-		if (memo) {
-			editedTitle = memo.title || '';
-			editedIntro = memo.intro || '';
-			editedTranscript = memo.transcript || '';
-		}
-	}
-
-	async function handleDelete() {
-		if (!memo) return;
-
-		try {
-			isDeleting = true;
-			await memoService.deleteMemo(memo.id);
-			showDeleteModal = false;
-
-			if (onMemoDeleted) {
-				onMemoDeleted();
-			}
-		} catch (err) {
-			console.error('Error deleting memo:', err);
-			alert($t('memo.error_deleting_memo'));
-		} finally {
-			isDeleting = false;
-		}
-	}
-
-	async function handlePinToggle() {
-		if (!memo) return;
-
-		try {
-			const newPinStatus = await memoService.togglePin(memo.id, memo.is_pinned);
-
-			if (onMemoUpdated) {
-				onMemoUpdated({
-					...memo,
-					is_pinned: newPinStatus,
-				});
-			}
-		} catch (err) {
-			console.error('Error toggling pin:', err);
-			alert($t('memo.error_pin_status'));
-		}
-	}
-
-	async function handleCopyTranscript() {
-		if (!memo?.transcript) {
-			alert($t('memo.no_transcript'));
-			return;
-		}
-
-		try {
-			await navigator.clipboard.writeText(memo.transcript);
-			alert($t('memo.transcript_copied'));
-		} catch (err) {
-			console.error('Error copying transcript:', err);
-			alert($t('memo.error_copying_transcript'));
-		}
-	}
-
-	function handleSearch() {
-		showSearchOverlay = true;
-	}
-
-	function performSearch(query: string) {
-		searchQuery = query;
-		if (!query.trim() || !memo) {
-			searchResults = [];
-			return;
-		}
-
-		const results: typeof searchResults = [];
-		const lowerQuery = query.toLowerCase();
-
-		// Search in transcript
-		if (memo.transcript) {
-			const transcriptLower = memo.transcript.toLowerCase();
-			let index = transcriptLower.indexOf(lowerQuery);
-
-			while (index !== -1) {
-				const start = Math.max(0, index - 50);
-				const end = Math.min(memo.transcript.length, index + query.length + 50);
-				const context = memo.transcript.substring(start, end);
-
-				results.push({
-					id: `transcript-${index}`,
-					text: query,
-					context: (start > 0 ? '...' : '') + context + (end < memo.transcript.length ? '...' : ''),
-					type: 'transcript',
-				});
-
-				index = transcriptLower.indexOf(lowerQuery, index + 1);
-			}
-		}
-
-		// Search in memories
-		if (memo.memories) {
-			memo.memories.forEach((memory, idx) => {
-				if (memory.title?.toLowerCase().includes(lowerQuery)) {
-					results.push({
-						id: `memory-title-${idx}`,
-						text: query,
-						context: memory.title,
-						type: 'memory',
-					});
-				}
-				if (memory.content?.toLowerCase().includes(lowerQuery)) {
-					const contentLower = memory.content.toLowerCase();
-					const index = contentLower.indexOf(lowerQuery);
-					const start = Math.max(0, index - 50);
-					const end = Math.min(memory.content.length, index + query.length + 50);
-					const context = memory.content.substring(start, end);
-
-					results.push({
-						id: `memory-content-${idx}`,
-						text: query,
-						context:
-							(start > 0 ? '...' : '') + context + (end < memory.content.length ? '...' : ''),
-						type: 'memory',
-					});
-				}
-			});
-		}
-
-		searchResults = results;
-		currentSearchIndex = 0;
-	}
-
-	function handleNextResult() {
-		if (searchResults.length === 0) return;
-		currentSearchIndex = (currentSearchIndex + 1) % searchResults.length;
-	}
-
-	function handlePreviousResult() {
-		if (searchResults.length === 0) return;
-		currentSearchIndex = (currentSearchIndex - 1 + searchResults.length) % searchResults.length;
-	}
-
-	async function handleTagSelect(tagId: string) {
-		if (!memo) return;
-
-		try {
-			const isSelected = selectedTagIds.includes(tagId);
-
-			if (isSelected) {
-				await memoService.removeTagFromMemo(memo.id, tagId);
-				selectedTagIds = selectedTagIds.filter((id) => id !== tagId);
-			} else {
-				await memoService.addTagToMemo(memo.id, tagId);
-				selectedTagIds = [...selectedTagIds, tagId];
-			}
-
-			// Update memo tags in parent
-			if (onMemoUpdated) {
-				const updatedTags = availableTags.filter((t) => selectedTagIds.includes(t.id));
-				onMemoUpdated({
-					...memo,
-					tags: updatedTags,
-				});
-			}
-		} catch (err) {
-			console.error('Error toggling tag:', err);
-			alert($t('memo.error_updating_tags'));
-		}
-	}
-
-	async function handleCreateTag(name: string, color: string) {
-		if (!authStore.user) return;
-
-		try {
-			const newTag = await tagService.createTag(authStore.user.id, name, color);
-			availableTags = [...availableTags, newTag];
-			tagsStore.setTags(availableTags);
-		} catch (err) {
-			console.error('Error creating tag:', err);
-			alert($t('memo.error_creating_tag'));
-		}
-	}
-
-	// Phase 2 Handlers
-
-	async function handleCreateMemory(blueprintId: string | null, customPrompt?: string) {
-		if (!memo) return;
-
-		try {
-			// TODO: Implement memory creation API call
-			console.log('Creating memory:', { blueprintId, customPrompt });
-			showCreateMemory = false;
-			alert('Memory creation will be implemented with backend integration.');
-		} catch (err) {
-			console.error('Error creating memory:', err);
-			alert('Failed to create memory. Please try again.');
-		}
-	}
-
-	async function handleReprocess(options: {
-		language?: string;
-		blueprintId?: string;
-		recordingDate?: string;
-	}) {
-		if (!memo) return;
-
-		try {
-			// TODO: Implement reprocess API call
-			console.log('Reprocessing memo:', options);
-			showReprocess = false;
-			alert('Reprocessing will be implemented with backend integration.');
-		} catch (err) {
-			console.error('Error reprocessing memo:', err);
-			alert('Failed to reprocess memo. Please try again.');
-		}
-	}
-
-	async function handleSaveSpeakers(speakers: { id: string; name: string }[]) {
-		if (!memo) return;
-
-		try {
-			// TODO: Implement speaker labels API call
-			console.log('Saving speaker labels:', speakers);
-			showSpeakerLabel = false;
-			alert('Speaker labels saved successfully!');
-		} catch (err) {
-			console.error('Error saving speakers:', err);
-			alert('Failed to save speaker labels. Please try again.');
-		}
-	}
-
-	async function handleTranslate(targetLanguage: string) {
-		if (!memo) return;
-
-		try {
-			// TODO: Implement translation API call
-			console.log('Translating to:', targetLanguage);
-			showTranslate = false;
-			alert('Translation will be implemented with backend integration.');
-		} catch (err) {
-			console.error('Error translating memo:', err);
-			alert('Failed to translate memo. Please try again.');
-		}
-	}
-
-	async function handleReplaceWord(searchTerm: string, replaceTerm: string, replaceAll: boolean) {
-		if (!memo) return;
-
-		try {
-			let newTranscript = memo.transcript || '';
-
-			if (replaceAll) {
-				const regex = new RegExp(searchTerm, 'gi');
-				newTranscript = newTranscript.replace(regex, replaceTerm);
-			} else {
-				const index = newTranscript.toLowerCase().indexOf(searchTerm.toLowerCase());
-				if (index !== -1) {
-					newTranscript =
-						newTranscript.substring(0, index) +
-						replaceTerm +
-						newTranscript.substring(index + searchTerm.length);
-				}
-			}
-
-			await memoService.updateMemo(memo.id, { transcript: newTranscript });
-
-			if (onMemoUpdated) {
-				onMemoUpdated({
-					...memo,
-					transcript: newTranscript,
-				});
-			}
-
-			showReplaceWord = false;
-			alert('Replacement completed successfully!');
-		} catch (err) {
-			console.error('Error replacing word:', err);
-			alert('Failed to replace word. Please try again.');
-		}
-	}
-
-	async function handleAskQuestion(question: string) {
-		if (!memo) return;
-
-		try {
-			isAskingQuestion = true;
-
-			const result = await questionService.askQuestion(memo.id, question);
-
-			if (result.success) {
-				// Reload memories to show the new answer
-				const memories = await questionService.loadMemories(memo.id);
-				const updatedMemo = {
-					...memo,
-					memories,
-				};
-
-				// Update the tabs store to reflect changes immediately
-				tabs.updateMemo(memo.id, updatedMemo);
-
-				if (onMemoUpdated) {
-					onMemoUpdated(updatedMemo);
-				}
-
-				showPromptBar = false;
-			} else {
-				alert(result.error || $t('memo.error_asking_question'));
-			}
-		} catch (err) {
-			console.error('Error asking question:', err);
-			alert($t('memo.error_asking_question'));
-		} finally {
-			isAskingQuestion = false;
-		}
-	}
-</script>
-
-{#if memo}
-	<div class="relative flex h-full flex-col">
-		<!-- Content (Scrollable) -->
-		<MemoContent
-			{memo}
-			{audioUrl}
-			{isEditMode}
-			{editedTitle}
-			{editedIntro}
-			{editedTranscript}
-			onTitleChange={(title) => (editedTitle = title)}
-			onIntroChange={(intro) => (editedIntro = intro)}
-			onTranscriptChange={(transcript) => (editedTranscript = transcript)}
-			onAddTagPress={() => (showTagSelector = true)}
-		/>
-
-		<!-- Actions Bar (Fixed at Bottom) -->
-		<MemoActions
-			onEdit={handleEdit}
-			onDelete={() => (showDeleteModal = true)}
-			onShare={() => (showShareModal = true)}
-			onCopy={handleCopyTranscript}
-			onSearch={handleSearch}
-			onCreateMemory={() => (showCreateMemory = true)}
-			onAskQuestion={() => (showPromptBar = true)}
-			onReprocess={() => (showReprocess = true)}
-			onManageSpeakers={() => (showSpeakerLabel = true)}
-			onTranslate={() => (showTranslate = true)}
-			onFindReplace={() => (showReplaceWord = true)}
-			onShowShortcuts={() => (showShortcuts = true)}
-			onPinToggle={handlePinToggle}
-			isPinned={memo.is_pinned}
-			{isEditMode}
-		/>
-
-		<!-- Edit Mode Toolbar (Sticky Bottom) -->
-		{#if isEditMode}
-			<EditModeToolbar onSave={handleSave} onCancel={handleCancel} {isSaving} />
-		{/if}
-	</div>
-
-	<!-- Modals - Lazy loaded only when visible -->
-	{#if showTagSelector}
-		<TagSelectorModal
-			visible={showTagSelector}
-			tags={availableTags}
-			{selectedTagIds}
-			onClose={() => (showTagSelector = false)}
-			onTagSelect={handleTagSelect}
-			onCreate={handleCreateTag}
-			isLoading={isLoadingTags}
-		/>
-	{/if}
-
-	{#if showDeleteModal}
-		<DeleteModal
-			visible={showDeleteModal}
-			memoTitle={memo.title}
-			onClose={() => (showDeleteModal = false)}
-			onConfirm={handleDelete}
-			{isDeleting}
-		/>
-	{/if}
-
-	{#if showShareModal}
-		<ShareModal visible={showShareModal} {memo} onClose={() => (showShareModal = false)} />
-	{/if}
-
-	{#if showSearchOverlay}
-		<SearchOverlay
-			visible={showSearchOverlay}
-			query={searchQuery}
-			results={searchResults}
-			currentIndex={currentSearchIndex}
-			onClose={() => (showSearchOverlay = false)}
-			onSearch={performSearch}
-			onNext={handleNextResult}
-			onPrevious={handlePreviousResult}
-		/>
-	{/if}
-
-	{#if showCreateMemory}
-		<CreateMemoryModal
-			visible={showCreateMemory}
-			blueprints={[]}
-			onClose={() => (showCreateMemory = false)}
-			onCreate={handleCreateMemory}
-		/>
-	{/if}
-
-	{#if showReprocess}
-		<ReprocessModal
-			visible={showReprocess}
-			currentLanguage={memo.metadata?.language || 'en'}
-			currentBlueprintId={null}
-			currentDate={memo.recorded_at || new Date().toISOString()}
-			blueprints={[]}
-			languages={[
-				{ code: 'en', name: 'English' },
-				{ code: 'de', name: 'German' },
-				{ code: 'es', name: 'Spanish' },
-				{ code: 'fr', name: 'French' },
-			]}
-			onClose={() => (showReprocess = false)}
-			onReprocess={handleReprocess}
-		/>
-	{/if}
-
-	{#if showSpeakerLabel}
-		<SpeakerLabelModal
-			visible={showSpeakerLabel}
-			speakers={[]}
-			onClose={() => (showSpeakerLabel = false)}
-			onSave={handleSaveSpeakers}
-		/>
-	{/if}
-
-	{#if showTranslate}
-		<TranslateModal
-			visible={showTranslate}
-			currentLanguage={memo.metadata?.language || 'en'}
-			languages={[
-				{ code: 'en', name: 'English' },
-				{ code: 'de', name: 'German' },
-				{ code: 'es', name: 'Spanish' },
-				{ code: 'fr', name: 'French' },
-				{ code: 'it', name: 'Italian' },
-			]}
-			onClose={() => (showTranslate = false)}
-			onTranslate={handleTranslate}
-		/>
-	{/if}
-
-	{#if showReplaceWord}
-		<ReplaceWordModal
-			visible={showReplaceWord}
-			transcript={memo.transcript || ''}
-			onClose={() => (showReplaceWord = false)}
-			onReplace={handleReplaceWord}
-		/>
-	{/if}
-
-	<!-- Prompt Bar for Ask a Question -->
-	{#if showPromptBar}
-		<PromptBar
-			visible={showPromptBar}
-			onSubmit={handleAskQuestion}
-			onClose={() => (showPromptBar = false)}
-			placeholder={$t('memo.ask_question_placeholder')}
-			manaCost={5}
-			isLoading={isAskingQuestion}
-		/>
-	{/if}
-
-	{#if showSpaceSelector}
-		<SpaceSelectorModal
-			visible={showSpaceSelector}
-			spaces={[]}
-			selectedSpaceIds={[]}
-			onClose={() => (showSpaceSelector = false)}
-			onSpaceToggle={(spaceId) => console.log('Toggle space:', spaceId)}
-		/>
-	{/if}
-
-	{#if showShortcuts}
-		<ShortcutsModal
-			visible={showShortcuts}
-			shortcutGroups={getMemoPanelShortcuts({
-				onEdit: handleEdit,
-				onSave: handleSave,
-				onCancel: handleCancel,
-				onDelete: () => (showDeleteModal = true),
-				onSearch: () => (showSearchOverlay = true),
-				onShare: () => (showShareModal = true),
-				onCopy: handleCopyTranscript,
-				onPin: handlePinToggle,
-				onCreateMemory: () => (showCreateMemory = true),
-				onAskQuestion: () => (showPromptBar = true),
-			})}
-			onClose={() => (showShortcuts = false)}
-		/>
-	{/if}
-{:else}
-	<!-- Empty State -->
-	<div class="flex h-full flex-col items-center justify-center bg-content p-8 text-center">
-		<div class="mb-6 text-8xl">📝</div>
-		<h2 class="mb-2 text-2xl font-bold text-theme">{$t('memo.no_memo_selected')}</h2>
-		<p class="text-theme-secondary">{$t('memo.select_memo_hint')}</p>
-	</div>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/PhotoGallery.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/PhotoGallery.svelte
deleted file mode 100644
index aa2b3b410..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/PhotoGallery.svelte
+++ /dev/null
@@ -1,242 +0,0 @@
-<script lang="ts">
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Photo {
-		id: string;
-		url: string;
-		thumbnail?: string;
-		caption?: string;
-		created_at: string;
-	}
-
-	interface Props {
-		photos: Photo[];
-		onPhotoClick?: (photo: Photo) => void;
-		onPhotoDelete?: (photoId: string) => void;
-		onPhotoAdd?: () => void;
-		canEdit?: boolean;
-	}
-
-	let { photos, onPhotoClick, onPhotoDelete, onPhotoAdd, canEdit = false }: Props = $props();
-
-	let selectedPhoto = $state<Photo | null>(null);
-	let showLightbox = $state(false);
-
-	function handlePhotoClick(photo: Photo) {
-		selectedPhoto = photo;
-		showLightbox = true;
-		if (onPhotoClick) {
-			onPhotoClick(photo);
-		}
-	}
-
-	function closeLightbox() {
-		showLightbox = false;
-		selectedPhoto = null;
-	}
-
-	function handleKeyDown(e: KeyboardEvent) {
-		if (!showLightbox) return;
-
-		if (e.key === 'Escape') {
-			closeLightbox();
-		} else if (e.key === 'ArrowLeft') {
-			navigatePhoto(-1);
-		} else if (e.key === 'ArrowRight') {
-			navigatePhoto(1);
-		}
-	}
-
-	function navigatePhoto(direction: number) {
-		if (!selectedPhoto) return;
-
-		const currentIndex = photos.findIndex((p) => p.id === selectedPhoto.id);
-		const newIndex = currentIndex + direction;
-
-		if (newIndex >= 0 && newIndex < photos.length) {
-			selectedPhoto = photos[newIndex];
-		}
-	}
-
-	$effect(() => {
-		if (showLightbox) {
-			document.addEventListener('keydown', handleKeyDown);
-			return () => document.removeEventListener('keydown', handleKeyDown);
-		}
-	});
-</script>
-
-{#if photos.length > 0 || canEdit}
-	<div class="space-y-3">
-		<div class="flex items-center justify-between">
-			<Text variant="small" weight="semibold" class="uppercase text-theme-secondary">Photos</Text>
-			{#if canEdit && onPhotoAdd}
-				<button
-					onclick={onPhotoAdd}
-					class="flex items-center gap-1 text-xs text-primary hover:underline"
-				>
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 4v16m8-8H4"
-						/>
-					</svg>
-					<Text variant="muted">Add Photo</Text>
-				</button>
-			{/if}
-		</div>
-
-		<!-- Photo Grid -->
-		{#if photos.length > 0}
-			<div class="grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-4">
-				{#each photos as photo (photo.id)}
-					<div class="group relative aspect-square overflow-hidden rounded-lg bg-content">
-						<button
-							onclick={() => handlePhotoClick(photo)}
-							class="h-full w-full transition-transform group-hover:scale-105"
-						>
-							<img
-								src={photo.thumbnail || photo.url}
-								alt={photo.caption || 'Photo'}
-								class="h-full w-full object-cover"
-							/>
-						</button>
-
-						<!-- Delete Button (if editable) -->
-						{#if canEdit && onPhotoDelete}
-							<button
-								onclick={(e) => {
-									e.stopPropagation();
-									if (onPhotoDelete) onPhotoDelete(photo.id);
-								}}
-								class="absolute top-2 right-2 rounded-full bg-red-500 p-1.5 text-white opacity-0 transition-opacity hover:bg-red-600 group-hover:opacity-100"
-								title="Delete photo"
-							>
-								<svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M6 18L18 6M6 6l12 12"
-									/>
-								</svg>
-							</button>
-						{/if}
-
-						<!-- Caption Overlay -->
-						{#if photo.caption}
-							<div
-								class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2 opacity-0 transition-opacity group-hover:opacity-100"
-							>
-								<Text variant="muted" class="text-white line-clamp-2">{photo.caption}</Text>
-							</div>
-						{/if}
-					</div>
-				{/each}
-			</div>
-		{:else if canEdit}
-			<div class="rounded-lg border-2 border-dashed border-theme p-8 text-center">
-				<svg
-					class="mx-auto mb-3 h-12 w-12 text-theme-secondary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-					/>
-				</svg>
-				<Text variant="small" class="mb-2 text-theme-secondary">No photos yet</Text>
-				<button onclick={onPhotoAdd} class="btn-secondary text-sm">Add your first photo</button>
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<!-- Lightbox Modal -->
-{#if showLightbox && selectedPhoto}
-	<!-- Backdrop -->
-	<div class="fixed inset-0 z-50 bg-black/90 backdrop-blur-sm" onclick={closeLightbox}></div>
-
-	<!-- Lightbox Content -->
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4">
-		<div class="relative max-h-full max-w-5xl" onclick={(e) => e.stopPropagation()}>
-			<!-- Image -->
-			<img
-				src={selectedPhoto.url}
-				alt={selectedPhoto.caption || 'Photo'}
-				class="max-h-[90vh] w-auto rounded-lg shadow-2xl"
-			/>
-
-			<!-- Caption -->
-			{#if selectedPhoto.caption}
-				<div class="mt-4 rounded-lg bg-menu p-4">
-					<Text variant="body">{selectedPhoto.caption}</Text>
-				</div>
-			{/if}
-
-			<!-- Close Button -->
-			<button
-				onclick={closeLightbox}
-				class="absolute top-4 right-4 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70"
-				title="Close (Esc)"
-			>
-				<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M6 18L18 6M6 6l12 12"
-					/>
-				</svg>
-			</button>
-
-			<!-- Navigation Arrows -->
-			{#if photos.length > 1}
-				<button
-					onclick={() => navigatePhoto(-1)}
-					class="absolute top-1/2 left-4 -translate-y-1/2 rounded-full bg-black/50 p-3 text-white transition-colors hover:bg-black/70 disabled:opacity-50"
-					disabled={photos.findIndex((p) => p.id === selectedPhoto.id) === 0}
-					title="Previous (←)"
-				>
-					<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M15 19l-7-7 7-7"
-						/>
-					</svg>
-				</button>
-
-				<button
-					onclick={() => navigatePhoto(1)}
-					class="absolute top-1/2 right-4 -translate-y-1/2 rounded-full bg-black/50 p-3 text-white transition-colors hover:bg-black/70 disabled:opacity-50"
-					disabled={photos.findIndex((p) => p.id === selectedPhoto.id) === photos.length - 1}
-					title="Next (→)"
-				>
-					<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 5l7 7-7 7"
-						/>
-					</svg>
-				</button>
-			{/if}
-
-			<!-- Photo Counter -->
-			<div class="absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-4 py-2">
-				<Text variant="small" class="text-white">
-					{photos.findIndex((p) => p.id === selectedPhoto.id) + 1} / {photos.length}
-				</Text>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/PinButton.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/PinButton.svelte
deleted file mode 100644
index 90f045ea5..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/PinButton.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-	interface Props {
-		isPinned: boolean;
-		onToggle?: () => void;
-		size?: 'sm' | 'md' | 'lg';
-	}
-
-	let { isPinned, onToggle, size = 'md' }: Props = $props();
-
-	const sizeClasses = {
-		sm: 'h-6 w-6',
-		md: 'h-8 w-8',
-		lg: 'h-10 w-10',
-	};
-
-	const iconSizeClasses = {
-		sm: 'h-3 w-3',
-		md: 'h-4 w-4',
-		lg: 'h-5 w-5',
-	};
-</script>
-
-<button
-	onclick={onToggle}
-	class="flex items-center justify-center rounded-full transition-all {sizeClasses[size]} {isPinned
-		? 'bg-primary text-white hover:bg-primary-dark'
-		: 'bg-menu hover:bg-menu-hover text-theme-secondary'}"
-	title={isPinned ? 'Unpin memo' : 'Pin memo'}
-	aria-label={isPinned ? 'Unpin memo' : 'Pin memo'}
->
-	<svg
-		class="{iconSizeClasses[size]} transition-transform {isPinned ? 'rotate-45' : ''}"
-		fill={isPinned ? 'currentColor' : 'none'}
-		stroke="currentColor"
-		viewBox="0 0 24 24"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			stroke-width="2"
-			d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
-		/>
-	</svg>
-</button>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/PromptBar.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/PromptBar.svelte
deleted file mode 100644
index c353788ce..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/PromptBar.svelte
+++ /dev/null
@@ -1,177 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		visible: boolean;
-		onSubmit: (prompt: string) => void;
-		onClose: () => void;
-		placeholder?: string;
-		manaCost?: number;
-		isLoading?: boolean;
-	}
-
-	let {
-		visible,
-		onSubmit,
-		onClose,
-		placeholder = 'Ask a question about this memo...',
-		manaCost,
-		isLoading = false,
-	}: Props = $props();
-
-	let prompt = $state('');
-	let inputRef: HTMLTextAreaElement;
-
-	function handleSubmit() {
-		if (prompt.trim() && !isLoading) {
-			onSubmit(prompt.trim());
-			prompt = '';
-		}
-	}
-
-	function handleKeyDown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && !e.shiftKey) {
-			e.preventDefault();
-			handleSubmit();
-		} else if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-
-	// Auto-focus input when visible
-	$effect(() => {
-		if (visible && inputRef) {
-			inputRef.focus();
-		}
-	});
-
-	// Auto-resize textarea
-	function handleInput() {
-		if (inputRef) {
-			inputRef.style.height = 'auto';
-			inputRef.style.height = inputRef.scrollHeight + 'px';
-		}
-	}
-</script>
-
-{#if visible}
-	<div class="sticky bottom-0 left-0 right-0 z-50 border-t border-theme bg-menu shadow-xl">
-		<div class="mx-auto max-w-4xl p-4">
-			<div class="flex flex-col gap-2">
-				<!-- Header -->
-				<div class="flex items-center justify-between">
-					<div class="flex items-center gap-2">
-						<svg class="h-5 w-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
-						<Text variant="small" weight="medium">
-							{#if isLoading}
-								Antwort wird generiert...
-							{:else}
-								Frage stellen
-							{/if}
-						</Text>
-					</div>
-
-					<button
-						onclick={onClose}
-						class="rounded-lg p-1 text-theme transition-colors hover:bg-menu-hover"
-						title="Schließen (Esc)"
-					>
-						<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M6 18L18 6M6 6l12 12"
-							/>
-						</svg>
-					</button>
-				</div>
-
-				<!-- Input Area -->
-				<div class="flex gap-2">
-					<textarea
-						bind:this={inputRef}
-						bind:value={prompt}
-						oninput={handleInput}
-						onkeydown={handleKeyDown}
-						{placeholder}
-						disabled={isLoading}
-						rows="1"
-						class="flex-1 resize-none rounded-lg border border-theme bg-content px-4 py-3 text-theme focus:outline-none focus:ring-2 focus:ring-primary disabled:opacity-50"
-					/>
-
-					<button
-						onclick={handleSubmit}
-						disabled={!prompt.trim() || isLoading}
-						class="btn-primary self-end px-4 disabled:opacity-50"
-					>
-						{#if isLoading}
-							<svg
-								class="h-5 w-5 animate-spin"
-								fill="none"
-								viewBox="0 0 24 24"
-								xmlns="http://www.w3.org/2000/svg"
-							>
-								<circle
-									class="opacity-25"
-									cx="12"
-									cy="12"
-									r="10"
-									stroke="currentColor"
-									stroke-width="4"
-								/>
-								<path
-									class="opacity-75"
-									fill="currentColor"
-									d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-								/>
-							</svg>
-						{:else}
-							<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"
-								/>
-							</svg>
-						{/if}
-					</button>
-				</div>
-
-				<!-- Footer Info -->
-				<div class="flex items-center justify-between">
-					<Text variant="muted"
-						><kbd class="kbd">Enter</kbd> zum Senden • <kbd class="kbd">Shift+Enter</kbd> für neue Zeile</Text
-					>
-					{#if manaCost !== undefined}
-						<Text variant="muted" class="flex items-center gap-1">
-							<svg class="h-3 w-3" fill="currentColor" viewBox="0 0 20 20">
-								<path
-									fill-rule="evenodd"
-									d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"
-									clip-rule="evenodd"
-								/>
-							</svg>
-							{manaCost} Mana pro Frage
-						</Text>
-					{/if}
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.kbd {
-		@apply rounded border border-theme bg-menu-hover px-1.5 py-0.5 font-mono;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/StructuredTranscript.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/StructuredTranscript.svelte
deleted file mode 100644
index 7b09c6521..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/StructuredTranscript.svelte
+++ /dev/null
@@ -1,97 +0,0 @@
-<script lang="ts">
-	interface TranscriptSegment {
-		id: string;
-		speaker: string;
-		speakerName?: string;
-		text: string;
-		startTime?: number;
-		endTime?: number;
-	}
-
-	interface Props {
-		segments: TranscriptSegment[];
-		showTimestamps?: boolean;
-		speakerLabels?: Record<string, string>;
-	}
-
-	let { segments, showTimestamps = true, speakerLabels = {} }: Props = $props();
-
-	function formatTime(ms?: number): string {
-		if (ms === undefined) return '';
-
-		const totalSeconds = Math.floor(ms / 1000);
-		const minutes = Math.floor(totalSeconds / 60);
-		const secs = totalSeconds % 60;
-
-		return `${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-	}
-
-	function getSpeakerColor(speaker: string): string {
-		const colors = [
-			'text-blue-400',
-			'text-green-400',
-			'text-orange-400',
-			'text-red-400',
-			'text-purple-400',
-			'text-teal-400',
-		];
-
-		// Generate consistent color based on speaker label
-		const index = parseInt(speaker.replace(/\D/g, '')) || 0;
-		return colors[index % colors.length];
-	}
-
-	function getSpeakerName(speaker: string): string {
-		if (speakerLabels[speaker]) {
-			return speakerLabels[speaker];
-		}
-		// Extract number from speaker ID and format as "Sprecher X"
-		const num = parseInt(speaker.replace(/\D/g, '')) || 1;
-		return `Sprecher ${num}`;
-	}
-</script>
-
-<div class="space-y-4">
-	{#each segments as segment (segment.id)}
-		<div class="utterance">
-			<!-- Speaker Header: Name & Timestamp -->
-			<div class="mb-1 flex items-center justify-between">
-				<span class="text-sm font-semibold {getSpeakerColor(segment.speaker)}">
-					{getSpeakerName(segment.speaker)}
-				</span>
-
-				{#if showTimestamps && segment.startTime !== undefined}
-					<span class="text-xs text-theme-muted">{formatTime(segment.startTime)}</span>
-				{/if}
-			</div>
-
-			<!-- Transcript Text -->
-			<p class="text-theme leading-relaxed whitespace-pre-wrap">
-				{segment.text}
-			</p>
-		</div>
-	{/each}
-
-	{#if segments.length === 0}
-		<div class="rounded-lg bg-black/5 dark:bg-white/5 p-8 text-center">
-			<svg
-				class="mx-auto mb-3 h-12 w-12 text-theme-muted"
-				fill="none"
-				stroke="currentColor"
-				viewBox="0 0 24 24"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
-				/>
-			</svg>
-			<p class="text-theme-secondary">Kein strukturiertes Transkript verfügbar</p>
-			<p class="text-theme-muted mt-1 text-sm">
-				Dieses Transkript muss möglicherweise mit aktivierter Sprechererkennung neu verarbeitet
-				werden.
-			</p>
-		</div>
-	{/if}
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/CreateMemoryModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/CreateMemoryModal.svelte
deleted file mode 100644
index 4e78d1b40..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/CreateMemoryModal.svelte
+++ /dev/null
@@ -1,185 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-
-	interface Blueprint {
-		id: string;
-		name: string;
-		description: string | null;
-		prompt: string;
-	}
-
-	interface Props {
-		visible: boolean;
-		blueprints: Blueprint[];
-		onClose: () => void;
-		onCreate: (blueprintId: string | null, customPrompt?: string) => void;
-		isCreating?: boolean;
-	}
-
-	let { visible, blueprints, onClose, onCreate, isCreating = false }: Props = $props();
-
-	let selectedBlueprintId = $state<string | null>(null);
-	let useCustomPrompt = $state(false);
-	let customPrompt = $state('');
-
-	function handleCreate() {
-		if (useCustomPrompt && customPrompt.trim()) {
-			onCreate(null, customPrompt.trim());
-		} else if (selectedBlueprintId) {
-			onCreate(selectedBlueprintId);
-		}
-	}
-
-	function resetForm() {
-		selectedBlueprintId = null;
-		useCustomPrompt = false;
-		customPrompt = '';
-	}
-
-	// Reset form when modal closes
-	$effect(() => {
-		if (!visible) {
-			resetForm();
-		}
-	});
-</script>
-
-<Modal {visible} {onClose} title="Create Memory" maxWidth="lg">
-	{#snippet children()}
-		<div class="space-y-4">
-			<!-- Description -->
-			<p class="text-sm text-theme-secondary">
-				Create a new AI-generated memory from this memo using a blueprint or custom prompt.
-			</p>
-
-			<!-- Blueprint Selection -->
-			<div class="space-y-3">
-				<div class="flex items-center justify-between">
-					<label class="text-sm font-medium text-theme-secondary">Choose a Blueprint</label>
-					<button
-						onclick={() => (useCustomPrompt = !useCustomPrompt)}
-						class="text-xs text-primary hover:underline"
-					>
-						{useCustomPrompt ? 'Use Blueprint' : 'Use Custom Prompt'}
-					</button>
-				</div>
-
-				{#if !useCustomPrompt}
-					<!-- Blueprint Grid -->
-					<div class="grid grid-cols-1 gap-2 max-h-64 overflow-y-auto sm:grid-cols-2">
-						{#each blueprints as blueprint (blueprint.id)}
-							<button
-								onclick={() => (selectedBlueprintId = blueprint.id)}
-								class="rounded-lg border-2 p-3 text-left transition-all {selectedBlueprintId ===
-								blueprint.id
-									? 'border-primary bg-primary/10'
-									: 'border-theme hover:bg-menu-hover'}"
-							>
-								<h4 class="font-semibold text-theme mb-1">{blueprint.name}</h4>
-								{#if blueprint.description}
-									<p class="text-xs text-theme-secondary line-clamp-2">
-										{blueprint.description}
-									</p>
-								{/if}
-							</button>
-						{/each}
-					</div>
-
-					{#if blueprints.length === 0}
-						<div class="rounded-lg bg-content p-8 text-center">
-							<p class="text-theme-secondary">
-								No blueprints available. Use a custom prompt instead.
-							</p>
-						</div>
-					{/if}
-				{:else}
-					<!-- Custom Prompt -->
-					<div class="space-y-2">
-						<label class="text-sm font-medium text-theme-secondary">Custom Prompt</label>
-						<textarea
-							bind:value={customPrompt}
-							placeholder="Enter your custom analysis prompt..."
-							rows="6"
-							class="w-full rounded-lg border border-theme bg-content p-3 text-theme focus:outline-none focus:ring-2 focus:ring-primary resize-none"
-						/>
-						<p class="text-xs text-theme-muted">
-							Example: "Summarize the main action items from this meeting."
-						</p>
-					</div>
-				{/if}
-			</div>
-
-			<!-- Cost Info -->
-			<div class="rounded-lg bg-yellow-500/10 border border-yellow-500/30 p-3">
-				<div class="flex items-start gap-2">
-					<svg
-						class="h-5 w-5 flex-shrink-0 text-yellow-600 dark:text-yellow-500"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
-					<div class="flex-1">
-						<p class="text-sm font-medium text-yellow-800 dark:text-yellow-200">
-							Creating a memory will consume Mana credits
-						</p>
-						<p class="text-xs text-yellow-700 dark:text-yellow-300 mt-1">
-							The cost depends on the length of your transcript and the complexity of the analysis.
-						</p>
-					</div>
-				</div>
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-end gap-3">
-			<button onclick={onClose} disabled={isCreating} class="btn-secondary">Cancel</button>
-			<button
-				onclick={handleCreate}
-				disabled={isCreating || (!selectedBlueprintId && !customPrompt.trim())}
-				class="btn-primary"
-			>
-				{#if isCreating}
-					<svg
-						class="h-4 w-4 animate-spin"
-						fill="none"
-						viewBox="0 0 24 24"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<circle
-							class="opacity-25"
-							cx="12"
-							cy="12"
-							r="10"
-							stroke="currentColor"
-							stroke-width="4"
-						/>
-						<path
-							class="opacity-75"
-							fill="currentColor"
-							d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-						/>
-					</svg>
-					<span>Creating...</span>
-				{:else}
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 4v16m8-8H4"
-						/>
-					</svg>
-					<span>Create Memory</span>
-				{/if}
-			</button>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/DeleteModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/DeleteModal.svelte
deleted file mode 100644
index 8c8c829d9..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/DeleteModal.svelte
+++ /dev/null
@@ -1,98 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		visible: boolean;
-		memoTitle: string | null;
-		onClose: () => void;
-		onConfirm: () => void;
-		isDeleting?: boolean;
-	}
-
-	let { visible, memoTitle, onClose, onConfirm, isDeleting = false }: Props = $props();
-</script>
-
-<Modal {visible} {onClose} title="Delete Memo" maxWidth="md">
-	{#snippet children()}
-		<div class="space-y-4">
-			<!-- Warning Icon -->
-			<div class="flex justify-center">
-				<div class="rounded-full bg-red-100 p-3 dark:bg-red-900/20">
-					<svg
-						class="h-12 w-12 text-red-600 dark:text-red-500"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-						/>
-					</svg>
-				</div>
-			</div>
-
-			<!-- Message -->
-			<div class="text-center">
-				<Text variant="large" weight="semibold" class="mb-2">
-					Are you sure you want to delete this memo?
-				</Text>
-				<Text variant="body-secondary">
-					{#if memoTitle}
-						You're about to delete <strong class="text-theme">"{memoTitle}"</strong>.
-					{:else}
-						You're about to delete this memo.
-					{/if}
-				</Text>
-				<Text variant="small" class="mt-2 text-red-600 dark:text-red-500">
-					This action cannot be undone. All associated data including memories, tags, and audio will
-					be permanently deleted.
-				</Text>
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-end gap-3">
-			<button onclick={onClose} disabled={isDeleting} class="btn-secondary">Cancel</button>
-			<button onclick={onConfirm} disabled={isDeleting} class="btn-danger">
-				{#if isDeleting}
-					<svg
-						class="h-4 w-4 animate-spin"
-						fill="none"
-						viewBox="0 0 24 24"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<circle
-							class="opacity-25"
-							cx="12"
-							cy="12"
-							r="10"
-							stroke="currentColor"
-							stroke-width="4"
-						/>
-						<path
-							class="opacity-75"
-							fill="currentColor"
-							d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-						/>
-					</svg>
-					<Text variant="small">Deleting...</Text>
-				{:else}
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-						/>
-					</svg>
-					<Text variant="small">Delete Permanently</Text>
-				{/if}
-			</button>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ReplaceWordModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ReplaceWordModal.svelte
deleted file mode 100644
index aee447f49..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ReplaceWordModal.svelte
+++ /dev/null
@@ -1,275 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-
-	interface Props {
-		visible: boolean;
-		transcript: string;
-		onClose: () => void;
-		onReplace: (searchTerm: string, replaceTerm: string, replaceAll: boolean) => void;
-		isReplacing?: boolean;
-	}
-
-	let { visible, transcript, onClose, onReplace, isReplacing = false }: Props = $props();
-
-	let searchTerm = $state('');
-	let replaceTerm = $state('');
-	let caseSensitive = $state(false);
-	let matchCount = $state(0);
-	let previewMatches = $state<{ context: string; index: number }[]>([]);
-
-	// Search for matches whenever search term changes
-	$effect(() => {
-		if (searchTerm.trim() && transcript) {
-			findMatches();
-		} else {
-			matchCount = 0;
-			previewMatches = [];
-		}
-	});
-
-	function findMatches() {
-		const term = caseSensitive ? searchTerm : searchTerm.toLowerCase();
-		const text = caseSensitive ? transcript : transcript.toLowerCase();
-
-		const matches: { context: string; index: number }[] = [];
-		let index = text.indexOf(term);
-
-		while (index !== -1) {
-			const start = Math.max(0, index - 50);
-			const end = Math.min(transcript.length, index + term.length + 50);
-			const context = transcript.substring(start, end);
-
-			matches.push({
-				context: (start > 0 ? '...' : '') + context + (end < transcript.length ? '...' : ''),
-				index,
-			});
-
-			index = text.indexOf(term, index + 1);
-		}
-
-		matchCount = matches.length;
-		previewMatches = matches.slice(0, 5); // Show first 5 matches
-	}
-
-	function handleReplace(replaceAll: boolean) {
-		if (searchTerm.trim() && replaceTerm.trim()) {
-			onReplace(searchTerm, replaceTerm, replaceAll);
-		}
-	}
-
-	function handleReset() {
-		searchTerm = '';
-		replaceTerm = '';
-		caseSensitive = false;
-		matchCount = 0;
-		previewMatches = [];
-	}
-
-	// Reset when modal closes
-	$effect(() => {
-		if (!visible) {
-			handleReset();
-		}
-	});
-</script>
-
-<Modal {visible} {onClose} title="Find and Replace" maxWidth="2xl">
-	{#snippet children()}
-		<div class="space-y-4">
-			<!-- Description -->
-			<p class="text-sm text-theme-secondary">
-				Search and replace words or phrases in your transcript. Use this to fix transcription errors
-				or update terminology.
-			</p>
-
-			<!-- Search Input -->
-			<div class="space-y-2">
-				<label class="text-sm font-medium text-theme-secondary">Find</label>
-				<input
-					type="text"
-					bind:value={searchTerm}
-					placeholder="Enter word or phrase to find..."
-					disabled={isReplacing}
-					class="w-full rounded-lg border border-theme bg-content px-4 py-2.5 text-theme placeholder:text-theme-muted focus:outline-none focus:ring-2 focus:ring-primary disabled:opacity-50"
-				/>
-			</div>
-
-			<!-- Replace Input -->
-			<div class="space-y-2">
-				<label class="text-sm font-medium text-theme-secondary">Replace with</label>
-				<input
-					type="text"
-					bind:value={replaceTerm}
-					placeholder="Enter replacement word or phrase..."
-					disabled={isReplacing}
-					class="w-full rounded-lg border border-theme bg-content px-4 py-2.5 text-theme placeholder:text-theme-muted focus:outline-none focus:ring-2 focus:ring-primary disabled:opacity-50"
-				/>
-			</div>
-
-			<!-- Options -->
-			<div class="flex items-center gap-2">
-				<input
-					type="checkbox"
-					id="caseSensitive"
-					bind:checked={caseSensitive}
-					disabled={isReplacing}
-					class="h-4 w-4 rounded border-theme text-primary focus:ring-2 focus:ring-primary disabled:opacity-50"
-				/>
-				<label for="caseSensitive" class="text-sm text-theme-secondary cursor-pointer">
-					Case sensitive
-				</label>
-			</div>
-
-			<!-- Match Count -->
-			{#if searchTerm.trim()}
-				<div class="rounded-lg bg-content border border-theme p-3">
-					<div class="flex items-center gap-2">
-						<svg
-							class="h-5 w-5 text-theme-secondary"
-							fill="none"
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-							/>
-						</svg>
-						<span class="text-sm text-theme">
-							{#if matchCount === 0}
-								No matches found
-							{:else if matchCount === 1}
-								1 match found
-							{:else}
-								{matchCount} matches found
-							{/if}
-						</span>
-					</div>
-				</div>
-			{/if}
-
-			<!-- Preview Matches -->
-			{#if previewMatches.length > 0}
-				<div class="space-y-2">
-					<h4 class="text-sm font-medium text-theme-secondary">Preview (first 5 matches)</h4>
-					<div class="max-h-64 space-y-2 overflow-y-auto">
-						{#each previewMatches as match (match.index)}
-							<div class="rounded-lg bg-content border border-theme p-3">
-								<p class="text-sm text-theme-secondary">
-									{match.context}
-								</p>
-							</div>
-						{/each}
-
-						{#if matchCount > 5}
-							<p class="text-xs text-center text-theme-muted">
-								+ {matchCount - 5} more matches
-							</p>
-						{/if}
-					</div>
-				</div>
-			{/if}
-
-			<!-- Warning -->
-			{#if matchCount > 0}
-				<div class="rounded-lg bg-yellow-500/10 border border-yellow-500/30 p-3">
-					<div class="flex items-start gap-2">
-						<svg
-							class="h-5 w-5 flex-shrink-0 text-yellow-600 dark:text-yellow-500"
-							fill="none"
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-							/>
-						</svg>
-						<div class="flex-1">
-							<p class="text-sm font-medium text-yellow-800 dark:text-yellow-200">
-								Replacement cannot be undone
-							</p>
-							<p class="text-xs text-yellow-700 dark:text-yellow-300 mt-1">
-								Make sure to review the matches before replacing. This action will permanently
-								modify your transcript.
-							</p>
-						</div>
-					</div>
-				</div>
-			{/if}
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-between">
-			<button onclick={handleReset} disabled={isReplacing} class="btn-secondary">Reset</button>
-			<div class="flex gap-3">
-				<button onclick={onClose} disabled={isReplacing} class="btn-secondary">Cancel</button>
-				<button
-					onclick={() => handleReplace(false)}
-					disabled={matchCount === 0 || !replaceTerm.trim() || isReplacing}
-					class="btn-secondary disabled:opacity-50"
-				>
-					{#if isReplacing}
-						<svg
-							class="h-4 w-4 animate-spin"
-							fill="none"
-							viewBox="0 0 24 24"
-							xmlns="http://www.w3.org/2000/svg"
-						>
-							<circle
-								class="opacity-25"
-								cx="12"
-								cy="12"
-								r="10"
-								stroke="currentColor"
-								stroke-width="4"
-							/>
-							<path
-								class="opacity-75"
-								fill="currentColor"
-								d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-							/>
-						</svg>
-					{:else}
-						<span>Replace First</span>
-					{/if}
-				</button>
-				<button
-					onclick={() => handleReplace(true)}
-					disabled={matchCount === 0 || !replaceTerm.trim() || isReplacing}
-					class="btn-primary disabled:opacity-50"
-				>
-					{#if isReplacing}
-						<svg
-							class="h-4 w-4 animate-spin"
-							fill="none"
-							viewBox="0 0 24 24"
-							xmlns="http://www.w3.org/2000/svg"
-						>
-							<circle
-								class="opacity-25"
-								cx="12"
-								cy="12"
-								r="10"
-								stroke="currentColor"
-								stroke-width="4"
-							/>
-							<path
-								class="opacity-75"
-								fill="currentColor"
-								d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-							/>
-						</svg>
-					{:else}
-						<span>Replace All ({matchCount})</span>
-					{/if}
-				</button>
-			</div>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ReprocessModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ReprocessModal.svelte
deleted file mode 100644
index 386c3a746..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ReprocessModal.svelte
+++ /dev/null
@@ -1,304 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-
-	interface Blueprint {
-		id: string;
-		name: string;
-		description: string | null;
-	}
-
-	interface Language {
-		code: string;
-		name: string;
-	}
-
-	interface Props {
-		visible: boolean;
-		currentLanguage: string;
-		currentBlueprintId: string | null;
-		currentDate: string;
-		blueprints: Blueprint[];
-		languages: Language[];
-		onClose: () => void;
-		onReprocess: (options: {
-			language?: string;
-			blueprintId?: string;
-			recordingDate?: string;
-		}) => void;
-		isProcessing?: boolean;
-	}
-
-	let {
-		visible,
-		currentLanguage,
-		currentBlueprintId,
-		currentDate,
-		blueprints,
-		languages,
-		onClose,
-		onReprocess,
-		isProcessing = false,
-	}: Props = $props();
-
-	let selectedLanguage = $state(currentLanguage);
-	let selectedBlueprintId = $state<string | null>(currentBlueprintId);
-	let selectedDate = $state(currentDate);
-	let hasChanges = $state(false);
-
-	// Update state when props change
-	$effect(() => {
-		if (visible) {
-			selectedLanguage = currentLanguage;
-			selectedBlueprintId = currentBlueprintId;
-			selectedDate = currentDate;
-			checkForChanges();
-		}
-	});
-
-	function checkForChanges() {
-		hasChanges =
-			selectedLanguage !== currentLanguage ||
-			selectedBlueprintId !== currentBlueprintId ||
-			selectedDate !== currentDate;
-	}
-
-	function handleLanguageChange(language: string) {
-		selectedLanguage = language;
-		checkForChanges();
-	}
-
-	function handleBlueprintChange(blueprintId: string) {
-		selectedBlueprintId = blueprintId;
-		checkForChanges();
-	}
-
-	function handleDateChange(e: Event) {
-		selectedDate = (e.target as HTMLInputElement).value;
-		checkForChanges();
-	}
-
-	function handleReprocess() {
-		const options: {
-			language?: string;
-			blueprintId?: string;
-			recordingDate?: string;
-		} = {};
-
-		if (selectedLanguage !== currentLanguage) {
-			options.language = selectedLanguage;
-		}
-
-		if (selectedBlueprintId !== currentBlueprintId) {
-			options.blueprintId = selectedBlueprintId || undefined;
-		}
-
-		if (selectedDate !== currentDate) {
-			options.recordingDate = selectedDate;
-		}
-
-		onReprocess(options);
-	}
-
-	function handleReset() {
-		selectedLanguage = currentLanguage;
-		selectedBlueprintId = currentBlueprintId;
-		selectedDate = currentDate;
-		checkForChanges();
-	}
-</script>
-
-<Modal {visible} {onClose} title="Reprocess Memo" maxWidth="2xl">
-	{#snippet children()}
-		<div class="space-y-6">
-			<!-- Description -->
-			<p class="text-sm text-theme-secondary">
-				Reprocess this memo with different settings. Changes will trigger a new AI analysis and may
-				consume Mana credits.
-			</p>
-
-			<!-- Language Selection -->
-			<div class="space-y-2">
-				<label class="text-sm font-medium text-theme-secondary">Language</label>
-				<select
-					value={selectedLanguage}
-					onchange={(e) => handleLanguageChange((e.target as HTMLSelectElement).value)}
-					disabled={isProcessing}
-					class="w-full rounded-lg border border-theme bg-content px-4 py-2.5 text-theme focus:outline-none focus:ring-2 focus:ring-primary disabled:opacity-50"
-				>
-					{#each languages as language (language.code)}
-						<option value={language.code}>{language.name}</option>
-					{/each}
-				</select>
-				<p class="text-xs text-theme-muted">Change the language for transcription and analysis</p>
-			</div>
-
-			<!-- Blueprint Selection -->
-			<div class="space-y-2">
-				<label class="text-sm font-medium text-theme-secondary">Blueprint (optional)</label>
-				<div class="space-y-2 max-h-64 overflow-y-auto">
-					<!-- No Blueprint Option -->
-					<button
-						onclick={() => handleBlueprintChange('')}
-						disabled={isProcessing}
-						class="w-full rounded-lg border-2 p-3 text-left transition-all {selectedBlueprintId ===
-						null
-							? 'border-primary bg-primary/10'
-							: 'border-theme hover:bg-menu-hover'}"
-					>
-						<h4 class="font-semibold text-theme mb-1">No Blueprint</h4>
-						<p class="text-xs text-theme-secondary">Process without a specific blueprint</p>
-					</button>
-
-					<!-- Blueprint Options -->
-					{#each blueprints as blueprint (blueprint.id)}
-						<button
-							onclick={() => handleBlueprintChange(blueprint.id)}
-							disabled={isProcessing}
-							class="w-full rounded-lg border-2 p-3 text-left transition-all {selectedBlueprintId ===
-							blueprint.id
-								? 'border-primary bg-primary/10'
-								: 'border-theme hover:bg-menu-hover'}"
-						>
-							<h4 class="font-semibold text-theme mb-1">{blueprint.name}</h4>
-							{#if blueprint.description}
-								<p class="text-xs text-theme-secondary line-clamp-2">
-									{blueprint.description}
-								</p>
-							{/if}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Recording Date -->
-			<div class="space-y-2">
-				<label class="text-sm font-medium text-theme-secondary">Recording Date</label>
-				<input
-					type="datetime-local"
-					value={selectedDate}
-					oninput={handleDateChange}
-					disabled={isProcessing}
-					class="w-full rounded-lg border border-theme bg-content px-4 py-2.5 text-theme focus:outline-none focus:ring-2 focus:ring-primary disabled:opacity-50"
-				/>
-				<p class="text-xs text-theme-muted">Adjust the recording date and time</p>
-			</div>
-
-			<!-- Changes Summary -->
-			{#if hasChanges}
-				<div class="rounded-lg bg-blue-500/10 border border-blue-500/30 p-3">
-					<div class="flex items-start gap-2">
-						<svg
-							class="h-5 w-5 flex-shrink-0 text-blue-600 dark:text-blue-500"
-							fill="none"
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
-						<div class="flex-1">
-							<p class="text-sm font-medium text-blue-800 dark:text-blue-200">Changes detected</p>
-							<ul class="text-xs text-blue-700 dark:text-blue-300 mt-1 space-y-0.5">
-								{#if selectedLanguage !== currentLanguage}
-									<li>• Language will be changed</li>
-								{/if}
-								{#if selectedBlueprintId !== currentBlueprintId}
-									<li>• Blueprint will be changed</li>
-								{/if}
-								{#if selectedDate !== currentDate}
-									<li>• Recording date will be updated</li>
-								{/if}
-							</ul>
-						</div>
-					</div>
-				</div>
-			{/if}
-
-			<!-- Warning -->
-			<div class="rounded-lg bg-yellow-500/10 border border-yellow-500/30 p-3">
-				<div class="flex items-start gap-2">
-					<svg
-						class="h-5 w-5 flex-shrink-0 text-yellow-600 dark:text-yellow-500"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-						/>
-					</svg>
-					<div class="flex-1">
-						<p class="text-sm font-medium text-yellow-800 dark:text-yellow-200">
-							Reprocessing will consume Mana credits
-						</p>
-						<p class="text-xs text-yellow-700 dark:text-yellow-300 mt-1">
-							This operation will re-analyze the entire memo and may take several minutes. All
-							existing memories will be replaced.
-						</p>
-					</div>
-				</div>
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-between">
-			<button
-				onclick={handleReset}
-				disabled={!hasChanges || isProcessing}
-				class="btn-secondary disabled:opacity-50"
-			>
-				Reset
-			</button>
-			<div class="flex gap-3">
-				<button onclick={onClose} disabled={isProcessing} class="btn-secondary">Cancel</button>
-				<button
-					onclick={handleReprocess}
-					disabled={!hasChanges || isProcessing}
-					class="btn-primary disabled:opacity-50"
-				>
-					{#if isProcessing}
-						<svg
-							class="h-4 w-4 animate-spin"
-							fill="none"
-							viewBox="0 0 24 24"
-							xmlns="http://www.w3.org/2000/svg"
-						>
-							<circle
-								class="opacity-25"
-								cx="12"
-								cy="12"
-								r="10"
-								stroke="currentColor"
-								stroke-width="4"
-							/>
-							<path
-								class="opacity-75"
-								fill="currentColor"
-								d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-							/>
-						</svg>
-						<span>Processing...</span>
-					{:else}
-						<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-							/>
-						</svg>
-						<span>Reprocess Memo</span>
-					{/if}
-				</button>
-			</div>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SearchOverlay.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SearchOverlay.svelte
deleted file mode 100644
index bbb98fa97..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SearchOverlay.svelte
+++ /dev/null
@@ -1,210 +0,0 @@
-<script lang="ts">
-	interface Props {
-		visible: boolean;
-		query: string;
-		results: Array<{ id: string; text: string; context: string; type: 'transcript' | 'memory' }>;
-		currentIndex: number;
-		onClose: () => void;
-		onSearch: (query: string) => void;
-		onNext: () => void;
-		onPrevious: () => void;
-	}
-
-	let { visible, query, results, currentIndex, onClose, onSearch, onNext, onPrevious }: Props =
-		$props();
-
-	let inputRef: HTMLInputElement;
-
-	// Auto-focus input when overlay becomes visible
-	$effect(() => {
-		if (visible && inputRef) {
-			inputRef.focus();
-		}
-	});
-
-	function handleKeyDown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		} else if (e.key === 'Enter') {
-			if (e.shiftKey) {
-				onPrevious();
-			} else {
-				onNext();
-			}
-		}
-	}
-</script>
-
-{#if visible}
-	<!-- Backdrop -->
-	<div
-		class="fixed inset-0 z-50 bg-black/50 backdrop-blur-sm transition-opacity"
-		onclick={onClose}
-	></div>
-
-	<!-- Overlay Content -->
-	<div class="fixed top-0 left-0 right-0 z-50 mx-auto max-w-2xl p-4">
-		<div class="rounded-lg border border-theme bg-menu shadow-2xl">
-			<!-- Search Bar -->
-			<div class="flex items-center gap-3 border-b border-theme p-4">
-				<!-- Search Icon -->
-				<svg
-					class="h-5 w-5 flex-shrink-0 text-theme-secondary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-					/>
-				</svg>
-
-				<!-- Input -->
-				<input
-					bind:this={inputRef}
-					type="text"
-					value={query}
-					oninput={(e) => onSearch((e.target as HTMLInputElement).value)}
-					onkeydown={handleKeyDown}
-					placeholder="Search in memo..."
-					class="flex-1 bg-transparent text-theme focus:outline-none"
-				/>
-
-				<!-- Navigation & Close -->
-				<div class="flex items-center gap-2">
-					{#if results.length > 0}
-						<!-- Results Counter -->
-						<span class="text-sm text-theme-secondary">
-							{currentIndex + 1} / {results.length}
-						</span>
-
-						<!-- Previous Button -->
-						<button
-							onclick={onPrevious}
-							disabled={results.length === 0}
-							class="rounded-lg p-1.5 transition-colors hover:bg-menu-hover disabled:opacity-50"
-							title="Previous (Shift+Enter)"
-						>
-							<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M5 15l7-7 7 7"
-								/>
-							</svg>
-						</button>
-
-						<!-- Next Button -->
-						<button
-							onclick={onNext}
-							disabled={results.length === 0}
-							class="rounded-lg p-1.5 transition-colors hover:bg-menu-hover disabled:opacity-50"
-							title="Next (Enter)"
-						>
-							<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M19 9l-7 7-7-7"
-								/>
-							</svg>
-						</button>
-
-						<!-- Divider -->
-						<div class="h-6 w-px bg-theme"></div>
-					{/if}
-
-					<!-- Close Button -->
-					<button
-						onclick={onClose}
-						class="rounded-lg p-1.5 transition-colors hover:bg-menu-hover"
-						title="Close (Esc)"
-					>
-						<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M6 18L18 6M6 6l12 12"
-							/>
-						</svg>
-					</button>
-				</div>
-			</div>
-
-			<!-- Results Preview (optional) -->
-			{#if query && results.length > 0}
-				<div class="max-h-64 overflow-y-auto border-b border-theme">
-					{#each results.slice(0, 5) as result, index (result.id)}
-						<button
-							onclick={() => {
-								// Scroll to this result
-								// You can implement navigation logic here
-							}}
-							class="w-full border-b border-theme-light p-3 text-left transition-colors hover:bg-menu-hover {index ===
-							currentIndex
-								? 'bg-menu'
-								: ''}"
-						>
-							<div class="flex items-start gap-2">
-								<!-- Type Badge -->
-								<span
-									class="rounded px-1.5 py-0.5 text-xs font-medium {result.type === 'transcript'
-										? 'bg-blue-500/20 text-blue-600 dark:text-blue-400'
-										: 'bg-purple-500/20 text-purple-600 dark:text-purple-400'}"
-								>
-									{result.type}
-								</span>
-
-								<!-- Context -->
-								<p class="flex-1 text-sm text-theme-secondary">
-									{result.context}
-								</p>
-							</div>
-						</button>
-					{/each}
-
-					{#if results.length > 5}
-						<div class="p-2 text-center text-xs text-theme-secondary">
-							+ {results.length - 5} more results
-						</div>
-					{/if}
-				</div>
-			{:else if query && results.length === 0}
-				<div class="p-8 text-center">
-					<svg
-						class="mx-auto mb-3 h-12 w-12 text-theme-secondary"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
-					<p class="text-theme-secondary">No results found for "{query}"</p>
-				</div>
-			{/if}
-
-			<!-- Help Text -->
-			<div class="flex items-center justify-between p-3 text-xs text-theme-muted">
-				<span>Press <kbd class="kbd">Enter</kbd> to navigate</span>
-				<span>Press <kbd class="kbd">Esc</kbd> to close</span>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.kbd {
-		@apply rounded border border-theme bg-menu-hover px-1.5 py-0.5 font-mono;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ShareModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ShareModal.svelte
deleted file mode 100644
index f6c298f78..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ShareModal.svelte
+++ /dev/null
@@ -1,260 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-	import type { Memo } from '$lib/types/memo.types';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		visible: boolean;
-		memo: Memo;
-		onClose: () => void;
-	}
-
-	let { visible, memo, onClose }: Props = $props();
-
-	let copied = $state(false);
-	let copiedContent = $state(false);
-	let exportFormat = $state<'txt' | 'md'>('txt');
-
-	const shareUrl = $derived(`${window.location.origin}/memos/${memo.id}`);
-
-	async function copyLink() {
-		try {
-			await navigator.clipboard.writeText(shareUrl);
-			copied = true;
-			setTimeout(() => (copied = false), 2000);
-		} catch (err) {
-			console.error('Failed to copy:', err);
-		}
-	}
-
-	async function shareNative() {
-		if (!navigator.share) {
-			// Fallback to copy
-			await copyLink();
-			return;
-		}
-
-		try {
-			await navigator.share({
-				title: memo.title || 'Untitled Memo',
-				text: memo.intro || memo.transcript?.substring(0, 100) || '',
-				url: shareUrl,
-			});
-		} catch (err) {
-			if ((err as Error).name !== 'AbortError') {
-				console.error('Error sharing:', err);
-			}
-		}
-	}
-
-	function getFormattedContent() {
-		return exportFormat === 'md'
-			? `# ${memo.title || 'Untitled Memo'}
-
-${memo.intro || ''}
-
-**Datum:** ${new Date(memo.created_at).toLocaleDateString('de-DE')}
-**Dauer:** ${formatDuration(memo.duration_millis)}
-
-## Transkript
-
-${memo.transcript || 'Kein Transkript verfügbar'}
-
-${memo.memories && memo.memories.length > 0 ? `\n## KI-Analyse\n\n${memo.memories.map((m) => `### ${m.title}\n\n${m.content}`).join('\n\n')}` : ''}
-`
-			: `${memo.title || 'Untitled Memo'}
-
-${memo.intro || ''}
-
-Datum: ${new Date(memo.created_at).toLocaleDateString('de-DE')}
-Dauer: ${formatDuration(memo.duration_millis)}
-
-Transkript:
-${memo.transcript || 'Kein Transkript verfügbar'}
-
-${memo.memories && memo.memories.length > 0 ? `\nKI-Analyse:\n${memo.memories.map((m) => `${m.title}\n${m.content}`).join('\n\n')}` : ''}
-`;
-	}
-
-	async function copyContent() {
-		try {
-			await navigator.clipboard.writeText(getFormattedContent());
-			copiedContent = true;
-			setTimeout(() => (copiedContent = false), 2000);
-		} catch (err) {
-			console.error('Failed to copy content:', err);
-		}
-	}
-
-	function exportMemo() {
-		const content = getFormattedContent();
-
-		const blob = new Blob([content], { type: 'text/plain' });
-		const url = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = `${memo.title || 'memo'}.${exportFormat}`;
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-		URL.revokeObjectURL(url);
-	}
-
-	function formatDuration(millis: number | null) {
-		if (!millis) return '0:00';
-		const seconds = Math.floor(millis / 1000);
-		const minutes = Math.floor(seconds / 60);
-		const remainingSeconds = seconds % 60;
-		return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;
-	}
-</script>
-
-<Modal {visible} {onClose} title="Memo teilen" maxWidth="md">
-	{#snippet children()}
-		<div class="space-y-6">
-			<!-- Share Link Section (hidden for now) -->
-			<!--
-			<div class="space-y-2">
-				<label class="block text-sm font-medium text-theme">Link teilen</label>
-				<div class="flex gap-2">
-					<input
-						type="text"
-						readonly
-						value={shareUrl}
-						class="flex-1 rounded-lg border border-theme bg-content px-3 py-2 text-sm text-theme focus:outline-none"
-					/>
-					<button onclick={copyLink} class="btn-secondary flex items-center gap-2">
-						{#if copied}
-							<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M5 13l4 4L19 7"
-								/>
-							</svg>
-							<span>Kopiert!</span>
-						{:else}
-							<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
-								/>
-							</svg>
-							<span>Kopieren</span>
-						{/if}
-					</button>
-				</div>
-			</div>
-			-->
-
-			<!-- Native Share Button (hidden for now) -->
-			<!--
-			{#if navigator.share}
-				<button onclick={shareNative} class="btn-primary w-full flex items-center justify-center gap-2">
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
-						/>
-					</svg>
-					<span>Teilen via...</span>
-				</button>
-			{/if}
-			-->
-
-			<!-- Export Section -->
-			<div class="space-y-3">
-				<Text variant="small" weight="medium" class="block">Export-Format</Text>
-				<div class="grid grid-cols-2 gap-3">
-					<button
-						onclick={() => (exportFormat = 'txt')}
-						class="flex flex-col items-center gap-2 rounded-lg border-2 py-3 transition-all {exportFormat ===
-						'txt'
-							? 'border-primary bg-primary/10 text-primary'
-							: 'border-theme text-theme hover:bg-menu-hover'}"
-					>
-						<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
-						<Text variant="small" weight="medium">Text (.txt)</Text>
-					</button>
-					<button
-						onclick={() => (exportFormat = 'md')}
-						class="flex flex-col items-center gap-2 rounded-lg border-2 py-3 transition-all {exportFormat ===
-						'md'
-							? 'border-primary bg-primary/10 text-primary'
-							: 'border-theme text-theme hover:bg-menu-hover'}"
-					>
-						<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
-							/>
-						</svg>
-						<Text variant="small" weight="medium">Markdown (.md)</Text>
-					</button>
-				</div>
-
-				<button
-					onclick={copyContent}
-					class="btn-secondary w-full flex items-center justify-center gap-2"
-				>
-					{#if copiedContent}
-						<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M5 13l4 4L19 7"
-							/>
-						</svg>
-						<Text variant="small">In Zwischenablage kopiert!</Text>
-					{:else}
-						<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
-							/>
-						</svg>
-						<Text variant="small">In Zwischenablage kopieren</Text>
-					{/if}
-				</button>
-
-				<button
-					onclick={exportMemo}
-					class="btn-primary w-full flex items-center justify-center gap-2"
-				>
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
-						/>
-					</svg>
-					<Text variant="small">Als {exportFormat.toUpperCase()} herunterladen</Text>
-				</button>
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-end">
-			<button onclick={onClose} class="btn-secondary">Schließen</button>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ShortcutsModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ShortcutsModal.svelte
deleted file mode 100644
index 500ddfa55..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/ShortcutsModal.svelte
+++ /dev/null
@@ -1,78 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-	import type { ShortcutGroup } from '$lib/utils/keyboardShortcuts';
-	import { formatShortcut } from '$lib/utils/keyboardShortcuts';
-
-	interface Props {
-		visible: boolean;
-		shortcutGroups: ShortcutGroup[];
-		onClose: () => void;
-	}
-
-	let { visible, shortcutGroups, onClose }: Props = $props();
-</script>
-
-<Modal {visible} {onClose} title="Keyboard Shortcuts" maxWidth="lg">
-	{#snippet children()}
-		<div class="space-y-6">
-			<!-- Description -->
-			<p class="text-sm text-theme-secondary">
-				Use these keyboard shortcuts to navigate and interact with your memos more efficiently.
-			</p>
-
-			<!-- Shortcut Groups -->
-			{#each shortcutGroups as group (group.name)}
-				<div class="space-y-2">
-					<h4 class="text-sm font-semibold uppercase text-theme-secondary">{group.name}</h4>
-					<div class="space-y-1">
-						{#each group.shortcuts as shortcut}
-							<div
-								class="flex items-center justify-between rounded-lg border border-theme bg-content p-3"
-							>
-								<span class="text-sm text-theme">{shortcut.description}</span>
-								<kbd class="kbd">{formatShortcut(shortcut)}</kbd>
-							</div>
-						{/each}
-					</div>
-				</div>
-			{/each}
-
-			<!-- Pro Tip -->
-			<div class="rounded-lg bg-blue-500/10 border border-blue-500/30 p-3">
-				<div class="flex items-start gap-2">
-					<svg
-						class="h-5 w-5 flex-shrink-0 text-blue-600 dark:text-blue-500"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
-					<div class="flex-1">
-						<p class="text-sm font-medium text-blue-800 dark:text-blue-200">Pro Tip</p>
-						<p class="text-xs text-blue-700 dark:text-blue-300 mt-1">
-							Press <kbd class="kbd inline text-xs">?</kbd> to toggle this shortcuts panel at any time.
-						</p>
-					</div>
-				</div>
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-end">
-			<button onclick={onClose} class="btn-primary">Got it!</button>
-		</div>
-	{/snippet}
-</Modal>
-
-<style>
-	.kbd {
-		@apply inline-flex items-center gap-1 rounded border border-theme bg-menu-hover px-2 py-1 font-mono text-xs font-semibold text-theme;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SpaceSelectorModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SpaceSelectorModal.svelte
deleted file mode 100644
index 2da8bbcb4..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SpaceSelectorModal.svelte
+++ /dev/null
@@ -1,257 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-
-	interface Space {
-		id: string;
-		name: string;
-		description?: string;
-		member_count: number;
-		color?: string;
-		icon?: string;
-	}
-
-	interface Props {
-		visible: boolean;
-		spaces: Space[];
-		selectedSpaceIds: string[];
-		onClose: () => void;
-		onSpaceToggle: (spaceId: string) => void;
-		onCreate?: () => void;
-		isLoading?: boolean;
-	}
-
-	let {
-		visible,
-		spaces,
-		selectedSpaceIds,
-		onClose,
-		onSpaceToggle,
-		onCreate,
-		isLoading = false,
-	}: Props = $props();
-
-	let searchQuery = $state('');
-
-	const filteredSpaces = $derived(
-		spaces.filter((space) => space.name.toLowerCase().includes(searchQuery.toLowerCase()))
-	);
-
-	function getSpaceColor(color?: string): string {
-		if (!color) return 'bg-primary';
-		return color;
-	}
-
-	function getSpaceIcon(icon?: string): string {
-		return icon || '📁';
-	}
-</script>
-
-<Modal {visible} {onClose} title="Manage Spaces" maxWidth="lg">
-	{#snippet children()}
-		<div class="space-y-4">
-			<!-- Description -->
-			<p class="text-sm text-theme-secondary">
-				Choose which spaces this memo belongs to. Spaces help organize and share memos with your
-				team.
-			</p>
-
-			<!-- Search -->
-			<div class="relative">
-				<svg
-					class="absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-theme-secondary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-					/>
-				</svg>
-				<input
-					type="text"
-					bind:value={searchQuery}
-					placeholder="Search spaces..."
-					class="w-full rounded-lg border border-theme bg-content py-2 pl-10 pr-4 text-theme placeholder:text-theme-muted focus:outline-none focus:ring-2 focus:ring-primary"
-				/>
-			</div>
-
-			<!-- Spaces List -->
-			<div class="max-h-96 space-y-2 overflow-y-auto">
-				{#if isLoading}
-					<div class="flex items-center justify-center py-8">
-						<svg
-							class="h-8 w-8 animate-spin text-primary"
-							fill="none"
-							viewBox="0 0 24 24"
-							xmlns="http://www.w3.org/2000/svg"
-						>
-							<circle
-								class="opacity-25"
-								cx="12"
-								cy="12"
-								r="10"
-								stroke="currentColor"
-								stroke-width="4"
-							/>
-							<path
-								class="opacity-75"
-								fill="currentColor"
-								d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-							/>
-						</svg>
-					</div>
-				{:else if filteredSpaces.length > 0}
-					{#each filteredSpaces as space (space.id)}
-						<button
-							onclick={() => onSpaceToggle(space.id)}
-							class="flex w-full items-center gap-3 rounded-lg border-2 p-3 text-left transition-all {selectedSpaceIds.includes(
-								space.id
-							)
-								? 'border-primary bg-primary/10'
-								: 'border-theme hover:bg-menu-hover'}"
-						>
-							<!-- Icon/Avatar -->
-							<div
-								class="{getSpaceColor(
-									space.color
-								)} flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg text-white"
-							>
-								<span class="text-xl">{getSpaceIcon(space.icon)}</span>
-							</div>
-
-							<!-- Content -->
-							<div class="flex-1 min-w-0">
-								<div class="flex items-center gap-2">
-									<h4 class="font-semibold text-theme truncate">{space.name}</h4>
-									{#if selectedSpaceIds.includes(space.id)}
-										<svg
-											class="h-5 w-5 flex-shrink-0 text-primary"
-											fill="currentColor"
-											viewBox="0 0 20 20"
-										>
-											<path
-												fill-rule="evenodd"
-												d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-												clip-rule="evenodd"
-											/>
-										</svg>
-									{/if}
-								</div>
-								{#if space.description}
-									<p class="text-xs text-theme-secondary line-clamp-1">{space.description}</p>
-								{/if}
-								<div class="mt-1 flex items-center gap-1 text-xs text-theme-muted">
-									<svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-										/>
-									</svg>
-									<span>{space.member_count} {space.member_count === 1 ? 'member' : 'members'}</span
-									>
-								</div>
-							</div>
-						</button>
-					{/each}
-				{:else if searchQuery}
-					<!-- No Search Results -->
-					<div class="rounded-lg bg-content p-8 text-center">
-						<svg
-							class="mx-auto mb-3 h-12 w-12 text-theme-secondary"
-							fill="none"
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-							/>
-						</svg>
-						<p class="text-theme-secondary">No spaces found for "{searchQuery}"</p>
-					</div>
-				{:else}
-					<!-- Empty State -->
-					<div class="rounded-lg bg-content p-8 text-center">
-						<svg
-							class="mx-auto mb-3 h-12 w-12 text-theme-secondary"
-							fill="none"
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
-							/>
-						</svg>
-						<p class="mb-2 text-theme-secondary">No spaces available</p>
-						{#if onCreate}
-							<button onclick={onCreate} class="btn-primary text-sm">Create your first space</button
-							>
-						{/if}
-					</div>
-				{/if}
-			</div>
-
-			<!-- Create New Space -->
-			{#if onCreate && filteredSpaces.length > 0}
-				<div class="border-t border-theme pt-4">
-					<button
-						onclick={onCreate}
-						class="flex w-full items-center justify-center gap-2 rounded-lg border-2 border-dashed border-theme p-3 text-theme transition-colors hover:bg-menu-hover"
-					>
-						<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M12 4v16m8-8H4"
-							/>
-						</svg>
-						<span class="font-medium">Create New Space</span>
-					</button>
-				</div>
-			{/if}
-
-			<!-- Info -->
-			<div class="rounded-lg bg-blue-500/10 border border-blue-500/30 p-3">
-				<div class="flex items-start gap-2">
-					<svg
-						class="h-5 w-5 flex-shrink-0 text-blue-600 dark:text-blue-500"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
-					<div class="flex-1">
-						<p class="text-sm font-medium text-blue-800 dark:text-blue-200">About Spaces</p>
-						<p class="text-xs text-blue-700 dark:text-blue-300 mt-1">
-							Spaces allow you to organize memos and collaborate with team members. A memo can
-							belong to multiple spaces.
-						</p>
-					</div>
-				</div>
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-end">
-			<button onclick={onClose} class="btn-primary">Done</button>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SpeakerLabelModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SpeakerLabelModal.svelte
deleted file mode 100644
index 00a661a12..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/SpeakerLabelModal.svelte
+++ /dev/null
@@ -1,222 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-
-	interface Speaker {
-		id: string;
-		label: string;
-		name?: string;
-		segmentCount: number;
-	}
-
-	interface Props {
-		visible: boolean;
-		speakers: Speaker[];
-		onClose: () => void;
-		onSave: (speakers: { id: string; name: string }[]) => void;
-		isSaving?: boolean;
-	}
-
-	let { visible, speakers, onClose, onSave, isSaving = false }: Props = $props();
-
-	let editedSpeakers = $state<Map<string, string>>(new Map());
-	let hasChanges = $state(false);
-
-	// Initialize edited speakers when modal opens
-	$effect(() => {
-		if (visible) {
-			const newMap = new Map<string, string>();
-			speakers.forEach((speaker) => {
-				newMap.set(speaker.id, speaker.name || '');
-			});
-			editedSpeakers = newMap;
-			checkForChanges();
-		}
-	});
-
-	function checkForChanges() {
-		hasChanges = speakers.some((speaker) => {
-			const edited = editedSpeakers.get(speaker.id) || '';
-			const original = speaker.name || '';
-			return edited !== original;
-		});
-	}
-
-	function handleNameChange(speakerId: string, name: string) {
-		editedSpeakers.set(speakerId, name);
-		editedSpeakers = new Map(editedSpeakers);
-		checkForChanges();
-	}
-
-	function handleSave() {
-		const updates = speakers
-			.map((speaker) => ({
-				id: speaker.id,
-				name: editedSpeakers.get(speaker.id) || '',
-			}))
-			.filter((update) => {
-				const original = speakers.find((s) => s.id === update.id);
-				return update.name !== (original?.name || '');
-			});
-
-		onSave(updates);
-	}
-
-	function handleReset() {
-		const newMap = new Map<string, string>();
-		speakers.forEach((speaker) => {
-			newMap.set(speaker.id, speaker.name || '');
-		});
-		editedSpeakers = newMap;
-		checkForChanges();
-	}
-
-	function getAvatarColor(index: number): string {
-		const colors = [
-			'bg-blue-500',
-			'bg-green-500',
-			'bg-purple-500',
-			'bg-orange-500',
-			'bg-pink-500',
-			'bg-teal-500',
-			'bg-red-500',
-			'bg-indigo-500',
-		];
-		return colors[index % colors.length];
-	}
-</script>
-
-<Modal {visible} {onClose} title="Manage Speakers" maxWidth="lg">
-	{#snippet children()}
-		<div class="space-y-4">
-			<!-- Description -->
-			<p class="text-sm text-theme-secondary">
-				Assign names to speakers in your transcript. These names will appear in the structured
-				transcript view.
-			</p>
-
-			<!-- Speaker List -->
-			<div class="space-y-3">
-				{#each speakers as speaker, index (speaker.id)}
-					<div class="rounded-lg border border-theme bg-content p-4">
-						<div class="flex items-center gap-3">
-							<!-- Avatar -->
-							<div
-								class="{getAvatarColor(
-									index
-								)} flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full text-white font-semibold"
-							>
-								{speaker.label}
-							</div>
-
-							<!-- Input -->
-							<div class="flex-1">
-								<input
-									type="text"
-									value={editedSpeakers.get(speaker.id) || ''}
-									oninput={(e) =>
-										handleNameChange(speaker.id, (e.target as HTMLInputElement).value)}
-									placeholder="Enter speaker name..."
-									disabled={isSaving}
-									class="w-full rounded-lg border border-theme bg-menu px-3 py-2 text-theme placeholder:text-theme-muted focus:outline-none focus:ring-2 focus:ring-primary disabled:opacity-50"
-								/>
-							</div>
-
-							<!-- Segment Count -->
-							<div class="flex flex-col items-end text-xs text-theme-secondary">
-								<span class="font-semibold">{speaker.segmentCount}</span>
-								<span>segments</span>
-							</div>
-						</div>
-
-						<!-- Current Label -->
-						{#if speaker.name}
-							<div class="mt-2 text-xs text-theme-muted">
-								Current: <span class="font-medium text-theme-secondary">{speaker.name}</span>
-							</div>
-						{/if}
-					</div>
-				{/each}
-			</div>
-
-			<!-- Info Box -->
-			<div class="rounded-lg bg-blue-500/10 border border-blue-500/30 p-3">
-				<div class="flex items-start gap-2">
-					<svg
-						class="h-5 w-5 flex-shrink-0 text-blue-600 dark:text-blue-500"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
-					<div class="flex-1">
-						<p class="text-sm font-medium text-blue-800 dark:text-blue-200">Speaker labels</p>
-						<p class="text-xs text-blue-700 dark:text-blue-300 mt-1">
-							Speaker labels (S1, S2, etc.) are automatically detected from your transcript. Assign
-							meaningful names to make conversations easier to follow.
-						</p>
-					</div>
-				</div>
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-between">
-			<button
-				onclick={handleReset}
-				disabled={!hasChanges || isSaving}
-				class="btn-secondary disabled:opacity-50"
-			>
-				Reset
-			</button>
-			<div class="flex gap-3">
-				<button onclick={onClose} disabled={isSaving} class="btn-secondary">Cancel</button>
-				<button
-					onclick={handleSave}
-					disabled={!hasChanges || isSaving}
-					class="btn-primary disabled:opacity-50"
-				>
-					{#if isSaving}
-						<svg
-							class="h-4 w-4 animate-spin"
-							fill="none"
-							viewBox="0 0 24 24"
-							xmlns="http://www.w3.org/2000/svg"
-						>
-							<circle
-								class="opacity-25"
-								cx="12"
-								cy="12"
-								r="10"
-								stroke="currentColor"
-								stroke-width="4"
-							/>
-							<path
-								class="opacity-75"
-								fill="currentColor"
-								d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-							/>
-						</svg>
-						<span>Saving...</span>
-					{:else}
-						<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M5 13l4 4L19 7"
-							/>
-						</svg>
-						<span>Save Names</span>
-					{/if}
-				</button>
-			</div>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/TagSelectorModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/TagSelectorModal.svelte
deleted file mode 100644
index 73dfa3ca9..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/TagSelectorModal.svelte
+++ /dev/null
@@ -1,195 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-	import type { Tag } from '$lib/types/memo.types';
-
-	interface Props {
-		visible: boolean;
-		tags: Tag[];
-		selectedTagIds: string[];
-		onClose: () => void;
-		onTagSelect: (tagId: string) => void;
-		onCreate: (name: string, color: string) => void;
-		isLoading?: boolean;
-	}
-
-	let {
-		visible,
-		tags,
-		selectedTagIds,
-		onClose,
-		onTagSelect,
-		onCreate,
-		isLoading = false,
-	}: Props = $props();
-
-	let searchQuery = $state('');
-	let isCreating = $state(false);
-	let newTagName = $state('');
-	let newTagColor = $state('#3B82F6');
-
-	const filteredTags = $derived(
-		tags.filter((tag) => tag.name.toLowerCase().includes(searchQuery.toLowerCase()))
-	);
-
-	const colors = [
-		{ name: 'Blue', value: '#3B82F6' },
-		{ name: 'Red', value: '#EF4444' },
-		{ name: 'Green', value: '#10B981' },
-		{ name: 'Yellow', value: '#F59E0B' },
-		{ name: 'Purple', value: '#8B5CF6' },
-		{ name: 'Pink', value: '#EC4899' },
-		{ name: 'Indigo', value: '#6366F1' },
-		{ name: 'Gray', value: '#6B7280' },
-	];
-
-	function handleCreateTag() {
-		if (!newTagName.trim()) return;
-		onCreate(newTagName.trim(), newTagColor);
-		newTagName = '';
-		newTagColor = '#3B82F6';
-		isCreating = false;
-	}
-
-	function handleCancel() {
-		isCreating = false;
-		newTagName = '';
-		newTagColor = '#3B82F6';
-	}
-</script>
-
-<Modal {visible} {onClose} title="Manage Tags" maxWidth="md">
-	{#snippet children()}
-		<div class="space-y-4">
-			<!-- Search Input -->
-			<div class="relative">
-				<input
-					type="text"
-					placeholder="Search tags..."
-					bind:value={searchQuery}
-					class="w-full rounded-lg border border-theme bg-content px-4 py-2 pl-10 text-theme focus:outline-none focus:ring-2 focus:ring-primary"
-				/>
-				<svg
-					class="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-theme-secondary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-					/>
-				</svg>
-			</div>
-
-			<!-- Create New Tag Section -->
-			{#if isCreating}
-				<div class="rounded-lg border border-theme bg-content p-4 space-y-3">
-					<h4 class="font-semibold text-theme">Create New Tag</h4>
-
-					<!-- Tag Name Input -->
-					<input
-						type="text"
-						placeholder="Tag name..."
-						bind:value={newTagName}
-						class="w-full rounded-lg border border-theme bg-menu px-3 py-2 text-theme focus:outline-none focus:ring-2 focus:ring-primary"
-					/>
-
-					<!-- Color Selector -->
-					<div class="space-y-2">
-						<label class="text-sm font-medium text-theme-secondary">Color</label>
-						<div class="flex flex-wrap gap-2">
-							{#each colors as color}
-								<button
-									onclick={() => (newTagColor = color.value)}
-									class="h-8 w-8 rounded-full transition-all {newTagColor === color.value
-										? 'ring-2 ring-offset-2 ring-primary'
-										: ''}"
-									style="background-color: {color.value}"
-									title={color.name}
-								/>
-							{/each}
-						</div>
-					</div>
-
-					<!-- Actions -->
-					<div class="flex gap-2">
-						<button onclick={handleCreateTag} class="btn-primary flex-1">Create</button>
-						<button onclick={handleCancel} class="btn-secondary flex-1">Cancel</button>
-					</div>
-				</div>
-			{:else}
-				<button onclick={() => (isCreating = true)} class="btn-secondary w-full">
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 4v16m8-8H4"
-						/>
-					</svg>
-					<span>Create New Tag</span>
-				</button>
-			{/if}
-
-			<!-- Tags List -->
-			<div class="max-h-80 space-y-1 overflow-y-auto">
-				{#if isLoading}
-					<div class="flex items-center justify-center py-8">
-						<div
-							class="h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"
-						/>
-					</div>
-				{:else if filteredTags.length === 0}
-					<div class="py-8 text-center">
-						<p class="text-theme-secondary">
-							{searchQuery ? 'No tags found' : 'No tags yet. Create your first tag!'}
-						</p>
-					</div>
-				{:else}
-					{#each filteredTags as tag (tag.id)}
-						<button
-							onclick={() => onTagSelect(tag.id)}
-							class="flex w-full items-center justify-between rounded-lg p-3 transition-colors hover:bg-menu-hover {selectedTagIds.includes(
-								tag.id
-							)
-								? 'bg-menu'
-								: ''}"
-						>
-							<div class="flex items-center gap-3">
-								<div
-									class="h-4 w-4 rounded-full"
-									style="background-color: {tag.color || '#gray'}"
-								/>
-								<span class="font-medium text-theme">{tag.name}</span>
-							</div>
-
-							{#if selectedTagIds.includes(tag.id)}
-								<svg
-									class="h-5 w-5 text-primary"
-									fill="none"
-									stroke="currentColor"
-									viewBox="0 0 24 24"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M5 13l4 4L19 7"
-									/>
-								</svg>
-							{/if}
-						</button>
-					{/each}
-				{/if}
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-end">
-			<button onclick={onClose} class="btn-primary">Done</button>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/TranslateModal.svelte b/apps/memoro/apps/web-archived/src/lib/components/memo/modals/TranslateModal.svelte
deleted file mode 100644
index a96943c87..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/memo/modals/TranslateModal.svelte
+++ /dev/null
@@ -1,249 +0,0 @@
-<script lang="ts">
-	import Modal from '$lib/components/Modal.svelte';
-
-	interface Language {
-		code: string;
-		name: string;
-	}
-
-	interface Props {
-		visible: boolean;
-		currentLanguage: string;
-		languages: Language[];
-		onClose: () => void;
-		onTranslate: (targetLanguage: string) => void;
-		isTranslating?: boolean;
-	}
-
-	let {
-		visible,
-		currentLanguage,
-		languages,
-		onClose,
-		onTranslate,
-		isTranslating = false,
-	}: Props = $props();
-
-	let selectedLanguage = $state('');
-
-	// Reset when modal opens
-	$effect(() => {
-		if (visible) {
-			selectedLanguage = '';
-		}
-	});
-
-	function handleTranslate() {
-		if (selectedLanguage) {
-			onTranslate(selectedLanguage);
-		}
-	}
-
-	// Get current language name
-	const currentLanguageName = $derived(
-		languages.find((lang) => lang.code === currentLanguage)?.name || currentLanguage
-	);
-
-	// Filter out current language from options
-	const availableLanguages = $derived(languages.filter((lang) => lang.code !== currentLanguage));
-</script>
-
-<Modal {visible} {onClose} title="Translate Memo" maxWidth="lg">
-	{#snippet children()}
-		<div class="space-y-4">
-			<!-- Description -->
-			<p class="text-sm text-theme-secondary">
-				Translate this memo to another language. The AI will translate both the transcript and any
-				existing memories.
-			</p>
-
-			<!-- Current Language -->
-			<div class="rounded-lg bg-content p-4 border border-theme">
-				<div class="flex items-center gap-3">
-					<svg
-						class="h-5 w-5 text-theme-secondary"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"
-						/>
-					</svg>
-					<div>
-						<div class="text-xs text-theme-muted">Current language</div>
-						<div class="text-sm font-semibold text-theme">{currentLanguageName}</div>
-					</div>
-				</div>
-			</div>
-
-			<!-- Target Language Selection -->
-			<div class="space-y-2">
-				<label class="text-sm font-medium text-theme-secondary">Translate to</label>
-				<select
-					bind:value={selectedLanguage}
-					disabled={isTranslating}
-					class="w-full rounded-lg border border-theme bg-content px-4 py-2.5 text-theme focus:outline-none focus:ring-2 focus:ring-primary disabled:opacity-50"
-				>
-					<option value="" disabled>Select a language...</option>
-					{#each availableLanguages as language (language.code)}
-						<option value={language.code}>{language.name}</option>
-					{/each}
-				</select>
-			</div>
-
-			<!-- Features -->
-			<div class="space-y-2">
-				<h4 class="text-sm font-medium text-theme-secondary">What will be translated:</h4>
-				<ul class="space-y-1.5 text-sm text-theme-secondary">
-					<li class="flex items-start gap-2">
-						<svg
-							class="h-5 w-5 flex-shrink-0 text-green-500"
-							fill="currentColor"
-							viewBox="0 0 20 20"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-								clip-rule="evenodd"
-							/>
-						</svg>
-						<span>Full transcript text</span>
-					</li>
-					<li class="flex items-start gap-2">
-						<svg
-							class="h-5 w-5 flex-shrink-0 text-green-500"
-							fill="currentColor"
-							viewBox="0 0 20 20"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-								clip-rule="evenodd"
-							/>
-						</svg>
-						<span>Memo title and introduction</span>
-					</li>
-					<li class="flex items-start gap-2">
-						<svg
-							class="h-5 w-5 flex-shrink-0 text-green-500"
-							fill="currentColor"
-							viewBox="0 0 20 20"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-								clip-rule="evenodd"
-							/>
-						</svg>
-						<span>All AI-generated memories</span>
-					</li>
-				</ul>
-			</div>
-
-			<!-- Warning -->
-			<div class="rounded-lg bg-yellow-500/10 border border-yellow-500/30 p-3">
-				<div class="flex items-start gap-2">
-					<svg
-						class="h-5 w-5 flex-shrink-0 text-yellow-600 dark:text-yellow-500"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
-					<div class="flex-1">
-						<p class="text-sm font-medium text-yellow-800 dark:text-yellow-200">
-							Translation will consume Mana credits
-						</p>
-						<p class="text-xs text-yellow-700 dark:text-yellow-300 mt-1">
-							The cost depends on the length of your content. The translation process may take
-							several minutes for longer memos.
-						</p>
-					</div>
-				</div>
-			</div>
-
-			<!-- Info -->
-			<div class="rounded-lg bg-blue-500/10 border border-blue-500/30 p-3">
-				<div class="flex items-start gap-2">
-					<svg
-						class="h-5 w-5 flex-shrink-0 text-blue-600 dark:text-blue-500"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
-					<div class="flex-1">
-						<p class="text-sm font-medium text-blue-800 dark:text-blue-200">
-							Original content is preserved
-						</p>
-						<p class="text-xs text-blue-700 dark:text-blue-300 mt-1">
-							Your original transcript and memories will not be deleted. You can access them by
-							switching back to the original language.
-						</p>
-					</div>
-				</div>
-			</div>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-end gap-3">
-			<button onclick={onClose} disabled={isTranslating} class="btn-secondary">Cancel</button>
-			<button
-				onclick={handleTranslate}
-				disabled={!selectedLanguage || isTranslating}
-				class="btn-primary disabled:opacity-50"
-			>
-				{#if isTranslating}
-					<svg
-						class="h-4 w-4 animate-spin"
-						fill="none"
-						viewBox="0 0 24 24"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<circle
-							class="opacity-25"
-							cx="12"
-							cy="12"
-							r="10"
-							stroke="currentColor"
-							stroke-width="4"
-						/>
-						<path
-							class="opacity-75"
-							fill="currentColor"
-							d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-						/>
-					</svg>
-					<span>Translating...</span>
-				{:else}
-					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"
-						/>
-					</svg>
-					<span>Start Translation</span>
-				{/if}
-			</button>
-		</div>
-	{/snippet}
-</Modal>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/OVERVIEW.md b/apps/memoro/apps/web-archived/src/lib/components/skeletons/OVERVIEW.md
deleted file mode 100644
index f5410ce3b..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/OVERVIEW.md
+++ /dev/null
@@ -1,264 +0,0 @@
-# Skeleton Loader - Komplette Übersicht
-
-## ✅ Verfügbare Page Skeletons
-
-### 1. **DashboardSkeleton** ✅ Integriert
-
-- **Datei**: `pages/DashboardSkeleton.svelte`
-- **Verwendet in**: `/dashboard/+page.svelte`
-- **Struktur**: Zwei-Spalten Layout mit Memo-Liste und Detail-View
-- **Props**:
-  - `memoCount?: number` (Default: 8)
-  - `leftColumnWidth?: number` (Default: 400)
-
-**Features**:
-
-- Memo-Liste mit Titel, Transcript-Vorschau, Footer
-- Recording Button Platzhalter (kreisrund)
-- Opacity Staggering für visuelle Tiefe
-
----
-
-### 2. **TagsPageSkeleton** ✅ Integriert
-
-- **Datei**: `pages/TagsPageSkeleton.svelte`
-- **Verwendet in**: `/tags/+page.svelte`
-- **Struktur**: Header + Grid von Tag-Karten
-- **Props**:
-  - `tagCount?: number` (Default: 12)
-
-**Features**:
-
-- Tag-Karten mit Farb-Dot, Name, Description
-- Usage Count & Action Buttons
-- Responsive Grid (1/2/3 Spalten)
-
----
-
-### 3. **BlueprintsPageSkeleton** ✅ Integriert
-
-- **Datei**: `pages/BlueprintsPageSkeleton.svelte`
-- **Verwendet in**: `/blueprints/+page.svelte`
-- **Struktur**: Filter Pills + Blueprint Cards Grid
-- **Props**:
-  - `blueprintCount?: number` (Default: 9)
-  - `showFilters?: boolean` (Default: true)
-
-**Features**:
-
-- Category Filter Pills (horizontal scroll)
-- Blueprint Cards mit Category Badge, Title, Description
-- Prompts Count Indikator
-- Responsive Grid
-
----
-
-### 4. **StatisticsPageSkeleton** ✅ Integriert
-
-- **Datei**: `pages/StatisticsPageSkeleton.svelte`
-- **Verwendet in**: `/statistics/+page.svelte`
-- **Struktur**: Quick Stats Cards + Large Analysis Cards
-- **Props**:
-  - `showCards?: boolean` (Default: true)
-
-**Features**:
-
-- 4 Quick Stats Cards (horizontal scroll)
-- Overview, Productivity, Insights, Engagement Cards
-- Chart Platzhalter (Balken, Kreise)
-- Responsive Grid
-
----
-
-### 5. **SettingsPageSkeleton** ✅ Erstellt (Optional)
-
-- **Datei**: `pages/SettingsPageSkeleton.svelte`
-- **Verwendet in**: _Optional - Settings lädt synchron_
-- **Struktur**: User Info + Theme + Toggles + Sections
-- **Props**:
-  - `showAllSections?: boolean` (Default: true)
-
-**Features**:
-
-- User Info Card mit Avatar
-- Theme Mode Buttons (3er Grid)
-- Theme Variant Buttons (4er Grid)
-- Settings Toggles
-- Support Section
-- App Info
-- Danger Zone
-
-**Hinweis**: Settings lädt keine async Daten, daher ist der Skeleton optional und für zukünftige Verwendung verfügbar.
-
----
-
-### 6. **SubscriptionPageSkeleton** ✅ Erstellt (Optional)
-
-- **Datei**: `pages/SubscriptionPageSkeleton.svelte`
-- **Verwendet in**: _Optional - Daten aus JSON_
-- **Struktur**: Usage + Cost + Subscriptions + Packages
-- **Props**:
-  - `showUsageSection?: boolean` (Default: true)
-  - `subscriptionCount?: number` (Default: 4)
-  - `packageCount?: number` (Default: 3)
-
-**Features**:
-
-- Usage Card mit Progress Bars
-- Cost Card mit Cost Items
-- Billing Toggle
-- Subscription Cards Grid (mit Features Liste)
-- Package Cards Grid
-
-**Hinweis**: Aktuell werden Daten aus statischen JSON Files geladen. Der Skeleton ist für zukünftige API-Integration vorbereitet.
-
----
-
-### 7. **SpacesPageSkeleton** ✅ Erstellt (Optional)
-
-- **Datei**: `pages/SpacesPageSkeleton.svelte`
-- **Verwendet in**: _Optional - "Coming Soon" Page_
-- **Struktur**: Header + Spaces Grid
-- **Props**:
-  - `spaceCount?: number` (Default: 6)
-  - `showCreateButton?: boolean` (Default: true)
-
-**Features**:
-
-- Space Cards mit Icon, Name, Description
-- Members & Stats Indikatoren
-- Action Buttons
-- Responsive Grid
-
-**Hinweis**: Spaces Page zeigt aktuell nur "Coming Soon". Der Skeleton ist für zukünftige Feature-Implementierung bereit.
-
----
-
-### 8. **UploadPageSkeleton** ✅ Integriert
-
-- **Datei**: `pages/UploadPageSkeleton.svelte`
-- **Verwendet in**: `/upload/+page.svelte`
-- **Struktur**: File Upload Card + Options Form
-- **Props**:
-  - `showOptionsForm?: boolean` (Default: true)
-
-**Features**:
-
-- File Upload Card mit Drag & Drop Area
-- Options Form (Title, Blueprint, Date/Time, Languages, Diarization)
-- Upload Buttons (Cancel, Upload & Verarbeiten)
-- Einheitliche Breite für alle Container (max-w-4xl)
-- Kompakte Darstellung ohne Scrollen
-- Datum und Uhrzeit standardmäßig auf aktuelle Zeit gesetzt
-
-**Hinweis**: Wird angezeigt während Blueprints vom Server geladen werden. Nur File Upload, keine Recording-Funktionalität.
-
----
-
-## 🛠️ Utility Komponenten
-
-### SkeletonBox
-
-```svelte
-<SkeletonBox width="200px" height="24px" borderRadius="8px" className="mb-2" />
-```
-
-**Verwendung**: Einzelne animierte Platzhalter-Boxen
-
-### SkeletonText
-
-```svelte
-<SkeletonText lines={3} width={['100%', '90%', '70%']} variant="body" />
-```
-
-**Verwendung**: Mehrere Text-Linien mit verschiedenen Breiten
-
----
-
-## 📊 Integrationsstatus
-
-| Page         | Skeleton | Status     | Loading State                   |
-| ------------ | -------- | ---------- | ------------------------------- |
-| Dashboard    | ✅       | Integriert | Async (Memos/Tags laden)        |
-| Tags         | ✅       | Integriert | Async (Tags laden)              |
-| Blueprints   | ✅       | Integriert | Async (Blueprints laden)        |
-| Statistics   | ✅       | Integriert | Async (Stats berechnen)         |
-| Upload       | ✅       | Integriert | Async (Blueprints/Spaces laden) |
-| Settings     | ✅       | Verfügbar  | Synchron (kein Loading)         |
-| Subscription | ✅       | Verfügbar  | Synchron (JSON Files)           |
-| Spaces       | ✅       | Verfügbar  | "Coming Soon" Page              |
-
----
-
-## 🎨 Design Patterns
-
-### Opacity Staggering
-
-```svelte
-{#each items as item, i}
-	<div style="opacity: {Math.max(0.4, 1 - i * 0.08)};">
-		<!-- Skeleton -->
-	</div>
-{/each}
-```
-
-**Effekt**: Items werden nach unten hin transparenter (40% min)
-
-### Shimmer Animation
-
-- **Dauer**: 1.5s
-- **Easing**: ease-in-out
-- **Loop**: infinite
-- **Farben**: CSS Variables `--skeleton-base` & `--skeleton-highlight`
-
-### Responsive Grids
-
-```svelte
-grid-cols-1 md:grid-cols-2 lg:grid-cols-3
-```
-
-**Breakpoints**:
-
-- Mobile: 1 Spalte
-- Tablet (md): 2 Spalten
-- Desktop (lg): 3 Spalten
-
----
-
-## 🚀 Zukünftige Erweiterungen
-
-### Potenzielle neue Skeletons:
-
-- **MemoDetailSkeleton**: Für einzelne Memo-Ansicht
-- **SearchResultsSkeleton**: Für Such-Ergebnisse
-- **NotificationsSkeleton**: Für Benachrichtigungs-Liste
-- **ProfileSkeleton**: Für User-Profile Ansicht
-
-### Verbesserungen:
-
-- **Staggered Delays**: Zeitversetztes Erscheinen von Elementen
-- **Shimmer Direction**: Verschiedene Richtungen (top-to-bottom, diagonal)
-- **Color Variations**: Theme-spezifische Skeleton Farben
-
----
-
-## 📝 Verwendungs-Checkliste
-
-Wenn du einen neuen Skeleton erstellst:
-
-1. ✅ Erstelle Datei in `pages/` oder passender Kategorie
-2. ✅ Nutze `SkeletonBox` für konsistente Animation
-3. ✅ Implementiere Opacity Staggering für Listen
-4. ✅ Matche exakte Struktur der finalen Komponente
-5. ✅ Füge Props für Flexibilität hinzu
-6. ✅ Exportiere in `index.ts`
-7. ✅ Dokumentiere in README.md
-8. ✅ Teste in Light & Dark Mode
-9. ✅ Teste Responsive Verhalten
-10. ✅ Integriere in Seite (falls applicable)
-
----
-
-**Letzte Aktualisierung**: 2025
-**Version**: 1.1.0
-**Autor**: Memoro Team
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/README.md b/apps/memoro/apps/web-archived/src/lib/components/skeletons/README.md
deleted file mode 100644
index f64f96854..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/README.md
+++ /dev/null
@@ -1,252 +0,0 @@
-# Skeleton Loader System
-
-Konsistente, wiederverwendbare Skeleton Loader für bessere Loading States in der Memoro Web App.
-
-## 📁 Struktur
-
-```
-skeletons/
-├── utils/                      # Basis-Komponenten
-│   ├── SkeletonBox.svelte     # Animierte Box mit Shimmer-Effekt
-│   └── SkeletonText.svelte    # Text-Linien für verschiedene Größen
-├── pages/                      # Full-Page Skeletons
-│   ├── DashboardSkeleton.svelte
-│   ├── TagsPageSkeleton.svelte
-│   ├── BlueprintsPageSkeleton.svelte
-│   └── StatisticsPageSkeleton.svelte
-└── index.ts                    # Zentrale Exports
-```
-
-## 🎨 Design Principles
-
-### 1. **Struktur-Treue**
-Skeleton Loader spiegeln exakt das finale Layout wider:
-- Gleiche Padding/Margins
-- Gleiche Höhen/Breiten
-- Gleiche Border Radius
-
-### 2. **Konsistente Animation**
-- **Shimmer Effect**: 1.5s ease-in-out infinite
-- **Opacity Staggering**: Elemente werden nach unten hin transparenter
-```svelte
-style="opacity: {Math.max(0.4, 1 - i * 0.08)};"
-```
-
-### 3. **Theme-Aware**
-Automatische Anpassung an Light/Dark Mode über CSS Variables:
-```css
-:root {
-  --skeleton-base: #e5e7eb;
-  --skeleton-highlight: #f3f4f6;
-}
-
-.dark {
-  --skeleton-base: #2a2a2a;
-  --skeleton-highlight: #3a3a3a;
-}
-```
-
-## 🚀 Verwendung
-
-### Page-Level Skeleton
-
-```svelte
-<script>
-  import { DashboardSkeleton } from '$lib/components/skeletons';
-
-  let loading = $state(true);
-</script>
-
-{#if loading}
-  <DashboardSkeleton />
-{:else}
-  <!-- Your content -->
-{/if}
-```
-
-### Custom Skeleton mit SkeletonBox
-
-```svelte
-<script>
-  import { SkeletonBox } from '$lib/components/skeletons';
-</script>
-
-<div class="my-component">
-  <SkeletonBox width="200px" height="24px" borderRadius="8px" />
-  <SkeletonBox width="100%" height="16px" className="mt-2" />
-</div>
-```
-
-### SkeletonText für mehrere Zeilen
-
-```svelte
-<script>
-  import { SkeletonText } from '$lib/components/skeletons';
-</script>
-
-<!-- 3 Text-Zeilen mit verschiedenen Breiten -->
-<SkeletonText
-  lines={3}
-  width={['100%', '90%', '70%']}
-  variant="body"
-/>
-```
-
-## 🎯 Verfügbare Komponenten
-
-### SkeletonBox Props
-
-| Prop | Type | Default | Beschreibung |
-|------|------|---------|--------------|
-| `width` | string | `'100%'` | Breite der Box |
-| `height` | string | `'20px'` | Höhe der Box |
-| `borderRadius` | string | `'4px'` | Abrundung |
-| `className` | string | `''` | Zusätzliche CSS-Klassen |
-
-### SkeletonText Props
-
-| Prop | Type | Default | Beschreibung |
-|------|------|---------|--------------|
-| `lines` | number | `2` | Anzahl der Zeilen |
-| `width` | string[] | `['100%', '80%']` | Breiten pro Zeile |
-| `variant` | 'body' \| 'heading' \| 'caption' | `'body'` | Text-Größe |
-| `className` | string | `''` | Zusätzliche CSS-Klassen |
-
-### Page Skeletons Props
-
-#### DashboardSkeleton
-```typescript
-{
-  memoCount?: number;        // Default: 8
-  leftColumnWidth?: number;  // Default: 400
-}
-```
-
-#### TagsPageSkeleton
-```typescript
-{
-  tagCount?: number;  // Default: 12
-}
-```
-
-#### BlueprintsPageSkeleton
-```typescript
-{
-  blueprintCount?: number;  // Default: 9
-  showFilters?: boolean;    // Default: true
-}
-```
-
-#### StatisticsPageSkeleton
-```typescript
-{
-  showCards?: boolean;  // Default: true
-}
-```
-
-#### SettingsPageSkeleton
-```typescript
-{
-  showAllSections?: boolean;  // Default: true
-}
-```
-
-#### SubscriptionPageSkeleton
-```typescript
-{
-  showUsageSection?: boolean;   // Default: true
-  subscriptionCount?: number;   // Default: 4
-  packageCount?: number;        // Default: 3
-}
-```
-
-#### SpacesPageSkeleton
-```typescript
-{
-  spaceCount?: number;          // Default: 6
-  showCreateButton?: boolean;   // Default: true
-}
-```
-
-#### UploadPageSkeleton
-```typescript
-{
-  showOptionsForm?: boolean;  // Default: true
-}
-```
-
-## 🎨 Anpassung an eigene Themes
-
-Füge in deiner `app.css` oder Theme-Datei hinzu:
-
-```css
-/* Custom Theme Colors */
-:root[data-theme="custom"] {
-  --skeleton-base: #your-base-color;
-  --skeleton-highlight: #your-highlight-color;
-}
-
-.dark[data-theme="custom"] {
-  --skeleton-base: #your-dark-base;
-  --skeleton-highlight: #your-dark-highlight;
-}
-```
-
-## ✨ Best Practices
-
-### 1. Smooth Transitions
-```svelte
-<div class="fade-in">
-  {#if !loading}
-    <!-- Content -->
-  {/if}
-</div>
-
-<style>
-  .fade-in {
-    animation: fadeIn 0.3s ease-in;
-  }
-
-  @keyframes fadeIn {
-    from { opacity: 0; }
-    to { opacity: 1; }
-  }
-</style>
-```
-
-### 2. Accessibility
-```svelte
-<div role="status" aria-label="Loading content">
-  <SkeletonBox />
-</div>
-```
-
-### 3. Realistische Platzhalter
-- Verwende ähnliche Dimensionen wie dein echter Content
-- Nutze Opacity Staggering für Listen
-- Zeige wichtige UI-Elemente (Header, Navigation) auch im Skeleton
-
-## 📚 Weitere Ressourcen
-
-- [Skeleton Screens Best Practices](https://www.nngroup.com/articles/skeleton-screens/)
-- [Svelte 5 Runes Documentation](https://svelte.dev/docs/svelte/what-are-runes)
-
-## 🐛 Troubleshooting
-
-**Problem**: Skeleton wird nicht angezeigt
-- ✅ Import korrekt? `import { DashboardSkeleton } from '$lib/components/skeletons';`
-- ✅ CSS Variables definiert in app.css?
-
-**Problem**: Animation ruckelt
-- ✅ `useNativeDriver` nicht verfügbar in Web (nur React Native)
-- ✅ CSS Animation sollte smooth laufen
-
-**Problem**: Theme-Farben passen nicht
-- ✅ CSS Variables in `:root` und `.dark` definiert?
-- ✅ Theme-Selector korrekt im HTML?
-
----
-
-**Version**: 1.0.0
-**Erstellt**: 2025
-**Maintainer**: Memoro Team
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/index.ts b/apps/memoro/apps/web-archived/src/lib/components/skeletons/index.ts
deleted file mode 100644
index 779269271..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/index.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Skeleton Loader Components - Central Exports
- *
- * Wiederverwendbare Skeleton Loader für konsistente Loading States
- * in der gesamten Web App.
- */
-
-// Utility Components
-export { default as SkeletonBox } from './utils/SkeletonBox.svelte';
-export { default as SkeletonText } from './utils/SkeletonText.svelte';
-
-// Page Skeletons
-export { default as DashboardSkeleton } from './pages/DashboardSkeleton.svelte';
-export { default as TagsPageSkeleton } from './pages/TagsPageSkeleton.svelte';
-export { default as BlueprintsPageSkeleton } from './pages/BlueprintsPageSkeleton.svelte';
-export { default as StatisticsPageSkeleton } from './pages/StatisticsPageSkeleton.svelte';
-export { default as SettingsPageSkeleton } from './pages/SettingsPageSkeleton.svelte';
-export { default as SubscriptionPageSkeleton } from './pages/SubscriptionPageSkeleton.svelte';
-export { default as SpacesPageSkeleton } from './pages/SpacesPageSkeleton.svelte';
-export { default as UploadPageSkeleton } from './pages/UploadPageSkeleton.svelte';
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/BlueprintsPageSkeleton.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/BlueprintsPageSkeleton.svelte
deleted file mode 100644
index 7fa88559d..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/BlueprintsPageSkeleton.svelte
+++ /dev/null
@@ -1,81 +0,0 @@
-<script lang="ts">
-	/**
-	 * BlueprintsPageSkeleton - Full-page Skeleton für Blueprints Seite
-	 *
-	 * Zeigt Filter Pills und Grid von Blueprint-Karten während des Ladens
-	 */
-
-	import SkeletonBox from '../utils/SkeletonBox.svelte';
-
-	interface Props {
-		blueprintCount?: number;
-		showFilters?: boolean;
-	}
-
-	let { blueprintCount = 9, showFilters = true }: Props = $props();
-</script>
-
-<div class="container mx-auto px-6 py-8">
-	<!-- Category Filter Pills -->
-	{#if showFilters}
-		<div class="mb-8 flex gap-2 overflow-x-auto pb-2">
-			{#each [90, 110, 80, 100, 95, 85] as width}
-				<SkeletonBox
-					width="{width}px"
-					height="36px"
-					borderRadius="18px"
-					className="flex-shrink-0"
-				/>
-			{/each}
-		</div>
-	{/if}
-
-	<!-- Blueprint Cards Grid -->
-	<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
-		{#each Array(blueprintCount) as _, i}
-			<div
-				class="rounded-xl border border-theme bg-menu p-6 transition-all"
-				style="opacity: {Math.max(0.4, 1 - i * 0.07)};"
-			>
-				<!-- Category Badge -->
-				<SkeletonBox width="90px" height="22px" borderRadius="12px" className="mb-4" />
-
-				<!-- Blueprint Title -->
-				<SkeletonBox width="100%" height="24px" className="mb-3" />
-
-				<!-- Description Lines -->
-				<div class="mb-5">
-					<SkeletonBox width="100%" height="14px" className="mb-2" />
-					<SkeletonBox width="95%" height="14px" className="mb-2" />
-					<SkeletonBox width="75%" height="14px" />
-				</div>
-
-				<!-- Prompts Count -->
-				<div class="flex items-center gap-2 border-t border-theme pt-4">
-					<SkeletonBox width="18px" height="18px" borderRadius="50%" />
-					<SkeletonBox width="110px" height="12px" />
-				</div>
-			</div>
-		{/each}
-	</div>
-</div>
-
-<style>
-	/* Horizontal scroll styling for filter pills */
-	.overflow-x-auto::-webkit-scrollbar {
-		height: 6px;
-	}
-
-	.overflow-x-auto::-webkit-scrollbar-track {
-		background: transparent;
-	}
-
-	.overflow-x-auto::-webkit-scrollbar-thumb {
-		background: #cbd5e0;
-		border-radius: 3px;
-	}
-
-	:global(.dark) .overflow-x-auto::-webkit-scrollbar-thumb {
-		background: #4a5568;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/DashboardSkeleton.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/DashboardSkeleton.svelte
deleted file mode 100644
index dd87ae952..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/DashboardSkeleton.svelte
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts">
-	/**
-	 * DashboardSkeleton - Full-page Skeleton für Memos Page
-	 *
-	 * Zeigt die Struktur der Memos-Seite während des Ladens:
-	 * - Linke Spalte: Glass Search Bar und Memo-Liste mit gerundeten Karten
-	 * - Rechte Spalte: Memo Panel Platzhalter mit gerundeten Ecken
-	 */
-
-	import SkeletonBox from '../utils/SkeletonBox.svelte';
-	import { isSidebarMode, isNavCollapsed } from '$lib/stores/navigation';
-
-	interface Props {
-		memoCount?: number;
-		leftColumnWidth?: number;
-	}
-
-	let { memoCount = 6, leftColumnWidth = 400 }: Props = $props();
-</script>
-
-<div
-	class="flex w-full gap-0 overflow-hidden {$isNavCollapsed || $isSidebarMode
-		? 'h-screen'
-		: 'h-[calc(100vh-5rem)]'}"
->
-	<!-- Left Column: Memo List -->
-	<div class="relative flex flex-shrink-0 flex-col bg-menu" style="width: {leftColumnWidth}px;">
-		<!-- Floating Search Bar -->
-		<div
-			class="absolute top-0 left-0 right-0 z-20 py-3 pr-2 transition-all duration-300 {$isNavCollapsed
-				? 'pl-16'
-				: 'pl-4'}"
-		>
-			<SkeletonBox
-				width="100%"
-				height="48px"
-				borderRadius="12px"
-				className="bg-white/70 dark:bg-black/50 backdrop-blur-xl border border-theme shadow-lg"
-			/>
-		</div>
-
-		<!-- Memo List (Scrollable) -->
-		<div class="flex-1 overflow-y-auto scrollbar-hide pl-4 pr-2 pt-[72px]">
-			<!-- Memo Cards -->
-			<div class="flex flex-col">
-				{#each Array(memoCount) as _, i}
-					<div
-						class="w-full rounded-xl border border-theme bg-content p-4"
-						style="height: 144px; margin-bottom: 12px; opacity: {Math.max(0.5, 1 - i * 0.1)};"
-					>
-						<!-- Title -->
-						<div class="mb-1">
-							<SkeletonBox width="70%" height="18px" />
-						</div>
-
-						<!-- Intro/Transcript Preview Lines -->
-						<div class="mb-2">
-							<SkeletonBox width="100%" height="14px" className="mb-1" />
-							<SkeletonBox width="80%" height="14px" />
-						</div>
-
-						<!-- Footer: Date & Duration -->
-						<div class="flex items-center justify-between mt-auto">
-							<SkeletonBox width="70px" height="12px" />
-							<SkeletonBox width="35px" height="12px" />
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	</div>
-
-	<!-- Resizer -->
-	<div class="w-1 bg-transparent"></div>
-
-	<!-- Right Column: Memo Panel Placeholder -->
-	<div class="flex flex-1 flex-col bg-menu">
-		<!-- Panel Container matching SplitView single split design -->
-		<div class="relative h-full w-full overflow-hidden pt-3 pl-2 pr-4">
-			<!-- Content Container -->
-			<div
-				class="h-full w-full overflow-hidden rounded-t-xl border border-theme border-b-0 bg-content"
-			>
-				<!-- Empty State -->
-				<div class="flex h-full items-center justify-center p-4">
-					<div class="text-center rounded-xl border border-theme bg-content p-8">
-						<!-- Placeholder Icon -->
-						<div class="mb-6 flex justify-center">
-							<SkeletonBox width="80px" height="80px" borderRadius="16px" />
-						</div>
-
-						<!-- Placeholder Text -->
-						<SkeletonBox width="200px" height="28px" className="mb-2 mx-auto" />
-						<SkeletonBox width="280px" height="16px" className="mx-auto" />
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	/* Hide scrollbar completely */
-	.scrollbar-hide {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-
-	.scrollbar-hide::-webkit-scrollbar {
-		display: none;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SettingsPageSkeleton.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SettingsPageSkeleton.svelte
deleted file mode 100644
index c3b076524..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SettingsPageSkeleton.svelte
+++ /dev/null
@@ -1,127 +0,0 @@
-<script lang="ts">
-	/**
-	 * SettingsPageSkeleton - Full-page Skeleton für Settings Seite
-	 *
-	 * Zeigt Platzhalter für Settings Sections, Toggles und User Info
-	 */
-
-	import SkeletonBox from '../utils/SkeletonBox.svelte';
-
-	interface Props {
-		showAllSections?: boolean;
-	}
-
-	let { showAllSections = true }: Props = $props();
-</script>
-
-<div class="flex h-full flex-col">
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-3xl space-y-8 pb-12">
-			<!-- Header -->
-			<div>
-				<SkeletonBox width="150px" height="36px" className="mb-2" />
-			</div>
-
-			<!-- User Info Card -->
-			<div class="rounded-xl border border-theme bg-menu p-6">
-				<div class="flex items-center gap-4 mb-6">
-					<!-- Avatar -->
-					<SkeletonBox width="64px" height="64px" borderRadius="50%" />
-					<div class="flex-1">
-						<SkeletonBox width="180px" height="20px" className="mb-2" />
-						<SkeletonBox width="240px" height="16px" />
-					</div>
-				</div>
-				<!-- Sign Out Button -->
-				<SkeletonBox width="120px" height="40px" borderRadius="8px" />
-			</div>
-
-			<!-- Theme Section -->
-			<div>
-				<SkeletonBox width="80px" height="24px" className="mb-4" />
-				<div class="rounded-xl border border-theme bg-menu p-6">
-					<!-- Theme Mode Buttons -->
-					<div class="mb-6">
-						<SkeletonBox width="100px" height="14px" className="mb-3" />
-						<div class="flex gap-2">
-							{#each [1, 2, 3] as _}
-								<SkeletonBox width="80px" height="40px" borderRadius="8px" />
-							{/each}
-						</div>
-					</div>
-
-					<!-- Theme Variant -->
-					<div>
-						<SkeletonBox width="120px" height="14px" className="mb-3" />
-						<div class="grid grid-cols-2 gap-2 md:grid-cols-4">
-							{#each [1, 2, 3, 4] as _}
-								<SkeletonBox width="100%" height="48px" borderRadius="8px" />
-							{/each}
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<!-- Settings Toggles -->
-			<div>
-				<SkeletonBox width="100px" height="24px" className="mb-4" />
-				<div class="space-y-3">
-					{#each [1, 2, 3, 4] as _, i}
-						<div
-							class="rounded-xl border border-theme bg-menu p-4"
-							style="opacity: {Math.max(0.5, 1 - i * 0.1)};"
-						>
-							<div class="flex items-center justify-between">
-								<div class="flex-1">
-									<SkeletonBox width="160px" height="16px" className="mb-2" />
-									<SkeletonBox width="220px" height="12px" />
-								</div>
-								<SkeletonBox width="48px" height="28px" borderRadius="14px" />
-							</div>
-						</div>
-					{/each}
-				</div>
-			</div>
-
-			{#if showAllSections}
-				<!-- Support Section -->
-				<div>
-					<SkeletonBox width="90px" height="24px" className="mb-4" />
-					<div class="space-y-3">
-						{#each [1, 2, 3] as _}
-							<div class="rounded-xl border border-theme bg-menu p-4">
-								<div class="flex items-center justify-between">
-									<SkeletonBox width="140px" height="16px" />
-									<SkeletonBox width="20px" height="20px" />
-								</div>
-							</div>
-						{/each}
-					</div>
-				</div>
-
-				<!-- App Info Section -->
-				<div>
-					<SkeletonBox width="110px" height="24px" className="mb-4" />
-					<div class="rounded-xl border border-theme bg-menu p-6">
-						<div class="space-y-3">
-							{#each [1, 2, 3] as _}
-								<div class="flex justify-between">
-									<SkeletonBox width="100px" height="14px" />
-									<SkeletonBox width="120px" height="14px" />
-								</div>
-							{/each}
-						</div>
-					</div>
-				</div>
-
-				<!-- Danger Zone -->
-				<div>
-					<SkeletonBox width="120px" height="24px" className="mb-4" />
-					<div class="rounded-xl border border-red-500/20 bg-red-500/5 p-6">
-						<SkeletonBox width="140px" height="40px" borderRadius="8px" />
-					</div>
-				</div>
-			{/if}
-		</div>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SpacesPageSkeleton.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SpacesPageSkeleton.svelte
deleted file mode 100644
index edbdde70d..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SpacesPageSkeleton.svelte
+++ /dev/null
@@ -1,75 +0,0 @@
-<script lang="ts">
-	/**
-	 * SpacesPageSkeleton - Full-page Skeleton für Spaces Seite
-	 *
-	 * Zeigt Platzhalter für Space Cards und Create Button
-	 */
-
-	import SkeletonBox from '../utils/SkeletonBox.svelte';
-
-	interface Props {
-		spaceCount?: number;
-		showCreateButton?: boolean;
-	}
-
-	let { spaceCount = 6, showCreateButton = true }: Props = $props();
-</script>
-
-<div class="flex h-full flex-col">
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl space-y-6 pb-12">
-			<!-- Header -->
-			<div class="flex items-center justify-between">
-				<div>
-					<SkeletonBox width="280px" height="36px" className="mb-2" />
-					<SkeletonBox width="320px" height="16px" />
-				</div>
-				{#if showCreateButton}
-					<SkeletonBox width="140px" height="48px" borderRadius="8px" />
-				{/if}
-			</div>
-
-			<!-- Spaces Grid -->
-			<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-				{#each Array(spaceCount) as _, i}
-					<div
-						class="rounded-xl border border-theme bg-menu p-6 transition-all"
-						style="opacity: {Math.max(0.4, 1 - i * 0.08)};"
-					>
-						<!-- Space Icon -->
-						<div class="mb-4">
-							<SkeletonBox width="48px" height="48px" borderRadius="50%" />
-						</div>
-
-						<!-- Space Name -->
-						<SkeletonBox width="70%" height="20px" className="mb-3" />
-
-						<!-- Description -->
-						<div class="mb-4">
-							<SkeletonBox width="100%" height="14px" className="mb-2" />
-							<SkeletonBox width="85%" height="14px" />
-						</div>
-
-						<!-- Members & Stats -->
-						<div class="mb-4 flex items-center gap-4 border-t border-theme pt-4">
-							<div class="flex items-center gap-2">
-								<SkeletonBox width="20px" height="20px" borderRadius="50%" />
-								<SkeletonBox width="40px" height="12px" />
-							</div>
-							<div class="flex items-center gap-2">
-								<SkeletonBox width="20px" height="20px" borderRadius="50%" />
-								<SkeletonBox width="40px" height="12px" />
-							</div>
-						</div>
-
-						<!-- Action Buttons -->
-						<div class="flex gap-2">
-							<SkeletonBox width="100%" height="36px" borderRadius="6px" />
-							<SkeletonBox width="36px" height="36px" borderRadius="6px" />
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/StatisticsPageSkeleton.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/StatisticsPageSkeleton.svelte
deleted file mode 100644
index 8d0ea7b7c..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/StatisticsPageSkeleton.svelte
+++ /dev/null
@@ -1,136 +0,0 @@
-<script lang="ts">
-	/**
-	 * StatisticsPageSkeleton - Full-page Skeleton für Statistics Seite
-	 *
-	 * Zeigt Platzhalter für Statistik-Karten während des Ladens
-	 */
-
-	import SkeletonBox from '../utils/SkeletonBox.svelte';
-
-	interface Props {
-		showCards?: boolean;
-	}
-
-	let { showCards = true }: Props = $props();
-</script>
-
-<div class="container mx-auto px-6 py-8">
-	<!-- Header -->
-	<div class="mb-8">
-		<SkeletonBox width="200px" height="36px" className="mb-3" />
-		<SkeletonBox width="300px" height="16px" />
-	</div>
-
-	{#if showCards}
-		<!-- Quick Stats Cards - Horizontal Scroll -->
-		<div class="mb-8 flex gap-4 overflow-x-auto pb-4">
-			{#each [1, 2, 3, 4] as _, i}
-				<div
-					class="flex-shrink-0 rounded-xl border border-theme bg-menu p-6"
-					style="width: 280px; opacity: {Math.max(0.5, 1 - i * 0.1)};"
-				>
-					<!-- Card Title -->
-					<SkeletonBox width="120px" height="14px" className="mb-4" />
-
-					<!-- Main Number -->
-					<SkeletonBox width="100px" height="36px" className="mb-2" />
-
-					<!-- Secondary Info -->
-					<SkeletonBox width="80px" height="12px" />
-				</div>
-			{/each}
-		</div>
-
-		<!-- Large Stat Cards Grid -->
-		<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
-			<!-- Overview Card -->
-			<div class="rounded-xl border border-theme bg-menu p-6">
-				<SkeletonBox width="180px" height="24px" className="mb-6" />
-
-				<!-- Stats Grid -->
-				<div class="grid grid-cols-2 gap-4">
-					{#each [1, 2, 3, 4] as _}
-						<div class="rounded-lg border border-theme p-4">
-							<SkeletonBox width="80px" height="12px" className="mb-3" />
-							<SkeletonBox width="60px" height="28px" />
-						</div>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Productivity Card -->
-			<div class="rounded-xl border border-theme bg-menu p-6">
-				<SkeletonBox width="160px" height="24px" className="mb-6" />
-
-				<!-- Chart Area -->
-				<div class="space-y-4">
-					{#each [1, 2, 3] as _}
-						<div>
-							<SkeletonBox width="100px" height="12px" className="mb-2" />
-							<SkeletonBox width="100%" height="8px" borderRadius="4px" />
-						</div>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Insights Card -->
-			<div class="rounded-xl border border-theme bg-menu p-6">
-				<SkeletonBox width="140px" height="24px" className="mb-6" />
-
-				<!-- Circular Chart Placeholder -->
-				<div class="flex justify-center py-8">
-					<SkeletonBox width="200px" height="200px" borderRadius="50%" />
-				</div>
-
-				<!-- Legend -->
-				<div class="mt-6 space-y-3">
-					{#each [1, 2, 3, 4] as _}
-						<div class="flex items-center justify-between">
-							<div class="flex items-center gap-2">
-								<SkeletonBox width="12px" height="12px" borderRadius="50%" />
-								<SkeletonBox width="100px" height="12px" />
-							</div>
-							<SkeletonBox width="40px" height="12px" />
-						</div>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Engagement Card -->
-			<div class="rounded-xl border border-theme bg-menu p-6">
-				<SkeletonBox width="150px" height="24px" className="mb-6" />
-
-				<!-- Engagement Stats -->
-				<div class="space-y-6">
-					{#each [1, 2, 3] as _}
-						<div>
-							<SkeletonBox width="120px" height="14px" className="mb-2" />
-							<SkeletonBox width="100%" height="16px" className="mb-1" />
-							<SkeletonBox width="70%" height="12px" />
-						</div>
-					{/each}
-				</div>
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	/* Horizontal scroll styling for quick stats */
-	.overflow-x-auto::-webkit-scrollbar {
-		height: 6px;
-	}
-
-	.overflow-x-auto::-webkit-scrollbar-track {
-		background: transparent;
-	}
-
-	.overflow-x-auto::-webkit-scrollbar-thumb {
-		background: #cbd5e0;
-		border-radius: 3px;
-	}
-
-	:global(.dark) .overflow-x-auto::-webkit-scrollbar-thumb {
-		background: #4a5568;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SubscriptionPageSkeleton.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SubscriptionPageSkeleton.svelte
deleted file mode 100644
index 17688d6e5..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/SubscriptionPageSkeleton.svelte
+++ /dev/null
@@ -1,145 +0,0 @@
-<script lang="ts">
-	/**
-	 * SubscriptionPageSkeleton - Full-page Skeleton für Subscription/Mana Seite
-	 *
-	 * Zeigt Platzhalter für Usage Card, Cost Card, und Subscription/Package Cards
-	 */
-
-	import SkeletonBox from '../utils/SkeletonBox.svelte';
-
-	interface Props {
-		showUsageSection?: boolean;
-		subscriptionCount?: number;
-		packageCount?: number;
-	}
-
-	let { showUsageSection = true, subscriptionCount = 4, packageCount = 3 }: Props = $props();
-</script>
-
-<div class="flex h-full flex-col">
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl pb-12">
-			<!-- Header -->
-			<SkeletonBox width="200px" height="36px" className="mb-8" />
-
-			{#if showUsageSection}
-				<!-- Usage & Costs Section -->
-				<section class="mb-8 space-y-4">
-					<!-- Usage Card -->
-					<div class="rounded-2xl border border-theme bg-menu p-6">
-						<SkeletonBox width="150px" height="20px" className="mb-6" />
-
-						<!-- Progress Bars -->
-						<div class="space-y-5">
-							{#each [1, 2] as _}
-								<div>
-									<div class="mb-2 flex justify-between">
-										<SkeletonBox width="80px" height="14px" />
-										<SkeletonBox width="100px" height="14px" />
-									</div>
-									<SkeletonBox width="100%" height="8px" borderRadius="4px" />
-								</div>
-							{/each}
-						</div>
-					</div>
-
-					<!-- Cost Card -->
-					<div class="rounded-2xl border border-theme bg-menu p-6">
-						<SkeletonBox width="180px" height="20px" className="mb-6" />
-
-						<!-- Cost Items -->
-						<div class="space-y-3">
-							{#each [1, 2, 3, 4] as _, i}
-								<div
-									class="flex items-center justify-between rounded-lg border border-theme p-3"
-									style="opacity: {Math.max(0.5, 1 - i * 0.1)};"
-								>
-									<div class="flex items-center gap-3">
-										<SkeletonBox width="32px" height="32px" borderRadius="6px" />
-										<SkeletonBox width="140px" height="14px" />
-									</div>
-									<SkeletonBox width="60px" height="16px" />
-								</div>
-							{/each}
-						</div>
-					</div>
-				</section>
-			{/if}
-
-			<!-- Billing Toggle -->
-			<div class="mb-8 flex justify-center">
-				<SkeletonBox width="280px" height="48px" borderRadius="24px" />
-			</div>
-
-			<!-- Subscriptions Section -->
-			<section class="mb-12">
-				<SkeletonBox width="180px" height="28px" className="mb-6" />
-
-				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
-					{#each Array(subscriptionCount) as _, i}
-						<div
-							class="rounded-2xl border border-theme bg-menu p-6"
-							style="opacity: {Math.max(0.4, 1 - i * 0.12)};"
-						>
-							<!-- Plan Name & Badge -->
-							<div class="mb-4 flex items-center justify-between">
-								<SkeletonBox width="100px" height="24px" />
-								<SkeletonBox width="70px" height="24px" borderRadius="12px" />
-							</div>
-
-							<!-- Price -->
-							<div class="mb-6">
-								<SkeletonBox width="120px" height="40px" className="mb-2" />
-								<SkeletonBox width="80px" height="12px" />
-							</div>
-
-							<!-- Features -->
-							<div class="mb-6 space-y-3">
-								{#each [1, 2, 3, 4] as _}
-									<div class="flex items-center gap-2">
-										<SkeletonBox width="16px" height="16px" borderRadius="50%" />
-										<SkeletonBox width="140px" height="12px" />
-									</div>
-								{/each}
-							</div>
-
-							<!-- Button -->
-							<SkeletonBox width="100%" height="44px" borderRadius="8px" />
-						</div>
-					{/each}
-				</div>
-			</section>
-
-			<!-- Packages Section -->
-			<section class="mb-12">
-				<SkeletonBox width="160px" height="28px" className="mb-6" />
-
-				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-					{#each Array(packageCount) as _, i}
-						<div
-							class="rounded-2xl border border-theme bg-menu p-6"
-							style="opacity: {Math.max(0.5, 1 - i * 0.15)};"
-						>
-							<!-- Icon -->
-							<div class="mb-4 flex justify-center">
-								<SkeletonBox width="48px" height="48px" borderRadius="50%" />
-							</div>
-
-							<!-- Package Name -->
-							<SkeletonBox width="120px" height="20px" className="mb-3 mx-auto" />
-
-							<!-- Amount -->
-							<SkeletonBox width="100px" height="32px" className="mb-4 mx-auto" />
-
-							<!-- Price -->
-							<SkeletonBox width="80px" height="24px" className="mb-6 mx-auto" />
-
-							<!-- Button -->
-							<SkeletonBox width="100%" height="44px" borderRadius="8px" />
-						</div>
-					{/each}
-				</div>
-			</section>
-		</div>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/TagsPageSkeleton.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/TagsPageSkeleton.svelte
deleted file mode 100644
index cd3977586..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/TagsPageSkeleton.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	/**
-	 * TagsPageSkeleton - Skeleton für Tags Content
-	 *
-	 * Zeigt NUR die Tag Pills - Header wird bereits von der Seite gerendert!
-	 * Matched exakt die Struktur der echten Tag Pills
-	 */
-
-	import SkeletonBox from '../utils/SkeletonBox.svelte';
-
-	interface Props {
-		tagCount?: number;
-	}
-
-	let { tagCount = 15 }: Props = $props();
-
-	// Generate realistic tag widths (Tag names vary in length)
-	const tagWidths = Array.from({ length: tagCount }, () => {
-		// Real tags: ~60px - 160px for the text
-		return Math.floor(Math.random() * 100) + 60;
-	});
-</script>
-
-<!-- Exakt wie auf echter Seite: flex flex-wrap gap-4 -->
-<div class="flex flex-wrap gap-4">
-	{#each tagWidths as width, i}
-		<!-- Exakt wie echter Tag: group inline-flex items-center gap-2 rounded-full border-2 px-5 py-3 text-base font-medium -->
-		<div
-			class="group inline-flex items-center gap-2 rounded-full border-2 border-theme bg-menu px-5 py-3"
-			style="opacity: {Math.max(0.5, 1 - i * 0.03)};"
-		>
-			<!-- Tag Name Text (text-base = 16px height) -->
-			<SkeletonBox width="{width}px" height="16px" borderRadius="3px" />
-
-			<!-- Edit Button: rounded-full p-1 mit h-4 w-4 Icon -->
-			<div class="rounded-full p-1">
-				<SkeletonBox width="16px" height="16px" borderRadius="2px" />
-			</div>
-		</div>
-	{/each}
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/UploadPageSkeleton.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/UploadPageSkeleton.svelte
deleted file mode 100644
index 69827e144..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/pages/UploadPageSkeleton.svelte
+++ /dev/null
@@ -1,99 +0,0 @@
-<script lang="ts">
-	/**
-	 * UploadPageSkeleton - Skeleton für Upload Page
-	 *
-	 * Matched exakt die Struktur der Upload-Seite:
-	 * - Header (wird von Seite gerendert)
-	 * - File Upload Card
-	 * - Options Form (Title, Blueprint, Space, Languages, Diarization)
-	 * - Upload Button
-	 */
-
-	import SkeletonBox from '../utils/SkeletonBox.svelte';
-
-	interface Props {
-		showOptionsForm?: boolean;
-	}
-
-	let { showOptionsForm = true }: Props = $props();
-</script>
-
-<div class="space-y-4">
-	<!-- File Upload Card -->
-	<div class="mb-4">
-		<div class="rounded-xl border border-theme bg-menu p-4">
-			<!-- Title -->
-			<SkeletonBox width="120px" height="20px" borderRadius="4px" className="mb-3" />
-
-			<!-- Drag & Drop Area -->
-			<div class="rounded-lg border-2 border-dashed border-theme bg-content p-6">
-				<div class="flex flex-col items-center gap-3">
-					<!-- Upload Icon -->
-					<SkeletonBox width="40px" height="40px" borderRadius="8px" />
-					<!-- Text -->
-					<SkeletonBox width="180px" height="14px" borderRadius="3px" />
-					<!-- Button -->
-					<SkeletonBox width="110px" height="32px" borderRadius="8px" className="mt-1" />
-					<!-- Format Text -->
-					<SkeletonBox width="140px" height="12px" borderRadius="3px" className="mt-1" />
-				</div>
-			</div>
-		</div>
-	</div>
-
-	{#if showOptionsForm}
-		<!-- Upload Options -->
-		<div class="mb-4 rounded-xl border border-theme bg-menu p-4">
-			<!-- Title -->
-			<SkeletonBox width="80px" height="20px" borderRadius="4px" className="mb-4" />
-
-			<div class="space-y-4">
-				<!-- Title Input -->
-				<div>
-					<SkeletonBox width="80px" height="14px" borderRadius="3px" className="mb-1.5" />
-					<SkeletonBox width="100%" height="34px" borderRadius="8px" />
-				</div>
-
-				<!-- Blueprint Selector -->
-				<div>
-					<SkeletonBox width="100px" height="14px" borderRadius="3px" className="mb-1.5" />
-					<SkeletonBox width="100%" height="34px" borderRadius="8px" />
-				</div>
-
-				<!-- Date and Time -->
-				<div class="grid grid-cols-2 gap-3">
-					<div>
-						<SkeletonBox width="70px" height="14px" borderRadius="3px" className="mb-1.5" />
-						<SkeletonBox width="100%" height="34px" borderRadius="8px" />
-					</div>
-					<div>
-						<SkeletonBox width="80px" height="14px" borderRadius="3px" className="mb-1.5" />
-						<SkeletonBox width="100%" height="34px" borderRadius="8px" />
-					</div>
-				</div>
-
-				<!-- Languages Input -->
-				<div>
-					<SkeletonBox width="60px" height="14px" borderRadius="3px" className="mb-1.5" />
-					<div class="flex gap-2">
-						<SkeletonBox width="80px" height="32px" borderRadius="8px" />
-						<SkeletonBox width="80px" height="32px" borderRadius="8px" />
-						<SkeletonBox width="80px" height="32px" borderRadius="8px" />
-					</div>
-				</div>
-
-				<!-- Diarization Toggle -->
-				<div class="flex items-center justify-between">
-					<SkeletonBox width="140px" height="14px" borderRadius="3px" />
-					<SkeletonBox width="48px" height="28px" borderRadius="14px" />
-				</div>
-			</div>
-		</div>
-
-		<!-- Upload Button -->
-		<div class="flex justify-end gap-3">
-			<SkeletonBox width="100px" height="36px" borderRadius="8px" />
-			<SkeletonBox width="200px" height="36px" borderRadius="8px" />
-		</div>
-	{/if}
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/utils/SkeletonBox.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/utils/SkeletonBox.svelte
deleted file mode 100644
index f7f5a6817..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/utils/SkeletonBox.svelte
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts">
-	/**
-	 * SkeletonBox - Basis-Komponente für Skeleton Loader
-	 *
-	 * Wiederverwendbare Box mit Shimmer-Animation für Loading States.
-	 * Theme-aware und vollständig anpassbar.
-	 */
-
-	interface Props {
-		width?: string;
-		height?: string;
-		borderRadius?: string;
-		className?: string;
-	}
-
-	let { width = '100%', height = '20px', borderRadius = '4px', className = '' }: Props = $props();
-</script>
-
-<div
-	class="skeleton-box {className}"
-	style="width: {width}; height: {height}; border-radius: {borderRadius};"
-	role="status"
-	aria-label="Loading"
-></div>
-
-<style>
-	.skeleton-box {
-		background: linear-gradient(
-			90deg,
-			var(--skeleton-base) 0%,
-			var(--skeleton-highlight) 50%,
-			var(--skeleton-base) 100%
-		);
-		background-size: 200% 100%;
-		animation: skeleton-shimmer 1.5s ease-in-out infinite;
-	}
-
-	@keyframes skeleton-shimmer {
-		0% {
-			background-position: 200% 0;
-		}
-		100% {
-			background-position: -200% 0;
-		}
-	}
-
-	/* Light Mode - Default */
-	:global(:root) {
-		--skeleton-base: #e5e7eb;
-		--skeleton-highlight: #f3f4f6;
-	}
-
-	/* Dark Mode */
-	:global(.dark) {
-		--skeleton-base: #2a2a2a;
-		--skeleton-highlight: #3a3a3a;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/skeletons/utils/SkeletonText.svelte b/apps/memoro/apps/web-archived/src/lib/components/skeletons/utils/SkeletonText.svelte
deleted file mode 100644
index 23424fe2a..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/skeletons/utils/SkeletonText.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	/**
-	 * SkeletonText - Text-Linien Skeleton
-	 *
-	 * Vordefinierte Komponente für Text-Zeilen mit verschiedenen Größen
-	 */
-
-	import SkeletonBox from './SkeletonBox.svelte';
-
-	interface Props {
-		lines?: number;
-		width?: string[];
-		variant?: 'body' | 'heading' | 'caption';
-		className?: string;
-	}
-
-	let { lines = 2, width = ['100%', '80%'], variant = 'body', className = '' }: Props = $props();
-
-	const heights = {
-		heading: '24px',
-		body: '16px',
-		caption: '12px',
-	};
-
-	const height = heights[variant];
-</script>
-
-<div class="skeleton-text {className}">
-	{#each Array(lines) as _, i}
-		<SkeletonBox width={width[i] || width[width.length - 1]} {height} className="mb-2" />
-	{/each}
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/statistics/EngagementCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/statistics/EngagementCard.svelte
deleted file mode 100644
index 523872512..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/statistics/EngagementCard.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-	import GlassCard from './GlassCard.svelte';
-	import StatRow from './StatRow.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		mostViewedMemo: { id: string; title: string; viewCount: number } | null;
-		lastViewedMemo: { id: string; title: string; lastViewed: string } | null;
-		unreadMemos: number;
-		memoCount: number;
-	}
-
-	let { mostViewedMemo, lastViewedMemo, unreadMemos, memoCount }: Props = $props();
-
-	const readMemos = memoCount - unreadMemos;
-	const readPercentage = memoCount > 0 ? Math.round((readMemos / memoCount) * 100) : 0;
-</script>
-
-<GlassCard>
-	{#snippet children()}
-		<div>
-			<Text variant="large" weight="bold" class="mb-5 text-2xl">Engagement</Text>
-
-			<!-- View Statistics -->
-			<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide">Aufrufe</Text>
-			<div class="mb-4 -space-y-px">
-				{#if mostViewedMemo}
-					<StatRow
-						title="Meist angesehen"
-						value={`${mostViewedMemo.viewCount}x`}
-						subtitle={mostViewedMemo.title}
-						icon="eye-outline"
-					/>
-				{/if}
-				{#if lastViewedMemo}
-					<StatRow
-						title="Zuletzt angesehen"
-						value={new Date(lastViewedMemo.lastViewed).toLocaleDateString('de-DE')}
-						subtitle={lastViewedMemo.title}
-						icon="time-outline"
-					/>
-				{/if}
-			</div>
-
-			<!-- Reading Statistics -->
-			<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide">Lesestatus</Text>
-			<div class="-space-y-px">
-				<StatRow
-					title="Ungelesene Memos"
-					value={unreadMemos.toString()}
-					icon="mail-unread-outline"
-				/>
-				<StatRow
-					title="Gelesene Memos"
-					value={readMemos.toString()}
-					icon="checkmark-done-outline"
-				/>
-				<StatRow
-					title="Gelesen"
-					value={`${readPercentage}%`}
-					subtitle={`${readMemos} von ${memoCount} Memos`}
-					icon="stats-chart-outline"
-				/>
-			</div>
-
-			{#if unreadMemos > 0}
-				<div class="mt-4 rounded-xl bg-menu/30 p-3">
-					<Text variant="small" class="text-theme-secondary">
-						💡 Du hast noch {unreadMemos}
-						{unreadMemos === 1 ? 'ungelesenes Memo' : 'ungelesene Memos'}
-					</Text>
-				</div>
-			{/if}
-		</div>
-	{/snippet}
-</GlassCard>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/statistics/GlassCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/statistics/GlassCard.svelte
deleted file mode 100644
index 42e77ef64..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/statistics/GlassCard.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	interface Props {
-		children: any;
-		class?: string;
-	}
-
-	let { children, class: className = '' }: Props = $props();
-</script>
-
-<div
-	class="relative overflow-hidden rounded-3xl border border-theme bg-black/[0.02] dark:bg-white/[0.02] p-6 shadow-lg {className}"
->
-	{@render children()}
-</div>
-
-<style>
-	/* Additional glassmorphism effect */
-	div {
-		backdrop-filter: blur(10px);
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/statistics/InsightsCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/statistics/InsightsCard.svelte
deleted file mode 100644
index ce09cd338..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/statistics/InsightsCard.svelte
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts">
-	import GlassCard from './GlassCard.svelte';
-	import StatRow from './StatRow.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		averageAudioDuration: number;
-		averageWordsPerMinute: number;
-		longestRecording: number;
-		totalTags: number;
-		assignedTags: number;
-		memosWithoutTags: number;
-		averageTagsPerMemo: number;
-		mostUsedTags: { name: string; count: number; color: string }[];
-		topLocations: { city: string; count: number }[];
-	}
-
-	let {
-		averageAudioDuration,
-		averageWordsPerMinute,
-		longestRecording,
-		totalTags,
-		assignedTags,
-		memosWithoutTags,
-		averageTagsPerMemo,
-		mostUsedTags,
-		topLocations,
-	}: Props = $props();
-
-	function formatDuration(seconds: number): string {
-		const hours = Math.floor(seconds / 3600);
-		const minutes = Math.floor((seconds % 3600) / 60);
-
-		if (hours > 0) {
-			return `${hours}h ${minutes}m`;
-		} else if (minutes > 0) {
-			return `${minutes}m`;
-		} else {
-			return `${seconds}s`;
-		}
-	}
-</script>
-
-<GlassCard>
-	{#snippet children()}
-		<div>
-			<Text variant="large" weight="bold" class="mb-5 text-2xl">Insights</Text>
-
-			<!-- Audio Insights -->
-			<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide">Audio</Text>
-			<div class="mb-4 -space-y-px">
-				<StatRow
-					title="Ø Aufnahmedauer"
-					value={formatDuration(averageAudioDuration)}
-					subtitle="pro Memo"
-					icon="time-outline"
-				/>
-				<StatRow
-					title="Ø Wörter/Minute"
-					value={averageWordsPerMinute.toString()}
-					subtitle="Sprechgeschwindigkeit"
-					icon="speedometer-outline"
-				/>
-				<StatRow
-					title="Längste Aufnahme"
-					value={formatDuration(longestRecording)}
-					icon="timer-outline"
-				/>
-			</div>
-
-			<!-- Tag Analytics -->
-			<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide">Tags</Text>
-			<div class="mb-4 -space-y-px">
-				<StatRow title="Gesamt Tags" value={totalTags.toString()} icon="pricetag-outline" />
-				<StatRow
-					title="Zugewiesene Tags"
-					value={assignedTags.toString()}
-					icon="checkmark-circle-outline"
-				/>
-				<StatRow
-					title="Memos ohne Tags"
-					value={memosWithoutTags.toString()}
-					icon="alert-circle-outline"
-				/>
-				<StatRow
-					title="Ø Tags/Memo"
-					value={averageTagsPerMemo.toString()}
-					icon="analytics-outline"
-				/>
-
-				{#if mostUsedTags.length > 0}
-					<Text variant="muted" weight="medium" class="mb-2 mt-3">Meistgenutzte Tags</Text>
-					{#each mostUsedTags.slice(0, 5) as tag}
-						<StatRow title={tag.name} value={tag.count.toString()} icon="pricetag-outline" />
-					{/each}
-				{/if}
-			</div>
-
-			<!-- Location Data -->
-			{#if topLocations.length > 0}
-				<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide">
-					Standorte
-				</Text>
-				<div class="-space-y-px">
-					{#each topLocations as location}
-						<StatRow title={location.city} value={`${location.count}x`} icon="location-outline" />
-					{/each}
-				</div>
-			{/if}
-		</div>
-	{/snippet}
-</GlassCard>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/statistics/OverviewCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/statistics/OverviewCard.svelte
deleted file mode 100644
index c5381c1e9..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/statistics/OverviewCard.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script lang="ts">
-	import GlassCard from './GlassCard.svelte';
-	import StatRow from './StatRow.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		memoCount: number;
-		memoryCount: number;
-		totalDuration: number;
-		totalWords: number;
-		currentStreak: number;
-		averageWordCount: number;
-	}
-
-	let {
-		memoCount,
-		memoryCount,
-		totalDuration,
-		totalWords,
-		currentStreak,
-		averageWordCount,
-	}: Props = $props();
-
-	function formatDuration(seconds: number): string {
-		const hours = Math.floor(seconds / 3600);
-		const minutes = Math.floor((seconds % 3600) / 60);
-
-		if (hours > 0) {
-			return `${hours}h ${minutes}m`;
-		} else if (minutes > 0) {
-			return `${minutes}m`;
-		} else {
-			return `${seconds}s`;
-		}
-	}
-</script>
-
-<GlassCard>
-	{#snippet children()}
-		<Text variant="large" weight="bold" class="mb-5 text-2xl">Überblick</Text>
-		<!-- Responsive Grid: 1 col mobile, 2 cols tablet, 3 cols desktop -->
-		<div class="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3">
-			<!-- Main Stats -->
-			<div class="-space-y-px">
-				<StatRow title="Memos" value={memoCount.toString()} icon="document-text-outline" />
-				<StatRow title="Memories" value={memoryCount.toString()} icon="sparkles-outline" />
-			</div>
-			<div class="-space-y-px">
-				<StatRow
-					title="Aufnahmedauer"
-					value={formatDuration(totalDuration)}
-					icon="volume-high-outline"
-				/>
-				<StatRow title="Wörter" value={totalWords.toLocaleString()} icon="text-outline" />
-			</div>
-			<div class="-space-y-px">
-				<StatRow title="Aktuelle Serie" value={`${currentStreak} Tage`} icon="flame-outline" />
-				<StatRow
-					title="Ø Wörter/Memo"
-					value={averageWordCount.toString()}
-					icon="analytics-outline"
-				/>
-			</div>
-		</div>
-	{/snippet}
-</GlassCard>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/statistics/ProductivityCard.svelte b/apps/memoro/apps/web-archived/src/lib/components/statistics/ProductivityCard.svelte
deleted file mode 100644
index aa49418c1..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/statistics/ProductivityCard.svelte
+++ /dev/null
@@ -1,113 +0,0 @@
-<script lang="ts">
-	import GlassCard from './GlassCard.svelte';
-	import StatRow from './StatRow.svelte';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		todayStats: {
-			memos: number;
-			memories: number;
-			duration: number;
-			words: number;
-		};
-		last30DaysStats: {
-			memos: number;
-			memories: number;
-			duration: number;
-			words: number;
-		};
-		currentStreak: number;
-		longestStreak: number;
-		activestWeek: { week: string; count: number };
-		activestMonth: { month: string; count: number };
-	}
-
-	let {
-		todayStats,
-		last30DaysStats,
-		currentStreak,
-		longestStreak,
-		activestWeek,
-		activestMonth,
-	}: Props = $props();
-
-	function formatDuration(seconds: number): string {
-		const hours = Math.floor(seconds / 3600);
-		const minutes = Math.floor((seconds % 3600) / 60);
-
-		if (hours > 0) {
-			return `${hours}h ${minutes}m`;
-		} else if (minutes > 0) {
-			return `${minutes}m`;
-		} else {
-			return `${seconds}s`;
-		}
-	}
-</script>
-
-<GlassCard>
-	{#snippet children()}
-		<div>
-			<Text variant="large" weight="bold" class="mb-5 text-2xl">Produktivität</Text>
-
-			<!-- Today Section -->
-			<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide">Heute</Text>
-			<div class="mb-4 -space-y-px">
-				<StatRow title="Memos" value={todayStats.memos.toString()} icon="document-text-outline" />
-				<StatRow title="Memories" value={todayStats.memories.toString()} icon="sparkles-outline" />
-				<StatRow
-					title="Aufnahmedauer"
-					value={formatDuration(todayStats.duration)}
-					icon="volume-high-outline"
-				/>
-				<StatRow title="Wörter" value={todayStats.words.toLocaleString()} icon="text-outline" />
-			</div>
-
-			<!-- Last 30 Days Section -->
-			<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide">
-				Letzte 30 Tage
-			</Text>
-			<div class="mb-4 -space-y-px">
-				<StatRow
-					title="Memos"
-					value={last30DaysStats.memos.toString()}
-					icon="document-text-outline"
-				/>
-				<StatRow
-					title="Memories"
-					value={last30DaysStats.memories.toString()}
-					icon="sparkles-outline"
-				/>
-				<StatRow
-					title="Aufnahmedauer"
-					value={formatDuration(last30DaysStats.duration)}
-					icon="volume-high-outline"
-				/>
-				<StatRow
-					title="Wörter"
-					value={last30DaysStats.words.toLocaleString()}
-					icon="text-outline"
-				/>
-			</div>
-
-			<!-- Activity Section -->
-			<Text variant="muted" weight="semibold" class="mb-2 uppercase tracking-wide">Aktivität</Text>
-			<div class="-space-y-px">
-				<StatRow title="Aktuelle Serie" value={`${currentStreak} Tage`} icon="flame-outline" />
-				<StatRow title="Längste Serie" value={`${longestStreak} Tage`} icon="trophy-outline" />
-				<StatRow
-					title="Aktivste Woche"
-					value={`${activestWeek.count}x`}
-					subtitle={activestWeek.week}
-					icon="calendar-outline"
-				/>
-				<StatRow
-					title="Aktivster Monat"
-					value={`${activestMonth.count}x`}
-					subtitle={activestMonth.month}
-					icon="calendar-outline"
-				/>
-			</div>
-		</div>
-	{/snippet}
-</GlassCard>
diff --git a/apps/memoro/apps/web-archived/src/lib/components/statistics/StatRow.svelte b/apps/memoro/apps/web-archived/src/lib/components/statistics/StatRow.svelte
deleted file mode 100644
index d88d29f29..000000000
--- a/apps/memoro/apps/web-archived/src/lib/components/statistics/StatRow.svelte
+++ /dev/null
@@ -1,183 +0,0 @@
-<script lang="ts">
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	interface Props {
-		title: string;
-		value: string;
-		icon: string;
-		subtitle?: string;
-	}
-
-	let { title, value, icon, subtitle }: Props = $props();
-</script>
-
-<div
-	class="flex items-center gap-3 border border-theme bg-black/[0.03] dark:bg-white/[0.06] px-3 py-2.5 transition-colors hover:bg-black/[0.06] dark:hover:bg-white/[0.12] first:rounded-t-xl last:rounded-b-xl"
->
-	<!-- Icon -->
-	<svg
-		class="h-5 w-5 flex-shrink-0 text-theme-secondary"
-		fill="none"
-		stroke="currentColor"
-		viewBox="0 0 24 24"
-	>
-		{#if icon === 'document-text-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-			/>
-		{:else if icon === 'sparkles-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"
-			/>
-		{:else if icon === 'volume-high-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"
-			/>
-		{:else if icon === 'text-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-			/>
-		{:else if icon === 'flame-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z"
-			/>
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z"
-			/>
-		{:else if icon === 'analytics-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-			/>
-		{:else if icon === 'trophy-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-			/>
-		{:else if icon === 'calendar-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-			/>
-		{:else if icon === 'time-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-			/>
-		{:else if icon === 'speedometer-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M13 10V3L4 14h7v7l9-11h-7z"
-			/>
-		{:else if icon === 'timer-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-			/>
-		{:else if icon === 'pricetag-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
-			/>
-		{:else if icon === 'checkmark-circle-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-			/>
-		{:else if icon === 'alert-circle-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-			/>
-		{:else if icon === 'location-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-			/>
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
-			/>
-		{:else if icon === 'eye-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-			/>
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-			/>
-		{:else if icon === 'mail-unread-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-			/>
-		{:else if icon === 'checkmark-done-outline'}
-			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-		{:else if icon === 'stats-chart-outline'}
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"
-			/>
-		{/if}
-	</svg>
-
-	<!-- Content -->
-	<div class="flex-1">
-		<Text variant="small" weight="medium">{title}</Text>
-		{#if subtitle}
-			<Text variant="muted" class="mt-0.5">{subtitle}</Text>
-		{/if}
-	</div>
-
-	<!-- Value -->
-	<Text variant="body" weight="bold" class="text-right">{value}</Text>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/lib/config/env.ts b/apps/memoro/apps/web-archived/src/lib/config/env.ts
deleted file mode 100644
index 665efd97f..000000000
--- a/apps/memoro/apps/web-archived/src/lib/config/env.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * Environment configuration helper
- * Provides type-safe access to environment variables
- */
-
-import {
-	PUBLIC_SUPABASE_URL,
-	PUBLIC_SUPABASE_ANON_KEY,
-	PUBLIC_MEMORO_SERVER_URL,
-	PUBLIC_STORAGE_BUCKET,
-	PUBLIC_GOOGLE_CLIENT_ID,
-	PUBLIC_APPLE_CLIENT_ID,
-	PUBLIC_APPLE_REDIRECT_URI,
-	PUBLIC_POSTHOG_KEY,
-	PUBLIC_POSTHOG_HOST,
-	PUBLIC_GLITCHTIP_DSN,
-} from '$env/static/public';
-
-export const env = {
-	// Supabase
-	supabase: {
-		url: PUBLIC_SUPABASE_URL,
-		anonKey: PUBLIC_SUPABASE_ANON_KEY,
-	},
-
-	// API servers
-	server: {
-		memoroUrl: PUBLIC_MEMORO_SERVER_URL,
-	},
-
-	// Storage
-	storage: {
-		bucket: PUBLIC_STORAGE_BUCKET,
-	},
-
-	// OAuth
-	oauth: {
-		googleClientId: PUBLIC_GOOGLE_CLIENT_ID,
-		appleClientId: PUBLIC_APPLE_CLIENT_ID || '',
-		appleRedirectUri: PUBLIC_APPLE_REDIRECT_URI || '',
-	},
-
-	// Analytics (optional)
-	analytics: {
-		posthog: {
-			key: PUBLIC_POSTHOG_KEY || '',
-			host: PUBLIC_POSTHOG_HOST || 'https://eu.i.posthog.com',
-		},
-	},
-
-	// Error tracking (GlitchTip — Sentry-compatible, self-hosted)
-	glitchtip: {
-		dsn: PUBLIC_GLITCHTIP_DSN || '',
-	},
-} as const;
-
-// Helper to check if optional features are enabled
-export const features = {
-	hasPosthog: !!PUBLIC_POSTHOG_KEY,
-	hasGlitchtip: !!PUBLIC_GLITCHTIP_DSN,
-} as const;
-
-// Log environment configuration on startup (useful for debugging deployment issues)
-if (typeof window !== 'undefined') {
-	console.log('🔧 Memoro Environment Configuration:', {
-		supabase: !!env.supabase.url ? '✅ Configured' : '❌ Missing',
-		server: !!env.server.memoroUrl ? '✅ Configured' : '❌ Missing',
-		appleClientId: env.oauth.appleClientId || '❌ NOT SET',
-		appleRedirectUri: env.oauth.appleRedirectUri || '❌ NOT SET',
-		googleOAuth: !!env.oauth.googleClientId ? '✅ Configured' : '❌ Missing',
-		posthog: features.hasPosthog ? '✅ Enabled' : '⚪ Disabled',
-		glitchtip: features.hasGlitchtip ? '✅ Enabled' : '⚪ Disabled',
-	});
-
-	// Specific warning for Apple Sign-In if not configured
-	if (!env.oauth.appleClientId || !env.oauth.appleRedirectUri) {
-		console.warn(
-			'⚠️  Apple Sign-In not properly configured. Set PUBLIC_APPLE_CLIENT_ID and PUBLIC_APPLE_REDIRECT_URI in environment variables.'
-		);
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/data/appCosts.json b/apps/memoro/apps/web-archived/src/lib/data/appCosts.json
deleted file mode 100644
index 1d5d20579..000000000
--- a/apps/memoro/apps/web-archived/src/lib/data/appCosts.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-	"costs": [
-		{
-			"action": "Pro Minute Aufnahme",
-			"actionKey": "subscription.cost_per_minute_recording",
-			"cost": 2,
-			"icon": "mic-outline"
-		},
-		{
-			"action": "Frage an Memo stellen",
-			"actionKey": "subscription.cost_ask_memo_question",
-			"cost": 5,
-			"icon": "chatbubble-outline"
-		},
-		{
-			"action": "Neue Memory erstellen",
-			"actionKey": "subscription.cost_create_memory",
-			"cost": 5,
-			"icon": "add-circle-outline"
-		},
-		{
-			"action": "Memos kombinieren (pro Memo)",
-			"actionKey": "subscription.cost_combine_memos",
-			"cost": 5,
-			"icon": "copy-outline"
-		}
-	]
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/data/guest-seed.ts b/apps/memoro/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 3ec0bb513..000000000
--- a/apps/memoro/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-/**
- * Guest seed data for Memoro.
- * Shown to users who haven't signed in yet.
- */
-
-import type { LocalMemo, LocalTag } from './local-store.js';
-
-export const guestTags: Omit<LocalTag, 'serverId' | 'syncStatus' | 'updatedAt'>[] = [
-	{
-		id: 'guest-tag-1',
-		name: 'Work',
-		color: '#3b82f6',
-		isPinned: true,
-		sortOrder: 0,
-		createdAt: new Date(Date.now() - 7 * 86400000).toISOString(),
-	},
-	{
-		id: 'guest-tag-2',
-		name: 'Ideas',
-		color: '#8b5cf6',
-		isPinned: false,
-		sortOrder: 1,
-		createdAt: new Date(Date.now() - 6 * 86400000).toISOString(),
-	},
-	{
-		id: 'guest-tag-3',
-		name: 'Personal',
-		color: '#10b981',
-		isPinned: false,
-		sortOrder: 2,
-		createdAt: new Date(Date.now() - 5 * 86400000).toISOString(),
-	},
-];
-
-export const guestMemos: Omit<LocalMemo, 'serverId' | 'syncStatus' | 'updatedAt'>[] = [
-	{
-		id: 'guest-memo-1',
-		title: 'Team Meeting Notes',
-		intro: 'Discussed Q3 roadmap and upcoming feature releases.',
-		transcript:
-			'We started with a review of the current sprint. The team agreed on prioritizing the new dashboard redesign. Sarah will handle the frontend, and Tom is leading backend infrastructure. Next meeting is scheduled for Friday.',
-		audioDurationMs: 183000,
-		processingStatus: 'completed',
-		isArchived: false,
-		isPinned: true,
-		isPublic: false,
-		blueprintId: null,
-		language: 'en',
-		source: {
-			primaryLanguage: 'en',
-			processing: {
-				transcription: { status: 'completed' },
-				headlineAndIntro: { status: 'completed' },
-			},
-		},
-		createdAt: new Date(Date.now() - 2 * 86400000).toISOString(),
-	},
-	{
-		id: 'guest-memo-2',
-		title: 'Product Idea: Offline Mode',
-		intro: 'Voice note about implementing offline-first architecture.',
-		transcript:
-			'Just had an idea while commuting. What if we built the app to work completely offline? Users could record memos without internet, and sync later. This would be huge for people in areas with poor connectivity. Need to research local-first databases — maybe something like Dexie.js or PouchDB.',
-		audioDurationMs: 97000,
-		processingStatus: 'completed',
-		isArchived: false,
-		isPinned: false,
-		isPublic: false,
-		blueprintId: null,
-		language: 'en',
-		source: {
-			primaryLanguage: 'en',
-			processing: {
-				transcription: { status: 'completed' },
-				headlineAndIntro: { status: 'completed' },
-			},
-		},
-		createdAt: new Date(Date.now() - 4 * 86400000).toISOString(),
-	},
-	{
-		id: 'guest-memo-3',
-		title: 'Morning Reflection',
-		intro: null,
-		transcript: null,
-		audioDurationMs: 45000,
-		processingStatus: 'processing',
-		isArchived: false,
-		isPinned: false,
-		isPublic: false,
-		blueprintId: null,
-		language: 'de',
-		source: {
-			primaryLanguage: 'de',
-			processing: {
-				transcription: { status: 'processing' },
-				headlineAndIntro: { status: 'pending' },
-			},
-		},
-		createdAt: new Date(Date.now() - 1 * 3600000).toISOString(),
-	},
-];
diff --git a/apps/memoro/apps/web-archived/src/lib/data/local-store.ts b/apps/memoro/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 042e1200f..000000000
--- a/apps/memoro/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-/**
- * Memoro App — Local-First Data Layer
- *
- * Defines the IndexedDB database, collections, and guest seed data.
- * This is the single source of truth for all Memoro data.
- *
- * Migration note: Services are being migrated from direct Supabase queries
- * to this local-first layer. During migration, legacy services coexist.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestMemos, guestTags } from './guest-seed.js';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export type ProcessingStatus = 'pending' | 'processing' | 'completed' | 'failed';
-
-export interface LocalMemo extends BaseRecord {
-	userId?: string;
-	title: string | null;
-	intro: string | null;
-	transcript: string | null;
-	audioDurationMs: number | null;
-	processingStatus: ProcessingStatus;
-	isArchived: boolean;
-	isPinned: boolean;
-	isPublic: boolean;
-	blueprintId: string | null;
-	language: string | null;
-	location?: Record<string, unknown>;
-	source?: {
-		audioPath?: string;
-		audioDeleted?: boolean;
-		audioDuration?: number;
-		transcript?: string;
-		utterances?: Array<{
-			text: string;
-			offset?: number;
-			duration?: number;
-			speakerId?: string;
-		}>;
-		speakers?: Record<string, unknown>;
-		speakerMap?: Record<string, string>;
-		primaryLanguage?: string;
-		languages?: string[];
-		processing?: {
-			transcription?: { status: ProcessingStatus };
-			headlineAndIntro?: { status: ProcessingStatus };
-		};
-		recordingStartedAt?: string;
-	};
-	metadata?: Record<string, unknown>;
-}
-
-export interface LocalMemory extends BaseRecord {
-	memoId: string;
-	userId?: string;
-	title: string;
-	content: string | null;
-	metadata?: Record<string, unknown>;
-}
-
-export interface LocalTag extends BaseRecord {
-	name: string;
-	color: string | null;
-	userId?: string;
-	isPinned?: boolean;
-	sortOrder?: number;
-}
-
-export interface LocalMemoTag extends BaseRecord {
-	memoId: string;
-	tagId: string;
-}
-
-export interface LocalSpace extends BaseRecord {
-	name: string;
-	description: string | null;
-	ownerId: string;
-}
-
-export interface LocalSpaceMember extends BaseRecord {
-	spaceId: string;
-	userId: string;
-	role: 'owner' | 'member';
-}
-
-export interface LocalMemoSpace extends BaseRecord {
-	memoId: string;
-	spaceId: string;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const memoroStore = createLocalStore({
-	appId: 'memoro',
-	collections: [
-		{
-			name: 'memos',
-			indexes: ['processingStatus', 'isArchived', 'isPinned', 'language', '[isArchived+createdAt]'],
-			guestSeed: guestMemos,
-		},
-		{
-			name: 'memories',
-			indexes: ['memoId'],
-		},
-		{
-			name: 'tags',
-			indexes: ['name', 'sortOrder'],
-			guestSeed: guestTags,
-		},
-		{
-			name: 'memoTags',
-			indexes: ['memoId', 'tagId'],
-		},
-		{
-			name: 'spaces',
-			indexes: ['ownerId'],
-		},
-		{
-			name: 'spaceMembers',
-			indexes: ['spaceId', 'userId'],
-		},
-		{
-			name: 'memoSpaces',
-			indexes: ['memoId', 'spaceId'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const memoCollection = memoroStore.collection<LocalMemo>('memos');
-export const memoryCollection = memoroStore.collection<LocalMemory>('memories');
-export const tagCollection = memoroStore.collection<LocalTag>('tags');
-export const memoTagCollection = memoroStore.collection<LocalMemoTag>('memoTags');
-export const spaceCollection = memoroStore.collection<LocalSpace>('spaces');
-export const spaceMemberCollection = memoroStore.collection<LocalSpaceMember>('spaceMembers');
-export const memoSpaceCollection = memoroStore.collection<LocalMemoSpace>('memoSpaces');
diff --git a/apps/memoro/apps/web-archived/src/lib/data/subscriptionData.json b/apps/memoro/apps/web-archived/src/lib/data/subscriptionData.json
deleted file mode 100644
index 772f0259c..000000000
--- a/apps/memoro/apps/web-archived/src/lib/data/subscriptionData.json
+++ /dev/null
@@ -1,167 +0,0 @@
-{
-	"subscriptions": [
-		{
-			"id": "free",
-			"name": "Mana Stream Free",
-			"nameEn": "Mana Stream Free",
-			"nameIt": "Mana Stream Free",
-			"price": 0,
-			"priceUnit": "",
-			"monthlyMana": 150,
-			"canGiftMana": false,
-			"popular": false,
-			"billingCycle": "monthly",
-			"available": true
-		},
-		{
-			"id": "Mana_Stream_Small_v1",
-			"name": "Kleiner Mana Stream",
-			"nameEn": "Small Mana Stream",
-			"nameIt": "Piccolo Mana Stream",
-			"price": 5.99,
-			"priceUnit": "/ Monat",
-			"monthlyMana": 600,
-			"canGiftMana": true,
-			"popular": false,
-			"billingCycle": "monthly",
-			"available": true
-		},
-		{
-			"id": "Mana_Stream_Small_Yearly_v1",
-			"name": "Kleiner Mana Stream",
-			"nameEn": "Small Mana Stream",
-			"nameIt": "Piccolo Mana Stream",
-			"price": 47.99,
-			"priceUnit": "/ Jahr",
-			"priceBreakdown": "(entspricht 3,99€ / Monat, 33% Rabatt)",
-			"monthlyMana": 600,
-			"canGiftMana": true,
-			"popular": false,
-			"billingCycle": "yearly",
-			"monthlyEquivalent": 3.99,
-			"available": true
-		},
-		{
-			"id": "Mana_Stream_Medium_v1",
-			"name": "Mittlerer Mana Stream",
-			"nameEn": "Medium Mana Stream",
-			"nameIt": "Medio Mana Stream",
-			"price": 14.99,
-			"priceUnit": "/ Monat",
-			"monthlyMana": 1500,
-			"canGiftMana": true,
-			"popular": false,
-			"billingCycle": "monthly",
-			"available": true
-		},
-		{
-			"id": "Mana_Stream_Medium_Yearly_v1",
-			"name": "Mittlerer Mana Stream",
-			"nameEn": "Medium Mana Stream",
-			"nameIt": "Medio Mana Stream",
-			"price": 119.99,
-			"priceUnit": "/ Jahr",
-			"priceBreakdown": "(entspricht 9,99€ / Monat, 33% Rabatt)",
-			"monthlyMana": 1500,
-			"canGiftMana": true,
-			"popular": false,
-			"billingCycle": "yearly",
-			"monthlyEquivalent": 9.99,
-			"available": true
-		},
-		{
-			"id": "Mana_Stream_Large_v1",
-			"name": "Großer Mana Stream",
-			"nameEn": "Large Mana Stream",
-			"nameIt": "Grande Mana Stream",
-			"price": 29.99,
-			"priceUnit": "/ Monat",
-			"monthlyMana": 3000,
-			"canGiftMana": true,
-			"popular": false,
-			"billingCycle": "monthly",
-			"available": true
-		},
-		{
-			"id": "Mana_Stream_Large_Yearly_v1",
-			"name": "Großer Mana Stream",
-			"nameEn": "Large Mana Stream",
-			"nameIt": "Grande Mana Stream",
-			"price": 239.99,
-			"priceUnit": "/ Jahr",
-			"priceBreakdown": "(entspricht 19,99€ / Monat, 33% Rabatt)",
-			"monthlyMana": 3000,
-			"canGiftMana": true,
-			"popular": false,
-			"billingCycle": "yearly",
-			"monthlyEquivalent": 19.99,
-			"available": true
-		},
-		{
-			"id": "Mana_Stream_Giant_v1",
-			"name": "Riesiger Mana Stream",
-			"nameEn": "Giant Mana Stream",
-			"nameIt": "Gigante Mana Stream",
-			"price": 49.99,
-			"priceUnit": "/ Monat",
-			"monthlyMana": 5000,
-			"canGiftMana": true,
-			"popular": false,
-			"billingCycle": "monthly",
-			"available": true
-		},
-		{
-			"id": "Mana_Stream_Giant_Yearly_v1",
-			"name": "Riesiger Mana Stream",
-			"nameEn": "Giant Mana Stream",
-			"nameIt": "Gigante Mana Stream",
-			"price": 399.99,
-			"priceUnit": "/ Jahr",
-			"priceBreakdown": "(entspricht 33,33€ / Monat, 33% Rabatt)",
-			"monthlyMana": 5000,
-			"canGiftMana": true,
-			"popular": false,
-			"billingCycle": "yearly",
-			"monthlyEquivalent": 33.33,
-			"available": true
-		}
-	],
-	"packages": [
-		{
-			"id": "Mana_Potion_Small_v1",
-			"name": "Kleiner Mana Trank",
-			"nameEn": "Small Mana Potion",
-			"nameIt": "Piccola Pozione di Mana",
-			"manaAmount": 350,
-			"price": 4.99,
-			"popular": false
-		},
-		{
-			"id": "Mana_Potion_Medium_v1",
-			"name": "Mittlerer Mana Trank",
-			"nameEn": "Medium Mana Potion",
-			"nameIt": "Media Pozione di Mana",
-			"manaAmount": 700,
-			"price": 9.99,
-			"popular": false
-		},
-		{
-			"id": "Mana_Potion_Large_v1",
-			"name": "Großer Mana Trank",
-			"nameEn": "Large Mana Potion",
-			"nameIt": "Grande Pozione di Mana",
-			"manaAmount": 1400,
-			"price": 19.99,
-			"popular": false
-		},
-		{
-			"id": "Mana_Potion_Giant_v2",
-			"name": "Riesiger Mana Trank",
-			"nameEn": "Giant Mana Potion",
-			"nameIt": "Pozione di Mana Gigante",
-			"manaAmount": 2800,
-			"price": 39.99,
-			"popular": false
-		}
-	]
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/data/usageData.json b/apps/memoro/apps/web-archived/src/lib/data/usageData.json
deleted file mode 100644
index 41edacdb8..000000000
--- a/apps/memoro/apps/web-archived/src/lib/data/usageData.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-	"usage": {
-		"total": 50,
-		"lastWeek": 350,
-		"lastMonth": 1200,
-		"currentMana": 785,
-		"maxMana": 1000,
-		"history": [
-			{ "date": "2025-04-25", "amount": 50 },
-			{ "date": "2025-04-26", "amount": 70 },
-			{ "date": "2025-04-27", "amount": 30 },
-			{ "date": "2025-04-28", "amount": 45 },
-			{ "date": "2025-04-29", "amount": 80 },
-			{ "date": "2025-04-30", "amount": 55 },
-			{ "date": "2025-05-01", "amount": 20 }
-		]
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/i18n/index.ts b/apps/memoro/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 57702cf7c..000000000
--- a/apps/memoro/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('fr', () => import('./locales/fr.json'));
-register('it', () => import('./locales/it.json'));
-register('es', () => import('./locales/es.json'));
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'fr', 'it', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('memoro_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n
-export function initI18n() {
-	init({
-		fallbackLocale: defaultLocale,
-		initialLocale: getInitialLocale(),
-	});
-}
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('memoro_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/memoro/apps/web-archived/src/lib/i18n/locales/de.json b/apps/memoro/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 5ecc43561..000000000
--- a/apps/memoro/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,320 +0,0 @@
-{
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"share": "Teilen",
-		"back": "Zurück",
-		"next": "Weiter",
-		"done": "Fertig",
-		"loading": "Wird geladen...",
-		"search": "Suchen",
-		"settings": "Einstellungen",
-		"yes": "Ja",
-		"no": "Nein",
-		"ok": "OK",
-		"error": "Fehler",
-		"success": "Erfolg",
-		"create": "Erstellen",
-		"confirm": "Bestätigen",
-		"close": "Schließen",
-		"or": "ODER"
-	},
-	"nav": {
-		"dashboard": "Dashboard",
-		"tags": "Tags",
-		"spaces": "Spaces",
-		"mana": "Mana",
-		"blueprints": "Vorlagen",
-		"statistics": "Statistiken",
-		"settings": "Einstellungen",
-		"logout": "Abmelden",
-		"expand": "Erweitern",
-		"minimize": "Minimieren",
-		"shortcuts": "Tastenkombinationen"
-	},
-	"auth": {
-		"welcome": "Willkommen bei Memoro",
-		"get_started": "Los geht's",
-		"create_account": "Neues Konto erstellen",
-		"sign_in": "Anmelden",
-		"sign_in_with_email": "Mit E-Mail anmelden",
-		"sign_up_with_email": "Mit E-Mail registrieren",
-		"email": "E-Mail",
-		"password": "Passwort",
-		"confirm_password": "Passwort bestätigen",
-		"forgot_password": "Passwort vergessen?",
-		"reset_password": "Passwort zurücksetzen",
-		"logging_in": "Anmelden...",
-		"creating_account": "Konto wird erstellt...",
-		"sending": "Senden...",
-		"error_email_required": "Bitte gib deine E-Mail-Adresse ein",
-		"error_password_required": "Bitte gib dein Passwort ein",
-		"error_confirm_password": "Bitte bestätige dein Passwort",
-		"error_passwords_not_match": "Passwörter stimmen nicht überein",
-		"error_password_too_short": "Das Passwort muss mindestens 8 Zeichen lang sein",
-		"error_password_requirements": "Das Passwort muss mindestens einen Kleinbuchstaben, einen Großbuchstaben, eine Ziffer und ein Sonderzeichen enthalten",
-		"error_registration_failed": "Registrierung fehlgeschlagen",
-		"password_requirement": "Passwort muss mindestens 8 Zeichen lang sein und mindestens einen Kleinbuchstaben, einen Großbuchstaben, eine Ziffer und ein Sonderzeichen enthalten.",
-		"registration_success": "Registrierung erfolgreich! Überprüfe deine E-Mail, um dein Konto zu bestätigen.",
-		"check_email_confirmation": "Bitte überprüfe deine E-Mail, um dein Konto zu bestätigen.",
-		"reset_email_sent": "Gib deine E-Mail-Adresse ein und wir senden dir einen Link zum Zurücksetzen deines Passworts.",
-		"email_only_title": "Warum nur E-Mail-Authentifizierung?",
-		"email_only_info": "Wir unterstützen nur E-Mail-Registrierung, um deine Unabhängigkeit und Privatsphäre zu gewährleisten.",
-		"email_only_learn_more": "Mehr erfahren",
-		"email_only_intro": "Wir glauben daran, dir die volle Kontrolle über dein Konto und deine Daten zu geben. Mit E-Mail-basierter Authentifizierung stellen wir sicher:",
-		"email_only_benefit_1_title": "Kein Vendor Lock-in",
-		"email_only_benefit_1_desc": "Du bist nicht von Drittanbietern wie Google oder Apple abhängig. Dein Konto funktioniert unabhängig.",
-		"email_only_benefit_2_title": "Verbesserte Privatsphäre",
-		"email_only_benefit_2_desc": "Wir teilen deine Daten nicht mit Google, Apple oder anderen Drittanbietern zur Authentifizierung.",
-		"email_only_benefit_3_title": "Konto-Portabilität",
-		"email_only_benefit_3_desc": "Deine E-Mail-Adresse ist portabel und funktioniert auf allen Geräten und Plattformen.",
-		"email_only_benefit_4_title": "Direkte Kommunikation",
-		"email_only_benefit_4_desc": "Wir können dich direkt über wichtige Updates erreichen, ohne auf Drittanbieter-Benachrichtigungssysteme angewiesen zu sein.",
-		"email_only_modal_footer": "Wir sind verpflichtet, Tools zu entwickeln, die deine Freiheit und Privatsphäre respektieren. E-Mail-Authentifizierung ist Teil dieser Verpflichtung.",
-		"got_it": "Verstanden",
-		"already_have_account": "Hast du bereits ein Konto?",
-		"dont_have_account": "Noch kein Konto?",
-		"terms_agreement": "Mit der Nutzung von Memoro stimmst du unseren <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">AGB</a> und der <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Datenschutzerklärung</a> zu.",
-		"mana_login": "Mana Login",
-		"mana_login_description": "Ein Login für alle Mana Apps",
-		"mana_login_benefit_0": "Mana Subscriptions über alle Apps hinweg nutzen - nur einmal zahlen und alles nutzen",
-		"back": "Zurück",
-		"reset_password_description": "Gib deine E-Mail-Adresse ein und wir senden dir einen Link zum Zurücksetzen deines Passworts.",
-		"reset_password_error": "Passwort zurücksetzen fehlgeschlagen",
-		"reset_password_success": "E-Mail wurde versendet!",
-		"reset_password_rate_limit": "Zu viele Versuche. Bitte warte einige Minuten.",
-		"reset_email_sent_description": "Wir haben eine E-Mail mit Anweisungen zum Zurücksetzen deines Passworts an {email} gesendet. Bitte überprüfe deinen Posteingang und Spam-Ordner.",
-		"back_to_login": "Zurück zum Login",
-		"resend_email": "E-Mail erneut senden",
-		"reset_email_sent_title": "E-Mail wurde versendet!",
-		"terms_agreement_conjunction": "und der",
-		"terms_agreement_suffix": "zu.",
-		"oauth_error_access_denied": "Zugriff verweigert. Die Anmeldung wurde abgebrochen.",
-		"oauth_error_server_error": "Server-Fehler bei der Authentifizierung. Bitte versuche es erneut.",
-		"oauth_error_temporarily_unavailable": "Der Authentifizierungsdienst ist vorübergehend nicht verfügbar. Bitte versuche es später erneut.",
-		"oauth_error_invalid_request": "Ungültige Anfrage. Bitte versuche es erneut.",
-		"oauth_error_unauthorized_client": "Nicht autorisierter Client. Bitte kontaktiere den Support.",
-		"oauth_error_unsupported_response_type": "Nicht unterstützter Antworttyp. Bitte kontaktiere den Support.",
-		"oauth_error_invalid_scope": "Ungültiger Berechtigungsbereich. Bitte kontaktiere den Support.",
-		"oauth_error_unknown": "Ein unbekannter Fehler ist aufgetreten. Bitte versuche es erneut.",
-		"password_requirements_title": "Passwort-Anforderungen:",
-		"password_requirement_length": "Mindestens 8 Zeichen",
-		"password_requirement_lowercase": "Einen Kleinbuchstaben",
-		"password_requirement_uppercase": "Einen Großbuchstaben",
-		"password_requirement_digit": "Eine Ziffer",
-		"password_requirement_special": "Ein Sonderzeichen"
-	},
-	"dashboard": {
-		"title": "Dashboard",
-		"recent_memos": "Neueste Memos",
-		"no_memos": "Keine Memos gefunden",
-		"create_memo": "Memo erstellen",
-		"search_placeholder": "Memos durchsuchen..."
-	},
-	"memo": {
-		"title": "Memo",
-		"unnamed": "Unbenanntes Memo",
-		"word_count": "{{count}} Wort",
-		"word_count_plural": "{{count}} Wörter",
-		"delete_confirmation": "Möchtest du dieses Memo wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.",
-		"delete_permanently": "Endgültig löschen",
-		"deleting": "Wird gelöscht...",
-		"pin": "Anheften",
-		"unpin": "Loslösen",
-		"share": "Teilen",
-		"edit": "Bearbeiten",
-		"translate": "Übersetzen",
-		"create_memory": "Memory erstellen",
-		"ask_question": "Frage stellen",
-		"copy_transcript": "Transkript kopieren",
-		"replace_word": "Wort ersetzen",
-		"reprocess": "Erneut verarbeiten",
-		"label_speakers": "Sprecher benennen",
-		"add_photos": "Fotos hinzufügen",
-		"manage_spaces": "Spaces verwalten",
-		"tags": "Tags",
-		"add_tag": "Tag hinzufügen",
-		"options": "Optionen",
-		"search": "Suchen",
-		"copy": "Kopieren",
-		"speakers": "Sprecher",
-		"find_replace": "Suchen & Ersetzen",
-		"shortcuts": "Tastenkürzel",
-		"no_memo_selected": "Kein Memo ausgewählt",
-		"select_memo_hint": "Wähle ein Memo aus der Liste oder erstelle eine neue Aufnahme",
-		"processing_transcript": "Transkription wird verarbeitet...",
-		"ask_question_placeholder": "Stelle eine Frage zu diesem Memo...",
-		"open_in_new_tab": "In neuem Tab öffnen",
-		"edit_title": "Titel bearbeiten",
-		"export_text": "Als Text exportieren",
-		"enter_new_title": "Neuen Titel eingeben:",
-		"no_title": "Ohne Titel",
-		"no_transcript": "Kein Transkript verfügbar",
-		"link_copied": "Link in Zwischenablage kopiert!",
-		"transcript_copied": "Transkript in Zwischenablage kopiert!",
-		"no_search_results": "Keine Suchergebnisse",
-		"no_memos_with_search": "Es wurden keine Memos gefunden, die \"{query}\" enthalten.",
-		"clear_search": "Suche löschen",
-		"no_memos_with_tag": "Keine Memos mit diesem Tag",
-		"no_memos_with_tag_hint": "Es gibt noch keine Memos mit diesem Tag.",
-		"show_all_memos": "Alle Memos anzeigen",
-		"no_memos_yet": "Noch keine Memos",
-		"no_memos_hint": "Gehe zur Aufnahme-Seite, um dein erstes Memo aufzunehmen",
-		"load_more": "Mehr Memos laden",
-		"search_placeholder": "Memos durchsuchen...",
-		"delete_memo_title": "Memo löschen",
-		"delete_memo_confirm": "Möchtest du \"{title}\" wirklich löschen?",
-		"delete_memo_warning": "Diese Aktion kann nicht rückgängig gemacht werden. Das Memo und alle zugehörigen Daten werden dauerhaft gelöscht.",
-		"error_user_not_authenticated": "Benutzer nicht authentifiziert",
-		"error_loading_memos": "Memos konnten nicht geladen werden",
-		"error_deleting_memo": "Fehler beim Löschen des Memos. Bitte versuche es erneut.",
-		"error_updating_title": "Fehler beim Aktualisieren des Titels. Bitte versuche es erneut.",
-		"error_copying_link": "Fehler beim Kopieren des Links. Bitte versuche es erneut.",
-		"error_pin_status": "Fehler beim Ändern des Pin-Status. Bitte versuche es erneut.",
-		"error_saving": "Fehler beim Speichern. Bitte versuche es erneut.",
-		"error_copying_transcript": "Fehler beim Kopieren des Transkripts. Bitte versuche es erneut.",
-		"error_updating_tags": "Fehler beim Aktualisieren der Tags. Bitte versuche es erneut.",
-		"error_creating_tag": "Fehler beim Erstellen des Tags. Bitte versuche es erneut.",
-		"error_asking_question": "Fehler bei der Verarbeitung der Frage. Bitte versuche es erneut.",
-		"retry": "Erneut versuchen",
-		"export_title": "Titel",
-		"export_date": "Datum",
-		"export_duration": "Dauer",
-		"export_transcript": "Transkript",
-		"export_no_transcript": "Kein Transkript verfügbar",
-		"export_ai_analysis": "KI-Analyse"
-	},
-	"tags": {
-		"title": "Tags",
-		"create_tag": "Tag erstellen",
-		"search_placeholder": "Tags durchsuchen...",
-		"no_tags": "Keine Tags gefunden",
-		"delete_confirmation": "Möchtest du den Tag \"{{name}}\" wirklich löschen?",
-		"tag_name": "Tag-Name",
-		"tag_color": "Tag-Farbe"
-	},
-	"spaces": {
-		"title": "Spaces",
-		"create_space": "Space erstellen",
-		"no_spaces": "Keine Spaces gefunden",
-		"members": "Mitglieder",
-		"invite": "Einladen"
-	},
-	"blueprints": {
-		"title": "Vorlagen",
-		"loading": "Lade Vorlagen...",
-		"no_blueprints": "Keine Vorlagen gefunden",
-		"search_placeholder": "Vorlagen durchsuchen...",
-		"all_categories": "Alle",
-		"standard": "Standard",
-		"manage": "Blueprints verwalten",
-		"activate": "Blueprint aktivieren",
-		"load_error": "Blueprints konnten nicht geladen werden.",
-		"previous_tip": "Vorheriger Tipp",
-		"next_tip": "Nächster Tipp",
-		"go_to_tip": "Gehe zu Tipp {index}"
-	},
-	"record": {
-		"title": "Aufnehmen - Memoro",
-		"instruction": "Halte gedrückt zum Aufnehmen",
-		"uploading": "Wird hochgeladen...",
-		"user_not_authenticated": "Benutzer nicht authentifiziert",
-		"upload_failed": "Upload fehlgeschlagen",
-		"network_error": "Netzwerkfehler: Bitte überprüfe deine Verbindung und versuche es erneut.",
-		"upload_error": "Fehler beim Hochladen der Aufnahme: {error}",
-		"unexpected_error": "Ein unerwarteter Fehler ist aufgetreten. Bitte versuche es erneut.",
-		"cancel_title": "Aufnahme löschen",
-		"cancel_message": "Möchtest du die aktuelle Aufnahme wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.",
-		"cancel_confirm": "Löschen",
-		"cancel_abort": "Nicht löschen",
-		"pause": "Pause",
-		"resume": "Fortsetzen",
-		"cancel": "Aufnahme abbrechen"
-	},
-	"statistics": {
-		"title": "Statistiken",
-		"today": "Heute",
-		"last_30_days": "Letzte 30 Tage",
-		"total": "Gesamt",
-		"memos": "Memos",
-		"words": "Wörter",
-		"recording_duration": "Aufnahmedauer",
-		"loading": "Lade Statistiken..."
-	},
-	"subscription": {
-		"title": "Mana kaufen",
-		"current_plan": "Aktueller Tarif",
-		"your_mana": "Dein Mana",
-		"buy": "Kaufen",
-		"popular": "Beliebt",
-		"legacy_plan": "Alter Tarif",
-		"monthly": "Monatlich",
-		"yearly": "Jährlich"
-	},
-	"settings": {
-		"title": "Einstellungen",
-		"appearance": "Darstellung",
-		"theme": "Theme",
-		"system": "System",
-		"light": "Hell",
-		"dark": "Dunkel",
-		"language": "Sprache",
-		"user_interface": "Benutzeroberfläche",
-		"show_language_button": "Sprachen-Button anzeigen",
-		"show_recording_instruction": "Aufnahme-Anleitung anzeigen",
-		"show_blueprints": "Blueprints anzeigen",
-		"show_mana_badge": "Mana-Anzeige im Header",
-		"data_privacy": "Daten & Privatsphäre",
-		"save_location": "Standort speichern",
-		"enable_analytics": "Analytics aktivieren",
-		"support": "Support",
-		"contact_support": "Support kontaktieren",
-		"rate_app": "App bewerten",
-		"account": "Konto",
-		"email_label": "E-Mail-Adresse",
-		"sign_out": "Abmelden",
-		"delete_account": "Konto löschen",
-		"app_info": "App-Informationen",
-		"version": "Version",
-		"platform": "Plattform",
-		"build": "Build",
-		"browser": "Browser",
-		"copyright": "© 2025 Memoro GmbH",
-		"made_with_love": "Made with ❤️ in Germany"
-	},
-	"app_slider": {
-		"title": "Weitere Manacore Apps",
-		"memoro_desc": "KI-gestützte Sprachmemos",
-		"memoro_long_desc": "Verwandle deine Stimme in organisierte, umsetzbare Erkenntnisse mit KI-gestützter Transkription und Analyse. Perfekt zum Festhalten von Ideen unterwegs.",
-		"maerchenzauber_desc": "Magische Gute-Nacht-Geschichten",
-		"maerchenzauber_long_desc": "Erschaffe personalisierte Gute-Nacht-Geschichten für deine Kinder mit KI. Entfache die Fantasie und mache jede Nacht magisch mit einzigartigen Erzählungen.",
-		"moodlit_desc": "Dein Stimmungsbegleiter",
-		"moodlit_long_desc": "Verfolge und verstehe deine Emotionen mit KI-gestützten Einblicken. Baue emotionales Bewusstsein auf und verbessere dein mentales Wohlbefinden.",
-		"manacore_desc": "KI-Produktivitätssuite",
-		"manacore_long_desc": "Die zentrale Anlaufstelle für alle Manacore-Apps. Verwalte deine Abonnements, synchronisiere Daten und greife auf leistungsstarke KI-Tools von einem Ort aus zu.",
-		"coming_soon": "Demnächst",
-		"download": "Download",
-		"get_started": "Los geht's",
-		"status_published": "Veröffentlicht",
-		"status_beta": "Beta",
-		"status_development": "In Entwicklung",
-		"status_planning": "Geplant"
-	},
-	"theme": {
-		"toggle": "Theme wechseln",
-		"light_mode": "Heller Modus",
-		"dark_mode": "Dunkler Modus",
-		"switch_to_light": "Zum hellen Modus wechseln",
-		"switch_to_dark": "Zum dunklen Modus wechseln"
-	},
-	"errors": {
-		"unexpected": "Ein unerwarteter Fehler ist aufgetreten.",
-		"network": "Netzwerkfehler. Bitte überprüfe deine Internetverbindung.",
-		"not_found": "Nicht gefunden.",
-		"unauthorized": "Nicht autorisiert.",
-		"forbidden": "Zugriff verweigert.",
-		"server_error": "Serverfehler. Bitte versuche es später erneut."
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/i18n/locales/en.json b/apps/memoro/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index cf4e8e269..000000000
--- a/apps/memoro/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,320 +0,0 @@
-{
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"share": "Share",
-		"back": "Back",
-		"next": "Next",
-		"done": "Done",
-		"loading": "Loading...",
-		"search": "Search",
-		"settings": "Settings",
-		"yes": "Yes",
-		"no": "No",
-		"ok": "OK",
-		"error": "Error",
-		"success": "Success",
-		"create": "Create",
-		"confirm": "Confirm",
-		"close": "Close",
-		"or": "OR"
-	},
-	"nav": {
-		"dashboard": "Dashboard",
-		"tags": "Tags",
-		"spaces": "Spaces",
-		"mana": "Mana",
-		"blueprints": "Blueprints",
-		"statistics": "Statistics",
-		"settings": "Settings",
-		"logout": "Logout",
-		"expand": "Expand",
-		"minimize": "Minimize",
-		"shortcuts": "Shortcuts"
-	},
-	"auth": {
-		"welcome": "Welcome to Memoro",
-		"get_started": "Get Started",
-		"create_account": "Create Account",
-		"sign_in": "Sign In",
-		"sign_in_with_email": "Sign In with Email",
-		"sign_up_with_email": "Sign Up with Email",
-		"email": "Email",
-		"password": "Password",
-		"confirm_password": "Confirm Password",
-		"forgot_password": "Forgot Password?",
-		"reset_password": "Reset Password",
-		"logging_in": "Signing in...",
-		"creating_account": "Creating account...",
-		"sending": "Sending...",
-		"error_email_required": "Please enter your email address",
-		"error_password_required": "Please enter your password",
-		"error_confirm_password": "Please confirm your password",
-		"error_passwords_not_match": "Passwords do not match",
-		"error_password_too_short": "Password must be at least 8 characters long",
-		"error_password_requirements": "Password must contain at least one lowercase letter, one uppercase letter, one digit, and one special character",
-		"error_registration_failed": "Registration failed",
-		"password_requirement": "Password must be at least 8 characters long and contain at least one lowercase letter, one uppercase letter, one digit, and one special character.",
-		"registration_success": "Registration successful! Check your email to verify your account.",
-		"check_email_confirmation": "Please check your email to confirm your account.",
-		"reset_email_sent": "Enter your email address and we'll send you a link to reset your password.",
-		"email_only_title": "Why Email-Only Authentication?",
-		"email_only_info": "We only support email registration to ensure your independence and privacy.",
-		"email_only_learn_more": "Learn more",
-		"email_only_intro": "We believe in giving you full control over your account and data. By using email-based authentication, we ensure:",
-		"email_only_benefit_1_title": "No Vendor Lock-In",
-		"email_only_benefit_1_desc": "You're not dependent on third-party services like Google or Apple. Your account works independently.",
-		"email_only_benefit_2_title": "Enhanced Privacy",
-		"email_only_benefit_2_desc": "We don't share your data with Google, Apple, or any other third party for authentication.",
-		"email_only_benefit_3_title": "Account Portability",
-		"email_only_benefit_3_desc": "Your email address is portable and works across all devices and platforms.",
-		"email_only_benefit_4_title": "Direct Communication",
-		"email_only_benefit_4_desc": "We can reach you directly for important updates without relying on third-party notification systems.",
-		"email_only_modal_footer": "We're committed to building tools that respect your freedom and privacy. Email authentication is part of that commitment.",
-		"got_it": "Got it",
-		"already_have_account": "Already have an account?",
-		"dont_have_account": "Don't have an account?",
-		"terms_agreement": "By using Memoro you agree to our <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Terms</a> and <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Privacy Policy</a>.",
-		"mana_login": "Mana Login",
-		"mana_login_description": "One login for all Mana apps",
-		"mana_login_benefit_0": "Use Mana subscriptions across all apps - pay once and use everything",
-		"back": "Back",
-		"reset_password_description": "Enter your email address and we'll send you a link to reset your password.",
-		"reset_password_error": "Password reset failed",
-		"reset_password_success": "Email sent!",
-		"reset_password_rate_limit": "Too many attempts. Please wait a few minutes.",
-		"reset_email_sent_description": "We've sent an email with instructions to reset your password to {email}. Please check your inbox and spam folder.",
-		"back_to_login": "Back to login",
-		"resend_email": "Resend email",
-		"reset_email_sent_title": "Email sent!",
-		"terms_agreement_conjunction": "and the",
-		"terms_agreement_suffix": ".",
-		"oauth_error_access_denied": "Access denied. The login was cancelled.",
-		"oauth_error_server_error": "Server error during authentication. Please try again.",
-		"oauth_error_temporarily_unavailable": "The authentication service is temporarily unavailable. Please try again later.",
-		"oauth_error_invalid_request": "Invalid request. Please try again.",
-		"oauth_error_unauthorized_client": "Unauthorized client. Please contact support.",
-		"oauth_error_unsupported_response_type": "Unsupported response type. Please contact support.",
-		"oauth_error_invalid_scope": "Invalid scope. Please contact support.",
-		"oauth_error_unknown": "An unknown error occurred. Please try again.",
-		"password_requirements_title": "Password requirements:",
-		"password_requirement_length": "At least 8 characters",
-		"password_requirement_lowercase": "One lowercase letter",
-		"password_requirement_uppercase": "One uppercase letter",
-		"password_requirement_digit": "One digit",
-		"password_requirement_special": "One special character"
-	},
-	"dashboard": {
-		"title": "Dashboard",
-		"recent_memos": "Recent Memos",
-		"no_memos": "No memos found",
-		"create_memo": "Create Memo",
-		"search_placeholder": "Search memos..."
-	},
-	"memo": {
-		"title": "Memo",
-		"unnamed": "Unnamed Memo",
-		"word_count": "{{count}} word",
-		"word_count_plural": "{{count}} words",
-		"delete_confirmation": "Are you sure you want to delete this memo? This action cannot be undone.",
-		"delete_permanently": "Delete Permanently",
-		"deleting": "Deleting...",
-		"pin": "Pin",
-		"unpin": "Unpin",
-		"share": "Share",
-		"edit": "Edit",
-		"translate": "Translate",
-		"create_memory": "Create Memory",
-		"ask_question": "Ask Question",
-		"copy_transcript": "Copy Transcript",
-		"replace_word": "Replace Word",
-		"reprocess": "Reprocess",
-		"label_speakers": "Label Speakers",
-		"add_photos": "Add Photos",
-		"manage_spaces": "Manage Spaces",
-		"tags": "Tags",
-		"add_tag": "Add Tag",
-		"options": "Options",
-		"search": "Search",
-		"copy": "Copy",
-		"speakers": "Speakers",
-		"find_replace": "Find & Replace",
-		"shortcuts": "Shortcuts",
-		"no_memo_selected": "No memo selected",
-		"select_memo_hint": "Select a memo from the list or create a new recording",
-		"processing_transcript": "Transcription in progress...",
-		"ask_question_placeholder": "Ask a question about this memo...",
-		"open_in_new_tab": "Open in new tab",
-		"edit_title": "Edit title",
-		"export_text": "Export as text",
-		"enter_new_title": "Enter new title:",
-		"no_title": "Untitled",
-		"no_transcript": "No transcript available",
-		"link_copied": "Link copied to clipboard!",
-		"transcript_copied": "Transcript copied to clipboard!",
-		"no_search_results": "No search results",
-		"no_memos_with_search": "No memos found containing \"{query}\".",
-		"clear_search": "Clear search",
-		"no_memos_with_tag": "No memos with this tag",
-		"no_memos_with_tag_hint": "There are no memos with this tag yet.",
-		"show_all_memos": "Show all memos",
-		"no_memos_yet": "No memos yet",
-		"no_memos_hint": "Go to the recording page to create your first memo",
-		"load_more": "Load more memos",
-		"search_placeholder": "Search memos...",
-		"delete_memo_title": "Delete memo",
-		"delete_memo_confirm": "Are you sure you want to delete \"{title}\"?",
-		"delete_memo_warning": "This action cannot be undone. The memo and all associated data will be permanently deleted.",
-		"error_user_not_authenticated": "User not authenticated",
-		"error_loading_memos": "Could not load memos",
-		"error_deleting_memo": "Error deleting memo. Please try again.",
-		"error_updating_title": "Error updating title. Please try again.",
-		"error_copying_link": "Error copying link. Please try again.",
-		"error_pin_status": "Error updating pin status. Please try again.",
-		"error_saving": "Error saving changes. Please try again.",
-		"error_copying_transcript": "Error copying transcript. Please try again.",
-		"error_updating_tags": "Error updating tags. Please try again.",
-		"error_creating_tag": "Error creating tag. Please try again.",
-		"error_asking_question": "Error processing question. Please try again.",
-		"retry": "Try again",
-		"export_title": "Title",
-		"export_date": "Date",
-		"export_duration": "Duration",
-		"export_transcript": "Transcript",
-		"export_no_transcript": "No transcript available",
-		"export_ai_analysis": "AI Analysis"
-	},
-	"tags": {
-		"title": "Tags",
-		"create_tag": "Create Tag",
-		"search_placeholder": "Search tags...",
-		"no_tags": "No tags found",
-		"delete_confirmation": "Are you sure you want to delete the tag \"{{name}}\"?",
-		"tag_name": "Tag Name",
-		"tag_color": "Tag Color"
-	},
-	"spaces": {
-		"title": "Spaces",
-		"create_space": "Create Space",
-		"no_spaces": "No spaces found",
-		"members": "Members",
-		"invite": "Invite"
-	},
-	"blueprints": {
-		"title": "Blueprints",
-		"loading": "Loading blueprints...",
-		"no_blueprints": "No blueprints found",
-		"search_placeholder": "Search blueprints...",
-		"all_categories": "All",
-		"standard": "Standard",
-		"manage": "Manage blueprints",
-		"activate": "Activate blueprint",
-		"load_error": "Could not load blueprints.",
-		"previous_tip": "Previous tip",
-		"next_tip": "Next tip",
-		"go_to_tip": "Go to tip {index}"
-	},
-	"record": {
-		"title": "Record - Memoro",
-		"instruction": "Hold to record",
-		"uploading": "Uploading...",
-		"user_not_authenticated": "User not authenticated",
-		"upload_failed": "Upload failed",
-		"network_error": "Network error: Please check your connection and try again.",
-		"upload_error": "Error uploading recording: {error}",
-		"unexpected_error": "An unexpected error occurred. Please try again.",
-		"cancel_title": "Delete Recording",
-		"cancel_message": "Do you really want to delete the current recording? This action cannot be undone.",
-		"cancel_confirm": "Delete",
-		"cancel_abort": "Don't delete",
-		"pause": "Pause",
-		"resume": "Resume",
-		"cancel": "Cancel recording"
-	},
-	"statistics": {
-		"title": "Statistics",
-		"today": "Today",
-		"last_30_days": "Last 30 days",
-		"total": "Total",
-		"memos": "Memos",
-		"words": "Words",
-		"recording_duration": "Recording Duration",
-		"loading": "Loading statistics..."
-	},
-	"subscription": {
-		"title": "Buy Mana",
-		"current_plan": "Current Plan",
-		"your_mana": "Your Mana",
-		"buy": "Buy",
-		"popular": "Popular",
-		"legacy_plan": "Legacy Plan",
-		"monthly": "Monthly",
-		"yearly": "Yearly"
-	},
-	"settings": {
-		"title": "Settings",
-		"appearance": "Appearance",
-		"theme": "Theme",
-		"system": "System",
-		"light": "Light",
-		"dark": "Dark",
-		"language": "Language",
-		"user_interface": "User Interface",
-		"show_language_button": "Show Language Button",
-		"show_recording_instruction": "Show Recording Instruction",
-		"show_blueprints": "Show Blueprints",
-		"show_mana_badge": "Show Mana Badge in Header",
-		"data_privacy": "Data & Privacy",
-		"save_location": "Save Location",
-		"enable_analytics": "Enable Analytics",
-		"support": "Support",
-		"contact_support": "Contact Support",
-		"rate_app": "Rate App",
-		"account": "Account",
-		"email_label": "Email Address",
-		"sign_out": "Sign Out",
-		"delete_account": "Delete Account",
-		"app_info": "App Information",
-		"version": "Version",
-		"platform": "Platform",
-		"build": "Build",
-		"browser": "Browser",
-		"copyright": "© 2025 Memoro GmbH",
-		"made_with_love": "Made with ❤️ in Germany"
-	},
-	"app_slider": {
-		"title": "More Manacore Apps",
-		"memoro_desc": "AI-powered voice memos",
-		"memoro_long_desc": "Transform your voice into organized, actionable insights with AI-powered transcription and analysis. Perfect for capturing ideas on the go.",
-		"maerchenzauber_desc": "Magical bedtime stories",
-		"maerchenzauber_long_desc": "Create personalized bedtime stories for your children with AI. Spark imagination and make every night magical with unique tales.",
-		"moodlit_desc": "Your mood companion",
-		"moodlit_long_desc": "Track and understand your emotions with AI-powered insights. Build emotional awareness and improve your mental wellbeing.",
-		"manacore_desc": "AI productivity suite",
-		"manacore_long_desc": "The central hub for all Manacore apps. Manage your subscriptions, sync data, and access powerful AI tools from one place.",
-		"coming_soon": "Coming Soon",
-		"download": "Download",
-		"get_started": "Get Started",
-		"status_published": "Published",
-		"status_beta": "Beta",
-		"status_development": "In Development",
-		"status_planning": "Planned"
-	},
-	"theme": {
-		"toggle": "Toggle Theme",
-		"light_mode": "Light Mode",
-		"dark_mode": "Dark Mode",
-		"switch_to_light": "Switch to light mode",
-		"switch_to_dark": "Switch to dark mode"
-	},
-	"errors": {
-		"unexpected": "An unexpected error occurred.",
-		"network": "Network error. Please check your internet connection.",
-		"not_found": "Not found.",
-		"unauthorized": "Unauthorized.",
-		"forbidden": "Access denied.",
-		"server_error": "Server error. Please try again later."
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/i18n/locales/es.json b/apps/memoro/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index c13aead96..000000000
--- a/apps/memoro/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,319 +0,0 @@
-{
-	"common": {
-		"save": "Guardar",
-		"cancel": "Cancelar",
-		"delete": "Eliminar",
-		"edit": "Editar",
-		"share": "Compartir",
-		"back": "Volver",
-		"next": "Siguiente",
-		"done": "Hecho",
-		"loading": "Cargando...",
-		"search": "Buscar",
-		"settings": "Ajustes",
-		"yes": "Sí",
-		"no": "No",
-		"ok": "OK",
-		"error": "Error",
-		"success": "Éxito",
-		"create": "Crear",
-		"confirm": "Confirmar",
-		"close": "Cerrar",
-		"or": "O"
-	},
-	"nav": {
-		"dashboard": "Tablero",
-		"tags": "Etiquetas",
-		"spaces": "Espacios",
-		"mana": "Mana",
-		"blueprints": "Plantillas",
-		"statistics": "Estadísticas",
-		"settings": "Ajustes",
-		"logout": "Cerrar sesión",
-		"expand": "Expandir",
-		"minimize": "Minimizar",
-		"shortcuts": "Atajos"
-	},
-	"auth": {
-		"welcome": "Bienvenido a Memoro",
-		"get_started": "Comenzar",
-		"create_account": "Crear cuenta",
-		"sign_in": "Iniciar sesión",
-		"sign_in_with_email": "Iniciar sesión con correo",
-		"sign_up_with_email": "Registrarse con correo",
-		"email": "Correo electrónico",
-		"password": "Contraseña",
-		"confirm_password": "Confirmar contraseña",
-		"forgot_password": "¿Olvidó su contraseña?",
-		"reset_password": "Restablecer contraseña",
-		"logging_in": "Iniciando sesión...",
-		"creating_account": "Creando cuenta...",
-		"sending": "Enviando...",
-		"error_email_required": "Por favor, introduzca su dirección de correo electrónico",
-		"error_password_required": "Por favor, introduzca su contraseña",
-		"error_confirm_password": "Por favor, confirme su contraseña",
-		"error_passwords_not_match": "Las contraseñas no coinciden",
-		"error_password_too_short": "La contraseña debe tener al menos 8 caracteres",
-		"error_password_requirements": "La contraseña debe contener al menos una letra minúscula, una letra mayúscula, un dígito y un carácter especial",
-		"error_registration_failed": "Error en el registro",
-		"password_requirement": "La contraseña debe tener al menos 8 caracteres y contener al menos una letra minúscula, una letra mayúscula, un dígito y un carácter especial.",
-		"registration_success": "¡Registro exitoso! Revise su correo electrónico para confirmar su cuenta.",
-		"check_email_confirmation": "Por favor, revise su correo electrónico para confirmar su cuenta.",
-		"reset_email_sent": "Introduzca su dirección de correo electrónico y le enviaremos un enlace para restablecer su contraseña.",
-		"email_only_title": "¿Por qué solo autenticación por correo?",
-		"email_only_info": "Solo admitimos el registro por correo electrónico para garantizar su independencia y privacidad.",
-		"email_only_learn_more": "Más información",
-		"email_only_intro": "Creemos en darle control total sobre su cuenta y datos. Al usar autenticación por correo electrónico, garantizamos:",
-		"email_only_benefit_1_title": "Sin dependencia de proveedores",
-		"email_only_benefit_1_desc": "No depende de servicios de terceros como Google o Apple. Su cuenta funciona de forma independiente.",
-		"email_only_benefit_2_title": "Privacidad mejorada",
-		"email_only_benefit_2_desc": "No compartimos sus datos con Google, Apple ni ningún otro tercero para la autenticación.",
-		"email_only_benefit_3_title": "Portabilidad de la cuenta",
-		"email_only_benefit_3_desc": "Su dirección de correo electrónico es portátil y funciona en todos los dispositivos y plataformas.",
-		"email_only_benefit_4_title": "Comunicación directa",
-		"email_only_benefit_4_desc": "Podemos contactarle directamente para actualizaciones importantes sin depender de sistemas de notificación de terceros.",
-		"email_only_modal_footer": "Nos comprometemos a crear herramientas que respeten su libertad y privacidad. La autenticación por correo electrónico es parte de ese compromiso.",
-		"got_it": "Entendido",
-		"already_have_account": "¿Ya tiene una cuenta?",
-		"dont_have_account": "¿No tiene una cuenta?",
-		"terms_agreement": "Al usar Memoro, acepta nuestros <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Términos</a> y nuestra <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Política de privacidad</a>.",
-		"mana_login": "Mana Login",
-		"mana_login_description": "Un login para todas las apps de Mana",
-		"mana_login_benefit_0": "Usa suscripciones de Mana en todas las apps - paga una vez y úsalo todo",
-		"back": "Volver",
-		"reset_password_description": "Introduzca su dirección de correo electrónico y le enviaremos un enlace para restablecer su contraseña.",
-		"reset_password_error": "Error al restablecer la contraseña",
-		"reset_password_success": "¡Correo enviado!",
-		"reset_password_rate_limit": "Demasiados intentos. Por favor, espere unos minutos.",
-		"reset_email_sent_description": "Hemos enviado un correo con instrucciones para restablecer su contraseña a {email}. Por favor, revise su bandeja de entrada y carpeta de spam.",
-		"back_to_login": "Volver al login",
-		"resend_email": "Reenviar correo",
-		"reset_email_sent_title": "¡Correo enviado!",
-		"terms_agreement_conjunction": "y la",
-		"terms_agreement_suffix": ".",
-		"oauth_error_access_denied": "Acceso denegado. El inicio de sesión fue cancelado.",
-		"oauth_error_server_error": "Error del servidor durante la autenticación. Por favor, inténtelo de nuevo.",
-		"oauth_error_temporarily_unavailable": "El servicio de autenticación no está disponible temporalmente. Por favor, inténtelo más tarde.",
-		"oauth_error_invalid_request": "Solicitud inválida. Por favor, inténtelo de nuevo.",
-		"oauth_error_unauthorized_client": "Cliente no autorizado. Por favor, contacte con soporte.",
-		"oauth_error_unsupported_response_type": "Tipo de respuesta no soportado. Por favor, contacte con soporte.",
-		"oauth_error_invalid_scope": "Alcance inválido. Por favor, contacte con soporte.",
-		"oauth_error_unknown": "Ha ocurrido un error desconocido. Por favor, inténtelo de nuevo.",
-		"password_requirements_title": "Requisitos de contraseña:",
-		"password_requirement_length": "Al menos 8 caracteres",
-		"password_requirement_lowercase": "Una letra minúscula",
-		"password_requirement_uppercase": "Una letra mayúscula",
-		"password_requirement_digit": "Un dígito",
-		"password_requirement_special": "Un carácter especial"
-	},
-	"dashboard": {
-		"title": "Tablero",
-		"recent_memos": "Memos recientes",
-		"no_memos": "No se encontraron memos",
-		"create_memo": "Crear memo",
-		"search_placeholder": "Buscar memos..."
-	},
-	"memo": {
-		"title": "Memo",
-		"unnamed": "Memo sin nombre",
-		"word_count": "{{count}} palabra",
-		"word_count_plural": "{{count}} palabras",
-		"delete_confirmation": "¿Realmente desea eliminar este memo? Esta acción no se puede deshacer.",
-		"delete_permanently": "Eliminar permanentemente",
-		"deleting": "Eliminando...",
-		"pin": "Fijar",
-		"unpin": "Desfijar",
-		"share": "Compartir",
-		"edit": "Editar",
-		"translate": "Traducir",
-		"create_memory": "Crear Memory",
-		"ask_question": "Hacer pregunta",
-		"copy_transcript": "Copiar transcripción",
-		"replace_word": "Reemplazar palabra",
-		"reprocess": "Reprocesar",
-		"label_speakers": "Etiquetar oradores",
-		"add_photos": "Añadir fotos",
-		"manage_spaces": "Gestionar espacios",
-		"tags": "Etiquetas",
-		"add_tag": "Añadir etiqueta",
-		"options": "Opciones",
-		"search": "Buscar",
-		"copy": "Copiar",
-		"speakers": "Oradores",
-		"find_replace": "Buscar y reemplazar",
-		"shortcuts": "Atajos",
-		"no_memo_selected": "Ningún memo seleccionado",
-		"select_memo_hint": "Seleccione un memo de la lista o cree una nueva grabación",
-		"processing_transcript": "Transcripción en proceso...",
-		"ask_question_placeholder": "Haga una pregunta sobre este memo...",
-		"open_in_new_tab": "Abrir en nueva pestaña",
-		"edit_title": "Editar título",
-		"export_text": "Exportar como texto",
-		"enter_new_title": "Introduzca nuevo título:",
-		"no_title": "Sin título",
-		"no_transcript": "No hay transcripción disponible",
-		"link_copied": "¡Enlace copiado al portapapeles!",
-		"transcript_copied": "¡Transcripción copiada al portapapeles!",
-		"no_search_results": "Sin resultados de búsqueda",
-		"no_memos_with_search": "No se encontraron memos que contengan \"{query}\".",
-		"clear_search": "Limpiar búsqueda",
-		"no_memos_with_tag": "No hay memos con esta etiqueta",
-		"no_memos_with_tag_hint": "Aún no hay memos con esta etiqueta.",
-		"show_all_memos": "Mostrar todos los memos",
-		"no_memos_yet": "Aún no hay memos",
-		"no_memos_hint": "Ve a la página de grabación para crear tu primer memo",
-		"search_placeholder": "Buscar memos...",
-		"delete_memo_title": "Eliminar memo",
-		"delete_memo_confirm": "¿Realmente desea eliminar \"{title}\"?",
-		"delete_memo_warning": "Esta acción no se puede deshacer. El memo y todos los datos asociados se eliminarán permanentemente.",
-		"error_user_not_authenticated": "Usuario no autenticado",
-		"error_loading_memos": "No se pudieron cargar los memos",
-		"error_deleting_memo": "Error al eliminar el memo. Por favor, inténtelo de nuevo.",
-		"error_updating_title": "Error al actualizar el título. Por favor, inténtelo de nuevo.",
-		"error_copying_link": "Error al copiar el enlace. Por favor, inténtelo de nuevo.",
-		"error_pin_status": "Error al cambiar el estado de fijado. Por favor, inténtelo de nuevo.",
-		"error_saving": "Error al guardar. Por favor, inténtelo de nuevo.",
-		"error_copying_transcript": "Error al copiar la transcripción. Por favor, inténtelo de nuevo.",
-		"error_updating_tags": "Error al actualizar las etiquetas. Por favor, inténtelo de nuevo.",
-		"error_creating_tag": "Error al crear la etiqueta. Por favor, inténtelo de nuevo.",
-		"error_asking_question": "Error al procesar la pregunta. Por favor, inténtelo de nuevo.",
-		"retry": "Reintentar",
-		"export_title": "Título",
-		"export_date": "Fecha",
-		"export_duration": "Duración",
-		"export_transcript": "Transcripción",
-		"export_no_transcript": "No hay transcripción disponible",
-		"export_ai_analysis": "Análisis de IA"
-	},
-	"tags": {
-		"title": "Etiquetas",
-		"create_tag": "Crear etiqueta",
-		"search_placeholder": "Buscar etiquetas...",
-		"no_tags": "No se encontraron etiquetas",
-		"delete_confirmation": "¿Realmente desea eliminar la etiqueta \"{{name}}\"?",
-		"tag_name": "Nombre de etiqueta",
-		"tag_color": "Color de etiqueta"
-	},
-	"spaces": {
-		"title": "Espacios",
-		"create_space": "Crear espacio",
-		"no_spaces": "No se encontraron espacios",
-		"members": "Miembros",
-		"invite": "Invitar"
-	},
-	"blueprints": {
-		"title": "Plantillas",
-		"loading": "Cargando plantillas...",
-		"no_blueprints": "No se encontraron plantillas",
-		"search_placeholder": "Buscar plantillas...",
-		"all_categories": "Todas",
-		"standard": "Estándar",
-		"manage": "Gestionar plantillas",
-		"activate": "Activar plantilla",
-		"load_error": "No se pudieron cargar las plantillas.",
-		"previous_tip": "Consejo anterior",
-		"next_tip": "Siguiente consejo",
-		"go_to_tip": "Ir al consejo {index}"
-	},
-	"record": {
-		"title": "Grabar - Memoro",
-		"instruction": "Mantén presionado para grabar",
-		"uploading": "Subiendo...",
-		"user_not_authenticated": "Usuario no autenticado",
-		"upload_failed": "Error en la subida",
-		"network_error": "Error de red: Por favor, verifica tu conexión e inténtalo de nuevo.",
-		"upload_error": "Error al subir la grabación: {error}",
-		"unexpected_error": "Ha ocurrido un error inesperado. Por favor, inténtalo de nuevo.",
-		"cancel_title": "Eliminar grabación",
-		"cancel_message": "¿Realmente deseas eliminar la grabación actual? Esta acción no se puede deshacer.",
-		"cancel_confirm": "Eliminar",
-		"cancel_abort": "No eliminar",
-		"pause": "Pausar",
-		"resume": "Continuar",
-		"cancel": "Cancelar grabación"
-	},
-	"statistics": {
-		"title": "Estadísticas",
-		"today": "Hoy",
-		"last_30_days": "Últimos 30 días",
-		"total": "Total",
-		"memos": "Memos",
-		"words": "Palabras",
-		"recording_duration": "Duración de grabación",
-		"loading": "Cargando estadísticas..."
-	},
-	"subscription": {
-		"title": "Comprar Mana",
-		"current_plan": "Plan actual",
-		"your_mana": "Tu Mana",
-		"buy": "Comprar",
-		"popular": "Popular",
-		"legacy_plan": "Plan antiguo",
-		"monthly": "Mensual",
-		"yearly": "Anual"
-	},
-	"settings": {
-		"title": "Ajustes",
-		"appearance": "Apariencia",
-		"theme": "Tema",
-		"system": "Sistema",
-		"light": "Claro",
-		"dark": "Oscuro",
-		"language": "Idioma",
-		"user_interface": "Interfaz de usuario",
-		"show_language_button": "Mostrar botón de idioma",
-		"show_recording_instruction": "Mostrar instrucciones de grabación",
-		"show_blueprints": "Mostrar plantillas",
-		"show_mana_badge": "Mostrar insignia de Mana en el encabezado",
-		"data_privacy": "Datos y privacidad",
-		"save_location": "Guardar ubicación",
-		"enable_analytics": "Habilitar análisis",
-		"support": "Soporte",
-		"contact_support": "Contactar soporte",
-		"rate_app": "Calificar app",
-		"account": "Cuenta",
-		"email_label": "Dirección de correo",
-		"sign_out": "Cerrar sesión",
-		"delete_account": "Eliminar cuenta",
-		"app_info": "Información de la app",
-		"version": "Versión",
-		"platform": "Plataforma",
-		"build": "Build",
-		"browser": "Navegador",
-		"copyright": "© 2025 Memoro GmbH",
-		"made_with_love": "Made with ❤️ in Germany"
-	},
-	"app_slider": {
-		"title": "Más aplicaciones Manacore",
-		"memoro_desc": "Memos de voz impulsados por IA",
-		"memoro_long_desc": "Transforma tu voz en información organizada y accionable con transcripción y análisis impulsados por IA. Perfecto para capturar ideas sobre la marcha.",
-		"maerchenzauber_desc": "Cuentos mágicos para dormir",
-		"maerchenzauber_long_desc": "Crea cuentos personalizados para dormir para tus hijos con IA. Enciende la imaginación y haz cada noche mágica con historias únicas.",
-		"moodlit_desc": "Tu compañero de ánimo",
-		"moodlit_long_desc": "Rastrea y comprende tus emociones con análisis impulsados por IA. Construye conciencia emocional y mejora tu bienestar mental.",
-		"manacore_desc": "Suite de productividad IA",
-		"manacore_long_desc": "El centro para todas las apps de Manacore. Gestiona tus suscripciones, sincroniza datos y accede a herramientas de IA desde un solo lugar.",
-		"coming_soon": "Próximamente",
-		"download": "Descargar",
-		"get_started": "Comenzar",
-		"status_published": "Publicado",
-		"status_beta": "Beta",
-		"status_development": "En desarrollo",
-		"status_planning": "Planificado"
-	},
-	"theme": {
-		"toggle": "Cambiar tema",
-		"light_mode": "Modo claro",
-		"dark_mode": "Modo oscuro",
-		"switch_to_light": "Cambiar a modo claro",
-		"switch_to_dark": "Cambiar a modo oscuro"
-	},
-	"errors": {
-		"unexpected": "Ha ocurrido un error inesperado.",
-		"network": "Error de red. Verifique su conexión a Internet.",
-		"not_found": "No encontrado.",
-		"unauthorized": "No autorizado.",
-		"forbidden": "Acceso denegado.",
-		"server_error": "Error del servidor. Inténtelo de nuevo más tarde."
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/memoro/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index fa073249c..000000000
--- a/apps/memoro/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,319 +0,0 @@
-{
-	"common": {
-		"save": "Enregistrer",
-		"cancel": "Annuler",
-		"delete": "Supprimer",
-		"edit": "Modifier",
-		"share": "Partager",
-		"back": "Retour",
-		"next": "Suivant",
-		"done": "Terminé",
-		"loading": "Chargement...",
-		"search": "Rechercher",
-		"settings": "Paramètres",
-		"yes": "Oui",
-		"no": "Non",
-		"ok": "OK",
-		"error": "Erreur",
-		"success": "Succès",
-		"create": "Créer",
-		"confirm": "Confirmer",
-		"close": "Fermer",
-		"or": "OU"
-	},
-	"nav": {
-		"dashboard": "Tableau de bord",
-		"tags": "Tags",
-		"spaces": "Espaces",
-		"mana": "Mana",
-		"blueprints": "Modèles",
-		"statistics": "Statistiques",
-		"settings": "Paramètres",
-		"logout": "Déconnexion",
-		"expand": "Agrandir",
-		"minimize": "Réduire",
-		"shortcuts": "Raccourcis"
-	},
-	"auth": {
-		"welcome": "Bienvenue sur Memoro",
-		"get_started": "Commencer",
-		"create_account": "Créer un compte",
-		"sign_in": "Connexion",
-		"sign_in_with_email": "Se connecter avec l'email",
-		"sign_up_with_email": "S'inscrire avec l'email",
-		"email": "Email",
-		"password": "Mot de passe",
-		"confirm_password": "Confirmer le mot de passe",
-		"forgot_password": "Mot de passe oublié ?",
-		"reset_password": "Réinitialiser le mot de passe",
-		"logging_in": "Connexion en cours...",
-		"creating_account": "Création du compte...",
-		"sending": "Envoi en cours...",
-		"error_email_required": "Veuillez entrer votre adresse email",
-		"error_password_required": "Veuillez entrer votre mot de passe",
-		"error_confirm_password": "Veuillez confirmer votre mot de passe",
-		"error_passwords_not_match": "Les mots de passe ne correspondent pas",
-		"error_password_too_short": "Le mot de passe doit contenir au moins 8 caractères",
-		"error_password_requirements": "Le mot de passe doit contenir au moins une lettre minuscule, une lettre majuscule, un chiffre et un caractère spécial",
-		"error_registration_failed": "Échec de l'inscription",
-		"password_requirement": "Le mot de passe doit contenir au moins 8 caractères et inclure au moins une lettre minuscule, une lettre majuscule, un chiffre et un caractère spécial.",
-		"registration_success": "Inscription réussie ! Vérifiez votre email pour confirmer votre compte.",
-		"check_email_confirmation": "Veuillez vérifier votre email pour confirmer votre compte.",
-		"reset_email_sent": "Entrez votre adresse email et nous vous enverrons un lien pour réinitialiser votre mot de passe.",
-		"email_only_title": "Pourquoi uniquement l'authentification par email ?",
-		"email_only_info": "Nous ne prenons en charge que l'inscription par email pour garantir votre indépendance et votre confidentialité.",
-		"email_only_learn_more": "En savoir plus",
-		"email_only_intro": "Nous croyons en vous donnant le contrôle total sur votre compte et vos données. En utilisant l'authentification par email, nous garantissons :",
-		"email_only_benefit_1_title": "Pas de dépendance aux fournisseurs",
-		"email_only_benefit_1_desc": "Vous n'êtes pas dépendant de services tiers comme Google ou Apple. Votre compte fonctionne de manière indépendante.",
-		"email_only_benefit_2_title": "Confidentialité renforcée",
-		"email_only_benefit_2_desc": "Nous ne partageons pas vos données avec Google, Apple ou d'autres tiers pour l'authentification.",
-		"email_only_benefit_3_title": "Portabilité du compte",
-		"email_only_benefit_3_desc": "Votre adresse email est portable et fonctionne sur tous les appareils et plateformes.",
-		"email_only_benefit_4_title": "Communication directe",
-		"email_only_benefit_4_desc": "Nous pouvons vous contacter directement pour des mises à jour importantes sans dépendre de systèmes de notification tiers.",
-		"email_only_modal_footer": "Nous nous engageons à créer des outils qui respectent votre liberté et votre confidentialité. L'authentification par email fait partie de cet engagement.",
-		"got_it": "Compris",
-		"already_have_account": "Vous avez déjà un compte ?",
-		"dont_have_account": "Pas encore de compte ?",
-		"terms_agreement": "En utilisant Memoro, vous acceptez nos <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Conditions</a> et notre <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Politique de confidentialité</a>.",
-		"mana_login": "Mana Login",
-		"mana_login_description": "Une connexion pour toutes les applications Mana",
-		"mana_login_benefit_0": "Utilisez les abonnements Mana dans toutes les applications - payez une fois et utilisez tout",
-		"back": "Retour",
-		"reset_password_description": "Entrez votre adresse email et nous vous enverrons un lien pour réinitialiser votre mot de passe.",
-		"reset_password_error": "Échec de la réinitialisation du mot de passe",
-		"reset_password_success": "Email envoyé !",
-		"reset_password_rate_limit": "Trop de tentatives. Veuillez patienter quelques minutes.",
-		"reset_email_sent_description": "Nous avons envoyé un email avec des instructions pour réinitialiser votre mot de passe à {email}. Veuillez vérifier votre boîte de réception et votre dossier spam.",
-		"back_to_login": "Retour à la connexion",
-		"resend_email": "Renvoyer l'email",
-		"reset_email_sent_title": "Email envoyé !",
-		"terms_agreement_conjunction": "et la",
-		"terms_agreement_suffix": ".",
-		"oauth_error_access_denied": "Accès refusé. La connexion a été annulée.",
-		"oauth_error_server_error": "Erreur serveur lors de l'authentification. Veuillez réessayer.",
-		"oauth_error_temporarily_unavailable": "Le service d'authentification est temporairement indisponible. Veuillez réessayer plus tard.",
-		"oauth_error_invalid_request": "Requête invalide. Veuillez réessayer.",
-		"oauth_error_unauthorized_client": "Client non autorisé. Veuillez contacter le support.",
-		"oauth_error_unsupported_response_type": "Type de réponse non supporté. Veuillez contacter le support.",
-		"oauth_error_invalid_scope": "Portée invalide. Veuillez contacter le support.",
-		"oauth_error_unknown": "Une erreur inconnue s'est produite. Veuillez réessayer.",
-		"password_requirements_title": "Exigences du mot de passe :",
-		"password_requirement_length": "Au moins 8 caractères",
-		"password_requirement_lowercase": "Une lettre minuscule",
-		"password_requirement_uppercase": "Une lettre majuscule",
-		"password_requirement_digit": "Un chiffre",
-		"password_requirement_special": "Un caractère spécial"
-	},
-	"dashboard": {
-		"title": "Tableau de bord",
-		"recent_memos": "Mémos récents",
-		"no_memos": "Aucun mémo trouvé",
-		"create_memo": "Créer un mémo",
-		"search_placeholder": "Rechercher des mémos..."
-	},
-	"memo": {
-		"title": "Mémo",
-		"unnamed": "Mémo sans nom",
-		"word_count": "{{count}} mot",
-		"word_count_plural": "{{count}} mots",
-		"delete_confirmation": "Voulez-vous vraiment supprimer ce mémo ? Cette action ne peut pas être annulée.",
-		"delete_permanently": "Supprimer définitivement",
-		"deleting": "Suppression...",
-		"pin": "Épingler",
-		"unpin": "Désépingler",
-		"share": "Partager",
-		"edit": "Modifier",
-		"translate": "Traduire",
-		"create_memory": "Créer une Memory",
-		"ask_question": "Poser une question",
-		"copy_transcript": "Copier la transcription",
-		"replace_word": "Remplacer un mot",
-		"reprocess": "Retraiter",
-		"label_speakers": "Nommer les intervenants",
-		"add_photos": "Ajouter des photos",
-		"manage_spaces": "Gérer les espaces",
-		"tags": "Tags",
-		"add_tag": "Ajouter un tag",
-		"options": "Options",
-		"search": "Rechercher",
-		"copy": "Copier",
-		"speakers": "Intervenants",
-		"find_replace": "Rechercher et remplacer",
-		"shortcuts": "Raccourcis",
-		"no_memo_selected": "Aucun mémo sélectionné",
-		"select_memo_hint": "Sélectionnez un mémo dans la liste ou créez un nouvel enregistrement",
-		"processing_transcript": "Transcription en cours...",
-		"ask_question_placeholder": "Posez une question sur ce mémo...",
-		"open_in_new_tab": "Ouvrir dans un nouvel onglet",
-		"edit_title": "Modifier le titre",
-		"export_text": "Exporter en texte",
-		"enter_new_title": "Entrez le nouveau titre :",
-		"no_title": "Sans titre",
-		"no_transcript": "Aucune transcription disponible",
-		"link_copied": "Lien copié dans le presse-papiers !",
-		"transcript_copied": "Transcription copiée dans le presse-papiers !",
-		"no_search_results": "Aucun résultat de recherche",
-		"no_memos_with_search": "Aucun mémo contenant \"{query}\" n'a été trouvé.",
-		"clear_search": "Effacer la recherche",
-		"no_memos_with_tag": "Aucun mémo avec ce tag",
-		"no_memos_with_tag_hint": "Il n'y a pas encore de mémos avec ce tag.",
-		"show_all_memos": "Afficher tous les mémos",
-		"no_memos_yet": "Pas encore de mémos",
-		"no_memos_hint": "Allez à la page d'enregistrement pour créer votre premier mémo",
-		"search_placeholder": "Rechercher des mémos...",
-		"delete_memo_title": "Supprimer le mémo",
-		"delete_memo_confirm": "Voulez-vous vraiment supprimer \"{title}\" ?",
-		"delete_memo_warning": "Cette action ne peut pas être annulée. Le mémo et toutes les données associées seront supprimés définitivement.",
-		"error_user_not_authenticated": "Utilisateur non authentifié",
-		"error_loading_memos": "Impossible de charger les mémos",
-		"error_deleting_memo": "Erreur lors de la suppression du mémo. Veuillez réessayer.",
-		"error_updating_title": "Erreur lors de la mise à jour du titre. Veuillez réessayer.",
-		"error_copying_link": "Erreur lors de la copie du lien. Veuillez réessayer.",
-		"error_pin_status": "Erreur lors du changement du statut d'épinglage. Veuillez réessayer.",
-		"error_saving": "Erreur lors de l'enregistrement. Veuillez réessayer.",
-		"error_copying_transcript": "Erreur lors de la copie de la transcription. Veuillez réessayer.",
-		"error_updating_tags": "Erreur lors de la mise à jour des tags. Veuillez réessayer.",
-		"error_creating_tag": "Erreur lors de la création du tag. Veuillez réessayer.",
-		"error_asking_question": "Erreur lors du traitement de la question. Veuillez réessayer.",
-		"retry": "Réessayer",
-		"export_title": "Titre",
-		"export_date": "Date",
-		"export_duration": "Durée",
-		"export_transcript": "Transcription",
-		"export_no_transcript": "Aucune transcription disponible",
-		"export_ai_analysis": "Analyse IA"
-	},
-	"tags": {
-		"title": "Tags",
-		"create_tag": "Créer un tag",
-		"search_placeholder": "Rechercher des tags...",
-		"no_tags": "Aucun tag trouvé",
-		"delete_confirmation": "Voulez-vous vraiment supprimer le tag \"{{name}}\" ?",
-		"tag_name": "Nom du tag",
-		"tag_color": "Couleur du tag"
-	},
-	"spaces": {
-		"title": "Espaces",
-		"create_space": "Créer un espace",
-		"no_spaces": "Aucun espace trouvé",
-		"members": "Membres",
-		"invite": "Inviter"
-	},
-	"blueprints": {
-		"title": "Modèles",
-		"loading": "Chargement des modèles...",
-		"no_blueprints": "Aucun modèle trouvé",
-		"search_placeholder": "Rechercher des modèles...",
-		"all_categories": "Tous",
-		"standard": "Standard",
-		"manage": "Gérer les modèles",
-		"activate": "Activer le modèle",
-		"load_error": "Impossible de charger les modèles.",
-		"previous_tip": "Conseil précédent",
-		"next_tip": "Conseil suivant",
-		"go_to_tip": "Aller au conseil {index}"
-	},
-	"record": {
-		"title": "Enregistrer - Memoro",
-		"instruction": "Maintenez pour enregistrer",
-		"uploading": "Téléchargement...",
-		"user_not_authenticated": "Utilisateur non authentifié",
-		"upload_failed": "Échec du téléchargement",
-		"network_error": "Erreur réseau : Veuillez vérifier votre connexion et réessayer.",
-		"upload_error": "Erreur lors du téléchargement de l'enregistrement : {error}",
-		"unexpected_error": "Une erreur inattendue s'est produite. Veuillez réessayer.",
-		"cancel_title": "Supprimer l'enregistrement",
-		"cancel_message": "Voulez-vous vraiment supprimer l'enregistrement actuel ? Cette action ne peut pas être annulée.",
-		"cancel_confirm": "Supprimer",
-		"cancel_abort": "Ne pas supprimer",
-		"pause": "Pause",
-		"resume": "Reprendre",
-		"cancel": "Annuler l'enregistrement"
-	},
-	"statistics": {
-		"title": "Statistiques",
-		"today": "Aujourd'hui",
-		"last_30_days": "30 derniers jours",
-		"total": "Total",
-		"memos": "Mémos",
-		"words": "Mots",
-		"recording_duration": "Durée d'enregistrement",
-		"loading": "Chargement des statistiques..."
-	},
-	"subscription": {
-		"title": "Acheter du Mana",
-		"current_plan": "Plan actuel",
-		"your_mana": "Votre Mana",
-		"buy": "Acheter",
-		"popular": "Populaire",
-		"legacy_plan": "Plan ancien",
-		"monthly": "Mensuel",
-		"yearly": "Annuel"
-	},
-	"settings": {
-		"title": "Paramètres",
-		"appearance": "Apparence",
-		"theme": "Thème",
-		"system": "Système",
-		"light": "Clair",
-		"dark": "Sombre",
-		"language": "Langue",
-		"user_interface": "Interface utilisateur",
-		"show_language_button": "Afficher le bouton de langue",
-		"show_recording_instruction": "Afficher les instructions d'enregistrement",
-		"show_blueprints": "Afficher les modèles",
-		"show_mana_badge": "Afficher le badge Mana dans l'en-tête",
-		"data_privacy": "Données et confidentialité",
-		"save_location": "Enregistrer la position",
-		"enable_analytics": "Activer les analyses",
-		"support": "Support",
-		"contact_support": "Contacter le support",
-		"rate_app": "Évaluer l'application",
-		"account": "Compte",
-		"email_label": "Adresse email",
-		"sign_out": "Déconnexion",
-		"delete_account": "Supprimer le compte",
-		"app_info": "Informations de l'application",
-		"version": "Version",
-		"platform": "Plateforme",
-		"build": "Build",
-		"browser": "Navigateur",
-		"copyright": "© 2025 Memoro GmbH",
-		"made_with_love": "Made with ❤️ in Germany"
-	},
-	"app_slider": {
-		"title": "Plus d'applications Manacore",
-		"memoro_desc": "Mémos vocaux alimentés par l'IA",
-		"memoro_long_desc": "Transformez votre voix en informations organisées et exploitables grâce à la transcription et à l'analyse alimentées par l'IA. Parfait pour capturer des idées en déplacement.",
-		"maerchenzauber_desc": "Histoires magiques pour s'endormir",
-		"maerchenzauber_long_desc": "Créez des histoires personnalisées pour endormir vos enfants avec l'IA. Enflammez l'imagination et rendez chaque nuit magique avec des contes uniques.",
-		"moodlit_desc": "Votre compagnon d'humeur",
-		"moodlit_long_desc": "Suivez et comprenez vos émotions avec des analyses alimentées par l'IA. Développez la conscience émotionnelle et améliorez votre bien-être mental.",
-		"manacore_desc": "Suite de productivité IA",
-		"manacore_long_desc": "Le hub central pour toutes les applications Manacore. Gérez vos abonnements, synchronisez les données et accédez à des outils d'IA puissants depuis un seul endroit.",
-		"coming_soon": "Prochainement",
-		"download": "Télécharger",
-		"get_started": "Commencer",
-		"status_published": "Publié",
-		"status_beta": "Bêta",
-		"status_development": "En développement",
-		"status_planning": "Planifié"
-	},
-	"theme": {
-		"toggle": "Changer de thème",
-		"light_mode": "Mode clair",
-		"dark_mode": "Mode sombre",
-		"switch_to_light": "Passer au mode clair",
-		"switch_to_dark": "Passer au mode sombre"
-	},
-	"errors": {
-		"unexpected": "Une erreur inattendue s'est produite.",
-		"network": "Erreur réseau. Veuillez vérifier votre connexion Internet.",
-		"not_found": "Non trouvé.",
-		"unauthorized": "Non autorisé.",
-		"forbidden": "Accès refusé.",
-		"server_error": "Erreur serveur. Veuillez réessayer plus tard."
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/i18n/locales/it.json b/apps/memoro/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index 20fe56b25..000000000
--- a/apps/memoro/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,319 +0,0 @@
-{
-	"common": {
-		"save": "Salva",
-		"cancel": "Annulla",
-		"delete": "Elimina",
-		"edit": "Modifica",
-		"share": "Condividi",
-		"back": "Indietro",
-		"next": "Avanti",
-		"done": "Fatto",
-		"loading": "Caricamento...",
-		"search": "Cerca",
-		"settings": "Impostazioni",
-		"yes": "Sì",
-		"no": "No",
-		"ok": "OK",
-		"error": "Errore",
-		"success": "Successo",
-		"create": "Crea",
-		"confirm": "Conferma",
-		"close": "Chiudi",
-		"or": "OPPURE"
-	},
-	"nav": {
-		"dashboard": "Dashboard",
-		"tags": "Tag",
-		"spaces": "Spazi",
-		"mana": "Mana",
-		"blueprints": "Modelli",
-		"statistics": "Statistiche",
-		"settings": "Impostazioni",
-		"logout": "Esci",
-		"expand": "Espandi",
-		"minimize": "Minimizza",
-		"shortcuts": "Scorciatoie"
-	},
-	"auth": {
-		"welcome": "Benvenuto in Memoro",
-		"get_started": "Inizia",
-		"create_account": "Crea account",
-		"sign_in": "Accedi",
-		"sign_in_with_email": "Accedi con email",
-		"sign_up_with_email": "Registrati con email",
-		"email": "Email",
-		"password": "Password",
-		"confirm_password": "Conferma password",
-		"forgot_password": "Password dimenticata?",
-		"reset_password": "Reimposta password",
-		"logging_in": "Accesso in corso...",
-		"creating_account": "Creazione account...",
-		"sending": "Invio in corso...",
-		"error_email_required": "Inserisci il tuo indirizzo email",
-		"error_password_required": "Inserisci la tua password",
-		"error_confirm_password": "Conferma la tua password",
-		"error_passwords_not_match": "Le password non corrispondono",
-		"error_password_too_short": "La password deve essere lunga almeno 8 caratteri",
-		"error_password_requirements": "La password deve contenere almeno una lettera minuscola, una lettera maiuscola, un numero e un carattere speciale",
-		"error_registration_failed": "Registrazione fallita",
-		"password_requirement": "La password deve essere lunga almeno 8 caratteri e contenere almeno una lettera minuscola, una lettera maiuscola, un numero e un carattere speciale.",
-		"registration_success": "Registrazione completata con successo! Controlla la tua email per confermare il tuo account.",
-		"check_email_confirmation": "Controlla la tua email per confermare il tuo account.",
-		"reset_email_sent": "Inserisci il tuo indirizzo email e ti invieremo un link per reimpostare la tua password.",
-		"email_only_title": "Perché solo autenticazione email?",
-		"email_only_info": "Supportiamo solo la registrazione via email per garantire la tua indipendenza e privacy.",
-		"email_only_learn_more": "Scopri di più",
-		"email_only_intro": "Crediamo nel darti il pieno controllo sul tuo account e sui tuoi dati. Utilizzando l'autenticazione via email, garantiamo:",
-		"email_only_benefit_1_title": "Nessun vincolo con fornitori",
-		"email_only_benefit_1_desc": "Non sei dipendente da servizi di terze parti come Google o Apple. Il tuo account funziona in modo indipendente.",
-		"email_only_benefit_2_title": "Privacy migliorata",
-		"email_only_benefit_2_desc": "Non condividiamo i tuoi dati con Google, Apple o altre terze parti per l'autenticazione.",
-		"email_only_benefit_3_title": "Portabilità dell'account",
-		"email_only_benefit_3_desc": "Il tuo indirizzo email è portabile e funziona su tutti i dispositivi e piattaforme.",
-		"email_only_benefit_4_title": "Comunicazione diretta",
-		"email_only_benefit_4_desc": "Possiamo contattarti direttamente per aggiornamenti importanti senza fare affidamento su sistemi di notifica di terze parti.",
-		"email_only_modal_footer": "Ci impegniamo a costruire strumenti che rispettino la tua libertà e privacy. L'autenticazione via email fa parte di questo impegno.",
-		"got_it": "Ho capito",
-		"already_have_account": "Hai già un account?",
-		"dont_have_account": "Non hai un account?",
-		"terms_agreement": "Utilizzando Memoro accetti i nostri <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Termini</a> e la nostra <a href=\"https://manacore.ai/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">Informativa sulla privacy</a>.",
-		"mana_login": "Mana Login",
-		"mana_login_description": "Un login per tutte le app Mana",
-		"mana_login_benefit_0": "Usa gli abbonamenti Mana in tutte le app - paga una volta e usa tutto",
-		"back": "Indietro",
-		"reset_password_description": "Inserisci il tuo indirizzo email e ti invieremo un link per reimpostare la tua password.",
-		"reset_password_error": "Reimpostazione password fallita",
-		"reset_password_success": "Email inviata!",
-		"reset_password_rate_limit": "Troppi tentativi. Attendi qualche minuto.",
-		"reset_email_sent_description": "Abbiamo inviato un'email con le istruzioni per reimpostare la password a {email}. Controlla la posta in arrivo e la cartella spam.",
-		"back_to_login": "Torna al login",
-		"resend_email": "Reinvia email",
-		"reset_email_sent_title": "Email inviata!",
-		"terms_agreement_conjunction": "e la",
-		"terms_agreement_suffix": ".",
-		"oauth_error_access_denied": "Accesso negato. L'accesso è stato annullato.",
-		"oauth_error_server_error": "Errore del server durante l'autenticazione. Riprova.",
-		"oauth_error_temporarily_unavailable": "Il servizio di autenticazione non è temporaneamente disponibile. Riprova più tardi.",
-		"oauth_error_invalid_request": "Richiesta non valida. Riprova.",
-		"oauth_error_unauthorized_client": "Client non autorizzato. Contatta il supporto.",
-		"oauth_error_unsupported_response_type": "Tipo di risposta non supportato. Contatta il supporto.",
-		"oauth_error_invalid_scope": "Ambito non valido. Contatta il supporto.",
-		"oauth_error_unknown": "Si è verificato un errore sconosciuto. Riprova.",
-		"password_requirements_title": "Requisiti password:",
-		"password_requirement_length": "Almeno 8 caratteri",
-		"password_requirement_lowercase": "Una lettera minuscola",
-		"password_requirement_uppercase": "Una lettera maiuscola",
-		"password_requirement_digit": "Un numero",
-		"password_requirement_special": "Un carattere speciale"
-	},
-	"dashboard": {
-		"title": "Dashboard",
-		"recent_memos": "Memo recenti",
-		"no_memos": "Nessun memo trovato",
-		"create_memo": "Crea memo",
-		"search_placeholder": "Cerca memo..."
-	},
-	"memo": {
-		"title": "Memo",
-		"unnamed": "Memo senza nome",
-		"word_count": "{{count}} parola",
-		"word_count_plural": "{{count}} parole",
-		"delete_confirmation": "Vuoi davvero eliminare questo memo? Questa azione non può essere annullata.",
-		"delete_permanently": "Elimina definitivamente",
-		"deleting": "Eliminazione...",
-		"pin": "Fissa",
-		"unpin": "Sblocca",
-		"share": "Condividi",
-		"edit": "Modifica",
-		"translate": "Traduci",
-		"create_memory": "Crea Memory",
-		"ask_question": "Fai una domanda",
-		"copy_transcript": "Copia trascrizione",
-		"replace_word": "Sostituisci parola",
-		"reprocess": "Rielabora",
-		"label_speakers": "Nomina relatori",
-		"add_photos": "Aggiungi foto",
-		"manage_spaces": "Gestisci spazi",
-		"tags": "Tag",
-		"add_tag": "Aggiungi tag",
-		"options": "Opzioni",
-		"search": "Cerca",
-		"copy": "Copia",
-		"speakers": "Relatori",
-		"find_replace": "Trova e sostituisci",
-		"shortcuts": "Scorciatoie",
-		"no_memo_selected": "Nessun memo selezionato",
-		"select_memo_hint": "Seleziona un memo dalla lista o crea una nuova registrazione",
-		"processing_transcript": "Trascrizione in corso...",
-		"ask_question_placeholder": "Fai una domanda su questo memo...",
-		"open_in_new_tab": "Apri in una nuova scheda",
-		"edit_title": "Modifica titolo",
-		"export_text": "Esporta come testo",
-		"enter_new_title": "Inserisci nuovo titolo:",
-		"no_title": "Senza titolo",
-		"no_transcript": "Nessuna trascrizione disponibile",
-		"link_copied": "Link copiato negli appunti!",
-		"transcript_copied": "Trascrizione copiata negli appunti!",
-		"no_search_results": "Nessun risultato di ricerca",
-		"no_memos_with_search": "Nessun memo trovato contenente \"{query}\".",
-		"clear_search": "Cancella ricerca",
-		"no_memos_with_tag": "Nessun memo con questo tag",
-		"no_memos_with_tag_hint": "Non ci sono ancora memo con questo tag.",
-		"show_all_memos": "Mostra tutti i memo",
-		"no_memos_yet": "Ancora nessun memo",
-		"no_memos_hint": "Vai alla pagina di registrazione per creare il tuo primo memo",
-		"search_placeholder": "Cerca memo...",
-		"delete_memo_title": "Elimina memo",
-		"delete_memo_confirm": "Vuoi davvero eliminare \"{title}\"?",
-		"delete_memo_warning": "Questa azione non può essere annullata. Il memo e tutti i dati associati verranno eliminati definitivamente.",
-		"error_user_not_authenticated": "Utente non autenticato",
-		"error_loading_memos": "Impossibile caricare i memo",
-		"error_deleting_memo": "Errore durante l'eliminazione del memo. Riprova.",
-		"error_updating_title": "Errore durante l'aggiornamento del titolo. Riprova.",
-		"error_copying_link": "Errore durante la copia del link. Riprova.",
-		"error_pin_status": "Errore durante la modifica dello stato di fissaggio. Riprova.",
-		"error_saving": "Errore durante il salvataggio. Riprova.",
-		"error_copying_transcript": "Errore durante la copia della trascrizione. Riprova.",
-		"error_updating_tags": "Errore durante l'aggiornamento dei tag. Riprova.",
-		"error_creating_tag": "Errore durante la creazione del tag. Riprova.",
-		"error_asking_question": "Errore durante l'elaborazione della domanda. Riprova.",
-		"retry": "Riprova",
-		"export_title": "Titolo",
-		"export_date": "Data",
-		"export_duration": "Durata",
-		"export_transcript": "Trascrizione",
-		"export_no_transcript": "Nessuna trascrizione disponibile",
-		"export_ai_analysis": "Analisi IA"
-	},
-	"tags": {
-		"title": "Tag",
-		"create_tag": "Crea tag",
-		"search_placeholder": "Cerca tag...",
-		"no_tags": "Nessun tag trovato",
-		"delete_confirmation": "Vuoi davvero eliminare il tag \"{{name}}\"?",
-		"tag_name": "Nome tag",
-		"tag_color": "Colore tag"
-	},
-	"spaces": {
-		"title": "Spazi",
-		"create_space": "Crea spazio",
-		"no_spaces": "Nessuno spazio trovato",
-		"members": "Membri",
-		"invite": "Invita"
-	},
-	"blueprints": {
-		"title": "Modelli",
-		"loading": "Caricamento modelli...",
-		"no_blueprints": "Nessun modello trovato",
-		"search_placeholder": "Cerca modelli...",
-		"all_categories": "Tutti",
-		"standard": "Standard",
-		"manage": "Gestisci modelli",
-		"activate": "Attiva modello",
-		"load_error": "Impossibile caricare i modelli.",
-		"previous_tip": "Consiglio precedente",
-		"next_tip": "Consiglio successivo",
-		"go_to_tip": "Vai al consiglio {index}"
-	},
-	"record": {
-		"title": "Registra - Memoro",
-		"instruction": "Tieni premuto per registrare",
-		"uploading": "Caricamento...",
-		"user_not_authenticated": "Utente non autenticato",
-		"upload_failed": "Caricamento fallito",
-		"network_error": "Errore di rete: Verifica la connessione e riprova.",
-		"upload_error": "Errore durante il caricamento della registrazione: {error}",
-		"unexpected_error": "Si è verificato un errore imprevisto. Riprova.",
-		"cancel_title": "Elimina registrazione",
-		"cancel_message": "Vuoi davvero eliminare la registrazione corrente? Questa azione non può essere annullata.",
-		"cancel_confirm": "Elimina",
-		"cancel_abort": "Non eliminare",
-		"pause": "Pausa",
-		"resume": "Riprendi",
-		"cancel": "Annulla registrazione"
-	},
-	"statistics": {
-		"title": "Statistiche",
-		"today": "Oggi",
-		"last_30_days": "Ultimi 30 giorni",
-		"total": "Totale",
-		"memos": "Memo",
-		"words": "Parole",
-		"recording_duration": "Durata registrazione",
-		"loading": "Caricamento statistiche..."
-	},
-	"subscription": {
-		"title": "Acquista Mana",
-		"current_plan": "Piano attuale",
-		"your_mana": "Il tuo Mana",
-		"buy": "Acquista",
-		"popular": "Popolare",
-		"legacy_plan": "Piano Legacy",
-		"monthly": "Mensile",
-		"yearly": "Annuale"
-	},
-	"settings": {
-		"title": "Impostazioni",
-		"appearance": "Aspetto",
-		"theme": "Tema",
-		"system": "Sistema",
-		"light": "Chiaro",
-		"dark": "Scuro",
-		"language": "Lingua",
-		"user_interface": "Interfaccia utente",
-		"show_language_button": "Mostra pulsante lingua",
-		"show_recording_instruction": "Mostra istruzioni di registrazione",
-		"show_blueprints": "Mostra modelli",
-		"show_mana_badge": "Mostra badge Mana nell'intestazione",
-		"data_privacy": "Dati e privacy",
-		"save_location": "Salva posizione",
-		"enable_analytics": "Abilita analytics",
-		"support": "Supporto",
-		"contact_support": "Contatta supporto",
-		"rate_app": "Valuta app",
-		"account": "Account",
-		"email_label": "Indirizzo email",
-		"sign_out": "Esci",
-		"delete_account": "Elimina account",
-		"app_info": "Informazioni app",
-		"version": "Versione",
-		"platform": "Piattaforma",
-		"build": "Build",
-		"browser": "Browser",
-		"copyright": "© 2025 Memoro GmbH",
-		"made_with_love": "Made with ❤️ in Germany"
-	},
-	"app_slider": {
-		"title": "Altre app Manacore",
-		"memoro_desc": "Memo vocali alimentati dall'IA",
-		"memoro_long_desc": "Trasforma la tua voce in informazioni organizzate e utilizzabili con trascrizione e analisi alimentate dall'IA. Perfetto per catturare idee in movimento.",
-		"maerchenzauber_desc": "Storie magiche della buonanotte",
-		"maerchenzauber_long_desc": "Crea storie personalizzate per la buonanotte per i tuoi bambini con l'IA. Accendi l'immaginazione e rendi ogni notte magica con racconti unici.",
-		"moodlit_desc": "Il tuo compagno d'umore",
-		"moodlit_long_desc": "Traccia e comprendi le tue emozioni con analisi alimentate dall'IA. Costruisci consapevolezza emotiva e migliora il tuo benessere mentale.",
-		"manacore_desc": "Suite di produttività IA",
-		"manacore_long_desc": "L'hub centrale per tutte le app Manacore. Gestisci i tuoi abbonamenti, sincronizza i dati e accedi a potenti strumenti IA da un unico posto.",
-		"coming_soon": "Prossimamente",
-		"download": "Scarica",
-		"get_started": "Inizia",
-		"status_published": "Pubblicato",
-		"status_beta": "Beta",
-		"status_development": "In sviluppo",
-		"status_planning": "Pianificato"
-	},
-	"theme": {
-		"toggle": "Cambia tema",
-		"light_mode": "Modalità chiara",
-		"dark_mode": "Modalità scura",
-		"switch_to_light": "Passa alla modalità chiara",
-		"switch_to_dark": "Passa alla modalità scura"
-	},
-	"errors": {
-		"unexpected": "Si è verificato un errore imprevisto.",
-		"network": "Errore di rete. Verifica la tua connessione Internet.",
-		"not_found": "Non trovato.",
-		"unauthorized": "Non autorizzato.",
-		"forbidden": "Accesso negato.",
-		"server_error": "Errore del server. Riprova più tardi."
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/index.ts b/apps/memoro/apps/web-archived/src/lib/index.ts
deleted file mode 100644
index 856f2b6c3..000000000
--- a/apps/memoro/apps/web-archived/src/lib/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.
diff --git a/apps/memoro/apps/web-archived/src/lib/services/audioStorageService.ts b/apps/memoro/apps/web-archived/src/lib/services/audioStorageService.ts
deleted file mode 100644
index c67a76383..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/audioStorageService.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-/**
- * Audio Storage Service for memoro-web
- * Manages audio files in Supabase Storage
- */
-
-import { createAuthClient } from '$lib/supabaseClient';
-
-export interface AudioFileInfo {
-	id: string;
-	name: string;
-	url: string;
-	size: number;
-	created_at: string;
-	metadata?: {
-		duration?: number;
-		format?: string;
-		memo_id?: string;
-		memo_title?: string;
-	};
-}
-
-export interface AudioArchiveStats {
-	totalCount: number;
-	totalDurationSeconds: number;
-	totalSizeBytes: number;
-}
-
-export class AudioStorageService {
-	private readonly BUCKET_NAME = 'user-uploads';
-
-	/**
-	 * Get all audio files for the current user
-	 */
-	async getAllAudioFiles(limit = 20, offset = 0): Promise<AudioFileInfo[]> {
-		const supabase = await createAuthClient();
-
-		// List files from Supabase Storage
-		const { data: files, error: listError } = await supabase.storage
-			.from(this.BUCKET_NAME)
-			.list('', {
-				limit,
-				offset,
-				sortBy: { column: 'created_at', order: 'desc' },
-			});
-
-		if (listError) throw listError;
-		if (!files || files.length === 0) return [];
-
-		// Get public URLs and enrich with metadata
-		const audioFiles: AudioFileInfo[] = [];
-
-		for (const file of files) {
-			// Only include audio files
-			if (!this.isAudioFile(file.name)) continue;
-
-			// Get public URL
-			const { data: urlData } = supabase.storage.from(this.BUCKET_NAME).getPublicUrl(file.name);
-
-			// Try to find associated memo
-			const memoInfo = await this.getMemoInfoForAudio(file.name);
-
-			audioFiles.push({
-				id: file.id,
-				name: file.name,
-				url: urlData.publicUrl,
-				size: file.metadata?.size || 0,
-				created_at: file.created_at || new Date().toISOString(),
-				metadata: {
-					format: this.getFileExtension(file.name),
-					memo_id: memoInfo?.id,
-					memo_title: memoInfo?.title,
-				},
-			});
-		}
-
-		return audioFiles;
-	}
-
-	/**
-	 * Get audio archive statistics
-	 */
-	async getAudioArchiveStats(): Promise<AudioArchiveStats> {
-		const supabase = await createAuthClient();
-
-		// Get all files (without limit for accurate stats)
-		const { data: files, error } = await supabase.storage.from(this.BUCKET_NAME).list('', {
-			limit: 1000,
-		});
-
-		if (error) throw error;
-		if (!files || files.length === 0) {
-			return {
-				totalCount: 0,
-				totalDurationSeconds: 0,
-				totalSizeBytes: 0,
-			};
-		}
-
-		// Filter audio files
-		const audioFiles = files.filter((f) => this.isAudioFile(f.name));
-
-		// Calculate total size
-		const totalSizeBytes = audioFiles.reduce((sum, file) => sum + (file.metadata?.size || 0), 0);
-
-		// Get durations from memos (estimate)
-		let totalDurationSeconds = 0;
-		try {
-			const { data: memos } = await supabase
-				.from('memos')
-				.select('source')
-				.not('source', 'is', null);
-
-			if (memos) {
-				totalDurationSeconds = memos.reduce((sum, memo) => {
-					const duration = memo.source?.duration_seconds || memo.source?.duration || 0;
-					return sum + duration;
-				}, 0);
-			}
-		} catch (err) {
-			console.error('Error calculating duration:', err);
-		}
-
-		return {
-			totalCount: audioFiles.length,
-			totalDurationSeconds,
-			totalSizeBytes,
-		};
-	}
-
-	/**
-	 * Delete an audio file
-	 */
-	async deleteAudioFile(fileName: string): Promise<void> {
-		const supabase = await createAuthClient();
-
-		const { error } = await supabase.storage.from(this.BUCKET_NAME).remove([fileName]);
-
-		if (error) throw error;
-	}
-
-	/**
-	 * Download an audio file
-	 */
-	async downloadAudioFile(url: string, fileName: string): Promise<void> {
-		const response = await fetch(url);
-		const blob = await response.blob();
-
-		// Create download link
-		const downloadUrl = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = downloadUrl;
-		a.download = fileName;
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-		URL.revokeObjectURL(downloadUrl);
-	}
-
-	/**
-	 * Get memo information for an audio file
-	 */
-	private async getMemoInfoForAudio(
-		audioFileName: string
-	): Promise<{ id: string; title: string } | null> {
-		try {
-			const supabase = await createAuthClient();
-
-			// Try to find memo by audio_url
-			const { data: memo, error } = await supabase
-				.from('memos')
-				.select('id, title, audio_url')
-				.ilike('audio_url', `%${audioFileName}%`)
-				.single();
-
-			if (error || !memo) return null;
-
-			return {
-				id: memo.id,
-				title: memo.title || 'Untitled Memo',
-			};
-		} catch (err) {
-			return null;
-		}
-	}
-
-	/**
-	 * Check if file is an audio file
-	 */
-	private isAudioFile(fileName: string): boolean {
-		const audioExtensions = ['.mp3', '.m4a', '.wav', '.ogg', '.aac', '.flac', '.webm'];
-		return audioExtensions.some((ext) => fileName.toLowerCase().endsWith(ext));
-	}
-
-	/**
-	 * Get file extension
-	 */
-	private getFileExtension(fileName: string): string {
-		const parts = fileName.split('.');
-		return parts.length > 1 ? parts[parts.length - 1].toUpperCase() : 'AUDIO';
-	}
-
-	/**
-	 * Format file size
-	 */
-	formatFileSize(bytes: number): string {
-		if (bytes === 0) return '0 B';
-		const k = 1024;
-		const sizes = ['B', 'KB', 'MB', 'GB'];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + ' ' + sizes[i];
-	}
-
-	/**
-	 * Format duration
-	 */
-	formatDuration(seconds: number): string {
-		if (!seconds || seconds === 0) return '0:00';
-
-		const hours = Math.floor(seconds / 3600);
-		const minutes = Math.floor((seconds % 3600) / 60);
-		const secs = Math.floor(seconds % 60);
-
-		if (hours > 0) {
-			return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-		}
-
-		return `${minutes}:${secs.toString().padStart(2, '0')}`;
-	}
-}
-
-// Export singleton instance
-export const audioStorageService = new AudioStorageService();
diff --git a/apps/memoro/apps/web-archived/src/lib/services/audioUploadService.ts b/apps/memoro/apps/web-archived/src/lib/services/audioUploadService.ts
deleted file mode 100644
index d77e64a57..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/audioUploadService.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-import { env } from '$lib/config/env';
-import { authStore } from '$lib/stores/auth.svelte';
-import { triggerTranscription } from '$lib/services/transcriptionService';
-
-/**
- * Get video file extension from blob type
- */
-function getVideoExtension(blob: Blob): string {
-	const mimeToExt: Record<string, string> = {
-		'video/mp4': 'mp4',
-		'video/quicktime': 'mov',
-		'video/x-msvideo': 'avi',
-		'video/x-matroska': 'mkv',
-		'video/webm': 'webm',
-		'video/x-ms-wmv': 'wmv',
-		'video/x-flv': 'flv',
-		'video/3gpp': '3gp',
-	};
-	return mimeToExt[blob.type] || 'mp4';
-}
-
-export interface AudioUploadOptions {
-	audioBlob: Blob;
-	userId: string;
-	title?: string;
-	duration: number;
-	spaceId?: string | null;
-	blueprintId?: string | null;
-	recordingLanguages?: string[];
-	enableDiarization?: boolean;
-	recordingDate?: string;
-	recordingTime?: string;
-	mediaType?: 'audio' | 'video';
-}
-
-export interface AudioUploadResult {
-	success: boolean;
-	memoId?: string;
-	error?: string;
-	isNetworkError?: boolean;
-}
-
-/**
- * Upload audio recording to Supabase Storage and trigger transcription processing
- * This mirrors the mobile app's cloudStorageService.uploadAudioForProcessing() functionality
- */
-export async function uploadAndProcessAudio({
-	audioBlob,
-	userId,
-	title = 'New Recording',
-	duration,
-	spaceId = null,
-	blueprintId = null,
-	recordingLanguages = [],
-	enableDiarization = false,
-	recordingDate,
-	recordingTime,
-	mediaType = 'audio',
-}: AudioUploadOptions): Promise<AudioUploadResult> {
-	try {
-		// 1. Generate memoId (UUID v4)
-		const memoId = crypto.randomUUID();
-		const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
-
-		// Determine file extension based on media type and original file
-		const isVideo = mediaType === 'video';
-		const extension = isVideo ? getVideoExtension(audioBlob) : 'm4a';
-		const prefix = isVideo ? 'video' : 'audio';
-		const fileName = `${memoId}/${prefix}_${timestamp}.${extension}`;
-
-		// 2. Get authenticated token
-		const appToken = await authStore.getValidToken();
-		if (!appToken) {
-			return {
-				success: false,
-				error: 'Authentication failed - no valid token found',
-				isNetworkError: false,
-			};
-		}
-
-		// 3. Create FormData for upload
-		const formData = new FormData();
-		formData.append('file', audioBlob, `${prefix}_${timestamp}.${extension}`);
-
-		// 4. Upload to Supabase Storage
-		const storagePath = `${userId}/${fileName}`;
-		const uploadUrl = `${env.supabase.url}/storage/v1/object/user-uploads/${storagePath}`;
-
-		console.log('Uploading to Supabase Storage:', uploadUrl);
-
-		const uploadResponse = await fetch(uploadUrl, {
-			method: 'POST',
-			headers: {
-				apikey: env.supabase.anonKey,
-				Authorization: `Bearer ${appToken}`,
-				'x-upsert': 'true',
-			},
-			body: formData,
-		});
-
-		if (!uploadResponse.ok) {
-			const errorText = await uploadResponse.text();
-			console.error('Storage upload failed:', uploadResponse.status, errorText);
-
-			return {
-				success: false,
-				error: `Upload failed: ${uploadResponse.status} - ${errorText}`,
-				isNetworkError: uploadResponse.status >= 500 || uploadResponse.status === 0,
-			};
-		}
-
-		const uploadData = await uploadResponse.json();
-		console.log('Upload successful:', uploadData);
-
-		// 5. Trigger transcription processing via memoro service
-		console.log('Triggering transcription for memo:', memoId);
-
-		const transcriptionResult = await triggerTranscription({
-			userId,
-			fileName,
-			duration: Math.floor(duration),
-			memoId,
-			spaceId,
-			title,
-			blueprintId,
-			recordingLanguages,
-			enableDiarization,
-			accessToken: appToken,
-			mediaType,
-		});
-
-		if (!transcriptionResult.success) {
-			console.error('Transcription trigger failed:', transcriptionResult.error);
-
-			return {
-				success: false,
-				error: transcriptionResult.error || 'Transcription failed to start',
-				isNetworkError: false,
-			};
-		}
-
-		console.log('Transcription started successfully for memo:', memoId);
-
-		return {
-			success: true,
-			memoId,
-		};
-	} catch (error) {
-		console.error('Error in uploadAndProcessAudio:', error);
-
-		// Check if network error
-		const isNetworkError = error instanceof TypeError && error.message.includes('fetch');
-
-		return {
-			success: false,
-			error: error instanceof Error ? error.message : 'Unknown error occurred',
-			isNetworkError,
-		};
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/services/creditService.ts b/apps/memoro/apps/web-archived/src/lib/services/creditService.ts
deleted file mode 100644
index 61e021054..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/creditService.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-/**
- * Credit Service for Memoro Web
- * Handles credit operations and pricing via memoro-server (Hono/Bun).
- */
-
-import { env } from '$lib/config/env';
-import { authStore } from '$lib/stores/auth.svelte';
-
-const SERVER_URL = () => env.server.memoroUrl.replace(/\/$/, '');
-
-export interface CreditCheckResponse {
-	hasEnoughCredits: boolean;
-	currentCredits: number;
-	requiredCredits: number;
-	creditType: 'user' | 'space';
-	durationMinutes?: number;
-	estimatedCostPerHour?: number;
-}
-
-export interface PricingResponse {
-	costs: {
-		TRANSCRIPTION_PER_MINUTE: number;
-		HEADLINE_GENERATION: number;
-		MEMORY_CREATION: number;
-		BLUEPRINT_PROCESSING: number;
-		QUESTION_MEMO: number;
-		NEW_MEMORY: number;
-		MEMO_COMBINE: number;
-		MEETING_RECORDING_PER_MINUTE: number;
-	};
-}
-
-type OperationType =
-	| 'HEADLINE_GENERATION'
-	| 'MEMORY_CREATION'
-	| 'BLUEPRINT_PROCESSING'
-	| 'QUESTION_MEMO'
-	| 'NEW_MEMORY'
-	| 'MEMO_COMBINE';
-
-const FALLBACK_COSTS: Record<OperationType, number> = {
-	HEADLINE_GENERATION: 10,
-	MEMORY_CREATION: 10,
-	BLUEPRINT_PROCESSING: 5,
-	QUESTION_MEMO: 5,
-	NEW_MEMORY: 5,
-	MEMO_COMBINE: 5,
-};
-
-class CreditService {
-	private creditUpdateCallbacks: ((creditsConsumed: number) => void)[] = [];
-	private cachedPricing: PricingResponse | null = null;
-	private pricingLastFetched = 0;
-	private readonly PRICING_CACHE_DURATION = 30 * 60 * 1000;
-
-	async initialize(): Promise<void> {
-		try {
-			await this.getPricing();
-		} catch (error) {
-			console.warn('CreditService initialization failed, using fallback pricing:', error);
-		}
-	}
-
-	onCreditUpdate(callback: (creditsConsumed: number) => void): () => void {
-		this.creditUpdateCallbacks.push(callback);
-		return () => {
-			const i = this.creditUpdateCallbacks.indexOf(callback);
-			if (i > -1) this.creditUpdateCallbacks.splice(i, 1);
-		};
-	}
-
-	triggerCreditUpdate(creditsConsumed: number): void {
-		this.creditUpdateCallbacks.forEach((cb) => {
-			try { cb(creditsConsumed); } catch {}
-		});
-	}
-
-	async getPricing(): Promise<PricingResponse> {
-		const now = Date.now();
-		if (this.cachedPricing && now - this.pricingLastFetched < this.PRICING_CACHE_DURATION) {
-			return this.cachedPricing;
-		}
-
-		try {
-			const response = await fetch(`${SERVER_URL()}/api/v1/credits/pricing`);
-			if (!response.ok) throw new Error(`HTTP ${response.status}`);
-			const pricing = await response.json();
-			this.cachedPricing = pricing;
-			this.pricingLastFetched = now;
-			return pricing;
-		} catch (error) {
-			console.error('Error fetching pricing:', error);
-			if (this.cachedPricing) return this.cachedPricing;
-			return {
-				costs: {
-					TRANSCRIPTION_PER_MINUTE: 2,
-					HEADLINE_GENERATION: 10,
-					MEMORY_CREATION: 10,
-					BLUEPRINT_PROCESSING: 5,
-					QUESTION_MEMO: 5,
-					NEW_MEMORY: 5,
-					MEMO_COMBINE: 5,
-					MEETING_RECORDING_PER_MINUTE: 2,
-				},
-			};
-		}
-	}
-
-	async getUserCredits(token: string): Promise<{ credits: number } | null> {
-		try {
-			if (!token) throw new Error('No authentication token available');
-			const response = await fetch(`${SERVER_URL()}/api/v1/credits/balance`, {
-				headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
-			});
-			if (!response.ok) return null;
-			return await response.json();
-		} catch (error) {
-			console.error('[CreditService] Error fetching user credits:', error);
-			return null;
-		}
-	}
-
-	async getOperationCost(operation: OperationType): Promise<number> {
-		try {
-			const pricing = await this.getPricing();
-			return pricing.costs[operation] ?? FALLBACK_COSTS[operation];
-		} catch {
-			return FALLBACK_COSTS[operation];
-		}
-	}
-
-	getOperationCostSync(operation: OperationType): number {
-		if (this.cachedPricing) return this.cachedPricing.costs[operation] ?? FALLBACK_COSTS[operation];
-		return FALLBACK_COSTS[operation];
-	}
-
-	async calculateMemoCombineCost(memoCount: number): Promise<number> {
-		return memoCount * (await this.getOperationCost('MEMO_COMBINE'));
-	}
-
-	calculateMemoCombineCostSync(memoCount: number): number {
-		return memoCount * this.getOperationCostSync('MEMO_COMBINE');
-	}
-
-	async retryTranscription(memoId: string, token: string): Promise<{ success: boolean; message: string }> {
-		if (!token) throw new Error('No authentication token available');
-		const response = await fetch(`${SERVER_URL()}/api/v1/memos/${memoId}/retry-transcription`, {
-			method: 'POST',
-			headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
-		});
-		if (!response.ok) {
-			const d = await response.json().catch(() => ({}));
-			throw new Error(d.error || `HTTP ${response.status}`);
-		}
-		return { success: true, message: 'Memo reprocessing started successfully' };
-	}
-
-	async retryHeadline(memoId: string, token: string): Promise<{ success: boolean; message: string }> {
-		if (!token) throw new Error('No authentication token available');
-		const response = await fetch(`${SERVER_URL()}/api/v1/memos/${memoId}/retry-headline`, {
-			method: 'POST',
-			headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
-		});
-		if (!response.ok) {
-			const d = await response.json().catch(() => ({}));
-			throw new Error(d.error || `HTTP ${response.status}`);
-		}
-		return { success: true, message: 'Headline generation retry initiated successfully' };
-	}
-}
-
-export const creditService = new CreditService();
diff --git a/apps/memoro/apps/web-archived/src/lib/services/memoService.ts b/apps/memoro/apps/web-archived/src/lib/services/memoService.ts
deleted file mode 100644
index 39d479b0a..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/memoService.ts
+++ /dev/null
@@ -1,293 +0,0 @@
-/**
- * Memo Service for memoro-web
- * Uses local-first data layer (memoCollection, memoTagCollection, memoryCollection).
- * Audio URL signing still calls Supabase Storage (audio files are not stored locally).
- */
-
-import { createAuthClient } from '$lib/supabaseClient';
-import {
-	memoCollection,
-	memoTagCollection,
-	tagCollection,
-	memoryCollection,
-	type LocalMemo,
-	type LocalTag,
-	type LocalMemory,
-} from '$lib/data/local-store';
-import type { Memo, Tag, Memory } from '$lib/types/memo.types';
-import { getCachedUrl, setCachedUrl, cleanupExpiredUrls } from '$lib/utils/indexedDBCache';
-import { MemoroEvents } from '@manacore/shared-utils/analytics';
-
-// ─── Type mappers ──────────────────────────────────────────────
-
-function localMemoToMemo(local: LocalMemo, tags: Tag[] = [], memories: Memory[] = []): Memo {
-	return {
-		id: local.id,
-		user_id: local.userId || '',
-		title: local.title,
-		intro: local.intro,
-		transcript: local.transcript,
-		audio_url: null,
-		duration_millis: local.audioDurationMs,
-		created_at: local.createdAt!,
-		updated_at: local.updatedAt!,
-		space_id: null,
-		blueprint_id: local.blueprintId,
-		language: local.language,
-		processing_status: local.processingStatus,
-		is_archived: local.isArchived,
-		is_pinned: local.isPinned,
-		is_public: local.isPublic,
-		location: local.location,
-		metadata: local.metadata,
-		source: local.source
-			? {
-					audio_path: local.source.audioPath,
-					duration: local.source.audioDuration,
-					transcript: local.source.transcript,
-					utterances: local.source.utterances,
-					speakers: local.source.speakers,
-				}
-			: undefined,
-		tags,
-		memories,
-	};
-}
-
-function localTagToTag(local: LocalTag): Tag {
-	return {
-		id: local.id,
-		name: local.name,
-		color: local.color,
-		style: local.color ? { color: local.color } : undefined,
-		user_id: local.userId || '',
-		created_at: local.createdAt!,
-		is_pinned: local.isPinned,
-		sort_order: local.sortOrder,
-	};
-}
-
-function localMemoryToMemory(local: LocalMemory): Memory {
-	return {
-		id: local.id,
-		memo_id: local.memoId,
-		title: local.title,
-		content: local.content,
-		metadata: local.metadata,
-		created_at: local.createdAt!,
-		updated_at: local.updatedAt!,
-	};
-}
-
-// ─── Audio URL cache ────────────────────────────────────────────
-
-const audioUrlCache = new Map<string, { url: string; expires: number }>();
-const AUDIO_CACHE_MAX_SIZE = 50;
-const CACHE_EXPIRY_MS = 50 * 60 * 1000; // 50 minutes (before 60 min signed URL expiry)
-
-function cleanupAudioCache() {
-	const now = Date.now();
-	for (const [key, value] of audioUrlCache) {
-		if (now >= value.expires) audioUrlCache.delete(key);
-	}
-	while (audioUrlCache.size > AUDIO_CACHE_MAX_SIZE) {
-		const firstKey = audioUrlCache.keys().next().value;
-		if (firstKey) audioUrlCache.delete(firstKey);
-	}
-	cleanupExpiredUrls().catch(() => {});
-}
-
-// ─── Helper: resolve tags for a set of memo IDs ─────────────────
-
-async function resolveTagsForMemos(memoIds: string[]): Promise<Map<string, Tag[]>> {
-	const tagsMap = new Map<string, Tag[]>();
-	if (memoIds.length === 0) return tagsMap;
-
-	const allMemoTags = await memoTagCollection.getAll();
-	const relevant = allMemoTags.filter((mt) => memoIds.includes(mt.memoId));
-	const tagIds = [...new Set(relevant.map((mt) => mt.tagId))];
-
-	const localTags = await Promise.all(tagIds.map((id) => tagCollection.get(id)));
-	const tagById = new Map<string, Tag>();
-	for (const lt of localTags) {
-		if (lt) tagById.set(lt.id, localTagToTag(lt));
-	}
-
-	for (const mt of relevant) {
-		if (!tagsMap.has(mt.memoId)) tagsMap.set(mt.memoId, []);
-		const tag = tagById.get(mt.tagId);
-		if (tag) tagsMap.get(mt.memoId)!.push(tag);
-	}
-
-	return tagsMap;
-}
-
-// ─── Service ───────────────────────────────────────────────────
-
-export class MemoService {
-	/**
-	 * Get memos for list view — optimized for performance.
-	 * Only fetches fields needed for the sidebar list, no memories.
-	 */
-	async getMemosForList(
-		_userId: string,
-		limit = 30,
-		offset = 0
-	): Promise<{ memos: Memo[]; hasMore: boolean }> {
-		const all = await memoCollection.getAll(
-			{ isArchived: false },
-			{ sortBy: 'createdAt', sortDirection: 'desc' }
-		);
-		const page = all.slice(offset, offset + limit);
-		const tagsMap = await resolveTagsForMemos(page.map((m) => m.id));
-		const memos = page.map((local) => localMemoToMemo(local, tagsMap.get(local.id)));
-		return { memos, hasMore: offset + limit < all.length };
-	}
-
-	/**
-	 * Get memos for a user with pagination (includes memories).
-	 */
-	async getMemos(_userId: string, limit = 50, offset = 0): Promise<Memo[]> {
-		const all = await memoCollection.getAll(undefined, {
-			sortBy: 'createdAt',
-			sortDirection: 'desc',
-		});
-		const page = all.slice(offset, offset + limit);
-		const tagsMap = await resolveTagsForMemos(page.map((m) => m.id));
-		return page.map((local) => localMemoToMemo(local, tagsMap.get(local.id)));
-	}
-
-	/**
-	 * Get cached audio URL or generate new one.
-	 * Uses two-level cache: Memory (fast) → IndexedDB (persistent) → Supabase Storage.
-	 */
-	async getAudioUrl(memoId: string, audioPath: string): Promise<string | null> {
-		cleanupAudioCache();
-
-		const memoryCached = audioUrlCache.get(memoId);
-		if (memoryCached && Date.now() < memoryCached.expires) {
-			audioUrlCache.delete(memoId);
-			audioUrlCache.set(memoId, memoryCached);
-			return memoryCached.url;
-		}
-
-		const indexedDBCached = await getCachedUrl(memoId);
-		if (indexedDBCached) {
-			audioUrlCache.set(memoId, { url: indexedDBCached, expires: Date.now() + CACHE_EXPIRY_MS });
-			return indexedDBCached;
-		}
-
-		const authClient = await createAuthClient();
-		const { data } = await authClient.storage.from('user-uploads').createSignedUrl(audioPath, 3600);
-
-		if (data?.signedUrl) {
-			const expires = Date.now() + CACHE_EXPIRY_MS;
-			audioUrlCache.set(memoId, { url: data.signedUrl, expires });
-			setCachedUrl(memoId, data.signedUrl, CACHE_EXPIRY_MS).catch(() => {});
-			return data.signedUrl;
-		}
-
-		return null;
-	}
-
-	async getMemoById(memoId: string): Promise<Memo> {
-		const [local, memoTags, localMemories] = await Promise.all([
-			memoCollection.get(memoId),
-			memoTagCollection.getAll({ memoId }),
-			memoryCollection.getAll({ memoId }, { sortBy: 'createdAt', sortDirection: 'desc' }),
-		]);
-
-		if (!local) throw new Error(`Memo ${memoId} not found`);
-
-		const localTags = await Promise.all(memoTags.map((mt) => tagCollection.get(mt.tagId)));
-		const tags = localTags.filter(Boolean).map((t) => localTagToTag(t!));
-
-		return localMemoToMemo(local, tags, localMemories.map(localMemoryToMemory));
-	}
-
-	async searchMemos(_userId: string, query: string): Promise<Memo[]> {
-		const all = await memoCollection.getAll(undefined, {
-			sortBy: 'createdAt',
-			sortDirection: 'desc',
-		});
-		const q = query.toLowerCase();
-		const filtered = all.filter(
-			(m) =>
-				(m.title || '').toLowerCase().includes(q) || (m.transcript || '').toLowerCase().includes(q)
-		);
-
-		const memoIds = filtered.map((m) => m.id);
-		const tagsMap = await resolveTagsForMemos(memoIds);
-
-		const memoriesByMemo = new Map<string, Memory[]>();
-		await Promise.all(
-			memoIds.map(async (id) => {
-				const mems = await memoryCollection.getAll({ memoId: id });
-				memoriesByMemo.set(id, mems.map(localMemoryToMemory));
-			})
-		);
-
-		return filtered.map((local) =>
-			localMemoToMemo(local, tagsMap.get(local.id), memoriesByMemo.get(local.id))
-		);
-	}
-
-	async updateMemoTitle(memoId: string, title: string): Promise<void> {
-		await memoCollection.update(memoId, { title });
-	}
-
-	async updateMemo(memoId: string, updates: Partial<Memo>): Promise<void> {
-		const localUpdates: Partial<LocalMemo> = {};
-		if (updates.title !== undefined) localUpdates.title = updates.title;
-		if (updates.intro !== undefined) localUpdates.intro = updates.intro;
-		if (updates.transcript !== undefined) localUpdates.transcript = updates.transcript;
-		if (updates.is_pinned !== undefined) localUpdates.isPinned = updates.is_pinned;
-		if (updates.is_archived !== undefined) localUpdates.isArchived = updates.is_archived;
-		if (updates.is_public !== undefined) localUpdates.isPublic = updates.is_public;
-		if (updates.language !== undefined) localUpdates.language = updates.language;
-		if (updates.blueprint_id !== undefined) localUpdates.blueprintId = updates.blueprint_id;
-		if (updates.metadata !== undefined) localUpdates.metadata = updates.metadata ?? undefined;
-		await memoCollection.update(memoId, localUpdates);
-	}
-
-	async togglePin(memoId: string, isPinned: boolean): Promise<boolean> {
-		await memoCollection.update(memoId, { isPinned: !isPinned });
-		return !isPinned;
-	}
-
-	async incrementViewCount(memoId: string): Promise<void> {
-		const memo = await memoCollection.get(memoId);
-		if (!memo) return;
-
-		const currentStats = (memo.metadata?.stats as Record<string, number>) || {};
-		await memoCollection.update(memoId, {
-			metadata: {
-				...memo.metadata,
-				stats: { ...currentStats, viewCount: (currentStats.viewCount || 0) + 1 },
-			},
-		});
-	}
-
-	async deleteMemo(memoId: string): Promise<void> {
-		await memoCollection.delete(memoId);
-		MemoroEvents.memoDeleted();
-	}
-
-	async addTagToMemo(memoId: string, tagId: string): Promise<void> {
-		const existing = await memoTagCollection.getAll({ memoId, tagId });
-		if (existing.length > 0) return;
-
-		await memoTagCollection.insert({
-			id: crypto.randomUUID(),
-			memoId,
-			tagId,
-		});
-	}
-
-	async removeTagFromMemo(memoId: string, tagId: string): Promise<void> {
-		const existing = await memoTagCollection.getAll({ memoId, tagId });
-		await Promise.all(existing.map((mt) => memoTagCollection.delete(mt.id)));
-	}
-}
-
-export const memoService = new MemoService();
diff --git a/apps/memoro/apps/web-archived/src/lib/services/questionService.ts b/apps/memoro/apps/web-archived/src/lib/services/questionService.ts
deleted file mode 100644
index 184f536d0..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/questionService.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-/**
- * Question Service for memoro-web
- * Handles Q&A functionality for memos via memoro-server (Hono/Bun).
- */
-
-import { env } from '$lib/config/env';
-import { authStore } from '$lib/stores/auth.svelte';
-import { createAuthClient } from '$lib/supabaseClient';
-
-const SERVER_URL = () => env.server.memoroUrl.replace(/\/$/, '');
-
-export interface QuestionResult {
-	success: boolean;
-	answer?: string;
-	memoryId?: string;
-	error?: string;
-	creditsConsumed?: number;
-}
-
-export interface Memory {
-	id: string;
-	memo_id: string;
-	title: string;
-	content: string | null;
-	metadata?: Record<string, unknown> | null;
-	created_at: string;
-	updated_at: string;
-}
-
-class QuestionService {
-	async askQuestion(memoId: string, question: string): Promise<QuestionResult> {
-		if (!memoId || !question.trim()) {
-			return { success: false, error: 'Invalid memo ID or question' };
-		}
-
-		try {
-			const token = await authStore.getAccessToken();
-			if (!token) {
-				return { success: false, error: 'Nicht authentifiziert. Bitte melden Sie sich erneut an.' };
-			}
-
-			const response = await fetch(`${SERVER_URL()}/api/v1/memos/${memoId}/question`, {
-				method: 'POST',
-				headers: {
-					'Content-Type': 'application/json',
-					Authorization: `Bearer ${token}`,
-				},
-				body: JSON.stringify({ question: question.trim() }),
-			});
-
-			if (!response.ok) {
-				if (response.status === 402) {
-					return { success: false, error: 'Nicht genügend Mana. Bitte laden Sie Ihr Konto auf.' };
-				}
-				if (response.status === 401) {
-					return { success: false, error: 'Sitzung abgelaufen. Bitte melden Sie sich erneut an.' };
-				}
-				const d = await response.json().catch(() => ({}));
-				return { success: false, error: d.error || `Fehler: ${response.status}` };
-			}
-
-			const data = await response.json();
-			return { success: true, answer: data.answer, creditsConsumed: data.creditsConsumed };
-		} catch (error) {
-			if (error instanceof TypeError && error.message.includes('fetch')) {
-				return { success: false, error: 'Netzwerkfehler. Bitte überprüfen Sie Ihre Internetverbindung.' };
-			}
-			return { success: false, error: error instanceof Error ? error.message : 'Unbekannter Fehler' };
-		}
-	}
-
-	async loadMemories(memoId: string): Promise<Memory[]> {
-		try {
-			const supabase = await createAuthClient();
-			const { data, error } = await supabase
-				.from('memories')
-				.select('id, title, content, metadata')
-				.eq('memo_id', memoId)
-				.order('sort_order', { ascending: true })
-				.order('created_at', { ascending: false });
-
-			if (error) {
-				console.error('Error loading memories:', error);
-				return [];
-			}
-			return data || [];
-		} catch (error) {
-			console.error('Error loading memories:', error);
-			return [];
-		}
-	}
-}
-
-export const questionService = new QuestionService();
diff --git a/apps/memoro/apps/web-archived/src/lib/services/spaceService.ts b/apps/memoro/apps/web-archived/src/lib/services/spaceService.ts
deleted file mode 100644
index fe5b3b97b..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/spaceService.ts
+++ /dev/null
@@ -1,280 +0,0 @@
-/**
- * Space Service for Memoro Web
- * Handles space management and collaboration via memoro-server (Hono/Bun).
- */
-
-import { env } from '$lib/config/env';
-import { MemoroEvents } from '@manacore/shared-utils/analytics';
-
-const API = () => env.server.memoroUrl.replace(/\/$/, '');
-
-// Types
-
-export interface Memo {
-	id: string;
-	title: string;
-	user_id: string;
-	source?: any;
-	style?: any;
-	is_pinned?: boolean;
-	is_archived?: boolean;
-	is_public?: boolean;
-	metadata?: any;
-	created_at?: string;
-	updated_at?: string;
-}
-
-export interface SpaceInvite {
-	id: string;
-	email: string;
-	invitee_id?: string;
-	role: string;
-	status: string;
-	created_at: string;
-	responded_at?: string;
-	invited_by: string;
-	users?: {
-		email: string;
-		first_name?: string;
-		last_name?: string;
-	};
-}
-
-export interface Space {
-	id: string;
-	name: string;
-	description?: string;
-	memoCount?: number;
-	isDefault?: boolean;
-	color?: string;
-	created_at?: string;
-	updated_at?: string;
-	owner_id?: string;
-	app_id?: string;
-	credits?: number;
-	isOwner?: boolean;
-	roles?: {
-		members: {
-			[userId: string]: {
-				role: string;
-				added_at: string;
-				added_by: string;
-			};
-		};
-	};
-	apps?: { name: string; slug: string };
-}
-
-export interface CreateSpaceRequest {
-	name: string;
-	description?: string;
-	color?: string;
-}
-
-export interface UpdateSpaceRequest {
-	name: string;
-	description?: string;
-	color?: string;
-}
-
-// ── Helpers ────────────────────────────────────────────────────────────────────
-
-function headers(token: string) {
-	return { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' };
-}
-
-async function throwOnError(response: Response, fallback: string) {
-	if (!response.ok) {
-		let msg = fallback;
-		try {
-			const d = await response.json();
-			msg = d.error || d.message || msg;
-		} catch {}
-		throw new Error(msg);
-	}
-}
-
-function mapSpace(s: any): Space {
-	return {
-		id: s.id,
-		name: s.name,
-		description: s.description || '',
-		memoCount: s.memo_count || 0,
-		isDefault: s.is_default || false,
-		color: s.color || '#4CAF50',
-		created_at: s.created_at,
-		updated_at: s.updated_at,
-		owner_id: s.owner_id,
-		app_id: s.app_id,
-		credits: s.credits || 0,
-		roles: s.roles,
-		apps: s.apps,
-		isOwner: s.isOwner || false,
-	};
-}
-
-// ── Service ────────────────────────────────────────────────────────────────────
-
-class SpaceService {
-	async getSpaces(token: string): Promise<Space[]> {
-		const r = await fetch(`${API()}/api/v1/spaces`, { headers: headers(token) });
-		await throwOnError(r, 'Error fetching spaces');
-		const d = await r.json();
-		return (d.spaces ?? []).map(mapSpace);
-	}
-
-	async getSpace(spaceId: string, token: string): Promise<Space> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}`, { headers: headers(token) });
-		await throwOnError(r, 'Error fetching space');
-		const d = await r.json();
-		return mapSpace(d.space);
-	}
-
-	async createSpace(spaceData: CreateSpaceRequest, token: string): Promise<Space> {
-		const r = await fetch(`${API()}/api/v1/spaces`, {
-			method: 'POST',
-			headers: headers(token),
-			body: JSON.stringify({ name: spaceData.name, description: spaceData.description }),
-		});
-		await throwOnError(r, 'Error creating space');
-		const d = await r.json();
-		MemoroEvents.spaceCreated();
-		return mapSpace(d.space);
-	}
-
-	async updateSpace(spaceId: string, spaceData: UpdateSpaceRequest, token: string): Promise<Space> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}`, {
-			method: 'PUT',
-			headers: headers(token),
-			body: JSON.stringify(spaceData),
-		});
-		await throwOnError(r, 'Error updating space');
-		return this.getSpace(spaceId, token);
-	}
-
-	async deleteSpace(spaceId: string, token: string): Promise<boolean> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}`, {
-			method: 'DELETE',
-			headers: headers(token),
-		});
-		await throwOnError(r, 'Error deleting space');
-		MemoroEvents.spaceDeleted();
-		return true;
-	}
-
-	async leaveSpace(spaceId: string, token: string): Promise<boolean> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}/leave`, {
-			method: 'POST',
-			headers: headers(token),
-		});
-		await throwOnError(r, 'Error leaving space');
-		MemoroEvents.spaceLeft();
-		return true;
-	}
-
-	async getSpaceMemos(spaceId: string, token: string): Promise<Memo[]> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}/memos`, {
-			headers: headers(token),
-		});
-		await throwOnError(r, 'Error fetching space memos');
-		const d = await r.json();
-		return d.memos ?? [];
-	}
-
-	async linkMemoToSpace(memoId: string, spaceId: string, token: string): Promise<boolean> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}/memos/link`, {
-			method: 'POST',
-			headers: headers(token),
-			body: JSON.stringify({ memoId }),
-		});
-		await throwOnError(r, 'Error linking memo to space');
-		MemoroEvents.memoLinkedToSpace();
-		return true;
-	}
-
-	async unlinkMemoFromSpace(memoId: string, spaceId: string, token: string): Promise<boolean> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}/memos/unlink`, {
-			method: 'POST',
-			headers: headers(token),
-			body: JSON.stringify({ memoId }),
-		});
-		await throwOnError(r, 'Error unlinking memo from space');
-		MemoroEvents.memoUnlinkedFromSpace();
-		return true;
-	}
-
-	async getSpaceInvites(spaceId: string, token: string): Promise<SpaceInvite[]> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}/invites`, {
-			headers: headers(token),
-		});
-		await throwOnError(r, 'Error fetching space invites');
-		const d = await r.json();
-		return d.invites ?? [];
-	}
-
-	async inviteUserToSpace(
-		spaceId: string,
-		email: string,
-		_role: string,
-		token: string
-	): Promise<string> {
-		const r = await fetch(`${API()}/api/v1/spaces/${spaceId}/invite`, {
-			method: 'POST',
-			headers: headers(token),
-			body: JSON.stringify({ email }),
-		});
-		await throwOnError(r, 'Error inviting user to space');
-		const d = await r.json();
-		MemoroEvents.inviteSent();
-		return d.invite?.id ?? d.inviteId;
-	}
-
-	async resendInvite(inviteId: string, token: string): Promise<boolean> {
-		const r = await fetch(`${API()}/api/v1/spaces/invites/${inviteId}/resend`, {
-			method: 'POST',
-			headers: headers(token),
-		});
-		await throwOnError(r, 'Error resending invite');
-		return true;
-	}
-
-	async cancelInvite(inviteId: string, token: string): Promise<boolean> {
-		const r = await fetch(`${API()}/api/v1/spaces/invites/${inviteId}`, {
-			method: 'DELETE',
-			headers: headers(token),
-		});
-		await throwOnError(r, 'Error canceling invite');
-		return true;
-	}
-
-	async acceptInvite(inviteId: string, token: string): Promise<boolean> {
-		const r = await fetch(`${API()}/api/v1/invites/accept`, {
-			method: 'POST',
-			headers: headers(token),
-			body: JSON.stringify({ inviteId }),
-		});
-		await throwOnError(r, 'Error accepting invite');
-		MemoroEvents.inviteAccepted();
-		return true;
-	}
-
-	async declineInvite(inviteId: string, token: string): Promise<boolean> {
-		const r = await fetch(`${API()}/api/v1/invites/decline`, {
-			method: 'POST',
-			headers: headers(token),
-			body: JSON.stringify({ inviteId }),
-		});
-		await throwOnError(r, 'Error declining invite');
-		MemoroEvents.inviteDeclined();
-		return true;
-	}
-
-	async getUserInvites(token: string): Promise<SpaceInvite[]> {
-		const r = await fetch(`${API()}/api/v1/invites/pending`, { headers: headers(token) });
-		await throwOnError(r, 'Error fetching user invites');
-		const d = await r.json();
-		return d.invites ?? [];
-	}
-}
-
-export const spaceService = new SpaceService();
diff --git a/apps/memoro/apps/web-archived/src/lib/services/tagService.ts b/apps/memoro/apps/web-archived/src/lib/services/tagService.ts
deleted file mode 100644
index 6c303e609..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/tagService.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-/**
- * Tag Service for memoro-web
- * Uses local-first data layer (tagCollection, memoTagCollection).
- */
-
-import { tagCollection, memoTagCollection, type LocalTag } from '$lib/data/local-store';
-import type { Tag } from '$lib/types/memo.types';
-
-// ─── Type mappers ──────────────────────────────────────────────
-
-function localTagToTag(local: LocalTag): Tag {
-	return {
-		id: local.id,
-		name: local.name,
-		color: local.color,
-		style: local.color ? { color: local.color } : undefined,
-		user_id: local.userId || '',
-		created_at: local.createdAt!,
-		is_pinned: local.isPinned,
-		sort_order: local.sortOrder,
-	};
-}
-
-// ─── Service ───────────────────────────────────────────────────
-
-export class TagService {
-	async getTags(_userId: string): Promise<Tag[]> {
-		const all = await tagCollection.getAll(undefined, { sortBy: 'name', sortDirection: 'asc' });
-		return all.map(localTagToTag);
-	}
-
-	async getTagById(tagId: string): Promise<Tag> {
-		const local = await tagCollection.get(tagId);
-		if (!local) throw new Error(`Tag ${tagId} not found`);
-		return localTagToTag(local);
-	}
-
-	async createTag(userId: string, name: string, color?: string): Promise<Tag> {
-		const tagColor = color || this.generateRandomColor();
-		const local = await tagCollection.insert({
-			id: crypto.randomUUID(),
-			name: name.trim(),
-			color: tagColor,
-			userId,
-		});
-		return localTagToTag(local);
-	}
-
-	async updateTag(tagId: string, updates: { name?: string; color?: string }): Promise<Tag> {
-		const localUpdates: Partial<LocalTag> = {};
-		if (updates.name !== undefined) localUpdates.name = updates.name;
-		if (updates.color !== undefined) localUpdates.color = updates.color;
-
-		const updated = await tagCollection.update(tagId, localUpdates);
-		if (!updated) throw new Error(`Tag ${tagId} not found`);
-		return localTagToTag(updated);
-	}
-
-	/**
-	 * Get tag color from either style.color (new format) or color (old format).
-	 */
-	getTagColor(tag: Tag): string {
-		return tag.style?.color || tag.color || '#3b82f6';
-	}
-
-	async deleteTag(tagId: string): Promise<void> {
-		// Remove all memo_tag associations first
-		const memoTags = await memoTagCollection.getAll({ tagId });
-		await Promise.all(memoTags.map((mt) => memoTagCollection.delete(mt.id)));
-		await tagCollection.delete(tagId);
-	}
-
-	async getTagUsageCount(tagId: string): Promise<number> {
-		return memoTagCollection.count({ tagId });
-	}
-
-	private generateRandomColor(): string {
-		const colors = [
-			'#3b82f6', // blue
-			'#10b981', // green
-			'#f59e0b', // amber
-			'#ef4444', // red
-			'#8b5cf6', // violet
-			'#ec4899', // pink
-			'#06b6d4', // cyan
-			'#84cc16', // lime
-			'#f97316', // orange
-			'#6366f1', // indigo
-		];
-		return colors[Math.floor(Math.random() * colors.length)];
-	}
-}
-
-export const tagService = new TagService();
diff --git a/apps/memoro/apps/web-archived/src/lib/services/tokenManager.ts b/apps/memoro/apps/web-archived/src/lib/services/tokenManager.ts
deleted file mode 100644
index cbfefa989..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/tokenManager.ts
+++ /dev/null
@@ -1,605 +0,0 @@
-/**
- * Token Manager for memoro-web
- * Handles JWT token lifecycle, refresh logic, and request queueing
- * Adapted from memoro_app patterns for SvelteKit
- */
-
-import { authService, type UserData } from './authService';
-import { browser } from '$app/environment';
-
-// Token state management
-export enum TokenState {
-	IDLE = 'idle',
-	REFRESHING = 'refreshing',
-	EXPIRED = 'expired',
-	VALID = 'valid',
-}
-
-// Request queue item
-interface QueuedRequest {
-	id: string;
-	input: RequestInfo | URL;
-	init?: RequestInit;
-	resolve: (value: Response) => void;
-	reject: (reason?: unknown) => void;
-	timestamp: number;
-}
-
-// Token refresh result
-interface TokenRefreshResult {
-	success: boolean;
-	token?: string;
-	error?: string;
-}
-
-// Observer for token state changes
-type TokenStateObserver = (state: TokenState, token?: string) => void;
-
-/**
- * Centralized token manager to handle all authentication token operations
- * and eliminate race conditions in token refresh
- */
-class TokenManager {
-	private state: TokenState = TokenState.IDLE;
-	private refreshPromise: Promise<TokenRefreshResult> | null = null;
-	private requestQueue: QueuedRequest[] = [];
-	private observers: Set<TokenStateObserver> = new Set();
-
-	// Configuration
-	private readonly MAX_QUEUE_SIZE = 50;
-	private readonly QUEUE_TIMEOUT_MS = 30000; // 30 seconds
-	private readonly MAX_REFRESH_ATTEMPTS = 3;
-	private refreshAttempts = 0;
-	private lastRefreshTime = 0;
-	private readonly REFRESH_COOLDOWN_MS = 5000; // 5 second cooldown
-
-	// Storage keys
-	private readonly STORAGE_KEYS = {
-		APP_TOKEN: 'memoro_app_token',
-		REFRESH_TOKEN: 'memoro_refresh_token',
-		USER_EMAIL: 'memoro_user_email',
-	};
-
-	private static instance: TokenManager;
-
-	private constructor() {
-		// Only initialize in browser
-		if (browser) {
-			this.checkInitialState();
-		}
-	}
-
-	static getInstance(): TokenManager {
-		if (!TokenManager.instance) {
-			TokenManager.instance = new TokenManager();
-		}
-		return TokenManager.instance;
-	}
-
-	/**
-	 * Subscribe to token state changes
-	 */
-	subscribe(observer: TokenStateObserver): () => void {
-		this.observers.add(observer);
-		return () => this.observers.delete(observer);
-	}
-
-	/**
-	 * Notify all observers of state changes
-	 */
-	private notifyObservers(state: TokenState, token?: string): void {
-		this.observers.forEach((observer) => {
-			try {
-				observer(state, token);
-			} catch (error) {
-				console.debug('Error in token state observer:', error);
-			}
-		});
-	}
-
-	/**
-	 * Set the current token state
-	 */
-	private setState(newState: TokenState, token?: string): void {
-		if (this.state !== newState) {
-			console.debug(`TokenManager: State transition ${this.state} -> ${newState}`);
-			this.state = newState;
-			this.notifyObservers(newState, token);
-		}
-	}
-
-	/**
-	 * Get current token state
-	 */
-	getState(): TokenState {
-		return this.state;
-	}
-
-	/**
-	 * Check initial token state on startup
-	 */
-	private async checkInitialState(): Promise<void> {
-		if (!browser) return;
-
-		try {
-			const token = this.getStoredToken();
-			if (!token) {
-				this.setState(TokenState.EXPIRED);
-				return;
-			}
-
-			if (authService.isTokenValidLocally(token)) {
-				this.setState(TokenState.VALID, token);
-			} else {
-				this.setState(TokenState.EXPIRED);
-			}
-		} catch (error) {
-			console.debug('Error checking initial token state:', error);
-			this.setState(TokenState.EXPIRED);
-		}
-	}
-
-	/**
-	 * Get stored token from localStorage
-	 */
-	private getStoredToken(): string | null {
-		if (!browser) return null;
-		return localStorage.getItem(this.STORAGE_KEYS.APP_TOKEN);
-	}
-
-	/**
-	 * Get stored refresh token from localStorage
-	 */
-	private getStoredRefreshToken(): string | null {
-		if (!browser) return null;
-		return localStorage.getItem(this.STORAGE_KEYS.REFRESH_TOKEN);
-	}
-
-	/**
-	 * Store tokens in localStorage
-	 */
-	private storeTokens(appToken: string, refreshToken: string, email?: string): void {
-		if (!browser) return;
-
-		localStorage.setItem(this.STORAGE_KEYS.APP_TOKEN, appToken);
-		localStorage.setItem(this.STORAGE_KEYS.REFRESH_TOKEN, refreshToken);
-		if (email) {
-			localStorage.setItem(this.STORAGE_KEYS.USER_EMAIL, email);
-		}
-	}
-
-	/**
-	 * Clear tokens from localStorage
-	 */
-	private clearStoredTokens(): void {
-		if (!browser) return;
-
-		localStorage.removeItem(this.STORAGE_KEYS.APP_TOKEN);
-		localStorage.removeItem(this.STORAGE_KEYS.REFRESH_TOKEN);
-		localStorage.removeItem(this.STORAGE_KEYS.USER_EMAIL);
-	}
-
-	/**
-	 * Get a valid token, refreshing if necessary
-	 */
-	async getValidToken(): Promise<string | null> {
-		const currentToken = this.getStoredToken();
-
-		if (currentToken && authService.isTokenValidLocally(currentToken)) {
-			this.setState(TokenState.VALID, currentToken);
-			return currentToken;
-		}
-
-		// If there's no token at all, don't attempt refresh
-		if (!currentToken) {
-			console.debug('TokenManager: No token available, skipping refresh');
-			this.setState(TokenState.EXPIRED);
-			return null;
-		}
-
-		// Token is expired or invalid, attempt refresh
-		console.debug('TokenManager: Current token invalid, attempting refresh...');
-		const refreshResult = await this.refreshToken();
-
-		if (refreshResult.success && refreshResult.token) {
-			console.debug('TokenManager: Token refresh successful in getValidToken');
-			return refreshResult.token;
-		} else {
-			console.debug('TokenManager: Token refresh failed in getValidToken:', refreshResult.error);
-			return null;
-		}
-	}
-
-	/**
-	 * Handle 401 response by either refreshing token or queueing request
-	 */
-	async handle401Response(input: RequestInfo | URL, init?: RequestInit): Promise<Response> {
-		// Check if we're already refreshing
-		if (this.state === TokenState.REFRESHING && this.refreshPromise) {
-			return this.queueRequest(input, init);
-		}
-
-		// Start token refresh
-		const refreshResult = await this.refreshToken();
-
-		if (refreshResult.success && refreshResult.token) {
-			// Retry the request with new token
-			return this.retryRequestWithToken(input, init, refreshResult.token);
-		} else {
-			// Refresh failed, propagate error
-			throw new Error(refreshResult.error || 'Token refresh failed');
-		}
-	}
-
-	/**
-	 * Queue a request during token refresh
-	 */
-	private async queueRequest(input: RequestInfo | URL, init?: RequestInit): Promise<Response> {
-		return new Promise((resolve, reject) => {
-			// Check queue size limit
-			if (this.requestQueue.length >= this.MAX_QUEUE_SIZE) {
-				reject(new Error('Request queue full'));
-				return;
-			}
-
-			const queueItem: QueuedRequest = {
-				id: Math.random().toString(36).substring(2, 11),
-				input,
-				init,
-				resolve,
-				reject,
-				timestamp: Date.now(),
-			};
-
-			this.requestQueue.push(queueItem);
-
-			// Set timeout for queued request
-			setTimeout(() => {
-				this.removeFromQueue(queueItem.id);
-				reject(new Error('Queued request timeout'));
-			}, this.QUEUE_TIMEOUT_MS);
-
-			console.debug(
-				`TokenManager: Queued request ${queueItem.id}, queue size: ${this.requestQueue.length}`
-			);
-		});
-	}
-
-	/**
-	 * Remove request from queue by ID
-	 */
-	private removeFromQueue(requestId: string): void {
-		const index = this.requestQueue.findIndex((item) => item.id === requestId);
-		if (index !== -1) {
-			this.requestQueue.splice(index, 1);
-		}
-	}
-
-	/**
-	 * Refresh the authentication token with progressive backoff retry logic
-	 */
-	private async refreshToken(): Promise<TokenRefreshResult> {
-		// Check cooldown to prevent rapid successive refresh attempts
-		const now = Date.now();
-		if (now - this.lastRefreshTime < this.REFRESH_COOLDOWN_MS) {
-			console.debug('TokenManager: Refresh cooldown active, skipping refresh');
-			return { success: false, error: 'Refresh cooldown active' };
-		}
-
-		// Check max attempts
-		if (this.refreshAttempts >= this.MAX_REFRESH_ATTEMPTS) {
-			console.debug('TokenManager: Max refresh attempts reached');
-			await this.handleRefreshFailure();
-			return { success: false, error: 'Max refresh attempts reached' };
-		}
-
-		// If already refreshing, wait for existing promise
-		if (this.refreshPromise) {
-			console.debug('TokenManager: Waiting for existing refresh to complete');
-			return await this.refreshPromise;
-		}
-
-		this.setState(TokenState.REFRESHING);
-		this.lastRefreshTime = now;
-
-		// Use enhanced refresh with retry logic
-		this.refreshPromise = this.performTokenRefreshWithRetry();
-
-		try {
-			const result = await this.refreshPromise;
-
-			if (result.success) {
-				this.refreshAttempts = 0; // Reset on success
-				this.setState(TokenState.VALID, result.token);
-				await this.processQueuedRequests(result.token!);
-			} else {
-				this.refreshAttempts++;
-				this.setState(TokenState.EXPIRED);
-				await this.rejectQueuedRequests(result.error || 'Token refresh failed');
-			}
-
-			return result;
-		} finally {
-			this.refreshPromise = null;
-		}
-	}
-
-	/**
-	 * Enhanced token refresh with progressive backoff for network issues
-	 */
-	private async performTokenRefreshWithRetry(): Promise<TokenRefreshResult> {
-		const retryDelays = [0, 1000, 2000, 5000]; // Progressive backoff: 0ms, 1s, 2s, 5s
-		let lastError: unknown = null;
-
-		for (let attempt = 0; attempt < retryDelays.length; attempt++) {
-			try {
-				// Wait for retry delay (except first attempt)
-				if (retryDelays[attempt] > 0) {
-					console.debug(
-						`TokenManager: Retrying token refresh in ${retryDelays[attempt]}ms (attempt ${attempt + 1}/${retryDelays.length})`
-					);
-					await new Promise((resolve) => setTimeout(resolve, retryDelays[attempt]));
-				}
-
-				const result = await this.performTokenRefresh();
-
-				if (result.success) {
-					if (attempt > 0) {
-						console.debug(`TokenManager: Token refresh succeeded on attempt ${attempt + 1}`);
-					}
-					return result;
-				}
-
-				// Handle specific server-side errors that shouldn't be retried
-				if (
-					result.error === 'invalid_token' ||
-					result.error === 'token_expired' ||
-					result.error === 'invalid_token_state' ||
-					result.error === 'token_collision' ||
-					result.error?.includes('Device ID has changed')
-				) {
-					console.debug('TokenManager: Non-retryable error:', result.error);
-					return result; // Don't retry permanent auth errors
-				}
-
-				lastError = new Error(result.error || 'Token refresh failed');
-
-				// If this is the last attempt, return the error
-				if (attempt === retryDelays.length - 1) {
-					break;
-				}
-			} catch (error) {
-				lastError = error;
-
-				// Check if this is a recoverable network error
-				const isRecoverable = this.isRecoverableError(error);
-
-				if (!isRecoverable) {
-					console.debug('TokenManager: Non-recoverable error, stopping retries:', error);
-					break; // Don't retry non-network errors
-				}
-
-				console.debug(`TokenManager: Network error on attempt ${attempt + 1}, will retry:`, error);
-
-				// If this is the last attempt, break out
-				if (attempt === retryDelays.length - 1) {
-					break;
-				}
-			}
-		}
-
-		// All retries failed
-		console.debug('TokenManager: All retry attempts failed');
-		return {
-			success: false,
-			error: lastError instanceof Error ? lastError.message : 'All retry attempts failed',
-		};
-	}
-
-	/**
-	 * Perform the actual token refresh operation
-	 */
-	private async performTokenRefresh(): Promise<TokenRefreshResult> {
-		try {
-			console.debug('TokenManager: Starting token refresh');
-
-			const refreshToken = this.getStoredRefreshToken();
-			if (!refreshToken) {
-				throw new Error('No refresh token available');
-			}
-
-			const refreshResult = await authService.refreshTokens(refreshToken);
-			const { appToken, refreshToken: newRefreshToken, userData } = refreshResult;
-
-			if (!appToken || !newRefreshToken) {
-				throw new Error('Invalid tokens received from refresh');
-			}
-
-			// Store new tokens
-			this.storeTokens(appToken, newRefreshToken, userData?.email);
-
-			console.debug('TokenManager: Token refresh successful');
-			return { success: true, token: appToken };
-		} catch (error) {
-			console.debug('TokenManager: Token refresh failed:', error);
-
-			// Determine if this is a recoverable error
-			const isRecoverable = this.isRecoverableError(error);
-
-			if (!isRecoverable) {
-				await this.handleRefreshFailure();
-			}
-
-			return {
-				success: false,
-				error: error instanceof Error ? error.message : 'Unknown refresh error',
-			};
-		}
-	}
-
-	/**
-	 * Check if an error is recoverable (network issues vs auth failures)
-	 */
-	private isRecoverableError(error: unknown): boolean {
-		if (!(error instanceof Error)) return false;
-
-		const networkErrors = [
-			'network',
-			'Network',
-			'fetch',
-			'connection',
-			'timeout',
-			'Failed to fetch',
-			'NetworkError',
-			'TypeError',
-			'ERR_NETWORK',
-		];
-
-		const authErrors = [
-			'401',
-			'403',
-			'Unauthorized',
-			'Forbidden',
-			'Invalid token',
-			'Token expired',
-			'jwt expired',
-			'jwt malformed',
-		];
-
-		const errorString = `${error.message} ${error.name}`.toLowerCase();
-
-		const isNetworkError = networkErrors.some((keyword) =>
-			errorString.includes(keyword.toLowerCase())
-		);
-
-		const isAuthError = authErrors.some((keyword) => errorString.includes(keyword.toLowerCase()));
-
-		// Network errors are recoverable unless they also contain auth errors
-		return isNetworkError && !isAuthError;
-	}
-
-	/**
-	 * Handle permanent refresh failure
-	 */
-	private async handleRefreshFailure(): Promise<void> {
-		console.debug('TokenManager: Handling permanent refresh failure');
-
-		try {
-			this.clearStoredTokens();
-			this.setState(TokenState.EXPIRED);
-		} catch (error) {
-			console.debug('Error in handleRefreshFailure:', error);
-		}
-	}
-
-	/**
-	 * Check if we should attempt token refresh (has valid refresh token)
-	 */
-	async canAttemptRefresh(): Promise<boolean> {
-		try {
-			const refreshToken = this.getStoredRefreshToken();
-			return !!refreshToken;
-		} catch (error) {
-			console.debug('Error checking refresh token availability:', error);
-			return false;
-		}
-	}
-
-	/**
-	 * Process all queued requests with the new token
-	 */
-	private async processQueuedRequests(token: string): Promise<void> {
-		console.debug(`TokenManager: Processing ${this.requestQueue.length} queued requests`);
-
-		const requests = [...this.requestQueue];
-		this.requestQueue = [];
-
-		for (const request of requests) {
-			try {
-				const response = await this.retryRequestWithToken(request.input, request.init, token);
-				request.resolve(response);
-			} catch (error) {
-				request.reject(error);
-			}
-		}
-	}
-
-	/**
-	 * Reject all queued requests with error
-	 */
-	private async rejectQueuedRequests(error: string): Promise<void> {
-		console.debug(`TokenManager: Rejecting ${this.requestQueue.length} queued requests`);
-
-		const requests = [...this.requestQueue];
-		this.requestQueue = [];
-
-		for (const request of requests) {
-			request.reject(new Error(error));
-		}
-	}
-
-	/**
-	 * Retry a request with a new token
-	 */
-	private async retryRequestWithToken(
-		input: RequestInfo | URL,
-		init: RequestInit | undefined,
-		token: string
-	): Promise<Response> {
-		const headers = new Headers(init?.headers || {});
-		headers.set('Authorization', `Bearer ${token}`);
-
-		return fetch(input, {
-			...init,
-			headers,
-		});
-	}
-
-	/**
-	 * Reset the token manager state (for testing or logout)
-	 */
-	reset(): void {
-		this.state = TokenState.IDLE;
-		this.refreshPromise = null;
-		this.refreshAttempts = 0;
-		this.lastRefreshTime = 0;
-
-		// Reject all queued requests
-		const requests = [...this.requestQueue];
-		this.requestQueue = [];
-
-		for (const request of requests) {
-			request.reject(new Error('Token manager reset'));
-		}
-
-		console.debug('TokenManager: Reset completed');
-	}
-
-	/**
-	 * Clear tokens and reset state (for logout)
-	 */
-	async clearTokens(): Promise<void> {
-		try {
-			this.clearStoredTokens();
-			this.reset();
-		} catch (error) {
-			console.debug('Error clearing tokens:', error);
-			this.reset();
-		}
-	}
-
-	/**
-	 * Get queue status for debugging
-	 */
-	getQueueStatus(): { size: number; state: TokenState; refreshAttempts: number } {
-		return {
-			size: this.requestQueue.length,
-			state: this.state,
-			refreshAttempts: this.refreshAttempts,
-		};
-	}
-}
-
-// Export singleton instance
-export const tokenManager = TokenManager.getInstance();
-export default tokenManager;
diff --git a/apps/memoro/apps/web-archived/src/lib/services/transcriptionService.ts b/apps/memoro/apps/web-archived/src/lib/services/transcriptionService.ts
deleted file mode 100644
index de984e7d6..000000000
--- a/apps/memoro/apps/web-archived/src/lib/services/transcriptionService.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Transcription Service for Memoro Web
- * Triggers transcription via the new Hono/Bun memoro-server.
- */
-
-import { env } from '$lib/config/env';
-import { MemoroEvents } from '@manacore/shared-utils/analytics';
-
-const SERVER_URL = env.server.memoroUrl.replace(/\/$/, '');
-
-export interface TranscriptionRequestResult {
-	success: boolean;
-	error?: string;
-	isNetworkError?: boolean;
-	userMessage?: string;
-	technicalMessage?: string;
-}
-
-export interface TranscriptionParams {
-	userId: string;
-	fileName: string;
-	duration: number;
-	memoId?: string;
-	spaceId?: string;
-	recordingLanguages?: string[];
-	title?: string;
-	blueprintId?: string;
-	mediaType?: 'audio' | 'video';
-}
-
-export async function triggerTranscription({
-	userId,
-	fileName,
-	duration,
-	memoId,
-	spaceId,
-	recordingLanguages,
-	title,
-	blueprintId,
-	accessToken,
-	mediaType,
-}: TranscriptionParams & { accessToken: string }): Promise<TranscriptionRequestResult> {
-	try {
-		if (!accessToken) {
-			return { success: false, error: 'No authenticated token found' };
-		}
-
-		const filePath = `${userId}/${fileName}`;
-
-		const response = await fetch(`${SERVER_URL}/api/v1/memos`, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json',
-				Authorization: `Bearer ${accessToken}`,
-			},
-			body: JSON.stringify({
-				filePath,
-				duration,
-				memoId,
-				spaceId,
-				recordingLanguages,
-				title,
-				blueprintId,
-				mediaType,
-			}),
-		});
-
-		if (!response.ok) {
-			const errorText = await response.text();
-			return {
-				success: false,
-				error: errorText,
-				isNetworkError: response.status >= 500,
-				userMessage: 'Transcription could not be started',
-				technicalMessage: errorText,
-			};
-		}
-
-		MemoroEvents.memoCreated(mediaType);
-		return { success: true };
-	} catch (error) {
-		return {
-			success: false,
-			error: String(error),
-			isNetworkError: true,
-			userMessage: 'An error occurred while starting transcription',
-			technicalMessage: String(error),
-		};
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/memoro/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 2be3cee7f..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3001,
-});
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/memos.ts b/apps/memoro/apps/web-archived/src/lib/stores/memos.ts
deleted file mode 100644
index 4a2b57c28..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/memos.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { writable, derived, get } from 'svelte/store';
-import type { Memo } from '$lib/types/memo.types';
-
-function createMemoStore() {
-	const { subscribe, set, update } = writable<Memo[]>([]);
-
-	return {
-		subscribe,
-		setMemos: (memos: Memo[]) => set(memos),
-		appendMemos: (newMemos: Memo[]) =>
-			update((memos) => {
-				// Avoid duplicates
-				const existingIds = new Set(memos.map((m) => m.id));
-				const uniqueNewMemos = newMemos.filter((m) => !existingIds.has(m.id));
-				return [...memos, ...uniqueNewMemos];
-			}),
-		addMemo: (memo: Memo) =>
-			update((memos) => {
-				// Avoid duplicates when adding single memo
-				if (memos.some((m) => m.id === memo.id)) return memos;
-				return [memo, ...memos];
-			}),
-		updateMemo: (id: string, updates: Partial<Memo>) =>
-			update((memos) => memos.map((m) => (m.id === id ? { ...m, ...updates } : m))),
-		deleteMemo: (id: string) => update((memos) => memos.filter((m) => m.id !== id)),
-		reset: () => set([]),
-		getCount: () => get({ subscribe }).length,
-	};
-}
-
-export const memos = createMemoStore();
-
-// Pagination state
-export const hasMoreMemos = writable(false);
-export const isLoadingMore = writable(false);
-export const currentOffset = writable(0);
-
-// Derived store for search/filter
-export const searchQuery = writable('');
-export const selectedTagId = writable<string | null>(null);
-
-// Debounced search query for actual filtering
-export const debouncedSearchQuery = writable('');
-let debounceTimer: ReturnType<typeof setTimeout>;
-
-// Set up debounce for search
-searchQuery.subscribe((value) => {
-	clearTimeout(debounceTimer);
-	debounceTimer = setTimeout(() => {
-		debouncedSearchQuery.set(value);
-	}, 300);
-});
-
-// Cache for pre-computed lowercase values to avoid repeated toLowercase calls
-let memoSearchCache = new Map<string, { title: string; transcript: string }>();
-let lastMemoIds: string[] = [];
-
-function updateSearchCache(memos: Memo[]) {
-	const currentIds = memos.map((m) => m.id);
-
-	// Only rebuild if memos changed
-	if (
-		lastMemoIds.length === currentIds.length &&
-		lastMemoIds.every((id, i) => id === currentIds[i])
-	) {
-		return;
-	}
-
-	lastMemoIds = currentIds;
-	memoSearchCache = new Map();
-
-	for (const memo of memos) {
-		memoSearchCache.set(memo.id, {
-			title: (memo.title || '').toLowerCase(),
-			transcript: (memo.transcript || '').toLowerCase(),
-		});
-	}
-}
-
-export const filteredMemos = derived(
-	[memos, debouncedSearchQuery, selectedTagId],
-	([$memos, $debouncedSearchQuery, $selectedTagId]) => {
-		// Update search cache if memos changed
-		updateSearchCache($memos);
-
-		// Early return if no filters
-		if (!$debouncedSearchQuery && !$selectedTagId) {
-			// Just sort by pinned and date
-			return $memos.toSorted((a, b) => {
-				if (a.is_pinned && !b.is_pinned) return -1;
-				if (!a.is_pinned && b.is_pinned) return 1;
-				return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
-			});
-		}
-
-		let filtered: Memo[];
-
-		// Filter by search query using cached lowercase values
-		if ($debouncedSearchQuery) {
-			const query = $debouncedSearchQuery.toLowerCase();
-			filtered = $memos.filter((memo) => {
-				const cached = memoSearchCache.get(memo.id);
-				if (!cached) return false;
-				return cached.title.includes(query) || cached.transcript.includes(query);
-			});
-		} else {
-			filtered = $memos;
-		}
-
-		// Filter by tag
-		if ($selectedTagId) {
-			filtered = filtered.filter((memo) => memo.tags?.some((tag) => tag.id === $selectedTagId));
-		}
-
-		// Sort: pinned memos first, then by created_at
-		// Using toSorted() to avoid mutating the filtered array
-		return filtered.toSorted((a, b) => {
-			if (a.is_pinned && !b.is_pinned) return -1;
-			if (!a.is_pinned && b.is_pinned) return 1;
-			return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
-		});
-	}
-);
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/navigation.ts b/apps/memoro/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index f4072e926..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { writable } from 'svelte/store';
-
-export const isSidebarMode = writable(false);
-export const isNavCollapsed = writable(false);
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/recording.ts b/apps/memoro/apps/web-archived/src/lib/stores/recording.ts
deleted file mode 100644
index 461749be9..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/recording.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { writable } from 'svelte/store';
-
-export type RecordingStatus = 'idle' | 'recording' | 'paused' | 'stopped' | 'uploading';
-
-interface RecordingState {
-	status: RecordingStatus;
-	duration: number;
-	audioBlob: Blob | null;
-	audioUrl: string | null;
-	error: string | null;
-}
-
-function createRecordingStore() {
-	const { subscribe, set, update } = writable<RecordingState>({
-		status: 'idle',
-		duration: 0,
-		audioBlob: null,
-		audioUrl: null,
-		error: null,
-	});
-
-	return {
-		subscribe,
-		setStatus: (status: RecordingStatus) => update((state) => ({ ...state, status })),
-		setDuration: (duration: number) => update((state) => ({ ...state, duration })),
-		setAudioBlob: (blob: Blob) =>
-			update((state) => ({
-				...state,
-				audioBlob: blob,
-				audioUrl: URL.createObjectURL(blob),
-			})),
-		setError: (error: string) => update((state) => ({ ...state, error })),
-		reset: () =>
-			set({
-				status: 'idle',
-				duration: 0,
-				audioBlob: null,
-				audioUrl: null,
-				error: null,
-			}),
-	};
-}
-
-export const recording = createRecordingStore();
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/ringsInitialized.ts b/apps/memoro/apps/web-archived/src/lib/stores/ringsInitialized.ts
deleted file mode 100644
index 34387cf0f..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/ringsInitialized.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { writable } from 'svelte/store';
-
-// Tracks if the rings have been shown already in this session
-// Used to prevent intro animation when navigating between pages with rings
-export const ringsInitialized = writable(false);
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/settings.ts b/apps/memoro/apps/web-archived/src/lib/stores/settings.ts
deleted file mode 100644
index 41fa399c8..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/settings.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { writable } from 'svelte/store';
-import { browser } from '$app/environment';
-
-interface SettingsState {
-	// Data & Privacy
-	enableAnalytics: boolean;
-	saveLocation: boolean;
-
-	// Developer Settings
-	developerMode: boolean;
-	showDebugBorders: boolean;
-
-	// UI Elements (for future recording page)
-	showLanguageButton: boolean;
-	showRecordingInstruction: boolean;
-	showBlueprints: boolean;
-	showManaBadge: boolean;
-
-	// Recording
-	enableDiarization: boolean;
-}
-
-const SETTINGS_STORAGE_KEY = 'memoro-settings';
-
-function getInitialSettings(): SettingsState {
-	if (!browser) {
-		return {
-			enableAnalytics: false,
-			saveLocation: false,
-			developerMode: false,
-			showDebugBorders: false,
-			showLanguageButton: true,
-			showRecordingInstruction: true,
-			showBlueprints: true,
-			showManaBadge: true,
-			enableDiarization: false,
-		};
-	}
-
-	const stored = localStorage.getItem(SETTINGS_STORAGE_KEY);
-	if (stored) {
-		try {
-			return JSON.parse(stored);
-		} catch {
-			// Fall through to defaults
-		}
-	}
-
-	return {
-		enableAnalytics: false,
-		saveLocation: false,
-		developerMode: false,
-		showDebugBorders: false,
-		showLanguageButton: true,
-		showRecordingInstruction: true,
-		showBlueprints: true,
-		showManaBadge: true,
-		enableDiarization: false,
-	};
-}
-
-function createSettingsStore() {
-	const { subscribe, set, update } = writable<SettingsState>(getInitialSettings());
-
-	function saveToStorage(state: SettingsState) {
-		if (browser) {
-			localStorage.setItem(SETTINGS_STORAGE_KEY, JSON.stringify(state));
-		}
-	}
-
-	return {
-		subscribe,
-		setEnableAnalytics: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, enableAnalytics: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		setSaveLocation: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, saveLocation: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		setDeveloperMode: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, developerMode: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		setShowDebugBorders: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, showDebugBorders: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		setShowLanguageButton: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, showLanguageButton: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		setShowRecordingInstruction: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, showRecordingInstruction: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		setShowBlueprints: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, showBlueprints: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		setShowManaBadge: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, showManaBadge: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		setEnableDiarization: (value: boolean) => {
-			update((state) => {
-				const newState = { ...state, enableDiarization: value };
-				saveToStorage(newState);
-				return newState;
-			});
-		},
-		reset: () => {
-			const defaultState = {
-				enableAnalytics: false,
-				saveLocation: false,
-				developerMode: false,
-				showDebugBorders: false,
-				showLanguageButton: true,
-				showRecordingInstruction: true,
-				showBlueprints: true,
-				showManaBadge: true,
-				enableDiarization: false,
-			};
-			set(defaultState);
-			saveToStorage(defaultState);
-		},
-	};
-}
-
-export const settings = createSettingsStore();
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/tabs.ts b/apps/memoro/apps/web-archived/src/lib/stores/tabs.ts
deleted file mode 100644
index 8d6a9290e..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/tabs.ts
+++ /dev/null
@@ -1,254 +0,0 @@
-import { writable, derived } from 'svelte/store';
-import type { Memo } from '$lib/types/memo.types';
-
-export type SplitDirection = 'vertical' | 'horizontal' | 'none';
-
-export interface Tab {
-	id: string;
-	memoId: string;
-	memo: Memo | null;
-	audioUrl: string | null;
-	isActive: boolean;
-}
-
-export interface Split {
-	id: string;
-	direction: SplitDirection;
-	tabs: Tab[];
-	activeTabId: string | null;
-}
-
-interface TabState {
-	splits: Split[];
-	activeSplitId: string | null;
-}
-
-function createTabStore() {
-	const { subscribe, set, update } = writable<TabState>({
-		splits: [],
-		activeSplitId: null,
-	});
-
-	return {
-		subscribe,
-
-		// Initialize with first memo
-		init: (memo: Memo, audioUrl: string | null = null) => {
-			const tabId = crypto.randomUUID();
-			const splitId = crypto.randomUUID();
-
-			set({
-				splits: [
-					{
-						id: splitId,
-						direction: 'none',
-						tabs: [
-							{
-								id: tabId,
-								memoId: memo.id,
-								memo,
-								audioUrl,
-								isActive: true,
-							},
-						],
-						activeTabId: tabId,
-					},
-				],
-				activeSplitId: splitId,
-			});
-		},
-
-		// Open memo in new tab in active split
-		openTab: (memo: Memo, audioUrl: string | null = null) => {
-			update((state) => {
-				if (!state.activeSplitId) return state;
-
-				const splitIndex = state.splits.findIndex((s) => s.id === state.activeSplitId);
-				if (splitIndex === -1) return state;
-
-				const split = state.splits[splitIndex];
-
-				// Check if memo is already open in this split
-				const existingTab = split.tabs.find((t) => t.memoId === memo.id);
-				if (existingTab) {
-					// Just activate the existing tab
-					return {
-						...state,
-						splits: state.splits.map((s, i) =>
-							i === splitIndex
-								? {
-										...s,
-										tabs: s.tabs.map((t) => ({
-											...t,
-											isActive: t.id === existingTab.id,
-										})),
-										activeTabId: existingTab.id,
-									}
-								: s
-						),
-					};
-				}
-
-				// Create new tab
-				const newTab: Tab = {
-					id: crypto.randomUUID(),
-					memoId: memo.id,
-					memo,
-					audioUrl,
-					isActive: true,
-				};
-
-				return {
-					...state,
-					splits: state.splits.map((s, i) =>
-						i === splitIndex
-							? {
-									...s,
-									tabs: [...s.tabs.map((t) => ({ ...t, isActive: false })), newTab],
-									activeTabId: newTab.id,
-								}
-							: s
-					),
-				};
-			});
-		},
-
-		// Open memo in new split
-		openInSplit: (memo: Memo, direction: SplitDirection, audioUrl: string | null = null) => {
-			update((state) => {
-				const newTabId = crypto.randomUUID();
-				const newSplitId = crypto.randomUUID();
-
-				const newSplit: Split = {
-					id: newSplitId,
-					direction,
-					tabs: [
-						{
-							id: newTabId,
-							memoId: memo.id,
-							memo,
-							audioUrl,
-							isActive: true,
-						},
-					],
-					activeTabId: newTabId,
-				};
-
-				return {
-					...state,
-					splits: [...state.splits, newSplit],
-					activeSplitId: newSplitId,
-				};
-			});
-		},
-
-		// Activate a tab
-		activateTab: (splitId: string, tabId: string) => {
-			update((state) => ({
-				...state,
-				splits: state.splits.map((split) =>
-					split.id === splitId
-						? {
-								...split,
-								tabs: split.tabs.map((tab) => ({
-									...tab,
-									isActive: tab.id === tabId,
-								})),
-								activeTabId: tabId,
-							}
-						: split
-				),
-				activeSplitId: splitId,
-			}));
-		},
-
-		// Close a tab
-		closeTab: (splitId: string, tabId: string) => {
-			update((state) => {
-				const splitIndex = state.splits.findIndex((s) => s.id === splitId);
-				if (splitIndex === -1) return state;
-
-				const split = state.splits[splitIndex];
-				const tabIndex = split.tabs.findIndex((t) => t.id === tabId);
-				if (tabIndex === -1) return state;
-
-				const newTabs = split.tabs.filter((t) => t.id !== tabId);
-
-				// If no tabs left, remove the split
-				if (newTabs.length === 0) {
-					const newSplits = state.splits.filter((s) => s.id !== splitId);
-					return {
-						splits: newSplits,
-						activeSplitId: newSplits.length > 0 ? newSplits[0].id : null,
-					};
-				}
-
-				// If closed tab was active, activate the next one
-				let newActiveTabId = split.activeTabId;
-				if (tabId === split.activeTabId) {
-					const nextIndex = Math.min(tabIndex, newTabs.length - 1);
-					newActiveTabId = newTabs[nextIndex].id;
-					newTabs[nextIndex].isActive = true;
-				}
-
-				return {
-					...state,
-					splits: state.splits.map((s, i) =>
-						i === splitIndex
-							? {
-									...s,
-									tabs: newTabs,
-									activeTabId: newActiveTabId,
-								}
-							: s
-					),
-				};
-			});
-		},
-
-		// Close a split
-		closeSplit: (splitId: string) => {
-			update((state) => {
-				const newSplits = state.splits.filter((s) => s.id !== splitId);
-				return {
-					splits: newSplits,
-					activeSplitId:
-						state.activeSplitId === splitId && newSplits.length > 0
-							? newSplits[0].id
-							: state.activeSplitId,
-				};
-			});
-		},
-
-		// Update memo data in tab (for real-time updates)
-		updateMemo: (memoId: string, memo: Memo) => {
-			update((state) => ({
-				...state,
-				splits: state.splits.map((split) => ({
-					...split,
-					tabs: split.tabs.map((tab) => (tab.memoId === memoId ? { ...tab, memo } : tab)),
-				})),
-			}));
-		},
-
-		// Clear all tabs
-		clear: () => {
-			set({
-				splits: [],
-				activeSplitId: null,
-			});
-		},
-	};
-}
-
-export const tabs = createTabStore();
-
-// Derived store for active tab
-export const activeTab = derived(tabs, ($tabs) => {
-	if (!$tabs.activeSplitId) return null;
-
-	const activeSplit = $tabs.splits.find((s) => s.id === $tabs.activeSplitId);
-	if (!activeSplit || !activeSplit.activeTabId) return null;
-
-	return activeSplit.tabs.find((t) => t.id === activeSplit.activeTabId) || null;
-});
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/tags.ts b/apps/memoro/apps/web-archived/src/lib/stores/tags.ts
deleted file mode 100644
index c169c2827..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/tags.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { writable, derived } from 'svelte/store';
-import type { Tag } from '$lib/types/memo.types';
-
-function createTagStore() {
-	const { subscribe, set, update } = writable<Tag[]>([]);
-
-	return {
-		subscribe,
-		setTags: (tags: Tag[]) => set(tags),
-		addTag: (tag: Tag) =>
-			update((tags) => [...tags, tag].sort((a, b) => a.name.localeCompare(b.name))),
-		updateTag: (id: string, updates: Partial<Tag>) =>
-			update((tags) => tags.map((t) => (t.id === id ? { ...t, ...updates } : t))),
-		deleteTag: (id: string) => update((tags) => tags.filter((t) => t.id !== id)),
-		reset: () => set([]),
-	};
-}
-
-export const tags = createTagStore();
-
-// Tag usage counts (for displaying how many memos use each tag)
-export const tagUsageCounts = writable<Record<string, number>>({});
diff --git a/apps/memoro/apps/web-archived/src/lib/stores/theme.ts b/apps/memoro/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 5c41a3e15..000000000
--- a/apps/memoro/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import { writable } from 'svelte/store';
-import { browser } from '$app/environment';
-import { MemoroEvents } from '@manacore/shared-utils/analytics';
-
-export type ThemeMode = 'light' | 'dark' | 'system';
-export type ThemeVariant = 'lume' | 'nature' | 'ocean' | 'stone';
-
-interface ThemeState {
-	mode: ThemeMode;
-	variant: ThemeVariant;
-	// The actual rendered mode (light or dark), derived from mode and system preference
-	effectiveMode: 'light' | 'dark';
-}
-
-const THEME_STORAGE_KEY = 'memoro-theme';
-
-// Get initial theme from localStorage or system preference
-function getInitialTheme(): ThemeState {
-	if (!browser) {
-		return { mode: 'system', variant: 'lume', effectiveMode: 'light' };
-	}
-
-	const stored = localStorage.getItem(THEME_STORAGE_KEY);
-	let mode: ThemeMode = 'system';
-	let variant: ThemeVariant = 'lume';
-
-	if (stored) {
-		try {
-			const parsed = JSON.parse(stored);
-			mode = parsed.mode || 'system';
-			variant = parsed.variant || 'lume';
-		} catch {
-			// Fall through to default
-		}
-	}
-
-	// Calculate effective mode
-	const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-	const effectiveMode: 'light' | 'dark' =
-		mode === 'system' ? (prefersDark ? 'dark' : 'light') : mode === 'dark' ? 'dark' : 'light';
-
-	return {
-		mode,
-		variant,
-		effectiveMode,
-	};
-}
-
-// Create the theme store
-function createThemeStore() {
-	const { subscribe, set, update } = writable<ThemeState>(getInitialTheme());
-
-	return {
-		subscribe,
-		setMode: (mode: ThemeMode) => {
-			update((state) => {
-				const prefersDark = browser
-					? window.matchMedia('(prefers-color-scheme: dark)').matches
-					: false;
-				const effectiveMode: 'light' | 'dark' =
-					mode === 'system' ? (prefersDark ? 'dark' : 'light') : mode === 'dark' ? 'dark' : 'light';
-
-				const newState = { ...state, mode, effectiveMode };
-				if (browser) {
-					localStorage.setItem(THEME_STORAGE_KEY, JSON.stringify(newState));
-					applyTheme(newState);
-					MemoroEvents.themeChanged(mode);
-				}
-				return newState;
-			});
-		},
-		setVariant: (variant: ThemeVariant) => {
-			update((state) => {
-				const newState = { ...state, variant };
-				if (browser) {
-					localStorage.setItem(THEME_STORAGE_KEY, JSON.stringify(newState));
-					applyTheme(newState);
-					MemoroEvents.themeChanged(variant);
-				}
-				return newState;
-			});
-		},
-		toggleMode: () => {
-			update((state) => {
-				// Toggle between light and dark (skip system)
-				const newMode: ThemeMode = state.effectiveMode === 'light' ? 'dark' : 'light';
-				const newState = { ...state, mode: newMode, effectiveMode: newMode };
-				if (browser) {
-					localStorage.setItem(THEME_STORAGE_KEY, JSON.stringify(newState));
-					applyTheme(newState);
-				}
-				return newState;
-			});
-		},
-		initialize: () => {
-			if (browser) {
-				const state = getInitialTheme();
-				set(state);
-				applyTheme(state);
-
-				// Listen for system theme changes
-				const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-				const handleChange = (e: MediaQueryListEvent) => {
-					// Only update if mode is set to 'system'
-					update((state) => {
-						if (state.mode === 'system') {
-							const newEffectiveMode: 'light' | 'dark' = e.matches ? 'dark' : 'light';
-							const newState = { ...state, effectiveMode: newEffectiveMode };
-							applyTheme(newState);
-							return newState;
-						}
-						return state;
-					});
-				};
-				mediaQuery.addEventListener('change', handleChange);
-
-				// Cleanup function
-				return () => mediaQuery.removeEventListener('change', handleChange);
-			}
-		},
-	};
-}
-
-// Apply theme to document
-function applyTheme(state: ThemeState) {
-	if (!browser) return;
-
-	const html = document.documentElement;
-
-	// Apply dark mode class based on effectiveMode
-	if (state.effectiveMode === 'dark') {
-		html.classList.add('dark');
-	} else {
-		html.classList.remove('dark');
-	}
-
-	// Apply theme variant as data attribute
-	html.setAttribute('data-theme', state.variant);
-}
-
-export const theme = createThemeStore();
diff --git a/apps/memoro/apps/web-archived/src/lib/supabaseClient.ts b/apps/memoro/apps/web-archived/src/lib/supabaseClient.ts
deleted file mode 100644
index af964a173..000000000
--- a/apps/memoro/apps/web-archived/src/lib/supabaseClient.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Supabase client initialization for memoro-web
- * Supports both anonymous and authenticated clients
- * Matches memoro_app pattern with dual client approach
- */
-
-import { createClient, type SupabaseClient } from '@supabase/supabase-js';
-import { env } from '$lib/config/env';
-import { browser } from '$app/environment';
-import { authStore } from '$lib/stores/auth.svelte';
-import type { Database } from './types/database.types';
-
-// Singleton instance for anonymous client
-let anonClient: SupabaseClient<Database> | null = null;
-
-// Singleton instance for authenticated client
-let authClient: SupabaseClient<Database> | null = null;
-
-// Track the current auth token to detect changes
-let currentAuthToken: string | null = null;
-
-/**
- * Get or create the anonymous Supabase client (singleton)
- * Used for public operations that don't require authentication
- */
-export const supabase = (() => {
-	if (!anonClient) {
-		anonClient = createClient<Database>(env.supabase.url, env.supabase.anonKey, {
-			auth: {
-				persistSession: false,
-				autoRefreshToken: false,
-			},
-		});
-	}
-	return anonClient;
-})();
-
-/**
- * Get or create the authenticated Supabase client (singleton)
- * Reuses the same client instance unless the token changes
- * This is the primary method for authenticated operations
- */
-export const createAuthClient = async (): Promise<SupabaseClient<Database>> => {
-	// Only works in browser
-	if (!browser) {
-		return supabase;
-	}
-
-	// Get the app token (Mana JWT) from shared auth store
-	const token = await authStore.getValidToken();
-
-	// If we have a client and the token hasn't changed, reuse it
-	if (authClient && currentAuthToken === token) {
-		return authClient;
-	}
-
-	// Token changed or no client exists, create/update the client
-	currentAuthToken = token;
-
-	if (!token) {
-		// No token, return anonymous client
-		return supabase;
-	}
-
-	// Create authenticated client with proper JWT
-	authClient = createClient<Database>(env.supabase.url, env.supabase.anonKey, {
-		auth: {
-			persistSession: false,
-			autoRefreshToken: false,
-		},
-		global: {
-			headers: {
-				Authorization: `Bearer ${token}`, // Use the Mana JWT token
-			},
-		},
-	});
-
-	return authClient;
-};
-
-/**
- * Clear the authenticated client (use on logout)
- */
-export const clearAuthClient = () => {
-	authClient = null;
-	currentAuthToken = null;
-};
-
-// Export for backward compatibility
-export { supabase as supabaseClient };
diff --git a/apps/memoro/apps/web-archived/src/lib/types/database.types.ts b/apps/memoro/apps/web-archived/src/lib/types/database.types.ts
deleted file mode 100644
index b05b75d53..000000000
--- a/apps/memoro/apps/web-archived/src/lib/types/database.types.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Database types for Supabase
- * This is a placeholder file - generate actual types using:
- * npx supabase gen types typescript --project-id YOUR_PROJECT_ID > src/lib/types/database.types.ts
- */
-
-export type Database = {
-	public: {
-		Tables: {
-			[key: string]: {
-				Row: Record<string, unknown>;
-				Insert: Record<string, unknown>;
-				Update: Record<string, unknown>;
-			};
-		};
-		Views: {
-			[key: string]: {
-				Row: Record<string, unknown>;
-			};
-		};
-		Functions: {
-			[key: string]: {
-				Args: Record<string, unknown>;
-				Returns: unknown;
-			};
-		};
-	};
-};
diff --git a/apps/memoro/apps/web-archived/src/lib/types/memo.types.ts b/apps/memoro/apps/web-archived/src/lib/types/memo.types.ts
deleted file mode 100644
index c0dd25033..000000000
--- a/apps/memoro/apps/web-archived/src/lib/types/memo.types.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-export interface Memo {
-	id: string;
-	user_id: string;
-	title: string | null;
-	intro: string | null;
-	transcript: string | null;
-	audio_url: string | null;
-	duration_millis: number | null;
-	created_at: string;
-	updated_at: string;
-	space_id: string | null;
-	blueprint_id: string | null;
-	language: string | null;
-	processing_status: ProcessingStatus;
-	is_archived: boolean;
-	is_pinned: boolean;
-	is_public: boolean;
-	location?: any;
-	metadata?: Record<string, any> | null;
-	source?: {
-		type?: string;
-		audio_path?: string;
-		duration?: number;
-		duration_seconds?: number;
-		transcript?: string;
-		transcription?: string;
-		utterances?: Array<{
-			text: string;
-			offset?: number;
-			duration?: number;
-			speakerId?: string;
-		}>;
-		speakers?: Record<string, any>;
-	};
-	memories?: Memory[];
-	tags?: Tag[];
-	space?: Space;
-}
-
-export type ProcessingStatus = 'pending' | 'processing' | 'completed' | 'failed';
-
-export interface Memory {
-	id: string;
-	memo_id: string;
-	title: string;
-	content: string | null;
-	metadata?: Record<string, any> | null;
-	style?: Record<string, any> | null;
-	media?: Record<string, any> | null;
-	created_at: string;
-	updated_at: string;
-}
-
-export interface Tag {
-	id: string;
-	name: string;
-	text?: string; // Backward compatibility
-	color?: string | null; // Backward compatibility - direct color field
-	style?: {
-		color?: string;
-		[key: string]: any;
-	};
-	user_id: string;
-	created_at: string;
-	is_pinned?: boolean;
-	sort_order?: number;
-}
-
-export interface MemoTag {
-	memo_id: string;
-	tag_id: string;
-}
-
-export interface Space {
-	id: string;
-	name: string;
-	description: string | null;
-	owner_id: string;
-	created_at: string;
-	updated_at: string;
-}
-
-export interface Blueprint {
-	id: string;
-	name: string;
-	description: string | null;
-	prompt: string;
-	user_id: string | null;
-	is_public: boolean;
-	created_at: string;
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/utils/appleAuth.ts b/apps/memoro/apps/web-archived/src/lib/utils/appleAuth.ts
deleted file mode 100644
index acc99c7a8..000000000
--- a/apps/memoro/apps/web-archived/src/lib/utils/appleAuth.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-/**
- * Apple Sign-In integration for web
- * Uses redirect flow (not popup) - different from mobile native flow
- */
-
-import { env } from '$lib/config/env';
-import { browser } from '$app/environment';
-
-// TypeScript definitions for Apple ID SDK
-declare global {
-	interface Window {
-		AppleID?: {
-			auth: {
-				init: (config: AppleIDInitConfig) => void;
-				signIn: () => Promise<AppleIDSignInResponse>;
-			};
-		};
-	}
-}
-
-interface AppleIDInitConfig {
-	clientId: string;
-	scope: string;
-	redirectURI: string;
-	state?: string;
-	nonce?: string;
-	usePopup?: boolean;
-	responseType?: string;
-	responseMode?: string;
-}
-
-interface AppleIDSignInResponse {
-	authorization: {
-		code: string;
-		id_token?: string;
-		state?: string;
-	};
-	user?: {
-		email?: string;
-		name?: {
-			firstName?: string;
-			lastName?: string;
-		};
-	};
-}
-
-interface AppleAuthorizationResponse {
-	code: string;
-	id_token?: string;
-	state?: string;
-	user?: string; // JSON string of user info (only on first sign-in)
-}
-
-/**
- * Initialize Apple ID SDK
- * Must be called before using Apple Sign-In
- */
-export function initializeAppleAuth() {
-	if (!browser || !window.AppleID) {
-		console.warn('Apple ID SDK not loaded');
-		return false;
-	}
-
-	const clientId = env.oauth.appleClientId;
-	// Use the handler endpoint for POST, not the page route
-	const redirectURI =
-		env.oauth.appleRedirectUri?.replace('/auth/apple-callback', '/auth/apple-callback-handler') ||
-		'https://app.memoro.ai/auth/apple-callback-handler';
-
-	// Log configuration for debugging (especially useful in production)
-	console.log('Apple Sign-In Configuration:', {
-		clientId: clientId || '❌ NOT SET',
-		redirectURI: redirectURI,
-		originalRedirectURI: env.oauth.appleRedirectUri || '❌ NOT SET',
-		responseMode: 'form_post',
-		responseType: 'code id_token',
-	});
-
-	if (!clientId) {
-		console.error('❌ Apple Client ID not configured');
-		console.error('Expected: PUBLIC_APPLE_CLIENT_ID=com.memoro.web');
-		return false;
-	}
-
-	try {
-		window.AppleID.auth.init({
-			clientId,
-			scope: 'name email',
-			redirectURI,
-			state: generateState(),
-			usePopup: false, // Must use redirect on web
-			responseType: 'code id_token', // Request both code and id_token
-			responseMode: 'form_post', // Use form_post for secure POST to server - required for email/name scopes
-		});
-
-		console.log('✅ Apple ID SDK initialized successfully with form_post response mode');
-		return true;
-	} catch (error) {
-		console.error('Error initializing Apple ID SDK:', error);
-		return false;
-	}
-}
-
-/**
- * Initiate Apple Sign-In (redirect flow)
- * Stores state and redirects to Apple
- */
-export async function signInWithApple(): Promise<void> {
-	if (!browser) {
-		throw new Error('Apple Sign-In only available in browser');
-	}
-
-	if (!window.AppleID) {
-		throw new Error('Apple ID SDK not loaded');
-	}
-
-	try {
-		// Store return URL before redirect
-		const returnTo = window.location.pathname + window.location.search;
-		sessionStorage.setItem('apple_signin_return_to', returnTo);
-
-		// Initiate sign-in (will redirect to Apple)
-		await window.AppleID.auth.signIn();
-	} catch (error) {
-		console.error('Error initiating Apple Sign-In:', error);
-		throw error;
-	}
-}
-
-/**
- * Parse Apple authorization response from URL
- * Called by the callback page after redirect from Apple
- */
-export function parseAppleAuthorizationResponse(
-	urlParams: URLSearchParams
-): AppleAuthorizationResponse | null {
-	const code = urlParams.get('code');
-	const id_token = urlParams.get('id_token');
-	const state = urlParams.get('state');
-	const user = urlParams.get('user');
-	const error = urlParams.get('error');
-
-	// Check for errors
-	if (error) {
-		console.error('Apple Sign-In error:', error);
-		return null;
-	}
-
-	// Validate state (CSRF protection)
-	const storedState = sessionStorage.getItem('apple_signin_state');
-	if (state !== storedState) {
-		console.error('State mismatch - possible CSRF attack');
-		return null;
-	}
-
-	// IMPORTANT: We need either id_token OR code
-	// For backend compatibility, we prefer id_token if available
-	if (!id_token && !code) {
-		console.error('No id_token or authorization code in Apple response');
-		return null;
-	}
-
-	// Log what we received
-	console.log('Apple response:', {
-		hasIdToken: !!id_token,
-		hasCode: !!code,
-		hasState: !!state,
-		hasUser: !!user,
-	});
-
-	return {
-		code: code || '',
-		id_token: id_token || undefined,
-		state: state || undefined,
-		user: user || undefined,
-	};
-}
-
-/**
- * Generate random state for CSRF protection
- */
-function generateState(): string {
-	const state = Math.random().toString(36).substring(2, 15);
-	if (browser) {
-		sessionStorage.setItem('apple_signin_state', state);
-	}
-	return state;
-}
-
-/**
- * Get stored return URL (where to redirect after sign-in)
- */
-export function getStoredReturnUrl(): string {
-	if (!browser) return '/dashboard';
-	return sessionStorage.getItem('apple_signin_return_to') || '/dashboard';
-}
-
-/**
- * Clear Apple Sign-In session data
- */
-export function clearAppleSignInSession() {
-	if (!browser) return;
-	sessionStorage.removeItem('apple_signin_state');
-	sessionStorage.removeItem('apple_signin_return_to');
-}
-
-/**
- * Check if Apple ID SDK is loaded
- */
-export function isAppleAuthLoaded(): boolean {
-	return browser && !!window.AppleID?.auth;
-}
-
-/**
- * Wait for Apple ID SDK to load
- */
-export function waitForAppleAuth(timeout = 10000): Promise<void> {
-	return new Promise((resolve, reject) => {
-		if (isAppleAuthLoaded()) {
-			resolve();
-			return;
-		}
-
-		const startTime = Date.now();
-		const interval = setInterval(() => {
-			if (isAppleAuthLoaded()) {
-				clearInterval(interval);
-				resolve();
-			} else if (Date.now() - startTime > timeout) {
-				clearInterval(interval);
-				reject(new Error('Apple ID SDK failed to load'));
-			}
-		}, 100);
-	});
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/utils/formatters.ts b/apps/memoro/apps/web-archived/src/lib/utils/formatters.ts
deleted file mode 100644
index b8d01cb1e..000000000
--- a/apps/memoro/apps/web-archived/src/lib/utils/formatters.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { format, isToday, isYesterday } from 'date-fns';
-import { de } from 'date-fns/locale';
-
-/**
- * Format duration from seconds to human-readable string with units
- *
- * Examples:
- * - 45 seconds → "45 Sekunden"
- * - 90 seconds → "1:30 Minuten"
- * - 3665 seconds → "1:01:05 Stunden"
- */
-export function formatDuration(durationSeconds: number): string {
-	if (!durationSeconds || durationSeconds === 0) return '0 Sekunden';
-
-	const hours = Math.floor(durationSeconds / 3600);
-	const minutes = Math.floor((durationSeconds % 3600) / 60);
-	const seconds = Math.floor(durationSeconds % 60);
-
-	// Hours present
-	if (hours > 0) {
-		return `${hours}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')} Stunden`;
-	}
-
-	// Only minutes and seconds
-	if (minutes > 0) {
-		return `${minutes}:${seconds.toString().padStart(2, '0')} Minuten`;
-	}
-
-	// Only seconds
-	return `${seconds} Sekunden`;
-}
-
-/**
- * Extract duration in seconds from a memo object
- */
-export function getMemooDuration(memo: any): number {
-	return memo.source?.duration_seconds || memo.source?.duration || 0;
-}
-
-/**
- * Format timestamp to localized German format
- *
- * Examples:
- * - Today → "Heute, 14:30"
- * - Yesterday → "Gestern, 14:30"
- * - Other → "15. März 2024, 14:30"
- */
-export function formatTimestamp(date: Date | string): string {
-	const dateObj = typeof date === 'string' ? new Date(date) : date;
-
-	if (isToday(dateObj)) {
-		return `Heute, ${format(dateObj, 'HH:mm')}`;
-	}
-
-	if (isYesterday(dateObj)) {
-		return `Gestern, ${format(dateObj, 'HH:mm')}`;
-	}
-
-	return format(dateObj, 'd. MMMM yyyy, HH:mm', { locale: de });
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/utils/googleAuth.ts b/apps/memoro/apps/web-archived/src/lib/utils/googleAuth.ts
deleted file mode 100644
index 37a5075f5..000000000
--- a/apps/memoro/apps/web-archived/src/lib/utils/googleAuth.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-/**
- * Google Identity Services integration
- * Provides helper functions for Google Sign-In on web
- */
-
-import { env } from '$lib/config/env';
-
-// TypeScript definitions for Google Identity Services
-declare global {
-	interface Window {
-		google?: {
-			accounts: {
-				id: {
-					initialize: (config: GoogleIdConfiguration) => void;
-					prompt: (momentListener?: (notification: PromptMomentNotification) => void) => void;
-					renderButton: (parent: HTMLElement, options: GsiButtonConfiguration) => void;
-					disableAutoSelect: () => void;
-					storeCredential: (credential: { id: string; password: string }) => void;
-					cancel: () => void;
-					onGoogleLibraryLoad: () => void;
-					revoke: (hint: string, callback: (done: RevocationResponse) => void) => void;
-				};
-			};
-		};
-	}
-}
-
-interface GoogleIdConfiguration {
-	client_id: string;
-	callback: (response: CredentialResponse) => void;
-	auto_select?: boolean;
-	cancel_on_tap_outside?: boolean;
-	context?: 'signin' | 'signup' | 'use';
-	ux_mode?: 'popup' | 'redirect';
-	login_uri?: string;
-	native_callback?: (response: { id: string; password: string }) => void;
-	itp_support?: boolean;
-}
-
-interface CredentialResponse {
-	credential: string; // JWT ID token
-	select_by: string;
-	clientId?: string;
-}
-
-interface GsiButtonConfiguration {
-	type?: 'standard' | 'icon';
-	theme?: 'outline' | 'filled_blue' | 'filled_black';
-	size?: 'large' | 'medium' | 'small';
-	text?: 'signin_with' | 'signup_with' | 'continue_with' | 'signin';
-	shape?: 'rectangular' | 'pill' | 'circle' | 'square';
-	logo_alignment?: 'left' | 'center';
-	width?: string;
-	locale?: string;
-}
-
-interface PromptMomentNotification {
-	isDisplayMoment: () => boolean;
-	isDisplayed: () => boolean;
-	isNotDisplayed: () => boolean;
-	getNotDisplayedReason: () =>
-		| 'browser_not_supported'
-		| 'invalid_client'
-		| 'missing_client_id'
-		| 'opt_out_or_no_session'
-		| 'secure_http_required'
-		| 'suppressed_by_user'
-		| 'unregistered_origin'
-		| 'unknown_reason';
-	isSkippedMoment: () => boolean;
-	getSkippedReason: () =>
-		| 'auto_cancel'
-		| 'user_cancel'
-		| 'tap_outside'
-		| 'issuing_failed'
-		| 'unknown_reason';
-	isDismissedMoment: () => boolean;
-	getDismissedReason: () =>
-		| 'credential_returned'
-		| 'cancel_called'
-		| 'flow_restarted'
-		| 'unknown_reason';
-	getMomentType: () => 'display' | 'skipped' | 'dismissed';
-}
-
-interface RevocationResponse {
-	successful: boolean;
-	error?: string;
-}
-
-/**
- * Initialize Google Identity Services
- * @param callback Function to call when user signs in with Google
- */
-export function initializeGoogleAuth(callback: (idToken: string) => void) {
-	if (typeof window === 'undefined') {
-		console.warn('Google Auth: Cannot initialize on server-side');
-		return;
-	}
-
-	if (!window.google) {
-		console.warn('Google Identity Services not loaded yet');
-		return;
-	}
-
-	const clientId = env.oauth.googleClientId;
-	if (!clientId) {
-		console.error('Google Client ID not configured');
-		return;
-	}
-
-	try {
-		window.google.accounts.id.initialize({
-			client_id: clientId,
-			callback: (response: CredentialResponse) => {
-				// response.credential is the JWT ID token
-				callback(response.credential);
-			},
-			auto_select: false,
-			cancel_on_tap_outside: true,
-			ux_mode: 'popup',
-		});
-	} catch (error) {
-		console.error('Error initializing Google Auth:', error);
-	}
-}
-
-/**
- * Render Google Sign-In button
- * @param element HTML element to render button into
- * @param options Button configuration options
- */
-export function renderGoogleButton(
-	element: HTMLElement,
-	options?: Partial<GsiButtonConfiguration>
-) {
-	if (typeof window === 'undefined' || !window.google) {
-		console.warn('Google Identity Services not available');
-		return;
-	}
-
-	const defaultOptions: GsiButtonConfiguration = {
-		type: 'standard',
-		theme: 'outline',
-		size: 'large',
-		text: 'signin_with',
-		shape: 'rectangular',
-		logo_alignment: 'left',
-		// Note: width is omitted - Google button will auto-size to container
-	};
-
-	try {
-		window.google.accounts.id.renderButton(element, {
-			...defaultOptions,
-			...options,
-		});
-	} catch (error) {
-		console.error('Error rendering Google button:', error);
-	}
-}
-
-/**
- * Check if Google Identity Services is loaded
- */
-export function isGoogleAuthLoaded(): boolean {
-	return typeof window !== 'undefined' && !!window.google?.accounts?.id;
-}
-
-/**
- * Wait for Google Identity Services to load
- * @param timeout Maximum time to wait in milliseconds (default: 10000ms)
- */
-export function waitForGoogleAuth(timeout = 10000): Promise<void> {
-	return new Promise((resolve, reject) => {
-		if (isGoogleAuthLoaded()) {
-			resolve();
-			return;
-		}
-
-		const startTime = Date.now();
-		const interval = setInterval(() => {
-			if (isGoogleAuthLoaded()) {
-				clearInterval(interval);
-				resolve();
-			} else if (Date.now() - startTime > timeout) {
-				clearInterval(interval);
-				reject(new Error('Google Identity Services failed to load'));
-			}
-		}, 100);
-	});
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/utils/indexedDBCache.ts b/apps/memoro/apps/web-archived/src/lib/utils/indexedDBCache.ts
deleted file mode 100644
index 242ea9e3b..000000000
--- a/apps/memoro/apps/web-archived/src/lib/utils/indexedDBCache.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-/**
- * IndexedDB Cache for persistent storage of signed URLs
- * Survives page reloads and provides better performance
- */
-
-const DB_NAME = 'memoro-cache';
-const DB_VERSION = 1;
-const STORE_NAME = 'audio-urls';
-
-interface CachedUrl {
-	id: string;
-	url: string;
-	expires: number;
-	createdAt: number;
-}
-
-let dbPromise: Promise<IDBDatabase> | null = null;
-
-/**
- * Initialize IndexedDB connection
- */
-function getDB(): Promise<IDBDatabase> {
-	if (dbPromise) return dbPromise;
-
-	dbPromise = new Promise((resolve, reject) => {
-		if (typeof indexedDB === 'undefined') {
-			reject(new Error('IndexedDB not available'));
-			return;
-		}
-
-		const request = indexedDB.open(DB_NAME, DB_VERSION);
-
-		request.onerror = () => reject(request.error);
-		request.onsuccess = () => resolve(request.result);
-
-		request.onupgradeneeded = (event) => {
-			const db = (event.target as IDBOpenDBRequest).result;
-
-			// Create store if it doesn't exist
-			if (!db.objectStoreNames.contains(STORE_NAME)) {
-				const store = db.createObjectStore(STORE_NAME, { keyPath: 'id' });
-				store.createIndex('expires', 'expires', { unique: false });
-			}
-		};
-	});
-
-	return dbPromise;
-}
-
-/**
- * Get cached URL from IndexedDB
- */
-export async function getCachedUrl(id: string): Promise<string | null> {
-	try {
-		const db = await getDB();
-		const transaction = db.transaction(STORE_NAME, 'readonly');
-		const store = transaction.objectStore(STORE_NAME);
-
-		return new Promise((resolve) => {
-			const request = store.get(id);
-
-			request.onsuccess = () => {
-				const result = request.result as CachedUrl | undefined;
-				if (result && Date.now() < result.expires) {
-					resolve(result.url);
-				} else {
-					resolve(null);
-				}
-			};
-
-			request.onerror = () => {
-				console.error('Error getting cached URL:', request.error);
-				resolve(null);
-			};
-		});
-	} catch {
-		return null;
-	}
-}
-
-/**
- * Store URL in IndexedDB cache
- */
-export async function setCachedUrl(id: string, url: string, expiresInMs: number): Promise<void> {
-	try {
-		const db = await getDB();
-		const transaction = db.transaction(STORE_NAME, 'readwrite');
-		const store = transaction.objectStore(STORE_NAME);
-
-		const entry: CachedUrl = {
-			id,
-			url,
-			expires: Date.now() + expiresInMs,
-			createdAt: Date.now(),
-		};
-
-		store.put(entry);
-	} catch (error) {
-		console.error('Error caching URL:', error);
-	}
-}
-
-/**
- * Delete cached URL from IndexedDB
- */
-export async function deleteCachedUrl(id: string): Promise<void> {
-	try {
-		const db = await getDB();
-		const transaction = db.transaction(STORE_NAME, 'readwrite');
-		const store = transaction.objectStore(STORE_NAME);
-		store.delete(id);
-	} catch (error) {
-		console.error('Error deleting cached URL:', error);
-	}
-}
-
-/**
- * Clean up expired entries from IndexedDB
- * Should be called periodically
- */
-export async function cleanupExpiredUrls(): Promise<void> {
-	try {
-		const db = await getDB();
-		const transaction = db.transaction(STORE_NAME, 'readwrite');
-		const store = transaction.objectStore(STORE_NAME);
-		const index = store.index('expires');
-		const now = Date.now();
-
-		const request = index.openCursor(IDBKeyRange.upperBound(now));
-
-		request.onsuccess = (event) => {
-			const cursor = (event.target as IDBRequest).result;
-			if (cursor) {
-				cursor.delete();
-				cursor.continue();
-			}
-		};
-	} catch (error) {
-		console.error('Error cleaning up expired URLs:', error);
-	}
-}
-
-/**
- * Clear all cached URLs
- */
-export async function clearAllCachedUrls(): Promise<void> {
-	try {
-		const db = await getDB();
-		const transaction = db.transaction(STORE_NAME, 'readwrite');
-		const store = transaction.objectStore(STORE_NAME);
-		store.clear();
-	} catch (error) {
-		console.error('Error clearing cache:', error);
-	}
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/utils/keyboardShortcuts.ts b/apps/memoro/apps/web-archived/src/lib/utils/keyboardShortcuts.ts
deleted file mode 100644
index b3dfe96d9..000000000
--- a/apps/memoro/apps/web-archived/src/lib/utils/keyboardShortcuts.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-/**
- * Keyboard Shortcuts Utility
- * Provides centralized keyboard shortcut handling for the application
- */
-
-export interface ShortcutAction {
-	key: string;
-	ctrl?: boolean;
-	shift?: boolean;
-	alt?: boolean;
-	meta?: boolean; // Command key on Mac
-	description: string;
-	action: () => void;
-	preventDefault?: boolean;
-}
-
-export interface ShortcutGroup {
-	name: string;
-	shortcuts: ShortcutAction[];
-}
-
-/**
- * Check if a keyboard event matches a shortcut
- */
-export function matchesShortcut(event: KeyboardEvent, shortcut: ShortcutAction): boolean {
-	const keyMatches = event.key.toLowerCase() === shortcut.key.toLowerCase();
-	const ctrlMatches = shortcut.ctrl
-		? event.ctrlKey || event.metaKey
-		: !event.ctrlKey && !event.metaKey;
-	const shiftMatches = shortcut.shift ? event.shiftKey : !event.shiftKey;
-	const altMatches = shortcut.alt ? event.altKey : !event.altKey;
-
-	return keyMatches && ctrlMatches && shiftMatches && altMatches;
-}
-
-/**
- * Format shortcut for display
- */
-export function formatShortcut(shortcut: ShortcutAction): string {
-	const parts: string[] = [];
-
-	if (shortcut.ctrl) parts.push('Ctrl');
-	if (shortcut.shift) parts.push('Shift');
-	if (shortcut.alt) parts.push('Alt');
-	parts.push(shortcut.key.toUpperCase());
-
-	return parts.join('+');
-}
-
-/**
- * Create keyboard shortcut handler
- */
-export function createShortcutHandler(shortcuts: ShortcutAction[]) {
-	return (event: KeyboardEvent) => {
-		// Don't handle shortcuts if user is typing in an input
-		const target = event.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		for (const shortcut of shortcuts) {
-			if (matchesShortcut(event, shortcut)) {
-				if (shortcut.preventDefault !== false) {
-					event.preventDefault();
-				}
-				shortcut.action();
-				break;
-			}
-		}
-	};
-}
-
-/**
- * Default memo panel shortcuts
- */
-export function getMemoPanelShortcuts(actions: {
-	onEdit?: () => void;
-	onSave?: () => void;
-	onCancel?: () => void;
-	onDelete?: () => void;
-	onSearch?: () => void;
-	onShare?: () => void;
-	onCopy?: () => void;
-	onPin?: () => void;
-	onCreateMemory?: () => void;
-	onAskQuestion?: () => void;
-}): ShortcutGroup[] {
-	const shortcuts: ShortcutGroup[] = [];
-
-	// General Actions
-	const generalShortcuts: ShortcutAction[] = [];
-
-	if (actions.onSearch) {
-		generalShortcuts.push({
-			key: 'f',
-			ctrl: true,
-			description: 'Search in memo',
-			action: actions.onSearch,
-		});
-	}
-
-	if (actions.onEdit) {
-		generalShortcuts.push({
-			key: 'e',
-			ctrl: true,
-			description: 'Edit memo',
-			action: actions.onEdit,
-		});
-	}
-
-	if (actions.onSave) {
-		generalShortcuts.push({
-			key: 's',
-			ctrl: true,
-			description: 'Save changes',
-			action: actions.onSave,
-		});
-	}
-
-	if (actions.onCancel) {
-		generalShortcuts.push({
-			key: 'Escape',
-			description: 'Cancel edit',
-			action: actions.onCancel,
-		});
-	}
-
-	if (generalShortcuts.length > 0) {
-		shortcuts.push({
-			name: 'General',
-			shortcuts: generalShortcuts,
-		});
-	}
-
-	// Memo Actions
-	const memoShortcuts: ShortcutAction[] = [];
-
-	if (actions.onPin) {
-		memoShortcuts.push({
-			key: 'p',
-			ctrl: true,
-			description: 'Toggle pin',
-			action: actions.onPin,
-		});
-	}
-
-	if (actions.onCopy) {
-		memoShortcuts.push({
-			key: 'c',
-			ctrl: true,
-			shift: true,
-			description: 'Copy transcript',
-			action: actions.onCopy,
-		});
-	}
-
-	if (actions.onShare) {
-		memoShortcuts.push({
-			key: 's',
-			ctrl: true,
-			shift: true,
-			description: 'Share memo',
-			action: actions.onShare,
-		});
-	}
-
-	if (actions.onDelete) {
-		memoShortcuts.push({
-			key: 'Delete',
-			ctrl: true,
-			description: 'Delete memo',
-			action: actions.onDelete,
-		});
-	}
-
-	if (memoShortcuts.length > 0) {
-		shortcuts.push({
-			name: 'Memo Actions',
-			shortcuts: memoShortcuts,
-		});
-	}
-
-	// AI Actions
-	const aiShortcuts: ShortcutAction[] = [];
-
-	if (actions.onCreateMemory) {
-		aiShortcuts.push({
-			key: 'm',
-			ctrl: true,
-			description: 'Create memory',
-			action: actions.onCreateMemory,
-		});
-	}
-
-	if (actions.onAskQuestion) {
-		aiShortcuts.push({
-			key: 'q',
-			ctrl: true,
-			description: 'Ask question',
-			action: actions.onAskQuestion,
-		});
-	}
-
-	if (aiShortcuts.length > 0) {
-		shortcuts.push({
-			name: 'AI Features',
-			shortcuts: aiShortcuts,
-		});
-	}
-
-	return shortcuts;
-}
-
-/**
- * Svelte action for keyboard shortcuts
- */
-export function shortcuts(node: HTMLElement, shortcutActions: ShortcutAction[]) {
-	const handler = createShortcutHandler(shortcutActions);
-
-	node.addEventListener('keydown', handler);
-
-	return {
-		destroy() {
-			node.removeEventListener('keydown', handler);
-		},
-		update(newShortcutActions: ShortcutAction[]) {
-			node.removeEventListener('keydown', handler);
-			const newHandler = createShortcutHandler(newShortcutActions);
-			node.addEventListener('keydown', newHandler);
-		},
-	};
-}
diff --git a/apps/memoro/apps/web-archived/src/lib/utils/realtimeUpdates.ts b/apps/memoro/apps/web-archived/src/lib/utils/realtimeUpdates.ts
deleted file mode 100644
index 021e1f02f..000000000
--- a/apps/memoro/apps/web-archived/src/lib/utils/realtimeUpdates.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-/**
- * Real-time Updates Utility
- * Handles Supabase real-time subscriptions for memo updates
- */
-
-import { supabase } from '$lib/supabaseClient';
-import type { RealtimeChannel, RealtimePostgresChangesPayload } from '@supabase/supabase-js';
-import type { Memo } from '$lib/types/memo.types';
-
-export type MemoChangeType = 'INSERT' | 'UPDATE' | 'DELETE';
-
-export interface MemoChangeEvent {
-	type: MemoChangeType;
-	memo: Memo;
-	old?: Memo;
-}
-
-export type MemoChangeCallback = (event: MemoChangeEvent) => void;
-
-/**
- * Subscribe to real-time updates for a specific memo
- */
-export function subscribeMemoUpdates(
-	memoId: string,
-	callback: MemoChangeCallback
-): RealtimeChannel {
-	const channel = supabase
-		.channel(`memo:${memoId}`)
-		.on(
-			'postgres_changes',
-			{
-				event: '*',
-				schema: 'public',
-				table: 'memos',
-				filter: `id=eq.${memoId}`,
-			},
-			(payload: RealtimePostgresChangesPayload<Memo>) => {
-				handleMemoChange(payload, callback);
-			}
-		)
-		.subscribe();
-
-	return channel;
-}
-
-/**
- * Subscribe to real-time updates for all user memos
- */
-export function subscribeUserMemos(userId: string, callback: MemoChangeCallback): RealtimeChannel {
-	const channel = supabase
-		.channel(`user-memos:${userId}`)
-		.on(
-			'postgres_changes',
-			{
-				event: '*',
-				schema: 'public',
-				table: 'memos',
-				filter: `user_id=eq.${userId}`,
-			},
-			(payload: RealtimePostgresChangesPayload<Memo>) => {
-				handleMemoChange(payload, callback);
-			}
-		)
-		.subscribe();
-
-	return channel;
-}
-
-/**
- * Subscribe to real-time updates for space memos
- */
-export function subscribeSpaceMemos(
-	spaceId: string,
-	callback: MemoChangeCallback
-): RealtimeChannel {
-	const channel = supabase
-		.channel(`space-memos:${spaceId}`)
-		.on(
-			'postgres_changes',
-			{
-				event: '*',
-				schema: 'public',
-				table: 'space_memos',
-				filter: `space_id=eq.${spaceId}`,
-			},
-			async (payload) => {
-				// When a memo is added/removed from a space, fetch the full memo
-				if (payload.eventType === 'INSERT' || payload.eventType === 'UPDATE') {
-					const memoId = (payload.new as any).memo_id;
-					const { data: memo } = await supabase.from('memos').select('*').eq('id', memoId).single();
-
-					if (memo) {
-						callback({
-							type: payload.eventType,
-							memo: memo as Memo,
-						});
-					}
-				} else if (payload.eventType === 'DELETE') {
-					const memoId = (payload.old as any).memo_id;
-					callback({
-						type: 'DELETE',
-						memo: { id: memoId } as Memo,
-					});
-				}
-			}
-		)
-		.subscribe();
-
-	return channel;
-}
-
-/**
- * Unsubscribe from a channel
- */
-export async function unsubscribe(channel: RealtimeChannel): Promise<void> {
-	await supabase.removeChannel(channel);
-}
-
-/**
- * Handle memo change payload and convert to event
- */
-function handleMemoChange(
-	payload: RealtimePostgresChangesPayload<Memo>,
-	callback: MemoChangeCallback
-): void {
-	const event: MemoChangeEvent = {
-		type: payload.eventType as MemoChangeType,
-		memo: payload.new as Memo,
-		old: payload.old as Memo | undefined,
-	};
-
-	callback(event);
-}
-
-/**
- * Svelte 5 effect for real-time memo updates
- * Usage: $effect(() => { const cleanup = useMemoRealtime(memoId, callback); return cleanup; })
- */
-export function useMemoRealtime(memoId: string | null, callback: MemoChangeCallback): () => void {
-	if (!memoId) {
-		return () => {};
-	}
-
-	const channel = subscribeMemoUpdates(memoId, callback);
-
-	return () => {
-		unsubscribe(channel);
-	};
-}
-
-/**
- * Svelte 5 effect for real-time user memos
- */
-export function useUserMemosRealtime(
-	userId: string | null,
-	callback: MemoChangeCallback
-): () => void {
-	if (!userId) {
-		return () => {};
-	}
-
-	const channel = subscribeUserMemos(userId, callback);
-
-	return () => {
-		unsubscribe(channel);
-	};
-}
-
-/**
- * Svelte 5 effect for real-time space memos
- */
-export function useSpaceMemosRealtime(
-	spaceId: string | null,
-	callback: MemoChangeCallback
-): () => void {
-	if (!spaceId) {
-		return () => {};
-	}
-
-	const channel = subscribeSpaceMemos(spaceId, callback);
-
-	return () => {
-		unsubscribe(channel);
-	};
-}
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/+layout.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/+layout.svelte
deleted file mode 100644
index 4c6c7d343..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/+layout.svelte
+++ /dev/null
@@ -1,135 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import {
-		isSidebarMode as sidebarModeStore,
-		isNavCollapsed as collapsedStore,
-	} from '$lib/stores/navigation';
-	import { onMount } from 'svelte';
-	import PillNavigation from '$lib/components/PillNavigation.svelte';
-
-	// Navigation shortcuts (Ctrl+1-9)
-	const navRoutes = [
-		'/record', // Ctrl+1
-		'/memos', // Ctrl+2
-		'/upload', // Ctrl+3
-		'/audio-archive', // Ctrl+4
-		'/tags', // Ctrl+5
-		'/subscription', // Ctrl+6
-		'/blueprints', // Ctrl+7
-		'/statistics', // Ctrl+8
-		'/settings', // Ctrl+9
-	];
-
-	function handleKeydown(event: KeyboardEvent) {
-		// Don't handle if user is typing in an input
-		const target = event.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		// Ctrl+1-9 for navigation
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= 9) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) {
-					goto(route);
-				}
-			}
-		}
-	}
-
-	let { children } = $props();
-	let loading = $state(true);
-	let isSidebarMode = $state(false);
-	let isCollapsed = $state(false);
-
-	// Check if current page needs full height (no scroll container)
-	const isFullHeightPage = $derived(
-		$page.url.pathname === '/record' ||
-			$page.url.pathname === '/memos' ||
-			$page.url.pathname === '/dashboard'
-	);
-
-	function handleModeChange(isSidebar: boolean) {
-		isSidebarMode = isSidebar;
-		sidebarModeStore.set(isSidebar);
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		collapsedStore.set(collapsed);
-	}
-
-	// Client-side auth guard
-	onMount(() => {
-		if (!authStore.isAuthenticated) {
-			goto(`/login?redirectTo=${$page.url.pathname}`);
-		} else {
-			// Initialize sidebar mode from localStorage
-			const savedSidebar = localStorage.getItem('memoro-nav-sidebar');
-			if (savedSidebar === 'true') {
-				isSidebarMode = true;
-				sidebarModeStore.set(true);
-			}
-
-			// Initialize collapsed state from localStorage
-			const savedCollapsed = localStorage.getItem('memoro-nav-collapsed');
-			if (savedCollapsed === 'true') {
-				isCollapsed = true;
-				collapsedStore.set(true);
-			}
-			loading = false;
-		}
-	});
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if loading}
-	<div class="flex min-h-screen items-center justify-center">
-		<div class="text-center">
-			<div
-				class="mb-4 inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid spinner-border border-r-transparent"
-			></div>
-			<p class="text-theme-secondary">Loading...</p>
-		</div>
-	</div>
-{:else}
-	<!-- Navigation Layout -->
-	<div class="flex flex-col min-h-screen">
-		<!-- Floating/Sidebar Pill Navigation -->
-		<PillNavigation
-			onLogout={handleLogout}
-			onModeChange={handleModeChange}
-			onCollapsedChange={handleCollapsedChange}
-		/>
-
-		<!-- Main Content with dynamic padding based on nav mode -->
-		<main
-			class="flex-1 main-content transition-all duration-300 {isCollapsed
-				? ''
-				: isSidebarMode
-					? 'pl-[180px]'
-					: 'pt-20'} {isFullHeightPage ? 'overflow-hidden' : 'overflow-auto'}"
-		>
-			{#if isFullHeightPage}
-				<!-- Full width and height, no container -->
-				{@render children?.()}
-			{:else}
-				<!-- Other pages: Normal container layout -->
-				<div class="container mx-auto px-4 py-8">
-					{@render children?.()}
-				</div>
-			{/if}
-		</main>
-	</div>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/audio-archive/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/audio-archive/+page.svelte
deleted file mode 100644
index 898814708..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/audio-archive/+page.svelte
+++ /dev/null
@@ -1,138 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import {
-		audioStorageService,
-		type AudioFileInfo,
-		type AudioArchiveStats,
-	} from '$lib/services/audioStorageService';
-	import ArchiveStatistics from '$lib/components/audio/ArchiveStatistics.svelte';
-	import AudioFileList from '$lib/components/audio/AudioFileList.svelte';
-	import Icon from '$lib/components/Icon.svelte';
-
-	let audioFiles = $state<AudioFileInfo[]>([]);
-	let stats = $state<AudioArchiveStats>({
-		totalCount: 0,
-		totalDurationSeconds: 0,
-		totalSizeBytes: 0,
-	});
-	let isLoading = $state(false);
-	let hasMore = $state(true);
-	let offset = $state(0);
-	const limit = 20;
-
-	onMount(() => {
-		loadAudioFiles();
-		loadStats();
-	});
-
-	async function loadAudioFiles(loadMore = false) {
-		try {
-			isLoading = true;
-
-			if (!loadMore) {
-				offset = 0;
-				audioFiles = [];
-			}
-
-			const newFiles = await audioStorageService.getAllAudioFiles(limit, offset);
-
-			if (loadMore) {
-				audioFiles = [...audioFiles, ...newFiles];
-			} else {
-				audioFiles = newFiles;
-			}
-
-			hasMore = newFiles.length === limit;
-			offset += newFiles.length;
-		} catch (error) {
-			console.error('Error loading audio files:', error);
-			// TODO: Show error toast
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function loadStats() {
-		try {
-			stats = await audioStorageService.getAudioArchiveStats();
-		} catch (error) {
-			console.error('Error loading stats:', error);
-		}
-	}
-
-	function handleLoadMore() {
-		loadAudioFiles(true);
-	}
-
-	async function handleDelete(file: AudioFileInfo) {
-		try {
-			await audioStorageService.deleteAudioFile(file.name);
-
-			// Remove from list
-			audioFiles = audioFiles.filter((f) => f.id !== file.id);
-
-			// Reload stats
-			await loadStats();
-
-			// TODO: Show success toast
-		} catch (error) {
-			console.error('Error deleting file:', error);
-			// TODO: Show error toast
-		}
-	}
-
-	async function handleDownload(file: AudioFileInfo) {
-		try {
-			await audioStorageService.downloadAudioFile(file.url, file.name);
-			// TODO: Show success toast
-		} catch (error) {
-			console.error('Error downloading file:', error);
-			// TODO: Show error toast
-		}
-	}
-
-	async function handleRefresh() {
-		await Promise.all([loadAudioFiles(false), loadStats()]);
-	}
-</script>
-
-<svelte:head>
-	<title>Audio-Archiv | Memoro</title>
-</svelte:head>
-
-<div class="mx-auto max-w-5xl space-y-6 p-6">
-	<!-- Header -->
-	<div class="flex items-center justify-between">
-		<div>
-			<h1 class="text-3xl font-bold text-theme">Audio-Archiv</h1>
-			<p class="mt-2 text-theme-secondary">
-				Verwalten Sie alle Ihre Audio-Aufnahmen an einem zentralen Ort
-			</p>
-		</div>
-
-		<button
-			onclick={handleRefresh}
-			disabled={isLoading}
-			class="btn-secondary flex items-center gap-2 disabled:cursor-not-allowed disabled:opacity-50"
-			title="Aktualisieren"
-		>
-			<Icon name="refresh" size={18} />
-			<span>Aktualisieren</span>
-		</button>
-	</div>
-
-	<!-- Statistics -->
-	<ArchiveStatistics {stats} />
-
-	<!-- Audio Files List -->
-	<div>
-		<AudioFileList
-			{audioFiles}
-			{isLoading}
-			{hasMore}
-			onLoadMore={handleLoadMore}
-			onDelete={handleDelete}
-			onDownload={handleDownload}
-		/>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/blueprints/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/blueprints/+page.svelte
deleted file mode 100644
index 52e72cb93..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/blueprints/+page.svelte
+++ /dev/null
@@ -1,426 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
-	import { createAuthClient } from '$lib/supabaseClient';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import BlueprintCard from '$lib/components/BlueprintCard.svelte';
-	import PillFilter from '$lib/components/PillFilter.svelte';
-	import BlueprintModal from '$lib/components/BlueprintModal.svelte';
-	import { BlueprintsPageSkeleton } from '$lib/components/skeletons';
-
-	interface Prompt {
-		id: string;
-		memory_title: {
-			de?: string;
-			en?: string;
-		};
-		prompt_text: {
-			de?: string;
-			en?: string;
-		};
-		sort_order?: number;
-		created_at?: string;
-		updated_at?: string;
-		blueprint_id?: string;
-	}
-
-	interface Blueprint {
-		id: string;
-		name: {
-			de?: string;
-			en?: string;
-		};
-		description?: {
-			de?: string;
-			en?: string;
-		};
-		category?: Category;
-		is_public: boolean;
-		created_at: string;
-		updated_at: string;
-		user_id: string;
-		prompts?: Prompt[];
-	}
-
-	interface Category {
-		id: string;
-		name: {
-			de?: string;
-			en?: string;
-		};
-		description?: {
-			de?: string;
-			en?: string;
-		};
-		style?: { color?: string; [key: string]: any };
-	}
-
-	interface FilterItem {
-		id: string;
-		label: string;
-		color?: string;
-	}
-
-	let blueprints = $state<Blueprint[]>([]);
-	let filteredBlueprints = $state<Blueprint[]>([]);
-	let categories = $state<Category[]>([]);
-	let selectedCategoryIds = $state<string[]>([]);
-	let loading = $state(true);
-	let categoriesLoading = $state(true);
-	let error = $state<string | null>(null);
-	let categoriesError = $state<string | null>(null);
-
-	// Search state
-	let isSearchVisible = $state(false);
-	let searchQuery = $state('');
-
-	// Active blueprints (stored in localStorage for now)
-	let activeBlueprints = $state<string[]>([]);
-
-	// Modal state
-	let modalVisible = $state(false);
-	let selectedBlueprint = $state<Blueprint | null>(null);
-
-	const lang = 'de'; // Can be replaced with i18n store
-
-	onMount(() => {
-		fetchBlueprints();
-		loadActiveBlueprints();
-	});
-
-	async function fetchBlueprints() {
-		try {
-			loading = true;
-			error = null;
-
-			const supabase = await createAuthClient();
-
-			// Fetch public blueprints (same as mobile app)
-			const { data: blueprintsData, error: blueprintsError } = await supabase
-				.from('blueprints')
-				.select('id, name, description, is_public, created_at, updated_at, user_id, category')
-				.eq('is_public', true)
-				.order('created_at', { ascending: false });
-
-			if (blueprintsError) {
-				console.error('Error loading blueprints:', blueprintsError.message);
-				error = 'Blueprints could not be loaded.';
-				return;
-			}
-
-			// Fetch all prompt links
-			const { data: allPromptLinks, error: allPromptLinksError } = await supabase
-				.from('prompt_blueprints')
-				.select('blueprint_id, prompt_id');
-
-			if (allPromptLinksError) {
-				console.error('Error loading prompt links:', allPromptLinksError.message);
-			}
-
-			// Fetch all prompts
-			const allPromptIds = allPromptLinks?.map((link) => link.prompt_id) || [];
-			const { data: allPrompts, error: allPromptsError } = await supabase
-				.from('prompts')
-				.select('*')
-				.in('id', allPromptIds.length > 0 ? allPromptIds : ['no-prompts-found']);
-
-			if (allPromptsError) {
-				console.error('Error loading prompts:', allPromptsError.message);
-			}
-
-			// Group prompt links by blueprint ID
-			const promptLinksByBlueprintId: Record<string, string[]> = {};
-			if (allPromptLinks) {
-				for (const link of allPromptLinks) {
-					if (!promptLinksByBlueprintId[link.blueprint_id]) {
-						promptLinksByBlueprintId[link.blueprint_id] = [];
-					}
-					promptLinksByBlueprintId[link.blueprint_id].push(link.prompt_id);
-				}
-			}
-
-			// Create a lookup for prompts by ID
-			const promptsById: Record<string, any> = {};
-			if (allPrompts) {
-				for (const prompt of allPrompts) {
-					promptsById[prompt.id] = prompt;
-				}
-			}
-
-			// Attach prompts to blueprints
-			const blueprintsWithPrompts: Blueprint[] = [];
-			for (const blueprint of blueprintsData || []) {
-				const promptIds = promptLinksByBlueprintId[blueprint.id] || [];
-				const promptsForBlueprint = promptIds.map((id) => promptsById[id]).filter(Boolean);
-
-				blueprintsWithPrompts.push({
-					...blueprint,
-					prompts: promptsForBlueprint,
-				});
-			}
-
-			blueprints = blueprintsWithPrompts;
-			filteredBlueprints = blueprintsWithPrompts;
-
-			console.log('📊 Blueprints loaded:', blueprints.length);
-			console.log(
-				'📋 Blueprint IDs:',
-				blueprints.map((b) => b.id)
-			);
-			console.log(
-				'🏷️ Blueprints by category:',
-				blueprints.reduce(
-					(acc, b) => {
-						const catName = b.category?.name?.de || b.category?.name?.en || 'No Category';
-						acc[catName] = (acc[catName] || 0) + 1;
-						return acc;
-					},
-					{} as Record<string, number>
-				)
-			);
-
-			// Extract unique categories
-			const uniqueCategories = new Map<string, Category>();
-			blueprints.forEach((blueprint) => {
-				if (blueprint.category && blueprint.category.id) {
-					uniqueCategories.set(blueprint.category.id, blueprint.category);
-				}
-			});
-
-			categories = Array.from(uniqueCategories.values());
-			categoriesLoading = false;
-		} catch (err) {
-			console.error('Unexpected error:', err);
-			error = 'An unexpected error occurred.';
-		} finally {
-			loading = false;
-		}
-	}
-
-	function loadActiveBlueprints() {
-		if (!browser) return;
-		const stored = localStorage.getItem('active-blueprints');
-		if (stored) {
-			try {
-				activeBlueprints = JSON.parse(stored);
-			} catch (e) {
-				activeBlueprints = [];
-			}
-		}
-	}
-
-	function saveActiveBlueprints() {
-		if (!browser) return;
-		localStorage.setItem('active-blueprints', JSON.stringify(activeBlueprints));
-	}
-
-	async function handleToggleActive(blueprintId: string) {
-		if (activeBlueprints.includes(blueprintId)) {
-			activeBlueprints = activeBlueprints.filter((id) => id !== blueprintId);
-		} else {
-			activeBlueprints = [...activeBlueprints, blueprintId];
-		}
-		saveActiveBlueprints();
-	}
-
-	function handleCategorySelect(id: string) {
-		if (id === 'all') {
-			selectedCategoryIds = [];
-		} else if (selectedCategoryIds.includes(id)) {
-			selectedCategoryIds = selectedCategoryIds.filter((categoryId) => categoryId !== id);
-		} else {
-			selectedCategoryIds = [...selectedCategoryIds, id];
-		}
-	}
-
-	function handleOpenModal(blueprintId: string) {
-		const blueprint = blueprints.find((b) => b.id === blueprintId);
-		if (blueprint) {
-			selectedBlueprint = blueprint;
-			modalVisible = true;
-		}
-	}
-
-	function handleCloseModal() {
-		modalVisible = false;
-		selectedBlueprint = null;
-	}
-
-	// Filter blueprints by category and search query
-	$effect(() => {
-		let filtered = blueprints;
-
-		// Filter by category
-		if (selectedCategoryIds.length > 0) {
-			filtered = filtered.filter(
-				(blueprint) => blueprint.category?.id && selectedCategoryIds.includes(blueprint.category.id)
-			);
-		}
-
-		// Filter by search query
-		if (searchQuery.trim()) {
-			const query = searchQuery.toLowerCase();
-			filtered = filtered.filter((blueprint) => {
-				const name = blueprint.name[lang] || blueprint.name.en || '';
-				const description = blueprint.description?.[lang] || blueprint.description?.en || '';
-				return name.toLowerCase().includes(query) || description.toLowerCase().includes(query);
-			});
-		}
-
-		console.log(
-			'🔍 Filter applied - Total:',
-			blueprints.length,
-			'Filtered:',
-			filtered.length,
-			'Categories selected:',
-			selectedCategoryIds.length,
-			'Search:',
-			searchQuery || '(none)'
-		);
-
-		filteredBlueprints = filtered;
-	});
-
-	// Convert categories to filter items
-	const categoryFilterItems = $derived<FilterItem[]>(
-		categories.map((category) => {
-			let label = 'Unbenannte Kategorie';
-			if (category.name) {
-				if (typeof category.name === 'string') {
-					try {
-						const nameObj = JSON.parse(category.name);
-						label = nameObj[lang] || nameObj.en || nameObj.de || label;
-					} catch (e) {
-						label = category.name;
-					}
-				} else {
-					label = category.name[lang] || category.name.en || category.name.de || label;
-				}
-			}
-
-			let color = '#808080';
-			if (category.style) {
-				if (typeof category.style === 'string') {
-					try {
-						const styleObj = JSON.parse(category.style);
-						color = styleObj.color || '#808080';
-					} catch (e) {
-						// Use default color
-					}
-				} else {
-					color = category.style.color || '#808080';
-				}
-			}
-
-			return {
-				id: category.id,
-				label,
-				color,
-			};
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>Blueprints - Memoro</title>
-</svelte:head>
-
-<div class="flex h-full flex-col">
-	<!-- Content Area -->
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl">
-			<h1 class="mb-6 text-3xl font-bold">Blueprints</h1>
-
-			<!-- Search Bar -->
-			<div class="relative mb-4">
-				<svg
-					class="absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-theme-secondary"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-					/>
-				</svg>
-				<input
-					type="text"
-					placeholder="Blueprints durchsuchen..."
-					bind:value={searchQuery}
-					class="w-full rounded-2xl border border-theme bg-content py-3 pl-11 pr-4 text-theme placeholder-theme-secondary focus:outline-none focus:ring-2 focus:ring-primary"
-				/>
-			</div>
-
-			<!-- Category Filter -->
-			<div class="mb-4">
-				<PillFilter
-					items={categoryFilterItems}
-					selectedIds={selectedCategoryIds}
-					onSelectItem={handleCategorySelect}
-					isLoading={categoriesLoading}
-					error={categoriesError}
-					showAllOption={true}
-					allOptionLabel="Alle"
-				/>
-			</div>
-
-			<!-- Blueprints Content -->
-			{#if loading}
-				<BlueprintsPageSkeleton blueprintCount={9} showFilters={false} />
-			{:else if error}
-				<!-- Error State -->
-				<div class="flex flex-col items-center justify-center py-20">
-					<p class="text-center text-theme-secondary">{error}</p>
-				</div>
-			{:else if filteredBlueprints.length === 0}
-				<!-- Empty State -->
-				<div class="flex flex-col items-center justify-center py-20">
-					<svg
-						class="mb-4 h-16 w-16 text-theme-secondary"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-						/>
-					</svg>
-					<p class="text-center text-theme-secondary">Keine Blueprints gefunden</p>
-				</div>
-			{:else}
-				<!-- Blueprints List -->
-				<div class="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3">
-					{#each filteredBlueprints as blueprint (blueprint.id)}
-						<BlueprintCard
-							id={blueprint.id}
-							name={blueprint.name}
-							description={blueprint.description}
-							category={blueprint.category}
-							isPublic={blueprint.is_public}
-							createdAt={blueprint.created_at}
-							onPress={handleOpenModal}
-							showCategory={selectedCategoryIds.length === 0}
-							isActive={activeBlueprints.includes(blueprint.id)}
-							onToggleActive={handleToggleActive}
-						/>
-					{/each}
-				</div>
-			{/if}
-		</div>
-	</div>
-</div>
-
-<!-- Blueprint Modal -->
-<BlueprintModal
-	visible={modalVisible}
-	onClose={handleCloseModal}
-	blueprint={selectedBlueprint}
-	isActive={selectedBlueprint ? activeBlueprints.includes(selectedBlueprint.id) : false}
-	onToggleActive={handleToggleActive}
-/>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/dashboard/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/dashboard/+page.svelte
deleted file mode 100644
index 28b8c527a..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/dashboard/+page.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-
-	// Redirect to /memos (dashboard is now replaced by memos page)
-	onMount(() => {
-		goto('/memos', { replaceState: true });
-	});
-</script>
-
-<svelte:head>
-	<title>Weiterleitung... - Memoro</title>
-</svelte:head>
-
-<div class="flex h-screen items-center justify-center">
-	<div class="text-center">
-		<div
-			class="mb-4 inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid spinner-border border-r-transparent"
-		></div>
-		<p class="text-theme-secondary">Weiterleitung...</p>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/memos/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/memos/+page.svelte
deleted file mode 100644
index 814f85d96..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/memos/+page.svelte
+++ /dev/null
@@ -1,764 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-	import { t } from 'svelte-i18n';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { memoService } from '$lib/services/memoService';
-	import { tagService } from '$lib/services/tagService';
-	import {
-		memos,
-		selectedTagId,
-		filteredMemos,
-		searchQuery,
-		hasMoreMemos,
-		isLoadingMore,
-		currentOffset,
-	} from '$lib/stores/memos';
-	import { tags } from '$lib/stores/tags';
-	import { tabs } from '$lib/stores/tabs';
-	import { isSidebarMode, isNavCollapsed } from '$lib/stores/navigation';
-	import { supabase, createAuthClient } from '$lib/supabaseClient';
-	import SplitView from '$lib/components/SplitView.svelte';
-	import ContextMenu from '$lib/components/ContextMenu.svelte';
-	import Modal from '$lib/components/Modal.svelte';
-	import VirtualList from '$lib/components/VirtualList.svelte';
-	import { DashboardSkeleton } from '$lib/components/skeletons';
-	import type { Memo } from '$lib/types/memo.types';
-	import type { SplitDirection } from '$lib/stores/tabs';
-	import { formatDuration, getMemooDuration, formatTimestamp } from '$lib/utils/formatters';
-	import type { RealtimeChannel } from '@supabase/supabase-js';
-
-	// Real-time subscription channel (stored for cleanup)
-	let realtimeChannel: RealtimeChannel | null = null;
-
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-
-	// Resizer state
-	let leftColumnWidth = $state(400);
-	let isResizing = $state(false);
-	const MIN_WIDTH = 280;
-	const MAX_WIDTH = 600;
-
-	// Context menu state
-	let contextMenu = $state<{ memo: Memo; x: number; y: number } | null>(null);
-
-	// Delete modal state
-	let deleteModalVisible = $state(false);
-	let memoToDelete = $state<Memo | null>(null);
-
-	// Resizer handlers
-	function startResize() {
-		isResizing = true;
-	}
-
-	function handleMouseMove(e: MouseEvent) {
-		if (!isResizing) return;
-		const newWidth = e.clientX;
-		if (newWidth >= MIN_WIDTH && newWidth <= MAX_WIDTH) {
-			leftColumnWidth = newWidth;
-		}
-	}
-
-	function stopResize() {
-		isResizing = false;
-	}
-
-	// Add event listeners for resizing
-	onMount(() => {
-		window.addEventListener('mousemove', handleMouseMove);
-		window.addEventListener('mouseup', stopResize);
-		return () => {
-			window.removeEventListener('mousemove', handleMouseMove);
-			window.removeEventListener('mouseup', stopResize);
-		};
-	});
-
-	// Keyboard shortcuts
-	onMount(() => {
-		function handleKeyDown(e: KeyboardEvent) {
-			const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-			const modKey = isMac ? e.metaKey : e.ctrlKey;
-
-			// Cmd/Ctrl+W - Close active tab
-			if (modKey && e.key === 'w') {
-				e.preventDefault();
-				if ($tabs.activeSplitId) {
-					const activeSplit = $tabs.splits.find((s) => s.id === $tabs.activeSplitId);
-					if (activeSplit?.activeTabId) {
-						tabs.closeTab(activeSplit.id, activeSplit.activeTabId);
-					}
-				}
-				return;
-			}
-
-			// Cmd/Ctrl+[ - Previous tab
-			if (modKey && e.key === '[') {
-				e.preventDefault();
-				if ($tabs.activeSplitId) {
-					const activeSplit = $tabs.splits.find((s) => s.id === $tabs.activeSplitId);
-					if (activeSplit && activeSplit.tabs.length > 1) {
-						const currentIndex = activeSplit.tabs.findIndex(
-							(t) => t.id === activeSplit.activeTabId
-						);
-						const prevIndex = currentIndex > 0 ? currentIndex - 1 : activeSplit.tabs.length - 1;
-						tabs.activateTab(activeSplit.id, activeSplit.tabs[prevIndex].id);
-					}
-				}
-				return;
-			}
-
-			// Cmd/Ctrl+] - Next tab
-			if (modKey && e.key === ']') {
-				e.preventDefault();
-				if ($tabs.activeSplitId) {
-					const activeSplit = $tabs.splits.find((s) => s.id === $tabs.activeSplitId);
-					if (activeSplit && activeSplit.tabs.length > 1) {
-						const currentIndex = activeSplit.tabs.findIndex(
-							(t) => t.id === activeSplit.activeTabId
-						);
-						const nextIndex = currentIndex < activeSplit.tabs.length - 1 ? currentIndex + 1 : 0;
-						tabs.activateTab(activeSplit.id, activeSplit.tabs[nextIndex].id);
-					}
-				}
-				return;
-			}
-
-			// Cmd/Ctrl+1/2/3/4 - Focus split
-			if (modKey && ['1', '2', '3', '4'].includes(e.key)) {
-				e.preventDefault();
-				const splitIndex = parseInt(e.key) - 1;
-				if ($tabs.splits[splitIndex]) {
-					tabs.activateTab($tabs.splits[splitIndex].id, $tabs.splits[splitIndex].activeTabId || '');
-				}
-				return;
-			}
-		}
-
-		window.addEventListener('keydown', handleKeyDown);
-		return () => {
-			window.removeEventListener('keydown', handleKeyDown);
-		};
-	});
-
-	const MEMOS_PER_PAGE = 30;
-
-	// Load more memos for infinite scroll
-	async function loadMoreMemos() {
-		if ($isLoadingMore || !$hasMoreMemos || !authStore.user) return;
-
-		isLoadingMore.set(true);
-		try {
-			const newOffset = $currentOffset + MEMOS_PER_PAGE;
-			const { memos: newMemos, hasMore } = await memoService.getMemosForList(
-				authStore.user.id,
-				MEMOS_PER_PAGE,
-				newOffset
-			);
-
-			memos.appendMemos(newMemos);
-			currentOffset.set(newOffset);
-			hasMoreMemos.set(hasMore);
-		} catch (err) {
-			console.error('Error loading more memos:', err);
-		} finally {
-			isLoadingMore.set(false);
-		}
-	}
-
-	// Load memos and tags on mount
-	onMount(async () => {
-		// Reset search query and pagination when entering the page
-		searchQuery.set('');
-		currentOffset.set(0);
-
-		try {
-			if (!authStore.user) {
-				error = $t('memo.error_user_not_authenticated');
-				loading = false;
-				return;
-			}
-
-			// Load memos and tags in parallel using optimized list query
-			const [memosResult, tagsData] = await Promise.all([
-				memoService.getMemosForList(authStore.user.id, MEMOS_PER_PAGE, 0),
-				tagService.getTags(authStore.user.id),
-			]);
-
-			memos.setMemos(memosResult.memos);
-			hasMoreMemos.set(memosResult.hasMore);
-			tags.setTags(tagsData);
-
-			// Check if there's a memo ID in the URL query
-			const memoId = $page.url.searchParams.get('id');
-			if (memoId) {
-				const memo = memosResult.memos.find((m) => m.id === memoId);
-				if (memo) {
-					await selectMemo(memo, false);
-				}
-			} else if (memosResult.memos.length > 0) {
-				// Select the latest memo by default
-				await selectMemo(memosResult.memos[0], false);
-			}
-
-			// Subscribe to real-time updates
-			const authClient = await createAuthClient();
-			realtimeChannel = authClient
-				.channel('memos-page')
-				.on(
-					'postgres_changes',
-					{ event: 'INSERT', schema: 'public', table: 'memos' },
-					(payload) => {
-						// Add new memo to list without auto-selecting (avoids interrupting user workflow)
-						memos.addMemo(payload.new as any);
-					}
-				)
-				.on(
-					'postgres_changes',
-					{ event: 'UPDATE', schema: 'public', table: 'memos' },
-					(payload) => {
-						memos.updateMemo(payload.new.id, payload.new as any);
-						// Update memo in tabs
-						tabs.updateMemo(payload.new.id, payload.new as any);
-					}
-				)
-				.on(
-					'postgres_changes',
-					{ event: 'DELETE', schema: 'public', table: 'memos' },
-					(payload) => {
-						memos.deleteMemo(payload.old.id);
-					}
-				)
-				.subscribe();
-
-			loading = false;
-		} catch (err) {
-			console.error('Error loading memos:', err);
-			error = $t('memo.error_loading_memos');
-			loading = false;
-		}
-	});
-
-	// Cleanup real-time subscription on component destroy
-	onDestroy(() => {
-		if (realtimeChannel) {
-			realtimeChannel.unsubscribe();
-			realtimeChannel = null;
-		}
-	});
-
-	async function selectMemo(memo: Memo, shiftKey: boolean = false) {
-		try {
-			// Load full memo details with memories
-			const fullMemo = await memoService.getMemoById(memo.id);
-
-			// Get audio URL using cached service method
-			let audioUrl: string | null = null;
-			if (fullMemo.source?.audio_path) {
-				audioUrl = await memoService.getAudioUrl(fullMemo.id, fullMemo.source.audio_path);
-			} else if (fullMemo.audio_url) {
-				audioUrl = fullMemo.audio_url;
-			}
-
-			// If Shift is pressed, open in new split
-			if (shiftKey && $tabs.splits.length > 0) {
-				const direction: SplitDirection = $tabs.splits.length === 1 ? 'vertical' : 'vertical';
-				tabs.openInSplit(fullMemo, direction, audioUrl);
-			} else {
-				// Open in current tab or initialize
-				if ($tabs.splits.length === 0) {
-					tabs.init(fullMemo, audioUrl);
-				} else {
-					tabs.openTab(fullMemo, audioUrl);
-				}
-			}
-		} catch (err) {
-			console.error('Error loading memo details:', err);
-		}
-	}
-
-	function handleMemoClick(memo: Memo, event: MouseEvent) {
-		selectMemo(memo, event.shiftKey);
-	}
-
-	function handleOpenInSplit(memo: Memo, direction: SplitDirection, audioUrl: string | null) {
-		tabs.openInSplit(memo, direction, audioUrl);
-	}
-
-	// Context menu handlers
-	function handleContextMenu(e: MouseEvent, memo: Memo) {
-		e.preventDefault();
-		contextMenu = {
-			memo,
-			x: e.clientX,
-			y: e.clientY,
-		};
-	}
-
-	function closeContextMenu() {
-		contextMenu = null;
-	}
-
-	function handleDeleteMemo(memo: Memo) {
-		memoToDelete = memo;
-		deleteModalVisible = true;
-	}
-
-	async function confirmDelete() {
-		if (!memoToDelete) return;
-
-		try {
-			await memoService.deleteMemo(memoToDelete.id);
-			memos.deleteMemo(memoToDelete.id);
-			deleteModalVisible = false;
-			memoToDelete = null;
-		} catch (err) {
-			console.error('Error deleting memo:', err);
-			alert($t('memo.error_deleting_memo'));
-		}
-	}
-
-	function cancelDelete() {
-		deleteModalVisible = false;
-		memoToDelete = null;
-	}
-
-	async function handleEditTitle(memo: Memo) {
-		const newTitle = prompt($t('memo.enter_new_title'), memo.title || '');
-		if (newTitle === null || newTitle.trim() === '') {
-			return;
-		}
-
-		try {
-			await memoService.updateMemo(memo.id, { title: newTitle.trim() });
-			memos.updateMemo(memo.id, { ...memo, title: newTitle.trim() });
-		} catch (err) {
-			console.error('Error updating memo title:', err);
-			alert($t('memo.error_updating_title'));
-		}
-	}
-
-	async function handleShareMemo(memo: Memo) {
-		const shareUrl = `${window.location.origin}/memos/${memo.id}`;
-
-		if (navigator.share) {
-			try {
-				await navigator.share({
-					title: memo.title || $t('memo.no_title'),
-					text: memo.transcript ? memo.transcript.substring(0, 100) + '...' : '',
-					url: shareUrl,
-				});
-			} catch (err) {
-				if ((err as Error).name !== 'AbortError') {
-					console.error('Error sharing:', err);
-				}
-			}
-		} else {
-			try {
-				await navigator.clipboard.writeText(shareUrl);
-				alert($t('memo.link_copied'));
-			} catch (err) {
-				console.error('Error copying to clipboard:', err);
-				alert($t('memo.error_copying_link'));
-			}
-		}
-	}
-
-	async function handleExportMemo(memo: Memo) {
-		const content = `
-Titel: ${memo.title || $t('memo.no_title')}
-Datum: ${new Date(memo.created_at).toLocaleDateString('de-DE')}
-Dauer: ${formatDuration(getMemooDuration(memo))}
-
-Transkript:
-${memo.transcript || 'Kein Transkript verfügbar'}
-
-${memo.memories && memo.memories.length > 0 ? '\nKI-Analyse:\n' + memo.memories.map((m) => `${m.title}\n${m.content}`).join('\n\n') : ''}
-`.trim();
-
-		const blob = new Blob([content], { type: 'text/plain' });
-		const url = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = `${memo.title || 'memo'}.txt`;
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-		URL.revokeObjectURL(url);
-	}
-
-	function handleOpenInNewTab(memo: Memo) {
-		window.open(`/memos/${memo.id}`, '_blank');
-	}
-
-	async function handlePinMemo(memo: Memo) {
-		try {
-			const newPinStatus = await memoService.togglePin(memo.id, memo.is_pinned);
-			memos.updateMemo(memo.id, { ...memo, is_pinned: newPinStatus });
-			tabs.updateMemo(memo.id, { ...memo, is_pinned: newPinStatus });
-		} catch (err) {
-			console.error('Error toggling pin:', err);
-			alert($t('memo.error_pin_status'));
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Memos - Memoro</title>
-</svelte:head>
-
-{#if loading}
-	<DashboardSkeleton {leftColumnWidth} />
-{:else if error}
-	<div class="flex h-full items-center justify-center">
-		<div class="text-center">
-			<div class="text-6xl mb-4">⚠️</div>
-			<h2 class="text-2xl font-semibold mb-2 status-failed">{error}</h2>
-			<button onclick={() => window.location.reload()} class="btn-primary mt-4">
-				{$t('memo.retry')}
-			</button>
-		</div>
-	</div>
-{:else}
-	<!-- Two-column layout -->
-	<div
-		class="flex w-full gap-0 overflow-hidden {$isNavCollapsed || $isSidebarMode
-			? 'h-screen'
-			: 'h-[calc(100vh-5rem)]'}"
-	>
-		<!-- Left Column: Memo List -->
-		<div class="relative flex flex-shrink-0 flex-col bg-menu" style="width: {leftColumnWidth}px;">
-			<!-- Floating Search Bar -->
-			<div
-				class="absolute top-0 left-0 right-0 z-20 py-3 pr-2 transition-all duration-300 {$isNavCollapsed
-					? 'pl-16'
-					: 'pl-4'}"
-			>
-				<div class="relative">
-					<input
-						type="text"
-						bind:value={$searchQuery}
-						placeholder={$t('memo.search_placeholder')}
-						class="w-full rounded-xl border border-theme bg-white/70 dark:bg-black/50 backdrop-blur-xl px-4 py-3 pl-10 text-base font-medium text-theme placeholder:text-theme-muted focus:outline-none focus:ring-2 focus:ring-mana shadow-lg"
-					/>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-theme-muted"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-						/>
-					</svg>
-					{#if $searchQuery}
-						<button
-							onclick={() => searchQuery.set('')}
-							class="absolute right-3 top-1/2 -translate-y-1/2 text-theme-muted hover:text-theme"
-							title={$t('memo.clear_search')}
-						>
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-4 w-4"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M6 18L18 6M6 6l12 12"
-								/>
-							</svg>
-						</button>
-					{/if}
-				</div>
-			</div>
-
-			<!-- Memo List (Scrollable via VirtualList) -->
-			<div class="flex-1 overflow-hidden flex flex-col">
-				<!-- Content area (takes remaining space) -->
-				<div class="flex-1 overflow-hidden">
-					{#if $filteredMemos.length === 0}
-						<div class="flex flex-col items-center justify-center p-8 pt-[80px] text-center h-full">
-							{#if $searchQuery}
-								<div class="text-6xl mb-4">🔍</div>
-								<h3 class="text-lg font-semibold mb-2">{$t('memo.no_search_results')}</h3>
-								<p class="text-sm text-theme-secondary mb-4">
-									{$t('memo.no_memos_with_search', { values: { query: $searchQuery } })}
-								</p>
-								<button
-									onclick={() => searchQuery.set('')}
-									class="rounded-lg border border-mana bg-mana px-4 py-2 text-sm font-medium text-white hover:bg-mana/90"
-								>
-									{$t('memo.clear_search')}
-								</button>
-							{:else if $selectedTagId}
-								<div class="text-6xl mb-4">🏷️</div>
-								<h3 class="text-lg font-semibold mb-2">{$t('memo.no_memos_with_tag')}</h3>
-								<p class="text-sm text-theme-secondary mb-4">
-									{$t('memo.no_memos_with_tag_hint')}
-								</p>
-								<button
-									onclick={() => selectedTagId.set(null)}
-									class="rounded-lg border border-mana bg-mana px-4 py-2 text-sm font-medium text-white hover:bg-mana/90"
-								>
-									{$t('memo.show_all_memos')}
-								</button>
-							{:else}
-								<div class="text-6xl mb-4">🎤</div>
-								<h3 class="text-lg font-semibold mb-2">{$t('memo.no_memos_yet')}</h3>
-								<p class="text-sm text-theme-secondary">
-									{$t('memo.no_memos_hint')}
-								</p>
-							{/if}
-						</div>
-					{:else}
-						<!-- Virtual Scrolling List -->
-						<VirtualList
-							items={$filteredMemos}
-							itemHeight={156}
-							onLoadMore={$hasMoreMemos ? loadMoreMemos : undefined}
-							loadMoreThreshold={300}
-							class="pl-4 pr-2 pt-[72px]"
-						>
-							{#snippet children({ item: memo, index })}
-								<button
-									onclick={(e) => handleMemoClick(memo, e)}
-									oncontextmenu={(e) => handleContextMenu(e, memo)}
-									class="w-full rounded-xl border border-theme bg-content p-4 text-left transition-colors hover:bg-menu-hover"
-									style="height: 144px; margin-bottom: 12px;"
-								>
-									<!-- Title with Pin Indicator -->
-									<div class="mb-1 flex items-center gap-2">
-										{#if memo.is_pinned}
-											<svg
-												class="h-4 w-4 flex-shrink-0 text-primary"
-												fill="currentColor"
-												viewBox="0 0 24 24"
-												xmlns="http://www.w3.org/2000/svg"
-											>
-												<path d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" />
-											</svg>
-										{/if}
-										<h3 class="text-sm font-semibold line-clamp-2">
-											{memo.title || $t('memo.no_title')}
-										</h3>
-									</div>
-
-									<!-- Intro/Transcript Preview -->
-									{#if memo.intro}
-										<p class="mb-2 text-sm text-theme-secondary line-clamp-2">
-											{memo.intro}
-										</p>
-									{:else if memo.transcript}
-										<p class="mb-2 text-sm text-theme-secondary line-clamp-2">
-											{memo.transcript}
-										</p>
-									{:else}
-										<p class="mb-2 text-sm italic text-theme-muted">
-											{$t('memo.processing_transcript')}
-										</p>
-									{/if}
-
-									<!-- Footer -->
-									<div class="flex items-center justify-between">
-										<span class="text-xs text-theme-muted">
-											{formatTimestamp(memo.created_at)}
-										</span>
-										<span class="text-xs text-theme-muted">
-											{formatDuration(getMemooDuration(memo))}
-										</span>
-									</div>
-								</button>
-							{/snippet}
-						</VirtualList>
-
-						<!-- Loading indicator at bottom -->
-						{#if $isLoadingMore}
-							<div class="px-4 pb-3">
-								<div
-									class="w-full rounded-xl border border-theme bg-content/50 p-4 text-center text-sm text-theme-secondary"
-								>
-									<span class="flex items-center justify-center gap-2">
-										<svg
-											class="animate-spin h-4 w-4"
-											xmlns="http://www.w3.org/2000/svg"
-											fill="none"
-											viewBox="0 0 24 24"
-										>
-											<circle
-												class="opacity-25"
-												cx="12"
-												cy="12"
-												r="10"
-												stroke="currentColor"
-												stroke-width="4"
-											></circle>
-											<path
-												class="opacity-75"
-												fill="currentColor"
-												d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-											></path>
-										</svg>
-										{$t('common.loading')}
-									</span>
-								</div>
-							</div>
-						{/if}
-					{/if}
-				</div>
-			</div>
-		</div>
-
-		<!-- Resizer -->
-		<button
-			type="button"
-			aria-label="Resize sidebar"
-			class="resizer"
-			class:resizing={isResizing}
-			onmousedown={startResize}
-		></button>
-
-		<!-- Right Column: Split View with Tabs -->
-		<div class="flex flex-1 flex-col bg-menu">
-			<SplitView onOpenInSplit={handleOpenInSplit} />
-		</div>
-	</div>
-{/if}
-
-<!-- Context Menu -->
-{#if contextMenu}
-	<ContextMenu
-		items={[
-			{
-				label: $t('memo.open_in_new_tab'),
-				icon: 'open',
-				action: () => handleOpenInNewTab(contextMenu.memo),
-			},
-			{
-				label: contextMenu.memo.is_pinned ? $t('memo.unpin') : $t('memo.pin'),
-				icon: 'pin',
-				action: () => handlePinMemo(contextMenu.memo),
-			},
-			{
-				separator: true,
-				label: '',
-				action: () => {},
-			},
-			{
-				label: $t('memo.edit_title'),
-				icon: 'edit',
-				action: () => handleEditTitle(contextMenu.memo),
-			},
-			{
-				label: $t('memo.share'),
-				icon: 'share',
-				action: () => handleShareMemo(contextMenu.memo),
-			},
-			{
-				label: $t('memo.export_text'),
-				icon: 'download',
-				action: () => handleExportMemo(contextMenu.memo),
-			},
-			{
-				separator: true,
-				label: '',
-				action: () => {},
-			},
-			{
-				label: $t('common.delete'),
-				icon: 'delete',
-				danger: true,
-				action: () => handleDeleteMemo(contextMenu.memo),
-			},
-		]}
-		x={contextMenu.x}
-		y={contextMenu.y}
-		onClose={closeContextMenu}
-	/>
-{/if}
-
-<!-- Delete Confirmation Modal -->
-<Modal
-	visible={deleteModalVisible}
-	onClose={cancelDelete}
-	title={$t('memo.delete_memo_title')}
-	maxWidth="md"
->
-	{#snippet children()}
-		<div class="space-y-4">
-			<p class="text-theme">
-				{$t('memo.delete_memo_confirm', {
-					values: { title: memoToDelete?.title || $t('memo.no_title') },
-				})}
-			</p>
-			<p class="text-theme-secondary text-sm">
-				{$t('memo.delete_memo_warning')}
-			</p>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<div class="flex justify-end gap-3">
-			<button onclick={cancelDelete} class="btn-secondary">
-				{$t('common.cancel')}
-			</button>
-			<button onclick={confirmDelete} class="btn-danger">
-				{$t('common.delete')}
-			</button>
-		</div>
-	{/snippet}
-</Modal>
-
-<style>
-	/* Hide scrollbar completely */
-	.scrollbar-hide {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-
-	.scrollbar-hide::-webkit-scrollbar {
-		display: none;
-	}
-
-	/* Resizer */
-	.resizer {
-		width: 4px;
-		background-color: transparent;
-		cursor: col-resize;
-		user-select: none;
-		transition: background-color 0.2s;
-		position: relative;
-	}
-
-	.resizer:hover,
-	.resizer.resizing {
-		background-color: #3b82f6;
-	}
-
-	.resizer::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: -4px;
-		right: -4px;
-	}
-
-	.resizer:active {
-		background-color: #2563eb;
-	}
-
-	/* Prevent text selection while resizing */
-	:global(body:has(.resizer.resizing)) {
-		user-select: none;
-		cursor: col-resize;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/record/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/record/+page.svelte
deleted file mode 100644
index a24460652..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/record/+page.svelte
+++ /dev/null
@@ -1,129 +0,0 @@
-<script lang="ts">
-	import { t } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { recording } from '$lib/stores/recording';
-	import { uploadAndProcessAudio } from '$lib/services/audioUploadService';
-	import RecordingButton from '$lib/components/RecordingButton.svelte';
-	import BlueprintSelector from '$lib/components/BlueprintSelector.svelte';
-	import AdviceCarousel from '$lib/components/AdviceCarousel.svelte';
-	import { MemoroEvents } from '@manacore/shared-utils/analytics';
-
-	// Standard blueprint ID - matches the mobile app constant
-	const STANDARD_BLUEPRINT_ID = '11111111-2222-3333-4444-555555555555';
-
-	let selectedBlueprintId = $state<string | null>(STANDARD_BLUEPRINT_ID);
-
-	function handleSelectBlueprint(blueprintId: string | null) {
-		selectedBlueprintId = blueprintId;
-		if (blueprintId) MemoroEvents.blueprintSelected(blueprintId);
-	}
-
-	async function handleRecordingComplete(audioBlob: Blob) {
-		if (!authStore.user) {
-			console.error('No user authenticated');
-			recording.setError($t('record.user_not_authenticated'));
-			return;
-		}
-
-		try {
-			recording.setStatus('uploading');
-			MemoroEvents.recordingCompleted($recording.duration);
-
-			const audioDuration = $recording.duration;
-
-			console.log('Uploading recording:', {
-				blobSize: audioBlob.size,
-				duration: audioDuration,
-				userId: authStore.user.id,
-			});
-
-			const result = await uploadAndProcessAudio({
-				audioBlob,
-				userId: authStore.user.id,
-				title: 'New Recording',
-				duration: audioDuration,
-				spaceId: null,
-				blueprintId: selectedBlueprintId,
-			});
-
-			if (result.success) {
-				console.log('Recording uploaded successfully, memo ID:', result.memoId);
-				recording.reset();
-			} else {
-				console.error('Upload failed:', result.error);
-				recording.setError(result.error || $t('record.upload_failed'));
-
-				if (result.isNetworkError) {
-					alert($t('record.network_error'));
-				} else {
-					alert($t('record.upload_error', { values: { error: result.error } }));
-				}
-			}
-		} catch (error) {
-			console.error('Error in handleRecordingComplete:', error);
-			recording.setError(String(error));
-			alert($t('record.unexpected_error'));
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{$t('record.title')}</title>
-</svelte:head>
-
-<div class="absolute inset-0 flex flex-col items-center justify-center overflow-hidden bg-page">
-	<!-- Centered Recording Button -->
-	<div class="relative flex flex-col items-center">
-		<RecordingButton size={180} onRecordingComplete={handleRecordingComplete} />
-
-		<!-- Recording Instruction (below button) -->
-		{#if $recording.status === 'idle'}
-			<div class="mt-6 flex flex-col items-center text-theme-secondary">
-				<!-- Arrow pointing up -->
-				<svg class="h-6 w-6 mb-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
-				</svg>
-				<p class="text-center text-base font-medium">
-					{$t('record.instruction')}
-				</p>
-			</div>
-		{/if}
-	</div>
-
-	<!-- Upload Status -->
-	{#if $recording.status === 'uploading'}
-		<div class="absolute bottom-20 flex items-center gap-2 text-sm text-theme-secondary">
-			<svg class="h-4 w-4 animate-spin" fill="none" viewBox="0 0 24 24">
-				<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"
-				></circle>
-				<path
-					class="opacity-75"
-					fill="currentColor"
-					d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-				></path>
-			</svg>
-			<span>{$t('record.uploading')}</span>
-		</div>
-	{/if}
-
-	<!-- Error Message -->
-	{#if $recording.error}
-		<div
-			class="absolute bottom-24 rounded-lg bg-red-100 px-4 py-2 text-sm text-red-600 dark:bg-red-900/30 dark:text-red-400"
-		>
-			{$recording.error}
-		</div>
-	{/if}
-
-	<!-- Advice Carousel and Blueprint Selector (fixed at bottom) -->
-	<div class="absolute bottom-16 left-0 right-0">
-		<AdviceCarousel blueprintId={selectedBlueprintId} language="de" />
-		<BlueprintSelector {selectedBlueprintId} onSelectBlueprint={handleSelectBlueprint} />
-	</div>
-</div>
-
-<style>
-	.bg-page {
-		background-color: var(--color-page-bg);
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/settings/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/settings/+page.svelte
deleted file mode 100644
index 98b70b37a..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/settings/+page.svelte
+++ /dev/null
@@ -1,419 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { settings } from '$lib/stores/settings';
-	import type { ThemeMode } from '$lib/stores/theme';
-	import SettingsToggle from '$lib/components/SettingsToggle.svelte';
-	import SectionHeader from '$lib/components/SectionHeader.svelte';
-	import { onMount } from 'svelte';
-
-	let currentTheme = $derived($theme);
-	let currentUser = $derived(authStore.user);
-	let currentSettings = $derived($settings);
-
-	// Theme mode options
-	const themeModes: { label: string; value: ThemeMode; icon: string }[] = [
-		{ label: 'System', value: 'system', icon: 'sync' },
-		{ label: 'Light', value: 'light', icon: 'sunny' },
-		{ label: 'Dark', value: 'dark', icon: 'moon' },
-	];
-
-	function setThemeMode(mode: ThemeMode) {
-		theme.setMode(mode);
-		activeMode = mode;
-	}
-
-	let activeMode = $state<ThemeMode>(currentTheme.mode);
-
-	// Update activeMode when theme changes
-	$effect(() => {
-		activeMode = currentTheme.mode;
-	});
-
-	// Collapsible sections state
-	let showUIElements = $state(false);
-	let showMoreSettings = $state(false);
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	// Support functions
-	function handleContactSupport() {
-		const subject = encodeURIComponent('Memoro Support Request');
-		const body = encodeURIComponent(
-			`Hi Memoro Team,\n\n[Please describe your issue here]\n\n---\nUser: ${currentUser?.email || 'N/A'}\nVersion: 0.1.0 (Web)\nBrowser: ${navigator.userAgent}`
-		);
-		window.location.href = `mailto:support@memoro.com?subject=${subject}&body=${body}`;
-	}
-
-	function handleRateApp() {
-		alert('Thank you for your interest! Rating feature coming soon for the web version. 🌟');
-	}
-
-	// Copy app info
-	function copyAppInfo() {
-		const infoText = `Memoro Web App Information
-Version: 0.1.0
-Platform: Web
-Build: Beta
-Browser: ${navigator.userAgent}
-User: ${currentUser?.email || 'N/A'}`;
-
-		navigator.clipboard.writeText(infoText).then(() => {
-			alert('App information copied to clipboard!');
-		});
-	}
-
-	// Easter egg for developer mode
-	let clickCount = $state(0);
-	function handleVersionClick() {
-		clickCount++;
-		if (clickCount >= 7) {
-			clickCount = 0;
-			const newMode = !currentSettings.developerMode;
-			settings.setDeveloperMode(newMode);
-			alert(
-				newMode
-					? '🎉 Developer Mode activated!\nAdvanced settings are now visible.'
-					: 'Developer Mode deactivated.'
-			);
-		}
-	}
-
-	// Delete account confirmation
-	function handleDeleteAccount() {
-		const confirmed = confirm(
-			'⚠️ Are you sure you want to delete your account?\n\nThis action cannot be undone. All your data will be permanently deleted.'
-		);
-		if (confirmed) {
-			const doubleConfirm = confirm(
-				'This is your last chance. Type your email to confirm deletion:\n\n' + currentUser?.email
-			);
-			if (doubleConfirm) {
-				alert('Account deletion feature coming soon. Please contact support@memoro.com for now.');
-			}
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Settings - Memoro</title>
-</svelte:head>
-
-<div class="flex h-full flex-col">
-	<!-- Content Area -->
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl pb-12">
-			<h1 class="mb-8 text-3xl font-bold">Settings</h1>
-
-			<!-- Appearance Section -->
-			<section class="mb-6">
-				<SectionHeader title="Appearance" isFirst={true} />
-				<div class="card">
-					<h3 class="mb-4 text-lg font-medium">Theme Mode</h3>
-					<div class="grid grid-cols-3 gap-3">
-						{#each themeModes as mode}
-							<button
-								onclick={() => {
-									setThemeMode(mode.value);
-									activeMode = mode.value;
-								}}
-								class="flex flex-col items-center gap-3 rounded-xl border-2 p-4 transition-all bg-content-hover {activeMode ===
-								mode.value
-									? 'border-primary shadow-md'
-									: 'border-theme'}"
-							>
-								<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-									{#if mode.icon === 'sync'}
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-										/>
-									{:else if mode.icon === 'sunny'}
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
-										/>
-									{:else}
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
-										/>
-									{/if}
-								</svg>
-								<span
-									class="text-sm font-medium {activeMode === mode.value
-										? 'text-primary'
-										: 'text-theme'}"
-								>
-									{mode.label}
-								</span>
-							</button>
-						{/each}
-					</div>
-					<p class="mt-4 text-sm text-theme-secondary">
-						Choose how Memoro looks. System automatically matches your device's theme.
-					</p>
-				</div>
-			</section>
-
-			<!-- User Interface Elements -->
-			<SectionHeader
-				title="User Interface"
-				collapsible={true}
-				isCollapsed={!showUIElements}
-				onPress={() => (showUIElements = !showUIElements)}
-			/>
-			{#if showUIElements}
-				<div class="mb-6 space-y-4">
-					<SettingsToggle
-						title="Show Language Button"
-						description="Display language selection button next to the recording button"
-						type="toggle"
-						isOn={currentSettings.showLanguageButton}
-						onToggle={settings.setShowLanguageButton}
-					/>
-					<SettingsToggle
-						title="Show Recording Instruction"
-						description="Show 'Start Recording' text with arrow near the recording button"
-						type="toggle"
-						isOn={currentSettings.showRecordingInstruction}
-						onToggle={settings.setShowRecordingInstruction}
-					/>
-					<SettingsToggle
-						title="Show Blueprints"
-						description="Display blueprint selection at the bottom of the screen"
-						type="toggle"
-						isOn={currentSettings.showBlueprints}
-						onToggle={settings.setShowBlueprints}
-					/>
-					<SettingsToggle
-						title="Show Mana Badge"
-						description="Display Mana counter in the header"
-						type="toggle"
-						isOn={currentSettings.showManaBadge}
-						onToggle={settings.setShowManaBadge}
-					/>
-				</div>
-			{/if}
-
-			<!-- Data & Privacy -->
-			<SectionHeader title="Data & Privacy" />
-			<div class="mb-6 space-y-4">
-				<SettingsToggle
-					title="Save Location"
-					description="Allow the app to save your location to enable location-based features"
-					type="toggle"
-					isOn={currentSettings.saveLocation}
-					onToggle={settings.setSaveLocation}
-				/>
-				<SettingsToggle
-					title="Enable Analytics"
-					description="Help improve Memoro by sharing anonymous usage data"
-					type="toggle"
-					isOn={currentSettings.enableAnalytics}
-					onToggle={settings.setEnableAnalytics}
-				/>
-			</div>
-
-			<!-- Support -->
-			<SectionHeader title="Support" />
-			<div class="mb-6 space-y-4">
-				<SettingsToggle
-					title="Contact Support"
-					description="Need help? Get in touch with our support team"
-					type="button"
-					onPress={handleContactSupport}
-					icon="mail-outline"
-				/>
-				<SettingsToggle
-					title="Rate App"
-					description="Enjoying Memoro? Rate us in your browser's extension store"
-					type="button"
-					onPress={handleRateApp}
-					icon="star-outline"
-				/>
-			</div>
-
-			<!-- Advanced Settings -->
-			<div class="mb-6">
-				<button
-					onclick={() => (showMoreSettings = !showMoreSettings)}
-					class="btn-secondary w-full justify-center"
-				>
-					<svg
-						class="mr-2 inline-block h-5 w-5 transition-transform {showMoreSettings
-							? 'rotate-180'
-							: ''}"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M19 9l-7 7-7-7"
-						/>
-					</svg>
-					{showMoreSettings ? 'Hide' : 'Show'} Advanced Settings
-				</button>
-			</div>
-
-			{#if showMoreSettings}
-				<div class="card mb-6 border-2 border-theme">
-					<h3 class="mb-4 text-lg font-semibold text-theme-secondary">Delete Account</h3>
-					<p class="mb-4 text-sm text-theme-secondary">
-						If you delete your account, all your data will be permanently deleted. This action
-						cannot be undone.
-					</p>
-					<button
-						onclick={handleDeleteAccount}
-						class="btn-primary w-full bg-red-600 hover:bg-red-700"
-					>
-						<svg
-							class="mr-2 inline-block h-5 w-5"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-							/>
-						</svg>
-						Delete Account
-					</button>
-				</div>
-			{/if}
-
-			<!-- Developer Settings -->
-			{#if currentSettings.developerMode}
-				<SectionHeader title="Developer Settings" />
-				<div class="mb-6 space-y-4">
-					<SettingsToggle
-						title="Show Debug Borders"
-						description="Display borders around UI elements for development"
-						type="toggle"
-						isOn={currentSettings.showDebugBorders}
-						onToggle={settings.setShowDebugBorders}
-					/>
-					<SettingsToggle
-						title="Reset All Settings"
-						description="Reset all settings to default values"
-						type="button"
-						onPress={() => {
-							if (confirm('Reset all settings to defaults?')) {
-								settings.reset();
-								alert('Settings reset to defaults!');
-							}
-						}}
-					/>
-				</div>
-			{/if}
-
-			<!-- Account Section -->
-			<SectionHeader title="Account" />
-			<div class="card mb-6">
-				{#if currentUser}
-					<div class="mb-6">
-						<label class="mb-2 block text-sm font-medium text-theme-secondary">Email Address</label>
-						<p class="text-lg font-medium">{currentUser.email || 'No email available'}</p>
-					</div>
-				{/if}
-
-				<button onclick={handleLogout} class="btn-primary w-full">
-					<svg
-						class="mr-2 inline-block h-5 w-5"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
-						/>
-					</svg>
-					Sign Out
-				</button>
-			</div>
-
-			<!-- App Information Section -->
-			<SectionHeader title="App Information" />
-			<div class="card mb-6 relative">
-				<button
-					onclick={copyAppInfo}
-					class="absolute right-4 top-4 rounded-lg p-2 transition-colors bg-menu-hover"
-					title="Copy app information"
-				>
-					<svg
-						class="h-5 w-5 text-theme-muted"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
-						/>
-					</svg>
-				</button>
-				<div class="space-y-3 pr-12">
-					<div class="flex items-center justify-between border-b border-theme-light py-3">
-						<span class="text-sm text-theme-secondary">Version</span>
-						<span class="font-medium">0.1.0</span>
-					</div>
-					<div class="flex items-center justify-between border-b border-theme-light py-3">
-						<span class="text-sm text-theme-secondary">Platform</span>
-						<span class="font-medium">Web</span>
-					</div>
-					<div class="flex items-center justify-between border-b border-theme-light py-3">
-						<span class="text-sm text-theme-secondary">Build</span>
-						<span class="font-medium">Beta</span>
-					</div>
-					<div class="flex items-center justify-between py-3">
-						<span class="text-sm text-theme-secondary">Browser</span>
-						<span class="text-xs font-medium"
-							>{navigator.userAgent.split(' ').slice(-2).join(' ')}</span
-						>
-					</div>
-				</div>
-			</div>
-
-			<!-- Footer -->
-			<div class="pt-8 text-center">
-				<button
-					onclick={handleVersionClick}
-					class="text-sm text-theme-muted transition-colors hover:text-theme-secondary"
-				>
-					© 2025 Memoro GmbH
-				</button>
-				<p class="mt-1 text-xs text-theme-muted">Made with ❤️ in Germany</p>
-				{#if clickCount > 0 && clickCount < 7}
-					<p class="mt-2 text-xs text-theme-muted opacity-50">{7 - clickCount} more clicks...</p>
-				{/if}
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	.grid {
-		display: grid;
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/spaces/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/spaces/+page.svelte
deleted file mode 100644
index 2eb3317f3..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/spaces/+page.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	let { data } = $props();
-</script>
-
-<svelte:head>
-	<title>Spaces - Memoro</title>
-</svelte:head>
-
-<div class="flex h-full flex-col">
-	<!-- Content Area -->
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl space-y-6 pb-12">
-			<div class="flex items-center justify-between">
-				<div>
-					<h1 class="text-3xl font-bold">Collaborative Spaces</h1>
-					<p class="mt-1 text-theme-secondary">Work together with your team on shared memos</p>
-				</div>
-				<button class="btn-primary">+ Create Space</button>
-			</div>
-
-			<div class="card text-center py-12">
-				<div class="text-6xl mb-4">🚀</div>
-				<h2 class="text-2xl font-semibold mb-2">Spaces Coming Soon</h2>
-				<p class="text-theme-secondary mb-6">
-					Collaborative workspace features are under development. You'll soon be able to:
-				</p>
-				<ul class="text-left max-w-md mx-auto space-y-2 text-gray-700 dark:text-gray-300">
-					<li>✓ Create shared workspaces for teams</li>
-					<li>✓ Invite team members to collaborate</li>
-					<li>✓ Share memos within spaces</li>
-					<li>✓ Manage permissions and access</li>
-					<li>✓ Track team activity and insights</li>
-				</ul>
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/statistics/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/statistics/+page.svelte
deleted file mode 100644
index 745ba58ed..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/statistics/+page.svelte
+++ /dev/null
@@ -1,437 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { createAuthClient } from '$lib/supabaseClient';
-	import OverviewCard from '$lib/components/statistics/OverviewCard.svelte';
-	import ProductivityCard from '$lib/components/statistics/ProductivityCard.svelte';
-	import InsightsCard from '$lib/components/statistics/InsightsCard.svelte';
-	import EngagementCard from '$lib/components/statistics/EngagementCard.svelte';
-	import { StatisticsPageSkeleton } from '$lib/components/skeletons';
-
-	interface StatisticsData {
-		memoCount: number;
-		memoryCount: number;
-		totalAudioDuration: number;
-		totalWordCount: number;
-		averageWordCount: number;
-		averageAudioDuration: number;
-		todayStats: { memos: number; memories: number; duration: number; words: number };
-		last30DaysStats: { memos: number; memories: number; duration: number; words: number };
-		longestRecording: number;
-		activestWeek: { week: string; count: number };
-		activestMonth: { month: string; count: number };
-		currentStreak: number;
-		longestStreak: number;
-		mostViewedMemo: { id: string; title: string; viewCount: number } | null;
-		lastViewedMemo: { id: string; title: string; lastViewed: string } | null;
-		unreadMemos: number;
-		totalTags: number;
-		mostUsedTags: { name: string; count: number; color: string }[];
-		assignedTags: number;
-		memosWithoutTags: number;
-		averageTagsPerMemo: number;
-		averageWordsPerMinute: number;
-		topLocations: { city: string; count: number }[];
-	}
-
-	let statistics = $state<StatisticsData | null>(null);
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-
-	onMount(() => {
-		loadStatistics();
-	});
-
-	async function loadStatistics() {
-		try {
-			loading = true;
-			error = null;
-
-			const supabase = await createAuthClient();
-
-			// Fetch all data with pagination
-			const fetchAllData = async (tableName: string, selectFields: string, batchSize = 1000) => {
-				let allData: any[] = [];
-				let from = 0;
-				let hasMore = true;
-
-				while (hasMore) {
-					const { data, error } = await supabase
-						.from(tableName)
-						.select(selectFields)
-						.range(from, from + batchSize - 1);
-
-					if (error) throw error;
-
-					if (data && data.length > 0) {
-						allData = [...allData, ...data];
-						hasMore = data.length === batchSize;
-						from += batchSize;
-					} else {
-						hasMore = false;
-					}
-				}
-
-				return allData;
-			};
-
-			const [memos, memories, tags, memoTags] = await Promise.all([
-				fetchAllData('memos', 'id, created_at, source, metadata, title, intro'),
-				fetchAllData('memories', 'id, created_at, content'),
-				fetchAllData('tags', 'id, name, style'),
-				fetchAllData('memo_tags', 'memo_id, tag_id', 2000),
-			]);
-
-			// Calculate statistics
-			let totalAudioDuration = 0;
-			let totalWordCount = 0;
-			let validMemoCount = 0;
-			let longestRecording = 0;
-			const locationCounts: { [key: string]: number } = {};
-			let totalWordsInRecordings = 0;
-			let totalRecordingDuration = 0;
-
-			let mostViewedMemo: { id: string; title: string; viewCount: number } | null = null;
-			let lastViewedMemo: { id: string; title: string; lastViewed: string } | null = null;
-			let unreadMemos = 0;
-
-			memos.forEach((memo) => {
-				const duration = memo.metadata?.stats?.audioDuration || 0;
-				if (duration > 0) {
-					totalAudioDuration += duration;
-					totalRecordingDuration += duration;
-					longestRecording = Math.max(longestRecording, duration);
-				}
-
-				let wordCount = memo.metadata?.stats?.wordCount || 0;
-				if (!wordCount) {
-					const transcript =
-						memo.source?.transcript || memo.source?.content || memo.source?.transcription || '';
-					if (transcript) {
-						wordCount = transcript.split(/\s+/).filter((word: string) => word.length > 0).length;
-					}
-				}
-
-				if (wordCount > 0) {
-					totalWordCount += wordCount;
-					validMemoCount++;
-					if (duration > 0) {
-						totalWordsInRecordings += wordCount;
-					}
-				}
-
-				const city = memo.metadata?.location?.address?.city;
-				if (city) {
-					locationCounts[city] = (locationCounts[city] || 0) + 1;
-				}
-
-				const viewCount = memo.metadata?.stats?.viewCount || 0;
-				const lastViewed = memo.metadata?.stats?.lastViewed;
-
-				if (viewCount === 0) {
-					unreadMemos++;
-				}
-
-				if (!mostViewedMemo || viewCount > mostViewedMemo.viewCount) {
-					mostViewedMemo = {
-						id: memo.id,
-						title: memo.title || memo.intro || 'Unbenanntes Memo',
-						viewCount,
-					};
-				}
-
-				if (
-					lastViewed &&
-					(!lastViewedMemo || new Date(lastViewed) > new Date(lastViewedMemo.lastViewed))
-				) {
-					lastViewedMemo = {
-						id: memo.id,
-						title: memo.title || memo.intro || 'Unbenanntes Memo',
-						lastViewed,
-					};
-				}
-			});
-
-			let memoryWordCount = 0;
-			memories.forEach((memory) => {
-				const content = memory.content || '';
-				const wordCount = content.split(/\s+/).filter((word: string) => word.length > 0).length;
-				memoryWordCount += wordCount;
-			});
-
-			const periodStats = calculatePeriodStats(memos, memories);
-			const activityMetrics = calculateActivityMetrics(memos);
-			const tagAnalytics = calculateTagAnalytics(memos, memoTags, tags);
-
-			const topLocations = Object.entries(locationCounts)
-				.sort(([, a], [, b]) => b - a)
-				.slice(0, 5)
-				.map(([city, count]) => ({ city, count }));
-
-			const memosWithAudio = memos.filter(
-				(memo) => (memo.metadata?.stats?.audioDuration || 0) > 0
-			).length;
-
-			statistics = {
-				memoCount: memos.length,
-				memoryCount: memories.length,
-				totalAudioDuration,
-				totalWordCount: totalWordCount + memoryWordCount,
-				averageWordCount: validMemoCount > 0 ? Math.round(totalWordCount / validMemoCount) : 0,
-				averageAudioDuration:
-					memosWithAudio > 0 ? Math.round(totalAudioDuration / memosWithAudio) : 0,
-				...periodStats,
-				longestRecording,
-				...activityMetrics,
-				mostViewedMemo,
-				lastViewedMemo,
-				unreadMemos,
-				...tagAnalytics,
-				averageWordsPerMinute:
-					totalRecordingDuration > 0
-						? Math.round((totalWordsInRecordings / (totalRecordingDuration / 60)) * 10) / 10
-						: 0,
-				topLocations,
-			};
-		} catch (err) {
-			console.error('Error loading statistics:', err);
-			error = 'Fehler beim Laden der Statistiken';
-		} finally {
-			loading = false;
-		}
-	}
-
-	function calculatePeriodStats(memos: any[], memories: any[]) {
-		const now = new Date();
-		const todayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-		const last30DaysStart = new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000);
-
-		const calculateStatsForPeriod = (startDate: Date) => {
-			const periodMemos = memos.filter((memo) => new Date(memo.created_at) >= startDate);
-			const periodMemories = memories.filter((memory) => new Date(memory.created_at) >= startDate);
-
-			let duration = 0;
-			let words = 0;
-
-			periodMemos.forEach((memo) => {
-				const audioDuration = memo.metadata?.stats?.audioDuration || 0;
-				duration += audioDuration;
-
-				let wordCount = memo.metadata?.stats?.wordCount || 0;
-				if (!wordCount) {
-					const transcript =
-						memo.source?.transcript || memo.source?.content || memo.source?.transcription || '';
-					if (transcript) {
-						wordCount = transcript.split(/\s+/).filter((word: string) => word.length > 0).length;
-					}
-				}
-				words += wordCount;
-			});
-
-			periodMemories.forEach((memory) => {
-				const content = memory.content || '';
-				const wordCount = content.split(/\s+/).filter((word: string) => word.length > 0).length;
-				words += wordCount;
-			});
-
-			return {
-				memos: periodMemos.length,
-				memories: periodMemories.length,
-				duration,
-				words,
-			};
-		};
-
-		return {
-			todayStats: calculateStatsForPeriod(todayStart),
-			last30DaysStats: calculateStatsForPeriod(last30DaysStart),
-		};
-	}
-
-	function calculateActivityMetrics(memos: any[]) {
-		if (memos.length === 0) {
-			return {
-				currentStreak: 0,
-				longestStreak: 0,
-				activestWeek: { week: 'Keine Daten', count: 0 },
-				activestMonth: { month: 'Keine Daten', count: 0 },
-			};
-		}
-
-		const sortedMemos = memos.sort(
-			(a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
-		);
-
-		const dates = [...new Set(sortedMemos.map((memo) => new Date(memo.created_at).toDateString()))];
-		let currentStreak = 0;
-		let longestStreak = 0;
-		let currentStreakCount = 0;
-
-		const today = new Date();
-		today.setHours(0, 0, 0, 0);
-
-		for (let i = 0; i >= -365; i--) {
-			const checkDate = new Date(today);
-			checkDate.setDate(today.getDate() + i);
-			const dateString = checkDate.toDateString();
-
-			if (dates.includes(dateString)) {
-				currentStreakCount++;
-			} else if (i === 0) {
-				continue;
-			} else {
-				break;
-			}
-		}
-		currentStreak = currentStreakCount;
-
-		let tempStreak = 0;
-		for (let i = 1; i < dates.length; i++) {
-			const prevDate = new Date(dates[i - 1]);
-			const currDate = new Date(dates[i]);
-			const dayDiff = (currDate.getTime() - prevDate.getTime()) / (1000 * 60 * 60 * 24);
-
-			if (dayDiff === 1) {
-				tempStreak++;
-			} else {
-				longestStreak = Math.max(longestStreak, tempStreak + 1);
-				tempStreak = 0;
-			}
-		}
-		longestStreak = Math.max(longestStreak, tempStreak + 1);
-
-		const weekCounts: { [key: string]: number } = {};
-		const monthCounts: { [key: string]: number } = {};
-
-		sortedMemos.forEach((memo) => {
-			const date = new Date(memo.created_at);
-			const weekKey = `KW ${getWeekNumber(date)} ${date.getFullYear()}`;
-			const monthKey = date.toLocaleDateString('de-DE', { month: 'long', year: 'numeric' });
-
-			weekCounts[weekKey] = (weekCounts[weekKey] || 0) + 1;
-			monthCounts[monthKey] = (monthCounts[monthKey] || 0) + 1;
-		});
-
-		const activestWeek = Object.entries(weekCounts).reduce(
-			(max, [week, count]) => (count > max.count ? { week, count } : max),
-			{ week: 'Keine Daten', count: 0 }
-		);
-
-		const activestMonth = Object.entries(monthCounts).reduce(
-			(max, [month, count]) => (count > max.count ? { month, count } : max),
-			{ month: 'Keine Daten', count: 0 }
-		);
-
-		return { currentStreak, longestStreak, activestWeek, activestMonth };
-	}
-
-	function getWeekNumber(date: Date) {
-		const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
-		const dayNum = d.getUTCDay() || 7;
-		d.setUTCDate(d.getUTCDate() + 4 - dayNum);
-		const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
-		return Math.ceil(((d.getTime() - yearStart.getTime()) / 86400000 + 1) / 7);
-	}
-
-	function calculateTagAnalytics(memos: any[], memoTags: any[], tags: any[]) {
-		const tagUsage: { [key: string]: number } = {};
-		const tagMap = new Map(tags.map((tag) => [tag.id, tag]));
-
-		memoTags.forEach((memoTag) => {
-			tagUsage[memoTag.tag_id] = (tagUsage[memoTag.tag_id] || 0) + 1;
-		});
-
-		const mostUsedTags = Object.entries(tagUsage)
-			.map(([tagId, count]) => {
-				const tag = tagMap.get(tagId);
-				return {
-					name: tag?.name || 'Unknown',
-					count,
-					color: tag?.style?.color || '#808080',
-				};
-			})
-			.sort((a, b) => b.count - a.count)
-			.slice(0, 5);
-
-		const memosWithTags = new Set(memoTags.map((mt) => mt.memo_id));
-		const memosWithoutTags = memos.filter((memo) => !memosWithTags.has(memo.id)).length;
-
-		const totalTagAssignments = memoTags.length;
-		const averageTagsPerMemo =
-			memos.length > 0 ? Math.round((totalTagAssignments / memos.length) * 10) / 10 : 0;
-
-		return {
-			totalTags: tags.length,
-			mostUsedTags,
-			assignedTags: totalTagAssignments,
-			memosWithoutTags,
-			averageTagsPerMemo,
-		};
-	}
-</script>
-
-<svelte:head>
-	<title>Statistiken - Memoro</title>
-</svelte:head>
-
-<div class="flex h-full flex-col">
-	<!-- Content Area -->
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl">
-			<h1 class="mb-6 text-3xl font-bold">Statistiken</h1>
-			{#if loading}
-				<StatisticsPageSkeleton />
-			{:else if error}
-				<!-- Error State -->
-				<div class="flex flex-col items-center justify-center py-20">
-					<p class="text-center text-theme-secondary">{error}</p>
-				</div>
-			{:else if statistics}
-				<!-- Statistics Cards -->
-				<div class="space-y-4 pb-8">
-					<!-- Hero Card: Overview (Full Width) -->
-					<div class="w-full">
-						<OverviewCard
-							memoCount={statistics.memoCount}
-							memoryCount={statistics.memoryCount}
-							totalDuration={statistics.totalAudioDuration}
-							totalWords={statistics.totalWordCount}
-							currentStreak={statistics.currentStreak}
-							averageWordCount={statistics.averageWordCount}
-						/>
-					</div>
-
-					<!-- Grid: 3 Cards -->
-					<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-						<ProductivityCard
-							todayStats={statistics.todayStats}
-							last30DaysStats={statistics.last30DaysStats}
-							currentStreak={statistics.currentStreak}
-							longestStreak={statistics.longestStreak}
-							activestWeek={statistics.activestWeek}
-							activestMonth={statistics.activestMonth}
-						/>
-
-						<InsightsCard
-							averageAudioDuration={statistics.averageAudioDuration}
-							averageWordsPerMinute={statistics.averageWordsPerMinute}
-							longestRecording={statistics.longestRecording}
-							totalTags={statistics.totalTags}
-							assignedTags={statistics.assignedTags}
-							memosWithoutTags={statistics.memosWithoutTags}
-							averageTagsPerMemo={statistics.averageTagsPerMemo}
-							mostUsedTags={statistics.mostUsedTags}
-							topLocations={statistics.topLocations}
-						/>
-
-						<EngagementCard
-							mostViewedMemo={statistics.mostViewedMemo}
-							lastViewedMemo={statistics.lastViewedMemo}
-							unreadMemos={statistics.unreadMemos}
-							memoCount={statistics.memoCount}
-						/>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/subscription/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/subscription/+page.svelte
deleted file mode 100644
index 6db48298b..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/subscription/+page.svelte
+++ /dev/null
@@ -1,103 +0,0 @@
-<script lang="ts">
-	import BillingToggle, { type BillingCycle } from '$lib/components/BillingToggle.svelte';
-	import SubscriptionCard, { type SubscriptionPlan } from '$lib/components/SubscriptionCard.svelte';
-	import PackageCard, { type Package } from '$lib/components/PackageCard.svelte';
-	import UsageCard, { type UsageData } from '$lib/components/UsageCard.svelte';
-	import CostCard, { type CostItem } from '$lib/components/CostCard.svelte';
-
-	import subscriptionData from '$lib/data/subscriptionData.json';
-	import appCostsData from '$lib/data/appCosts.json';
-	import usageData from '$lib/data/usageData.json';
-
-	// State
-	let billingCycle = $state<BillingCycle>('monthly');
-
-	// Data from JSON files
-	const subscriptionOptions = subscriptionData.subscriptions as SubscriptionPlan[];
-	const manaPackages = subscriptionData.packages as Package[];
-	const appCosts = appCostsData.costs as CostItem[];
-	const usage = usageData.usage as UsageData;
-
-	// Get all subscription plans for current billing cycle
-	function getAllSubscriptionPlans() {
-		return subscriptionOptions.filter(
-			(plan) => plan.id !== 'free' && plan.billingCycle === billingCycle
-		);
-	}
-
-	// Get all mana packages
-	function getAllManaPackages() {
-		return manaPackages;
-	}
-
-	// Handlers
-	function handleSubscribe(planId: string) {
-		alert(`Subscribe to plan: ${planId}\n\nThis would trigger RevenueCat purchase flow.`);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		alert(`Buy package: ${packageId}\n\nThis would trigger RevenueCat purchase flow.`);
-	}
-</script>
-
-<svelte:head>
-	<title>Mana - Memoro</title>
-</svelte:head>
-
-<div class="flex h-full flex-col">
-	<!-- Content Area -->
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl pb-12">
-			<h1 class="mb-8 text-3xl font-bold text-theme">Mana kaufen</h1>
-
-			<!-- Active Section (Usage & Costs) -->
-			<section class="mb-8">
-				<div class="mb-4">
-					<UsageCard usageData={usage} currentPlan="Free" />
-				</div>
-
-				<div class="mb-4">
-					<CostCard costs={appCosts} />
-				</div>
-			</section>
-
-			<!-- Billing Toggle -->
-			<BillingToggle
-				{billingCycle}
-				onChange={(cycle) => (billingCycle = cycle)}
-				yearlyDiscount="33%"
-			/>
-
-			<!-- Subscriptions Section -->
-			<section class="mb-12 pt-2">
-				<h2 class="mb-6 text-2xl font-bold text-theme">Abonnements</h2>
-
-				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
-					<!-- Free Tier -->
-					<SubscriptionCard
-						plan={subscriptionOptions.find((plan) => plan.id === 'free')!}
-						onSelect={handleSubscribe}
-						isCurrentPlan={true}
-					/>
-
-					<!-- All Paid Subscriptions -->
-					{#each getAllSubscriptionPlans() as plan}
-						<SubscriptionCard {plan} onSelect={handleSubscribe} />
-					{/each}
-				</div>
-			</section>
-
-			<!-- One-time Purchases Section -->
-			<section class="mb-12">
-				<h2 class="mb-6 text-2xl font-bold text-theme">Einmalkäufe</h2>
-
-				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-					<!-- All Mana Packages -->
-					{#each getAllManaPackages() as pkg}
-						<PackageCard package={pkg} onSelect={handleBuyPackage} />
-					{/each}
-				</div>
-			</section>
-		</div>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/tags/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/tags/+page.svelte
deleted file mode 100644
index c7154fb5e..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/tags/+page.svelte
+++ /dev/null
@@ -1,411 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { tags, tagUsageCounts } from '$lib/stores/tags';
-	import { selectedTagId } from '$lib/stores/memos';
-	import { tagService } from '$lib/services/tagService';
-	import TagBadge from '$lib/components/TagBadge.svelte';
-	import TagEditModal from '$lib/components/TagEditModal.svelte';
-	import { TagsPageSkeleton } from '$lib/components/skeletons';
-	import type { Tag } from '$lib/types/memo.types';
-
-	// Loading and error states
-	let isLoadingTags = $state(true);
-	let isLoadingUsageCounts = $state(false);
-	let loadError = $state<string | null>(null);
-	let actionError = $state<string | null>(null);
-
-	// Operation loading states
-	let isCreatingTag = $state(false);
-
-	// UI state
-	let isCreating = $state(false);
-	let newTagName = $state('');
-	let newTagColor = $state('#3b82f6');
-
-	// Modal state
-	let editingTag = $state<(Tag & { usage?: number }) | null>(null);
-	let isModalOpen = $state(false);
-
-	// Load tags and usage counts on mount
-	onMount(async () => {
-		if (!authStore.user) {
-			loadError = 'User not authenticated';
-			isLoadingTags = false;
-			return;
-		}
-
-		await loadTags();
-	});
-
-	async function loadTags() {
-		try {
-			isLoadingTags = true;
-			loadError = null;
-
-			const loadedTags = await tagService.getTags(authStore.user!.id);
-			tags.setTags(loadedTags);
-
-			// Load usage counts for all tags
-			await loadUsageCounts(loadedTags);
-		} catch (error) {
-			console.error('Failed to load tags:', error);
-			loadError = error instanceof Error ? error.message : 'Failed to load tags';
-		} finally {
-			isLoadingTags = false;
-		}
-	}
-
-	async function loadUsageCounts(tagsToLoad: Tag[]) {
-		if (tagsToLoad.length === 0) return;
-
-		try {
-			isLoadingUsageCounts = true;
-			const counts: Record<string, number> = {};
-
-			await Promise.all(
-				tagsToLoad.map(async (tag) => {
-					try {
-						const count = await tagService.getTagUsageCount(tag.id);
-						counts[tag.id] = count;
-					} catch (error) {
-						console.error(`Failed to load usage count for tag ${tag.id}:`, error);
-						counts[tag.id] = 0;
-					}
-				})
-			);
-
-			tagUsageCounts.set(counts);
-		} catch (error) {
-			console.error('Failed to load usage counts:', error);
-		} finally {
-			isLoadingUsageCounts = false;
-		}
-	}
-
-	async function handleCreateTag(event: Event) {
-		event.preventDefault();
-		if (!authStore.user || !newTagName.trim()) return;
-
-		try {
-			isCreatingTag = true;
-			actionError = null;
-
-			const createdTag = await tagService.createTag(
-				authStore.user.id,
-				newTagName.trim(),
-				newTagColor
-			);
-
-			// Optimistic UI update
-			tags.addTag(createdTag);
-
-			// Load usage count for new tag
-			const count = await tagService.getTagUsageCount(createdTag.id);
-			tagUsageCounts.update((counts) => ({ ...counts, [createdTag.id]: count }));
-
-			resetCreateForm();
-		} catch (error) {
-			console.error('Failed to create tag:', error);
-			actionError = error instanceof Error ? error.message : 'Failed to create tag';
-		} finally {
-			isCreatingTag = false;
-		}
-	}
-
-	async function handleSaveTag(tagId: string, name: string, color: string) {
-		try {
-			actionError = null;
-
-			const updatedTag = await tagService.updateTag(tagId, {
-				name: name.trim(),
-				color: color,
-			});
-
-			// Optimistic UI update
-			tags.updateTag(updatedTag);
-		} catch (error) {
-			console.error('Failed to update tag:', error);
-			actionError = error instanceof Error ? error.message : 'Fehler beim Speichern des Tags';
-		}
-	}
-
-	async function handleDeleteTag(tagId: string) {
-		try {
-			actionError = null;
-
-			// Optimistic UI update
-			tags.deleteTag(tagId);
-			tagUsageCounts.update((counts) => {
-				const { [tagId]: _, ...rest } = counts;
-				return rest;
-			});
-
-			await tagService.deleteTag(tagId);
-		} catch (error) {
-			console.error('Failed to delete tag:', error);
-			actionError = error instanceof Error ? error.message : 'Fehler beim Löschen des Tags';
-
-			// Revert optimistic update by reloading
-			await loadTags();
-		}
-	}
-
-	function openEditModal(tag: Tag) {
-		editingTag = tag;
-		isModalOpen = true;
-	}
-
-	function closeModal() {
-		editingTag = null;
-		isModalOpen = false;
-	}
-
-	function handleTagClick(tagId: string) {
-		// Set the selected tag filter
-		selectedTagId.set(tagId);
-		// Navigate to dashboard to show filtered memos
-		goto('/dashboard');
-	}
-
-	function resetCreateForm() {
-		newTagName = '';
-		newTagColor = '#3b82f6';
-		isCreating = false;
-		actionError = null;
-	}
-
-	const colorPresets = [
-		'#3b82f6', // blue
-		'#10b981', // green
-		'#f59e0b', // amber
-		'#ef4444', // red
-		'#8b5cf6', // violet
-		'#ec4899', // pink
-		'#06b6d4', // cyan
-		'#84cc16', // lime
-		'#f97316', // orange
-		'#6366f1', // indigo
-	];
-</script>
-
-<svelte:head>
-	<title>Tags - Memoro</title>
-</svelte:head>
-
-<div class="flex h-full flex-col">
-	<!-- Content Area -->
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl space-y-6 pb-12">
-			<!-- Header -->
-			<div class="flex items-center justify-between">
-				<div>
-					<h1 class="text-3xl font-bold text-theme">Tags</h1>
-					<p class="mt-1 text-theme-secondary">Organisiere deine Memos mit Tags</p>
-				</div>
-				{#if !isCreating && !isLoadingTags}
-					<button
-						onclick={() => (isCreating = true)}
-						class="btn-primary flex h-12 items-center gap-2 px-6"
-						disabled={isCreatingTag}
-					>
-						<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M12 4v16m8-8H4"
-							/>
-						</svg>
-						Tag erstellen
-					</button>
-				{/if}
-			</div>
-
-			<!-- Loading State -->
-			{#if isLoadingTags}
-				<TagsPageSkeleton tagCount={12} />
-			{:else if loadError}
-				<!-- Error State -->
-				<div class="rounded-xl bg-content p-6">
-					<div class="rounded-lg bg-red-50 p-4 text-red-800 dark:bg-red-900/20 dark:text-red-400">
-						<p class="mb-2 font-semibold">Fehler beim Laden der Tags</p>
-						<p>{loadError}</p>
-						<button onclick={loadTags} class="btn-secondary mt-3"> Erneut versuchen </button>
-					</div>
-				</div>
-			{:else}
-				<!-- Action Error -->
-				{#if actionError}
-					<div class="rounded-lg bg-red-50 p-4 text-red-800 dark:bg-red-900/20 dark:text-red-400">
-						{actionError}
-					</div>
-				{/if}
-
-				<!-- Create Tag Form -->
-				{#if isCreating}
-					<form onsubmit={handleCreateTag} class="rounded-xl bg-content p-6 border border-theme">
-						<h2 class="mb-6 text-xl font-semibold text-theme">Neuen Tag erstellen</h2>
-
-						<div class="mb-6">
-							<label for="name" class="mb-2 block text-sm font-medium text-theme">Tag-Name</label>
-							<input
-								type="text"
-								id="name"
-								bind:value={newTagName}
-								required
-								disabled={isCreatingTag}
-								class="w-full rounded-lg border border-theme bg-menu px-4 py-2 text-theme focus:border-mana focus:outline-none focus:ring-2 focus:ring-mana/20 disabled:cursor-not-allowed disabled:opacity-50"
-								placeholder="Tag-Name eingeben..."
-							/>
-						</div>
-
-						<div class="mb-6">
-							<label class="mb-2 block text-sm font-medium text-theme">Farbe</label>
-							<div class="flex flex-wrap gap-3">
-								{#each colorPresets as color}
-									<button
-										type="button"
-										onclick={() => (newTagColor = color)}
-										disabled={isCreatingTag}
-										class="h-10 w-10 rounded-full border-2 transition-all hover:scale-110 disabled:cursor-not-allowed disabled:opacity-50"
-										class:border-black={newTagColor === color}
-										class:ring-2={newTagColor === color}
-										class:ring-mana={newTagColor === color}
-										class:border-theme={newTagColor !== color}
-										style="background-color: {color}"
-										title={color}
-									></button>
-								{/each}
-								<input
-									type="color"
-									bind:value={newTagColor}
-									disabled={isCreatingTag}
-									class="h-10 w-16 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50"
-								/>
-							</div>
-						</div>
-
-						<!-- Preview -->
-						<div class="mb-6">
-							<label class="mb-2 block text-sm font-medium text-theme">Vorschau</label>
-							<div class="flex items-center justify-center rounded-lg bg-menu p-4">
-								<div
-									class="inline-flex items-center gap-2 rounded-full border-2 px-5 py-3 text-base font-medium"
-									style="background-color: {newTagColor}20; color: {newTagColor}; border-color: {newTagColor}40"
-								>
-									<div class="h-4 w-4 rounded-full" style="background-color: {newTagColor}"></div>
-									{newTagName || 'Tag-Name'}
-								</div>
-							</div>
-						</div>
-
-						<div class="flex gap-3">
-							<button
-								type="submit"
-								class="btn-primary flex h-12 flex-1 items-center justify-center gap-2 disabled:cursor-not-allowed disabled:opacity-50"
-								disabled={isCreatingTag || !newTagName.trim()}
-							>
-								{#if isCreatingTag}
-									Erstelle...
-								{:else}
-									Tag erstellen
-								{/if}
-							</button>
-							<button
-								type="button"
-								onclick={resetCreateForm}
-								class="btn-secondary flex h-12 flex-1 items-center justify-center gap-2 disabled:cursor-not-allowed disabled:opacity-50"
-								disabled={isCreatingTag}
-							>
-								Abbrechen
-							</button>
-						</div>
-					</form>
-				{/if}
-
-				<!-- Tags List -->
-				{#if $tags.length === 0}
-					<div class="rounded-xl bg-content p-12 text-center">
-						<div class="mb-4 text-6xl">🏷️</div>
-						<h2 class="mb-2 text-2xl font-semibold text-theme">Noch keine Tags</h2>
-						<p class="mb-6 text-theme-secondary">
-							Erstelle deinen ersten Tag, um deine Memos zu organisieren
-						</p>
-						<button
-							onclick={() => (isCreating = true)}
-							class="btn-primary inline-flex h-12 items-center gap-2 px-6"
-						>
-							<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M12 4v16m8-8H4"
-								/>
-							</svg>
-							Ersten Tag erstellen
-						</button>
-					</div>
-				{:else}
-					<div class="flex flex-wrap gap-4">
-						{#each $tags as tag (tag.id)}
-							{@const tagColor = tag.style?.color || tag.color || '#3b82f6'}
-							<div
-								class="group inline-flex items-center gap-2 rounded-full border-2 px-5 py-3 text-base font-medium transition-all hover:brightness-[1.4] cursor-pointer"
-								style="background-color: {tagColor}20; color: {tagColor}; border-color: {tagColor}40"
-							>
-								<!-- Color indicator dot -->
-								<div class="h-4 w-4 rounded-full" style="background-color: {tagColor}"></div>
-
-								<button
-									type="button"
-									onclick={() => handleTagClick(tag.id)}
-									class="transition-opacity hover:opacity-80"
-									title="Memos mit diesem Tag anzeigen"
-								>
-									{tag.name || tag.text}
-								</button>
-								<button
-									type="button"
-									onclick={(e) => {
-										e.stopPropagation();
-										openEditModal({ ...tag, usage: $tagUsageCounts[tag.id] || 0 });
-									}}
-									class="rounded-full p-1 transition-all hover:scale-110 hover:bg-white/20"
-									title="Tag bearbeiten"
-								>
-									<svg
-										class="h-4 w-4 transition-transform"
-										fill="none"
-										stroke="currentColor"
-										viewBox="0 0 24 24"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
-										/>
-									</svg>
-								</button>
-							</div>
-						{/each}
-					</div>
-				{/if}
-			{/if}
-		</div>
-	</div>
-</div>
-
-<!-- Edit Modal -->
-{#if editingTag && isModalOpen}
-	<TagEditModal
-		tag={editingTag}
-		isOpen={isModalOpen}
-		onClose={closeModal}
-		onSave={handleSaveTag}
-		onDelete={handleDeleteTag}
-	/>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/routes/(protected)/upload/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(protected)/upload/+page.svelte
deleted file mode 100644
index 7dd930648..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(protected)/upload/+page.svelte
+++ /dev/null
@@ -1,532 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { uploadAndProcessAudio } from '$lib/services/audioUploadService';
-	import { createAuthClient } from '$lib/supabaseClient';
-	import { UploadPageSkeleton } from '$lib/components/skeletons';
-	import Text from '$lib/components/atoms/Text.svelte';
-
-	// Upload state
-	let uploading = $state(false);
-	let uploadProgress = $state(0);
-	let uploadError = $state<string | null>(null);
-	let uploadSuccess = $state(false);
-
-	// File upload state
-	let selectedFile = $state<File | null>(null);
-	let isDragging = $state(false);
-
-	// Get current date and time
-	const now = new Date();
-	const currentDate = now.toISOString().split('T')[0]; // YYYY-MM-DD
-	const currentTime = now.toTimeString().slice(0, 5); // HH:MM
-
-	// Form state
-	let title = $state('');
-	let selectedBlueprint = $state<string | null>(null);
-	let recordingDate = $state(currentDate);
-	let recordingTime = $state(currentTime);
-	let recordingLanguages = $state<string[]>(['de']);
-	let enableDiarization = $state(false);
-
-	// Options data
-	let blueprints = $state<any[]>([]);
-	let loadingOptions = $state(true);
-
-	const availableLanguages = [
-		{ code: 'de', name: 'Deutsch' },
-		{ code: 'en', name: 'English' },
-		{ code: 'es', name: 'Español' },
-		{ code: 'fr', name: 'Français' },
-		{ code: 'it', name: 'Italiano' },
-	];
-
-	// Load blueprints
-	onMount(async () => {
-		try {
-			const supabase = await createAuthClient();
-
-			// Load blueprints
-			const { data: blueprintsData } = await supabase
-				.from('blueprints')
-				.select('id, name')
-				.eq('is_public', true)
-				.order('name');
-
-			if (blueprintsData) {
-				blueprints = blueprintsData;
-			}
-		} catch (error) {
-			console.error('Error loading options:', error);
-		} finally {
-			loadingOptions = false;
-		}
-	});
-
-	// Check if file is a valid media file (audio or video)
-	function isValidMediaFile(file: File): boolean {
-		return file.type.startsWith('audio/') || file.type.startsWith('video/');
-	}
-
-	// Determine media type from file
-	function getMediaType(file: File): 'audio' | 'video' {
-		return file.type.startsWith('video/') ? 'video' : 'audio';
-	}
-
-	// File upload handlers
-	function handleFileSelect(event: Event) {
-		const input = event.target as HTMLInputElement;
-		if (input.files && input.files[0]) {
-			const file = input.files[0];
-			if (isValidMediaFile(file)) {
-				selectedFile = file;
-				uploadError = null;
-			} else {
-				uploadError = 'Bitte wähle eine Audio- oder Videodatei aus';
-			}
-		}
-	}
-
-	function handleDrop(event: DragEvent) {
-		event.preventDefault();
-		isDragging = false;
-
-		const files = event.dataTransfer?.files;
-		if (files && files[0]) {
-			const file = files[0];
-			if (isValidMediaFile(file)) {
-				selectedFile = file;
-				uploadError = null;
-			} else {
-				uploadError = 'Bitte lege eine Audio- oder Videodatei ab';
-			}
-		}
-	}
-
-	function handleDragOver(event: DragEvent) {
-		event.preventDefault();
-		isDragging = true;
-	}
-
-	function handleDragLeave() {
-		isDragging = false;
-	}
-
-	function removeFile() {
-		selectedFile = null;
-	}
-
-	// Upload file
-	async function handleUpload() {
-		if (!selectedFile || !authStore.user) return;
-
-		try {
-			uploading = true;
-			uploadError = null;
-			uploadProgress = 0;
-
-			// Determine media type
-			const mediaType = getMediaType(selectedFile);
-
-			// Get media duration (works for both audio and video)
-			const duration = await getMediaDuration(selectedFile, mediaType);
-
-			// Upload and process
-			const result = await uploadAndProcessAudio({
-				audioBlob: selectedFile,
-				userId: authStore.user.id,
-				title: title || 'Uploaded Recording',
-				duration,
-				blueprintId: selectedBlueprint,
-				recordingLanguages,
-				enableDiarization,
-				recordingDate: recordingDate || undefined,
-				recordingTime: recordingTime || undefined,
-				mediaType,
-			});
-
-			if (result.success) {
-				uploadSuccess = true;
-				uploadProgress = 100;
-
-				// Redirect to dashboard after 2 seconds
-				setTimeout(() => {
-					goto('/dashboard');
-				}, 2000);
-			} else {
-				uploadError = result.error || 'Upload failed';
-			}
-		} catch (error) {
-			console.error('Upload error:', error);
-			uploadError = error instanceof Error ? error.message : 'Upload failed';
-		} finally {
-			uploading = false;
-		}
-	}
-
-	// Get media duration (works for both audio and video)
-	function getMediaDuration(file: File, mediaType: 'audio' | 'video'): Promise<number> {
-		return new Promise((resolve) => {
-			const url = URL.createObjectURL(file);
-
-			if (mediaType === 'video') {
-				const video = document.createElement('video');
-				video.preload = 'metadata';
-				video.onloadedmetadata = () => {
-					URL.revokeObjectURL(url);
-					resolve(Math.floor(video.duration));
-				};
-				video.onerror = () => {
-					URL.revokeObjectURL(url);
-					resolve(0);
-				};
-				video.src = url;
-			} else {
-				const audio = new Audio();
-				audio.onloadedmetadata = () => {
-					URL.revokeObjectURL(url);
-					resolve(Math.floor(audio.duration));
-				};
-				audio.onerror = () => {
-					URL.revokeObjectURL(url);
-					resolve(0);
-				};
-				audio.src = url;
-			}
-		});
-	}
-
-	// Format file size
-	function formatFileSize(bytes: number): string {
-		if (bytes < 1024) return bytes + ' B';
-		if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
-		return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
-	}
-</script>
-
-<svelte:head>
-	<title>Medien hochladen - Memoro</title>
-</svelte:head>
-
-<div class="flex h-full flex-col">
-	<div class="flex-1 overflow-y-auto">
-		<div class="mx-auto max-w-5xl px-4 py-4">
-			<!-- Header -->
-			<div class="mb-4">
-				<Text variant="large" weight="bold" class="mb-1 text-2xl">Medien hochladen</Text>
-				<Text variant="small" class="text-theme-secondary">
-					Lade eine Audio- oder Videodatei hoch und verarbeite sie mit AI
-				</Text>
-			</div>
-
-			{#if loadingOptions}
-				<UploadPageSkeleton />
-			{:else}
-				<!-- File Upload -->
-				<div class="mb-4">
-					<div class="rounded-xl border border-theme bg-menu p-4">
-						<Text variant="large" weight="semibold" class="mb-3"
-							>Audio- oder Videodatei hochladen</Text
-						>
-
-						<!-- Drag & Drop Area -->
-						<div
-							class="rounded-lg border-2 border-dashed p-6 text-center transition-all {isDragging
-								? 'border-mana bg-mana/5'
-								: 'border-theme bg-content'}"
-							ondrop={handleDrop}
-							ondragover={handleDragOver}
-							ondragleave={handleDragLeave}
-						>
-							{#if selectedFile}
-								<!-- Selected File -->
-								<div
-									class="flex items-center justify-between rounded-lg border border-theme bg-menu p-3"
-								>
-									<div class="flex items-center gap-3">
-										{#if selectedFile.type.startsWith('video/')}
-											<!-- Video Icon -->
-											<svg
-												class="h-6 w-6 text-mana"
-												fill="none"
-												stroke="currentColor"
-												viewBox="0 0 24 24"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													stroke-width="2"
-													d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"
-												/>
-											</svg>
-										{:else}
-											<!-- Audio Icon -->
-											<svg
-												class="h-6 w-6 text-mana"
-												fill="none"
-												stroke="currentColor"
-												viewBox="0 0 24 24"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													stroke-width="2"
-													d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"
-												/>
-											</svg>
-										{/if}
-										<div class="text-left">
-											<Text variant="body" weight="medium">{selectedFile.name}</Text>
-											<Text variant="small" class="text-theme-secondary">
-												{formatFileSize(selectedFile.size)} • {selectedFile.type.startsWith(
-													'video/'
-												)
-													? 'Video'
-													: 'Audio'}
-											</Text>
-										</div>
-									</div>
-									<button
-										onclick={removeFile}
-										class="rounded-lg p-2 text-red-500 hover:bg-red-500/10"
-									>
-										<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M6 18L18 6M6 6l12 12"
-											/>
-										</svg>
-									</button>
-								</div>
-							{:else}
-								<!-- Upload Prompt -->
-								<svg
-									class="mx-auto mb-3 h-10 w-10 text-theme-secondary"
-									fill="none"
-									stroke="currentColor"
-									viewBox="0 0 24 24"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-									/>
-								</svg>
-								<Text variant="small" class="mb-2">Datei hierher ziehen oder</Text>
-								<label class="btn-primary cursor-pointer inline-block">
-									Durchsuchen
-									<input
-										type="file"
-										accept="audio/*,video/*"
-										class="hidden"
-										onchange={handleFileSelect}
-									/>
-								</label>
-								<Text variant="muted" class="mt-2 text-xs"
-									>Audio: MP3, M4A, WAV, WEBM | Video: MP4, MOV, AVI, MKV, WEBM</Text
-								>
-							{/if}
-						</div>
-					</div>
-				</div>
-
-				<!-- Upload Options -->
-				<div class="mb-4 rounded-xl border border-theme bg-menu p-4">
-					<Text variant="large" weight="semibold" class="mb-4">Optionen</Text>
-
-					<div class="space-y-4">
-						<!-- Title -->
-						<div>
-							<label for="title" class="mb-1.5 block text-sm font-medium text-theme"
-								>Titel (optional)</label
-							>
-							<input
-								type="text"
-								id="title"
-								bind:value={title}
-								placeholder="Memo-Titel"
-								class="w-full rounded-lg border border-theme bg-content px-3 py-1.5 text-sm text-theme focus:border-mana focus:outline-none focus:ring-2 focus:ring-mana/20"
-							/>
-						</div>
-
-						<!-- Blueprint -->
-						<div>
-							<label for="blueprint" class="mb-1.5 block text-sm font-medium text-theme"
-								>Blueprint (optional)</label
-							>
-							<select
-								id="blueprint"
-								bind:value={selectedBlueprint}
-								class="w-full rounded-lg border border-theme bg-content px-3 py-1.5 text-sm text-theme focus:border-mana focus:outline-none focus:ring-2 focus:ring-mana/20"
-							>
-								<option value={null}>Kein Blueprint</option>
-								{#each blueprints as blueprint}
-									<option value={blueprint.id}
-										>{blueprint.name?.de || blueprint.name?.en || blueprint.id}</option
-									>
-								{/each}
-							</select>
-						</div>
-
-						<!-- Date and Time -->
-						<div class="grid grid-cols-2 gap-3">
-							<!-- Date -->
-							<div>
-								<label for="date" class="mb-1.5 block text-sm font-medium text-theme"
-									>Datum (optional)</label
-								>
-								<input
-									type="date"
-									id="date"
-									bind:value={recordingDate}
-									class="w-full rounded-lg border border-theme bg-content px-3 py-1.5 text-sm text-theme focus:border-mana focus:outline-none focus:ring-2 focus:ring-mana/20"
-								/>
-							</div>
-
-							<!-- Time -->
-							<div>
-								<label for="time" class="mb-1.5 block text-sm font-medium text-theme"
-									>Uhrzeit (optional)</label
-								>
-								<input
-									type="time"
-									id="time"
-									bind:value={recordingTime}
-									class="w-full rounded-lg border border-theme bg-content px-3 py-1.5 text-sm text-theme focus:border-mana focus:outline-none focus:ring-2 focus:ring-mana/20"
-								/>
-							</div>
-						</div>
-
-						<!-- Language -->
-						<div>
-							<label class="mb-1.5 block text-sm font-medium text-theme">Sprache</label>
-							<div class="flex flex-wrap gap-2">
-								{#each availableLanguages as lang}
-									<button
-										type="button"
-										onclick={() => {
-											if (recordingLanguages.includes(lang.code)) {
-												recordingLanguages = recordingLanguages.filter((l) => l !== lang.code);
-											} else {
-												recordingLanguages = [...recordingLanguages, lang.code];
-											}
-										}}
-										class="rounded-lg border-2 px-3 py-1.5 text-sm font-medium transition-all {recordingLanguages.includes(
-											lang.code
-										)
-											? 'border-primary bg-primary text-primary-button-text'
-											: 'border-theme bg-content text-theme hover:bg-menu'}"
-									>
-										{lang.name}
-									</button>
-								{/each}
-							</div>
-						</div>
-
-						<!-- Diarization -->
-						<div class="flex items-center justify-between">
-							<div>
-								<label for="diarization" class="text-sm font-medium text-theme"
-									>Sprechererkennung</label
-								>
-								<p class="text-xs text-theme-secondary">Erkennt verschiedene Sprecher im Audio</p>
-							</div>
-							<button
-								type="button"
-								id="diarization"
-								onclick={() => (enableDiarization = !enableDiarization)}
-								class="relative inline-flex h-7 w-12 items-center rounded-full transition-colors {enableDiarization
-									? 'bg-mana'
-									: 'bg-gray-300 dark:bg-gray-600'}"
-							>
-								<span
-									class="inline-block h-5 w-5 transform rounded-full bg-white transition-transform {enableDiarization
-										? 'translate-x-6'
-										: 'translate-x-1'}"
-								></span>
-							</button>
-						</div>
-					</div>
-				</div>
-
-				<!-- Upload Button -->
-				<div class="flex justify-end gap-3">
-					<button onclick={() => goto('/dashboard')} class="btn-secondary"> Abbrechen </button>
-					<button
-						onclick={handleUpload}
-						disabled={!selectedFile || uploading}
-						class="btn-primary disabled:cursor-not-allowed disabled:opacity-50"
-					>
-						{#if uploading}
-							Lädt hoch...
-						{:else}
-							Hochladen & Verarbeiten
-						{/if}
-					</button>
-				</div>
-
-				<!-- Upload Status -->
-				{#if uploading}
-					<div class="mt-6 rounded-2xl border border-theme bg-menu p-6">
-						<div class="mb-2 flex items-center justify-between">
-							<span class="font-medium text-theme">Wird hochgeladen...</span>
-							<span class="text-sm text-theme-secondary">{uploadProgress}%</span>
-						</div>
-						<div class="h-2 overflow-hidden rounded-full bg-content">
-							<div
-								class="h-full bg-mana transition-all duration-300"
-								style="width: {uploadProgress}%"
-							></div>
-						</div>
-					</div>
-				{/if}
-
-				{#if uploadSuccess}
-					<div class="mt-6 rounded-2xl border border-green-500/20 bg-green-500/5 p-6">
-						<div class="flex items-center gap-3">
-							<svg
-								class="h-6 w-6 text-green-500"
-								fill="none"
-								stroke="currentColor"
-								viewBox="0 0 24 24"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M5 13l4 4L19 7"
-								/>
-							</svg>
-							<p class="font-medium text-green-500">Upload erfolgreich! Wird verarbeitet...</p>
-						</div>
-					</div>
-				{/if}
-
-				{#if uploadError}
-					<div class="mt-6 rounded-2xl border border-red-500/20 bg-red-500/5 p-6">
-						<div class="flex items-center gap-3">
-							<svg
-								class="h-6 w-6 text-red-500"
-								fill="none"
-								stroke="currentColor"
-								viewBox="0 0 24 24"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
-							<p class="font-medium text-red-500">{uploadError}</p>
-						</div>
-					</div>
-				{/if}
-			{/if}
-		</div>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/(public)/+layout.svelte b/apps/memoro/apps/web-archived/src/routes/(public)/+layout.svelte
deleted file mode 100644
index b9bb97c10..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(public)/+layout.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-
-	let { children, data } = $props();
-
-	// Redirect to dashboard if already authenticated
-	onMount(() => {
-		if (data.session) {
-			goto('/dashboard');
-		}
-	});
-</script>
-
-{@render children?.()}
diff --git a/apps/memoro/apps/web-archived/src/routes/(public)/login/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(public)/login/+page.svelte
deleted file mode 100644
index dc638d5cd..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(public)/login/+page.svelte
+++ /dev/null
@@ -1,875 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import ThemeToggle from '$lib/components/ThemeToggle.svelte';
-	import ThemeSelector from '$lib/components/ThemeSelector.svelte';
-	import MemoroLogo from '$lib/components/MemoroLogo.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-
-	import { theme } from '$lib/stores/theme';
-	import { ringsInitialized } from '$lib/stores/ringsInitialized';
-	import { t } from 'svelte-i18n';
-	import Icon from '$lib/components/Icon.svelte';
-	import Modal from '$lib/components/Modal.svelte';
-
-	// Check if rings should show intro animation (only on first load)
-	let showIntro = $state(!$ringsInitialized);
-	let ringReaction = $state<'none' | 'pulse'>('none');
-
-	onMount(() => {
-		// Mark rings as initialized after intro animation completes
-		if (!$ringsInitialized) {
-			setTimeout(() => {
-				ringsInitialized.set(true);
-			}, 1200); // After intro animation finishes
-		}
-	});
-
-	// Trigger ring reaction animation before navigation
-	function triggerRingReaction(callback: () => void) {
-		ringReaction = 'pulse';
-		setTimeout(() => {
-			callback();
-			// Reset after navigation
-			setTimeout(() => {
-				ringReaction = 'none';
-			}, 100);
-		}, 300); // Short delay to show reaction
-	}
-
-	type AuthMode = 'initial' | 'login' | 'forgot-password' | 'password-reset-success';
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let email = $state('');
-	let password = $state('');
-	let mode = $state<AuthMode>('initial');
-	let showManaInfoModal = $state(false);
-	let showMemoroInfoModal = $state(false);
-	let resetEmail = $state(''); // Store email for success message
-	let showPassword = $state(false); // Toggle password visibility
-	let emailInput: HTMLInputElement | null = $state(null);
-
-	// Auto-focus email input when switching to login mode
-	$effect(() => {
-		if (mode === 'login' && emailInput) {
-			setTimeout(() => emailInput?.focus(), 100);
-		}
-	});
-
-	let currentTheme = $derived($theme);
-	let isDark = $derived(currentTheme.effectiveMode === 'dark');
-
-	// Password validation requirements
-	let passwordRequirements = $derived.by(() => {
-		if (!password) {
-			return {
-				length: false,
-				lowercase: false,
-				uppercase: false,
-				digit: false,
-				special: false,
-			};
-		}
-
-		return {
-			length: password.length >= 8,
-			lowercase: /[a-z]/.test(password),
-			uppercase: /[A-Z]/.test(password),
-			digit: /[0-9]/.test(password),
-			special: /[^a-zA-Z0-9]/.test(password),
-		};
-	});
-
-	// Display OAuth error from URL if present
-	let oauthErrorRaw = $derived($page.url.searchParams.get('error'));
-	let oauthError = $derived.by(() => {
-		if (!oauthErrorRaw) return null;
-
-		// Map OAuth error codes to translation keys
-		const errorMap: Record<string, string> = {
-			access_denied: 'auth.oauth_error_access_denied',
-			server_error: 'auth.oauth_error_server_error',
-			temporarily_unavailable: 'auth.oauth_error_temporarily_unavailable',
-			invalid_request: 'auth.oauth_error_invalid_request',
-			unauthorized_client: 'auth.oauth_error_unauthorized_client',
-			unsupported_response_type: 'auth.oauth_error_unsupported_response_type',
-			invalid_scope: 'auth.oauth_error_invalid_scope',
-		};
-
-		const translationKey = errorMap[oauthErrorRaw] || 'auth.oauth_error_unknown';
-		return $t(translationKey);
-	});
-
-	// Get primary color based on theme variant
-	function getPrimaryColor() {
-		const variant = currentTheme.variant;
-		if (isDark) {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#78909C',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		} else {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#607D8B',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		}
-	}
-
-	// Get page background based on theme variant
-	function getPageBackground() {
-		const variant = currentTheme.variant;
-		if (isDark) {
-			const colors = {
-				lume: '#101010',
-				nature: '#121212',
-				stone: '#121212',
-				ocean: '#121212',
-			};
-			return colors[variant];
-		} else {
-			const colors = {
-				lume: '#dddddd',
-				nature: '#FBFDF8',
-				stone: '#F5F7F9',
-				ocean: '#F5FCFF',
-			};
-			return colors[variant];
-		}
-	}
-
-	async function handleLogin() {
-		loading = true;
-		error = null;
-
-		// Validate inputs
-		if (!email) {
-			error = $t('auth.error_email_required');
-			loading = false;
-			return;
-		}
-
-		if (!password) {
-			error = $t('auth.error_password_required');
-			loading = false;
-			return;
-		}
-
-		const result = await authStore.signIn(email, password);
-
-		loading = false;
-
-		if (result.success) {
-			goto('/dashboard');
-		} else {
-			error = result.error || $t('auth.logging_in');
-		}
-	}
-
-	async function handleForgotPassword() {
-		loading = true;
-		error = null;
-
-		// Validate email
-		if (!email) {
-			error = $t('auth.error_email_required');
-			loading = false;
-			return;
-		}
-
-		// Send password reset email
-		const result = await authStore.resetPassword(email);
-
-		loading = false;
-
-		if (result.success) {
-			// Store email for success message and switch to success screen
-			resetEmail = email;
-			resetForm();
-			switchMode('password-reset-success');
-		} else {
-			// Show error with specific handling for rate limiting
-			let errorMessage = result.error || $t('auth.reset_password_error');
-
-			// Check if it's a rate limit error
-			if (result.error?.includes('rate limit') || result.error?.includes('too many')) {
-				errorMessage = $t('auth.reset_password_rate_limit');
-			}
-
-			error = errorMessage;
-		}
-	}
-
-	function resetForm() {
-		email = '';
-		password = '';
-		error = null;
-	}
-
-	function switchMode(newMode: AuthMode) {
-		mode = newMode;
-		error = null;
-	}
-</script>
-
-<svelte:head>
-	<title>Login - Memoro</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col justify-between relative overflow-hidden"
-	style="background-color: {getPageBackground()};"
->
-	<!-- Concentric Circles Background -->
-	<div class="absolute inset-0 flex items-center justify-center pointer-events-none">
-		<svg
-			class="min-w-full min-h-full"
-			style="width: max(100vw, 100vh); height: max(100vw, 100vh);"
-			viewBox="0 0 1000 1000"
-			fill="none"
-			preserveAspectRatio="xMidYMid slice"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			{#each [480, 420, 360, 300, 240, 180, 120, 60] as radius, i}
-				<circle
-					cx="500"
-					cy="500"
-					r={radius}
-					class="ripple-circle {showIntro ? 'with-intro' : ''} {ringReaction === 'pulse'
-						? 'react-pulse'
-						: ''}"
-					style="--delay: {(7 - i) * 0.15}s; --intro-delay: {(7 - i) * 0.08}s; --react-delay: {(7 -
-						i) *
-						0.03}s; --base-opacity: {0.1 + i * 0.1}; --base-stroke: {1 + i * 0.5};"
-				/>
-			{/each}
-		</svg>
-	</div>
-
-	<!-- Language Selector and Theme Toggle in top right -->
-	<div class="absolute right-4 top-4 z-50 flex items-center gap-3">
-		<LanguageSelector />
-		<ThemeToggle />
-	</div>
-
-	<!-- Auth Container -->
-	<div class="flex-1 flex items-center justify-center px-5 py-8">
-		<div
-			class="w-full max-w-md rounded-xl p-6 aspect-square flex flex-col"
-			style="background-color: {isDark
-				? 'rgba(255, 255, 255, 0.1)'
-				: 'rgba(255, 255, 255, 0.6)'}; backdrop-filter: blur(20px); border: 1px solid {isDark
-				? 'rgba(255, 255, 255, 0.2)'
-				: 'rgba(0, 0, 0, 0.1)'};"
-		>
-			<!-- Logo Section: Two-column card layout -->
-			{#if mode === 'initial'}
-				<div class="mb-6">
-					<div class="grid grid-cols-2 gap-3">
-						<!-- Memoro Card (square, clickable) -->
-						<button
-							onclick={() => (showMemoroInfoModal = true)}
-							class="flex flex-col items-center justify-center rounded-xl aspect-square cursor-pointer transition-all hover:scale-[1.02]"
-							style="background-color: {isDark
-								? 'rgba(255, 255, 255, 0.05)'
-								: 'rgba(0, 0, 0, 0.03)'}; border: 1px solid {isDark
-								? 'rgba(255, 255, 255, 0.1)'
-								: 'rgba(0, 0, 0, 0.08)'};"
-						>
-							<MemoroLogo size={50} color={getPrimaryColor()} />
-							<span
-								class="text-lg font-semibold mt-2"
-								style="color: {isDark ? '#ffffff' : '#000000'};"
-							>
-								Memoro
-							</span>
-						</button>
-
-						<!-- Mana Card (square, clickable) -->
-						<button
-							onclick={() => (showManaInfoModal = true)}
-							class="flex flex-col items-center justify-center rounded-xl cursor-pointer transition-all hover:scale-[1.02] aspect-square"
-							style="background-color: {isDark
-								? 'rgba(3, 155, 229, 0.1)'
-								: 'rgba(3, 155, 229, 0.08)'}; border: 1px solid {isDark
-								? 'rgba(3, 155, 229, 0.3)'
-								: 'rgba(3, 155, 229, 0.2)'};"
-						>
-							<svg class="w-14 h-14" viewBox="0 0 24 24" fill="#039BE5">
-								<path
-									d="M12.3047 1C12.3392 1.04573 19.608 10.6706 19.6084 14.6953C19.6084 18.7293 16.3386 21.9998 12.3047 22C8.27061 22 5 18.7294 5 14.6953C5.00041 10.661 12.3047 1 12.3047 1ZM12.3047 7.3916C12.2811 7.42276 8.65234 12.2288 8.65234 14.2393C8.65241 16.2562 10.2877 17.8916 12.3047 17.8916C14.3217 17.8916 15.957 16.2562 15.957 14.2393C15.957 12.2301 12.3331 7.42917 12.3047 7.3916Z"
-								/>
-							</svg>
-							<span class="text-lg font-bold mt-2" style="color: #039BE5;">Mana</span>
-						</button>
-					</div>
-
-					<!-- Powered by text -->
-					<p
-						class="text-center text-sm mt-4"
-						style="color: {isDark ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.6)'};"
-					>
-						powered by <button
-							onclick={() => (showManaInfoModal = true)}
-							class="font-semibold underline hover:opacity-80 transition-opacity"
-							style="color: #039BE5;">Mana</button
-						>
-					</p>
-				</div>
-			{:else}
-				<div class="mb-6">
-					<h2 class="text-center text-xl font-semibold text-theme">
-						{#if mode === 'login'}
-							{$t('auth.sign_in')}
-						{:else if mode === 'forgot-password'}
-							{$t('auth.reset_password')}
-						{:else if mode === 'password-reset-success'}
-							{$t('auth.reset_email_sent_title')}
-						{/if}
-					</h2>
-				</div>
-			{/if}
-
-			<!-- Error Messages -->
-			{#if error}
-				<div class="mb-4 rounded-xl bg-red-500/20 border border-red-500/30 p-3">
-					<p class="text-sm text-red-500">{error}</p>
-				</div>
-			{/if}
-
-			{#if oauthError}
-				<div class="mb-4 rounded-xl bg-red-500/20 border border-red-500/30 p-3">
-					<p class="text-sm text-red-500">{oauthError}</p>
-				</div>
-			{/if}
-
-			<!-- Initial Mode -->
-			{#if mode === 'initial'}
-				<div class="mb-2 flex flex-col gap-3">
-					<button
-						onclick={() => triggerRingReaction(() => goto('/register'))}
-						class="flex h-14 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80 border-2"
-						style="background-color: rgba(3, 155, 229, 0.3); border-color: #039BE5; color: {isDark
-							? '#ffffff'
-							: '#000000'};"
-					>
-						<Icon name="user-plus" size={20} />
-						{$t('auth.create_account')}
-					</button>
-
-					<button
-						onclick={() => triggerRingReaction(() => switchMode('login'))}
-						class="flex h-14 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80 border-2"
-						style="background-color: {getPrimaryColor()}60; border-color: {getPrimaryColor()}; color: {isDark
-							? '#ffffff'
-							: '#000000'};"
-					>
-						<Icon name="sign-in" size={20} />
-						{$t('auth.sign_in')}
-					</button>
-				</div>
-
-				<!-- Terms and Privacy -->
-				<p class="mt-4 text-sm text-center text-theme-muted px-2">
-					{@html $t('auth.terms_agreement')}
-				</p>
-
-				<!-- Login Mode -->
-			{:else if mode === 'login'}
-				<form
-					onsubmit={(e) => {
-						e.preventDefault();
-						handleLogin();
-					}}
-					class="pb-4"
-				>
-					<div class="mb-2">
-						<input
-							type="email"
-							bind:value={email}
-							bind:this={emailInput}
-							placeholder="Email"
-							required
-							class="h-14 w-full rounded-xl border border-theme bg-content px-4 text-lg transition-colors focus:outline-none focus:ring-2 focus:ring-primary text-theme placeholder:text-theme-muted"
-						/>
-					</div>
-
-					<div class="mb-2 relative">
-						<input
-							type={showPassword ? 'text' : 'password'}
-							bind:value={password}
-							placeholder={$t('auth.password')}
-							required
-							class="h-14 w-full rounded-xl border border-theme bg-content px-4 pr-12 text-lg transition-colors focus:outline-none focus:ring-2 focus:ring-primary text-theme placeholder:text-theme-muted"
-						/>
-						<button
-							type="button"
-							onclick={() => (showPassword = !showPassword)}
-							class="absolute right-3 top-1/2 -translate-y-1/2 p-2 rounded-lg hover:bg-menu-hover transition-colors"
-							aria-label={showPassword ? 'Passwort verbergen' : 'Passwort anzeigen'}
-						>
-							<Icon name={showPassword ? 'eye-off' : 'eye'} size={20} class="text-theme-muted" />
-						</button>
-					</div>
-
-					<button
-						type="button"
-						onclick={() => switchMode('forgot-password')}
-						class="mb-4 flex h-10 w-full items-center justify-center rounded-xl font-medium transition-all bg-content hover:bg-menu-hover text-theme border border-theme"
-					>
-						{$t('auth.forgot_password')}
-					</button>
-
-					<div class="mb-0 flex flex-col gap-4">
-						<button
-							type="submit"
-							disabled={loading}
-							class="flex h-14 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80 disabled:opacity-50 border-2"
-							style="background-color: {getPrimaryColor()}60; border-color: {getPrimaryColor()}; color: {isDark
-								? '#ffffff'
-								: '#000000'};"
-						>
-							<Icon name="sign-in" size={20} />
-							{loading ? $t('auth.logging_in') : $t('auth.sign_in')}
-						</button>
-					</div>
-				</form>
-
-				<!-- Back Button -->
-				<div class="mt-4">
-					<button
-						onclick={() => {
-							resetForm();
-							switchMode('initial');
-						}}
-						class="flex h-10 w-full items-center justify-center gap-2 rounded-xl font-medium transition-all hover:bg-menu-hover text-theme"
-					>
-						<Icon name="arrow-left" size={20} />
-						{$t('auth.back')}
-					</button>
-				</div>
-
-				<!-- Forgot Password Mode -->
-			{:else if mode === 'forgot-password'}
-				<form
-					onsubmit={(e) => {
-						e.preventDefault();
-						handleForgotPassword();
-					}}
-					class="pb-4"
-				>
-					<p class="mb-4 text-sm text-theme-secondary">
-						{$t('auth.reset_password_description')}
-					</p>
-
-					<div class="mb-4">
-						<input
-							type="email"
-							bind:value={email}
-							placeholder={$t('auth.email')}
-							required
-							class="h-14 w-full rounded-xl border border-theme bg-content px-4 text-lg transition-colors focus:outline-none focus:ring-2 focus:ring-primary text-theme placeholder:text-theme-muted"
-						/>
-					</div>
-
-					<div class="flex flex-col gap-4">
-						<button
-							type="submit"
-							disabled={loading}
-							class="flex h-14 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80 disabled:opacity-50 border-2"
-							style="background-color: {getPrimaryColor()}60; border-color: {getPrimaryColor()}; color: {isDark
-								? '#ffffff'
-								: '#000000'};"
-						>
-							<Icon name="key" size={20} />
-							{loading ? $t('auth.sending') : $t('auth.reset_password')}
-						</button>
-
-						<button
-							type="button"
-							onclick={() => {
-								resetForm();
-								switchMode('login');
-							}}
-							class="flex h-10 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:bg-menu-hover text-theme"
-						>
-							<Icon name="arrow-left" size={20} />
-							{$t('auth.back')}
-						</button>
-					</div>
-				</form>
-
-				<!-- Password Reset Success Mode -->
-			{:else if mode === 'password-reset-success'}
-				<div class="pb-4">
-					<div class="flex flex-col items-center mb-6">
-						<div
-							class="w-20 h-20 rounded-full flex items-center justify-center mb-6"
-							style="background-color: {getPrimaryColor()}30;"
-						>
-							<Icon name="mail-open" size={40} color={getPrimaryColor()} />
-						</div>
-
-						<p class="text-sm text-theme-secondary text-center px-2">
-							{$t('auth.reset_email_sent_description').replace('{email}', resetEmail)}
-						</p>
-					</div>
-
-					<div class="flex flex-col gap-3">
-						<button
-							onclick={() => {
-								resetEmail = '';
-								switchMode('login');
-							}}
-							class="flex h-14 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80 border-2"
-							style="background-color: {getPrimaryColor()}60; border-color: {getPrimaryColor()}; color: {isDark
-								? '#ffffff'
-								: '#000000'};"
-						>
-							<Icon name="sign-in" size={20} />
-							{$t('auth.back_to_login')}
-						</button>
-
-						<button
-							onclick={() => switchMode('forgot-password')}
-							class="flex h-10 items-center justify-center gap-2 rounded-xl font-medium transition-all bg-content hover:bg-menu-hover text-theme border border-theme"
-						>
-							{$t('auth.resend_email')}
-						</button>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Bottom Section - App Slider (hidden) -->
-	<!-- {#if mode === 'initial'}
-		<div class="w-full pb-8 px-2 pt-4">
-			<AppSlider />
-		</div>
-	{/if} -->
-
-	<!-- Mana Info Modal -->
-	<Modal
-		visible={showManaInfoModal}
-		onClose={() => (showManaInfoModal = false)}
-		title="Mana"
-		maxWidth="md"
-		transparentBackdrop={true}
-	>
-		{#snippet icon()}
-			<svg class="h-6 w-6" viewBox="0 0 24 24" fill="#039BE5">
-				<path
-					d="M12.3047 1C12.3392 1.04573 19.608 10.6706 19.6084 14.6953C19.6084 18.7293 16.3386 21.9998 12.3047 22C8.27061 22 5 18.7294 5 14.6953C5.00041 10.661 12.3047 1 12.3047 1ZM12.3047 7.3916C12.2811 7.42276 8.65234 12.2288 8.65234 14.2393C8.65241 16.2562 10.2877 17.8916 12.3047 17.8916C14.3217 17.8916 15.957 16.2562 15.957 14.2393C15.957 12.2301 12.3331 7.42917 12.3047 7.3916Z"
-				/>
-			</svg>
-		{/snippet}
-
-		{#snippet children()}
-			<div class="space-y-3">
-				<p class="text-sm text-theme-muted leading-relaxed">
-					Mana ist dein zentraler Zugang zu allen Apps im Mana-Ökosystem. Ein Account für alle
-					Mana-Anwendungen.
-				</p>
-
-				<div class="space-y-1.5">
-					<h4 class="text-sm font-semibold" style="color: #039BE5;">Vorteile</h4>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: rgba(3, 155, 229, 0.08); border: 1px solid rgba(3, 155, 229, 0.2);"
-					>
-						<svg class="h-4 w-4 flex-shrink-0" viewBox="0 0 24 24" fill="#039BE5">
-							<path
-								d="M12.3047 1C12.3392 1.04573 19.608 10.6706 19.6084 14.6953C19.6084 18.7293 16.3386 21.9998 12.3047 22C8.27061 22 5 18.7294 5 14.6953C5.00041 10.661 12.3047 1 12.3047 1ZM12.3047 7.3916C12.2811 7.42276 8.65234 12.2288 8.65234 14.2393C8.65241 16.2562 10.2877 17.8916 12.3047 17.8916C14.3217 17.8916 15.957 16.2562 15.957 14.2393C15.957 12.2301 12.3331 7.42917 12.3047 7.3916Z"
-							/>
-						</svg>
-						<span class="text-sm text-theme">{$t('auth.mana_login_benefit_0')}</span>
-					</div>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: rgba(3, 155, 229, 0.08); border: 1px solid rgba(3, 155, 229, 0.2);"
-					>
-						<span style="color: #039BE5;"><Icon name="key" size={16} class="flex-shrink-0" /></span>
-						<span class="text-sm text-theme">Ein Login für alle Mana Apps</span>
-					</div>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: rgba(3, 155, 229, 0.08); border: 1px solid rgba(3, 155, 229, 0.2);"
-					>
-						<span style="color: #039BE5;"
-							><Icon name="shield-check" size={16} class="flex-shrink-0" /></span
-						>
-						<span class="text-sm text-theme">Sichere Authentifizierung</span>
-					</div>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: rgba(3, 155, 229, 0.08); border: 1px solid rgba(3, 155, 229, 0.2);"
-					>
-						<span style="color: #039BE5;"
-							><Icon name="arrows-left-right" size={16} class="flex-shrink-0" /></span
-						>
-						<span class="text-sm text-theme">Sync über alle Apps</span>
-					</div>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: rgba(3, 155, 229, 0.08); border: 1px solid rgba(3, 155, 229, 0.2);"
-					>
-						<span style="color: #039BE5;"
-							><Icon name="folder" size={16} class="flex-shrink-0" /></span
-						>
-						<span class="text-sm text-theme">Zentrale Datenverwaltung</span>
-					</div>
-				</div>
-
-				<p class="text-xs text-theme-muted">Weitere Mana Apps folgen in Zukunft.</p>
-			</div>
-		{/snippet}
-
-		{#snippet footer()}
-			<button
-				onclick={() => (showManaInfoModal = false)}
-				class="w-full py-2.5 rounded-lg font-medium text-sm transition-colors hover:opacity-90"
-				style="background-color: #039BE5; color: white;"
-			>
-				Verstanden
-			</button>
-		{/snippet}
-	</Modal>
-
-	<!-- Memoro Info Modal -->
-	<Modal
-		visible={showMemoroInfoModal}
-		onClose={() => (showMemoroInfoModal = false)}
-		title="Memoro"
-		maxWidth="md"
-		transparentBackdrop={true}
-	>
-		{#snippet icon()}
-			<div class="h-6 w-6">
-				<MemoroLogo size={24} color={getPrimaryColor()} />
-			</div>
-		{/snippet}
-
-		{#snippet children()}
-			<div class="space-y-3">
-				<p class="text-sm text-theme-muted leading-relaxed">
-					Memoro ist dein KI-gestützter Sprachassistent für Notizen und Memos. Nimm Gedanken auf und
-					lass sie automatisch transkribieren und analysieren.
-				</p>
-
-				<div class="space-y-1.5">
-					<h4 class="text-sm font-semibold" style="color: {getPrimaryColor()};">Features</h4>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: {isDark
-							? 'rgba(255, 255, 255, 0.05)'
-							: 'rgba(0, 0, 0, 0.03)'}; border: 1px solid {isDark
-							? 'rgba(255, 255, 255, 0.1)'
-							: 'rgba(0, 0, 0, 0.08)'};"
-					>
-						<span style="color: {getPrimaryColor()};"
-							><Icon name="microphone" size={16} class="flex-shrink-0" /></span
-						>
-						<span class="text-sm text-theme">Sprachaufnahmen mit einem Klick</span>
-					</div>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: {isDark
-							? 'rgba(255, 255, 255, 0.05)'
-							: 'rgba(0, 0, 0, 0.03)'}; border: 1px solid {isDark
-							? 'rgba(255, 255, 255, 0.1)'
-							: 'rgba(0, 0, 0, 0.08)'};"
-					>
-						<span style="color: {getPrimaryColor()};"
-							><Icon name="file" size={16} class="flex-shrink-0" /></span
-						>
-						<span class="text-sm text-theme">Automatische Transkription</span>
-					</div>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: {isDark
-							? 'rgba(255, 255, 255, 0.05)'
-							: 'rgba(0, 0, 0, 0.03)'}; border: 1px solid {isDark
-							? 'rgba(255, 255, 255, 0.1)'
-							: 'rgba(0, 0, 0, 0.08)'};"
-					>
-						<span style="color: {getPrimaryColor()};"
-							><Icon name="star" size={16} class="flex-shrink-0" /></span
-						>
-						<span class="text-sm text-theme">KI-gestützte Analyse & Zusammenfassung</span>
-					</div>
-
-					<div
-						class="rounded-lg p-2.5 flex items-center gap-2.5"
-						style="background-color: {isDark
-							? 'rgba(255, 255, 255, 0.05)'
-							: 'rgba(0, 0, 0, 0.03)'}; border: 1px solid {isDark
-							? 'rgba(255, 255, 255, 0.1)'
-							: 'rgba(0, 0, 0, 0.08)'};"
-					>
-						<span style="color: {getPrimaryColor()};"
-							><Icon name="download" size={16} class="flex-shrink-0" /></span
-						>
-						<span class="text-sm text-theme">Verfügbar auf iOS, Android & Web</span>
-					</div>
-				</div>
-
-				<p class="text-xs text-theme-muted">Memoro nutzt Mana für sichere Authentifizierung.</p>
-			</div>
-		{/snippet}
-
-		{#snippet footer()}
-			<button
-				onclick={() => (showMemoroInfoModal = false)}
-				class="w-full py-2.5 rounded-lg font-medium text-sm transition-colors hover:opacity-90"
-				style="background-color: {getPrimaryColor()}; color: {isDark ? '#000000' : '#000000'};"
-			>
-				Verstanden
-			</button>
-		{/snippet}
-	</Modal>
-</div>
-
-<style>
-	/* Base circle styles - breathing animation only (default) */
-	.ripple-circle {
-		opacity: var(--base-opacity);
-		transform-origin: center;
-		stroke: #f8d62b;
-		stroke-width: var(--base-stroke);
-		animation: combo 10s cubic-bezier(0.45, 0, 0.55, 1) infinite;
-		animation-delay: var(--delay);
-		will-change: opacity, transform, stroke-width, stroke, filter;
-	}
-
-	/* With intro animation (only on first page load) */
-	.ripple-circle.with-intro {
-		opacity: 0;
-		animation:
-			droplet-intro 1s ease-out forwards,
-			combo 10s cubic-bezier(0.45, 0, 0.55, 1) infinite;
-		animation-delay: var(--intro-delay), calc(1.2s + var(--delay));
-	}
-
-	/* Intro animation - subtle droplet ripple from center */
-	@keyframes droplet-intro {
-		0% {
-			opacity: 0;
-			transform: scale(0.98);
-			stroke-width: var(--base-stroke);
-			stroke: #f8d62b;
-			filter: brightness(1);
-		}
-		70% {
-			opacity: calc(var(--base-opacity) * 1.1);
-			transform: scale(1.003);
-			stroke-width: calc(var(--base-stroke) * 1.05);
-			stroke: #f8d62b;
-			filter: brightness(1.05);
-		}
-		100% {
-			opacity: var(--base-opacity);
-			transform: scale(1);
-			stroke-width: var(--base-stroke);
-			stroke: #f8d62b;
-			filter: brightness(1);
-		}
-	}
-
-	/* Reaction animation - quick pulse when clicking navigation buttons */
-	.ripple-circle.react-pulse {
-		animation:
-			react-pulse 0.4s ease-out forwards,
-			combo 10s cubic-bezier(0.45, 0, 0.55, 1) infinite;
-		animation-delay: var(--react-delay), calc(0.4s + var(--delay));
-	}
-
-	@keyframes react-pulse {
-		0% {
-			opacity: var(--base-opacity);
-			transform: scale(1);
-			stroke-width: var(--base-stroke);
-			filter: brightness(1);
-		}
-		50% {
-			opacity: calc(var(--base-opacity) * 1.3);
-			transform: scale(1.008);
-			stroke-width: calc(var(--base-stroke) * 1.2);
-			filter: brightness(1.15);
-		}
-		100% {
-			opacity: var(--base-opacity);
-			transform: scale(1);
-			stroke-width: var(--base-stroke);
-			filter: brightness(1);
-		}
-	}
-
-	@keyframes combo {
-		/* Start - Ausatmen beendet */
-		0% {
-			opacity: calc(var(--base-opacity) * 0.7);
-			transform: scale(0.998);
-			stroke-width: calc(var(--base-stroke) * 0.9);
-			stroke: #e6b800;
-			filter: brightness(0.95);
-		}
-		/* Einatmen Mitte */
-		20% {
-			opacity: calc(var(--base-opacity) * 0.95);
-			transform: scale(1.001);
-			stroke-width: calc(var(--base-stroke) * 1.025);
-			stroke: #f0c800;
-			filter: brightness(1.015);
-		}
-		/* 40% = 4s Einatmen abgeschlossen */
-		40% {
-			opacity: calc(var(--base-opacity) * 1.2);
-			transform: scale(1.004);
-			stroke-width: calc(var(--base-stroke) * 1.15);
-			stroke: #f8d62b;
-			filter: brightness(1.08);
-		}
-		/* Ausatmen langsam */
-		60% {
-			opacity: calc(var(--base-opacity) * 1.05);
-			transform: scale(1.002);
-			stroke-width: calc(var(--base-stroke) * 1.075);
-			stroke: #f4cf20;
-			filter: brightness(1.04);
-		}
-		80% {
-			opacity: calc(var(--base-opacity) * 0.85);
-			transform: scale(0.999);
-			stroke-width: calc(var(--base-stroke) * 0.95);
-			stroke: #ebc010;
-			filter: brightness(0.98);
-		}
-		/* 100% = 6s Ausatmen abgeschlossen */
-		100% {
-			opacity: calc(var(--base-opacity) * 0.7);
-			transform: scale(0.998);
-			stroke-width: calc(var(--base-stroke) * 0.9);
-			stroke: #e6b800;
-			filter: brightness(0.95);
-		}
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/routes/(public)/register/+page.svelte b/apps/memoro/apps/web-archived/src/routes/(public)/register/+page.svelte
deleted file mode 100644
index 4f5662ee7..000000000
--- a/apps/memoro/apps/web-archived/src/routes/(public)/register/+page.svelte
+++ /dev/null
@@ -1,502 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import ThemeToggle from '$lib/components/ThemeToggle.svelte';
-	import ThemeSelector from '$lib/components/ThemeSelector.svelte';
-	import MemoroLogo from '$lib/components/MemoroLogo.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import Modal from '$lib/components/Modal.svelte';
-	import Icon from '$lib/components/Icon.svelte';
-
-	import { theme } from '$lib/stores/theme';
-	import { ringsInitialized } from '$lib/stores/ringsInitialized';
-	import { t } from 'svelte-i18n';
-
-	// Mark rings as initialized (in case user navigates directly here)
-	onMount(() => {
-		ringsInitialized.set(true);
-	});
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let success = $state(false);
-	let needsVerification = $state(false);
-	let email = $state('');
-	let password = $state('');
-	let confirmPassword = $state('');
-	let showModal = $state(false);
-	let showPassword = $state(false);
-	let showConfirmPassword = $state(false);
-
-	let currentTheme = $derived($theme);
-	let isDark = $derived(currentTheme.effectiveMode === 'dark');
-
-	// Password validation requirements
-	let passwordRequirements = $derived.by(() => {
-		if (!password) {
-			return {
-				length: false,
-				lowercase: false,
-				uppercase: false,
-				digit: false,
-				special: false,
-			};
-		}
-
-		return {
-			length: password.length >= 8,
-			lowercase: /[a-z]/.test(password),
-			uppercase: /[A-Z]/.test(password),
-			digit: /[0-9]/.test(password),
-			special: /[^a-zA-Z0-9]/.test(password),
-		};
-	});
-
-	// Display OAuth error from URL if present
-	let oauthError = $derived($page.url.searchParams.get('error'));
-
-	// Get primary color based on theme variant
-	function getPrimaryColor() {
-		const variant = currentTheme.variant;
-		if (isDark) {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#78909C',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		} else {
-			const colors = {
-				lume: '#f8d62b',
-				nature: '#4CAF50',
-				stone: '#607D8B',
-				ocean: '#039BE5',
-			};
-			return colors[variant];
-		}
-	}
-
-	// Get page background based on theme variant
-	function getPageBackground() {
-		const variant = currentTheme.variant;
-		if (isDark) {
-			const colors = {
-				lume: '#101010',
-				nature: '#121212',
-				stone: '#121212',
-				ocean: '#121212',
-			};
-			return colors[variant];
-		} else {
-			const colors = {
-				lume: '#dddddd',
-				nature: '#FBFDF8',
-				stone: '#F5F7F9',
-				ocean: '#F5FCFF',
-			};
-			return colors[variant];
-		}
-	}
-
-	async function handleRegister() {
-		loading = true;
-		error = null;
-		success = false;
-
-		// Client-side validation
-		if (!email) {
-			error = $t('auth.error_email_required');
-			loading = false;
-			return;
-		}
-
-		if (!password) {
-			error = $t('auth.error_password_required');
-			loading = false;
-			return;
-		}
-
-		if (!confirmPassword) {
-			error = $t('auth.error_confirm_password');
-			loading = false;
-			return;
-		}
-
-		if (password !== confirmPassword) {
-			error = $t('auth.error_passwords_not_match');
-			loading = false;
-			return;
-		}
-
-		if (password.length < 8) {
-			error = $t('auth.error_password_too_short');
-			loading = false;
-			return;
-		}
-
-		// Check password strength
-		const hasLowercase = /[a-z]/.test(password);
-		const hasUppercase = /[A-Z]/.test(password);
-		const hasDigit = /[0-9]/.test(password);
-		const hasSymbol = /[^a-zA-Z0-9]/.test(password);
-
-		if (!hasLowercase || !hasUppercase || !hasDigit || !hasSymbol) {
-			error = $t('auth.error_password_requirements');
-			loading = false;
-			return;
-		}
-
-		const result = await authStore.signUp(email, password);
-
-		loading = false;
-
-		if (result.success) {
-			if (result.needsVerification) {
-				needsVerification = true;
-				success = true;
-				// Clear sensitive fields but keep email
-				password = '';
-				confirmPassword = '';
-			} else {
-				goto('/dashboard');
-			}
-		} else {
-			error = result.error || $t('auth.error_registration_failed');
-		}
-	}
-
-	function resetForm() {
-		email = '';
-		password = '';
-		confirmPassword = '';
-		error = null;
-		success = false;
-		needsVerification = false;
-	}
-</script>
-
-<svelte:head>
-	<title>{$t('auth.create_account')} - Memoro</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col justify-between relative overflow-hidden"
-	style="background-color: {getPageBackground()};"
->
-	<!-- Concentric Circles Background -->
-	<div class="absolute inset-0 flex items-center justify-center pointer-events-none">
-		<svg
-			class="min-w-full min-h-full"
-			style="width: max(100vw, 100vh); height: max(100vw, 100vh);"
-			viewBox="0 0 1000 1000"
-			fill="none"
-			preserveAspectRatio="xMidYMid slice"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			{#each [480, 420, 360, 300, 240, 180, 120, 60] as radius, i}
-				<circle
-					cx="500"
-					cy="500"
-					r={radius}
-					class="ripple-circle"
-					style="--delay: {(7 - i) * 0.15}s; --base-opacity: {0.1 + i * 0.1}; --base-stroke: {1 +
-						i * 0.5};"
-				/>
-			{/each}
-		</svg>
-	</div>
-
-	<!-- Language Selector and Theme Toggle in top right -->
-	<div class="absolute right-4 top-4 z-50 flex items-center gap-3">
-		<LanguageSelector />
-		<ThemeToggle />
-	</div>
-
-	<!-- Auth Container -->
-	<div class="flex-1 flex items-center justify-center px-5 py-8">
-		<div
-			class="w-full max-w-md rounded-xl p-6"
-			style="background-color: {isDark
-				? 'rgba(255, 255, 255, 0.1)'
-				: 'rgba(255, 255, 255, 0.6)'}; backdrop-filter: blur(20px); border: 1px solid {isDark
-				? 'rgba(255, 255, 255, 0.2)'
-				: 'rgba(0, 0, 0, 0.1)'};"
-		>
-			<!-- Title -->
-			<h2
-				class="mb-6 text-center text-xl font-semibold"
-				style="color: {isDark ? 'rgba(255, 255, 255, 0.9)' : 'rgba(0, 0, 0, 0.9)'};"
-			>
-				{$t('auth.create_account')}
-			</h2>
-
-			<!-- Error Messages -->
-			{#if error}
-				<div class="mb-4 rounded-lg bg-red-500/20 p-3">
-					<p class="text-sm text-red-500">{error}</p>
-				</div>
-			{/if}
-
-			{#if success && needsVerification}
-				<div class="mb-4 rounded-lg bg-green-500/20 p-3">
-					<p class="text-sm text-green-500">
-						{$t('auth.registration_success')}
-					</p>
-				</div>
-			{/if}
-
-			{#if oauthError}
-				<div class="mb-4 rounded-lg bg-red-500/20 p-3">
-					<p class="text-sm text-red-500">{oauthError}</p>
-				</div>
-			{/if}
-
-			<!-- Email Register Form -->
-			<form
-				onsubmit={(e) => {
-					e.preventDefault();
-					handleRegister();
-				}}
-				class="pb-4"
-			>
-				<div class="mb-2">
-					<input
-						type="email"
-						bind:value={email}
-						placeholder={$t('auth.email')}
-						required
-						class="h-14 w-full rounded-xl border px-4 text-lg transition-colors"
-						style="background-color: {isDark
-							? 'rgba(0, 0, 0, 0.2)'
-							: 'rgba(241, 248, 233, 0.5)'}; border-color: {isDark
-							? '#424242'
-							: '#C8E6C9'}; color: {isDark ? '#ffffff' : '#000000'};"
-					/>
-				</div>
-
-				<div class="mb-2">
-					<input
-						type="password"
-						bind:value={password}
-						placeholder={$t('auth.password')}
-						required
-						minlength="8"
-						class="h-14 w-full rounded-xl border px-4 text-lg transition-colors"
-						style="background-color: {isDark
-							? 'rgba(0, 0, 0, 0.2)'
-							: 'rgba(241, 248, 233, 0.5)'}; border-color: {isDark
-							? '#424242'
-							: '#C8E6C9'}; color: {isDark ? '#ffffff' : '#000000'};"
-					/>
-				</div>
-
-				<div class="mb-2">
-					<input
-						type="password"
-						bind:value={confirmPassword}
-						placeholder={$t('auth.confirm_password')}
-						required
-						minlength="8"
-						class="h-14 w-full rounded-xl border px-4 text-lg transition-colors"
-						style="background-color: {isDark
-							? 'rgba(0, 0, 0, 0.2)'
-							: 'rgba(241, 248, 233, 0.5)'}; border-color: {isDark
-							? '#424242'
-							: '#C8E6C9'}; color: {isDark ? '#ffffff' : '#000000'};"
-					/>
-				</div>
-
-				<p
-					class="mb-4 mt-2 text-xs"
-					style="color: {isDark ? 'rgba(255, 255, 255, 0.6)' : 'rgba(0, 0, 0, 0.6)'};"
-				>
-					{$t('auth.password_requirement')}
-				</p>
-
-				<div class="mb-0 flex flex-col gap-4">
-					<button
-						type="submit"
-						disabled={loading}
-						class="flex h-14 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80 disabled:opacity-50 border-2"
-						style="background-color: {getPrimaryColor()}60; border-color: {getPrimaryColor()}; color: {isDark
-							? '#ffffff'
-							: '#000000'};"
-					>
-						<Icon name="user-plus" size={20} />
-						{loading ? $t('auth.creating_account') : $t('auth.create_account')}
-					</button>
-				</div>
-			</form>
-
-			<!-- Info about email-only authentication -->
-			<div
-				class="mt-4 mb-2 rounded-xl p-4 flex flex-col items-center gap-2"
-				style="background-color: {isDark ? 'rgba(255, 255, 255, 0.05)' : 'rgba(0, 0, 0, 0.05)'};"
-			>
-				<p
-					class="text-xs text-center"
-					style="color: {isDark ? 'rgba(255, 255, 255, 0.6)' : 'rgba(0, 0, 0, 0.6)'};"
-				>
-					{$t('auth.email_only_info')}
-				</p>
-				<button
-					onclick={() => (showModal = true)}
-					class="flex items-center gap-2 text-xs font-medium hover:opacity-80 transition-opacity"
-					style="color: {isDark ? '#ffffff' : '#000000'};"
-				>
-					<Icon name="info" size={16} />
-					{$t('auth.email_only_learn_more')}
-				</button>
-			</div>
-
-			<!-- Back Button -->
-			<div class="mt-4">
-				<button
-					onclick={() => goto('/login')}
-					class="flex h-10 w-full items-center justify-center gap-2 rounded-xl font-medium transition-all"
-					style="color: {isDark ? '#ffffff' : '#000000'};"
-				>
-					<Icon name="arrow-left" size={20} />
-					{$t('common.back')}
-				</button>
-			</div>
-		</div>
-	</div>
-</div>
-
-<!-- Modal for "Learn More" -->
-<Modal
-	visible={showModal}
-	onClose={() => (showModal = false)}
-	title={$t('auth.email_only_title')}
-	maxWidth="lg"
->
-	{#snippet children()}
-		<div class="space-y-4">
-			<p class="text-sm leading-relaxed text-theme">
-				{$t('auth.email_only_intro')}
-			</p>
-
-			<div class="space-y-2">
-				<div class="rounded-xl bg-content p-3 border border-theme flex gap-3">
-					<div class="flex-shrink-0 mt-0.5">
-						<Icon name="lock" size={20} class="text-theme" />
-					</div>
-					<div>
-						<h3 class="font-medium mb-1 text-theme">{$t('auth.email_only_benefit_1_title')}</h3>
-						<p class="text-sm text-theme">{$t('auth.email_only_benefit_1_desc')}</p>
-					</div>
-				</div>
-
-				<div class="rounded-xl bg-content p-3 border border-theme flex gap-3">
-					<div class="flex-shrink-0 mt-0.5">
-						<Icon name="shield-check" size={20} class="text-theme" />
-					</div>
-					<div>
-						<h3 class="font-medium mb-1 text-theme">{$t('auth.email_only_benefit_2_title')}</h3>
-						<p class="text-sm text-theme">{$t('auth.email_only_benefit_2_desc')}</p>
-					</div>
-				</div>
-
-				<div class="rounded-xl bg-content p-3 border border-theme flex gap-3">
-					<div class="flex-shrink-0 mt-0.5">
-						<Icon name="arrows-left-right" size={20} class="text-theme" />
-					</div>
-					<div>
-						<h3 class="font-medium mb-1 text-theme">{$t('auth.email_only_benefit_3_title')}</h3>
-						<p class="text-sm text-theme">{$t('auth.email_only_benefit_3_desc')}</p>
-					</div>
-				</div>
-
-				<div class="rounded-xl bg-content p-3 border border-theme flex gap-3">
-					<div class="flex-shrink-0 mt-0.5">
-						<Icon name="envelope" size={20} class="text-theme" />
-					</div>
-					<div>
-						<h3 class="font-medium mb-1 text-theme">{$t('auth.email_only_benefit_4_title')}</h3>
-						<p class="text-sm text-theme">{$t('auth.email_only_benefit_4_desc')}</p>
-					</div>
-				</div>
-			</div>
-
-			<p class="text-sm leading-relaxed text-theme">
-				{$t('auth.email_only_modal_footer')}
-			</p>
-		</div>
-	{/snippet}
-
-	{#snippet footer()}
-		<button
-			onclick={() => (showModal = false)}
-			class="w-full px-6 py-2 rounded-xl font-medium bg-content hover:bg-menu-hover text-theme border border-theme transition-colors"
-		>
-			{$t('auth.got_it')}
-		</button>
-	{/snippet}
-</Modal>
-
-<style>
-	/* Base circle styles with breathing animation (no intro - rings already visible from login) */
-	.ripple-circle {
-		opacity: var(--base-opacity);
-		transform-origin: center;
-		stroke: #f8d62b;
-		stroke-width: var(--base-stroke);
-		animation: combo 10s cubic-bezier(0.45, 0, 0.55, 1) infinite;
-		animation-delay: var(--delay);
-		will-change: opacity, transform, stroke-width, stroke, filter;
-	}
-
-	@keyframes combo {
-		/* Start - Ausatmen beendet */
-		0% {
-			opacity: calc(var(--base-opacity) * 0.7);
-			transform: scale(0.998);
-			stroke-width: calc(var(--base-stroke) * 0.9);
-			stroke: #e6b800;
-			filter: brightness(0.95);
-		}
-		/* Einatmen Mitte */
-		20% {
-			opacity: calc(var(--base-opacity) * 0.95);
-			transform: scale(1.001);
-			stroke-width: calc(var(--base-stroke) * 1.025);
-			stroke: #f0c800;
-			filter: brightness(1.015);
-		}
-		/* 40% = 4s Einatmen abgeschlossen */
-		40% {
-			opacity: calc(var(--base-opacity) * 1.2);
-			transform: scale(1.004);
-			stroke-width: calc(var(--base-stroke) * 1.15);
-			stroke: #f8d62b;
-			filter: brightness(1.08);
-		}
-		/* Ausatmen langsam */
-		60% {
-			opacity: calc(var(--base-opacity) * 1.05);
-			transform: scale(1.002);
-			stroke-width: calc(var(--base-stroke) * 1.075);
-			stroke: #f4cf20;
-			filter: brightness(1.04);
-		}
-		80% {
-			opacity: calc(var(--base-opacity) * 0.85);
-			transform: scale(0.999);
-			stroke-width: calc(var(--base-stroke) * 0.95);
-			stroke: #ebc010;
-			filter: brightness(0.98);
-		}
-		/* 100% = 6s Ausatmen abgeschlossen */
-		100% {
-			opacity: calc(var(--base-opacity) * 0.7);
-			transform: scale(0.998);
-			stroke-width: calc(var(--base-stroke) * 0.9);
-			stroke: #e6b800;
-			filter: brightness(0.95);
-		}
-	}
-</style>
diff --git a/apps/memoro/apps/web-archived/src/routes/+error.svelte b/apps/memoro/apps/web-archived/src/routes/+error.svelte
deleted file mode 100644
index 6f5f81b46..000000000
--- a/apps/memoro/apps/web-archived/src/routes/+error.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { _ } from 'svelte-i18n';
-</script>
-
-<div class="flex min-h-[60vh] flex-col items-center justify-center text-center">
-	<h1 class="text-6xl font-bold text-amber-500 mb-4">{$page.status}</h1>
-	<p class="text-xl text-muted-foreground mb-8">{$page.error?.message || $_('error.notFound')}</p>
-	<a href="/" class="btn btn-primary">{$_('error.backToHome')}</a>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/+layout.svelte b/apps/memoro/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index c072523fd..000000000
--- a/apps/memoro/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { onMount } from 'svelte';
-	import { isLoading as i18nLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { memoroStore } from '$lib/data/local-store';
-	import { AppLoadingSkeleton } from '@manacore/shared-ui';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(async () => {
-		theme.initialize();
-		await memoroStore.initialize();
-		await authStore.initialize();
-
-		if (authStore.isAuthenticated) {
-			memoroStore.startSync();
-		}
-
-		loading = false;
-	});
-</script>
-
-<svelte:head>
-	<meta
-		name="description"
-		content="AI-powered voice recording and memo management. Record, transcribe, and organize your thoughts."
-	/>
-	<meta property="og:title" content="Memoro - Voice Memos" />
-	<meta property="og:description" content="AI-powered voice recording and memo management." />
-	<meta property="og:type" content="website" />
-</svelte:head>
-
-{#if !appReady}
-	<AppLoadingSkeleton layout="list" />
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-{/if}
diff --git a/apps/memoro/apps/web-archived/src/routes/+page.svelte b/apps/memoro/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index d3ca00f20..000000000
--- a/apps/memoro/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	let { data } = $props();
-
-	onMount(() => {
-		if (data.session) {
-			goto('/memos', { replaceState: true });
-		} else {
-			goto('/login', { replaceState: true });
-		}
-	});
-</script>
-
-<div class="flex min-h-screen items-center justify-center">
-	<div class="text-center">
-		<h1 class="text-4xl font-bold">Memoro</h1>
-		<p class="mt-2 text-gray-600">Loading...</p>
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/auth/apple-callback-handler/+server.ts b/apps/memoro/apps/web-archived/src/routes/auth/apple-callback-handler/+server.ts
deleted file mode 100644
index 65290cc59..000000000
--- a/apps/memoro/apps/web-archived/src/routes/auth/apple-callback-handler/+server.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-/**
- * Server-side POST handler for Apple Sign-In callback
- *
- * This is a separate endpoint from the page route to avoid conflicts.
- * Apple POSTs to this endpoint, then we redirect to the page with query params.
- */
-
-import { redirect } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-// Disable CSRF protection for this endpoint since Apple is POSTing from their domain
-export const config = {
-	csrf: {
-		checkOrigin: false,
-	},
-};
-
-export const POST: RequestHandler = async ({ request }) => {
-	// Parse form data from Apple's form_post
-	const formData = await request.formData();
-
-	// Log received data for debugging
-	console.log('Apple Sign-In POST callback received:', {
-		hasCode: formData.has('code'),
-		hasIdToken: formData.has('id_token'),
-		hasState: formData.has('state'),
-		hasUser: formData.has('user'),
-		hasError: formData.has('error'),
-	});
-
-	// Check for errors from Apple
-	const error = formData.get('error');
-	if (error) {
-		console.error('Apple Sign-In error:', error, formData.get('error_description'));
-		// Redirect to callback page with error
-		throw redirect(303, `/auth/apple-callback?error=${encodeURIComponent(error.toString())}`);
-	}
-
-	// Extract OAuth parameters
-	const code = formData.get('code');
-	const id_token = formData.get('id_token');
-	const state = formData.get('state');
-	const user = formData.get('user');
-
-	// Validate we have required data
-	if (!code && !id_token) {
-		console.error('No code or id_token received from Apple');
-		throw redirect(303, '/auth/apple-callback?error=no_token');
-	}
-
-	// Build query parameters for client-side page
-	const params = new URLSearchParams();
-
-	// Add all parameters to query string
-	if (code) params.set('code', code.toString());
-	if (id_token) params.set('id_token', id_token.toString());
-	if (state) params.set('state', state.toString());
-	if (user) params.set('user', user.toString());
-
-	// Redirect to client-side callback page with data in query params
-	const redirectUrl = `/auth/apple-callback?${params.toString()}`;
-
-	console.log('Redirecting to client-side callback with query params');
-	throw redirect(303, redirectUrl);
-};
-
-export const GET: RequestHandler = async () => {
-	// This endpoint should only receive POST from Apple
-	console.warn('GET request to Apple callback handler - redirecting to login');
-	throw redirect(303, '/login?error=invalid_request');
-};
diff --git a/apps/memoro/apps/web-archived/src/routes/auth/apple-callback/+page.svelte b/apps/memoro/apps/web-archived/src/routes/auth/apple-callback/+page.svelte
deleted file mode 100644
index 09b883046..000000000
--- a/apps/memoro/apps/web-archived/src/routes/auth/apple-callback/+page.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-
-	onMount(() => {
-		// Apple Sign-In has been removed (self-sovereign auth policy)
-		goto('/login');
-	});
-</script>
-
-<div class="flex min-h-screen items-center justify-center">
-	<p class="text-muted-foreground">Redirecting...</p>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/auth/callback/+page.svelte b/apps/memoro/apps/web-archived/src/routes/auth/callback/+page.svelte
deleted file mode 100644
index 85e6996b2..000000000
--- a/apps/memoro/apps/web-archived/src/routes/auth/callback/+page.svelte
+++ /dev/null
@@ -1,72 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-
-	let error = $state<string | null>(null);
-	let processing = $state(true);
-
-	onMount(async () => {
-		const urlParams = $page.url.searchParams;
-		const code = urlParams.get('code');
-		const errorParam = urlParams.get('error');
-		const errorDescription = urlParams.get('error_description');
-		const next = urlParams.get('next') || '/dashboard';
-
-		// Handle OAuth errors
-		if (errorParam) {
-			error = errorDescription || errorParam;
-			processing = false;
-			setTimeout(() => {
-				goto(`/login?error=${encodeURIComponent(error || 'OAuth authentication failed')}`);
-			}, 2000);
-			return;
-		}
-
-		// Handle OAuth callback with code
-		if (code) {
-			try {
-				// For now, we'll redirect back to login with an error
-				// Full OAuth implementation would exchange code for tokens via middleware
-				error = 'OAuth code exchange not yet implemented. Please use email/password login.';
-				processing = false;
-				setTimeout(() => {
-					goto('/login');
-				}, 3000);
-			} catch (err) {
-				console.error('OAuth callback error:', err);
-				error = 'Failed to complete OAuth authentication';
-				processing = false;
-				setTimeout(() => {
-					goto(`/login?error=${encodeURIComponent(error || '')}`);
-				}, 2000);
-			}
-		} else {
-			// No code or error, redirect to login
-			goto('/login');
-		}
-	});
-</script>
-
-<svelte:head>
-	<title>Authenticating... - Memoro</title>
-</svelte:head>
-
-<div class="flex min-h-screen items-center justify-center">
-	<div class="card w-full max-w-md text-center">
-		{#if processing}
-			<div
-				class="mb-4 inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid border-blue-600 border-r-transparent"
-			></div>
-			<h2 class="text-2xl font-bold mb-2">Authenticating...</h2>
-			<p class="text-gray-600 dark:text-gray-400">Please wait while we complete your sign-in.</p>
-		{:else if error}
-			<div class="text-6xl mb-4">⚠️</div>
-			<h2 class="text-2xl font-bold mb-2 text-red-600 dark:text-red-400">Authentication Error</h2>
-			<p class="text-gray-600 dark:text-gray-400 mb-4">
-				{error}
-			</p>
-			<p class="text-sm text-gray-500 dark:text-gray-400">Redirecting you back to login...</p>
-		{/if}
-	</div>
-</div>
diff --git a/apps/memoro/apps/web-archived/src/routes/offline/+page.svelte b/apps/memoro/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 1ddaa36c1..000000000
--- a/apps/memoro/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Memoro"
-	offlineMessage="Deine Memos werden lokal gespeichert und sind offline verfügbar."
-	accentColor="#f8d62b"
-/>
diff --git a/apps/memoro/apps/web-archived/static/.well-known/apple-app-site-association b/apps/memoro/apps/web-archived/static/.well-known/apple-app-site-association
deleted file mode 100644
index 7404eed64..000000000
--- a/apps/memoro/apps/web-archived/static/.well-known/apple-app-site-association
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "webcredentials": {
-    "apps": []
-  }
-}
diff --git a/apps/memoro/apps/web-archived/static/apple-touch-icon.png b/apps/memoro/apps/web-archived/static/apple-touch-icon.png
deleted file mode 100644
index 839095d2d..000000000
Binary files a/apps/memoro/apps/web-archived/static/apple-touch-icon.png and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/static/deployment-version.txt b/apps/memoro/apps/web-archived/static/deployment-version.txt
deleted file mode 100644
index e3e1f648f..000000000
--- a/apps/memoro/apps/web-archived/static/deployment-version.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-Deployment Version: 2025-11-17-00:26
-POST and GET handlers for Apple Sign-In callback implemented
diff --git a/apps/memoro/apps/web-archived/static/favicon-96x96.png b/apps/memoro/apps/web-archived/static/favicon-96x96.png
deleted file mode 100644
index 3542a215a..000000000
Binary files a/apps/memoro/apps/web-archived/static/favicon-96x96.png and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/static/favicon.ico b/apps/memoro/apps/web-archived/static/favicon.ico
deleted file mode 100644
index d6b94f6fc..000000000
Binary files a/apps/memoro/apps/web-archived/static/favicon.ico and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/static/favicon.svg b/apps/memoro/apps/web-archived/static/favicon.svg
deleted file mode 100644
index 143a049f8..000000000
--- a/apps/memoro/apps/web-archived/static/favicon.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="1024"><svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="1024" height="1024" rx="512" fill="#181818"></rect>
-<rect x="4" y="4" width="1016" height="1016" rx="508" stroke="white" stroke-opacity="0.2" stroke-width="8"></rect>
-<path d="M512 147.332C713.4 147.332 876.668 310.6 876.668 512C876.668 713.4 713.4 876.668 512 876.668C310.6 876.668 147.332 713.4 147.332 512C147.332 310.6 310.6 147.332 512 147.332ZM336.012 330.175C330.051 328.348 323.994 328.652 318.22 330.231C306.611 333.408 296.367 341.687 291.023 347.528C268.366 372.297 254.059 395.297 245.396 421.103C236.724 446.931 233.67 475.676 233.67 512C233.67 665.595 358.155 774.773 512 774.773C665.845 774.773 790.33 665.595 790.33 512C790.33 475.675 787.276 446.929 778.604 421.101C769.941 395.295 755.632 372.295 732.974 347.525C727.712 341.774 716.527 334.096 704.376 331.216C698.326 329.782 692.125 329.559 686.331 331.272C680.565 332.978 675.092 336.633 670.505 343.153L670.504 343.155L565.784 491.669L565.774 491.684L565.764 491.697C551.064 511.631 533.978 523.226 515.463 523.9C496.944 524.574 477.558 514.303 458.307 491.792L458.257 491.732L458.212 491.669L353.511 343.183C347.932 335.974 341.952 331.996 336.012 330.175Z" fill="#F8D62B" stroke="#F8D62B" stroke-width="3.33529"></path>
-</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
-@media (prefers-color-scheme: dark) { :root { filter: none; } }
-</style></svg>
\ No newline at end of file
diff --git a/apps/memoro/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png b/apps/memoro/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png
deleted file mode 100644
index e47ad9138..000000000
Binary files a/apps/memoro/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png b/apps/memoro/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png
deleted file mode 100644
index 7bb2798b3..000000000
Binary files a/apps/memoro/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png b/apps/memoro/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png
deleted file mode 100644
index f7bbee22d..000000000
Binary files a/apps/memoro/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png b/apps/memoro/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png
deleted file mode 100644
index 69fcd68a1..000000000
Binary files a/apps/memoro/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/static/robots.txt b/apps/memoro/apps/web-archived/static/robots.txt
deleted file mode 100644
index b6dd6670c..000000000
--- a/apps/memoro/apps/web-archived/static/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# allow crawling everything by default
-User-agent: *
-Disallow:
diff --git a/apps/memoro/apps/web-archived/static/site.webmanifest b/apps/memoro/apps/web-archived/static/site.webmanifest
deleted file mode 100644
index 014c32ffb..000000000
--- a/apps/memoro/apps/web-archived/static/site.webmanifest
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "Memoro",
-  "short_name": "Memoro",
-  "icons": [
-    {
-      "src": "/web-app-manifest-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "maskable"
-    },
-    {
-      "src": "/web-app-manifest-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "maskable"
-    }
-  ],
-  "theme_color": "#F7D44C",
-  "background_color": "#000000",
-  "display": "standalone"
-}
diff --git a/apps/memoro/apps/web-archived/static/web-app-manifest-192x192.png b/apps/memoro/apps/web-archived/static/web-app-manifest-192x192.png
deleted file mode 100644
index a6c1b613a..000000000
Binary files a/apps/memoro/apps/web-archived/static/web-app-manifest-192x192.png and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/static/web-app-manifest-512x512.png b/apps/memoro/apps/web-archived/static/web-app-manifest-512x512.png
deleted file mode 100644
index ed18d6e82..000000000
Binary files a/apps/memoro/apps/web-archived/static/web-app-manifest-512x512.png and /dev/null differ
diff --git a/apps/memoro/apps/web-archived/svelte.config.js b/apps/memoro/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/memoro/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/memoro/apps/web-archived/tsconfig.json b/apps/memoro/apps/web-archived/tsconfig.json
deleted file mode 100644
index a5567ee6b..000000000
--- a/apps/memoro/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-	//
-	// To make changes to top-level options such as include and exclude, we recommend extending
-	// the generated config; see https://svelte.dev/docs/kit/configuration#typescript
-}
diff --git a/apps/memoro/apps/web-archived/vite.config.ts b/apps/memoro/apps/web-archived/vite.config.ts
deleted file mode 100644
index dbfd0cad6..000000000
--- a/apps/memoro/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/// <reference types="vitest/config" />
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Memoro - Voice Memos',
-				shortName: 'Memoro',
-				description: 'AI-powered voice recording and memo management',
-				themeColor: '#f8d62b',
-				devEnabled: false,
-			})
-		),
-	],
-	server: {
-		port: 5192,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, 'marked'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	test: {
-		environment: 'jsdom',
-		include: ['src/**/*.test.ts'],
-		globals: true,
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/moodlit/apps/web-archived/package.json b/apps/moodlit/apps/web-archived/package.json
deleted file mode 100644
index b034c52dd..000000000
--- a/apps/moodlit/apps/web-archived/package.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-	"name": "@moodlit/web",
-	"version": "0.0.1",
-	"private": true,
-	"type": "module",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.22.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.4",
-		"@tailwindcss/vite": "^4.1.11",
-		"svelte": "^5.0.0",
-		"svelte-check": "^4.0.0",
-		"tailwindcss": "^4.0.0",
-		"typescript": "^5.0.0",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"svelte-sonner": "^1.0.5"
-	}
-}
diff --git a/apps/moodlit/apps/web-archived/src/app.css b/apps/moodlit/apps/web-archived/src/app.css
deleted file mode 100644
index cc2f1915b..000000000
--- a/apps/moodlit/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,154 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-
-/* Moods-specific CSS Variables */
-@layer base {
-	:root {
-		/* Spacing */
-		--spacing-xs: 0.25rem;
-		--spacing-sm: 0.5rem;
-		--spacing-md: 1rem;
-		--spacing-lg: 1.5rem;
-		--spacing-xl: 2rem;
-		--spacing-2xl: 3rem;
-
-		/* Border Radius */
-		--radius-sm: 0.25rem;
-		--radius-md: 0.5rem;
-		--radius-lg: 0.75rem;
-		--radius-xl: 1rem;
-		--radius-full: 9999px;
-
-		/* Transitions */
-		--transition-fast: 150ms ease;
-		--transition-base: 200ms ease;
-		--transition-slow: 300ms ease;
-	}
-}
-
-/* Mood Card Styles */
-.mood-card {
-	background-color: hsl(var(--color-surface));
-	border-radius: var(--radius-lg);
-	padding: var(--spacing-lg);
-	border: 1px solid hsl(var(--color-border));
-	transition: all var(--transition-base);
-	cursor: pointer;
-}
-
-.mood-card:hover {
-	border-color: hsl(var(--color-primary) / 0.5);
-	transform: translateY(-2px);
-}
-
-/* Color Preview */
-.color-preview {
-	width: 100%;
-	height: 120px;
-	border-radius: var(--radius-md);
-	overflow: hidden;
-}
-
-/* Animated Background */
-.animated-background {
-	background-size: 400% 400%;
-	animation: gradient-shift 8s ease infinite;
-}
-
-@keyframes gradient-shift {
-	0% { background-position: 0% 50%; }
-	50% { background-position: 100% 50%; }
-	100% { background-position: 0% 50%; }
-}
-
-/* Color Picker */
-.color-picker-swatch {
-	width: 40px;
-	height: 40px;
-	border-radius: var(--radius-md);
-	border: 2px solid hsl(var(--color-border));
-	cursor: pointer;
-	transition: all var(--transition-fast);
-}
-
-.color-picker-swatch:hover {
-	border-color: hsl(var(--color-primary));
-	transform: scale(1.05);
-}
-
-/* Card styles */
-.card {
-	background-color: hsl(var(--color-surface));
-	border-radius: var(--radius-lg);
-	padding: var(--spacing-lg);
-	border: 1px solid hsl(var(--color-border));
-}
-
-/* Button styles */
-.btn {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0.5rem 1rem;
-	border-radius: var(--radius-md);
-	font-weight: 500;
-	font-size: 0.875rem;
-	transition: all var(--transition-base);
-	cursor: pointer;
-	border: none;
-	background: transparent;
-}
-
-.btn-primary {
-	background: hsl(var(--color-primary));
-	color: hsl(var(--color-primary-foreground));
-}
-
-.btn-primary:hover {
-	background: hsl(var(--color-primary) / 0.9);
-}
-
-.btn-secondary {
-	background: hsl(var(--color-secondary));
-	color: hsl(var(--color-secondary-foreground));
-}
-
-.btn-secondary:hover {
-	background: hsl(var(--color-secondary) / 0.8);
-}
-
-.btn-ghost {
-	background: transparent;
-	color: hsl(var(--color-foreground));
-}
-
-.btn-ghost:hover {
-	background: hsl(var(--color-muted));
-}
-
-/* Input styles */
-.input {
-	display: block;
-	width: 100%;
-	padding: 0.5rem 0.75rem;
-	border: 2px solid hsl(var(--color-border));
-	border-radius: var(--radius-md);
-	background-color: hsl(var(--color-background));
-	color: hsl(var(--color-foreground));
-	font-size: 0.875rem;
-	transition: border-color var(--transition-fast);
-}
-
-.input:focus {
-	outline: none;
-	border-color: hsl(var(--color-primary));
-}
-
-.input::placeholder {
-	color: hsl(var(--color-muted-foreground));
-}
diff --git a/apps/moodlit/apps/web-archived/src/app.d.ts b/apps/moodlit/apps/web-archived/src/app.d.ts
deleted file mode 100644
index 64d61e2d6..000000000
--- a/apps/moodlit/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare global {
-	namespace App {}
-}
-export {};
diff --git a/apps/moodlit/apps/web-archived/src/app.html b/apps/moodlit/apps/web-archived/src/app.html
deleted file mode 100644
index bac30cab6..000000000
--- a/apps/moodlit/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<title>Moodlit</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/moodlit/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/moodlit/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index 7e0e91a15..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { AppSlider, type AppItem } from '@manacore/shared-ui';
-	import {
-		MANA_APPS,
-		APP_STATUS_LABELS,
-		APP_SLIDER_LABELS,
-		getActiveManaApps,
-	} from '@manacore/shared-branding';
-
-	// Get current language
-	let currentLocale = $derived(($locale || 'de') as 'de' | 'en');
-
-	// Convert MANA_APPS to AppItem format (based on current locale)
-	let apps = $derived<AppItem[]>(
-		getActiveManaApps().map((app) => ({
-			name: app.name,
-			description: app.description[currentLocale],
-			longDescription: app.longDescription[currentLocale],
-			icon: app.icon,
-			color: app.color,
-			comingSoon: app.comingSoon,
-			status: app.status,
-		}))
-	);
-
-	let statusLabels = $derived(APP_STATUS_LABELS[currentLocale]);
-	let labels = $derived(APP_SLIDER_LABELS[currentLocale]);
-
-	function handleAppClick(app: AppItem, index: number) {
-		console.log('Opening app:', app.name);
-	}
-</script>
-
-<AppSlider
-	{apps}
-	title={labels.title}
-	isDark={false}
-	{statusLabels}
-	comingSoonLabel={labels.comingSoon}
-	openAppLabel={labels.openApp}
-	onAppClick={handleAppClick}
-/>
diff --git a/apps/moodlit/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/moodlit/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/moodlit/apps/web-archived/src/lib/components/MoodlitLogo.svelte b/apps/moodlit/apps/web-archived/src/lib/components/MoodlitLogo.svelte
deleted file mode 100644
index 29d3332e5..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/components/MoodlitLogo.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	let { size = 48, color = '#7c3aed' }: { size?: number; color?: string } = $props();
-</script>
-
-<svg width={size} height={size} viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-	<rect width="100" height="100" rx="22" fill={color} />
-	<circle cx="50" cy="50" r="20" fill="none" stroke="white" stroke-width="4" />
-	<circle cx="50" cy="50" r="10" fill="white" opacity="0.6" />
-	<circle cx="35" cy="35" r="5" fill="white" opacity="0.4" />
-	<circle cx="65" cy="35" r="5" fill="white" opacity="0.4" />
-</svg>
diff --git a/apps/moodlit/apps/web-archived/src/lib/components/mood/CreateMoodDialog.svelte b/apps/moodlit/apps/web-archived/src/lib/components/mood/CreateMoodDialog.svelte
deleted file mode 100644
index 3c24c8c56..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/components/mood/CreateMoodDialog.svelte
+++ /dev/null
@@ -1,223 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { X, Plus, Trash } from '@manacore/shared-icons';
-	import type { Mood, AnimationType } from '$lib/types/mood';
-	import { ANIMATIONS } from '$lib/types/mood';
-	import { getMoodGradient } from '$lib/data/default-moods';
-
-	interface Props {
-		isOpen: boolean;
-		onClose: () => void;
-		onSave: (mood: Omit<Mood, 'id' | 'isCustom' | 'order' | 'createdAt'>) => void;
-		editMood?: Mood | null;
-	}
-
-	let { isOpen, onClose, onSave, editMood = null }: Props = $props();
-
-	let name = $state('');
-	let colors = $state<string[]>(['#667eea', '#764ba2']);
-	let animationType = $state<AnimationType>('gradient');
-
-	// Preview mood
-	let previewMood = $derived<Mood>({
-		id: 'preview',
-		name: name || 'Preview',
-		colors,
-		animationType,
-	});
-
-	// Reset form when dialog opens/closes or when editing different mood
-	$effect(() => {
-		if (isOpen) {
-			if (editMood) {
-				name = editMood.name;
-				colors = [...editMood.colors];
-				animationType = editMood.animationType;
-			} else {
-				name = '';
-				colors = ['#667eea', '#764ba2'];
-				animationType = 'gradient';
-			}
-		}
-	});
-
-	function addColor() {
-		if (colors.length < 8) {
-			// Generate a random color
-			const randomColor =
-				'#' +
-				Math.floor(Math.random() * 16777215)
-					.toString(16)
-					.padStart(6, '0');
-			colors = [...colors, randomColor];
-		}
-	}
-
-	function removeColor(index: number) {
-		if (colors.length > 1) {
-			colors = colors.filter((_, i) => i !== index);
-		}
-	}
-
-	function updateColor(index: number, value: string) {
-		colors = colors.map((c, i) => (i === index ? value : c));
-	}
-
-	function handleSubmit() {
-		if (!name.trim()) return;
-		if (colors.length === 0) return;
-
-		onSave({
-			name: name.trim(),
-			colors,
-			animationType,
-		});
-
-		onClose();
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-<svelte:window on:keydown={handleKeydown} />
-
-{#if isOpen}
-	<!-- Backdrop -->
-	<div
-		class="fixed inset-0 z-40 bg-black/50 backdrop-blur-sm"
-		onclick={onClose}
-		role="presentation"
-	></div>
-
-	<!-- Dialog -->
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none">
-		<div
-			class="bg-[hsl(var(--color-background))] rounded-2xl shadow-xl w-full max-w-lg max-h-[90vh] overflow-y-auto pointer-events-auto"
-			role="dialog"
-			aria-modal="true"
-		>
-			<!-- Header -->
-			<div class="flex items-center justify-between p-4 border-b border-border">
-				<h2 class="text-xl font-semibold">
-					{editMood ? $_('createMood.editTitle') : $_('createMood.title')}
-				</h2>
-				<button
-					type="button"
-					class="p-2 rounded-lg hover:bg-muted transition-colors"
-					onclick={onClose}
-					aria-label="Close"
-				>
-					<X size={20} />
-				</button>
-			</div>
-
-			<!-- Content -->
-			<div class="p-4 space-y-6">
-				<!-- Preview -->
-				<div class="relative rounded-xl overflow-hidden aspect-video">
-					<div class="absolute inset-0" style="background: {getMoodGradient(previewMood)};"></div>
-					<div
-						class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent"
-					></div>
-					<div class="absolute inset-x-0 bottom-0 p-4">
-						<h3 class="text-lg font-semibold text-white drop-shadow-md">
-							{previewMood.name}
-						</h3>
-						<p class="text-sm text-white/70 capitalize">{previewMood.animationType}</p>
-					</div>
-				</div>
-
-				<!-- Name Input -->
-				<div class="space-y-2">
-					<label for="mood-name" class="text-sm font-medium">
-						{$_('createMood.name')}
-					</label>
-					<input
-						id="mood-name"
-						type="text"
-						bind:value={name}
-						placeholder={$_('createMood.namePlaceholder')}
-						class="w-full px-4 py-2 rounded-lg border border-border bg-background focus:outline-none focus:ring-2 focus:ring-primary/50"
-					/>
-				</div>
-
-				<!-- Colors -->
-				<div class="space-y-2">
-					<div class="flex items-center justify-between">
-						<label class="text-sm font-medium">{$_('createMood.colors')}</label>
-						<button
-							type="button"
-							class="flex items-center gap-1 px-2 py-1 text-sm rounded-lg hover:bg-muted transition-colors"
-							onclick={addColor}
-							disabled={colors.length >= 8}
-						>
-							<Plus size={16} />
-							{$_('createMood.addColor')}
-						</button>
-					</div>
-					<div class="flex flex-wrap gap-2">
-						{#each colors as color, i}
-							<div class="flex items-center gap-1">
-								<input
-									type="color"
-									value={color}
-									onchange={(e) => updateColor(i, e.currentTarget.value)}
-									class="w-10 h-10 rounded-lg border border-border cursor-pointer"
-								/>
-								{#if colors.length > 1}
-									<button
-										type="button"
-										class="p-1 rounded hover:bg-red-500/20 text-red-500 transition-colors"
-										onclick={() => removeColor(i)}
-										aria-label="Remove color"
-									>
-										<Trash size={16} />
-									</button>
-								{/if}
-							</div>
-						{/each}
-					</div>
-				</div>
-
-				<!-- Animation Type -->
-				<div class="space-y-2">
-					<label for="animation-type" class="text-sm font-medium">
-						{$_('createMood.animation')}
-					</label>
-					<select
-						id="animation-type"
-						bind:value={animationType}
-						class="w-full px-4 py-2 rounded-lg border border-border bg-background focus:outline-none focus:ring-2 focus:ring-primary/50"
-					>
-						{#each ANIMATIONS as anim}
-							<option value={anim.id}>{anim.name} - {anim.description}</option>
-						{/each}
-					</select>
-				</div>
-			</div>
-
-			<!-- Footer -->
-			<div class="flex items-center justify-end gap-3 p-4 border-t border-border">
-				<button
-					type="button"
-					class="px-4 py-2 rounded-lg hover:bg-muted transition-colors"
-					onclick={onClose}
-				>
-					{$_('common.cancel')}
-				</button>
-				<button
-					type="button"
-					class="px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-					onclick={handleSubmit}
-					disabled={!name.trim() || colors.length === 0}
-				>
-					{$_('common.save')}
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/moodlit/apps/web-archived/src/lib/components/mood/MoodCard.svelte b/apps/moodlit/apps/web-archived/src/lib/components/mood/MoodCard.svelte
deleted file mode 100644
index e8b08dfa5..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/components/mood/MoodCard.svelte
+++ /dev/null
@@ -1,188 +0,0 @@
-<script lang="ts">
-	import type { Mood } from '$lib/types/mood';
-	import { getMoodGradient } from '$lib/data/default-moods';
-	import { Heart } from '@manacore/shared-icons';
-
-	interface Props {
-		mood: Mood;
-		isActive?: boolean;
-		isFavorite?: boolean;
-		showFavorite?: boolean;
-		onClick?: () => void;
-		onFavoriteToggle?: () => void;
-	}
-
-	let {
-		mood,
-		isActive = false,
-		isFavorite = false,
-		showFavorite = true,
-		onClick,
-		onFavoriteToggle,
-	}: Props = $props();
-
-	const gradient = $derived(getMoodGradient(mood));
-	const animationClass = $derived(getAnimationClass(mood.animationType));
-
-	function getAnimationClass(type: string): string {
-		switch (type) {
-			case 'pulse':
-			case 'breath':
-				return 'animate-pulse-slow';
-			case 'wave':
-				return 'animate-wave';
-			case 'candle':
-				return 'animate-candle';
-			case 'disco':
-			case 'rave':
-				return 'animate-disco';
-			case 'thunder':
-				return 'animate-thunder';
-			default:
-				return '';
-		}
-	}
-
-	function handleFavoriteClick(e: MouseEvent) {
-		e.stopPropagation();
-		onFavoriteToggle?.();
-	}
-
-	function handleClick() {
-		onClick?.();
-	}
-</script>
-
-<button
-	type="button"
-	class="mood-card group relative w-full overflow-hidden rounded-2xl transition-all duration-200 hover:scale-[1.02] hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-primary/50"
-	class:ring-2={isActive}
-	class:ring-primary={isActive}
-	onclick={handleClick}
->
-	<!-- Gradient Background -->
-	<div class="aspect-[16/10] w-full {animationClass}" style="background: {gradient};"></div>
-
-	<!-- Overlay gradient for text readability -->
-	<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent"></div>
-
-	<!-- Content -->
-	<div class="absolute inset-x-0 bottom-0 p-4">
-		<div class="flex items-end justify-between">
-			<div class="text-left">
-				<h3 class="font-semibold text-white drop-shadow-md">{mood.name}</h3>
-				<p class="text-xs text-white/70 capitalize">{mood.animationType}</p>
-			</div>
-
-			{#if showFavorite}
-				<button
-					type="button"
-					class="rounded-full p-1.5 transition-colors hover:bg-white/20"
-					onclick={handleFavoriteClick}
-					aria-label={isFavorite ? 'Remove from favorites' : 'Add to favorites'}
-				>
-					<Heart
-						size={20}
-						weight={isFavorite ? 'fill' : 'regular'}
-						class={isFavorite ? 'text-red-500' : 'text-white/70'}
-					/>
-				</button>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Custom badge -->
-	{#if mood.isCustom}
-		<div class="absolute right-2 top-2">
-			<span class="rounded-full bg-primary/80 px-2 py-0.5 text-xs font-medium text-white">
-				Custom
-			</span>
-		</div>
-	{/if}
-</button>
-
-<style>
-	@keyframes pulse-slow {
-		0%,
-		100% {
-			opacity: 1;
-			transform: scale(1);
-		}
-		50% {
-			opacity: 0.85;
-			transform: scale(1.01);
-		}
-	}
-
-	@keyframes wave {
-		0%,
-		100% {
-			opacity: 1;
-		}
-		50% {
-			opacity: 0.7;
-		}
-	}
-
-	@keyframes candle {
-		0%,
-		100% {
-			opacity: 1;
-			filter: brightness(1);
-		}
-		25% {
-			opacity: 0.9;
-			filter: brightness(0.95);
-		}
-		50% {
-			opacity: 0.85;
-			filter: brightness(1.05);
-		}
-		75% {
-			opacity: 0.95;
-			filter: brightness(0.9);
-		}
-	}
-
-	@keyframes disco {
-		0%,
-		100% {
-			filter: hue-rotate(0deg);
-		}
-		50% {
-			filter: hue-rotate(180deg);
-		}
-	}
-
-	@keyframes thunder {
-		0%,
-		95%,
-		100% {
-			opacity: 1;
-		}
-		97% {
-			opacity: 1;
-			filter: brightness(3);
-		}
-	}
-
-	.animate-pulse-slow {
-		animation: pulse-slow 4s ease-in-out infinite;
-	}
-
-	.animate-wave {
-		animation: wave 3s ease-in-out infinite;
-	}
-
-	.animate-candle {
-		animation: candle 0.8s ease-in-out infinite;
-	}
-
-	.animate-disco {
-		animation: disco 2s linear infinite;
-	}
-
-	.animate-thunder {
-		animation: thunder 5s ease-in-out infinite;
-	}
-</style>
diff --git a/apps/moodlit/apps/web-archived/src/lib/components/mood/MoodFullscreen.svelte b/apps/moodlit/apps/web-archived/src/lib/components/mood/MoodFullscreen.svelte
deleted file mode 100644
index 49c074c1b..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/components/mood/MoodFullscreen.svelte
+++ /dev/null
@@ -1,589 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import type { Mood } from '$lib/types/mood';
-	import { getMoodGradient } from '$lib/data/default-moods';
-	import { X, Pause, Play, Heart, Timer } from '@manacore/shared-icons';
-
-	interface Props {
-		mood: Mood;
-		isFavorite?: boolean;
-		onClose: () => void;
-		onFavoriteToggle?: () => void;
-	}
-
-	let { mood, isFavorite = false, onClose, onFavoriteToggle }: Props = $props();
-
-	let isPlaying = $state(true);
-	let showControls = $state(true);
-	let controlsTimeout: ReturnType<typeof setTimeout> | null = null;
-	let timerActive = $state(false);
-	let timerMinutes = $state(5);
-	let timerRemaining = $state(0);
-	let timerInterval: ReturnType<typeof setInterval> | null = null;
-
-	const gradient = $derived(getMoodGradient(mood));
-	const animationClass = $derived(getAnimationClass(mood.animationType));
-
-	function getAnimationClass(type: string): string {
-		switch (type) {
-			case 'pulse':
-			case 'breath':
-				return 'animate-breath';
-			case 'wave':
-				return 'animate-wave';
-			case 'candle':
-			case 'fire':
-				return 'animate-candle';
-			case 'disco':
-			case 'rave':
-				return 'animate-disco';
-			case 'thunder':
-				return 'animate-thunder';
-			case 'police':
-				return 'animate-police';
-			case 'warning':
-				return 'animate-warning';
-			case 'flash':
-				return 'animate-flash';
-			case 'sos':
-				return 'animate-sos';
-			case 'scanner':
-				return 'animate-scanner';
-			case 'matrix':
-				return 'animate-matrix';
-			case 'sunrise':
-				return 'animate-sunrise';
-			case 'sunset':
-				return 'animate-sunset';
-			default:
-				return 'animate-gradient';
-		}
-	}
-
-	function showControlsTemporarily() {
-		showControls = true;
-		if (controlsTimeout) {
-			clearTimeout(controlsTimeout);
-		}
-		controlsTimeout = setTimeout(() => {
-			if (isPlaying) {
-				showControls = false;
-			}
-		}, 3000);
-	}
-
-	function togglePlay() {
-		isPlaying = !isPlaying;
-		if (isPlaying) {
-			showControlsTemporarily();
-		} else {
-			showControls = true;
-		}
-	}
-
-	function startTimer() {
-		timerActive = true;
-		timerRemaining = timerMinutes * 60;
-		timerInterval = setInterval(() => {
-			timerRemaining--;
-			if (timerRemaining <= 0) {
-				stopTimer();
-				onClose();
-			}
-		}, 1000);
-	}
-
-	function stopTimer() {
-		timerActive = false;
-		if (timerInterval) {
-			clearInterval(timerInterval);
-			timerInterval = null;
-		}
-	}
-
-	function formatTime(seconds: number): string {
-		const mins = Math.floor(seconds / 60);
-		const secs = seconds % 60;
-		return `${mins}:${secs.toString().padStart(2, '0')}`;
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		} else if (e.key === ' ') {
-			e.preventDefault();
-			togglePlay();
-		}
-	}
-
-	$effect(() => {
-		showControlsTemporarily();
-		return () => {
-			if (controlsTimeout) clearTimeout(controlsTimeout);
-			if (timerInterval) clearInterval(timerInterval);
-		};
-	});
-</script>
-
-<svelte:window on:keydown={handleKeydown} />
-
-<div
-	class="fixed inset-0 z-50 flex items-center justify-center cursor-pointer select-none"
-	onclick={showControlsTemporarily}
-	onmousemove={showControlsTemporarily}
-	role="presentation"
->
-	<!-- Animated Background -->
-	<div
-		class="absolute inset-0 {animationClass}"
-		class:paused={!isPlaying}
-		style="background: {gradient}; background-size: 400% 400%;"
-	></div>
-
-	<!-- Particle Effects for certain animations -->
-	{#if mood.animationType === 'sparkle' || mood.animationType === 'matrix'}
-		<div class="particles absolute inset-0 pointer-events-none overflow-hidden">
-			{#each Array(20) as _, i}
-				<div
-					class="particle absolute w-1 h-1 bg-white/60 rounded-full"
-					style="left: {Math.random() * 100}%; animation-delay: {Math.random() *
-						5}s; animation-duration: {3 + Math.random() * 2}s;"
-				></div>
-			{/each}
-		</div>
-	{/if}
-
-	<!-- Controls Overlay -->
-	<div
-		class="absolute inset-0 flex flex-col transition-opacity duration-300 pointer-events-none"
-		class:opacity-0={!showControls}
-		class:opacity-100={showControls}
-	>
-		<!-- Top Bar -->
-		<div
-			class="flex items-center justify-between p-4 bg-gradient-to-b from-black/40 to-transparent pointer-events-auto"
-		>
-			<div class="flex items-center gap-3">
-				<button
-					type="button"
-					class="p-2 rounded-full bg-white/20 hover:bg-white/30 backdrop-blur-sm transition-colors"
-					onclick={(e) => {
-						e.stopPropagation();
-						onClose();
-					}}
-					aria-label="Close"
-				>
-					<X size={24} class="text-white" />
-				</button>
-				<div>
-					<h1 class="text-xl font-bold text-white drop-shadow-lg">{mood.name}</h1>
-					<p class="text-sm text-white/70 capitalize">{mood.animationType}</p>
-				</div>
-			</div>
-
-			<div class="flex items-center gap-2">
-				{#if timerActive}
-					<div class="px-3 py-1.5 rounded-full bg-white/20 backdrop-blur-sm text-white font-mono">
-						{formatTime(timerRemaining)}
-					</div>
-				{/if}
-
-				<button
-					type="button"
-					class="p-2 rounded-full bg-white/20 hover:bg-white/30 backdrop-blur-sm transition-colors"
-					onclick={(e) => {
-						e.stopPropagation();
-						onFavoriteToggle?.();
-					}}
-					aria-label={isFavorite ? 'Remove from favorites' : 'Add to favorites'}
-				>
-					<Heart
-						size={20}
-						weight={isFavorite ? 'fill' : 'regular'}
-						class={isFavorite ? 'text-red-500' : 'text-white'}
-					/>
-				</button>
-			</div>
-		</div>
-
-		<!-- Center Play/Pause -->
-		<div class="flex-1 flex items-center justify-center pointer-events-auto">
-			<button
-				type="button"
-				class="p-6 rounded-full bg-white/20 hover:bg-white/30 backdrop-blur-sm transition-all hover:scale-110"
-				onclick={(e) => {
-					e.stopPropagation();
-					togglePlay();
-				}}
-				aria-label={isPlaying ? 'Pause' : 'Play'}
-			>
-				{#if isPlaying}
-					<Pause size={48} class="text-white" />
-				{:else}
-					<Play size={48} class="text-white" />
-				{/if}
-			</button>
-		</div>
-
-		<!-- Bottom Bar -->
-		<div class="p-4 bg-gradient-to-t from-black/40 to-transparent pointer-events-auto">
-			<div class="flex items-center justify-center gap-4">
-				{#if !timerActive}
-					<div class="flex items-center gap-2 bg-white/20 backdrop-blur-sm rounded-full px-4 py-2">
-						<Timer size={20} class="text-white" />
-						<select
-							class="bg-transparent text-white border-none outline-none cursor-pointer"
-							bind:value={timerMinutes}
-							onclick={(e) => e.stopPropagation()}
-						>
-							<option value={1}>1 min</option>
-							<option value={5}>5 min</option>
-							<option value={10}>10 min</option>
-							<option value={15}>15 min</option>
-							<option value={30}>30 min</option>
-							<option value={60}>60 min</option>
-						</select>
-						<button
-							type="button"
-							class="px-3 py-1 bg-white/20 hover:bg-white/30 rounded-full text-sm text-white transition-colors"
-							onclick={(e) => {
-								e.stopPropagation();
-								startTimer();
-							}}
-						>
-							{$_('mood.startTimer')}
-						</button>
-					</div>
-				{:else}
-					<button
-						type="button"
-						class="px-4 py-2 bg-white/20 hover:bg-white/30 backdrop-blur-sm rounded-full text-white transition-colors"
-						onclick={(e) => {
-							e.stopPropagation();
-							stopTimer();
-						}}
-					>
-						{$_('mood.stopTimer')}
-					</button>
-				{/if}
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	/* Base animation styles */
-	.animate-gradient {
-		animation: gradient-shift 8s ease infinite;
-	}
-
-	.animate-breath {
-		animation: breath 4s ease-in-out infinite;
-	}
-
-	.animate-wave {
-		animation: wave 3s ease-in-out infinite;
-	}
-
-	.animate-candle {
-		animation: candle 0.5s ease-in-out infinite;
-	}
-
-	.animate-disco {
-		animation: disco 0.5s linear infinite;
-	}
-
-	.animate-thunder {
-		animation: thunder 5s ease-in-out infinite;
-	}
-
-	.animate-police {
-		animation: police 0.5s linear infinite;
-	}
-
-	.animate-warning {
-		animation: warning 0.8s ease-in-out infinite;
-	}
-
-	.animate-flash {
-		animation: flash 0.2s linear infinite;
-	}
-
-	.animate-sos {
-		animation: sos 2.5s linear infinite;
-	}
-
-	.animate-scanner {
-		animation: scanner 2s ease-in-out infinite;
-	}
-
-	.animate-matrix {
-		animation: matrix 0.1s steps(2) infinite;
-	}
-
-	.animate-sunrise {
-		animation: sunrise 30s ease-in-out infinite;
-	}
-
-	.animate-sunset {
-		animation: sunset 30s ease-in-out infinite;
-	}
-
-	.paused {
-		animation-play-state: paused !important;
-	}
-
-	@keyframes gradient-shift {
-		0% {
-			background-position: 0% 50%;
-		}
-		50% {
-			background-position: 100% 50%;
-		}
-		100% {
-			background-position: 0% 50%;
-		}
-	}
-
-	@keyframes breath {
-		0%,
-		100% {
-			opacity: 0.7;
-			transform: scale(1);
-		}
-		50% {
-			opacity: 1;
-			transform: scale(1.02);
-		}
-	}
-
-	@keyframes wave {
-		0%,
-		100% {
-			background-position: 0% 50%;
-			opacity: 1;
-		}
-		50% {
-			background-position: 100% 50%;
-			opacity: 0.85;
-		}
-	}
-
-	@keyframes candle {
-		0%,
-		100% {
-			opacity: 1;
-			filter: brightness(1);
-		}
-		25% {
-			opacity: 0.9;
-			filter: brightness(0.95);
-		}
-		50% {
-			opacity: 0.85;
-			filter: brightness(1.1);
-		}
-		75% {
-			opacity: 0.95;
-			filter: brightness(0.92);
-		}
-	}
-
-	@keyframes disco {
-		0% {
-			filter: hue-rotate(0deg) saturate(1.2);
-		}
-		100% {
-			filter: hue-rotate(360deg) saturate(1.2);
-		}
-	}
-
-	@keyframes thunder {
-		0%,
-		94%,
-		100% {
-			opacity: 1;
-			filter: brightness(1);
-		}
-		95%,
-		97% {
-			opacity: 1;
-			filter: brightness(3);
-		}
-	}
-
-	@keyframes police {
-		0%,
-		49% {
-			filter: hue-rotate(0deg);
-		}
-		50%,
-		100% {
-			filter: hue-rotate(180deg);
-		}
-	}
-
-	@keyframes warning {
-		0%,
-		100% {
-			opacity: 1;
-		}
-		50% {
-			opacity: 0.4;
-		}
-	}
-
-	@keyframes flash {
-		0%,
-		50% {
-			opacity: 1;
-		}
-		51%,
-		100% {
-			opacity: 0;
-		}
-	}
-
-	@keyframes sos {
-		/* S: ... */
-		0%,
-		5% {
-			opacity: 1;
-		}
-		5.1%,
-		10% {
-			opacity: 0;
-		}
-		10.1%,
-		15% {
-			opacity: 1;
-		}
-		15.1%,
-		20% {
-			opacity: 0;
-		}
-		20.1%,
-		25% {
-			opacity: 1;
-		}
-		25.1%,
-		35% {
-			opacity: 0;
-		}
-		/* O: --- */
-		35.1%,
-		45% {
-			opacity: 1;
-		}
-		45.1%,
-		50% {
-			opacity: 0;
-		}
-		50.1%,
-		60% {
-			opacity: 1;
-		}
-		60.1%,
-		65% {
-			opacity: 0;
-		}
-		65.1%,
-		75% {
-			opacity: 1;
-		}
-		75.1%,
-		80% {
-			opacity: 0;
-		}
-		/* S: ... */
-		80.1%,
-		82% {
-			opacity: 1;
-		}
-		82.1%,
-		85% {
-			opacity: 0;
-		}
-		85.1%,
-		87% {
-			opacity: 1;
-		}
-		87.1%,
-		90% {
-			opacity: 0;
-		}
-		90.1%,
-		92% {
-			opacity: 1;
-		}
-		92.1%,
-		100% {
-			opacity: 0;
-		}
-	}
-
-	@keyframes scanner {
-		0%,
-		100% {
-			filter: brightness(0.8);
-		}
-		50% {
-			filter: brightness(1.5);
-		}
-	}
-
-	@keyframes matrix {
-		0% {
-			filter: brightness(1) contrast(1.1);
-		}
-		50% {
-			filter: brightness(0.8) contrast(1.2);
-		}
-	}
-
-	@keyframes sunrise {
-		0% {
-			filter: brightness(0.3) saturate(0.5);
-		}
-		50% {
-			filter: brightness(1) saturate(1);
-		}
-		100% {
-			filter: brightness(1.2) saturate(1.2);
-		}
-	}
-
-	@keyframes sunset {
-		0% {
-			filter: brightness(1.2) saturate(1.2);
-		}
-		50% {
-			filter: brightness(0.8) saturate(1.5);
-		}
-		100% {
-			filter: brightness(0.3) saturate(0.5);
-		}
-	}
-
-	/* Particle animation */
-	.particle {
-		animation: float-up linear infinite;
-	}
-
-	@keyframes float-up {
-		0% {
-			transform: translateY(100vh) scale(0);
-			opacity: 0;
-		}
-		10% {
-			opacity: 1;
-		}
-		90% {
-			opacity: 1;
-		}
-		100% {
-			transform: translateY(-10vh) scale(1);
-			opacity: 0;
-		}
-	}
-</style>
diff --git a/apps/moodlit/apps/web-archived/src/lib/data/default-moods.ts b/apps/moodlit/apps/web-archived/src/lib/data/default-moods.ts
deleted file mode 100644
index fb39322a0..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/data/default-moods.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-import type { Mood } from '$lib/types/mood';
-
-// 24 preset moods matching the mobile app
-export const DEFAULT_MOODS: Mood[] = [
-	{
-		id: 'fire',
-		name: 'Fire',
-		colors: ['#ff6b35', '#ff4500', '#dc143c', '#8b0000'],
-		animationType: 'candle',
-		order: 0,
-	},
-	{
-		id: 'breath',
-		name: 'Breath',
-		colors: ['#667eea', '#764ba2', '#f093fb'],
-		animationType: 'breath',
-		order: 1,
-	},
-	{
-		id: 'northern-lights',
-		name: 'Northern Lights',
-		colors: ['#5f27cd', '#341f97', '#8854d0', '#a29bfe'],
-		animationType: 'wave',
-		order: 2,
-	},
-	{
-		id: 'thunder',
-		name: 'Thunder',
-		colors: ['#2c3e50', '#34495e', '#ffffff', '#95a5a6'],
-		animationType: 'thunder',
-		order: 3,
-	},
-	{
-		id: 'light',
-		name: 'Light',
-		colors: ['#ffffff', '#f8f9fa', '#e9ecef'],
-		animationType: 'gradient',
-		order: 4,
-	},
-	{
-		id: 'flash',
-		name: 'Flash',
-		colors: ['#ffffff'],
-		animationType: 'flash',
-		order: 5,
-	},
-	{
-		id: 'sos',
-		name: 'SOS',
-		colors: ['#ffffff'],
-		animationType: 'sos',
-		order: 6,
-	},
-	{
-		id: 'ocean',
-		name: 'Ocean',
-		colors: ['#48dbfb', '#0abde3', '#10ac84', '#1dd1a1'],
-		animationType: 'wave',
-		order: 7,
-	},
-	{
-		id: 'candle',
-		name: 'Candle',
-		colors: ['#ff9f43', '#ee5a24', '#ffeaa7'],
-		animationType: 'candle',
-		order: 8,
-	},
-	{
-		id: 'police',
-		name: 'Police',
-		colors: ['#e74c3c', '#3498db'],
-		animationType: 'police',
-		order: 9,
-	},
-	{
-		id: 'warning',
-		name: 'Warning',
-		colors: ['#f39c12', '#e67e22'],
-		animationType: 'warning',
-		order: 10,
-	},
-	{
-		id: 'disco',
-		name: 'Disco',
-		colors: ['#e74c3c', '#9b59b6', '#3498db', '#1abc9c', '#f1c40f', '#e67e22'],
-		animationType: 'disco',
-		order: 11,
-	},
-	{
-		id: 'sunrise',
-		name: 'Sunrise',
-		colors: ['#1a1a2e', '#16213e', '#e94560', '#ff6b6b', '#feca57', '#fffacd'],
-		animationType: 'sunrise',
-		order: 12,
-	},
-	{
-		id: 'sunset',
-		name: 'Sunset',
-		colors: ['#ff6b6b', '#feca57', '#ff9ff3', '#a29bfe', '#341f97', '#1a1a2e'],
-		animationType: 'sunset',
-		order: 13,
-	},
-	{
-		id: 'forest',
-		name: 'Forest',
-		colors: ['#27ae60', '#2ecc71', '#1abc9c', '#16a085'],
-		animationType: 'pulse',
-		order: 14,
-	},
-	{
-		id: 'rave',
-		name: 'Rave',
-		colors: [
-			'#ff0000',
-			'#ff00ff',
-			'#00ffff',
-			'#00ff00',
-			'#ffff00',
-			'#ff6600',
-			'#0066ff',
-			'#ff0066',
-		],
-		animationType: 'rave',
-		order: 15,
-	},
-	{
-		id: 'scanner',
-		name: 'Scanner',
-		colors: ['#e74c3c'],
-		animationType: 'scanner',
-		order: 16,
-	},
-	{
-		id: 'matrix',
-		name: 'Matrix',
-		colors: ['#00ff00'],
-		animationType: 'matrix',
-		order: 17,
-	},
-	{
-		id: 'lavender',
-		name: 'Lavender',
-		colors: ['#e6e6fa', '#dda0dd', '#da70d6', '#ba55d3'],
-		animationType: 'pulse',
-		order: 18,
-	},
-	{
-		id: 'cherry-blossom',
-		name: 'Cherry Blossom',
-		colors: ['#ffb7c5', '#ff69b4', '#ff1493', '#db7093'],
-		animationType: 'wave',
-		order: 19,
-	},
-	{
-		id: 'autumn',
-		name: 'Autumn',
-		colors: ['#d35400', '#e67e22', '#f39c12', '#c0392b'],
-		animationType: 'gradient',
-		order: 20,
-	},
-	{
-		id: 'ice',
-		name: 'Ice',
-		colors: ['#74b9ff', '#0984e3', '#81ecec', '#00cec9'],
-		animationType: 'wave',
-		order: 21,
-	},
-	{
-		id: 'romance',
-		name: 'Romance',
-		colors: ['#fd79a8', '#e84393', '#d63031', '#ff7675'],
-		animationType: 'pulse',
-		order: 22,
-	},
-	{
-		id: 'midnight',
-		name: 'Midnight',
-		colors: ['#0c0c0c', '#1a1a2e', '#16213e', '#0f3460'],
-		animationType: 'breath',
-		order: 23,
-	},
-];
-
-// Get mood by ID
-export function getMoodById(id: string): Mood | undefined {
-	return DEFAULT_MOODS.find((m) => m.id === id);
-}
-
-// Get gradient CSS for a mood
-export function getMoodGradient(mood: Mood): string {
-	if (mood.colors.length === 1) {
-		return mood.colors[0];
-	}
-	return `linear-gradient(135deg, ${mood.colors.join(', ')})`;
-}
diff --git a/apps/moodlit/apps/web-archived/src/lib/data/guest-seed.ts b/apps/moodlit/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index f8a105fd2..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import type { LocalMood, LocalSequence } from './local-store';
-
-export const guestMoods: LocalMood[] = [
-	{
-		id: 'fire',
-		name: 'Fire',
-		colors: ['#ff6b35', '#f72585', '#ff006e'],
-		animation: 'flicker',
-		isDefault: true,
-	},
-	{
-		id: 'breath',
-		name: 'Breath',
-		colors: ['#4361ee', '#3a0ca3', '#7209b7'],
-		animation: 'pulse',
-		isDefault: true,
-	},
-	{
-		id: 'northern-lights',
-		name: 'Northern Lights',
-		colors: ['#06d6a0', '#118ab2', '#073b4c'],
-		animation: 'aurora',
-		isDefault: true,
-	},
-	{
-		id: 'sunset',
-		name: 'Sunset',
-		colors: ['#ff6b6b', '#feca57', '#ff9ff3'],
-		animation: 'gradient',
-		isDefault: true,
-	},
-	{
-		id: 'ocean',
-		name: 'Ocean',
-		colors: ['#0077b6', '#00b4d8', '#90e0ef'],
-		animation: 'wave',
-		isDefault: true,
-	},
-	{
-		id: 'forest',
-		name: 'Forest',
-		colors: ['#2d6a4f', '#40916c', '#52b788'],
-		animation: 'sway',
-		isDefault: true,
-	},
-	{
-		id: 'lavender',
-		name: 'Lavender',
-		colors: ['#7b2cbf', '#9d4edd', '#c77dff'],
-		animation: 'pulse',
-		isDefault: true,
-	},
-	{
-		id: 'thunder',
-		name: 'Thunder',
-		colors: ['#14213d', '#fca311', '#e5e5e5'],
-		animation: 'flash',
-		isDefault: true,
-	},
-];
-
-export const guestSequences: LocalSequence[] = [
-	{
-		id: 'evening-flow',
-		name: 'Evening Flow',
-		moodIds: ['sunset', 'lavender', 'breath'],
-		duration: 30,
-	},
-	{ id: 'nature', name: 'Nature', moodIds: ['forest', 'ocean', 'northern-lights'], duration: 45 },
-];
diff --git a/apps/moodlit/apps/web-archived/src/lib/data/local-store.ts b/apps/moodlit/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 4b22533e7..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export interface LocalMood extends BaseRecord {
-	name: string;
-	colors: string[];
-	animation: string;
-	isDefault: boolean;
-}
-
-export interface LocalSequence extends BaseRecord {
-	name: string;
-	moodIds: string[];
-	duration: number;
-}
-
-import { guestMoods, guestSequences } from './guest-seed';
-
-export const moodlitStore = createLocalStore({
-	appId: 'moodlit',
-	collections: [
-		{
-			name: 'moods',
-			indexes: ['name', 'animation', 'isDefault'],
-			guestSeed: guestMoods,
-		},
-		{
-			name: 'sequences',
-			indexes: ['name'],
-			guestSeed: guestSequences,
-		},
-	],
-	sync: { serverUrl: SYNC_SERVER_URL },
-});
-
-export const moodCollection = moodlitStore.collection<LocalMood>('moods');
-export const sequenceCollection = moodlitStore.collection<LocalSequence>('sequences');
diff --git a/apps/moodlit/apps/web-archived/src/lib/i18n/index.ts b/apps/moodlit/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index efad3acc3..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('moodlit_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('moodlit_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/moodlit/apps/web-archived/src/lib/i18n/locales/de.json b/apps/moodlit/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index dd65374e9..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,78 +0,0 @@
-{
-	"app": {
-		"name": "Moodlit",
-		"tagline": "Ambient Lighting & Moods"
-	},
-	"nav": {
-		"home": "Startseite",
-		"moods": "Moods",
-		"sequences": "Sequenzen",
-		"settings": "Einstellungen",
-		"feedback": "Feedback"
-	},
-	"home": {
-		"title": "Deine Moods",
-		"subtitle": "Wähle eine Lichtstimmung",
-		"sequences": "Sequenzen",
-		"sequencesDescription": "Verkette mehrere Moods zu einer Sequenz",
-		"favorites": "Favoriten",
-		"all": "Alle Moods",
-		"custom": "Eigene Moods"
-	},
-	"sequences": {
-		"title": "Sequenzen",
-		"subtitle": "Spiele mehrere Moods nacheinander ab",
-		"moods": "Moods",
-		"empty": "Noch keine Sequenzen",
-		"emptyDescription": "Erstelle eine Sequenz, indem du mehrere Moods verkettest."
-	},
-	"mood": {
-		"play": "Abspielen",
-		"pause": "Pause",
-		"edit": "Bearbeiten",
-		"delete": "Löschen",
-		"addToFavorites": "Zu Favoriten",
-		"removeFromFavorites": "Aus Favoriten",
-		"animation": "Animation",
-		"colors": "Farben",
-		"startTimer": "Start",
-		"stopTimer": "Timer stoppen",
-		"timerRunning": "Timer läuft",
-		"stop": "Stopp"
-	},
-	"settings": {
-		"title": "Einstellungen",
-		"animationSpeed": "Animationsgeschwindigkeit",
-		"slow": "Langsam",
-		"normal": "Normal",
-		"fast": "Schnell",
-		"brightness": "Helligkeit",
-		"autoTimer": "Auto-Timer",
-		"autoTimerOff": "Aus",
-		"autoTimerMinutes": "{minutes} Minuten",
-		"autoMoodSwitch": "Auto-Mood-Wechsel",
-		"autoMoodSwitchInterval": "Wechsel-Intervall",
-		"reset": "Zurücksetzen",
-		"resetConfirm": "Alle Einstellungen zurücksetzen?"
-	},
-	"createMood": {
-		"title": "Mood erstellen",
-		"editTitle": "Mood bearbeiten",
-		"name": "Name",
-		"namePlaceholder": "Mood-Name eingeben...",
-		"colors": "Farben",
-		"addColor": "Farbe hinzufügen",
-		"animation": "Animationstyp",
-		"preview": "Vorschau"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"confirm": "Bestätigen",
-		"loading": "Lädt...",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"create": "Erstellen"
-	}
-}
diff --git a/apps/moodlit/apps/web-archived/src/lib/i18n/locales/en.json b/apps/moodlit/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index f145db185..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,78 +0,0 @@
-{
-	"app": {
-		"name": "Moodlit",
-		"tagline": "Ambient Lighting & Moods"
-	},
-	"nav": {
-		"home": "Home",
-		"moods": "Moods",
-		"sequences": "Sequences",
-		"settings": "Settings",
-		"feedback": "Feedback"
-	},
-	"home": {
-		"title": "Your Moods",
-		"subtitle": "Choose a lighting mood",
-		"sequences": "Sequences",
-		"sequencesDescription": "Chain multiple moods into a sequence",
-		"favorites": "Favorites",
-		"all": "All Moods",
-		"custom": "Custom Moods"
-	},
-	"sequences": {
-		"title": "Sequences",
-		"subtitle": "Play multiple moods in sequence",
-		"moods": "moods",
-		"empty": "No Sequences Yet",
-		"emptyDescription": "Create a sequence by chaining multiple moods together."
-	},
-	"mood": {
-		"play": "Play",
-		"pause": "Pause",
-		"edit": "Edit",
-		"delete": "Delete",
-		"addToFavorites": "Add to Favorites",
-		"removeFromFavorites": "Remove from Favorites",
-		"animation": "Animation",
-		"colors": "Colors",
-		"startTimer": "Start",
-		"stopTimer": "Stop Timer",
-		"timerRunning": "Timer running",
-		"stop": "Stop"
-	},
-	"settings": {
-		"title": "Settings",
-		"animationSpeed": "Animation Speed",
-		"slow": "Slow",
-		"normal": "Normal",
-		"fast": "Fast",
-		"brightness": "Brightness",
-		"autoTimer": "Auto Timer",
-		"autoTimerOff": "Off",
-		"autoTimerMinutes": "{minutes} minutes",
-		"autoMoodSwitch": "Auto Mood Switch",
-		"autoMoodSwitchInterval": "Switch Interval",
-		"reset": "Reset",
-		"resetConfirm": "Reset all settings?"
-	},
-	"createMood": {
-		"title": "Create Mood",
-		"editTitle": "Edit Mood",
-		"name": "Name",
-		"namePlaceholder": "Enter mood name...",
-		"colors": "Colors",
-		"addColor": "Add Color",
-		"animation": "Animation Type",
-		"preview": "Preview"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"confirm": "Confirm",
-		"loading": "Loading...",
-		"error": "Error",
-		"success": "Success",
-		"create": "Create"
-	}
-}
diff --git a/apps/moodlit/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/moodlit/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 228e6220d..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({ devBackendPort: 3073 });
diff --git a/apps/moodlit/apps/web-archived/src/lib/stores/moods.svelte.ts b/apps/moodlit/apps/web-archived/src/lib/stores/moods.svelte.ts
deleted file mode 100644
index 10f8a96b7..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/stores/moods.svelte.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import type { Mood, MoodSettings } from '$lib/types/mood';
-
-// Default settings
-const DEFAULT_SETTINGS: MoodSettings = {
-	animationSpeed: 'normal',
-	brightness: 100,
-	autoTimer: 0,
-	autoMoodSwitch: false,
-	autoMoodSwitchInterval: 5,
-};
-
-// Moods store using Svelte 5 runes
-function createMoodsStore() {
-	let customMoods = $state<Mood[]>([]);
-	let favoriteIds = $state<string[]>([]);
-	let settings = $state<MoodSettings>({ ...DEFAULT_SETTINGS });
-	let activeMood = $state<Mood | null>(null);
-
-	// Load from localStorage on init
-	if (typeof window !== 'undefined') {
-		const saved = localStorage.getItem('moodlit-store');
-		if (saved) {
-			try {
-				const parsed = JSON.parse(saved);
-				if (parsed.customMoods) customMoods = parsed.customMoods;
-				if (parsed.favoriteIds) favoriteIds = parsed.favoriteIds;
-				if (parsed.settings) settings = { ...DEFAULT_SETTINGS, ...parsed.settings };
-			} catch (e) {
-				console.error('Failed to load moods from localStorage', e);
-			}
-		}
-	}
-
-	// Save to localStorage
-	function persist() {
-		if (typeof window !== 'undefined') {
-			localStorage.setItem('moodlit-store', JSON.stringify({ customMoods, favoriteIds, settings }));
-		}
-	}
-
-	return {
-		get customMoods() {
-			return customMoods;
-		},
-		get favoriteIds() {
-			return favoriteIds;
-		},
-		get settings() {
-			return settings;
-		},
-		get activeMood() {
-			return activeMood;
-		},
-
-		// Check if a mood is a favorite
-		isFavorite(moodId: string): boolean {
-			return favoriteIds.includes(moodId);
-		},
-
-		setActiveMood(mood: Mood | null) {
-			activeMood = mood;
-		},
-
-		addMood(mood: Mood) {
-			customMoods = [...customMoods, mood];
-			persist();
-		},
-
-		updateMood(id: string, updates: Partial<Mood>) {
-			customMoods = customMoods.map((m) => (m.id === id ? { ...m, ...updates } : m));
-			persist();
-		},
-
-		removeMood(id: string) {
-			customMoods = customMoods.filter((m) => m.id !== id);
-			// Also remove from favorites
-			favoriteIds = favoriteIds.filter((fid) => fid !== id);
-			persist();
-		},
-
-		toggleFavorite(moodId: string) {
-			if (favoriteIds.includes(moodId)) {
-				favoriteIds = favoriteIds.filter((id) => id !== moodId);
-			} else {
-				favoriteIds = [...favoriteIds, moodId];
-			}
-			persist();
-		},
-
-		addToFavorites(moodId: string) {
-			if (!favoriteIds.includes(moodId)) {
-				favoriteIds = [...favoriteIds, moodId];
-				persist();
-			}
-		},
-
-		removeFromFavorites(moodId: string) {
-			favoriteIds = favoriteIds.filter((id) => id !== moodId);
-			persist();
-		},
-
-		updateSettings(updates: Partial<MoodSettings>) {
-			settings = { ...settings, ...updates };
-			persist();
-		},
-
-		resetToDefaults() {
-			customMoods = [];
-			favoriteIds = [];
-			settings = { ...DEFAULT_SETTINGS };
-			persist();
-		},
-	};
-}
-
-export const moodsStore = createMoodsStore();
diff --git a/apps/moodlit/apps/web-archived/src/lib/stores/navigation.ts b/apps/moodlit/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index 83da2edfa..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { writable } from 'svelte/store';
-
-// Store for sidebar mode (pill vs sidebar navigation)
-export const isSidebarMode = writable(false);
-
-// Store for collapsed state
-export const isNavCollapsed = writable(false);
diff --git a/apps/moodlit/apps/web-archived/src/lib/stores/sequences.svelte.ts b/apps/moodlit/apps/web-archived/src/lib/stores/sequences.svelte.ts
deleted file mode 100644
index 8754dac8a..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/stores/sequences.svelte.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import type { MoodSequence } from '$lib/types/mood';
-
-// Default sequences for demo purposes
-const DEFAULT_SEQUENCES: MoodSequence[] = [
-	{
-		id: 'relaxation',
-		name: 'Relaxation',
-		items: [
-			{ moodId: 'breath', duration: 60 },
-			{ moodId: 'ocean', duration: 60 },
-			{ moodId: 'lavender', duration: 60 },
-		],
-		transitionDuration: 5,
-	},
-	{
-		id: 'focus',
-		name: 'Focus Flow',
-		items: [
-			{ moodId: 'forest', duration: 120 },
-			{ moodId: 'northern-lights', duration: 120 },
-		],
-		transitionDuration: 10,
-	},
-	{
-		id: 'party',
-		name: 'Party Mode',
-		items: [
-			{ moodId: 'disco', duration: 30 },
-			{ moodId: 'rave', duration: 30 },
-			{ moodId: 'police', duration: 15 },
-		],
-		transitionDuration: 2,
-	},
-];
-
-// Sequences store using Svelte 5 runes
-function createSequencesStore() {
-	let sequences = $state<MoodSequence[]>([...DEFAULT_SEQUENCES]);
-	let customSequences = $state<MoodSequence[]>([]);
-	let activeSequence = $state<MoodSequence | null>(null);
-	let currentItemIndex = $state(0);
-	let isPlaying = $state(false);
-
-	// Load from localStorage on init
-	if (typeof window !== 'undefined') {
-		const saved = localStorage.getItem('moodlit-sequences');
-		if (saved) {
-			try {
-				const parsed = JSON.parse(saved);
-				if (parsed.customSequences) customSequences = parsed.customSequences;
-			} catch (e) {
-				console.error('Failed to load sequences from localStorage', e);
-			}
-		}
-	}
-
-	// Save to localStorage
-	function persist() {
-		if (typeof window !== 'undefined') {
-			localStorage.setItem('moodlit-sequences', JSON.stringify({ customSequences }));
-		}
-	}
-
-	return {
-		get sequences() {
-			return [...sequences, ...customSequences];
-		},
-		get customSequences() {
-			return customSequences;
-		},
-		get activeSequence() {
-			return activeSequence;
-		},
-		get currentItemIndex() {
-			return currentItemIndex;
-		},
-		get isPlaying() {
-			return isPlaying;
-		},
-
-		addSequence(sequence: MoodSequence) {
-			customSequences = [...customSequences, { ...sequence, isCustom: true }];
-			persist();
-		},
-
-		updateSequence(id: string, updates: Partial<MoodSequence>) {
-			customSequences = customSequences.map((s) => (s.id === id ? { ...s, ...updates } : s));
-			persist();
-		},
-
-		removeSequence(id: string) {
-			customSequences = customSequences.filter((s) => s.id !== id);
-			persist();
-		},
-
-		playSequence(sequence: MoodSequence) {
-			activeSequence = sequence;
-			currentItemIndex = 0;
-			isPlaying = true;
-		},
-
-		stopSequence() {
-			activeSequence = null;
-			currentItemIndex = 0;
-			isPlaying = false;
-		},
-
-		nextItem() {
-			if (activeSequence && currentItemIndex < activeSequence.items.length - 1) {
-				currentItemIndex++;
-			} else {
-				// Loop back to start
-				currentItemIndex = 0;
-			}
-		},
-
-		previousItem() {
-			if (currentItemIndex > 0) {
-				currentItemIndex--;
-			}
-		},
-
-		togglePlay() {
-			isPlaying = !isPlaying;
-		},
-	};
-}
-
-export const sequencesStore = createSequencesStore();
diff --git a/apps/moodlit/apps/web-archived/src/lib/stores/theme.ts b/apps/moodlit/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 64618bc3b..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-// Create the theme store for Moodlit
-export const theme = createThemeStore({
-	appId: 'moodlit',
-	defaultMode: 'system',
-	defaultVariant: 'lume',
-});
diff --git a/apps/moodlit/apps/web-archived/src/lib/types/auth.ts b/apps/moodlit/apps/web-archived/src/lib/types/auth.ts
deleted file mode 100644
index 2e8f4585f..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/types/auth.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth types for Moodlit
- */
-
-export interface MoodlitUser {
-	id: string;
-	email: string;
-	role: string;
-}
diff --git a/apps/moodlit/apps/web-archived/src/lib/types/mood.ts b/apps/moodlit/apps/web-archived/src/lib/types/mood.ts
deleted file mode 100644
index 168e46222..000000000
--- a/apps/moodlit/apps/web-archived/src/lib/types/mood.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-// Animation types available for moods
-export type AnimationType =
-	| 'gradient'
-	| 'pulse'
-	| 'wave'
-	| 'flash'
-	| 'sos'
-	| 'candle'
-	| 'police'
-	| 'warning'
-	| 'disco'
-	| 'thunder'
-	| 'breath'
-	| 'rave'
-	| 'scanner'
-	| 'matrix'
-	| 'sunrise'
-	| 'sunset'
-	| 'aurora'
-	| 'fire'
-	| 'ocean'
-	| 'forest'
-	| 'sparkle';
-
-// Mood interface
-export interface Mood {
-	id: string;
-	name: string;
-	colors: string[];
-	animationType: AnimationType;
-	isCustom?: boolean;
-	order?: number;
-	createdAt?: string;
-}
-
-// Sequence item (mood with duration)
-export interface MoodSequenceItem {
-	moodId: string;
-	duration: number; // seconds
-}
-
-// Mood sequence
-export interface MoodSequence {
-	id: string;
-	name: string;
-	items: MoodSequenceItem[];
-	transitionDuration: number; // 2, 5, or 10 seconds
-	isCustom?: boolean;
-}
-
-// Settings
-export interface MoodSettings {
-	animationSpeed: 'slow' | 'normal' | 'fast';
-	brightness: number; // 0-100
-	autoTimer: number; // 0 = off, else minutes
-	autoMoodSwitch: boolean;
-	autoMoodSwitchInterval: number; // minutes
-}
-
-// Animation metadata for UI
-export interface AnimationInfo {
-	id: AnimationType;
-	name: string;
-	description: string;
-}
-
-// Available animations with descriptions
-export const ANIMATIONS: AnimationInfo[] = [
-	{ id: 'gradient', name: 'Gradient', description: 'Smooth color gradient' },
-	{ id: 'pulse', name: 'Pulse', description: 'Breathing opacity effect' },
-	{ id: 'wave', name: 'Wave', description: 'Smooth wave oscillation' },
-	{ id: 'breath', name: 'Breath', description: '4-second breathing cycle' },
-	{ id: 'aurora', name: 'Aurora', description: 'Northern lights effect' },
-	{ id: 'fire', name: 'Fire', description: 'Warm flickering flames' },
-	{ id: 'candle', name: 'Candle', description: 'Soft candlelight flicker' },
-	{ id: 'ocean', name: 'Ocean', description: 'Calm ocean waves' },
-	{ id: 'forest', name: 'Forest', description: 'Peaceful forest ambience' },
-	{ id: 'thunder', name: 'Thunder', description: 'Random lightning flashes' },
-	{ id: 'sparkle', name: 'Sparkle', description: 'Twinkling star effect' },
-	{ id: 'sunrise', name: 'Sunrise', description: 'Slow warming colors' },
-	{ id: 'sunset', name: 'Sunset', description: 'Evening color transition' },
-	{ id: 'disco', name: 'Disco', description: 'Fast color cycling' },
-	{ id: 'rave', name: 'Rave', description: 'Very fast chaotic colors' },
-	{ id: 'scanner', name: 'Scanner', description: 'Light wave sweep' },
-	{ id: 'matrix', name: 'Matrix', description: 'Digital green blinking' },
-	{ id: 'flash', name: 'Flash', description: 'Quick white flashes' },
-	{ id: 'sos', name: 'SOS', description: 'Morse code pattern' },
-	{ id: 'police', name: 'Police', description: 'Red/blue alternating' },
-	{ id: 'warning', name: 'Warning', description: 'Blinking orange/yellow' },
-];
diff --git a/apps/moodlit/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/moodlit/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 3d22a716b..000000000
--- a/apps/moodlit/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,114 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { PillNavigation } from '@manacore/shared-ui';
-	import type { PillNavItem, SpotlightAction } from '@manacore/shared-ui';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { AuthGate, GuestWelcomeModal, SessionExpiredBanner } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { moodlitStore } from '$lib/data/local-store';
-
-	let { children } = $props();
-	let appItems = $derived(getPillAppItems(undefined, undefined, undefined, authStore.user?.tier));
-	let userEmail = $derived(authStore.isAuthenticated ? (authStore.user?.email ?? '') : '');
-	let showGuestWelcome = $state(false);
-	let isCollapsed = $state(false);
-	let isDark = $state(true);
-
-	const navItems: PillNavItem[] = [
-		{ href: '/moods', label: 'Moods', icon: 'palette' },
-		{ href: '/sequences', label: 'Sequences', icon: 'list' },
-	];
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		localStorage?.setItem('moodlit-collapsed', String(collapsed));
-	}
-
-	function handleToggleTheme() {
-		isDark = !isDark;
-		document.documentElement.classList.toggle('dark', isDark);
-	}
-
-	async function handleLogout() {
-		moodlitStore.stopSync();
-		await authStore.signOut();
-		goto('/auth/login');
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{ id: 'scenes', label: 'Szenen', category: 'Navigation', onExecute: () => goto('/moods') },
-		{
-			id: 'sequences',
-			label: 'Sequences',
-			category: 'Navigation',
-			onExecute: () => goto('/sequences'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	function handleAuthReady() {
-		if (authStore.isAuthenticated) moodlitStore.startSync(() => authStore.getValidToken());
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('moodlit')) showGuestWelcome = true;
-		const c = localStorage?.getItem('moodlit-collapsed');
-		if (c === 'true') isCollapsed = true;
-	}
-</script>
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('moodlit')?.requiredTier}
-	appName={getManaApp('moodlit')?.name}
->
-	<div class="flex min-h-screen flex-col">
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="Moodlit"
-			homeRoute="/moods"
-			onLogout={handleLogout}
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			primaryColor="#7c3aed"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			{spotlightActions}
-		>
-			{#snippet logo()}
-				<span class="text-xl">🌈</span>
-				<span class="pill-label font-bold">Moodlit</span>
-			{/snippet}
-		</PillNavigation>
-
-		<main class="main-content flex-1 transition-all duration-300 {isCollapsed ? '' : 'pt-20'}">
-			<div class="container mx-auto px-4 py-8">
-				{@render children()}
-			</div>
-		</main>
-	</div>
-
-	<GuestWelcomeModal
-		appId="moodlit"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/auth/login')}
-		onRegister={() => goto('/auth/register')}
-		locale="de"
-	/>
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale="de" loginHref="/auth/login" />
-	{/if}
-</AuthGate>
diff --git a/apps/moodlit/apps/web-archived/src/routes/(app)/+page.svelte b/apps/moodlit/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 5ed3e8df0..000000000
--- a/apps/moodlit/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	onMount(() => goto('/moods'));
-</script>
diff --git a/apps/moodlit/apps/web-archived/src/routes/(app)/moods/+page.svelte b/apps/moodlit/apps/web-archived/src/routes/(app)/moods/+page.svelte
deleted file mode 100644
index 1353233ef..000000000
--- a/apps/moodlit/apps/web-archived/src/routes/(app)/moods/+page.svelte
+++ /dev/null
@@ -1,167 +0,0 @@
-<script lang="ts">
-	import { useLiveQuery } from '@manacore/local-store/svelte';
-	import { moodCollection } from '$lib/data/local-store';
-	import type { LocalMood } from '$lib/data/local-store';
-	import { toast } from 'svelte-sonner';
-	import { X } from '@manacore/shared-icons';
-
-	const moods = useLiveQuery(() => moodCollection.getAll());
-
-	let showCreate = $state(false);
-	let newName = $state('');
-	let newColors = $state(['#7c3aed', '#a78bfa', '#c4b5fd']);
-	let newAnimation = $state('gradient');
-	let activeMood = $state<LocalMood | null>(null);
-
-	async function createMood() {
-		if (!newName) return;
-		await moodCollection.insert({
-			id: crypto.randomUUID(),
-			name: newName,
-			colors: newColors,
-			animation: newAnimation,
-			isDefault: false,
-		});
-		toast.success(`"${newName}" erstellt`);
-		newName = '';
-		showCreate = false;
-	}
-
-	async function deleteMood(mood: LocalMood) {
-		if (mood.isDefault) {
-			toast.error('Standard-Moods können nicht gelöscht werden');
-			return;
-		}
-		await moodCollection.delete(mood.id);
-		if (activeMood?.id === mood.id) activeMood = null;
-		toast.success('Gelöscht');
-	}
-
-	function activateMood(mood: LocalMood) {
-		activeMood = activeMood?.id === mood.id ? null : mood;
-	}
-</script>
-
-<div class="mx-auto max-w-4xl">
-	<div class="mb-6 flex items-center justify-between">
-		<h1 class="text-3xl font-bold">Moods</h1>
-		<button
-			onclick={() => (showCreate = !showCreate)}
-			class="rounded-lg bg-purple-600 px-4 py-2 font-medium text-white hover:bg-purple-700"
-		>
-			{showCreate ? 'Schliessen' : '+ Neues Mood'}
-		</button>
-	</div>
-
-	<!-- Active Mood Display -->
-	{#if activeMood}
-		<div
-			class="mb-6 overflow-hidden rounded-2xl p-8 text-center transition-all duration-1000"
-			style="background: linear-gradient(135deg, {activeMood.colors.join(', ')})"
-		>
-			<h2 class="text-4xl font-bold text-white drop-shadow-lg">{activeMood.name}</h2>
-			<p class="mt-2 text-white/70">{activeMood.animation}</p>
-			<button
-				onclick={() => (activeMood = null)}
-				class="mt-4 rounded-lg bg-white/20 px-4 py-2 text-sm text-white backdrop-blur hover:bg-white/30"
-				>Stoppen</button
-			>
-		</div>
-	{/if}
-
-	{#if showCreate}
-		<div class="mb-6 rounded-xl border border-gray-800 bg-gray-900 p-6">
-			<div class="grid gap-4 md:grid-cols-2">
-				<div>
-					<label class="mb-1 block text-sm font-medium text-gray-300">Name</label>
-					<input
-						type="text"
-						bind:value={newName}
-						placeholder="Mein Mood"
-						class="w-full rounded-lg border border-gray-700 bg-gray-800 px-4 py-2 text-gray-100"
-					/>
-				</div>
-				<div>
-					<label class="mb-1 block text-sm font-medium text-gray-300">Animation</label>
-					<select
-						bind:value={newAnimation}
-						class="w-full rounded-lg border border-gray-700 bg-gray-800 px-3 py-2 text-gray-100"
-					>
-						<option value="gradient">Gradient</option>
-						<option value="pulse">Pulse</option>
-						<option value="wave">Wave</option>
-						<option value="flicker">Flicker</option>
-						<option value="aurora">Aurora</option>
-					</select>
-				</div>
-				<div class="md:col-span-2">
-					<label class="mb-1 block text-sm font-medium text-gray-300">Farben</label>
-					<div class="flex gap-2">
-						{#each newColors as color, i}
-							<input
-								type="color"
-								bind:value={newColors[i]}
-								class="h-10 w-14 cursor-pointer rounded border border-gray-700"
-							/>
-						{/each}
-						<button
-							onclick={() => (newColors = [...newColors, '#ffffff'])}
-							class="rounded border border-gray-700 px-3 text-sm text-gray-400 hover:bg-gray-800"
-							>+</button
-						>
-					</div>
-				</div>
-			</div>
-			<div
-				class="mt-2 h-4 rounded-full"
-				style="background: linear-gradient(90deg, {newColors.join(', ')})"
-			></div>
-			<button
-				onclick={createMood}
-				disabled={!newName}
-				class="mt-4 rounded-lg bg-purple-600 px-6 py-2 font-medium text-white hover:bg-purple-700 disabled:opacity-50"
-				>Erstellen</button
-			>
-		</div>
-	{/if}
-
-	{#if moods.loading}
-		<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-			{#each Array(6) as _}
-				<div class="h-32 animate-pulse rounded-xl bg-gray-800"></div>
-			{/each}
-		</div>
-	{:else}
-		<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-			{#each moods.value ?? [] as mood (mood.id)}
-				<button
-					onclick={() => activateMood(mood)}
-					class="group relative overflow-hidden rounded-xl border-2 p-6 text-left transition-all hover:scale-[1.02] {activeMood?.id ===
-					mood.id
-						? 'border-white shadow-lg shadow-purple-500/20'
-						: 'border-gray-800 hover:border-gray-700'}"
-					style="background: linear-gradient(135deg, {mood.colors.map((c) => c + '40').join(', ')})"
-				>
-					<h3 class="text-lg font-bold text-white">{mood.name}</h3>
-					<p class="mt-1 text-xs text-gray-400">{mood.animation}</p>
-					<div class="mt-3 flex gap-1">
-						{#each mood.colors as color}
-							<div class="h-4 w-4 rounded-full" style="background: {color}"></div>
-						{/each}
-					</div>
-					{#if !mood.isDefault}
-						<button
-							onclick={(e) => {
-								e.stopPropagation();
-								deleteMood(mood);
-							}}
-							class="absolute right-2 top-2 rounded-full p-1 text-gray-500 opacity-0 hover:bg-gray-800 hover:text-red-400 group-hover:opacity-100"
-						>
-							<X size={16} />
-						</button>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/moodlit/apps/web-archived/src/routes/(app)/sequences/+page.svelte b/apps/moodlit/apps/web-archived/src/routes/(app)/sequences/+page.svelte
deleted file mode 100644
index e551a3af2..000000000
--- a/apps/moodlit/apps/web-archived/src/routes/(app)/sequences/+page.svelte
+++ /dev/null
@@ -1,111 +0,0 @@
-<script lang="ts">
-	import { useLiveQuery } from '@manacore/local-store/svelte';
-	import { sequenceCollection, moodCollection } from '$lib/data/local-store';
-	import { toast } from 'svelte-sonner';
-	import { Trash } from '@manacore/shared-icons';
-
-	const sequences = useLiveQuery(() => sequenceCollection.getAll());
-	const moods = useLiveQuery(() => moodCollection.getAll());
-
-	let newName = $state('');
-	let newDuration = $state(30);
-	let showCreate = $state(false);
-
-	async function createSequence() {
-		if (!newName) return;
-		const allMoods = moods.value ?? [];
-		await sequenceCollection.insert({
-			id: crypto.randomUUID(),
-			name: newName,
-			moodIds: allMoods.slice(0, 3).map((m) => m.id),
-			duration: newDuration,
-		});
-		toast.success(`"${newName}" erstellt`);
-		newName = '';
-		showCreate = false;
-	}
-
-	async function deleteSequence(id: string, name: string) {
-		if (!confirm(`"${name}" löschen?`)) return;
-		await sequenceCollection.delete(id);
-		toast.success('Gelöscht');
-	}
-
-	function getMoodName(moodId: string): string {
-		return (moods.value ?? []).find((m) => m.id === moodId)?.name ?? moodId;
-	}
-</script>
-
-<div class="mx-auto max-w-2xl">
-	<div class="mb-6 flex items-center justify-between">
-		<h1 class="text-3xl font-bold">Sequences</h1>
-		<button
-			onclick={() => (showCreate = !showCreate)}
-			class="rounded-lg bg-purple-600 px-4 py-2 font-medium text-white hover:bg-purple-700"
-		>
-			{showCreate ? 'Schliessen' : '+ Neue Sequence'}
-		</button>
-	</div>
-
-	{#if showCreate}
-		<div class="mb-6 rounded-xl border border-gray-800 bg-gray-900 p-5">
-			<div class="flex gap-3">
-				<input
-					type="text"
-					bind:value={newName}
-					placeholder="Name"
-					class="flex-1 rounded-lg border border-gray-700 bg-gray-800 px-3 py-2 text-gray-100"
-				/>
-				<input
-					type="number"
-					bind:value={newDuration}
-					min="5"
-					max="300"
-					class="w-20 rounded-lg border border-gray-700 bg-gray-800 px-3 py-2 text-gray-100"
-				/>
-				<span class="self-center text-sm text-gray-500">Sek.</span>
-				<button
-					onclick={createSequence}
-					disabled={!newName}
-					class="rounded-lg bg-purple-600 px-4 py-2 text-sm font-medium text-white disabled:opacity-50"
-					>Erstellen</button
-				>
-			</div>
-		</div>
-	{/if}
-
-	{#if !sequences.value?.length}
-		<div class="rounded-xl border-2 border-dashed border-gray-700 p-12 text-center">
-			<p class="text-lg font-medium text-gray-400">Keine Sequences</p>
-			<p class="mt-1 text-sm text-gray-500">
-				Verkette mehrere Moods zu einer automatischen Sequenz.
-			</p>
-		</div>
-	{:else}
-		<div class="space-y-3">
-			{#each sequences.value as seq (seq.id)}
-				<div class="group rounded-xl border border-gray-800 bg-gray-900 p-4 hover:border-gray-700">
-					<div class="flex items-center justify-between">
-						<div>
-							<h3 class="font-semibold">{seq.name}</h3>
-							<div class="mt-1 flex items-center gap-2 text-xs text-gray-500">
-								{#each seq.moodIds as moodId}
-									<span class="rounded bg-purple-900/50 px-2 py-0.5 text-purple-300"
-										>{getMoodName(moodId)}</span
-									>
-								{/each}
-								<span>· {seq.duration}s pro Mood</span>
-							</div>
-						</div>
-						<button
-							onclick={() => deleteSequence(seq.id, seq.name)}
-							class="rounded p-1 text-gray-500 opacity-0 hover:text-red-400 group-hover:opacity-100"
-						>
-							<Trash size={16} />
-						</button>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/moodlit/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/moodlit/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index bf339390d..000000000
--- a/apps/moodlit/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,150 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { moodsStore } from '$lib/stores/moods.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { THEME_DEFINITIONS } from '@manacore/shared-theme';
-
-	// Animation speed options
-	const speedOptions = [
-		{ value: 'slow', label: 'Slow' },
-		{ value: 'normal', label: 'Normal' },
-		{ value: 'fast', label: 'Fast' },
-	];
-
-	// Auto timer options (in minutes)
-	const autoTimerOptions = [
-		{ value: 0, label: 'Off' },
-		{ value: 15, label: '15 min' },
-		{ value: 30, label: '30 min' },
-		{ value: 60, label: '1 hour' },
-		{ value: 120, label: '2 hours' },
-	];
-
-	function handleBrightnessChange(event: Event) {
-		const target = event.target as HTMLInputElement;
-		moodsStore.updateSettings({ brightness: parseInt(target.value) });
-	}
-
-	function handleSpeedChange(speed: string) {
-		moodsStore.updateSettings({ animationSpeed: speed as 'slow' | 'normal' | 'fast' });
-	}
-
-	function handleAutoTimerChange(minutes: number) {
-		moodsStore.updateSettings({ autoTimer: minutes });
-	}
-
-	function handleResetSettings() {
-		if (confirm($_('settings.resetConfirm'))) {
-			moodsStore.updateSettings({
-				brightness: 100,
-				animationSpeed: 'normal',
-				autoTimer: 0,
-			});
-		}
-	}
-</script>
-
-<div class="space-y-8 max-w-2xl">
-	<header>
-		<h1 class="text-3xl font-bold">{$_('settings.title')}</h1>
-	</header>
-
-	<!-- Brightness -->
-	<section class="space-y-4">
-		<h2 class="text-lg font-semibold">{$_('settings.brightness')}</h2>
-		<div class="flex items-center gap-4">
-			<input
-				type="range"
-				min="10"
-				max="100"
-				step="5"
-				value={moodsStore.settings.brightness}
-				onchange={handleBrightnessChange}
-				class="flex-1 h-2 bg-muted rounded-full appearance-none cursor-pointer accent-primary"
-			/>
-			<span class="w-12 text-right text-sm text-muted-foreground">
-				{moodsStore.settings.brightness}%
-			</span>
-		</div>
-	</section>
-
-	<!-- Animation Speed -->
-	<section class="space-y-4">
-		<h2 class="text-lg font-semibold">{$_('settings.animationSpeed')}</h2>
-		<div class="flex gap-2">
-			{#each speedOptions as option}
-				<button
-					class="flex-1 py-2 px-4 rounded-lg text-sm font-medium transition-colors {moodsStore
-						.settings.animationSpeed === option.value
-						? 'bg-primary text-primary-foreground'
-						: 'bg-muted hover:bg-muted/80'}"
-					onclick={() => handleSpeedChange(option.value)}
-				>
-					{$_(`settings.${option.value}`)}
-				</button>
-			{/each}
-		</div>
-	</section>
-
-	<!-- Auto Timer -->
-	<section class="space-y-4">
-		<h2 class="text-lg font-semibold">{$_('settings.autoTimer')}</h2>
-		<div class="flex flex-wrap gap-2">
-			{#each autoTimerOptions as option}
-				<button
-					class="py-2 px-4 rounded-lg text-sm font-medium transition-colors {moodsStore.settings
-						.autoTimer === option.value
-						? 'bg-primary text-primary-foreground'
-						: 'bg-muted hover:bg-muted/80'}"
-					onclick={() => handleAutoTimerChange(option.value)}
-				>
-					{option.label}
-				</button>
-			{/each}
-		</div>
-	</section>
-
-	<!-- Theme -->
-	<section class="space-y-4">
-		<h2 class="text-lg font-semibold">Theme</h2>
-		<div class="flex gap-2">
-			<button
-				class="flex-1 py-2 px-4 rounded-lg text-sm font-medium transition-colors {theme.mode ===
-				'light'
-					? 'bg-primary text-primary-foreground'
-					: 'bg-muted hover:bg-muted/80'}"
-				onclick={() => theme.setMode('light')}
-			>
-				Light
-			</button>
-			<button
-				class="flex-1 py-2 px-4 rounded-lg text-sm font-medium transition-colors {theme.mode ===
-				'dark'
-					? 'bg-primary text-primary-foreground'
-					: 'bg-muted hover:bg-muted/80'}"
-				onclick={() => theme.setMode('dark')}
-			>
-				Dark
-			</button>
-			<button
-				class="flex-1 py-2 px-4 rounded-lg text-sm font-medium transition-colors {theme.mode ===
-				'system'
-					? 'bg-primary text-primary-foreground'
-					: 'bg-muted hover:bg-muted/80'}"
-				onclick={() => theme.setMode('system')}
-			>
-				System
-			</button>
-		</div>
-	</section>
-
-	<!-- Reset -->
-	<section class="pt-4 border-t border-border">
-		<button
-			class="py-2 px-4 rounded-lg text-sm font-medium text-destructive hover:bg-destructive/10 transition-colors"
-			onclick={handleResetSettings}
-		>
-			{$_('settings.reset')}
-		</button>
-	</section>
-</div>
diff --git a/apps/moodlit/apps/web-archived/src/routes/+layout.svelte b/apps/moodlit/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index a5faf6f3a..000000000
--- a/apps/moodlit/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
-	import { Toaster } from 'svelte-sonner';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { moodlitStore } from '$lib/data/local-store';
-
-	let { children } = $props();
-	let loading = $state(true);
-
-	onMount(async () => {
-		await authStore.initialize();
-		await moodlitStore.initialize();
-		loading = false;
-	});
-</script>
-
-{#if loading}
-	<div class="flex min-h-screen items-center justify-center bg-gray-950">
-		<div
-			class="inline-block h-10 w-10 animate-spin rounded-full border-4 border-solid border-purple-500 border-r-transparent"
-		></div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-gray-950 text-gray-100">
-		{@render children()}
-	</div>
-{/if}
-
-<Toaster
-	position="bottom-right"
-	expand={false}
-	richColors
-	closeButton
-	duration={4000}
-	visibleToasts={3}
-/>
diff --git a/apps/moodlit/apps/web-archived/src/routes/auth/login/+page.svelte b/apps/moodlit/apps/web-archived/src/routes/auth/login/+page.svelte
deleted file mode 100644
index bfd87fe59..000000000
--- a/apps/moodlit/apps/web-archived/src/routes/auth/login/+page.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import MoodlitLogo from '$lib/components/MoodlitLogo.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<LoginPage
-	appName="Moodlit"
-	logo={MoodlitLogo}
-	primaryColor="#7c3aed"
-	onSignIn={(e, p) => authStore.signIn(e, p)}
-	onResendVerification={(e) => authStore.resendVerificationEmail(e)}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(c, t) => authStore.verifyTwoFactor(c, t)}
-	onVerifyBackupCode={(c) => authStore.verifyBackupCode(c)}
-	onSendMagicLink={(e) => authStore.sendMagicLink(e)}
-	{goto}
-	successRedirect="/moods"
-	registerPath="/auth/register"
-/>
diff --git a/apps/moodlit/apps/web-archived/src/routes/auth/register/+page.svelte b/apps/moodlit/apps/web-archived/src/routes/auth/register/+page.svelte
deleted file mode 100644
index f348ec0b5..000000000
--- a/apps/moodlit/apps/web-archived/src/routes/auth/register/+page.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import MoodlitLogo from '$lib/components/MoodlitLogo.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<RegisterPage
-	appName="Moodlit"
-	logo={MoodlitLogo}
-	primaryColor="#7c3aed"
-	onSignUp={(e, p) => authStore.signUp(e, p)}
-	{goto}
-	successRedirect="/moods"
-	loginPath="/auth/login"
-/>
diff --git a/apps/moodlit/apps/web-archived/svelte.config.js b/apps/moodlit/apps/web-archived/svelte.config.js
deleted file mode 100644
index 08f589ba9..000000000
--- a/apps/moodlit/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-const config = {
-	preprocess: [vitePreprocess()],
-	kit: { adapter: adapter() },
-};
-
-export default config;
diff --git a/apps/moodlit/apps/web-archived/tsconfig.json b/apps/moodlit/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/moodlit/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/moodlit/apps/web-archived/vite.config.ts b/apps/moodlit/apps/web-archived/vite.config.ts
deleted file mode 100644
index da1f9251e..000000000
--- a/apps/moodlit/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-	plugins: [tailwindcss(), sveltekit()],
-});
diff --git a/apps/mukke/apps/web-archived/.env.example b/apps/mukke/apps/web-archived/.env.example
deleted file mode 100644
index f3a566531..000000000
--- a/apps/mukke/apps/web-archived/.env.example
+++ /dev/null
@@ -1,7 +0,0 @@
-# Auth
-PUBLIC_MANA_CORE_AUTH_URL=http://localhost:3001
-PUBLIC_MANA_CORE_AUTH_URL_CLIENT=http://localhost:3001
-
-# Backend
-PUBLIC_BACKEND_URL=http://localhost:3010
-PUBLIC_BACKEND_URL_CLIENT=http://localhost:3010
diff --git a/apps/mukke/apps/web-archived/Dockerfile b/apps/mukke/apps/web-archived/Dockerfile
deleted file mode 100644
index ad4ea950d..000000000
--- a/apps/mukke/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,32 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://mukke-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/mukke/packages/shared ./apps/mukke/packages/shared
-COPY apps/mukke/apps/web ./apps/mukke/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/mukke/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/mukke/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/mukke/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/mukke/apps/web/build ./build
-COPY --from=builder /app/apps/mukke/apps/web/package.json ./
-
-EXPOSE 5016
-ENV NODE_ENV=production PORT=5016 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5016/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/mukke/apps/web-archived/docker-entrypoint.sh b/apps/mukke/apps/web-archived/docker-entrypoint.sh
deleted file mode 100644
index 78d1cb8b5..000000000
--- a/apps/mukke/apps/web-archived/docker-entrypoint.sh
+++ /dev/null
@@ -1,13 +0,0 @@
-#!/bin/sh
-set -e
-
-# This script injects runtime environment variables into the SvelteKit build
-# SvelteKit builds env vars at build time, but we need to inject them at runtime
-# for Docker deployments where the container runs in different environments
-
-echo "Starting Mukke Web with runtime configuration..."
-echo "PUBLIC_MANA_CORE_AUTH_URL_CLIENT: ${PUBLIC_MANA_CORE_AUTH_URL_CLIENT:-not set}"
-echo "PUBLIC_BACKEND_URL_CLIENT: ${PUBLIC_BACKEND_URL_CLIENT:-not set}"
-
-# Execute the main command
-exec "$@"
diff --git a/apps/mukke/apps/web-archived/package.json b/apps/mukke/apps/web-archived/package.json
deleted file mode 100644
index f9718f06c..000000000
--- a/apps/mukke/apps/web-archived/package.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-	"name": "@mukke/web",
-	"version": "0.2.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:watch": "vitest"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@testing-library/svelte": "^5.2.6",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0",
-		"vitest": "^4.1.0"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:^",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-splitscreen": "workspace:^",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@mukke/shared": "workspace:*",
-		"butterchurn": "^2.6.7",
-		"butterchurn-presets": "^2.4.7",
-		"pixi.js": "^8.17.1",
-		"svelte-i18n": "^4.0.1",
-		"wavesurfer.js": "^7.8.0"
-	},
-	"type": "module"
-}
diff --git a/apps/mukke/apps/web-archived/src/app.css b/apps/mukke/apps/web-archived/src/app.css
deleted file mode 100644
index 9755be955..000000000
--- a/apps/mukke/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,168 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-@source "../../../../packages/shared-theme-ui/src";
-@source "../../../../packages/shared-theme-ui/src/components";
-@source "../../../../packages/shared-theme-ui/src/pages";
-@source "../../../../packages/shared-stores/src";
-
-/* Waveform styles */
-.waveform-container {
-	position: relative;
-	width: 100%;
-	height: 128px;
-	background: var(--color-surface);
-	border-radius: 8px;
-	overflow: hidden;
-}
-
-/* Marker colors */
-.marker-verse { background-color: #3B82F6; }
-.marker-hook { background-color: #EF4444; }
-.marker-bridge { background-color: #8B5CF6; }
-.marker-intro { background-color: #22C55E; }
-.marker-outro { background-color: #F97316; }
-.marker-drop { background-color: #EC4899; }
-.marker-breakdown { background-color: #14B8A6; }
-.marker-custom { background-color: #6B7280; }
-
-/* Lyrics editor styles */
-.lyrics-editor {
-	font-family: 'JetBrains Mono', 'Fira Code', monospace;
-	line-height: 1.8;
-}
-
-.lyrics-line {
-	padding: 4px 8px;
-	border-radius: 4px;
-	transition: background-color 0.2s;
-}
-
-.lyrics-line:hover {
-	background-color: var(--color-surface);
-}
-
-.lyrics-line.active {
-	background-color: var(--color-primary);
-	color: white;
-}
-
-.lyrics-line.synced {
-	border-left: 3px solid var(--color-primary);
-}
-
-/* Karaoke animation */
-@keyframes karaoke-highlight {
-	0% { background-position: 0% 50%; }
-	100% { background-position: 100% 50%; }
-}
-
-.karaoke-word {
-	transition: color 0.1s, transform 0.1s;
-}
-
-.karaoke-word.active {
-	color: var(--color-primary);
-	transform: scale(1.05);
-}
-
-.karaoke-word.past {
-	color: var(--color-foreground);
-}
-
-.karaoke-word.future {
-	color: var(--color-foreground-secondary);
-}
-
-/* Timeline styles */
-.timeline-ruler {
-	height: 24px;
-	background: var(--color-surface);
-	position: relative;
-}
-
-.timeline-marker {
-	position: absolute;
-	top: 0;
-	height: 100%;
-	cursor: pointer;
-	opacity: 0.8;
-	transition: opacity 0.2s;
-}
-
-.timeline-marker:hover {
-	opacity: 1;
-}
-
-/* Playhead */
-.playhead {
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	width: 2px;
-	background: var(--color-primary);
-	z-index: 10;
-	pointer-events: none;
-}
-
-.playhead::after {
-	content: '';
-	position: absolute;
-	top: 0;
-	left: -4px;
-	width: 10px;
-	height: 10px;
-	background: var(--color-primary);
-	border-radius: 50%;
-}
-
-/* Mobile responsive waveform */
-@media (max-width: 767px) {
-	.waveform-container {
-		height: 80px;
-	}
-
-	.timeline-ruler {
-		height: 20px;
-	}
-
-	.timeline-marker span {
-		font-size: 8px;
-	}
-}
-
-/* Touch-friendly range inputs */
-input[type="range"] {
-	-webkit-appearance: none;
-	appearance: none;
-	background: transparent;
-	cursor: pointer;
-}
-
-input[type="range"]::-webkit-slider-runnable-track {
-	background: hsl(var(--color-surface-hover));
-	border-radius: 4px;
-	height: 8px;
-}
-
-input[type="range"]::-webkit-slider-thumb {
-	-webkit-appearance: none;
-	appearance: none;
-	background: hsl(var(--color-primary));
-	height: 16px;
-	width: 16px;
-	border-radius: 50%;
-	margin-top: -4px;
-}
-
-@media (max-width: 767px) {
-	input[type="range"]::-webkit-slider-thumb {
-		height: 20px;
-		width: 20px;
-		margin-top: -6px;
-	}
-}
diff --git a/apps/mukke/apps/web-archived/src/app.d.ts b/apps/mukke/apps/web-archived/src/app.d.ts
deleted file mode 100644
index f2762c8d7..000000000
--- a/apps/mukke/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
-
-declare module 'butterchurn' {
-	interface ButterchurnVisualizer {
-		connectAudio(source: AudioNode): void;
-		disconnectAudio(source: AudioNode): void;
-		loadPreset(preset: Record<string, unknown>, blendTime?: number): void;
-		render(opts?: Record<string, unknown>): void;
-		setRendererSize(width: number, height: number, opts?: Record<string, unknown>): void;
-		setInternalMeshSize(width: number, height: number): void;
-		setOutputAA(useAA: boolean): void;
-		setCanvas(canvas: HTMLCanvasElement): void;
-		launchSongTitleAnim(text: string): void;
-		toDataURL(): string;
-		loseGLContext(): void;
-	}
-
-	interface ButterchurnOptions {
-		width: number;
-		height: number;
-		pixelRatio?: number;
-		textureRatio?: number;
-	}
-
-	interface Butterchurn {
-		createVisualizer(
-			audioContext: AudioContext,
-			canvas: HTMLCanvasElement,
-			options: ButterchurnOptions
-		): ButterchurnVisualizer;
-	}
-
-	const butterchurn: Butterchurn;
-	export default butterchurn;
-}
-
-declare module 'butterchurn-presets' {
-	function getPresets(): Record<string, Record<string, unknown>>;
-	export default getPresets;
-}
diff --git a/apps/mukke/apps/web-archived/src/app.html b/apps/mukke/apps/web-archived/src/app.html
deleted file mode 100644
index b37bb8116..000000000
--- a/apps/mukke/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="theme-color" content="#3B82F6" />
-		<meta name="description" content="Mukke - Music Workspace" />
-		<title>Mukke</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/mukke/apps/web-archived/src/hooks.client.ts b/apps/mukke/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 6911989b3..000000000
--- a/apps/mukke/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'mukke-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/mukke/apps/web-archived/src/hooks.server.ts b/apps/mukke/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 9b95b5d95..000000000
--- a/apps/mukke/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-const S3_PUBLIC_ENDPOINT = process.env.S3_PUBLIC_ENDPOINT || 'https://minio.mana.how';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			// Inject runtime environment variables into the HTML
-			// These will be available on window.__PUBLIC_*__ for client-side code
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT, S3_PUBLIC_ENDPOINT],
-		mediaSrc: [S3_PUBLIC_ENDPOINT, 'blob:'],
-		imgSrc: [S3_PUBLIC_ENDPOINT],
-		// Butterchurn (Milkdrop) uses eval() for shader/preset compilation
-		scriptSrc: ["'unsafe-eval'"],
-	});
-
-	return response;
-};
diff --git a/apps/mukke/apps/web-archived/src/lib/components/BeatLibrary.svelte b/apps/mukke/apps/web-archived/src/lib/components/BeatLibrary.svelte
deleted file mode 100644
index 19c8a1d50..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/BeatLibrary.svelte
+++ /dev/null
@@ -1,216 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { MusicNote, Pause, Play } from '@manacore/shared-icons';
-
-	interface LibraryBeat {
-		id: string;
-		title: string;
-		artist: string | null;
-		genre: string | null;
-		bpm: number | null;
-		duration: number | null;
-		tags: string[] | null;
-		license: string | null;
-	}
-
-	interface Props {
-		projectId: string;
-		onSelectBeat?: () => void;
-	}
-
-	let { projectId, onSelectBeat }: Props = $props();
-
-	let beats = $state<LibraryBeat[]>([]);
-	let isLoading = $state(true);
-	let error = $state<string | null>(null);
-	let isUsing = $state<string | null>(null);
-	let previewingBeat = $state<string | null>(null);
-	let audioElement: HTMLAudioElement | null = null;
-
-	const backendUrl =
-		(typeof window !== 'undefined' &&
-			(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__) ||
-		'http://localhost:3010';
-
-	onMount(async () => {
-		await loadLibraryBeats();
-	});
-
-	async function loadLibraryBeats() {
-		isLoading = true;
-		error = null;
-
-		try {
-			const response = await fetch(`${backendUrl}/beats/library`);
-			if (!response.ok) throw new Error('Failed to load library');
-			const data = await response.json();
-			beats = data.beats;
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'Failed to load beat library';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function handleUseBeat(beatId: string) {
-		isUsing = beatId;
-		error = null;
-
-		try {
-			const authHeaders = await authStore.getAuthHeaders();
-			const response = await fetch(`${backendUrl}/beats/library/${beatId}/use`, {
-				method: 'POST',
-				headers: {
-					'Content-Type': 'application/json',
-					...authHeaders,
-				},
-				body: JSON.stringify({ projectId }),
-			});
-
-			if (!response.ok) {
-				const data = await response.json();
-				throw new Error(data.message || 'Failed to use beat');
-			}
-
-			onSelectBeat?.();
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'Failed to add beat to project';
-		} finally {
-			isUsing = null;
-		}
-	}
-
-	async function togglePreview(beatId: string) {
-		if (previewingBeat === beatId) {
-			// Stop preview
-			audioElement?.pause();
-			audioElement = null;
-			previewingBeat = null;
-			return;
-		}
-
-		// Stop any existing preview
-		audioElement?.pause();
-		previewingBeat = beatId;
-
-		try {
-			const response = await fetch(`${backendUrl}/beats/library/${beatId}/download-url`);
-			if (!response.ok) throw new Error('Failed to get preview URL');
-			const data = await response.json();
-
-			audioElement = new Audio(data.url);
-			audioElement.play();
-			audioElement.onended = () => {
-				previewingBeat = null;
-			};
-		} catch (err) {
-			console.error('Preview error:', err);
-			previewingBeat = null;
-		}
-	}
-
-	function formatDuration(seconds: number | null): string {
-		if (!seconds) return '--:--';
-		const mins = Math.floor(seconds / 60);
-		const secs = Math.floor(seconds % 60);
-		return `${mins}:${secs.toString().padStart(2, '0')}`;
-	}
-</script>
-
-<div class="space-y-4">
-	{#if isLoading}
-		<div class="flex items-center justify-center py-12">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if error}
-		<div class="text-center py-8">
-			<p class="text-red-500 mb-4">{error}</p>
-			<button onclick={loadLibraryBeats} class="px-4 py-2 text-primary hover:underline">
-				Try Again
-			</button>
-		</div>
-	{:else if beats.length === 0}
-		<div class="text-center py-12 text-foreground-secondary">
-			<div class="w-16 h-16 mx-auto mb-4 opacity-50">
-				<MusicNote size={20} class="w-full h-full" />
-			</div>
-			<p>No beats available in the library yet.</p>
-			<p class="text-sm mt-2">Upload your own beat instead.</p>
-		</div>
-	{:else}
-		<div class="grid gap-3">
-			{#each beats as beat}
-				<div
-					class="flex items-center gap-4 p-4 bg-surface rounded-lg hover:bg-surface-hover transition-colors"
-				>
-					<!-- Preview button -->
-					<button
-						onclick={() => togglePreview(beat.id)}
-						class="w-10 h-10 flex items-center justify-center rounded-full bg-primary/10 text-primary hover:bg-primary/20 transition-colors shrink-0"
-						aria-label={previewingBeat === beat.id ? 'Stop preview' : 'Play preview'}
-					>
-						{#if previewingBeat === beat.id}
-							<Pause size={20} weight="fill" />
-						{:else}
-							<Play size={20} weight="fill" />
-						{/if}
-					</button>
-
-					<!-- Beat info -->
-					<div class="flex-1 min-w-0">
-						<h3 class="font-medium truncate">{beat.title}</h3>
-						<div class="flex items-center gap-3 text-sm text-foreground-secondary">
-							{#if beat.artist}
-								<span>{beat.artist}</span>
-							{/if}
-							{#if beat.genre}
-								<span class="px-2 py-0.5 bg-surface-active rounded-full text-xs">
-									{beat.genre}
-								</span>
-							{/if}
-							{#if beat.bpm}
-								<span>{beat.bpm} BPM</span>
-							{/if}
-							<span>{formatDuration(beat.duration)}</span>
-						</div>
-						{#if beat.tags && beat.tags.length > 0}
-							<div class="flex flex-wrap gap-1 mt-1">
-								{#each beat.tags.slice(0, 3) as tag}
-									<span class="px-1.5 py-0.5 bg-primary/10 text-primary rounded text-xs">
-										{tag}
-									</span>
-								{/each}
-								{#if beat.tags.length > 3}
-									<span class="text-xs text-foreground-secondary">
-										+{beat.tags.length - 3} more
-									</span>
-								{/if}
-							</div>
-						{/if}
-					</div>
-
-					<!-- Use button -->
-					<button
-						onclick={() => handleUseBeat(beat.id)}
-						disabled={isUsing !== null}
-						class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-hover disabled:opacity-50 transition-colors shrink-0 text-sm"
-					>
-						{#if isUsing === beat.id}
-							<span class="flex items-center gap-2">
-								<div
-									class="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"
-								></div>
-								Adding...
-							</span>
-						{:else}
-							Use Beat
-						{/if}
-					</button>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/lib/components/BeatUploader.svelte b/apps/mukke/apps/web-archived/src/lib/components/BeatUploader.svelte
deleted file mode 100644
index ad70bad98..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/BeatUploader.svelte
+++ /dev/null
@@ -1,258 +0,0 @@
-<script lang="ts">
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { audioStore } from '$lib/stores/audio.svelte';
-	import { detectBpmFromFile } from '$lib/utils/bpm-detector';
-	import BeatLibrary from './BeatLibrary.svelte';
-	import { MusicNote, Upload, Warning } from '@manacore/shared-icons';
-
-	interface Props {
-		projectId: string;
-		onUploadComplete?: () => void;
-		onLyricsUpdate?: (lyrics: string) => void;
-	}
-
-	let { projectId, onUploadComplete, onLyricsUpdate }: Props = $props();
-
-	type Tab = 'upload' | 'library';
-	let activeTab = $state<Tab>('upload');
-
-	let isUploading = $state(false);
-	let isDetectingBpm = $state(false);
-	let isTranscribing = $state(false);
-	let uploadProgress = $state(0);
-	let errorMessage = $state<string | null>(null);
-	let transcriptionError = $state<string | null>(null);
-	let currentBeatId = $state<string | null>(null);
-	let fileInputRef: HTMLInputElement;
-
-	const acceptedExtensions = 'audio/*';
-
-	async function startTranscription(beatId: string) {
-		isTranscribing = true;
-		transcriptionError = null;
-		currentBeatId = beatId;
-
-		try {
-			const result = await projectStore.transcribeBeat(beatId);
-			if (result.lyrics) {
-				onLyricsUpdate?.(result.lyrics);
-			}
-		} catch (err) {
-			transcriptionError = err instanceof Error ? err.message : 'Transcription failed';
-		} finally {
-			isTranscribing = false;
-		}
-	}
-
-	async function retryTranscription() {
-		if (currentBeatId) {
-			await startTranscription(currentBeatId);
-		}
-	}
-
-	async function handleFileSelect(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const file = input.files?.[0];
-		if (!file) return;
-
-		// Validate file type
-		if (
-			!file.type.startsWith('audio/') &&
-			!file.name.match(/\.(mp3|wav|ogg|flac|aac|m4a|wma|aiff|aif|opus|webm|alac|ape|wv|dsf|dff)$/i)
-		) {
-			errorMessage = 'Please select an audio file';
-			return;
-		}
-
-		errorMessage = null;
-		transcriptionError = null;
-		isUploading = true;
-		uploadProgress = 0;
-
-		try {
-			// Upload the file
-			uploadProgress = 30;
-			const beat = await projectStore.uploadBeat(projectId, file);
-			currentBeatId = beat.id;
-			uploadProgress = 60;
-
-			// Detect BPM
-			isDetectingBpm = true;
-			const bpmResult = await detectBpmFromFile(file);
-			uploadProgress = 80;
-
-			// Get audio duration
-			const audioContext = new AudioContext();
-			const arrayBuffer = await file.arrayBuffer();
-			const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
-			const duration = audioBuffer.duration;
-			await audioContext.close();
-
-			// Update beat metadata
-			await projectStore.updateBeatMetadata(beat.id, {
-				duration,
-				bpm: bpmResult.bpm,
-				bpmConfidence: bpmResult.confidence,
-			});
-
-			audioStore.setBpm(bpmResult.bpm);
-			uploadProgress = 100;
-
-			onUploadComplete?.();
-
-			// Auto-start transcription
-			startTranscription(beat.id);
-		} catch (err) {
-			errorMessage = err instanceof Error ? err.message : 'Failed to upload beat';
-		} finally {
-			isUploading = false;
-			isDetectingBpm = false;
-			// Reset file input
-			if (fileInputRef) fileInputRef.value = '';
-		}
-	}
-
-	function handleDragOver(e: DragEvent) {
-		e.preventDefault();
-		e.dataTransfer!.dropEffect = 'copy';
-	}
-
-	function handleDrop(e: DragEvent) {
-		e.preventDefault();
-		const file = e.dataTransfer?.files[0];
-		if (file && fileInputRef) {
-			const dt = new DataTransfer();
-			dt.items.add(file);
-			fileInputRef.files = dt.files;
-			handleFileSelect({ target: fileInputRef } as unknown as Event);
-		}
-	}
-</script>
-
-<div class="space-y-4">
-	<!-- Tab Switcher -->
-	<div class="flex border-b border-border">
-		<button
-			onclick={() => (activeTab = 'upload')}
-			class="flex-1 py-3 px-4 text-sm font-medium transition-colors relative {activeTab === 'upload'
-				? 'text-primary'
-				: 'text-foreground-secondary hover:text-foreground'}"
-		>
-			<span class="flex items-center justify-center gap-2">
-				<Upload size={16} />
-				Upload
-			</span>
-			{#if activeTab === 'upload'}
-				<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-primary"></div>
-			{/if}
-		</button>
-		<button
-			onclick={() => (activeTab = 'library')}
-			class="flex-1 py-3 px-4 text-sm font-medium transition-colors relative {activeTab ===
-			'library'
-				? 'text-primary'
-				: 'text-foreground-secondary hover:text-foreground'}"
-		>
-			<span class="flex items-center justify-center gap-2">
-				<MusicNote size={16} />
-				Library
-			</span>
-			{#if activeTab === 'library'}
-				<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-primary"></div>
-			{/if}
-		</button>
-	</div>
-
-	<!-- Tab Content -->
-	{#if activeTab === 'upload'}
-		<div
-			class="border-2 border-dashed border-border rounded-lg p-8 text-center transition-colors hover:border-primary"
-			ondragover={handleDragOver}
-			ondrop={handleDrop}
-			role="button"
-			tabindex="0"
-		>
-			<input
-				bind:this={fileInputRef}
-				type="file"
-				accept={acceptedExtensions}
-				onchange={handleFileSelect}
-				class="hidden"
-				id="beat-upload"
-			/>
-
-			{#if isUploading}
-				<div class="space-y-4">
-					<div class="w-16 h-16 mx-auto">
-						{#if isDetectingBpm}
-							<MusicNote size={20} class="w-full h-full text-primary animate-pulse" />
-						{:else}
-							<div
-								class="w-full h-full border-4 border-primary border-t-transparent rounded-full animate-spin"
-							></div>
-						{/if}
-					</div>
-					<p class="text-foreground-secondary">
-						{isDetectingBpm ? 'Detecting BPM...' : 'Uploading...'}
-					</p>
-					<div class="w-full max-w-xs mx-auto h-2 bg-surface-hover rounded-full overflow-hidden">
-						<div
-							class="h-full bg-primary transition-all duration-300"
-							style="width: {uploadProgress}%"
-						></div>
-					</div>
-				</div>
-			{:else}
-				<label for="beat-upload" class="cursor-pointer block">
-					<div class="w-16 h-16 mx-auto mb-4 text-foreground-secondary">
-						<Upload size={20} class="w-full h-full" />
-					</div>
-					<p class="text-lg font-medium mb-2">Upload a Beat</p>
-					<p class="text-foreground-secondary text-sm">
-						Drag & drop or click to select an audio file
-					</p>
-					<p class="text-foreground-secondary text-xs mt-2">
-						Supported formats: MP3, WAV, OGG, FLAC, AAC, M4A, AIFF, OPUS, WebM and more
-					</p>
-				</label>
-			{/if}
-
-			{#if errorMessage}
-				<p class="text-red-500 mt-4 text-sm">{errorMessage}</p>
-			{/if}
-		</div>
-
-		<!-- Transcription Status -->
-		{#if isTranscribing}
-			<div
-				class="flex items-center gap-3 p-4 bg-surface-hover rounded-lg border border-border animate-pulse"
-			>
-				<div
-					class="w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin"
-				></div>
-				<div class="flex-1">
-					<p class="text-sm font-medium">Transcribing lyrics...</p>
-					<p class="text-xs text-foreground-secondary">
-						Analyzing audio to extract lyrics automatically
-					</p>
-				</div>
-			</div>
-		{:else if transcriptionError}
-			<div class="flex items-center gap-3 p-4 bg-red-500/10 rounded-lg border border-red-500/30">
-				<Warning size={20} class="text-red-500" />
-				<div class="flex-1">
-					<p class="text-sm font-medium text-red-500">Transcription failed</p>
-					<p class="text-xs text-foreground-secondary">{transcriptionError}</p>
-				</div>
-				<button
-					onclick={retryTranscription}
-					class="px-3 py-1.5 text-sm font-medium bg-red-500 text-white rounded-md hover:bg-red-600 transition-colors"
-				>
-					Retry
-				</button>
-			</div>
-		{/if}
-	{:else}
-		<BeatLibrary {projectId} onSelectBeat={onUploadComplete} />
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/lib/components/FullPlayer.svelte b/apps/mukke/apps/web-archived/src/lib/components/FullPlayer.svelte
deleted file mode 100644
index 4c0263e0e..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/FullPlayer.svelte
+++ /dev/null
@@ -1,293 +0,0 @@
-<script lang="ts">
-	import { playerStore } from '$lib/stores/player.svelte';
-	import VisualizerRenderer from '$lib/visualizer/VisualizerRenderer.svelte';
-	import { visualizerStore } from '$lib/visualizer/registry.svelte';
-	import {
-		CaretDown,
-		Pause,
-		Play,
-		Playlist,
-		Repeat,
-		SkipForward,
-		SpeakerHigh,
-		X,
-	} from '@manacore/shared-icons';
-
-	let innerHeight = $state(typeof window !== 'undefined' ? window.innerHeight : 800);
-
-	let progress = $derived(
-		playerStore.duration > 0 ? (playerStore.currentTime / playerStore.duration) * 100 : 0
-	);
-
-	function formatTime(s: number): string {
-		if (!s || !isFinite(s)) return '0:00';
-		return Math.floor(s / 60) + ':' + String(Math.floor(s % 60)).padStart(2, '0');
-	}
-
-	function handleProgressClick(e: MouseEvent) {
-		const bar = e.currentTarget as HTMLElement;
-		const rect = bar.getBoundingClientRect();
-		const fraction = (e.clientX - rect.left) / rect.width;
-		const time = fraction * playerStore.duration;
-		playerStore.seekTo(time);
-	}
-
-	function handleVolumeInput(e: Event) {
-		const input = e.target as HTMLInputElement;
-		playerStore.setVolume(parseFloat(input.value));
-	}
-</script>
-
-<svelte:window bind:innerHeight />
-
-{#if playerStore.showFullPlayer && playerStore.currentSong}
-	<div class="full-player">
-		<!-- Visualizer as full background -->
-		<div class="viz-background">
-			<VisualizerRenderer height={innerHeight} showSwitcher={false} />
-		</div>
-
-		<!-- Dark overlay for readability -->
-		<div class="viz-overlay"></div>
-
-		<!-- Content layer -->
-		<div class="content-layer">
-			<!-- Top bar -->
-			<div class="flex items-center justify-between p-4">
-				<button
-					onclick={() => playerStore.toggleFullPlayer()}
-					class="p-2 rounded-lg bg-white/10 hover:bg-white/20 backdrop-blur-sm transition-colors text-white"
-					aria-label="Close player"
-				>
-					<CaretDown size={24} />
-				</button>
-				<div class="text-sm text-white/70">Now Playing</div>
-				<!-- Visualizer switcher -->
-				<div class="flex gap-1">
-					{#each visualizerStore.all as viz}
-						<button
-							onclick={() => visualizerStore.setActive(viz.id)}
-							class="px-2 py-1 text-xs rounded-md transition-colors {visualizerStore.active ===
-							viz.id
-								? 'bg-white/30 text-white'
-								: 'bg-white/10 text-white/50 hover:bg-white/20 hover:text-white/80'}"
-							title={viz.description}
-						>
-							{viz.name}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Spacer to push controls to bottom -->
-			<div class="flex-1"></div>
-
-			<!-- Song info + controls at bottom -->
-			<div class="p-6 pb-8 flex flex-col gap-5 max-w-lg mx-auto w-full">
-				<!-- Song info -->
-				<div class="text-center">
-					<div class="text-2xl font-bold text-white truncate">
-						{playerStore.currentSong.title}
-					</div>
-					<div class="text-white/70 mt-1 truncate">
-						{playerStore.currentSong.artist || 'Unknown Artist'}
-					</div>
-					{#if playerStore.currentSong.album}
-						<div class="text-sm text-white/50 mt-0.5 truncate">
-							{playerStore.currentSong.album}
-						</div>
-					{/if}
-				</div>
-
-				<!-- Progress bar -->
-				<div class="w-full">
-					<button
-						class="w-full h-1.5 bg-white/20 rounded-full cursor-pointer relative block"
-						onclick={handleProgressClick}
-						aria-label="Seek"
-					>
-						<div
-							class="h-full bg-white rounded-full transition-all duration-100"
-							style="width: {progress}%"
-						></div>
-						<div
-							class="absolute top-1/2 -translate-y-1/2 w-3 h-3 bg-white rounded-full shadow-lg"
-							style="left: {progress}%"
-						></div>
-					</button>
-					<div class="flex justify-between mt-1.5 text-xs text-white/50">
-						<span>{formatTime(playerStore.currentTime)}</span>
-						<span>{formatTime(playerStore.duration)}</span>
-					</div>
-				</div>
-
-				<!-- Transport controls -->
-				<div class="flex items-center justify-center gap-8">
-					<!-- Shuffle -->
-					<button
-						onclick={() => playerStore.toggleShuffle()}
-						class="p-2 rounded-lg transition-colors {playerStore.shuffleOn
-							? 'text-white'
-							: 'text-white/40 hover:text-white/70'}"
-						aria-label="Toggle shuffle"
-					>
-						<X size={20} weight="fill" />
-					</button>
-
-					<!-- Previous -->
-					<button
-						onclick={() => playerStore.previousSong()}
-						class="p-2 rounded-full hover:bg-white/10 transition-colors text-white"
-						aria-label="Previous track"
-					>
-						<SkipForward size={20} weight="fill" />
-					</button>
-
-					<!-- Play/Pause -->
-					<button
-						onclick={() => playerStore.togglePlay()}
-						class="p-4 rounded-full bg-white text-black hover:bg-white/90 transition-colors"
-						aria-label={playerStore.isPlaying ? 'Pause' : 'Play'}
-					>
-						{#if playerStore.isPlaying}
-							<Pause size={32} weight="fill" />
-						{:else}
-							<Play size={32} weight="fill" />
-						{/if}
-					</button>
-
-					<!-- Next -->
-					<button
-						onclick={() => playerStore.nextSong()}
-						class="p-2 rounded-full hover:bg-white/10 transition-colors text-white"
-						aria-label="Next track"
-					>
-						<Play size={20} weight="fill" />
-					</button>
-
-					<!-- Repeat -->
-					<button
-						onclick={() => playerStore.toggleRepeat()}
-						class="p-2 rounded-lg transition-colors relative {playerStore.repeatMode !== 'off'
-							? 'text-white'
-							: 'text-white/40 hover:text-white/70'}"
-						aria-label="Toggle repeat ({playerStore.repeatMode})"
-					>
-						<Repeat size={20} weight="fill" />
-						{#if playerStore.repeatMode === 'one'}
-							<span
-								class="absolute -top-1 -right-1 text-[10px] font-bold bg-white text-black rounded-full w-4 h-4 flex items-center justify-center"
-								>1</span
-							>
-						{/if}
-					</button>
-				</div>
-
-				<!-- Volume + Queue row -->
-				<div class="flex items-center justify-center gap-4">
-					<SpeakerHigh size={16} weight="fill" class="text-white/50 shrink-0" />
-					<input
-						type="range"
-						min="0"
-						max="1"
-						step="0.01"
-						value={playerStore.volume}
-						oninput={handleVolumeInput}
-						class="volume-slider"
-					/>
-					<button
-						onclick={() => playerStore.toggleQueue()}
-						class="p-2 rounded-lg transition-colors {playerStore.showQueue
-							? 'text-white'
-							: 'text-white/40 hover:text-white/70'}"
-						aria-label="Toggle queue"
-					>
-						<Playlist size={20} weight="fill" />
-					</button>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.full-player {
-		position: fixed;
-		inset: 0;
-		z-index: 50;
-		background: #000;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.viz-background {
-		position: absolute;
-		inset: 0;
-		z-index: 0;
-	}
-
-	/* Make the visualizer fill the entire background */
-	.viz-background :global(.relative.w-full) {
-		height: 100% !important;
-		width: 100% !important;
-	}
-
-	.viz-background :global(canvas) {
-		height: 100% !important;
-		width: 100% !important;
-		border-radius: 0 !important;
-	}
-
-	.viz-background :global(div[aria-hidden='true']) {
-		height: 100% !important;
-	}
-
-	.viz-overlay {
-		position: absolute;
-		inset: 0;
-		z-index: 1;
-		background: linear-gradient(
-			to bottom,
-			rgba(0, 0, 0, 0.3) 0%,
-			rgba(0, 0, 0, 0.1) 40%,
-			rgba(0, 0, 0, 0.4) 70%,
-			rgba(0, 0, 0, 0.85) 100%
-		);
-		pointer-events: none;
-	}
-
-	.content-layer {
-		position: relative;
-		z-index: 2;
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-	}
-
-	.volume-slider {
-		width: 5rem;
-		height: 4px;
-		border-radius: 2px;
-		appearance: none;
-		background: rgba(255, 255, 255, 0.2);
-		cursor: pointer;
-	}
-
-	.volume-slider::-webkit-slider-thumb {
-		appearance: none;
-		width: 12px;
-		height: 12px;
-		border-radius: 50%;
-		background: white;
-		cursor: pointer;
-	}
-
-	.volume-slider::-moz-range-thumb {
-		width: 12px;
-		height: 12px;
-		border-radius: 50%;
-		background: white;
-		cursor: pointer;
-		border: none;
-	}
-</style>
diff --git a/apps/mukke/apps/web-archived/src/lib/components/KaraokePreview.svelte b/apps/mukke/apps/web-archived/src/lib/components/KaraokePreview.svelte
deleted file mode 100644
index 92622df2c..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/KaraokePreview.svelte
+++ /dev/null
@@ -1,109 +0,0 @@
-<script lang="ts">
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { audioStore } from '$lib/stores/audio.svelte';
-
-	interface Props {
-		fontSize?: number;
-		showPastLines?: number;
-		showFutureLines?: number;
-	}
-
-	let { fontSize = 24, showPastLines = 1, showFutureLines = 2 }: Props = $props();
-
-	// Find the current line index based on playback time
-	let currentLineIndex = $derived.by(() => {
-		const currentTime = audioStore.currentTime;
-		const lines = projectStore.currentLines;
-
-		for (let i = lines.length - 1; i >= 0; i--) {
-			const line = lines[i];
-			if (
-				line.startTime !== null &&
-				line.startTime !== undefined &&
-				currentTime >= line.startTime
-			) {
-				return i;
-			}
-		}
-		return 0;
-	});
-
-	// Get visible lines
-	let visibleLines = $derived.by(() => {
-		const lines = projectStore.currentLines;
-		const start = Math.max(0, currentLineIndex - showPastLines);
-		const end = Math.min(lines.length, currentLineIndex + showFutureLines + 1);
-		return lines.slice(start, end).map((line, idx) => ({
-			...line,
-			relativeIndex: start + idx - currentLineIndex,
-		}));
-	});
-
-	// Calculate progress within current line
-	let lineProgress = $derived.by(() => {
-		const lines = projectStore.currentLines;
-		const currentLine = lines[currentLineIndex];
-		if (!currentLine || currentLine.startTime === null || currentLine.startTime === undefined) {
-			return 0;
-		}
-
-		const endTime =
-			currentLine.endTime || (lines[currentLineIndex + 1]?.startTime ?? audioStore.duration);
-		const lineDuration = endTime - currentLine.startTime;
-		const elapsed = audioStore.currentTime - currentLine.startTime;
-
-		return Math.min(1, Math.max(0, elapsed / lineDuration));
-	});
-
-	function getLineOpacity(relativeIndex: number): number {
-		if (relativeIndex === 0) return 1;
-		if (relativeIndex < 0) return 0.3;
-		return 0.5;
-	}
-
-	function getLineScale(relativeIndex: number): number {
-		if (relativeIndex === 0) return 1;
-		return 0.9;
-	}
-</script>
-
-<div
-	class="flex flex-col items-center justify-center h-full p-8 bg-gradient-to-b from-surface to-background"
-	style="font-size: {fontSize}px"
->
-	{#each visibleLines as line}
-		<div
-			class="karaoke-line text-center transition-all duration-300 py-2"
-			style="
-				opacity: {getLineOpacity(line.relativeIndex)};
-				transform: scale({getLineScale(line.relativeIndex)});
-			"
-		>
-			{#if line.relativeIndex === 0}
-				<!-- Current line with progress highlight -->
-				<div class="relative inline-block">
-					<!-- Background text -->
-					<span class="text-foreground-secondary">{line.text}</span>
-
-					<!-- Highlighted text (clips based on progress) -->
-					<span
-						class="absolute inset-0 text-primary overflow-hidden whitespace-nowrap"
-						style="width: {lineProgress * 100}%"
-					>
-						{line.text}
-					</span>
-				</div>
-			{:else if line.relativeIndex < 0}
-				<!-- Past line -->
-				<span class="text-foreground-secondary">{line.text}</span>
-			{:else}
-				<!-- Future line -->
-				<span class="text-foreground-secondary/50">{line.text}</span>
-			{/if}
-		</div>
-	{/each}
-
-	{#if projectStore.currentLines.length === 0}
-		<p class="text-foreground-secondary text-center">No synced lyrics to preview.</p>
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/lib/components/LyricsEditor.svelte b/apps/mukke/apps/web-archived/src/lib/components/LyricsEditor.svelte
deleted file mode 100644
index eb7912ebe..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/LyricsEditor.svelte
+++ /dev/null
@@ -1,214 +0,0 @@
-<script lang="ts">
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { audioStore } from '$lib/stores/audio.svelte';
-	import { editorStore } from '$lib/stores/editor.svelte';
-	import { formatTimeWithMs } from '$lib/utils/time-format';
-	import type { LyricLine } from '@mukke/shared';
-
-	interface Props {
-		onLineClick?: (lineIndex: number, line: LyricLine) => void;
-		onSyncLine?: (lineIndex: number) => void;
-	}
-
-	let { onLineClick, onSyncLine }: Props = $props();
-
-	let textContent = $state('');
-	let isSaving = $state(false);
-
-	// Initialize text content from lyrics
-	$effect(() => {
-		if (projectStore.currentLyrics?.content) {
-			textContent = projectStore.currentLyrics.content;
-		}
-	});
-
-	// Find the currently active line based on playback time
-	let activeLineIndex = $derived.by(() => {
-		if (!audioStore.isPlaying) return null;
-
-		const currentTime = audioStore.currentTime;
-		const lines = projectStore.currentLines;
-
-		for (let i = lines.length - 1; i >= 0; i--) {
-			const line = lines[i];
-			if (
-				line.startTime !== null &&
-				line.startTime !== undefined &&
-				currentTime >= line.startTime
-			) {
-				// Check if we're past the end time
-				if (line.endTime && currentTime > line.endTime) {
-					// Check if next line has started
-					const nextLine = lines[i + 1];
-					if (
-						nextLine?.startTime !== null &&
-						nextLine?.startTime !== undefined &&
-						currentTime >= nextLine.startTime
-					) {
-						continue;
-					}
-				}
-				return i;
-			}
-		}
-		return null;
-	});
-
-	async function handleSave() {
-		if (!projectStore.currentProject) return;
-
-		isSaving = true;
-		try {
-			// Save lyrics content
-			const lyrics = await projectStore.updateLyrics(projectStore.currentProject.id, textContent);
-
-			// Parse and sync lines
-			const lines = textContent
-				.split('\n')
-				.map((text, index) => {
-					// Find existing line to preserve timestamp
-					const existingLine = projectStore.currentLines.find((l) => l.lineNumber === index);
-					return {
-						lineNumber: index,
-						text: text.trim(),
-						startTime: existingLine?.startTime ?? undefined,
-						endTime: existingLine?.endTime ?? undefined,
-					};
-				})
-				.filter((l) => l.text.length > 0);
-
-			await projectStore.syncLines(lyrics.id, lines);
-		} finally {
-			isSaving = false;
-		}
-	}
-
-	function handleLineClick(index: number) {
-		const line = projectStore.currentLines[index];
-		if (line) {
-			editorStore.selectLine(index);
-			onLineClick?.(index, line);
-		}
-	}
-
-	function handleSyncClick(index: number, e: Event) {
-		e.stopPropagation();
-		onSyncLine?.(index);
-	}
-
-	async function handleTimestampUpdate(lineId: string) {
-		const currentTime = audioStore.currentTime;
-		await projectStore.updateLineTimestamp(lineId, currentTime);
-	}
-</script>
-
-<div class="flex flex-col h-full">
-	<!-- Toolbar -->
-	<div class="flex items-center justify-between p-3 border-b border-border">
-		<h3 class="font-medium">Lyrics</h3>
-		<div class="flex items-center gap-2">
-			<button
-				onclick={() => editorStore.setRecordingTimestamps(!editorStore.isRecordingTimestamps)}
-				class="px-3 py-1 text-sm rounded-lg transition-colors {editorStore.isRecordingTimestamps
-					? 'bg-red-500 text-white'
-					: 'bg-surface-hover hover:bg-surface-active'}"
-			>
-				{editorStore.isRecordingTimestamps ? 'Stop Recording' : 'Record Timestamps'}
-			</button>
-			<button
-				onclick={handleSave}
-				disabled={isSaving}
-				class="px-3 py-1 text-sm bg-primary text-white rounded-lg hover:bg-primary-hover disabled:opacity-50"
-			>
-				{isSaving ? 'Saving...' : 'Save'}
-			</button>
-		</div>
-	</div>
-
-	<!-- Mode toggle -->
-	<div class="flex p-2 gap-2">
-		<button
-			onclick={() => editorStore.setMode('edit')}
-			class="flex-1 px-3 py-2 text-sm rounded-lg transition-colors {editorStore.mode === 'edit'
-				? 'bg-primary text-white'
-				: 'bg-surface-hover'}"
-		>
-			Edit
-		</button>
-		<button
-			onclick={() => editorStore.setMode('preview')}
-			class="flex-1 px-3 py-2 text-sm rounded-lg transition-colors {editorStore.mode === 'preview'
-				? 'bg-primary text-white'
-				: 'bg-surface-hover'}"
-		>
-			Preview
-		</button>
-	</div>
-
-	<!-- Content -->
-	<div class="flex-1 overflow-auto p-4">
-		{#if editorStore.mode === 'edit'}
-			<!-- Edit mode: textarea -->
-			<textarea
-				bind:value={textContent}
-				class="w-full h-full p-4 bg-surface rounded-lg border border-border focus:border-primary focus:outline-none resize-none lyrics-editor"
-				placeholder="Enter your lyrics here...&#10;&#10;Each line will be synced to a timestamp."
-			></textarea>
-		{:else}
-			<!-- Preview mode: synced lines -->
-			<div class="space-y-1">
-				{#each projectStore.currentLines as line, index}
-					<div
-						role="button"
-						tabindex="0"
-						onclick={() => handleLineClick(index)}
-						onkeydown={(e) => e.key === 'Enter' && handleLineClick(index)}
-						class="lyrics-line w-full text-left flex items-center gap-3 cursor-pointer {activeLineIndex ===
-						index
-							? 'active'
-							: ''} {line.startTime !== null ? 'synced' : ''} {editorStore.selectedLineIndex ===
-						index
-							? 'ring-2 ring-primary'
-							: ''}"
-					>
-						<!-- Timestamp -->
-						<span class="text-xs font-mono text-foreground-secondary min-w-[60px]">
-							{line.startTime !== null && line.startTime !== undefined
-								? formatTimeWithMs(line.startTime)
-								: '--:--'}
-						</span>
-
-						<!-- Line text -->
-						<span class="flex-1">{line.text}</span>
-
-						<!-- Sync button -->
-						{#if editorStore.isRecordingTimestamps}
-							<button
-								onclick={(e) => handleSyncClick(index, e)}
-								class="px-2 py-1 text-xs bg-red-500 text-white rounded hover:bg-red-600"
-							>
-								Sync
-							</button>
-						{:else if line.startTime === null || line.startTime === undefined}
-							<button
-								onclick={(e) => {
-									e.stopPropagation();
-									handleTimestampUpdate(line.id);
-								}}
-								class="px-2 py-1 text-xs bg-surface-hover text-foreground-secondary rounded hover:bg-surface-active"
-							>
-								Set Time
-							</button>
-						{/if}
-					</div>
-				{/each}
-
-				{#if projectStore.currentLines.length === 0}
-					<p class="text-center text-foreground-secondary py-8">
-						No lyrics yet. Switch to Edit mode to add lyrics.
-					</p>
-				{/if}
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/mukke/apps/web-archived/src/lib/components/MarkerTimeline.svelte b/apps/mukke/apps/web-archived/src/lib/components/MarkerTimeline.svelte
deleted file mode 100644
index 9052aef8a..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/MarkerTimeline.svelte
+++ /dev/null
@@ -1,191 +0,0 @@
-<script lang="ts">
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { audioStore } from '$lib/stores/audio.svelte';
-	import { editorStore } from '$lib/stores/editor.svelte';
-	import { MARKER_COLORS, type MarkerType } from '@mukke/shared';
-	import { ArrowsClockwise, Trash } from '@manacore/shared-icons';
-
-	interface Props {
-		onMarkerClick?: (markerId: string) => void;
-		onSeek?: (time: number) => void;
-		onToggleLoop?: (markerId: string) => void;
-	}
-
-	let { onMarkerClick, onSeek, onToggleLoop }: Props = $props();
-
-	let containerRef: HTMLDivElement;
-
-	const markerTypes: MarkerType[] = [
-		'intro',
-		'verse',
-		'hook',
-		'bridge',
-		'drop',
-		'breakdown',
-		'outro',
-		'custom',
-	];
-
-	function handleTimelineClick(e: MouseEvent) {
-		if (!containerRef || !audioStore.duration) return;
-
-		const rect = containerRef.getBoundingClientRect();
-		const x = e.clientX - rect.left;
-		const time = (x / rect.width) * audioStore.duration;
-		onSeek?.(time);
-	}
-
-	function getMarkerPosition(time: number): number {
-		if (!audioStore.duration) return 0;
-		return (time / audioStore.duration) * 100;
-	}
-
-	function getMarkerWidth(startTime: number, endTime: number | null | undefined): number {
-		if (!audioStore.duration || !endTime) return 0.5;
-		return ((endTime - startTime) / audioStore.duration) * 100;
-	}
-
-	async function handleAddMarker() {
-		const beatId = projectStore.currentBeat?.id;
-		if (!beatId) return;
-
-		await projectStore.createMarker(beatId, {
-			type: editorStore.markerTypeToCreate,
-			startTime: audioStore.currentTime,
-			endTime: audioStore.currentTime + 4, // Default 4 seconds
-			color: MARKER_COLORS[editorStore.markerTypeToCreate],
-		});
-	}
-
-	async function handleDeleteMarker(markerId: string) {
-		await projectStore.deleteMarker(markerId);
-		if (editorStore.selectedMarkerId === markerId) {
-			editorStore.selectMarker(null);
-		}
-	}
-</script>
-
-<div class="flex flex-col gap-2 p-4 bg-surface rounded-lg">
-	<!-- Toolbar -->
-	<div class="flex items-center justify-between gap-4">
-		<div class="flex items-center gap-2">
-			<span class="text-sm font-medium">Markers</span>
-
-			<!-- Marker type selector -->
-			<select
-				value={editorStore.markerTypeToCreate}
-				onchange={(e) =>
-					editorStore.setMarkerTypeToCreate((e.target as HTMLSelectElement).value as MarkerType)}
-				class="px-2 py-1 text-sm bg-surface-hover rounded border border-border"
-			>
-				{#each markerTypes as type}
-					<option value={type}>{type.charAt(0).toUpperCase() + type.slice(1)}</option>
-				{/each}
-			</select>
-
-			<button
-				onclick={handleAddMarker}
-				disabled={!projectStore.currentBeat}
-				class="px-3 py-1 text-sm bg-primary text-white rounded hover:bg-primary-hover disabled:opacity-50"
-			>
-				Add Marker
-			</button>
-		</div>
-
-		<!-- Legend -->
-		<div class="flex items-center gap-3 text-xs">
-			{#each markerTypes.slice(0, 5) as type}
-				<div class="flex items-center gap-1">
-					<span class="w-3 h-3 rounded" style="background-color: {MARKER_COLORS[type]}"></span>
-					<span>{type}</span>
-				</div>
-			{/each}
-		</div>
-	</div>
-
-	<!-- Timeline ruler -->
-	<div
-		bind:this={containerRef}
-		class="timeline-ruler relative cursor-pointer"
-		onclick={handleTimelineClick}
-		role="slider"
-		tabindex="0"
-		aria-valuemin="0"
-		aria-valuemax={audioStore.duration}
-		aria-valuenow={audioStore.currentTime}
-	>
-		<!-- Markers -->
-		{#each projectStore.currentMarkers as marker}
-			<button
-				onclick={(e) => {
-					e.stopPropagation();
-					onMarkerClick?.(marker.id);
-				}}
-				class="timeline-marker {editorStore.selectedMarkerId === marker.id
-					? 'ring-2 ring-white'
-					: ''}"
-				style="
-					left: {getMarkerPosition(marker.startTime)}%;
-					width: {getMarkerWidth(marker.startTime, marker.endTime)}%;
-					background-color: {marker.color || MARKER_COLORS[marker.type as MarkerType]};
-				"
-				title="{marker.type}{marker.label ? `: ${marker.label}` : ''}"
-			>
-				<span class="text-[10px] text-white truncate px-1">
-					{marker.label || marker.type}
-				</span>
-			</button>
-		{/each}
-
-		<!-- Playhead -->
-		{#if audioStore.duration > 0}
-			<div class="playhead" style="left: {getMarkerPosition(audioStore.currentTime)}%"></div>
-		{/if}
-	</div>
-
-	<!-- Selected marker info -->
-	{#if editorStore.selectedMarkerId}
-		{@const selectedMarker = projectStore.currentMarkers.find(
-			(m) => m.id === editorStore.selectedMarkerId
-		)}
-		{#if selectedMarker}
-			<div class="flex items-center justify-between p-2 bg-surface-hover rounded text-sm">
-				<div class="flex items-center gap-2">
-					<span
-						class="w-4 h-4 rounded"
-						style="background-color: {selectedMarker.color ||
-							MARKER_COLORS[selectedMarker.type as MarkerType]}"
-					></span>
-					<span class="font-medium">{selectedMarker.type}</span>
-					{#if selectedMarker.label}
-						<span class="text-foreground-secondary">- {selectedMarker.label}</span>
-					{/if}
-				</div>
-				<div class="flex items-center gap-2">
-					<span class="text-foreground-secondary">
-						{selectedMarker.startTime.toFixed(2)}s - {(
-							selectedMarker.endTime || selectedMarker.startTime
-						).toFixed(2)}s
-					</span>
-					<button
-						onclick={() => onToggleLoop?.(selectedMarker.id)}
-						class="p-1 rounded transition-colors {editorStore.loopRegionId === selectedMarker.id
-							? 'text-primary bg-primary/10'
-							: 'text-foreground-secondary hover:bg-surface-active'}"
-						title={editorStore.loopRegionId === selectedMarker.id
-							? 'Stop Loop (L)'
-							: 'Loop Region (L)'}
-					>
-						<ArrowsClockwise size={16} />
-					</button>
-					<button
-						onclick={() => handleDeleteMarker(selectedMarker.id)}
-						class="p-1 text-red-500 hover:bg-red-500/10 rounded"
-					>
-						<Trash size={16} />
-					</button>
-				</div>
-			</div>
-		{/if}
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/lib/components/MiniPlayer.svelte b/apps/mukke/apps/web-archived/src/lib/components/MiniPlayer.svelte
deleted file mode 100644
index 6763d0c13..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/MiniPlayer.svelte
+++ /dev/null
@@ -1,100 +0,0 @@
-<script lang="ts">
-	import { playerStore } from '$lib/stores/player.svelte';
-	import FrequencyBars from '$lib/visualizer/FrequencyBars.svelte';
-	import { MusicNote, Pause, Play, Warning, X } from '@manacore/shared-icons';
-
-	let progress = $derived(
-		playerStore.duration > 0 ? (playerStore.currentTime / playerStore.duration) * 100 : 0
-	);
-
-	function formatTime(s: number): string {
-		if (!s || !isFinite(s)) return '0:00';
-		return Math.floor(s / 60) + ':' + String(Math.floor(s % 60)).padStart(2, '0');
-	}
-</script>
-
-{#if playerStore.currentSong}
-	<div
-		class="mini-player fixed left-0 right-0 z-30 bg-surface border-t border-border rounded-t-xl shadow-lg"
-	>
-		<!-- Error toast -->
-		{#if playerStore.error}
-			<div
-				class="flex items-center gap-2 px-4 py-2 bg-red-500/10 border-b border-red-500/20 text-sm text-red-500"
-			>
-				<Warning size={16} class="shrink-0" />
-				<span class="truncate">{playerStore.error}</span>
-				<button
-					onclick={() => playerStore.clearError()}
-					class="ml-auto p-0.5 hover:text-red-400 shrink-0"
-					aria-label="Dismiss error"
-				>
-					<X size={16} />
-				</button>
-			</div>
-		{/if}
-
-		<!-- Frequency visualizer + progress bar -->
-		<div class="relative">
-			<div class="opacity-40">
-				<FrequencyBars barCount={64} height={20} barGap={1} barRadius={1} />
-			</div>
-			<div class="absolute bottom-0 left-0 right-0 h-1 bg-border">
-				<div class="h-full bg-primary transition-all duration-200" style="width: {progress}%"></div>
-			</div>
-		</div>
-
-		<div class="flex items-center h-16 px-4 gap-3">
-			<!-- Cover art placeholder -->
-			<button
-				onclick={() => playerStore.toggleFullPlayer()}
-				class="flex items-center gap-3 flex-1 min-w-0"
-			>
-				<div class="w-12 h-12 rounded bg-background flex items-center justify-center shrink-0">
-					<MusicNote size={24} weight="fill" class="text-foreground-secondary" />
-				</div>
-
-				<!-- Song info -->
-				<div class="min-w-0">
-					<div class="text-sm font-medium text-foreground truncate">
-						{playerStore.currentSong.title}
-					</div>
-					<div class="text-xs text-foreground-secondary truncate">
-						{playerStore.currentSong.artist || 'Unknown Artist'}
-					</div>
-				</div>
-			</button>
-
-			<!-- Controls -->
-			<div class="flex items-center gap-2 shrink-0">
-				<!-- Play/Pause -->
-				<button
-					onclick={() => playerStore.togglePlay()}
-					class="p-2 rounded-full bg-primary text-white hover:bg-primary-hover transition-colors"
-					aria-label={playerStore.isPlaying ? 'Pause' : 'Play'}
-				>
-					{#if playerStore.isPlaying}
-						<Pause size={20} weight="fill" />
-					{:else}
-						<Play size={20} weight="fill" />
-					{/if}
-				</button>
-
-				<!-- Next -->
-				<button
-					onclick={() => playerStore.nextSong()}
-					class="p-2 rounded-lg hover:bg-surface-hover transition-colors text-foreground-secondary"
-					aria-label="Next track"
-				>
-					<Play size={20} weight="fill" />
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.mini-player {
-		bottom: calc(80px + env(safe-area-inset-bottom, 0px));
-	}
-</style>
diff --git a/apps/mukke/apps/web-archived/src/lib/components/PlaybackControls.svelte b/apps/mukke/apps/web-archived/src/lib/components/PlaybackControls.svelte
deleted file mode 100644
index 8afabdca0..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/PlaybackControls.svelte
+++ /dev/null
@@ -1,176 +0,0 @@
-<script lang="ts">
-	import { audioStore } from '$lib/stores/audio.svelte';
-	import { editorStore } from '$lib/stores/editor.svelte';
-	import { formatTime } from '$lib/utils/time-format';
-	import {
-		MagnifyingGlassMinus,
-		MagnifyingGlassPlus,
-		Pause,
-		Play,
-		SkipBack,
-		SkipForward,
-	} from '@manacore/shared-icons';
-
-	interface Props {
-		onPlay?: () => void;
-		onPause?: () => void;
-		onSeek?: (time: number) => void;
-		onZoomIn?: () => void;
-		onZoomOut?: () => void;
-		compact?: boolean;
-	}
-
-	let { onPlay, onPause, onSeek, onZoomIn, onZoomOut, compact = false }: Props = $props();
-
-	function handlePlayPause() {
-		if (audioStore.isPlaying) {
-			onPause?.();
-		} else {
-			onPlay?.();
-		}
-	}
-
-	function handleSeek(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const time = parseFloat(input.value);
-		onSeek?.(time);
-	}
-
-	function skipBackward() {
-		const newTime = Math.max(0, audioStore.currentTime - 5);
-		onSeek?.(newTime);
-	}
-
-	function skipForward() {
-		const newTime = Math.min(audioStore.duration, audioStore.currentTime + 5);
-		onSeek?.(newTime);
-	}
-</script>
-
-{#if compact}
-	<!-- Compact mobile layout -->
-	<div class="flex items-center gap-2 p-2 bg-surface rounded-lg">
-		<!-- Play/Pause button -->
-		<button
-			onclick={handlePlayPause}
-			class="p-2 bg-primary text-white rounded-full hover:bg-primary-hover transition-colors shrink-0"
-			aria-label={audioStore.isPlaying ? 'Pause' : 'Play'}
-		>
-			{#if audioStore.isPlaying}
-				<Pause size={20} weight="fill" />
-			{:else}
-				<Play size={20} weight="fill" />
-			{/if}
-		</button>
-
-		<!-- Time display -->
-		<div class="text-xs font-mono text-foreground-secondary shrink-0">
-			{formatTime(audioStore.currentTime)}
-		</div>
-
-		<!-- Seek slider -->
-		<div class="flex-1">
-			<input
-				type="range"
-				min="0"
-				max={audioStore.duration || 100}
-				step="0.1"
-				value={audioStore.currentTime}
-				oninput={handleSeek}
-				class="w-full h-1.5 bg-surface-hover rounded-lg appearance-none cursor-pointer"
-			/>
-		</div>
-
-		<!-- Duration -->
-		<div class="text-xs font-mono text-foreground-secondary shrink-0">
-			{formatTime(audioStore.duration)}
-		</div>
-
-		<!-- BPM display (compact) -->
-		{#if audioStore.bpm}
-			<div class="px-2 py-0.5 bg-primary/10 text-primary rounded-full text-xs font-medium shrink-0">
-				{audioStore.bpm}
-			</div>
-		{/if}
-	</div>
-{:else}
-	<!-- Desktop layout -->
-	<div class="flex items-center gap-4 p-4 bg-surface rounded-lg">
-		<!-- Time display -->
-		<div class="text-sm font-mono text-foreground-secondary min-w-[100px]">
-			{formatTime(audioStore.currentTime)} / {formatTime(audioStore.duration)}
-		</div>
-
-		<!-- Playback controls -->
-		<div class="flex items-center gap-2">
-			<button
-				onclick={skipBackward}
-				class="p-2 rounded-lg hover:bg-surface-hover transition-colors"
-				aria-label="Skip backward 5 seconds"
-			>
-				<SkipForward size={20} />
-			</button>
-
-			<button
-				onclick={handlePlayPause}
-				class="p-3 bg-primary text-white rounded-full hover:bg-primary-hover transition-colors"
-				aria-label={audioStore.isPlaying ? 'Pause' : 'Play'}
-			>
-				{#if audioStore.isPlaying}
-					<Pause size={24} weight="fill" />
-				{:else}
-					<Play size={24} weight="fill" />
-				{/if}
-			</button>
-
-			<button
-				onclick={skipForward}
-				class="p-2 rounded-lg hover:bg-surface-hover transition-colors"
-				aria-label="Skip forward 5 seconds"
-			>
-				<SkipBack size={20} />
-			</button>
-		</div>
-
-		<!-- Seek slider -->
-		<div class="flex-1">
-			<input
-				type="range"
-				min="0"
-				max={audioStore.duration || 100}
-				step="0.1"
-				value={audioStore.currentTime}
-				oninput={handleSeek}
-				class="w-full h-2 bg-surface-hover rounded-lg appearance-none cursor-pointer"
-			/>
-		</div>
-
-		<!-- Zoom controls -->
-		<div class="flex items-center gap-1">
-			<button
-				onclick={onZoomOut}
-				class="p-2 rounded-lg hover:bg-surface-hover transition-colors"
-				aria-label="Zoom out"
-			>
-				<MagnifyingGlassMinus size={16} />
-			</button>
-			<span class="text-xs text-foreground-secondary min-w-[40px] text-center">
-				{Math.round(editorStore.zoom * 100)}%
-			</span>
-			<button
-				onclick={onZoomIn}
-				class="p-2 rounded-lg hover:bg-surface-hover transition-colors"
-				aria-label="Zoom in"
-			>
-				<MagnifyingGlassPlus size={16} />
-			</button>
-		</div>
-
-		<!-- BPM display -->
-		{#if audioStore.bpm}
-			<div class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm font-medium">
-				{audioStore.bpm} BPM
-			</div>
-		{/if}
-	</div>
-{/if}
diff --git a/apps/mukke/apps/web-archived/src/lib/components/QueuePanel.svelte b/apps/mukke/apps/web-archived/src/lib/components/QueuePanel.svelte
deleted file mode 100644
index c16d32244..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/QueuePanel.svelte
+++ /dev/null
@@ -1,101 +0,0 @@
-<script lang="ts">
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { X } from '@manacore/shared-icons';
-
-	function formatTime(s: number | null): string {
-		if (!s || !isFinite(s)) return '0:00';
-		return Math.floor(s / 60) + ':' + String(Math.floor(s % 60)).padStart(2, '0');
-	}
-</script>
-
-{#if playerStore.showQueue}
-	<!-- Backdrop -->
-	<button
-		class="fixed inset-0 z-40 bg-black/30"
-		onclick={() => playerStore.toggleQueue()}
-		aria-label="Close queue"
-	></button>
-
-	<!-- Panel -->
-	<div
-		class="fixed top-0 right-0 bottom-0 w-80 z-40 bg-surface border-l border-border flex flex-col shadow-xl"
-	>
-		<!-- Header -->
-		<div class="flex items-center justify-between p-4 border-b border-border">
-			<h2 class="text-lg font-semibold text-foreground">Queue</h2>
-			<button
-				onclick={() => playerStore.toggleQueue()}
-				class="p-2 rounded-lg hover:bg-surface-hover transition-colors text-foreground-secondary"
-				aria-label="Close queue"
-			>
-				<X size={20} />
-			</button>
-		</div>
-
-		<!-- Song list -->
-		<div class="flex-1 overflow-y-auto">
-			{#if playerStore.queue.length === 0}
-				<div class="p-4 text-center text-foreground-secondary text-sm">Queue is empty</div>
-			{:else}
-				{#each playerStore.queue as song, index}
-					<div
-						class="flex items-center gap-3 px-4 py-3 hover:bg-surface-hover transition-colors {index ===
-						playerStore.currentIndex
-							? 'bg-primary/10'
-							: ''}"
-					>
-						<!-- Playing indicator or index -->
-						<div class="w-6 text-center shrink-0">
-							{#if index === playerStore.currentIndex}
-								<div class="flex items-center justify-center gap-0.5">
-									<span class="w-0.5 h-3 bg-primary rounded-full animate-pulse"></span>
-									<span
-										class="w-0.5 h-4 bg-primary rounded-full animate-pulse"
-										style="animation-delay: 0.15s"
-									></span>
-									<span
-										class="w-0.5 h-2 bg-primary rounded-full animate-pulse"
-										style="animation-delay: 0.3s"
-									></span>
-								</div>
-							{:else}
-								<span class="text-xs text-foreground-secondary">{index + 1}</span>
-							{/if}
-						</div>
-
-						<!-- Song info (clickable) -->
-						<button
-							class="flex-1 min-w-0 text-left"
-							onclick={() => playerStore.playSong(song, playerStore.queue, index)}
-						>
-							<div
-								class="text-sm truncate {index === playerStore.currentIndex
-									? 'text-primary font-medium'
-									: 'text-foreground'}"
-							>
-								{song.title}
-							</div>
-							<div class="text-xs text-foreground-secondary truncate">
-								{song.artist || 'Unknown Artist'}
-								{#if song.duration}
-									<span class="ml-1">- {formatTime(song.duration)}</span>
-								{/if}
-							</div>
-						</button>
-
-						<!-- Remove button (not for current song) -->
-						{#if index !== playerStore.currentIndex}
-							<button
-								onclick={() => playerStore.removeFromQueue(index)}
-								class="p-1.5 rounded-lg hover:bg-surface-hover transition-colors text-foreground-secondary hover:text-foreground shrink-0"
-								aria-label="Remove from queue"
-							>
-								<X size={16} />
-							</button>
-						{/if}
-					</div>
-				{/each}
-			{/if}
-		</div>
-	</div>
-{/if}
diff --git a/apps/mukke/apps/web-archived/src/lib/components/SongEditor.svelte b/apps/mukke/apps/web-archived/src/lib/components/SongEditor.svelte
deleted file mode 100644
index 62942ecb7..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/SongEditor.svelte
+++ /dev/null
@@ -1,308 +0,0 @@
-<script lang="ts">
-	import type { Song } from '@mukke/shared';
-	import { libraryStore } from '$lib/stores/library.svelte';
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		song: Song;
-		open: boolean;
-		onclose: () => void;
-	}
-
-	let { song, open, onclose }: Props = $props();
-
-	let title = $state('');
-	let artist = $state('');
-	let album = $state('');
-	let albumArtist = $state('');
-	let genre = $state('');
-	let trackNumber = $state('');
-	let year = $state('');
-	let month = $state('');
-	let day = $state('');
-	let bpm = $state('');
-	let coverUrl = $state<string | null>(null);
-	let saving = $state(false);
-	let writingTags = $state(false);
-	let error = $state<string | null>(null);
-	let success = $state<string | null>(null);
-
-	const isMp3 = $derived(song.storagePath.toLowerCase().endsWith('.mp3'));
-
-	$effect(() => {
-		if (open && song) {
-			title = song.title ?? '';
-			artist = song.artist ?? '';
-			album = song.album ?? '';
-			albumArtist = song.albumArtist ?? '';
-			genre = song.genre ?? '';
-			trackNumber = song.trackNumber ? String(song.trackNumber) : '';
-			year = song.year ? String(song.year) : '';
-			month = song.month ? String(song.month) : '';
-			day = song.day ? String(song.day) : '';
-			bpm = song.bpm ? String(song.bpm) : '';
-			error = null;
-			success = null;
-			loadCoverUrl();
-		}
-	});
-
-	async function loadCoverUrl() {
-		coverUrl = null;
-		if (song.coverArtPath) {
-			try {
-				coverUrl = await libraryStore.getCoverUrl(song.id);
-			} catch {
-				// ignore
-			}
-		}
-	}
-
-	async function handleSave() {
-		saving = true;
-		error = null;
-		success = null;
-		try {
-			await libraryStore.updateSongMetadata(song.id, {
-				title: title || undefined,
-				artist: artist || undefined,
-				album: album || undefined,
-				albumArtist: albumArtist || undefined,
-				genre: genre || undefined,
-				trackNumber: trackNumber ? parseInt(trackNumber) : undefined,
-				year: year ? parseInt(year) : undefined,
-				month: month ? parseInt(month) : undefined,
-				day: day ? parseInt(day) : undefined,
-				bpm: bpm ? parseFloat(bpm) : undefined,
-			});
-			success = 'Metadata saved';
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to save';
-		} finally {
-			saving = false;
-		}
-	}
-
-	async function handleWriteTags() {
-		writingTags = true;
-		error = null;
-		success = null;
-		try {
-			await libraryStore.writeTags(song.id);
-			success = 'Tags written to file';
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to write tags';
-		} finally {
-			writingTags = false;
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') onclose();
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) onclose();
-	}
-</script>
-
-{#if open}
-	<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm"
-		role="dialog"
-		aria-modal="true"
-		aria-label="Edit song metadata"
-		onclick={handleBackdropClick}
-		onkeydown={handleKeydown}
-	>
-		<div class="bg-surface rounded-xl shadow-xl w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto">
-			<!-- Header -->
-			<div class="flex items-center justify-between p-4 border-b border-border">
-				<h2 class="text-lg font-semibold">Edit Song</h2>
-				<button
-					onclick={onclose}
-					class="p-1 text-foreground-secondary hover:text-foreground transition-colors"
-				>
-					<X size={20} />
-				</button>
-			</div>
-
-			<div class="p-4 space-y-4">
-				<!-- Cover Art -->
-				{#if coverUrl}
-					<div class="flex justify-center">
-						<img
-							src={coverUrl}
-							alt="Cover art"
-							class="w-32 h-32 object-cover rounded-lg shadow-md"
-						/>
-					</div>
-				{/if}
-
-				<!-- Form Fields -->
-				<div class="grid grid-cols-1 gap-3">
-					<div>
-						<label for="edit-title" class="block text-xs font-medium text-foreground-secondary mb-1"
-							>Title</label
-						>
-						<input
-							id="edit-title"
-							type="text"
-							bind:value={title}
-							class="w-full px-3 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-						/>
-					</div>
-					<div class="grid grid-cols-2 gap-3">
-						<div>
-							<label
-								for="edit-artist"
-								class="block text-xs font-medium text-foreground-secondary mb-1">Artist</label
-							>
-							<input
-								id="edit-artist"
-								type="text"
-								bind:value={artist}
-								class="w-full px-3 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-								placeholder="Artist"
-							/>
-						</div>
-						<div>
-							<label
-								for="edit-album"
-								class="block text-xs font-medium text-foreground-secondary mb-1">Album</label
-							>
-							<input
-								id="edit-album"
-								type="text"
-								bind:value={album}
-								class="w-full px-3 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-								placeholder="Album"
-							/>
-						</div>
-					</div>
-					<div>
-						<label
-							for="edit-album-artist"
-							class="block text-xs font-medium text-foreground-secondary mb-1">Album Artist</label
-						>
-						<input
-							id="edit-album-artist"
-							type="text"
-							bind:value={albumArtist}
-							class="w-full px-3 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-							placeholder="Album Artist"
-						/>
-					</div>
-					<div class="grid grid-cols-2 gap-3">
-						<div>
-							<label
-								for="edit-genre"
-								class="block text-xs font-medium text-foreground-secondary mb-1">Genre</label
-							>
-							<input
-								id="edit-genre"
-								type="text"
-								bind:value={genre}
-								class="w-full px-3 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-								placeholder="Genre"
-							/>
-						</div>
-						<div>
-							<label
-								for="edit-year"
-								class="block text-xs font-medium text-foreground-secondary mb-1">Date</label
-							>
-							<div class="grid grid-cols-3 gap-1">
-								<input
-									id="edit-year"
-									type="text"
-									bind:value={year}
-									class="w-full px-2 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-									placeholder="Year"
-								/>
-								<input
-									type="text"
-									bind:value={month}
-									class="w-full px-2 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-									placeholder="Mo"
-								/>
-								<input
-									type="text"
-									bind:value={day}
-									class="w-full px-2 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-									placeholder="Day"
-								/>
-							</div>
-						</div>
-					</div>
-					<div class="grid grid-cols-2 gap-3">
-						<div>
-							<label
-								for="edit-track"
-								class="block text-xs font-medium text-foreground-secondary mb-1">Track #</label
-							>
-							<input
-								id="edit-track"
-								type="text"
-								bind:value={trackNumber}
-								class="w-full px-3 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-								placeholder="1"
-							/>
-						</div>
-						<div>
-							<label for="edit-bpm" class="block text-xs font-medium text-foreground-secondary mb-1"
-								>BPM</label
-							>
-							<input
-								id="edit-bpm"
-								type="text"
-								bind:value={bpm}
-								class="w-full px-3 py-2 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-								placeholder="120"
-							/>
-						</div>
-					</div>
-				</div>
-
-				<!-- Messages -->
-				{#if error}
-					<p class="text-sm text-red-500">{error}</p>
-				{/if}
-				{#if success}
-					<p class="text-sm text-green-500">{success}</p>
-				{/if}
-
-				<!-- Actions -->
-				<div class="flex items-center justify-between pt-2 border-t border-border">
-					{#if isMp3}
-						<button
-							onclick={handleWriteTags}
-							disabled={writingTags || saving}
-							class="px-3 py-2 text-sm border border-border rounded-lg hover:bg-background disabled:opacity-50 transition-colors"
-						>
-							{writingTags ? 'Writing...' : 'Write to File'}
-						</button>
-					{:else}
-						<div></div>
-					{/if}
-					<div class="flex gap-2">
-						<button
-							onclick={onclose}
-							class="px-3 py-2 text-sm text-foreground-secondary hover:text-foreground transition-colors"
-						>
-							Cancel
-						</button>
-						<button
-							onclick={handleSave}
-							disabled={saving || writingTags}
-							class="px-4 py-2 text-sm bg-primary text-white rounded-lg hover:bg-primary-hover disabled:opacity-50 transition-colors"
-						>
-							{saving ? 'Saving...' : 'Save'}
-						</button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/mukke/apps/web-archived/src/lib/components/WaveformEditor.svelte b/apps/mukke/apps/web-archived/src/lib/components/WaveformEditor.svelte
deleted file mode 100644
index f3beddb8b..000000000
--- a/apps/mukke/apps/web-archived/src/lib/components/WaveformEditor.svelte
+++ /dev/null
@@ -1,235 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-	import WaveSurfer from 'wavesurfer.js';
-	import RegionsPlugin, { type Region } from 'wavesurfer.js/dist/plugins/regions.js';
-	import { audioStore } from '$lib/stores/audio.svelte';
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { editorStore } from '$lib/stores/editor.svelte';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { MARKER_COLORS, type Marker, type MarkerType } from '@mukke/shared';
-
-	let containerRef: HTMLDivElement;
-	let wavesurfer: WaveSurfer | null = null;
-	let regionsPlugin: RegionsPlugin | null = null;
-
-	interface Props {
-		audioUrl: string | null;
-		onTimeUpdate?: (time: number) => void;
-		onSeek?: (time: number) => void;
-	}
-
-	let { audioUrl, onTimeUpdate, onSeek }: Props = $props();
-
-	// Get theme-aware colors
-	function getWaveformColors() {
-		return {
-			waveColor: theme.isDark ? '#9CA3AF' : '#6B7280',
-			progressColor: theme.isDark ? '#60A5FA' : '#3B82F6',
-			cursorColor: '#EF4444',
-		};
-	}
-
-	onMount(() => {
-		if (!containerRef) return;
-
-		regionsPlugin = RegionsPlugin.create();
-		const colors = getWaveformColors();
-
-		wavesurfer = WaveSurfer.create({
-			container: containerRef,
-			waveColor: colors.waveColor,
-			progressColor: colors.progressColor,
-			cursorColor: colors.cursorColor,
-			cursorWidth: 2,
-			height: 128,
-			normalize: true,
-			plugins: [regionsPlugin],
-		});
-
-		wavesurfer.on('ready', () => {
-			audioStore.setDuration(wavesurfer!.getDuration());
-			audioStore.setLoaded(true);
-			syncRegionsFromMarkers();
-		});
-
-		wavesurfer.on('play', () => audioStore.setPlaying(true));
-		wavesurfer.on('pause', () => audioStore.setPlaying(false));
-
-		wavesurfer.on('timeupdate', (time) => {
-			audioStore.setCurrentTime(time);
-			onTimeUpdate?.(time);
-		});
-
-		wavesurfer.on('seeking', (time) => {
-			audioStore.setCurrentTime(time);
-			onSeek?.(time);
-		});
-
-		// Region events
-		regionsPlugin.on('region-created', (region: Region) => {
-			// Skip if this is a sync operation
-			if (region.id.startsWith('marker-')) return;
-
-			const beatId = projectStore.currentBeat?.id;
-			if (!beatId) return;
-
-			// Create marker from region
-			projectStore.createMarker(beatId, {
-				type: editorStore.markerTypeToCreate,
-				startTime: region.start,
-				endTime: region.end,
-				color: MARKER_COLORS[editorStore.markerTypeToCreate],
-			});
-		});
-
-		regionsPlugin.on('region-updated', (region: Region) => {
-			const markerId = region.id.replace('marker-', '');
-			const marker = projectStore.currentMarkers.find((m) => m.id === markerId);
-			if (marker) {
-				projectStore.updateMarker(markerId, {
-					startTime: region.start,
-					endTime: region.end,
-				});
-			}
-		});
-
-		regionsPlugin.on('region-clicked', (region: Region, e: MouseEvent) => {
-			e.stopPropagation();
-			const markerId = region.id.replace('marker-', '');
-			editorStore.selectMarker(markerId);
-		});
-
-		if (audioUrl) {
-			wavesurfer.load(audioUrl);
-		}
-	});
-
-	onDestroy(() => {
-		wavesurfer?.destroy();
-	});
-
-	// Watch for audio URL changes
-	$effect(() => {
-		if (wavesurfer && audioUrl) {
-			wavesurfer.load(audioUrl);
-		}
-	});
-
-	// Watch for theme changes and update waveform colors
-	$effect(() => {
-		// Reference isDark to track changes
-		const isDark = theme.isDark;
-		if (wavesurfer) {
-			const colors = getWaveformColors();
-			wavesurfer.setOptions({
-				waveColor: colors.waveColor,
-				progressColor: colors.progressColor,
-			});
-		}
-	});
-
-	// Watch for marker changes and sync regions
-	$effect(() => {
-		const markers = projectStore.currentMarkers;
-		if (markers && regionsPlugin && audioStore.isLoaded) {
-			syncRegionsFromMarkers();
-		}
-	});
-
-	function syncRegionsFromMarkers() {
-		if (!regionsPlugin) return;
-
-		// Clear existing regions
-		regionsPlugin.clearRegions();
-
-		// Add regions for each marker
-		for (const marker of projectStore.currentMarkers) {
-			regionsPlugin.addRegion({
-				id: `marker-${marker.id}`,
-				start: marker.startTime,
-				end: marker.endTime || marker.startTime + 1,
-				color: `${marker.color || MARKER_COLORS[marker.type as MarkerType]}40`,
-				drag: true,
-				resize: true,
-				content: marker.label || marker.type,
-			});
-		}
-	}
-
-	export function play() {
-		wavesurfer?.play();
-	}
-
-	export function pause() {
-		wavesurfer?.pause();
-	}
-
-	export function playPause() {
-		wavesurfer?.playPause();
-	}
-
-	export function seekTo(time: number) {
-		if (wavesurfer) {
-			wavesurfer.seekTo(time / wavesurfer.getDuration());
-		}
-	}
-
-	export function zoom(level: number) {
-		wavesurfer?.zoom(level * 100);
-	}
-
-	export function addRegion(start: number, end: number, type: MarkerType) {
-		if (regionsPlugin) {
-			regionsPlugin.addRegion({
-				start,
-				end,
-				color: `${MARKER_COLORS[type]}40`,
-				drag: true,
-				resize: true,
-				content: type,
-			});
-		}
-	}
-
-	export function toggleLoop(markerId: string) {
-		if (!regionsPlugin || !wavesurfer) return;
-
-		const region = regionsPlugin.getRegions().find((r) => r.id === `marker-${markerId}`);
-		if (!region) return;
-
-		if (editorStore.loopRegionId === markerId) {
-			// Disable loop
-			editorStore.setLoopRegion(null);
-		} else {
-			// Enable loop and start playback from region start
-			editorStore.setLoopRegion(markerId);
-			wavesurfer.setTime(region.start);
-			wavesurfer.play();
-		}
-	}
-
-	// Watch for loop region and handle looping
-	$effect(() => {
-		if (!wavesurfer || !regionsPlugin || !editorStore.loopRegionId) return;
-
-		const region = regionsPlugin
-			.getRegions()
-			.find((r) => r.id === `marker-${editorStore.loopRegionId}`);
-		if (!region) return;
-
-		// Check if we've reached the end of the loop region
-		if (audioStore.currentTime >= region.end && editorStore.isLooping) {
-			wavesurfer.setTime(region.start);
-		}
-	});
-</script>
-
-<div class="waveform-container" bind:this={containerRef}>
-	{#if !audioStore.isLoaded && audioUrl}
-		<div class="absolute inset-0 flex items-center justify-center">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/lib/content/help/index.test.ts b/apps/mukke/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 15629599a..000000000
--- a/apps/mukke/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getMukkeHelpContent } from './index';
-
-describe('Mukke Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getMukkeHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getMukkeHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getMukkeHelpContent('de');
-		const en = getMukkeHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getMukkeHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/content/help/index.ts b/apps/mukke/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 853f04447..000000000
--- a/apps/mukke/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-/**
- * Help content for Mukke app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getMukkeHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-upload',
-				question: isDE
-					? 'Welche Audioformate werden unterstützt?'
-					: 'Which audio formats are supported?',
-				answer: isDE
-					? '<p>Mukke unterstützt eine Vielzahl von Formaten:</p><ul><li><strong>Volle Unterstützung</strong>: MP3, WAV, FLAC, AAC/M4A, OGG, OPUS</li><li><strong>Upload & Metadaten</strong>: AIFF, WMA, APE, WavPack, DSF/DFF</li></ul><p>Metadaten (ID3-Tags) werden automatisch beim Upload extrahiert — Titel, Künstler, Album, Cover-Art und mehr.</p>'
-					: '<p>Mukke supports a wide range of formats:</p><ul><li><strong>Full support</strong>: MP3, WAV, FLAC, AAC/M4A, OGG, OPUS</li><li><strong>Upload & metadata</strong>: AIFF, WMA, APE, WavPack, DSF/DFF</li></ul><p>Metadata (ID3 tags) is automatically extracted on upload — title, artist, album, cover art, and more.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['upload', 'formate', 'audio', 'mp3'] : ['upload', 'formats', 'audio', 'mp3'],
-			},
-			{
-				id: 'faq-editor',
-				question: isDE ? 'Wie funktioniert der Lyrics-Editor?' : 'How does the lyrics editor work?',
-				answer: isDE
-					? '<p>Der Editor ermöglicht synchronisierte Lyrics:</p><ol><li>Erstelle ein <strong>Projekt</strong> aus einem Song deiner Bibliothek</li><li>Sieh die <strong>Wellenform</strong> und setze Beat-Marker</li><li>Gib Lyrics ein und <strong>synchronisiere</strong> sie mit den Zeitstempeln</li><li><strong>Exportiere</strong> als LRC, SRT oder JSON</li></ol>'
-					: '<p>The editor enables synchronized lyrics:</p><ol><li>Create a <strong>project</strong> from a song in your library</li><li>View the <strong>waveform</strong> and set beat markers</li><li>Enter lyrics and <strong>sync</strong> them with timestamps</li><li><strong>Export</strong> as LRC, SRT, or JSON</li></ol>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				featured: true,
-				tags: isDE
-					? ['editor', 'lyrics', 'sync', 'wellenform']
-					: ['editor', 'lyrics', 'sync', 'waveform'],
-			},
-			{
-				id: 'faq-playlists',
-				question: isDE ? 'Wie erstelle ich Playlists?' : 'How do I create playlists?',
-				answer: isDE
-					? '<p>Gehe zu <strong>Playlists</strong> und klicke auf das <strong>+</strong> Symbol. Füge Songs per Drag & Drop oder über das Kontextmenü hinzu. Die Reihenfolge lässt sich ebenfalls per Drag & Drop anpassen.</p>'
-					: '<p>Go to <strong>Playlists</strong> and click the <strong>+</strong> icon. Add songs via drag & drop or the context menu. The order can also be adjusted via drag & drop.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['playlist', 'erstellen', 'sortieren'] : ['playlist', 'create', 'sort'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Musik', dataTypeEN: 'music' }),
-		],
-		features: [
-			{
-				id: 'feature-library',
-				title: isDE ? 'Musikbibliothek' : 'Music Library',
-				description: isDE
-					? 'Verwalte deine Sammlung nach Künstler, Album und Genre'
-					: 'Manage your collection by artist, album, and genre',
-				icon: '🎵',
-				category: 'core',
-				highlights: isDE
-					? ['Auto-Metadaten', 'Cover-Art', 'Künstler/Alben/Genres']
-					: ['Auto metadata', 'Cover art', 'Artists/Albums/Genres'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-player',
-				title: 'Player',
-				description: isDE
-					? 'Integrierter Musikplayer mit Wiedergabesteuerung'
-					: 'Built-in music player with playback controls',
-				icon: '▶️',
-				category: 'core',
-				highlights: isDE
-					? ['Streaming', 'Playlists', 'Play-Count']
-					: ['Streaming', 'Playlists', 'Play count'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-editor',
-				title: isDE ? 'Lyrics-Editor' : 'Lyrics Editor',
-				description: isDE
-					? 'Synchronisiere Lyrics mit Wellenform-Visualisierung'
-					: 'Sync lyrics with waveform visualization',
-				icon: '🎤',
-				category: 'advanced',
-				highlights: isDE
-					? ['Wellenform', 'Beat-Marker', 'LRC/SRT Export']
-					: ['Waveform', 'Beat markers', 'LRC/SRT export'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-visualizer',
-				title: 'Visualizer',
-				description: isDE
-					? 'Audio-Visualisierungen mit verschiedenen Themes'
-					: 'Audio visualizations with various themes',
-				icon: '🌈',
-				category: 'advanced',
-				highlights: isDE
-					? ['Butterchurn-Presets', 'WebGL', 'Theme-Auswahl']
-					: ['Butterchurn presets', 'WebGL', 'Theme selection'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [
-			{
-				id: 'shortcuts-nav',
-				category: 'navigation',
-				title: 'Navigation',
-				language: isDE ? 'de' : 'en',
-				order: 1,
-				shortcuts: [
-					{ shortcut: 'Ctrl + 1-5', action: 'Navigation' },
-					{ shortcut: 'Space', action: isDE ? 'Wiedergabe/Pause' : 'Play/Pause' },
-				],
-			},
-		],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Mukke.</p>'
-				: '<p>Our support team is here to help you with any questions about Mukke.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/mukke/apps/web-archived/src/lib/data/guest-seed.ts b/apps/mukke/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index cde8d93ec..000000000
--- a/apps/mukke/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Guest seed data for the Mukke app.
- *
- * Provides a demo playlist. Songs require upload, so no audio seeds.
- */
-
-import type { LocalPlaylist } from './local-store';
-
-export const guestPlaylists: LocalPlaylist[] = [
-	{
-		id: 'playlist-favorites',
-		name: 'Meine Favoriten',
-		description: 'Lade Songs hoch und füge sie zu dieser Playlist hinzu.',
-	},
-];
diff --git a/apps/mukke/apps/web-archived/src/lib/data/local-store.ts b/apps/mukke/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 3986e5392..000000000
--- a/apps/mukke/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-/**
- * Mukke — Local-First Data Layer
- *
- * Song metadata, playlists, projects, and markers stored locally.
- * Audio file upload/streaming remains server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestPlaylists } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalSong extends BaseRecord {
-	title: string;
-	artist?: string | null;
-	album?: string | null;
-	albumArtist?: string | null;
-	genre?: string | null;
-	trackNumber?: number | null;
-	year?: number | null;
-	duration?: number | null;
-	storagePath: string;
-	coverArtPath?: string | null;
-	fileSize?: number | null;
-	bpm?: number | null;
-	favorite: boolean;
-	playCount: number;
-	lastPlayedAt?: string | null;
-}
-
-export interface LocalPlaylist extends BaseRecord {
-	name: string;
-	description?: string | null;
-	coverArtPath?: string | null;
-}
-
-export interface LocalPlaylistSong extends BaseRecord {
-	playlistId: string;
-	songId: string;
-	sortOrder: number;
-}
-
-export interface LocalProject extends BaseRecord {
-	title: string;
-	description?: string | null;
-	songId?: string | null;
-}
-
-export interface LocalMarker extends BaseRecord {
-	beatId: string;
-	type: 'verse' | 'hook' | 'bridge' | 'intro' | 'outro' | 'drop' | 'breakdown' | 'custom';
-	label?: string | null;
-	startTime: number;
-	endTime?: number | null;
-	color?: string | null;
-	sortOrder: number;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const mukkeStore = createLocalStore({
-	appId: 'mukke',
-	collections: [
-		{
-			name: 'songs',
-			indexes: ['artist', 'album', 'genre', 'favorite', 'title'],
-		},
-		{
-			name: 'playlists',
-			indexes: ['name'],
-			guestSeed: guestPlaylists,
-		},
-		{
-			name: 'playlistSongs',
-			indexes: ['playlistId', 'songId', 'sortOrder', '[playlistId+sortOrder]'],
-		},
-		{
-			name: 'projects',
-			indexes: ['title', 'songId'],
-		},
-		{
-			name: 'markers',
-			indexes: ['beatId', 'type', 'sortOrder'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const songCollection = mukkeStore.collection<LocalSong>('songs');
-export const playlistCollection = mukkeStore.collection<LocalPlaylist>('playlists');
-export const playlistSongCollection = mukkeStore.collection<LocalPlaylistSong>('playlistSongs');
-export const projectCollection = mukkeStore.collection<LocalProject>('projects');
-export const markerCollection = mukkeStore.collection<LocalMarker>('markers');
diff --git a/apps/mukke/apps/web-archived/src/lib/data/queries.ts b/apps/mukke/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index f287dc711..000000000
--- a/apps/mukke/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-/**
- * Reactive Queries & Pure Filter Helpers for Mukke
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- *
- * NOTE: Mukke's library/playlist/project stores still use backend API calls
- * for most operations (upload, streaming, metadata extraction, etc.).
- * These queries provide reactive reads from IndexedDB for the local-first
- * collections. The stores remain for API-driven mutations.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	songCollection,
-	playlistCollection,
-	playlistSongCollection,
-	projectCollection,
-	markerCollection,
-	type LocalSong,
-	type LocalPlaylist,
-	type LocalPlaylistSong,
-	type LocalProject,
-	type LocalMarker,
-} from './local-store';
-
-// ─── Live Query Hooks (call during component init) ──────────
-
-/** All songs, sorted by title. Auto-updates on any change. */
-export function useAllSongs() {
-	return useLiveQueryWithDefault(async () => {
-		return songCollection.getAll(undefined, {
-			sortBy: 'title',
-			sortDirection: 'asc',
-		});
-	}, [] as LocalSong[]);
-}
-
-/** All playlists, sorted by name. Auto-updates on any change. */
-export function useAllPlaylists() {
-	return useLiveQueryWithDefault(async () => {
-		return playlistCollection.getAll(undefined, {
-			sortBy: 'name',
-			sortDirection: 'asc',
-		});
-	}, [] as LocalPlaylist[]);
-}
-
-/** All playlist-song associations. Auto-updates on any change. */
-export function useAllPlaylistSongs() {
-	return useLiveQueryWithDefault(async () => {
-		return playlistSongCollection.getAll();
-	}, [] as LocalPlaylistSong[]);
-}
-
-/** All projects, sorted by title. Auto-updates on any change. */
-export function useAllProjects() {
-	return useLiveQueryWithDefault(async () => {
-		return projectCollection.getAll(undefined, {
-			sortBy: 'title',
-			sortDirection: 'asc',
-		});
-	}, [] as LocalProject[]);
-}
-
-/** All markers for a given beat ID. */
-export function useMarkersByBeat(beatId: string) {
-	return useLiveQueryWithDefault(async () => {
-		const all = await markerCollection.getAll();
-		return all.filter((m) => m.beatId === beatId).sort((a, b) => a.startTime - b.startTime);
-	}, [] as LocalMarker[]);
-}
-
-// ─── Pure Filter Functions (for $derived) ───────────────────
-
-/** Filter songs by search query across title, artist, album. */
-export function searchSongs(songs: LocalSong[], query: string): LocalSong[] {
-	if (!query.trim()) return songs;
-	const search = query.toLowerCase().trim();
-	return songs.filter(
-		(s) =>
-			s.title?.toLowerCase().includes(search) ||
-			s.artist?.toLowerCase().includes(search) ||
-			s.album?.toLowerCase().includes(search)
-	);
-}
-
-/** Filter songs to favorites only. */
-export function filterFavorites(songs: LocalSong[]): LocalSong[] {
-	return songs.filter((s) => s.favorite);
-}
-
-/** Filter songs by artist. */
-export function filterByArtist(songs: LocalSong[], artist: string): LocalSong[] {
-	if (!artist) return songs;
-	return songs.filter((s) => s.artist === artist);
-}
-
-/** Filter songs by album. */
-export function filterByAlbum(songs: LocalSong[], album: string): LocalSong[] {
-	if (!album) return songs;
-	return songs.filter((s) => s.album === album);
-}
-
-/** Filter songs by genre. */
-export function filterByGenre(songs: LocalSong[], genre: string): LocalSong[] {
-	if (!genre) return songs;
-	return songs.filter((s) => s.genre === genre);
-}
-
-/** Get songs for a playlist, sorted by sortOrder. */
-export function getPlaylistSongs(
-	songs: LocalSong[],
-	playlistSongs: LocalPlaylistSong[],
-	playlistId: string
-): LocalSong[] {
-	const psForPlaylist = playlistSongs
-		.filter((ps) => ps.playlistId === playlistId)
-		.sort((a, b) => a.sortOrder - b.sortOrder);
-	return psForPlaylist
-		.map((ps) => songs.find((s) => s.id === ps.songId))
-		.filter((s): s is LocalSong => !!s);
-}
-
-/** Group songs by artist. */
-export function groupByArtist(songs: LocalSong[]): Record<string, LocalSong[]> {
-	const groups: Record<string, LocalSong[]> = {};
-	for (const song of songs) {
-		const key = song.artist || 'Unknown Artist';
-		if (!groups[key]) groups[key] = [];
-		groups[key].push(song);
-	}
-	return groups;
-}
-
-/** Group songs by album. */
-export function groupByAlbum(songs: LocalSong[]): Record<string, LocalSong[]> {
-	const groups: Record<string, LocalSong[]> = {};
-	for (const song of songs) {
-		const key = song.album || 'Unknown Album';
-		if (!groups[key]) groups[key] = [];
-		groups[key].push(song);
-	}
-	return groups;
-}
-
-/** Group songs by genre. */
-export function groupByGenre(songs: LocalSong[]): Record<string, LocalSong[]> {
-	const groups: Record<string, LocalSong[]> = {};
-	for (const song of songs) {
-		const key = song.genre || 'Unknown Genre';
-		if (!groups[key]) groups[key] = [];
-		groups[key].push(song);
-	}
-	return groups;
-}
diff --git a/apps/mukke/apps/web-archived/src/lib/services/feedback.ts b/apps/mukke/apps/web-archived/src/lib/services/feedback.ts
deleted file mode 100644
index 23d7bd595..000000000
--- a/apps/mukke/apps/web-archived/src/lib/services/feedback.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createFeedbackService } from '@manacore/feedback';
-import { authStore } from '$lib/stores/auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		return injectedUrl || 'http://localhost:3001';
-	}
-	return 'http://localhost:3001';
-}
-
-export const feedbackService = createFeedbackService({
-	apiUrl: getAuthUrl(),
-	appId: 'mukke',
-	getAuthToken: async () => authStore.getValidToken(),
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index fd3e69f25..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-const mukkeOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Mukke!',
-		description: 'Das kann Mukke für dich tun:',
-		emoji: '🎵',
-		gradient: { from: 'purple-500', to: 'purple-700' },
-		bullets: [
-			'Musik-Bibliothek mit Alben & Künstlern',
-			'Playlists erstellen & verwalten',
-			'Beat-Editor mit Waveform-Visualisierung',
-			'BPM-Erkennung & Lyrics-Sync',
-		],
-	},
-	{
-		id: 'viewMode',
-		type: 'select',
-		question: 'Wie möchtest du deine Bibliothek sehen?',
-		description: 'Du kannst die Ansicht jederzeit wechseln.',
-		emoji: '📚',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'grid',
-				label: 'Grid-Ansicht',
-				description: 'Cover-Art im Raster (Empfohlen)',
-				emoji: '🎨',
-			},
-			{
-				id: 'list',
-				label: 'Listenansicht',
-				description: 'Kompakte Liste mit Details',
-				emoji: '📋',
-			},
-		],
-		defaultValue: 'grid',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Deine Musik wartet!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Lade Songs per Drag & Drop hoch',
-			'ID3-Tags werden automatisch erkannt',
-			'Erstelle Projekte im Beat-Editor',
-			'Exportiere synchronisierte Lyrics als LRC oder SRT',
-		],
-	},
-];
-
-export const mukkeOnboarding = createAppOnboardingStore({
-	appId: 'mukke',
-	steps: mukkeOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/audio.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/audio.svelte.ts
deleted file mode 100644
index cd830bbf9..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/audio.svelte.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-interface AudioState {
-	isPlaying: boolean;
-	currentTime: number;
-	duration: number;
-	isLoaded: boolean;
-	bpm: number | null;
-	audioUrl: string | null;
-}
-
-function createAudioStore() {
-	let state = $state<AudioState>({
-		isPlaying: false,
-		currentTime: 0,
-		duration: 0,
-		isLoaded: false,
-		bpm: null,
-		audioUrl: null,
-	});
-
-	return {
-		get isPlaying() {
-			return state.isPlaying;
-		},
-		get currentTime() {
-			return state.currentTime;
-		},
-		get duration() {
-			return state.duration;
-		},
-		get isLoaded() {
-			return state.isLoaded;
-		},
-		get bpm() {
-			return state.bpm;
-		},
-		get audioUrl() {
-			return state.audioUrl;
-		},
-
-		setPlaying(playing: boolean) {
-			state.isPlaying = playing;
-		},
-
-		setCurrentTime(time: number) {
-			state.currentTime = time;
-		},
-
-		setDuration(duration: number) {
-			state.duration = duration;
-		},
-
-		setLoaded(loaded: boolean) {
-			state.isLoaded = loaded;
-		},
-
-		setBpm(bpm: number | null) {
-			state.bpm = bpm;
-		},
-
-		setAudioUrl(url: string | null) {
-			state.audioUrl = url;
-			if (!url) {
-				state.isLoaded = false;
-				state.duration = 0;
-				state.currentTime = 0;
-				state.isPlaying = false;
-			}
-		},
-
-		reset() {
-			state.isPlaying = false;
-			state.currentTime = 0;
-			state.duration = 0;
-			state.isLoaded = false;
-			state.bpm = null;
-			state.audioUrl = null;
-		},
-	};
-}
-
-export const audioStore = createAudioStore();
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index c35f338d0..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3010,
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/editor.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/editor.svelte.ts
deleted file mode 100644
index 15bd982fe..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/editor.svelte.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-import type { MarkerType } from '@mukke/shared';
-
-type EditorMode = 'edit' | 'preview';
-type SyncMode = 'line' | 'word';
-
-interface EditorState {
-	mode: EditorMode;
-	syncMode: SyncMode;
-	selectedMarkerId: string | null;
-	selectedLineIndex: number | null;
-	isRecordingTimestamps: boolean;
-	zoom: number;
-	scrollPosition: number;
-	markerTypeToCreate: MarkerType;
-	snapToBeat: boolean;
-	showWaveform: boolean;
-	showMarkers: boolean;
-	showLyrics: boolean;
-	loopRegionId: string | null;
-	isLooping: boolean;
-}
-
-function createEditorStore() {
-	let state = $state<EditorState>({
-		mode: 'edit',
-		syncMode: 'line',
-		selectedMarkerId: null,
-		selectedLineIndex: null,
-		isRecordingTimestamps: false,
-		zoom: 1,
-		scrollPosition: 0,
-		markerTypeToCreate: 'verse',
-		snapToBeat: true,
-		showWaveform: true,
-		showMarkers: true,
-		showLyrics: true,
-		loopRegionId: null,
-		isLooping: false,
-	});
-
-	return {
-		get mode() {
-			return state.mode;
-		},
-		get syncMode() {
-			return state.syncMode;
-		},
-		get selectedMarkerId() {
-			return state.selectedMarkerId;
-		},
-		get selectedLineIndex() {
-			return state.selectedLineIndex;
-		},
-		get isRecordingTimestamps() {
-			return state.isRecordingTimestamps;
-		},
-		get zoom() {
-			return state.zoom;
-		},
-		get scrollPosition() {
-			return state.scrollPosition;
-		},
-		get markerTypeToCreate() {
-			return state.markerTypeToCreate;
-		},
-		get snapToBeat() {
-			return state.snapToBeat;
-		},
-		get showWaveform() {
-			return state.showWaveform;
-		},
-		get showMarkers() {
-			return state.showMarkers;
-		},
-		get showLyrics() {
-			return state.showLyrics;
-		},
-		get loopRegionId() {
-			return state.loopRegionId;
-		},
-		get isLooping() {
-			return state.isLooping;
-		},
-
-		setMode(mode: EditorMode) {
-			state.mode = mode;
-		},
-
-		setSyncMode(syncMode: SyncMode) {
-			state.syncMode = syncMode;
-		},
-
-		selectMarker(markerId: string | null) {
-			state.selectedMarkerId = markerId;
-		},
-
-		selectLine(lineIndex: number | null) {
-			state.selectedLineIndex = lineIndex;
-		},
-
-		setRecordingTimestamps(recording: boolean) {
-			state.isRecordingTimestamps = recording;
-		},
-
-		setZoom(zoom: number) {
-			state.zoom = Math.max(0.5, Math.min(10, zoom));
-		},
-
-		zoomIn() {
-			state.zoom = Math.min(10, state.zoom * 1.25);
-		},
-
-		zoomOut() {
-			state.zoom = Math.max(0.5, state.zoom / 1.25);
-		},
-
-		setScrollPosition(position: number) {
-			state.scrollPosition = position;
-		},
-
-		setMarkerTypeToCreate(type: MarkerType) {
-			state.markerTypeToCreate = type;
-		},
-
-		toggleSnapToBeat() {
-			state.snapToBeat = !state.snapToBeat;
-		},
-
-		toggleWaveform() {
-			state.showWaveform = !state.showWaveform;
-		},
-
-		toggleMarkers() {
-			state.showMarkers = !state.showMarkers;
-		},
-
-		toggleLyrics() {
-			state.showLyrics = !state.showLyrics;
-		},
-
-		setLoopRegion(markerId: string | null) {
-			state.loopRegionId = markerId;
-			state.isLooping = markerId !== null;
-		},
-
-		reset() {
-			state.mode = 'edit';
-			state.syncMode = 'line';
-			state.selectedMarkerId = null;
-			state.selectedLineIndex = null;
-			state.isRecordingTimestamps = false;
-			state.zoom = 1;
-			state.scrollPosition = 0;
-			state.loopRegionId = null;
-			state.isLooping = false;
-		},
-	};
-}
-
-export const editorStore = createEditorStore();
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/library.svelte.test.ts b/apps/mukke/apps/web-archived/src/lib/stores/library.svelte.test.ts
deleted file mode 100644
index 269f51bfa..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/library.svelte.test.ts
+++ /dev/null
@@ -1,264 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock auth store
-vi.mock('./auth.svelte', () => ({
-	authStore: {
-		getAuthHeaders: vi.fn().mockResolvedValue({ Authorization: 'Bearer test-token' }),
-	},
-}));
-
-let libraryStore: typeof import('./library.svelte').libraryStore;
-
-beforeEach(async () => {
-	vi.clearAllMocks();
-	vi.resetModules();
-	const mod = await import('./library.svelte');
-	libraryStore = mod.libraryStore;
-});
-
-function mockFetchResponse(data: unknown) {
-	(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-		ok: true,
-		json: () => Promise.resolve(data),
-	});
-}
-
-function mockFetchError(message = 'Request failed') {
-	(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-		ok: false,
-		json: () => Promise.resolve({ message }),
-	});
-}
-
-describe('libraryStore', () => {
-	describe('initial state', () => {
-		it('starts empty', () => {
-			expect(libraryStore.songs).toEqual([]);
-			expect(libraryStore.albums).toEqual([]);
-			expect(libraryStore.artists).toEqual([]);
-			expect(libraryStore.genres).toEqual([]);
-			expect(libraryStore.stats).toBeNull();
-			expect(libraryStore.activeTab).toBe('songs');
-			expect(libraryStore.isLoading).toBe(false);
-			expect(libraryStore.error).toBeNull();
-		});
-	});
-
-	describe('loadSongs', () => {
-		it('fetches songs and sets state', async () => {
-			const songs = [
-				{ id: '1', title: 'Song 1', coverArtPath: null },
-				{ id: '2', title: 'Song 2', coverArtPath: null },
-			];
-			mockFetchResponse({ songs });
-
-			await libraryStore.loadSongs();
-
-			expect(libraryStore.songs).toEqual(songs);
-			expect(libraryStore.isLoading).toBe(false);
-			expect(libraryStore.error).toBeNull();
-		});
-
-		it('sets error on failure', async () => {
-			mockFetchError('Server error');
-
-			await libraryStore.loadSongs();
-
-			expect(libraryStore.songs).toEqual([]);
-			expect(libraryStore.error).toBe('Server error');
-			expect(libraryStore.isLoading).toBe(false);
-		});
-
-		it('loads cover URLs for songs with cover art', async () => {
-			const songs = [
-				{ id: '1', title: 'Song 1', coverArtPath: 'users/test/covers/1.jpg' },
-				{ id: '2', title: 'Song 2', coverArtPath: null },
-			];
-			mockFetchResponse({ songs });
-			// Cover URLs fetch
-			mockFetchResponse({ urls: { 'users/test/covers/1.jpg': 'https://minio.test/cover.jpg' } });
-
-			await libraryStore.loadSongs();
-
-			// Wait for cover URLs to load (async, non-blocking)
-			await vi.waitFor(() => {
-				expect(libraryStore.coverUrls['users/test/covers/1.jpg']).toBe(
-					'https://minio.test/cover.jpg'
-				);
-			});
-		});
-	});
-
-	describe('loadCoverUrls', () => {
-		it('filters out non-image paths', async () => {
-			// Should not make any fetch for .mp3 paths
-			await libraryStore.loadCoverUrls(['users/test/song.mp3', 'users/test/audio.wav']);
-
-			expect(global.fetch).not.toHaveBeenCalled();
-		});
-
-		it('loads valid image paths', async () => {
-			mockFetchResponse({
-				urls: { 'users/test/covers/1.jpg': 'https://minio.test/cover.jpg' },
-			});
-
-			await libraryStore.loadCoverUrls(['users/test/covers/1.jpg']);
-
-			expect(libraryStore.coverUrls['users/test/covers/1.jpg']).toBe(
-				'https://minio.test/cover.jpg'
-			);
-		});
-
-		it('does not refetch cached URLs', async () => {
-			mockFetchResponse({
-				urls: { 'users/test/covers/1.jpg': 'https://minio.test/cover.jpg' },
-			});
-			await libraryStore.loadCoverUrls(['users/test/covers/1.jpg']);
-
-			// Second call with same path should not fetch
-			await libraryStore.loadCoverUrls(['users/test/covers/1.jpg']);
-
-			expect(global.fetch).toHaveBeenCalledTimes(1);
-		});
-
-		it('silently handles errors', async () => {
-			(global.fetch as ReturnType<typeof vi.fn>).mockRejectedValueOnce(new Error('Network error'));
-
-			await libraryStore.loadCoverUrls(['users/test/covers/1.png']);
-
-			// Should not throw or set error
-			expect(libraryStore.error).toBeNull();
-		});
-
-		it('accepts various image extensions', async () => {
-			const paths = [
-				'covers/1.jpg',
-				'covers/2.jpeg',
-				'covers/3.png',
-				'covers/4.webp',
-				'covers/5.gif',
-				'covers/6.avif',
-				'covers/7.svg',
-			];
-			const urls: Record<string, string> = {};
-			paths.forEach((p) => (urls[p] = `https://minio.test/${p}`));
-			mockFetchResponse({ urls });
-
-			await libraryStore.loadCoverUrls(paths);
-
-			expect(global.fetch).toHaveBeenCalledTimes(1);
-			paths.forEach((p) => {
-				expect(libraryStore.coverUrls[p]).toBe(`https://minio.test/${p}`);
-			});
-		});
-	});
-
-	describe('loadAlbums', () => {
-		it('fetches albums and sets state', async () => {
-			const albums = [{ album: 'Album 1', songCount: 5, coverArtPath: null }];
-			mockFetchResponse({ albums });
-
-			await libraryStore.loadAlbums();
-
-			expect(libraryStore.albums).toEqual(albums);
-		});
-	});
-
-	describe('loadArtists', () => {
-		it('fetches artists and sets state', async () => {
-			const artists = [{ artist: 'Artist 1', songCount: 3, albumCount: 1 }];
-			mockFetchResponse({ artists });
-
-			await libraryStore.loadArtists();
-
-			expect(libraryStore.artists).toEqual(artists);
-		});
-	});
-
-	describe('loadGenres', () => {
-		it('fetches genres and sets state', async () => {
-			const genres = [{ genre: 'Rock', songCount: 10 }];
-			mockFetchResponse({ genres });
-
-			await libraryStore.loadGenres();
-
-			expect(libraryStore.genres).toEqual(genres);
-		});
-	});
-
-	describe('loadStats', () => {
-		it('fetches stats and sets state', async () => {
-			const stats = { totalSongs: 50, totalArtists: 10, totalAlbums: 5, totalGenres: 3 };
-			mockFetchResponse({ stats });
-
-			await libraryStore.loadStats();
-
-			expect(libraryStore.stats).toEqual(stats);
-		});
-	});
-
-	describe('toggleFavorite', () => {
-		it('updates song in list', async () => {
-			const songs = [{ id: '1', title: 'Song 1', favorite: false, coverArtPath: null }];
-			mockFetchResponse({ songs });
-			await libraryStore.loadSongs();
-
-			mockFetchResponse({ song: { ...songs[0], favorite: true } });
-			await libraryStore.toggleFavorite('1');
-
-			expect(libraryStore.songs[0].favorite).toBe(true);
-		});
-	});
-
-	describe('setActiveTab', () => {
-		it('changes active tab', () => {
-			expect(libraryStore.activeTab).toBe('songs');
-			libraryStore.setActiveTab('albums');
-			expect(libraryStore.activeTab).toBe('albums');
-		});
-
-		it('triggers load for empty tabs', async () => {
-			mockFetchResponse({ albums: [] });
-			libraryStore.setActiveTab('albums');
-
-			// setActiveTab triggers an async load internally
-			await vi.waitFor(() => {
-				expect(global.fetch).toHaveBeenCalled();
-			});
-			expect(libraryStore.activeTab).toBe('albums');
-		});
-	});
-
-	describe('uploadSong', () => {
-		it('creates song and uploads file', async () => {
-			const song = { id: '1', title: 'New Song' };
-			mockFetchResponse({ song, uploadUrl: 'https://minio.test/upload' });
-			// Upload PUT
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({ ok: true });
-
-			const file = new File(['audio data'], 'song.mp3', { type: 'audio/mpeg' });
-			const result = await libraryStore.uploadSong(file);
-
-			expect(result).toEqual(song);
-			expect(libraryStore.songs).toContainEqual(song);
-			expect(global.fetch).toHaveBeenCalledTimes(2);
-		});
-	});
-
-	describe('deleteSong', () => {
-		it('removes song from list', async () => {
-			const songs = [
-				{ id: '1', title: 'Song 1', coverArtPath: null },
-				{ id: '2', title: 'Song 2', coverArtPath: null },
-			];
-			mockFetchResponse({ songs });
-			await libraryStore.loadSongs();
-
-			mockFetchResponse({});
-			await libraryStore.deleteSong('1');
-
-			expect(libraryStore.songs).toHaveLength(1);
-			expect(libraryStore.songs[0].id).toBe('2');
-		});
-	});
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/library.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/library.svelte.ts
deleted file mode 100644
index a6260fe59..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/library.svelte.ts
+++ /dev/null
@@ -1,399 +0,0 @@
-/**
- * Library Store — Mutation + API Operations
- *
- * Reads for songs list are handled by useLiveQuery (see $lib/data/queries.ts).
- * This store handles:
- * - Mutations that write to IndexedDB (toggle favorite, delete)
- * - API-only operations (upload, cover URLs, metadata extraction, write tags)
- * - Aggregated views from backend (albums, artists, genres, stats)
- *
- * The live queries will automatically pick up local changes.
- */
-
-import type {
-	Song,
-	Album,
-	Artist,
-	Genre,
-	LibraryStats,
-	SortField,
-	SortDirection,
-} from '@mukke/shared';
-import { authStore } from './auth.svelte';
-import { songCollection, type LocalSong } from '$lib/data/local-store';
-import { trackEvent } from '@manacore/shared-utils/analytics';
-
-interface LibraryState {
-	albums: Album[];
-	artists: Artist[];
-	genres: Genre[];
-	stats: LibraryStats | null;
-	coverUrls: Record<string, string>;
-	activeTab: 'songs' | 'albums' | 'artists' | 'genres';
-	sortField: SortField;
-	sortDirection: SortDirection;
-	isLoading: boolean;
-	error: string | null;
-}
-
-function getBackendUrl(): string {
-	let baseUrl = 'http://localhost:3010';
-	if (typeof window !== 'undefined') {
-		baseUrl =
-			(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__ ||
-			'http://localhost:3010';
-	}
-	// Ensure API prefix is included
-	return baseUrl.endsWith('/api/v1') ? baseUrl : `${baseUrl}/api/v1`;
-}
-
-function createLibraryStore() {
-	let state = $state<LibraryState>({
-		albums: [],
-		artists: [],
-		genres: [],
-		stats: null,
-		coverUrls: {},
-		activeTab: 'songs',
-		sortField: 'addedAt' as SortField,
-		sortDirection: 'desc' as SortDirection,
-		isLoading: false,
-		error: null,
-	});
-
-	async function fetchApi<T>(path: string, options: RequestInit = {}): Promise<T> {
-		const authHeaders = await authStore.getAuthHeaders();
-		const response = await fetch(`${getBackendUrl()}${path}`, {
-			...options,
-			headers: {
-				'Content-Type': 'application/json',
-				...authHeaders,
-				...options.headers,
-			},
-		});
-
-		if (!response.ok) {
-			const error = await response.json().catch(() => ({ message: 'Request failed' }));
-			throw new Error(error.message || 'Request failed');
-		}
-
-		return response.json();
-	}
-
-	return {
-		get albums() {
-			return state.albums;
-		},
-		get artists() {
-			return state.artists;
-		},
-		get genres() {
-			return state.genres;
-		},
-		get stats() {
-			return state.stats;
-		},
-		get activeTab() {
-			return state.activeTab;
-		},
-		get sortField() {
-			return state.sortField;
-		},
-		get sortDirection() {
-			return state.sortDirection;
-		},
-		get isLoading() {
-			return state.isLoading;
-		},
-		get coverUrls() {
-			return state.coverUrls;
-		},
-		get error() {
-			return state.error;
-		},
-
-		async loadCoverUrls(paths: string[]) {
-			// Filter out non-image paths (e.g. .mp3 storagePaths stored as coverArtPath by mistake)
-			const imageExtensions = /\.(jpg|jpeg|png|gif|webp|avif|svg)$/i;
-			const uncached = paths.filter((p) => p && !state.coverUrls[p] && imageExtensions.test(p));
-			if (uncached.length === 0) return;
-			try {
-				const data = await fetchApi<{ urls: Record<string, string> }>('/library/cover-urls', {
-					method: 'POST',
-					body: JSON.stringify({ paths: uncached }),
-				});
-				state.coverUrls = { ...state.coverUrls, ...data.urls };
-			} catch {
-				// Cover URLs are non-critical, don't set error
-			}
-		},
-
-		/** Load albums from IndexedDB (aggregated locally). */
-		async loadAlbums() {
-			state.isLoading = true;
-			state.error = null;
-			try {
-				const songs = await songCollection.getAll();
-				const albumMap = new Map<string, Album>();
-				for (const s of songs) {
-					const key = s.album || 'Unknown Album';
-					if (!albumMap.has(key)) {
-						albumMap.set(key, {
-							album: key,
-							albumArtist: s.albumArtist || s.artist || 'Unknown',
-							year: s.year ?? null,
-							coverArtPath: s.coverArtPath ?? null,
-							songCount: 0,
-						} as Album);
-					}
-					const a = albumMap.get(key)!;
-					(a as any).songCount = ((a as any).songCount || 0) + 1;
-				}
-				state.albums = Array.from(albumMap.values());
-				const coverPaths = state.albums.map((a) => a.coverArtPath).filter((p): p is string => !!p);
-				if (coverPaths.length > 0) this.loadCoverUrls(coverPaths);
-			} catch (e) {
-				state.error = e instanceof Error ? e.message : 'Failed to load albums';
-			}
-			state.isLoading = false;
-		},
-
-		/** Load artists from IndexedDB (aggregated locally). */
-		async loadArtists() {
-			state.isLoading = true;
-			state.error = null;
-			try {
-				const songs = await songCollection.getAll();
-				const artistMap = new Map<
-					string,
-					{ artist: string; songCount: number; albumCount: number }
-				>();
-				const artistAlbums = new Map<string, Set<string>>();
-				for (const s of songs) {
-					const key = s.artist || 'Unknown';
-					if (!artistMap.has(key)) {
-						artistMap.set(key, { artist: key, songCount: 0, albumCount: 0 });
-						artistAlbums.set(key, new Set());
-					}
-					artistMap.get(key)!.songCount++;
-					if (s.album) artistAlbums.get(key)!.add(s.album);
-				}
-				state.artists = Array.from(artistMap.values()).map((a) => ({
-					...a,
-					albumCount: artistAlbums.get(a.artist)?.size || 0,
-				})) as Artist[];
-			} catch (e) {
-				state.error = e instanceof Error ? e.message : 'Failed to load artists';
-			}
-			state.isLoading = false;
-		},
-
-		/** Load genres from IndexedDB (aggregated locally). */
-		async loadGenres() {
-			state.isLoading = true;
-			state.error = null;
-			try {
-				const songs = await songCollection.getAll();
-				const genreMap = new Map<string, number>();
-				for (const s of songs) {
-					const key = s.genre || 'Unknown';
-					genreMap.set(key, (genreMap.get(key) || 0) + 1);
-				}
-				state.genres = Array.from(genreMap.entries()).map(([genre, songCount]) => ({
-					genre,
-					songCount,
-				})) as Genre[];
-			} catch (e) {
-				state.error = e instanceof Error ? e.message : 'Failed to load genres';
-			}
-			state.isLoading = false;
-		},
-
-		/** Load stats from IndexedDB (computed locally). */
-		async loadStats() {
-			try {
-				const songs = await songCollection.getAll();
-				const artists = new Set(songs.map((s) => s.artist).filter(Boolean));
-				const albums = new Set(songs.map((s) => s.album).filter(Boolean));
-				const genres = new Set(songs.map((s) => s.genre).filter(Boolean));
-				state.stats = {
-					totalSongs: songs.length,
-					totalArtists: artists.size,
-					totalAlbums: albums.size,
-					totalGenres: genres.size,
-					totalDuration: songs.reduce((sum, s) => sum + (s.duration || 0), 0),
-					totalPlays: songs.reduce((sum, s) => sum + (s.playCount || 0), 0),
-				} as LibraryStats;
-			} catch (e) {
-				state.error = e instanceof Error ? e.message : 'Failed to load stats';
-			}
-		},
-
-		/** Toggle favorite — writes to IndexedDB instantly. */
-		async toggleFavorite(id: string) {
-			const local = await songCollection.get(id);
-			if (local) {
-				await songCollection.update(id, { favorite: !local.favorite } as Partial<LocalSong>);
-			}
-			// Also update backend
-			try {
-				await fetchApi<{ song: Song }>(`/songs/${id}/favorite`, { method: 'PUT' });
-			} catch {
-				// Sync will reconcile
-			}
-		},
-
-		async incrementPlayCount(id: string) {
-			const local = await songCollection.get(id);
-			if (local) {
-				await songCollection.update(id, {
-					playCount: (local.playCount || 0) + 1,
-					lastPlayedAt: new Date().toISOString(),
-				} as Partial<LocalSong>);
-			}
-			try {
-				await fetchApi<{ song: Song }>(`/songs/${id}/play`, { method: 'PUT' });
-			} catch {
-				// Sync will reconcile
-			}
-		},
-
-		/** Search songs from IndexedDB. */
-		async searchSongs(query: string) {
-			const all = await songCollection.getAll();
-			const q = query.toLowerCase();
-			return all
-				.filter(
-					(s) =>
-						s.title?.toLowerCase().includes(q) ||
-						s.artist?.toLowerCase().includes(q) ||
-						s.album?.toLowerCase().includes(q)
-				)
-				.slice(0, 20) as unknown as Song[];
-		},
-
-		/** Delete song — removes from IndexedDB instantly + backend. */
-		async deleteSong(id: string) {
-			await songCollection.delete(id);
-			try {
-				await fetchApi(`/songs/${id}`, { method: 'DELETE' });
-			} catch {
-				// Sync will reconcile
-			}
-		},
-
-		setActiveTab(tab: 'songs' | 'albums' | 'artists' | 'genres') {
-			state.activeTab = tab;
-			if (tab === 'albums' && state.albums.length === 0) {
-				this.loadAlbums();
-			} else if (tab === 'artists' && state.artists.length === 0) {
-				this.loadArtists();
-			} else if (tab === 'genres' && state.genres.length === 0) {
-				this.loadGenres();
-			}
-		},
-
-		/** Upload song via API, then store metadata in IndexedDB. */
-		async uploadSong(file: File) {
-			const uploadData = await fetchApi<{ song: Song; uploadUrl: string }>('/songs/upload', {
-				method: 'POST',
-				body: JSON.stringify({
-					filename: file.name,
-					fileLastModified: file.lastModified || undefined,
-				}),
-			});
-
-			await fetch(uploadData.uploadUrl, {
-				method: 'PUT',
-				body: file,
-				headers: { 'Content-Type': file.type },
-			});
-
-			// Write to IndexedDB so liveQuery picks it up
-			const localSong: LocalSong = {
-				id: uploadData.song.id,
-				title: uploadData.song.title || file.name,
-				artist: uploadData.song.artist ?? null,
-				album: uploadData.song.album ?? null,
-				albumArtist: uploadData.song.albumArtist ?? null,
-				genre: uploadData.song.genre ?? null,
-				trackNumber: uploadData.song.trackNumber ?? null,
-				year: uploadData.song.year ?? null,
-				duration: uploadData.song.duration ?? null,
-				storagePath: uploadData.song.storagePath,
-				coverArtPath: uploadData.song.coverArtPath ?? null,
-				fileSize: uploadData.song.fileSize ?? null,
-				bpm: uploadData.song.bpm ?? null,
-				favorite: false,
-				playCount: 0,
-				lastPlayedAt: null,
-			};
-			await songCollection.insert(localSong);
-
-			trackEvent('song_uploaded');
-			return uploadData.song;
-		},
-
-		/** Update song metadata — writes to IndexedDB + backend. */
-		async updateSongMetadata(id: string, data: Partial<Song>) {
-			const updateData: Partial<LocalSong> = {};
-			if (data.title !== undefined) updateData.title = data.title;
-			if (data.artist !== undefined) updateData.artist = data.artist ?? null;
-			if (data.album !== undefined) updateData.album = data.album ?? null;
-			if (data.albumArtist !== undefined) updateData.albumArtist = data.albumArtist ?? null;
-			if (data.genre !== undefined) updateData.genre = data.genre ?? null;
-			if (data.trackNumber !== undefined) updateData.trackNumber = data.trackNumber ?? null;
-			if (data.year !== undefined) updateData.year = data.year ?? null;
-			if (data.bpm !== undefined) updateData.bpm = data.bpm ?? null;
-
-			await songCollection.update(id, updateData);
-
-			// Also update backend
-			try {
-				const result = await fetchApi<{ song: Song }>(`/songs/${id}`, {
-					method: 'PUT',
-					body: JSON.stringify(data),
-				});
-				return result.song;
-			} catch {
-				// Sync will reconcile
-				return data as Song;
-			}
-		},
-
-		/** Extract metadata from file — server-side operation, then update IndexedDB. */
-		async extractMetadata(id: string) {
-			const result = await fetchApi<{ song: Song }>(`/songs/${id}/extract-metadata`, {
-				method: 'POST',
-			});
-			// Update IndexedDB with extracted metadata
-			const updateData: Partial<LocalSong> = {
-				title: result.song.title,
-				artist: result.song.artist ?? null,
-				album: result.song.album ?? null,
-				albumArtist: result.song.albumArtist ?? null,
-				genre: result.song.genre ?? null,
-				trackNumber: result.song.trackNumber ?? null,
-				year: result.song.year ?? null,
-				duration: result.song.duration ?? null,
-				coverArtPath: result.song.coverArtPath ?? null,
-				bpm: result.song.bpm ?? null,
-			};
-			await songCollection.update(id, updateData);
-			return result.song;
-		},
-
-		async writeTags(id: string) {
-			await fetchApi<{ success: boolean }>(`/songs/${id}/write-tags`, {
-				method: 'POST',
-			});
-		},
-
-		async getCoverUrl(id: string): Promise<string | null> {
-			const result = await fetchApi<{ url: string | null }>(`/songs/${id}/cover-url`);
-			return result.url;
-		},
-	};
-}
-
-export const libraryStore = createLibraryStore();
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/player.svelte.test.ts b/apps/mukke/apps/web-archived/src/lib/stores/player.svelte.test.ts
deleted file mode 100644
index d40727f3f..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/player.svelte.test.ts
+++ /dev/null
@@ -1,254 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock auth store before importing player store
-vi.mock('./auth.svelte', () => ({
-	authStore: {
-		getAuthHeaders: vi.fn().mockResolvedValue({ Authorization: 'Bearer test-token' }),
-	},
-}));
-
-// Dynamic import to allow mock setup first
-let playerStore: typeof import('./player.svelte').playerStore;
-
-beforeEach(async () => {
-	vi.clearAllMocks();
-
-	// Reset module registry so each test gets a fresh store
-	vi.resetModules();
-	const mod = await import('./player.svelte');
-	playerStore = mod.playerStore;
-});
-
-function makeSong(overrides: Partial<{ id: string; title: string; artist: string }> = {}) {
-	return {
-		id: overrides.id ?? '1',
-		title: overrides.title ?? 'Test Song',
-		artist: overrides.artist ?? 'Test Artist',
-		album: null,
-		albumArtist: null,
-		genre: null,
-		trackNumber: null,
-		year: null,
-		duration: 180,
-		storagePath: 'users/test/1.mp3',
-		coverArtPath: null,
-		fileSize: null,
-		bpm: null,
-		favorite: false,
-		playCount: 0,
-		lastPlayedAt: null,
-		addedAt: new Date().toISOString(),
-		updatedAt: new Date().toISOString(),
-		userId: 'user-1',
-	} as any;
-}
-
-describe('playerStore', () => {
-	describe('initial state', () => {
-		it('starts with no song playing', () => {
-			expect(playerStore.currentSong).toBeNull();
-			expect(playerStore.isPlaying).toBe(false);
-			expect(playerStore.currentTime).toBe(0);
-			expect(playerStore.duration).toBe(0);
-			expect(playerStore.error).toBeNull();
-		});
-
-		it('starts with default settings', () => {
-			expect(playerStore.volume).toBe(1);
-			expect(playerStore.repeatMode).toBe('off');
-			expect(playerStore.shuffleOn).toBe(false);
-			expect(playerStore.queue).toEqual([]);
-			expect(playerStore.showFullPlayer).toBe(false);
-			expect(playerStore.showQueue).toBe(false);
-		});
-	});
-
-	describe('playSong', () => {
-		it('sets current song and fetches download URL', async () => {
-			const song = makeSong();
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve({ url: 'https://minio.test/song.mp3' }),
-			});
-
-			await playerStore.playSong(song);
-
-			expect(playerStore.currentSong).toEqual(song);
-			expect(global.fetch).toHaveBeenCalledWith(
-				expect.stringContaining('/songs/1/download-url'),
-				expect.any(Object)
-			);
-		});
-
-		it('sets up queue when provided', async () => {
-			const songs = [makeSong({ id: '1' }), makeSong({ id: '2' }), makeSong({ id: '3' })];
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve({ url: 'https://minio.test/song.mp3' }),
-			});
-
-			await playerStore.playSong(songs[1], songs, 1);
-
-			expect(playerStore.currentSong?.id).toBe('2');
-			expect(playerStore.queue).toHaveLength(3);
-			expect(playerStore.currentIndex).toBe(1);
-		});
-
-		it('sets error when download URL fetch fails', async () => {
-			const song = makeSong();
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-				ok: false,
-				json: () => Promise.resolve({ message: 'Not found' }),
-			});
-
-			await playerStore.playSong(song);
-
-			expect(playerStore.isPlaying).toBe(false);
-			expect(playerStore.error).toBeTruthy();
-		});
-	});
-
-	describe('togglePlay', () => {
-		it('does nothing when no song is loaded', () => {
-			playerStore.togglePlay();
-			expect(playerStore.isPlaying).toBe(false);
-		});
-	});
-
-	describe('toggleRepeat', () => {
-		it('cycles through off -> all -> one -> off', () => {
-			expect(playerStore.repeatMode).toBe('off');
-
-			playerStore.toggleRepeat();
-			expect(playerStore.repeatMode).toBe('all');
-
-			playerStore.toggleRepeat();
-			expect(playerStore.repeatMode).toBe('one');
-
-			playerStore.toggleRepeat();
-			expect(playerStore.repeatMode).toBe('off');
-		});
-	});
-
-	describe('toggleShuffle', () => {
-		it('toggles shuffle state', () => {
-			expect(playerStore.shuffleOn).toBe(false);
-			playerStore.toggleShuffle();
-			expect(playerStore.shuffleOn).toBe(true);
-			playerStore.toggleShuffle();
-			expect(playerStore.shuffleOn).toBe(false);
-		});
-	});
-
-	describe('toggleFullPlayer', () => {
-		it('toggles full player visibility', () => {
-			expect(playerStore.showFullPlayer).toBe(false);
-			playerStore.toggleFullPlayer();
-			expect(playerStore.showFullPlayer).toBe(true);
-			playerStore.toggleFullPlayer();
-			expect(playerStore.showFullPlayer).toBe(false);
-		});
-	});
-
-	describe('toggleQueue', () => {
-		it('toggles queue panel visibility', () => {
-			expect(playerStore.showQueue).toBe(false);
-			playerStore.toggleQueue();
-			expect(playerStore.showQueue).toBe(true);
-			playerStore.toggleQueue();
-			expect(playerStore.showQueue).toBe(false);
-		});
-	});
-
-	describe('error handling', () => {
-		it('clearError resets error state', async () => {
-			const song = makeSong();
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-				ok: false,
-				json: () => Promise.resolve({ message: 'Not found' }),
-			});
-
-			await playerStore.playSong(song);
-			expect(playerStore.error).toBeTruthy();
-
-			playerStore.clearError();
-			expect(playerStore.error).toBeNull();
-		});
-	});
-
-	describe('clearQueue', () => {
-		it('resets all state', async () => {
-			const song = makeSong();
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve({ url: 'https://minio.test/song.mp3' }),
-			});
-
-			await playerStore.playSong(song, [song], 0);
-			playerStore.clearQueue();
-
-			expect(playerStore.currentSong).toBeNull();
-			expect(playerStore.isPlaying).toBe(false);
-			expect(playerStore.queue).toEqual([]);
-			expect(playerStore.error).toBeNull();
-			expect(playerStore.showFullPlayer).toBe(false);
-			expect(playerStore.showQueue).toBe(false);
-		});
-	});
-
-	describe('playQueue', () => {
-		it('starts playing from given index', async () => {
-			const songs = [makeSong({ id: '1' }), makeSong({ id: '2' }), makeSong({ id: '3' })];
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve({ url: 'https://minio.test/song2.mp3' }),
-			});
-
-			await playerStore.playQueue(songs, 1);
-
-			expect(playerStore.currentSong?.id).toBe('2');
-			expect(playerStore.queue).toHaveLength(3);
-		});
-	});
-
-	describe('setVolume', () => {
-		it('clamps volume between 0 and 1', () => {
-			playerStore.setVolume(0.5);
-			expect(playerStore.volume).toBe(0.5);
-
-			playerStore.setVolume(-1);
-			expect(playerStore.volume).toBe(0);
-
-			playerStore.setVolume(2);
-			expect(playerStore.volume).toBe(1);
-		});
-	});
-
-	describe('removeFromQueue', () => {
-		it('does not remove current song', async () => {
-			const songs = [makeSong({ id: '1' }), makeSong({ id: '2' })];
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve({ url: 'https://minio.test/song.mp3' }),
-			});
-
-			await playerStore.playSong(songs[0], songs, 0);
-			playerStore.removeFromQueue(0);
-
-			expect(playerStore.queue).toHaveLength(2);
-		});
-
-		it('removes non-current song from queue', async () => {
-			const songs = [makeSong({ id: '1' }), makeSong({ id: '2' }), makeSong({ id: '3' })];
-			(global.fetch as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve({ url: 'https://minio.test/song.mp3' }),
-			});
-
-			await playerStore.playSong(songs[0], songs, 0);
-			playerStore.removeFromQueue(2);
-
-			expect(playerStore.queue).toHaveLength(2);
-		});
-	});
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/player.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/player.svelte.ts
deleted file mode 100644
index bc28f7354..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/player.svelte.ts
+++ /dev/null
@@ -1,393 +0,0 @@
-import type { Song } from '@mukke/shared';
-import { authStore } from './auth.svelte';
-
-type RepeatMode = 'off' | 'all' | 'one';
-
-interface PlayerState {
-	currentSong: Song | null;
-	isPlaying: boolean;
-	currentTime: number;
-	duration: number;
-	volume: number;
-	repeatMode: RepeatMode;
-	shuffleOn: boolean;
-	queue: Song[];
-	originalQueue: Song[];
-	currentIndex: number;
-	showFullPlayer: boolean;
-	showQueue: boolean;
-	error: string | null;
-}
-
-function getBackendUrl(): string {
-	let baseUrl = 'http://localhost:3010';
-	if (typeof window !== 'undefined') {
-		baseUrl =
-			(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__ ||
-			'http://localhost:3010';
-	}
-	return baseUrl.endsWith('/api/v1') ? baseUrl : `${baseUrl}/api/v1`;
-}
-
-function shuffleArray<T>(arr: T[], keepIndex: number): T[] {
-	const result = [...arr];
-	// Fisher-Yates shuffle, keeping the item at keepIndex at position 0
-	if (keepIndex >= 0 && keepIndex < result.length) {
-		[result[0], result[keepIndex]] = [result[keepIndex], result[0]];
-	}
-	for (let i = result.length - 1; i > 1; i--) {
-		const j = 1 + Math.floor(Math.random() * i);
-		[result[i], result[j]] = [result[j], result[i]];
-	}
-	return result;
-}
-
-function createPlayerStore() {
-	let state = $state<PlayerState>({
-		currentSong: null,
-		isPlaying: false,
-		currentTime: 0,
-		duration: 0,
-		volume: 1,
-		repeatMode: 'off',
-		shuffleOn: false,
-		queue: [],
-		originalQueue: [],
-		currentIndex: 0,
-		showFullPlayer: false,
-		showQueue: false,
-		error: null,
-	});
-
-	let audio: HTMLAudioElement | null = null;
-
-	if (typeof window !== 'undefined') {
-		audio = new Audio();
-		audio.crossOrigin = 'anonymous';
-		audio.addEventListener('timeupdate', () => {
-			state.currentTime = audio!.currentTime;
-		});
-		audio.addEventListener('loadedmetadata', () => {
-			state.duration = audio!.duration;
-		});
-		audio.addEventListener('ended', () => {
-			handleNext();
-		});
-		audio.addEventListener('error', () => {
-			const mediaError = audio!.error;
-			const msg =
-				mediaError?.code === MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED
-					? 'Audio format not supported'
-					: mediaError?.code === MediaError.MEDIA_ERR_NETWORK
-						? 'Network error while loading audio'
-						: 'Failed to load audio file';
-			console.warn(`[Mukke Player] ${msg} for song: ${state.currentSong?.title}`);
-			state.error = msg;
-			state.isPlaying = false;
-		});
-	}
-
-	async function fetchApi<T>(path: string, options: RequestInit = {}): Promise<T> {
-		const authHeaders = await authStore.getAuthHeaders();
-		const response = await fetch(`${getBackendUrl()}${path}`, {
-			...options,
-			headers: {
-				'Content-Type': 'application/json',
-				...authHeaders,
-				...options.headers,
-			},
-		});
-
-		if (!response.ok) {
-			const error = await response.json().catch(() => ({ message: 'Request failed' }));
-			throw new Error(error.message || 'Request failed');
-		}
-
-		return response.json();
-	}
-
-	async function getDownloadUrl(songId: string): Promise<string> {
-		const data = await fetchApi<{ url: string }>(`/songs/${songId}/download-url`);
-		return data.url;
-	}
-
-	function getNextIndex(): number | null {
-		if (state.queue.length === 0) return null;
-
-		if (state.repeatMode === 'one') {
-			return state.currentIndex;
-		}
-
-		if (state.currentIndex < state.queue.length - 1) {
-			return state.currentIndex + 1;
-		}
-
-		if (state.repeatMode === 'all') {
-			return 0;
-		}
-
-		return null;
-	}
-
-	function getPreviousIndex(): number | null {
-		if (state.queue.length === 0) return null;
-
-		if (state.repeatMode === 'one') {
-			return state.currentIndex;
-		}
-
-		if (state.currentIndex > 0) {
-			return state.currentIndex - 1;
-		}
-
-		if (state.repeatMode === 'all') {
-			return state.queue.length - 1;
-		}
-
-		return null;
-	}
-
-	function updateMediaSession(song: Song) {
-		if (typeof navigator !== 'undefined' && 'mediaSession' in navigator) {
-			navigator.mediaSession.metadata = new MediaMetadata({
-				title: song.title,
-				artist: song.artist || 'Unknown',
-				album: song.album || '',
-			});
-			navigator.mediaSession.setActionHandler('play', () => store.togglePlay());
-			navigator.mediaSession.setActionHandler('pause', () => store.togglePlay());
-			navigator.mediaSession.setActionHandler('nexttrack', () => store.nextSong());
-			navigator.mediaSession.setActionHandler('previoustrack', () => store.previousSong());
-		}
-	}
-
-	async function loadAndPlay(song: Song) {
-		if (!audio) return;
-
-		state.currentSong = song;
-		state.currentTime = 0;
-		state.duration = 0;
-		state.error = null;
-
-		try {
-			const url = await getDownloadUrl(song.id);
-			audio.src = url;
-			await audio.play();
-			state.isPlaying = true;
-			updateMediaSession(song);
-		} catch (e) {
-			console.warn(`[Mukke Player] Failed to play "${song.title}":`, e);
-			state.isPlaying = false;
-			if (!state.error) {
-				state.error = 'Failed to play song. The file may be missing.';
-			}
-			// Auto-skip to next song after a short delay
-			setTimeout(() => {
-				if (state.error && state.queue.length > 1) {
-					state.error = null;
-					handleNext();
-				}
-			}, 2000);
-		}
-	}
-
-	function handleNext() {
-		const nextIdx = getNextIndex();
-		if (nextIdx !== null) {
-			state.currentIndex = nextIdx;
-			loadAndPlay(state.queue[nextIdx]);
-		} else {
-			state.isPlaying = false;
-			if (audio) {
-				audio.pause();
-			}
-		}
-	}
-
-	const store = {
-		get currentSong() {
-			return state.currentSong;
-		},
-		get isPlaying() {
-			return state.isPlaying;
-		},
-		get currentTime() {
-			return state.currentTime;
-		},
-		get duration() {
-			return state.duration;
-		},
-		get volume() {
-			return state.volume;
-		},
-		get repeatMode() {
-			return state.repeatMode;
-		},
-		get shuffleOn() {
-			return state.shuffleOn;
-		},
-		get queue() {
-			return state.queue;
-		},
-		get originalQueue() {
-			return state.originalQueue;
-		},
-		get currentIndex() {
-			return state.currentIndex;
-		},
-		get showFullPlayer() {
-			return state.showFullPlayer;
-		},
-		get showQueue() {
-			return state.showQueue;
-		},
-		get error() {
-			return state.error;
-		},
-
-		async playSong(song: Song, queue?: Song[], startIndex?: number) {
-			if (queue) {
-				state.originalQueue = [...queue];
-				state.queue = [...queue];
-				state.currentIndex = startIndex ?? 0;
-
-				if (state.shuffleOn) {
-					state.queue = shuffleArray(state.queue, state.currentIndex);
-					state.currentIndex = 0;
-				}
-			}
-
-			await loadAndPlay(song);
-		},
-
-		async playQueue(songs: Song[], startIndex: number) {
-			state.originalQueue = [...songs];
-			state.queue = [...songs];
-			state.currentIndex = startIndex;
-
-			if (state.shuffleOn) {
-				state.queue = shuffleArray(state.queue, startIndex);
-				state.currentIndex = 0;
-			}
-
-			await loadAndPlay(state.queue[state.currentIndex]);
-		},
-
-		togglePlay() {
-			if (!audio || !state.currentSong) return;
-
-			if (state.isPlaying) {
-				audio.pause();
-				state.isPlaying = false;
-			} else {
-				audio.play();
-				state.isPlaying = true;
-			}
-		},
-
-		seekTo(time: number) {
-			if (!audio) return;
-			audio.currentTime = time;
-			state.currentTime = time;
-		},
-
-		setVolume(vol: number) {
-			if (!audio) return;
-			const clamped = Math.max(0, Math.min(1, vol));
-			audio.volume = clamped;
-			state.volume = clamped;
-		},
-
-		async nextSong() {
-			handleNext();
-		},
-
-		async previousSong() {
-			if (state.currentTime > 3) {
-				store.seekTo(0);
-				return;
-			}
-
-			const prevIdx = getPreviousIndex();
-			if (prevIdx !== null) {
-				state.currentIndex = prevIdx;
-				await loadAndPlay(state.queue[prevIdx]);
-			}
-		},
-
-		toggleShuffle() {
-			state.shuffleOn = !state.shuffleOn;
-
-			if (state.shuffleOn) {
-				const currentSong = state.queue[state.currentIndex];
-				state.queue = shuffleArray(state.queue, state.currentIndex);
-				state.currentIndex = 0;
-				// Verify current song is at 0
-				if (state.queue[0]?.id !== currentSong?.id) {
-					const idx = state.queue.findIndex((s) => s.id === currentSong?.id);
-					if (idx >= 0) {
-						[state.queue[0], state.queue[idx]] = [state.queue[idx], state.queue[0]];
-					}
-				}
-			} else {
-				const currentSong = state.queue[state.currentIndex];
-				state.queue = [...state.originalQueue];
-				const idx = state.queue.findIndex((s) => s.id === currentSong?.id);
-				state.currentIndex = idx >= 0 ? idx : 0;
-			}
-		},
-
-		toggleRepeat() {
-			const modes: RepeatMode[] = ['off', 'all', 'one'];
-			const currentIdx = modes.indexOf(state.repeatMode);
-			state.repeatMode = modes[(currentIdx + 1) % modes.length];
-		},
-
-		toggleFullPlayer() {
-			state.showFullPlayer = !state.showFullPlayer;
-		},
-
-		toggleQueue() {
-			state.showQueue = !state.showQueue;
-		},
-
-		clearError() {
-			state.error = null;
-		},
-
-		clearQueue() {
-			if (audio) {
-				audio.pause();
-				audio.src = '';
-			}
-			state.currentSong = null;
-			state.isPlaying = false;
-			state.currentTime = 0;
-			state.duration = 0;
-			state.queue = [];
-			state.originalQueue = [];
-			state.currentIndex = 0;
-			state.showFullPlayer = false;
-			state.showQueue = false;
-			state.error = null;
-		},
-
-		getAudioElement(): HTMLAudioElement | null {
-			return audio;
-		},
-
-		removeFromQueue(index: number) {
-			if (index === state.currentIndex) return;
-
-			state.queue = state.queue.filter((_, i) => i !== index);
-
-			if (index < state.currentIndex) {
-				state.currentIndex--;
-			}
-		},
-	};
-
-	return store;
-}
-
-export const playerStore = createPlayerStore();
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/playlist.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/playlist.svelte.ts
deleted file mode 100644
index 77463083d..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/playlist.svelte.ts
+++ /dev/null
@@ -1,256 +0,0 @@
-/**
- * Playlist Store — Mutation + API Operations
- *
- * Reads for playlist lists are handled by useLiveQuery (see $lib/data/queries.ts).
- * This store handles mutations that write to IndexedDB + backend.
- * The live queries will automatically pick up local changes.
- */
-
-import type { Playlist, PlaylistWithSongs } from '@mukke/shared';
-import { authStore } from './auth.svelte';
-import {
-	playlistCollection,
-	playlistSongCollection,
-	type LocalPlaylist,
-	type LocalPlaylistSong,
-} from '$lib/data/local-store';
-
-interface PlaylistState {
-	currentPlaylist: PlaylistWithSongs | null;
-	coverUrls: Record<string, string>;
-	isLoading: boolean;
-	error: string | null;
-}
-
-function getBackendUrl(): string {
-	let baseUrl = 'http://localhost:3010';
-	if (typeof window !== 'undefined') {
-		baseUrl =
-			(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__ ||
-			'http://localhost:3010';
-	}
-	// Ensure API prefix is included
-	return baseUrl.endsWith('/api/v1') ? baseUrl : `${baseUrl}/api/v1`;
-}
-
-function createPlaylistStore() {
-	let state = $state<PlaylistState>({
-		currentPlaylist: null,
-		coverUrls: {},
-		isLoading: false,
-		error: null,
-	});
-
-	async function fetchApi<T>(path: string, options: RequestInit = {}): Promise<T> {
-		const authHeaders = await authStore.getAuthHeaders();
-		const response = await fetch(`${getBackendUrl()}${path}`, {
-			...options,
-			headers: {
-				'Content-Type': 'application/json',
-				...authHeaders,
-				...options.headers,
-			},
-		});
-
-		if (!response.ok) {
-			const error = await response.json().catch(() => ({ message: 'Request failed' }));
-			throw new Error(error.message || 'Request failed');
-		}
-
-		return response.json();
-	}
-
-	return {
-		get currentPlaylist() {
-			return state.currentPlaylist;
-		},
-		get isLoading() {
-			return state.isLoading;
-		},
-		get coverUrls() {
-			return state.coverUrls;
-		},
-		get error() {
-			return state.error;
-		},
-
-		async loadCoverUrls(paths: string[]) {
-			const uncached = paths.filter((p) => p && !state.coverUrls[p]);
-			if (uncached.length === 0) return;
-			try {
-				const data = await fetchApi<{ urls: Record<string, string> }>('/library/cover-urls', {
-					method: 'POST',
-					body: JSON.stringify({ paths: uncached }),
-				});
-				state.coverUrls = { ...state.coverUrls, ...data.urls };
-			} catch {
-				// Cover URLs are non-critical
-			}
-		},
-
-		/** Load a single playlist detail from backend. */
-		async loadPlaylist(id: string) {
-			state.isLoading = true;
-			state.error = null;
-			try {
-				const data = await fetchApi<{ playlist: PlaylistWithSongs }>(`/playlists/${id}`);
-				state.currentPlaylist = data.playlist;
-				const coverPaths = data.playlist.songs
-					.map((s) => s.coverArtPath)
-					.filter((p): p is string => !!p);
-				if (coverPaths.length > 0) this.loadCoverUrls(coverPaths);
-			} catch (e) {
-				state.error = e instanceof Error ? e.message : 'Failed to load playlist';
-			}
-			state.isLoading = false;
-		},
-
-		/** Create playlist — writes to IndexedDB + backend. */
-		async createPlaylist(name: string, description?: string) {
-			const newLocal: LocalPlaylist = {
-				id: crypto.randomUUID(),
-				name,
-				description: description ?? null,
-				coverArtPath: null,
-			};
-			await playlistCollection.insert(newLocal);
-
-			// Also create on backend
-			try {
-				const data = await fetchApi<{ playlist: Playlist }>('/playlists', {
-					method: 'POST',
-					body: JSON.stringify({ name, description }),
-				});
-				return data.playlist;
-			} catch {
-				// Sync will reconcile
-				return newLocal as unknown as Playlist;
-			}
-		},
-
-		/** Update playlist — writes to IndexedDB + backend. */
-		async updatePlaylist(id: string, updates: { name?: string; description?: string }) {
-			const updateData: Partial<LocalPlaylist> = {};
-			if (updates.name !== undefined) updateData.name = updates.name;
-			if (updates.description !== undefined) updateData.description = updates.description ?? null;
-			await playlistCollection.update(id, updateData);
-
-			try {
-				const data = await fetchApi<{ playlist: Playlist }>(`/playlists/${id}`, {
-					method: 'PUT',
-					body: JSON.stringify(updates),
-				});
-				if (state.currentPlaylist?.id === id) {
-					state.currentPlaylist = { ...state.currentPlaylist, ...data.playlist };
-				}
-				return data.playlist;
-			} catch {
-				return updates as unknown as Playlist;
-			}
-		},
-
-		/** Delete playlist — removes from IndexedDB + backend. */
-		async deletePlaylist(id: string) {
-			await playlistCollection.delete(id);
-			// Also delete associated playlistSongs
-			const allPS = await playlistSongCollection.getAll();
-			for (const ps of allPS.filter((p) => p.playlistId === id)) {
-				await playlistSongCollection.delete(ps.id);
-			}
-
-			if (state.currentPlaylist?.id === id) {
-				state.currentPlaylist = null;
-			}
-
-			try {
-				await fetchApi(`/playlists/${id}`, { method: 'DELETE' });
-			} catch {
-				// Sync will reconcile
-			}
-		},
-
-		/** Add song to playlist — writes to IndexedDB + backend. */
-		async addSong(playlistId: string, songId: string) {
-			const allPS = await playlistSongCollection.getAll();
-			const maxSort = allPS
-				.filter((ps) => ps.playlistId === playlistId)
-				.reduce((max, ps) => Math.max(max, ps.sortOrder), -1);
-
-			const newPS: LocalPlaylistSong = {
-				id: crypto.randomUUID(),
-				playlistId,
-				songId,
-				sortOrder: maxSort + 1,
-			};
-			await playlistSongCollection.insert(newPS);
-
-			try {
-				const data = await fetchApi<{ playlist: PlaylistWithSongs }>(
-					`/playlists/${playlistId}/songs`,
-					{
-						method: 'POST',
-						body: JSON.stringify({ songId }),
-					}
-				);
-				if (state.currentPlaylist?.id === playlistId) {
-					state.currentPlaylist = data.playlist;
-				}
-				return data.playlist;
-			} catch {
-				return null;
-			}
-		},
-
-		/** Remove song from playlist — removes from IndexedDB + backend. */
-		async removeSong(playlistId: string, songId: string) {
-			const allPS = await playlistSongCollection.getAll();
-			const toRemove = allPS.find((ps) => ps.playlistId === playlistId && ps.songId === songId);
-			if (toRemove) {
-				await playlistSongCollection.delete(toRemove.id);
-			}
-
-			try {
-				const data = await fetchApi<{ playlist: PlaylistWithSongs }>(
-					`/playlists/${playlistId}/songs/${songId}`,
-					{ method: 'DELETE' }
-				);
-				if (state.currentPlaylist?.id === playlistId) {
-					state.currentPlaylist = data.playlist;
-				}
-				return data.playlist;
-			} catch {
-				return null;
-			}
-		},
-
-		/** Reorder songs in playlist — updates IndexedDB + backend. */
-		async reorderSongs(playlistId: string, songIds: string[]) {
-			const allPS = await playlistSongCollection.getAll();
-			const psForPlaylist = allPS.filter((ps) => ps.playlistId === playlistId);
-			for (let i = 0; i < songIds.length; i++) {
-				const ps = psForPlaylist.find((p) => p.songId === songIds[i]);
-				if (ps) {
-					await playlistSongCollection.update(ps.id, { sortOrder: i });
-				}
-			}
-
-			try {
-				const data = await fetchApi<{ playlist: PlaylistWithSongs }>(
-					`/playlists/${playlistId}/songs/reorder`,
-					{
-						method: 'PUT',
-						body: JSON.stringify({ songIds }),
-					}
-				);
-				if (state.currentPlaylist?.id === playlistId) {
-					state.currentPlaylist = data.playlist;
-				}
-				return data.playlist;
-			} catch {
-				return null;
-			}
-		},
-	};
-}
-
-export const playlistStore = createPlaylistStore();
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/project.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/project.svelte.ts
deleted file mode 100644
index d8ef01996..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/project.svelte.ts
+++ /dev/null
@@ -1,353 +0,0 @@
-/**
- * Project Store — Mutation + API Operations
- *
- * Reads for project lists are handled by useLiveQuery (see $lib/data/queries.ts).
- * This store handles mutations + API-only operations (beats, lyrics, markers, export).
- * The live queries will automatically pick up local changes.
- */
-
-import type { Project, Beat, Lyrics, LyricLine, Marker } from '@mukke/shared';
-import { authStore } from './auth.svelte';
-import {
-	projectCollection,
-	markerCollection,
-	type LocalProject,
-	type LocalMarker,
-} from '$lib/data/local-store';
-
-interface ProjectState {
-	currentProject: Project | null;
-	currentBeat: Beat | null;
-	currentLyrics: Lyrics | null;
-	currentLines: LyricLine[];
-	currentMarkers: Marker[];
-	isLoading: boolean;
-	error: string | null;
-}
-
-function getBackendUrl(): string {
-	let baseUrl = 'http://localhost:3010';
-	if (typeof window !== 'undefined') {
-		baseUrl =
-			(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__ ||
-			'http://localhost:3010';
-	}
-	// Ensure API prefix is included
-	return baseUrl.endsWith('/api/v1') ? baseUrl : `${baseUrl}/api/v1`;
-}
-
-function createProjectStore() {
-	let state = $state<ProjectState>({
-		currentProject: null,
-		currentBeat: null,
-		currentLyrics: null,
-		currentLines: [],
-		currentMarkers: [],
-		isLoading: false,
-		error: null,
-	});
-
-	async function fetchApi<T>(path: string, options: RequestInit = {}): Promise<T> {
-		const authHeaders = await authStore.getAuthHeaders();
-		const response = await fetch(`${getBackendUrl()}${path}`, {
-			...options,
-			headers: {
-				'Content-Type': 'application/json',
-				...authHeaders,
-				...options.headers,
-			},
-		});
-
-		if (!response.ok) {
-			const error = await response.json().catch(() => ({ message: 'Request failed' }));
-			throw new Error(error.message || 'Request failed');
-		}
-
-		return response.json();
-	}
-
-	return {
-		get currentProject() {
-			return state.currentProject;
-		},
-		get currentBeat() {
-			return state.currentBeat;
-		},
-		get currentLyrics() {
-			return state.currentLyrics;
-		},
-		get currentLines() {
-			return state.currentLines;
-		},
-		get currentMarkers() {
-			return state.currentMarkers;
-		},
-		get isLoading() {
-			return state.isLoading;
-		},
-		get error() {
-			return state.error;
-		},
-
-		/** Load project detail from backend (includes beat, lyrics). */
-		async loadProject(id: string) {
-			state.isLoading = true;
-			state.error = null;
-			try {
-				const data = await fetchApi<{
-					project: Project & { beat: Beat | null; lyrics: Lyrics | null };
-				}>(`/projects/${id}`);
-				state.currentProject = data.project;
-				state.currentBeat = data.project.beat;
-				state.currentLyrics = data.project.lyrics;
-
-				// Load markers if beat exists
-				if (data.project.beat) {
-					const markersData = await fetchApi<{ markers: Marker[] }>(
-						`/markers/beat/${data.project.beat.id}`
-					);
-					state.currentMarkers = markersData.markers;
-				}
-
-				// Load lyrics lines if lyrics exists
-				if (data.project.lyrics) {
-					const lyricsData = await fetchApi<{ lyrics: { lines: LyricLine[] } | null }>(
-						`/lyrics/project/${id}`
-					);
-					state.currentLines = lyricsData.lyrics?.lines || [];
-				}
-			} catch (e) {
-				state.error = e instanceof Error ? e.message : 'Failed to load project';
-			}
-			state.isLoading = false;
-		},
-
-		/** Create project — writes to IndexedDB + backend. */
-		async createProject(title: string, description?: string) {
-			const newLocal: LocalProject = {
-				id: crypto.randomUUID(),
-				title,
-				description: description ?? null,
-				songId: null,
-			};
-			await projectCollection.insert(newLocal);
-
-			try {
-				const data = await fetchApi<{ project: Project }>('/projects', {
-					method: 'POST',
-					body: JSON.stringify({ title, description }),
-				});
-				return data.project;
-			} catch {
-				return newLocal as unknown as Project;
-			}
-		},
-
-		/** Update project — writes to IndexedDB + backend. */
-		async updateProject(id: string, updates: { title?: string; description?: string }) {
-			const updateData: Partial<LocalProject> = {};
-			if (updates.title !== undefined) updateData.title = updates.title;
-			if (updates.description !== undefined) updateData.description = updates.description ?? null;
-			await projectCollection.update(id, updateData);
-
-			try {
-				const data = await fetchApi<{ project: Project }>(`/projects/${id}`, {
-					method: 'PUT',
-					body: JSON.stringify(updates),
-				});
-				if (state.currentProject?.id === id) {
-					state.currentProject = data.project;
-				}
-				return data.project;
-			} catch {
-				return updates as unknown as Project;
-			}
-		},
-
-		/** Delete project — removes from IndexedDB + backend. */
-		async deleteProject(id: string) {
-			await projectCollection.delete(id);
-			if (state.currentProject?.id === id) {
-				state.currentProject = null;
-				state.currentBeat = null;
-				state.currentLyrics = null;
-				state.currentLines = [];
-				state.currentMarkers = [];
-			}
-			try {
-				await fetchApi(`/projects/${id}`, { method: 'DELETE' });
-			} catch {
-				// Sync will reconcile
-			}
-		},
-
-		async uploadBeat(projectId: string, file: File) {
-			// Get upload URL
-			const uploadData = await fetchApi<{ beat: Beat; uploadUrl: string }>('/beats/upload', {
-				method: 'POST',
-				body: JSON.stringify({ projectId, filename: file.name }),
-			});
-
-			// Upload file to S3
-			await fetch(uploadData.uploadUrl, {
-				method: 'PUT',
-				body: file,
-				headers: { 'Content-Type': file.type },
-			});
-
-			state.currentBeat = uploadData.beat;
-			return uploadData.beat;
-		},
-
-		async updateBeatMetadata(
-			beatId: string,
-			metadata: { duration?: number; bpm?: number; bpmConfidence?: number; waveformData?: unknown }
-		) {
-			const data = await fetchApi<{ beat: Beat }>(`/beats/${beatId}/metadata`, {
-				method: 'PUT',
-				body: JSON.stringify(metadata),
-			});
-			state.currentBeat = data.beat;
-			return data.beat;
-		},
-
-		async getBeatDownloadUrl(beatId: string): Promise<string> {
-			const data = await fetchApi<{ url: string }>(`/beats/${beatId}/download-url`);
-			return data.url;
-		},
-
-		async deleteBeat(beatId: string) {
-			await fetchApi(`/beats/${beatId}`, { method: 'DELETE' });
-			state.currentBeat = null;
-			state.currentMarkers = [];
-		},
-
-		async checkSttAvailable(): Promise<boolean> {
-			try {
-				const data = await fetchApi<{ available: boolean }>('/beats/stt/available');
-				return data.available;
-			} catch {
-				return false;
-			}
-		},
-
-		async transcribeBeat(beatId: string): Promise<{ beat: Beat; lyrics: string | null }> {
-			const data = await fetchApi<{ beat: Beat; lyrics: string | null }>(
-				`/beats/${beatId}/transcribe`,
-				{ method: 'POST' }
-			);
-			state.currentBeat = data.beat;
-			if (data.lyrics) {
-				state.currentLyrics = { ...state.currentLyrics!, content: data.lyrics };
-			}
-			return data;
-		},
-
-		async updateLyrics(projectId: string, content: string) {
-			const data = await fetchApi<{ lyrics: Lyrics }>(`/lyrics/project/${projectId}`, {
-				method: 'POST',
-				body: JSON.stringify({ content }),
-			});
-			state.currentLyrics = data.lyrics;
-			return data.lyrics;
-		},
-
-		async syncLines(
-			lyricsId: string,
-			lines: Array<{ lineNumber: number; text: string; startTime?: number; endTime?: number }>
-		) {
-			const data = await fetchApi<{ lines: LyricLine[] }>(`/lyrics/${lyricsId}/sync`, {
-				method: 'POST',
-				body: JSON.stringify({ lines }),
-			});
-			state.currentLines = data.lines;
-			return data.lines;
-		},
-
-		async updateLineTimestamp(lineId: string, startTime?: number, endTime?: number) {
-			const data = await fetchApi<{ line: LyricLine }>(`/lyrics/line/${lineId}/timestamp`, {
-				method: 'PUT',
-				body: JSON.stringify({ startTime, endTime }),
-			});
-			state.currentLines = state.currentLines.map((l) => (l.id === lineId ? data.line : l));
-			return data.line;
-		},
-
-		/** Create marker — writes to IndexedDB + backend. */
-		async createMarker(beatId: string, marker: Omit<Marker, 'id' | 'beatId'>) {
-			const newLocal: LocalMarker = {
-				id: crypto.randomUUID(),
-				beatId,
-				type: marker.type as LocalMarker['type'],
-				label: marker.label ?? null,
-				startTime: marker.startTime,
-				endTime: marker.endTime ?? null,
-				color: marker.color ?? null,
-				sortOrder: marker.sortOrder,
-			};
-			await markerCollection.insert(newLocal);
-
-			try {
-				const data = await fetchApi<{ marker: Marker }>('/markers', {
-					method: 'POST',
-					body: JSON.stringify({ beatId, ...marker }),
-				});
-				state.currentMarkers = [...state.currentMarkers, data.marker].sort(
-					(a, b) => a.startTime - b.startTime
-				);
-				return data.marker;
-			} catch {
-				state.currentMarkers = [...state.currentMarkers, newLocal as unknown as Marker].sort(
-					(a, b) => a.startTime - b.startTime
-				);
-				return newLocal as unknown as Marker;
-			}
-		},
-
-		/** Update marker — writes to IndexedDB + backend. */
-		async updateMarker(markerId: string, updates: Partial<Marker>) {
-			const updateData: Partial<LocalMarker> = {};
-			if (updates.type !== undefined) updateData.type = updates.type as LocalMarker['type'];
-			if (updates.label !== undefined) updateData.label = updates.label ?? null;
-			if (updates.startTime !== undefined) updateData.startTime = updates.startTime;
-			if (updates.endTime !== undefined) updateData.endTime = updates.endTime ?? null;
-			if (updates.color !== undefined) updateData.color = updates.color ?? null;
-			if (updates.sortOrder !== undefined) updateData.sortOrder = updates.sortOrder;
-			await markerCollection.update(markerId, updateData);
-
-			try {
-				const data = await fetchApi<{ marker: Marker }>(`/markers/${markerId}`, {
-					method: 'PUT',
-					body: JSON.stringify(updates),
-				});
-				state.currentMarkers = state.currentMarkers.map((m) =>
-					m.id === markerId ? data.marker : m
-				);
-				return data.marker;
-			} catch {
-				return updates as unknown as Marker;
-			}
-		},
-
-		/** Delete marker — removes from IndexedDB + backend. */
-		async deleteMarker(markerId: string) {
-			await markerCollection.delete(markerId);
-			state.currentMarkers = state.currentMarkers.filter((m) => m.id !== markerId);
-			try {
-				await fetchApi(`/markers/${markerId}`, { method: 'DELETE' });
-			} catch {
-				// Sync will reconcile
-			}
-		},
-
-		clearCurrent() {
-			state.currentProject = null;
-			state.currentBeat = null;
-			state.currentLyrics = null;
-			state.currentLines = [];
-			state.currentMarkers = [];
-		},
-	};
-}
-
-export const projectStore = createProjectStore();
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 074782375..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- * Tags are stored in shared IndexedDB ('manacore-tags'), accessible across all apps.
- * Use context ('tags') for reads, tagMutations for writes.
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/theme.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/theme.svelte.ts
deleted file mode 100644
index b56b5b32a..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/theme.svelte.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createThemeStore, type HSLValue, type ThemeVariant } from '@manacore/shared-theme';
-
-/**
- * Mukke theme store
- *
- * Uses blue primary color matching the waveform progress color
- */
-export const theme = createThemeStore({
-	appId: 'mukke',
-	defaultVariant: 'ocean' as ThemeVariant,
-	primaryColor: {
-		light: '217 91% 60%' as HSLValue, // Blue #3b82f6
-		dark: '217 91% 60%' as HSLValue,
-	},
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/mukke/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 4b72dd8bb..000000000
--- a/apps/mukke/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'mukke',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getValidToken(),
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/utils/bpm-detector.ts b/apps/mukke/apps/web-archived/src/lib/utils/bpm-detector.ts
deleted file mode 100644
index 791dd448b..000000000
--- a/apps/mukke/apps/web-archived/src/lib/utils/bpm-detector.ts
+++ /dev/null
@@ -1,234 +0,0 @@
-/**
- * BPM Detection using Web Audio API
- * Uses peak detection algorithm for BPM estimation
- *
- * Note: For more accurate results, consider using essentia.js WASM module
- * This implementation provides a lightweight fallback
- */
-
-interface BpmResult {
-	bpm: number;
-	confidence: number;
-}
-
-/**
- * Detect BPM from an audio buffer
- */
-export async function detectBpm(audioBuffer: AudioBuffer): Promise<BpmResult> {
-	// Get audio data from the first channel
-	const channelData = audioBuffer.getChannelData(0);
-	const sampleRate = audioBuffer.sampleRate;
-
-	// Downsample for efficiency
-	const downsampleFactor = 4;
-	const downsampled = downsample(channelData, downsampleFactor);
-	const effectiveSampleRate = sampleRate / downsampleFactor;
-
-	// Apply low-pass filter to focus on bass frequencies (kick drum)
-	const filtered = lowPassFilter(downsampled, effectiveSampleRate, 150);
-
-	// Detect peaks
-	const peaks = detectPeaks(filtered, effectiveSampleRate);
-
-	// Calculate intervals between peaks
-	const intervals = calculateIntervals(peaks, effectiveSampleRate);
-
-	// Estimate BPM from intervals
-	const result = estimateBpm(intervals);
-
-	return result;
-}
-
-/**
- * Detect BPM from a File object
- */
-export async function detectBpmFromFile(file: File): Promise<BpmResult> {
-	const arrayBuffer = await file.arrayBuffer();
-	const audioContext = new AudioContext();
-	const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
-	const result = await detectBpm(audioBuffer);
-	await audioContext.close();
-	return result;
-}
-
-/**
- * Detect BPM from a URL
- */
-export async function detectBpmFromUrl(url: string): Promise<BpmResult> {
-	const response = await fetch(url);
-	const arrayBuffer = await response.arrayBuffer();
-	const audioContext = new AudioContext();
-	const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
-	const result = await detectBpm(audioBuffer);
-	await audioContext.close();
-	return result;
-}
-
-function downsample(data: Float32Array, factor: number): Float32Array {
-	const length = Math.floor(data.length / factor);
-	const result = new Float32Array(length);
-	for (let i = 0; i < length; i++) {
-		result[i] = data[i * factor];
-	}
-	return result;
-}
-
-function lowPassFilter(data: Float32Array, sampleRate: number, cutoff: number): Float32Array {
-	const rc = 1.0 / (cutoff * 2 * Math.PI);
-	const dt = 1.0 / sampleRate;
-	const alpha = dt / (rc + dt);
-
-	const result = new Float32Array(data.length);
-	result[0] = data[0];
-
-	for (let i = 1; i < data.length; i++) {
-		result[i] = result[i - 1] + alpha * (data[i] - result[i - 1]);
-	}
-
-	return result;
-}
-
-function detectPeaks(data: Float32Array, sampleRate: number): number[] {
-	const peaks: number[] = [];
-	const minPeakDistance = Math.floor(sampleRate * 0.2); // Min 200ms between peaks (300 BPM max)
-
-	// Calculate threshold as percentage of max amplitude
-	let maxAmplitude = 0;
-	for (let i = 0; i < data.length; i++) {
-		const abs = Math.abs(data[i]);
-		if (abs > maxAmplitude) maxAmplitude = abs;
-	}
-	const threshold = maxAmplitude * 0.5;
-
-	let lastPeak = -minPeakDistance;
-
-	for (let i = 1; i < data.length - 1; i++) {
-		if (i - lastPeak < minPeakDistance) continue;
-
-		const current = Math.abs(data[i]);
-		const prev = Math.abs(data[i - 1]);
-		const next = Math.abs(data[i + 1]);
-
-		if (current > threshold && current > prev && current > next) {
-			peaks.push(i);
-			lastPeak = i;
-		}
-	}
-
-	return peaks;
-}
-
-function calculateIntervals(peaks: number[], sampleRate: number): number[] {
-	const intervals: number[] = [];
-
-	for (let i = 1; i < peaks.length; i++) {
-		const interval = (peaks[i] - peaks[i - 1]) / sampleRate;
-		// Filter to reasonable BPM range (60-200 BPM = 0.3-1.0 seconds)
-		if (interval >= 0.3 && interval <= 1.0) {
-			intervals.push(interval);
-		}
-	}
-
-	return intervals;
-}
-
-function estimateBpm(intervals: number[]): BpmResult {
-	if (intervals.length === 0) {
-		return { bpm: 120, confidence: 0 };
-	}
-
-	// Group intervals into buckets and find the most common
-	const bucketSize = 0.02; // 20ms buckets
-	const buckets: Map<number, number[]> = new Map();
-
-	for (const interval of intervals) {
-		const bucket = Math.round(interval / bucketSize) * bucketSize;
-		if (!buckets.has(bucket)) {
-			buckets.set(bucket, []);
-		}
-		buckets.get(bucket)!.push(interval);
-	}
-
-	// Find the bucket with most intervals
-	let maxCount = 0;
-	let bestBucket = 0.5;
-	let bestIntervals: number[] = [];
-
-	for (const [bucket, bucketIntervals] of buckets) {
-		if (bucketIntervals.length > maxCount) {
-			maxCount = bucketIntervals.length;
-			bestBucket = bucket;
-			bestIntervals = bucketIntervals;
-		}
-	}
-
-	// Calculate average interval from best bucket
-	const avgInterval = bestIntervals.reduce((a, b) => a + b, 0) / bestIntervals.length;
-	const bpm = Math.round(60 / avgInterval);
-
-	// Calculate confidence based on how many intervals fell into the best bucket
-	const confidence = Math.min(1, (maxCount / intervals.length) * 2);
-
-	// Ensure BPM is in reasonable range
-	let finalBpm = bpm;
-	if (finalBpm < 60) finalBpm *= 2;
-	if (finalBpm > 200) finalBpm /= 2;
-
-	return {
-		bpm: Math.round(finalBpm),
-		confidence: Math.round(confidence * 100) / 100,
-	};
-}
-
-/**
- * Snap a time value to the nearest beat based on BPM
- */
-export function snapToBeat(time: number, bpm: number, offset: number = 0): number {
-	const beatDuration = 60 / bpm;
-	const adjustedTime = time - offset;
-	const nearestBeat = Math.round(adjustedTime / beatDuration) * beatDuration;
-	return nearestBeat + offset;
-}
-
-/**
- * Get beat times within a range
- */
-export function getBeatTimes(
-	startTime: number,
-	endTime: number,
-	bpm: number,
-	offset: number = 0
-): number[] {
-	const beatDuration = 60 / bpm;
-	const beats: number[] = [];
-
-	const firstBeat = Math.ceil((startTime - offset) / beatDuration) * beatDuration + offset;
-
-	for (let beat = firstBeat; beat <= endTime; beat += beatDuration) {
-		beats.push(beat);
-	}
-
-	return beats;
-}
-
-/**
- * Get bar (measure) times within a range (assuming 4/4 time)
- */
-export function getBarTimes(
-	startTime: number,
-	endTime: number,
-	bpm: number,
-	offset: number = 0,
-	beatsPerBar: number = 4
-): number[] {
-	const barDuration = (60 / bpm) * beatsPerBar;
-	const bars: number[] = [];
-
-	const firstBar = Math.ceil((startTime - offset) / barDuration) * barDuration + offset;
-
-	for (let bar = firstBar; bar <= endTime; bar += barDuration) {
-		bars.push(bar);
-	}
-
-	return bars;
-}
diff --git a/apps/mukke/apps/web-archived/src/lib/utils/song-parser.test.ts b/apps/mukke/apps/web-archived/src/lib/utils/song-parser.test.ts
deleted file mode 100644
index 17739e665..000000000
--- a/apps/mukke/apps/web-archived/src/lib/utils/song-parser.test.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { parseSongInput, formatParsedSongPreview } from './song-parser';
-
-describe('parseSongInput', () => {
-	it('should parse a simple title', () => {
-		const result = parseSongInput('My Song');
-		expect(result.title).toBe('My Song');
-		expect(result.artist).toBeUndefined();
-		expect(result.tagNames).toEqual([]);
-	});
-
-	it('should parse "Artist - Title" format', () => {
-		const result = parseSongInput('Queen - Bohemian Rhapsody');
-		expect(result.artist).toBe('Queen');
-		expect(result.title).toBe('Bohemian Rhapsody');
-	});
-
-	it('should parse with en-dash separator', () => {
-		const result = parseSongInput('Beatles – Hey Jude');
-		expect(result.artist).toBe('Beatles');
-		expect(result.title).toBe('Hey Jude');
-	});
-
-	it('should parse genre tags', () => {
-		const result = parseSongInput('Song #rock #classic');
-		expect(result.genre).toBe('rock');
-		expect(result.tagNames).toEqual(['rock', 'classic']);
-	});
-
-	it('should parse BPM', () => {
-		const result = parseSongInput('Beat 120bpm');
-		expect(result.bpm).toBe(120);
-		expect(result.title).toBe('Beat');
-	});
-
-	it('should parse year', () => {
-		const result = parseSongInput('Song 1975');
-		expect(result.year).toBe(1975);
-	});
-
-	it('should detect playlist creation', () => {
-		const result = parseSongInput('Neue Playlist Workout #electronic');
-		expect(result.isPlaylist).toBe(true);
-		expect(result.title).toBe('Workout');
-		expect(result.genre).toBe('electronic');
-	});
-
-	it('should detect project creation', () => {
-		const result = parseSongInput('Neues Projekt Demo 90bpm');
-		expect(result.isProject).toBe(true);
-		expect(result.title).toBe('Demo');
-		expect(result.bpm).toBe(90);
-	});
-
-	it('should parse complex input', () => {
-		const result = parseSongInput('Daft Punk - Get Lucky 2013 #electronic #disco');
-		expect(result.artist).toBe('Daft Punk');
-		expect(result.title).toBe('Get Lucky');
-		expect(result.year).toBe(2013);
-		expect(result.genre).toBe('electronic');
-	});
-
-	it('should handle empty input', () => {
-		const result = parseSongInput('');
-		expect(result.title).toBe('');
-		expect(result.tagNames).toEqual([]);
-	});
-
-	it('should ignore invalid BPM', () => {
-		const result = parseSongInput('Track 5bpm'); // too low
-		expect(result.bpm).toBeUndefined();
-	});
-
-	it('should extract album from parentheses', () => {
-		const result = parseSongInput('Queen - Bohemian Rhapsody (A Night at the Opera)');
-		expect(result.artist).toBe('Queen');
-		expect(result.title).toBe('Bohemian Rhapsody');
-		expect(result.album).toBe('A Night at the Opera');
-	});
-
-	it('should extract album from title without artist', () => {
-		const result = parseSongInput('Song (Album)');
-		expect(result.title).toBe('Song');
-		expect(result.album).toBe('Album');
-	});
-
-	it('should detect multi-artist with ft.', () => {
-		const result = parseSongInput('Daft Punk ft. Pharrell - Get Lucky');
-		expect(result.artist).toBe('Daft Punk');
-		expect(result.artists).toEqual(['Daft Punk', 'Pharrell']);
-		expect(result.title).toBe('Get Lucky');
-	});
-
-	it('should detect multi-artist with &', () => {
-		const result = parseSongInput('ACDC & Brian Johnson - Thunderstruck');
-		expect(result.artist).toBe('ACDC');
-		expect(result.artists).toEqual(['ACDC', 'Brian Johnson']);
-		expect(result.title).toBe('Thunderstruck');
-	});
-
-	it('should detect multi-artist with feat.', () => {
-		const result = parseSongInput('Jay-Z feat. Kanye West - Niggas in Paris');
-		expect(result.artist).toBe('Jay-Z');
-		expect(result.artists).toEqual(['Jay-Z', 'Kanye West']);
-	});
-
-	it('should detect multi-artist with featuring', () => {
-		const result = parseSongInput('Eminem featuring Rihanna - Love the Way You Lie');
-		expect(result.artist).toBe('Eminem');
-		expect(result.artists).toEqual(['Eminem', 'Rihanna']);
-	});
-
-	it('should not set artists for single artist', () => {
-		const result = parseSongInput('Queen - Bohemian Rhapsody');
-		expect(result.artist).toBe('Queen');
-		expect(result.artists).toBeUndefined();
-	});
-
-	it('should combine album and multi-artist', () => {
-		const result = parseSongInput('Daft Punk ft. Pharrell - Get Lucky (Random Access Memories)');
-		expect(result.artist).toBe('Daft Punk');
-		expect(result.artists).toEqual(['Daft Punk', 'Pharrell']);
-		expect(result.title).toBe('Get Lucky');
-		expect(result.album).toBe('Random Access Memories');
-	});
-});
-
-describe('formatParsedSongPreview', () => {
-	it('should format artist', () => {
-		const parsed = parseSongInput('Queen - Song');
-		const preview = formatParsedSongPreview(parsed);
-		expect(preview).toContain('Queen');
-	});
-
-	it('should format genre', () => {
-		const parsed = parseSongInput('Song #rock');
-		const preview = formatParsedSongPreview(parsed);
-		expect(preview).toContain('rock');
-	});
-
-	it('should format BPM', () => {
-		const parsed = parseSongInput('Beat 120bpm');
-		const preview = formatParsedSongPreview(parsed);
-		expect(preview).toContain('120 BPM');
-	});
-
-	it('should format playlist type', () => {
-		const parsed = parseSongInput('Neue Playlist Workout');
-		const preview = formatParsedSongPreview(parsed);
-		expect(preview).toContain('Neue Playlist');
-	});
-
-	it('should format album', () => {
-		const parsed = parseSongInput('Queen - Bohemian Rhapsody (A Night at the Opera)');
-		const preview = formatParsedSongPreview(parsed);
-		expect(preview).toContain('💿 A Night at the Opera');
-	});
-
-	it('should return empty for simple title', () => {
-		const parsed = parseSongInput('Simple Song');
-		expect(formatParsedSongPreview(parsed)).toBe('');
-	});
-});
diff --git a/apps/mukke/apps/web-archived/src/lib/utils/song-parser.ts b/apps/mukke/apps/web-archived/src/lib/utils/song-parser.ts
deleted file mode 100644
index e54a0fbd3..000000000
--- a/apps/mukke/apps/web-archived/src/lib/utils/song-parser.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-/**
- * Song/Project Parser for Mukke App
- *
- * Parses natural language input into song metadata or project creation.
- *
- * Patterns:
- * - "Artist - Title" format for songs
- * - #genre tags
- * - BPM number (e.g., 120bpm)
- * - Year (e.g., 2024)
- *
- * Examples:
- * - "Queen - Bohemian Rhapsody #rock"
- * - "Neue Playlist Workout #electronic #techno"
- * - "Projekt Demo Song 120bpm"
- */
-
-import { extractTags, type ParserLocale } from '@manacore/shared-utils';
-
-export interface ParsedSong {
-	title: string;
-	artist?: string;
-	artists?: string[];
-	album?: string;
-	genre?: string;
-	bpm?: number;
-	year?: number;
-	tagNames: string[];
-	isPlaylist?: boolean;
-	isProject?: boolean;
-}
-
-// BPM pattern: 120bpm, 120 BPM
-const BPM_PATTERN = /\b(\d{2,3})\s*bpm\b/i;
-
-// Year pattern: standalone 4-digit year (1900-2099)
-const YEAR_PATTERN = /\b((?:19|20)\d{2})\b/;
-
-// Playlist creation keywords per locale
-const PLAYLIST_PATTERNS_BY_LOCALE: Record<ParserLocale, RegExp[]> = {
-	de: [/\bneue?\s*playlist\b/i, /\bplaylist\b/i],
-	en: [/\bnew\s+playlist\b/i, /\bplaylist\b/i],
-	fr: [/\bnouvelle\s+playlist\b/i, /\bplaylist\b/i],
-	es: [/\bnueva\s+playlist\b/i, /\bplaylist\b/i],
-	it: [/\bnuova\s+playlist\b/i, /\bplaylist\b/i],
-};
-
-// Project creation keywords per locale
-const PROJECT_PATTERNS_BY_LOCALE: Record<ParserLocale, RegExp[]> = {
-	de: [/\bneue?s?\s*projekt\b/i, /\bprojekt\b/i],
-	en: [/\bnew\s+project\b/i, /\bproject\b/i],
-	fr: [/\bnouveau\s+projet\b/i, /\bprojet\b/i],
-	es: [/\bnuevo\s+proyecto\b/i, /\bproyecto\b/i],
-	it: [/\bnuovo\s+progetto\b/i, /\bprogetto\b/i],
-};
-
-// Album pattern: trailing parenthesized text e.g. "Title (Album Name)"
-const ALBUM_PATTERN = /\(([^)]+)\)\s*$/;
-
-// Multi-artist separator patterns
-const MULTI_ARTIST_PATTERN = /\s+(?:ft\.?|feat\.?|featuring|&|x|vs\.?)\s+/i;
-
-// "Artist - Title" separator
-const ARTIST_TITLE_SEPARATOR = /\s+[-–—]\s+/;
-
-function extractBpm(text: string): { bpm?: number; remaining: string } {
-	const match = text.match(BPM_PATTERN);
-	if (match) {
-		const bpm = parseInt(match[1]);
-		if (bpm >= 20 && bpm <= 300) {
-			return { bpm, remaining: text.replace(BPM_PATTERN, '').trim() };
-		}
-	}
-	return { bpm: undefined, remaining: text };
-}
-
-function extractAlbum(text: string): { album?: string; remaining: string } {
-	const match = text.match(ALBUM_PATTERN);
-	if (match) {
-		return { album: match[1].trim(), remaining: text.replace(ALBUM_PATTERN, '').trim() };
-	}
-	return { album: undefined, remaining: text };
-}
-
-function extractArtists(artist: string): string[] {
-	return artist
-		.split(MULTI_ARTIST_PATTERN)
-		.map((a) => a.trim())
-		.filter((a) => a.length > 0);
-}
-
-function extractYear(text: string): { year?: number; remaining: string } {
-	const match = text.match(YEAR_PATTERN);
-	if (match) {
-		return {
-			year: parseInt(match[1]),
-			remaining: text.replace(YEAR_PATTERN, '').trim(),
-		};
-	}
-	return { year: undefined, remaining: text };
-}
-
-// Preview labels per locale
-const TYPE_LABELS_BY_LOCALE: Record<ParserLocale, { playlist: string; project: string }> = {
-	de: { playlist: 'Neue Playlist', project: 'Neues Projekt' },
-	en: { playlist: 'New Playlist', project: 'New Project' },
-	fr: { playlist: 'Nouvelle Playlist', project: 'Nouveau Projet' },
-	es: { playlist: 'Nueva Playlist', project: 'Nuevo Proyecto' },
-	it: { playlist: 'Nuova Playlist', project: 'Nuovo Progetto' },
-};
-
-function extractTypeKeyword(
-	text: string,
-	locale: ParserLocale = 'de'
-): { type?: 'playlist' | 'project'; remaining: string } {
-	const playlistPatterns = PLAYLIST_PATTERNS_BY_LOCALE[locale];
-	for (const pattern of playlistPatterns) {
-		if (pattern.test(text)) {
-			return { type: 'playlist', remaining: text.replace(pattern, '').trim() };
-		}
-	}
-	const projectPatterns = PROJECT_PATTERNS_BY_LOCALE[locale];
-	for (const pattern of projectPatterns) {
-		if (pattern.test(text)) {
-			return { type: 'project', remaining: text.replace(pattern, '').trim() };
-		}
-	}
-	return { type: undefined, remaining: text };
-}
-
-/**
- * Parse natural language song/project input
- */
-export function parseSongInput(input: string, locale: ParserLocale = 'de'): ParsedSong {
-	let text = input.trim();
-
-	// Extract tags first
-	const tagsResult = extractTags(text);
-	text = tagsResult.remaining;
-	const tagNames = tagsResult.value || [];
-
-	// Use first tag as genre hint
-	const genre = tagNames.length > 0 ? tagNames[0] : undefined;
-
-	// Extract type keyword (playlist/project)
-	const typeResult = extractTypeKeyword(text, locale);
-	text = typeResult.remaining;
-
-	// Extract album from parentheses (before other extractions to avoid confusion)
-	const albumResult = extractAlbum(text);
-	text = albumResult.remaining;
-
-	// Extract BPM
-	const bpmResult = extractBpm(text);
-	text = bpmResult.remaining;
-
-	// Extract year
-	const yearResult = extractYear(text);
-	text = yearResult.remaining;
-
-	// Try "Artist - Title" format
-	let artist: string | undefined;
-	let artists: string[] | undefined;
-	let title: string;
-
-	if (ARTIST_TITLE_SEPARATOR.test(text)) {
-		const parts = text.split(ARTIST_TITLE_SEPARATOR, 2);
-		const rawArtist = parts[0].trim();
-		title = parts[1].trim();
-
-		// Detect multi-artist patterns
-		const artistList = extractArtists(rawArtist);
-		if (artistList.length > 1) {
-			artist = artistList[0];
-			artists = artistList;
-		} else {
-			artist = rawArtist;
-		}
-	} else {
-		title = text.replace(/\s+/g, ' ').trim();
-	}
-
-	return {
-		title,
-		artist,
-		artists,
-		album: albumResult.album,
-		genre,
-		bpm: bpmResult.bpm,
-		year: yearResult.year,
-		tagNames,
-		isPlaylist: typeResult.type === 'playlist',
-		isProject: typeResult.type === 'project',
-	};
-}
-
-/**
- * Format parsed song for preview display
- */
-export function formatParsedSongPreview(parsed: ParsedSong, locale: ParserLocale = 'de'): string {
-	const parts: string[] = [];
-
-	const typeLabels = TYPE_LABELS_BY_LOCALE[locale];
-	if (parsed.isPlaylist) {
-		parts.push(`📋 ${typeLabels.playlist}`);
-	} else if (parsed.isProject) {
-		parts.push(`🎛️ ${typeLabels.project}`);
-	}
-
-	if (parsed.artist) {
-		parts.push(`🎤 ${parsed.artist}`);
-	}
-
-	if (parsed.album) {
-		parts.push(`💿 ${parsed.album}`);
-	}
-
-	if (parsed.genre) {
-		parts.push(`🎵 ${parsed.genre}`);
-	}
-
-	if (parsed.bpm) {
-		parts.push(`⏱️ ${parsed.bpm} BPM`);
-	}
-
-	if (parsed.year) {
-		parts.push(`📅 ${parsed.year}`);
-	}
-
-	if (parsed.tagNames.length > 1) {
-		parts.push(`🏷️ ${parsed.tagNames.slice(1).join(', ')}`);
-	}
-
-	return parts.join(' · ');
-}
diff --git a/apps/mukke/apps/web-archived/src/lib/utils/syntax-help.ts b/apps/mukke/apps/web-archived/src/lib/utils/syntax-help.ts
deleted file mode 100644
index db34bd24e..000000000
--- a/apps/mukke/apps/web-archived/src/lib/utils/syntax-help.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/**
- * Mukke-specific syntax help patterns
- */
-import type { SyntaxGroup } from '@manacore/shared-ui';
-
-export const MUKKE_SYNTAX: SyntaxGroup[] = [
-	{
-		title: 'Musik',
-		items: [
-			{
-				pattern: 'Artist - Title',
-				description: 'Interpret und Titel mit Bindestrich trennen',
-				examples: ['Queen - Bohemian Rhapsody', 'Daft Punk ft. Pharrell - Get Lucky'],
-				color: 'primary',
-			},
-			{
-				pattern: '(Album)',
-				description: 'Album in Klammern',
-				examples: ['Queen - Song (A Night at the Opera)'],
-				color: 'accent',
-			},
-			{
-				pattern: '#genre',
-				description: 'Genre als Tag',
-				examples: ['#rock', '#electronic', '#jazz'],
-				color: 'primary',
-			},
-			{
-				pattern: 'BPM',
-				description: 'Tempo in BPM',
-				examples: ['120bpm', '90 BPM'],
-				color: 'warning',
-			},
-			{
-				pattern: 'Neue Playlist',
-				description: 'Playlist erstellen',
-				examples: ['Neue Playlist Workout', 'Playlist Chill'],
-				color: 'success',
-			},
-			{
-				pattern: 'Neues Projekt',
-				description: 'Editor-Projekt erstellen',
-				examples: ['Neues Projekt Demo', 'Projekt Remix'],
-				color: 'success',
-			},
-		],
-	},
-];
diff --git a/apps/mukke/apps/web-archived/src/lib/utils/time-format.ts b/apps/mukke/apps/web-archived/src/lib/utils/time-format.ts
deleted file mode 100644
index 284f84f93..000000000
--- a/apps/mukke/apps/web-archived/src/lib/utils/time-format.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Format time in seconds to MM:SS format
- */
-export function formatTime(seconds: number): string {
-	const mins = Math.floor(seconds / 60);
-	const secs = Math.floor(seconds % 60);
-	return `${mins}:${secs.toString().padStart(2, '0')}`;
-}
-
-/**
- * Format time in seconds to MM:SS.ms format
- */
-export function formatTimeWithMs(seconds: number): string {
-	const mins = Math.floor(seconds / 60);
-	const secs = Math.floor(seconds % 60);
-	const ms = Math.floor((seconds % 1) * 100);
-	return `${mins}:${secs.toString().padStart(2, '0')}.${ms.toString().padStart(2, '0')}`;
-}
-
-/**
- * Parse MM:SS or MM:SS.ms format to seconds
- */
-export function parseTime(timeString: string): number | null {
-	const match = timeString.match(/^(\d+):(\d{2})(?:\.(\d{2}))?$/);
-	if (!match) return null;
-
-	const mins = parseInt(match[1], 10);
-	const secs = parseInt(match[2], 10);
-	const ms = match[3] ? parseInt(match[3], 10) / 100 : 0;
-
-	return mins * 60 + secs + ms;
-}
-
-/**
- * Format duration for display (e.g., "3:45")
- */
-export function formatDuration(seconds: number): string {
-	if (seconds < 60) {
-		return `0:${Math.floor(seconds).toString().padStart(2, '0')}`;
-	}
-	const mins = Math.floor(seconds / 60);
-	const secs = Math.floor(seconds % 60);
-	return `${mins}:${secs.toString().padStart(2, '0')}`;
-}
diff --git a/apps/mukke/apps/web-archived/src/lib/version.ts b/apps/mukke/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index d63b4cfef..000000000
--- a/apps/mukke/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.2.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/mukke/apps/web-archived/src/lib/visualizer/ButterchurnViz.svelte b/apps/mukke/apps/web-archived/src/lib/visualizer/ButterchurnViz.svelte
deleted file mode 100644
index ade6b08a5..000000000
--- a/apps/mukke/apps/web-archived/src/lib/visualizer/ButterchurnViz.svelte
+++ /dev/null
@@ -1,179 +0,0 @@
-<script lang="ts">
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { connectAnalyzer, getAudioContext, getSourceNode, resumeAudioContext } from './analyzer';
-	import { CaretLeft, CaretRight } from '@manacore/shared-icons';
-
-	interface Props {
-		height?: number;
-		/** Blend duration when switching presets (seconds) */
-		blendTime?: number;
-	}
-
-	let { height = 300, blendTime = 2.7 }: Props = $props();
-
-	let canvas: HTMLCanvasElement | undefined = $state();
-	let visualizer: any = null;
-	let animationId: number | null = null;
-	let isInitialized = $state(false);
-	let presetNames: string[] = $state([]);
-	let currentPresetIndex = $state(0);
-	let currentPresetName = $state('');
-
-	// Lazy-loaded modules
-	let butterchurnModule: any = null;
-	let presets: Record<string, any> = {};
-
-	async function loadButterchurn() {
-		if (butterchurnModule) return;
-		const [bc, bcPresets] = await Promise.all([
-			import('butterchurn'),
-			import('butterchurn-presets'),
-		]);
-		butterchurnModule = bc.default || bc;
-		const getPresets = bcPresets.default || bcPresets;
-		presets = typeof getPresets === 'function' ? getPresets() : getPresets;
-		presetNames = Object.keys(presets).sort();
-	}
-
-	async function initVisualizer() {
-		if (!canvas || isInitialized) return;
-
-		const audio = playerStore.getAudioElement();
-		if (!audio) return;
-
-		try {
-			connectAnalyzer(audio);
-			await resumeAudioContext();
-			await loadButterchurn();
-
-			const audioContext = getAudioContext();
-			const sourceNode = getSourceNode();
-			if (!audioContext || !sourceNode) return;
-
-			const width = canvas.clientWidth;
-			const dpr = window.devicePixelRatio || 1;
-
-			visualizer = butterchurnModule.createVisualizer(audioContext, canvas, {
-				width: Math.floor(width * dpr),
-				height: Math.floor(height * dpr),
-				pixelRatio: dpr,
-				textureRatio: 1,
-			});
-
-			visualizer.connectAudio(sourceNode);
-
-			// Load a random preset to start
-			if (presetNames.length > 0) {
-				currentPresetIndex = Math.floor(Math.random() * presetNames.length);
-				loadPresetByIndex(currentPresetIndex, 0);
-			}
-
-			isInitialized = true;
-		} catch (e) {
-			console.warn('[Butterchurn] Failed to initialize:', e);
-		}
-	}
-
-	function loadPresetByIndex(index: number, blend: number) {
-		if (!visualizer || presetNames.length === 0) return;
-		const name = presetNames[index];
-		currentPresetName = name;
-		currentPresetIndex = index;
-		visualizer.loadPreset(presets[name], blend);
-	}
-
-	export function nextPreset() {
-		const next = (currentPresetIndex + 1) % presetNames.length;
-		loadPresetByIndex(next, blendTime);
-	}
-
-	export function previousPreset() {
-		const prev = (currentPresetIndex - 1 + presetNames.length) % presetNames.length;
-		loadPresetByIndex(prev, blendTime);
-	}
-
-	export function randomPreset() {
-		const rand = Math.floor(Math.random() * presetNames.length);
-		loadPresetByIndex(rand, blendTime);
-	}
-
-	// Initialize when playing starts
-	$effect(() => {
-		if (playerStore.isPlaying && canvas && !isInitialized) {
-			initVisualizer();
-		}
-	});
-
-	// Animation loop
-	$effect(() => {
-		if (playerStore.isPlaying && isInitialized) {
-			startAnimation();
-		} else {
-			stopAnimation();
-		}
-		return () => stopAnimation();
-	});
-
-	// Resize handling
-	$effect(() => {
-		if (visualizer && canvas) {
-			const dpr = window.devicePixelRatio || 1;
-			const width = canvas.clientWidth;
-			visualizer.setRendererSize(Math.floor(width * dpr), Math.floor(height * dpr));
-		}
-	});
-
-	function startAnimation() {
-		if (animationId !== null) return;
-		function loop() {
-			if (visualizer) {
-				visualizer.render();
-			}
-			animationId = requestAnimationFrame(loop);
-		}
-		animationId = requestAnimationFrame(loop);
-	}
-
-	function stopAnimation() {
-		if (animationId !== null) {
-			cancelAnimationFrame(animationId);
-			animationId = null;
-		}
-	}
-</script>
-
-<div class="relative w-full" style="height: {height}px;">
-	<canvas
-		bind:this={canvas}
-		class="w-full h-full rounded-lg"
-		style="height: {height}px;"
-		aria-hidden="true"
-	></canvas>
-
-	{#if isInitialized}
-		<!-- Preset controls overlay -->
-		<div
-			class="absolute bottom-2 left-2 right-2 flex items-center justify-between opacity-0 hover:opacity-100 transition-opacity duration-300"
-		>
-			<button
-				onclick={previousPreset}
-				class="p-1.5 rounded-full bg-black/50 text-white hover:bg-black/70 transition-colors"
-				aria-label="Previous preset"
-			>
-				<CaretRight size={16} weight="fill" />
-			</button>
-
-			<span class="text-xs text-white/80 bg-black/50 px-2 py-1 rounded truncate max-w-[60%]">
-				{currentPresetName}
-			</span>
-
-			<button
-				onclick={nextPreset}
-				class="p-1.5 rounded-full bg-black/50 text-white hover:bg-black/70 transition-colors"
-				aria-label="Next preset"
-			>
-				<CaretLeft size={16} weight="fill" />
-			</button>
-		</div>
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/lib/visualizer/FrequencyBars.svelte b/apps/mukke/apps/web-archived/src/lib/visualizer/FrequencyBars.svelte
deleted file mode 100644
index 9643d14e0..000000000
--- a/apps/mukke/apps/web-archived/src/lib/visualizer/FrequencyBars.svelte
+++ /dev/null
@@ -1,169 +0,0 @@
-<script lang="ts">
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { connectAnalyzer, getFrequencyData, resumeAudioContext } from './analyzer';
-
-	interface Props {
-		/** Number of bars to display */
-		barCount?: number;
-		/** Gap between bars in pixels */
-		barGap?: number;
-		/** Border radius of each bar */
-		barRadius?: number;
-		/** CSS color or 'gradient' for a frequency-based gradient */
-		color?: string;
-		/** Height of the component in pixels */
-		height?: number;
-		/** Whether to mirror bars (symmetric) */
-		mirror?: boolean;
-	}
-
-	let {
-		barCount = 32,
-		barGap = 2,
-		barRadius = 2,
-		color = 'gradient',
-		height = 64,
-		mirror = false,
-	}: Props = $props();
-
-	let canvas: HTMLCanvasElement | undefined = $state();
-	let animationId: number | null = null;
-	let isConnected = $state(false);
-
-	// Connect analyzer when audio element becomes available and is playing
-	$effect(() => {
-		const audio = playerStore.getAudioElement();
-		if (audio && playerStore.isPlaying && !isConnected) {
-			try {
-				connectAnalyzer(audio);
-				resumeAudioContext();
-				isConnected = true;
-			} catch (e) {
-				console.warn('[Visualizer] Failed to connect analyzer:', e);
-			}
-		}
-	});
-
-	// Start/stop animation loop based on play state
-	$effect(() => {
-		if (playerStore.isPlaying && canvas && isConnected) {
-			startAnimation();
-		} else {
-			stopAnimation();
-			// Draw empty/faded bars when paused
-			if (canvas) drawBars(null);
-		}
-
-		return () => stopAnimation();
-	});
-
-	function startAnimation() {
-		if (animationId !== null) return;
-
-		function loop() {
-			const data = getFrequencyData();
-			drawBars(data);
-			animationId = requestAnimationFrame(loop);
-		}
-		animationId = requestAnimationFrame(loop);
-	}
-
-	function stopAnimation() {
-		if (animationId !== null) {
-			cancelAnimationFrame(animationId);
-			animationId = null;
-		}
-	}
-
-	function drawBars(frequencyData: Uint8Array | null) {
-		if (!canvas) return;
-
-		const ctx = canvas.getContext('2d');
-		if (!ctx) return;
-
-		const dpr = window.devicePixelRatio || 1;
-		const w = canvas.clientWidth;
-		const h = canvas.clientHeight;
-
-		// Set canvas resolution for sharp rendering
-		if (canvas.width !== w * dpr || canvas.height !== h * dpr) {
-			canvas.width = w * dpr;
-			canvas.height = h * dpr;
-			ctx.scale(dpr, dpr);
-		}
-
-		ctx.clearRect(0, 0, w, h);
-
-		const effectiveBarCount = mirror ? Math.ceil(barCount / 2) : barCount;
-		const totalGap = barGap * (barCount - 1);
-		const barWidth = Math.max(1, (w - totalGap) / barCount);
-
-		// Sample frequency data into bar count
-		const bars = new Float32Array(effectiveBarCount);
-		if (frequencyData) {
-			const binCount = frequencyData.length;
-			for (let i = 0; i < effectiveBarCount; i++) {
-				// Use logarithmic distribution to emphasize lower frequencies
-				const logStart = Math.pow(i / effectiveBarCount, 1.5) * binCount;
-				const logEnd = Math.pow((i + 1) / effectiveBarCount, 1.5) * binCount;
-				const start = Math.floor(logStart);
-				const end = Math.max(start + 1, Math.floor(logEnd));
-
-				let sum = 0;
-				for (let j = start; j < end && j < binCount; j++) {
-					sum += frequencyData[j];
-				}
-				bars[i] = sum / (end - start) / 255;
-			}
-		}
-
-		// Draw bars
-		for (let i = 0; i < barCount; i++) {
-			let barIndex: number;
-			if (mirror) {
-				const center = Math.floor(barCount / 2);
-				barIndex = Math.abs(i - center);
-				barIndex = Math.min(barIndex, effectiveBarCount - 1);
-			} else {
-				barIndex = Math.min(i, effectiveBarCount - 1);
-			}
-
-			const value = bars[barIndex];
-			const minHeight = 2;
-			const barHeight = Math.max(minHeight, value * h);
-
-			const x = i * (barWidth + barGap);
-			const y = h - barHeight;
-
-			// Color
-			if (color === 'gradient') {
-				const hue = mirror
-					? 200 + (Math.abs(i - barCount / 2) / (barCount / 2)) * 120
-					: 200 + (i / barCount) * 120;
-				const lightness = 50 + value * 20;
-				ctx.fillStyle = `hsl(${hue}, 80%, ${lightness}%)`;
-			} else {
-				ctx.fillStyle = color;
-			}
-
-			// Draw rounded bar
-			if (barRadius > 0) {
-				const r = Math.min(barRadius, barWidth / 2, barHeight / 2);
-				ctx.beginPath();
-				ctx.moveTo(x + r, y);
-				ctx.lineTo(x + barWidth - r, y);
-				ctx.quadraticCurveTo(x + barWidth, y, x + barWidth, y + r);
-				ctx.lineTo(x + barWidth, y + barHeight);
-				ctx.lineTo(x, y + barHeight);
-				ctx.lineTo(x, y + r);
-				ctx.quadraticCurveTo(x, y, x + r, y);
-				ctx.fill();
-			} else {
-				ctx.fillRect(x, y, barWidth, barHeight);
-			}
-		}
-	}
-</script>
-
-<canvas bind:this={canvas} class="w-full block" style="height: {height}px;" aria-hidden="true"
-></canvas>
diff --git a/apps/mukke/apps/web-archived/src/lib/visualizer/ParticleViz.svelte b/apps/mukke/apps/web-archived/src/lib/visualizer/ParticleViz.svelte
deleted file mode 100644
index f1ffa7284..000000000
--- a/apps/mukke/apps/web-archived/src/lib/visualizer/ParticleViz.svelte
+++ /dev/null
@@ -1,222 +0,0 @@
-<script lang="ts">
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { connectAnalyzer, getFrequencyData, resumeAudioContext } from './analyzer';
-
-	interface Props {
-		height?: number;
-		/** Number of particles */
-		particleCount?: number;
-		/** Color mode */
-		colorMode?: 'spectrum' | 'pulse' | 'white';
-	}
-
-	let { height = 300, particleCount = 200, colorMode = 'spectrum' }: Props = $props();
-
-	let container: HTMLDivElement | undefined = $state();
-	let app: any = null;
-	let particles: Particle[] = [];
-	let isInitialized = $state(false);
-
-	interface Particle {
-		graphics: any;
-		x: number;
-		y: number;
-		vx: number;
-		vy: number;
-		baseRadius: number;
-		frequencyBin: number;
-		hue: number;
-	}
-
-	async function initPixi() {
-		if (!container || isInitialized) return;
-
-		const audio = playerStore.getAudioElement();
-		if (!audio) return;
-
-		try {
-			connectAnalyzer(audio, { fftSize: 256 });
-			await resumeAudioContext();
-
-			const PIXI = await import('pixi.js');
-
-			app = new PIXI.Application();
-			const dpr = window.devicePixelRatio || 1;
-			const width = container.clientWidth;
-
-			await app.init({
-				width: Math.floor(width * dpr),
-				height: Math.floor(height * dpr),
-				backgroundAlpha: 0,
-				antialias: true,
-				resolution: 1,
-				autoDensity: false,
-			});
-
-			app.canvas.style.width = '100%';
-			app.canvas.style.height = `${height}px`;
-			container.appendChild(app.canvas);
-
-			createParticles(PIXI, width * dpr, height * dpr);
-			isInitialized = true;
-		} catch (e) {
-			console.warn('[ParticleViz] Failed to initialize:', e);
-		}
-	}
-
-	function createParticles(PIXI: typeof import('pixi.js'), width: number, height: number) {
-		particles = [];
-
-		for (let i = 0; i < particleCount; i++) {
-			const graphics = new PIXI.Graphics();
-			const baseRadius = 1.5 + Math.random() * 3;
-			const hue = (i / particleCount) * 360;
-
-			graphics.circle(0, 0, baseRadius);
-			graphics.fill({ color: hslToHex(hue, 80, 60), alpha: 0.7 });
-
-			graphics.x = Math.random() * width;
-			graphics.y = Math.random() * height;
-
-			app.stage.addChild(graphics);
-
-			particles.push({
-				graphics,
-				x: graphics.x,
-				y: graphics.y,
-				vx: (Math.random() - 0.5) * 0.5,
-				vy: (Math.random() - 0.5) * 0.5,
-				baseRadius,
-				frequencyBin: Math.floor((i / particleCount) * 128),
-				hue,
-			});
-		}
-	}
-
-	function hslToHex(h: number, s: number, l: number): number {
-		s /= 100;
-		l /= 100;
-		const a = s * Math.min(l, 1 - l);
-		const f = (n: number) => {
-			const k = (n + h / 30) % 12;
-			const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-			return Math.round(255 * color);
-		};
-		return (f(0) << 16) | (f(8) << 8) | f(4);
-	}
-
-	function updateParticles() {
-		const frequencyData = getFrequencyData();
-		if (!frequencyData || !app) return;
-
-		const w = app.canvas.width;
-		const h = app.canvas.height;
-
-		// Calculate energy bands
-		let bassEnergy = 0;
-		const bassEnd = Math.floor(frequencyData.length * 0.15);
-		for (let i = 0; i < bassEnd; i++) bassEnergy += frequencyData[i];
-		bassEnergy = bassEnergy / bassEnd / 255;
-
-		for (const p of particles) {
-			const freq = frequencyData[p.frequencyBin] / 255;
-
-			// Bass makes particles expand and move faster
-			const energy = freq * 0.7 + bassEnergy * 0.3;
-			const speed = 0.3 + energy * 3;
-
-			p.vx += (Math.random() - 0.5) * speed * 0.3;
-			p.vy += (Math.random() - 0.5) * speed * 0.3;
-
-			// Damping
-			p.vx *= 0.96;
-			p.vy *= 0.96;
-
-			// Gravity toward center on bass hits
-			if (bassEnergy > 0.6) {
-				const cx = w / 2;
-				const cy = h / 2;
-				const dx = cx - p.x;
-				const dy = cy - p.y;
-				const dist = Math.sqrt(dx * dx + dy * dy) + 1;
-				p.vx += (dx / dist) * bassEnergy * 0.5;
-				p.vy += (dy / dist) * bassEnergy * 0.5;
-			}
-
-			p.x += p.vx;
-			p.y += p.vy;
-
-			// Wrap around edges
-			if (p.x < 0) p.x = w;
-			if (p.x > w) p.x = 0;
-			if (p.y < 0) p.y = h;
-			if (p.y > h) p.y = 0;
-
-			p.graphics.x = p.x;
-			p.graphics.y = p.y;
-
-			// Scale based on frequency energy
-			const scale = 1 + energy * 3;
-			p.graphics.scale.set(scale);
-
-			// Alpha based on energy
-			p.graphics.alpha = 0.3 + energy * 0.7;
-
-			// Redraw with updated color
-			if (colorMode === 'spectrum') {
-				const hue = (p.hue + energy * 60) % 360;
-				const lightness = 50 + energy * 30;
-				p.graphics.clear();
-				p.graphics.circle(0, 0, p.baseRadius);
-				p.graphics.fill({ color: hslToHex(hue, 85, lightness), alpha: 0.3 + energy * 0.7 });
-			} else if (colorMode === 'pulse') {
-				const hue = 200 + bassEnergy * 120;
-				p.graphics.clear();
-				p.graphics.circle(0, 0, p.baseRadius);
-				p.graphics.fill({ color: hslToHex(hue, 90, 55 + energy * 25), alpha: 0.3 + energy * 0.7 });
-			}
-		}
-	}
-
-	// Initialize when playing starts
-	$effect(() => {
-		if (playerStore.isPlaying && container && !isInitialized) {
-			initPixi();
-		}
-	});
-
-	// Ticker-based render loop
-	$effect(() => {
-		if (isInitialized && app) {
-			if (playerStore.isPlaying) {
-				app.ticker.add(updateParticles);
-			} else {
-				app.ticker.remove(updateParticles);
-			}
-		}
-		return () => {
-			if (app) {
-				app.ticker.remove(updateParticles);
-			}
-		};
-	});
-
-	// Cleanup
-	$effect(() => {
-		return () => {
-			if (app) {
-				app.destroy(true);
-				app = null;
-				isInitialized = false;
-				particles = [];
-			}
-		};
-	});
-</script>
-
-<div
-	bind:this={container}
-	class="w-full rounded-lg overflow-hidden"
-	style="height: {height}px;"
-	aria-hidden="true"
-></div>
diff --git a/apps/mukke/apps/web-archived/src/lib/visualizer/VisualizerRenderer.svelte b/apps/mukke/apps/web-archived/src/lib/visualizer/VisualizerRenderer.svelte
deleted file mode 100644
index 39f90e205..000000000
--- a/apps/mukke/apps/web-archived/src/lib/visualizer/VisualizerRenderer.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-	import { visualizerStore } from './registry.svelte';
-	import FrequencyBars from './FrequencyBars.svelte';
-	import ButterchurnViz from './ButterchurnViz.svelte';
-	import ParticleViz from './ParticleViz.svelte';
-
-	interface Props {
-		height?: number;
-		/** Show the visualizer type switcher */
-		showSwitcher?: boolean;
-		/** Compact mode for MiniPlayer */
-		compact?: boolean;
-	}
-
-	let { height = 200, showSwitcher = true, compact = false }: Props = $props();
-</script>
-
-<div class="relative w-full">
-	{#if visualizerStore.active === 'bars'}
-		<FrequencyBars
-			barCount={compact ? 64 : 48}
-			height={compact ? height : height}
-			mirror={!compact}
-			barGap={compact ? 1 : 2}
-			barRadius={compact ? 1 : 2}
-		/>
-	{:else if visualizerStore.active === 'butterchurn'}
-		<ButterchurnViz {height} />
-	{:else if visualizerStore.active === 'particles'}
-		<ParticleViz {height} particleCount={compact ? 100 : 200} />
-	{/if}
-
-	{#if showSwitcher}
-		<div class="absolute top-2 right-2 flex gap-1">
-			{#each visualizerStore.all as viz}
-				<button
-					onclick={() => visualizerStore.setActive(viz.id)}
-					class="px-2 py-1 text-xs rounded-md transition-colors {visualizerStore.active === viz.id
-						? 'bg-primary text-white'
-						: 'bg-black/40 text-white/70 hover:bg-black/60 hover:text-white'}"
-					title={viz.description}
-				>
-					{viz.name}
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/lib/visualizer/analyzer.ts b/apps/mukke/apps/web-archived/src/lib/visualizer/analyzer.ts
deleted file mode 100644
index e30c234ea..000000000
--- a/apps/mukke/apps/web-archived/src/lib/visualizer/analyzer.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-/**
- * Audio Analyzer - connects Web Audio API AnalyserNode to the player's Audio element.
- *
- * Singleton: one AudioContext and AnalyserNode shared by all visualizer components.
- * The MediaElementSource can only be created once per Audio element, so we cache it.
- */
-
-let audioContext: AudioContext | null = null;
-let analyserNode: AnalyserNode | null = null;
-let sourceNode: MediaElementAudioSourceNode | null = null;
-let connectedElement: HTMLAudioElement | null = null;
-
-export interface AnalyzerConfig {
-	fftSize?: number;
-	smoothingTimeConstant?: number;
-	minDecibels?: number;
-	maxDecibels?: number;
-}
-
-const DEFAULT_CONFIG: Required<AnalyzerConfig> = {
-	fftSize: 256,
-	smoothingTimeConstant: 0.8,
-	minDecibels: -90,
-	maxDecibels: -10,
-};
-
-/**
- * Connect the analyzer to an HTMLAudioElement.
- * Safe to call multiple times — only creates nodes once per element.
- */
-export function connectAnalyzer(
-	audio: HTMLAudioElement,
-	config: AnalyzerConfig = {}
-): AnalyserNode {
-	const cfg = { ...DEFAULT_CONFIG, ...config };
-
-	if (!audioContext) {
-		audioContext = new AudioContext();
-	}
-
-	if (!analyserNode) {
-		analyserNode = audioContext.createAnalyser();
-	}
-
-	analyserNode.fftSize = cfg.fftSize;
-	analyserNode.smoothingTimeConstant = cfg.smoothingTimeConstant;
-	analyserNode.minDecibels = cfg.minDecibels;
-	analyserNode.maxDecibels = cfg.maxDecibels;
-
-	// Only create a source node once per audio element
-	if (connectedElement !== audio) {
-		if (sourceNode) {
-			sourceNode.disconnect();
-		}
-		sourceNode = audioContext.createMediaElementSource(audio);
-		sourceNode.connect(analyserNode);
-		analyserNode.connect(audioContext.destination);
-		connectedElement = audio;
-	}
-
-	return analyserNode;
-}
-
-/**
- * Get the current AnalyserNode (null if not yet connected).
- */
-export function getAnalyzer(): AnalyserNode | null {
-	return analyserNode;
-}
-
-/**
- * Get the AudioContext (null if not yet created).
- * Needed by Butterchurn for its own audio processing.
- */
-export function getAudioContext(): AudioContext | null {
-	return audioContext;
-}
-
-/**
- * Get the MediaElementAudioSourceNode (null if not yet connected).
- * Needed by Butterchurn to connect its own audio analysis.
- */
-export function getSourceNode(): MediaElementAudioSourceNode | null {
-	return sourceNode;
-}
-
-/**
- * Resume the AudioContext (required after user gesture on some browsers).
- */
-export async function resumeAudioContext(): Promise<void> {
-	if (audioContext?.state === 'suspended') {
-		await audioContext.resume();
-	}
-}
-
-/**
- * Get frequency data as a Uint8Array (0-255 per bin).
- * Returns null if analyzer is not connected.
- */
-export function getFrequencyData(): Uint8Array | null {
-	if (!analyserNode) return null;
-	const data = new Uint8Array(analyserNode.frequencyBinCount);
-	analyserNode.getByteFrequencyData(data);
-	return data;
-}
-
-/**
- * Get the number of frequency bins (half of fftSize).
- */
-export function getFrequencyBinCount(): number {
-	return analyserNode?.frequencyBinCount ?? 0;
-}
diff --git a/apps/mukke/apps/web-archived/src/lib/visualizer/registry.svelte.ts b/apps/mukke/apps/web-archived/src/lib/visualizer/registry.svelte.ts
deleted file mode 100644
index a08131273..000000000
--- a/apps/mukke/apps/web-archived/src/lib/visualizer/registry.svelte.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-export type VisualizerType = 'bars' | 'butterchurn' | 'particles';
-
-export interface VisualizerInfo {
-	id: VisualizerType;
-	name: string;
-	description: string;
-	icon: string;
-}
-
-export const VISUALIZERS: VisualizerInfo[] = [
-	{
-		id: 'bars',
-		name: 'Frequency Bars',
-		description: 'Classic equalizer bars with frequency spectrum',
-		icon: '▊▊▊',
-	},
-	{
-		id: 'butterchurn',
-		name: 'Milkdrop',
-		description: 'Classic Winamp/Milkdrop presets (500+ visuals)',
-		icon: '✦',
-	},
-	{
-		id: 'particles',
-		name: 'Particles',
-		description: 'GPU-accelerated particle flow reacting to audio',
-		icon: '·:·',
-	},
-];
-
-function createVisualizerStore() {
-	let activeId = $state<VisualizerType>('bars');
-
-	return {
-		get active() {
-			return activeId;
-		},
-		get activeInfo() {
-			return VISUALIZERS.find((v) => v.id === activeId)!;
-		},
-		get all() {
-			return VISUALIZERS;
-		},
-
-		setActive(id: VisualizerType) {
-			activeId = id;
-		},
-
-		next() {
-			const idx = VISUALIZERS.findIndex((v) => v.id === activeId);
-			const nextIdx = (idx + 1) % VISUALIZERS.length;
-			activeId = VISUALIZERS[nextIdx].id;
-		},
-
-		previous() {
-			const idx = VISUALIZERS.findIndex((v) => v.id === activeId);
-			const prevIdx = (idx - 1 + VISUALIZERS.length) % VISUALIZERS.length;
-			activeId = VISUALIZERS[prevIdx].id;
-		},
-	};
-}
-
-export const visualizerStore = createVisualizerStore();
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index a88e8d6ff..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,379 +0,0 @@
-<script lang="ts">
-	import { setContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { PillNavigation, QuickInputBar, DevBuildBadge, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		CreatePreview,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import {
-		SplitPaneContainer,
-		setSplitPanelContext,
-		DEFAULT_APPS,
-	} from '@manacore/shared-splitscreen';
-	import { getPillAppItems } from '@manacore/shared-branding';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { libraryStore } from '$lib/stores/library.svelte';
-	import { playlistStore } from '$lib/stores/playlist.svelte';
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { parseSongInput, formatParsedSongPreview } from '$lib/utils/song-parser';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { mukkeStore } from '$lib/data/local-store';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import MiniPlayer from '$lib/components/MiniPlayer.svelte';
-	import FullPlayer from '$lib/components/FullPlayer.svelte';
-	import QueuePanel from '$lib/components/QueuePanel.svelte';
-
-	let { children } = $props();
-
-	// Shared tag store (local-first)
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	// App switcher items
-	let appItems = $derived(
-		getPillAppItems('mukke' as any, undefined, undefined, authStore.user?.tier)
-	);
-
-	// Split-Panel Store
-	const splitPanel = setSplitPanelContext('mukke' as any, DEFAULT_APPS);
-
-	function handleOpenInPanel(appId: string, url: string) {
-		splitPanel.openPanel(appId);
-	}
-
-	// Theme
-	let isDark = $derived(theme.isDark);
-
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...DEFAULT_THEME_VARIANTS.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'All Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// User
-	let userEmail = $derived(authStore.user?.email || 'Menu');
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	// Navigation items
-	const baseNavItems: PillNavItem[] = [
-		{ href: '/library', label: 'Library', icon: 'music-notes' },
-		{ href: '/playlists', label: 'Playlists', icon: 'playlist' },
-		{ href: '/projects', label: 'Editor', icon: 'waveform' },
-		{ href: '/upload', label: 'Upload', icon: 'upload' },
-		{ href: '/settings', label: 'Settings', icon: 'settings' },
-		{ href: '/help', label: 'Help', icon: 'help-circle' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	];
-
-	const navItems = $derived(baseNavItems);
-
-	// Keyboard shortcuts (Ctrl+1-5)
-	const navRoutes = baseNavItems.map((item) => item.href);
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) goto(route);
-			}
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	// QuickInputBar handlers
-	async function handleInputSearch(query: string): Promise<QuickInputItem[]> {
-		const songs = await libraryStore.searchSongs(query);
-		return songs.slice(0, 10).map((song) => ({
-			id: song.id,
-			title: song.title || 'Untitled',
-			subtitle: [song.artist, song.album].filter(Boolean).join(' — '),
-			isFavorite: song.favorite,
-		}));
-	}
-
-	function handleInputSelect(item: QuickInputItem) {
-		goto(`/library?song=${item.id}`);
-	}
-
-	// Quick-Create handlers
-	function handleParseCreate(query: string): CreatePreview | null {
-		if (!query.trim()) return null;
-		const parsed = parseSongInput(query);
-		if (!parsed.title) return null;
-		const preview = formatParsedSongPreview(parsed);
-		if (parsed.isPlaylist) {
-			return {
-				title: `Playlist "${parsed.title}" erstellen`,
-				subtitle: preview || 'Neue Playlist',
-			};
-		}
-		if (parsed.isProject) {
-			return {
-				title: `Projekt "${parsed.title}" erstellen`,
-				subtitle: preview || 'Neues Projekt',
-			};
-		}
-		return {
-			title: `Projekt "${parsed.title}" erstellen`,
-			subtitle: preview || 'Neues Projekt',
-		};
-	}
-
-	async function handleCreate(query: string): Promise<void> {
-		if (!query.trim()) return;
-		const parsed = parseSongInput(query);
-		if (!parsed.title) return;
-
-		if (parsed.isPlaylist) {
-			await playlistStore.createPlaylist(parsed.title);
-			goto('/playlists');
-			return;
-		}
-
-		// Default: create project
-		await projectStore.createProject(parsed.title);
-		goto('/projects');
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-project',
-			label: 'Neues Projekt',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/projects/new'),
-		},
-		{ id: 'songs', label: 'Songs', category: 'Navigation', onExecute: () => goto('/') },
-		{
-			id: 'playlists',
-			label: 'Playlists',
-			category: 'Navigation',
-			onExecute: () => goto('/playlists'),
-		},
-		{
-			id: 'projects',
-			label: 'Projekte',
-			category: 'Navigation',
-			onExecute: () => goto('/projects'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	let showGuestWelcome = $state(false);
-
-	async function handleAuthReady() {
-		await Promise.all([mukkeStore.initialize(), tagLocalStore.initialize()]);
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			mukkeStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('mukke')) {
-			showGuestWelcome = true;
-		}
-		splitPanel.initialize();
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate {authStore} {goto} allowGuest={true} onReady={handleAuthReady}>
-	<SplitPaneContainer>
-		<div class="layout-container">
-			<a
-				href="#main-content"
-				class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[100] focus:rounded-lg focus:bg-primary focus:px-4 focus:py-2 focus:text-white"
-			>
-				Skip to content
-			</a>
-
-			<PillNavigation
-				items={navItems}
-				currentPath={$page.url.pathname}
-				appName="Mukke"
-				homeRoute="/library"
-				onToggleTheme={handleToggleTheme}
-				{isDark}
-				showThemeToggle={true}
-				showThemeVariants={true}
-				{themeVariantItems}
-				{currentThemeVariantLabel}
-				themeMode={theme.mode}
-				onThemeModeChange={handleThemeModeChange}
-				showLogout={true}
-				onLogout={handleLogout}
-				loginHref="/login"
-				primaryColor="#f97316"
-				showAppSwitcher={true}
-				{appItems}
-				{userEmail}
-				settingsHref="/settings"
-				themesHref="/themes"
-				helpHref="/help"
-				profileHref="/profile"
-				onOpenInPanel={handleOpenInPanel}
-				ariaLabel="Main navigation"
-				{spotlightActions}
-			/>
-
-			<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-			{#if isTagStripVisible}
-				<TagStrip
-					tags={allTags.value.map((t) => ({
-						id: t.id,
-						name: t.name,
-						color: t.color || '#3b82f6',
-					}))}
-					selectedIds={[]}
-					onToggle={() => {}}
-					onClear={() => {}}
-					managementHref="/tags"
-				/>
-			{/if}
-
-			<!-- Quick Input Bar -->
-			<QuickInputBar
-				onSearch={handleInputSearch}
-				onSelect={handleInputSelect}
-				onParseCreate={handleParseCreate}
-				onCreate={handleCreate}
-				placeholder="Song suchen oder Projekt erstellen..."
-				emptyText="Keine Songs gefunden"
-				searchingText="Suche..."
-				createText="Erstellen"
-				deferSearch={true}
-				locale="de"
-				appIcon="search"
-				bottomOffset="140px"
-			/>
-
-			<!-- Main Content -->
-			<main id="main-content" class="main-content bg-background">
-				<div class="content-wrapper">
-					{@render children()}
-				</div>
-			</main>
-
-			<!-- Player components -->
-			<MiniPlayer />
-			<FullPlayer />
-			<QueuePanel />
-			<DevBuildBadge commitHash={__BUILD_HASH__} buildTime={__BUILD_TIME__} />
-		</div>
-	</SplitPaneContainer>
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale="de" loginHref="/login" />
-	{/if}
-
-	<GuestWelcomeModal
-		appId="mukke"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale="de"
-	/>
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		flex: 1;
-		transition: all 300ms ease;
-		padding-bottom: calc(180px + env(safe-area-inset-bottom));
-	}
-
-	@media (max-width: 768px) {
-		.main-content {
-			padding-bottom: calc(190px + env(safe-area-inset-bottom));
-		}
-	}
-
-	.content-wrapper {
-		padding: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding: 2rem;
-		}
-	}
-</style>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/dashboard/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/dashboard/+page.svelte
deleted file mode 100644
index c640e7cc4..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/dashboard/+page.svelte
+++ /dev/null
@@ -1,144 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { libraryStore } from '$lib/stores/library.svelte';
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { DownloadSimple, Note, Plus } from '@manacore/shared-icons';
-
-	let statsLoading = $state(true);
-	let projectsLoading = $state(true);
-
-	onMount(async () => {
-		await Promise.all([
-			libraryStore.loadStats().then(() => {
-				statsLoading = false;
-			}),
-			projectStore.loadProjects().then(() => {
-				projectsLoading = false;
-			}),
-		]);
-	});
-
-	function formatDate(date: Date | string): string {
-		return new Date(date).toLocaleDateString('en-US', {
-			year: 'numeric',
-			month: 'short',
-			day: 'numeric',
-		});
-	}
-</script>
-
-<svelte:head>
-	<title>Dashboard - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-6xl mx-auto">
-	<h1 class="text-2xl font-bold mb-6">Welcome to Mukke</h1>
-
-	<!-- Quick Stats -->
-	<section class="mb-8">
-		<h2 class="text-lg font-semibold mb-4 text-foreground-secondary">Library Stats</h2>
-		{#if statsLoading}
-			<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-				{#each Array(4) as _}
-					<div class="bg-surface rounded-lg p-4 animate-pulse">
-						<div class="h-4 bg-background rounded w-16 mb-2"></div>
-						<div class="h-8 bg-background rounded w-12"></div>
-					</div>
-				{/each}
-			</div>
-		{:else if libraryStore.stats}
-			<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-				<div class="bg-surface rounded-lg p-4">
-					<p class="text-sm text-foreground-secondary">Songs</p>
-					<p class="text-2xl font-bold">{libraryStore.stats.totalSongs}</p>
-				</div>
-				<div class="bg-surface rounded-lg p-4">
-					<p class="text-sm text-foreground-secondary">Albums</p>
-					<p class="text-2xl font-bold">{libraryStore.stats.totalAlbums}</p>
-				</div>
-				<div class="bg-surface rounded-lg p-4">
-					<p class="text-sm text-foreground-secondary">Artists</p>
-					<p class="text-2xl font-bold">{libraryStore.stats.totalArtists}</p>
-				</div>
-				<div class="bg-surface rounded-lg p-4">
-					<p class="text-sm text-foreground-secondary">Genres</p>
-					<p class="text-2xl font-bold">{libraryStore.stats.totalGenres}</p>
-				</div>
-			</div>
-		{:else}
-			<p class="text-foreground-secondary">
-				No library data yet. Upload some songs to get started.
-			</p>
-		{/if}
-	</section>
-
-	<!-- Quick Actions -->
-	<section class="mb-8">
-		<h2 class="text-lg font-semibold mb-4 text-foreground-secondary">Quick Actions</h2>
-		<div class="flex flex-wrap gap-3">
-			<a
-				href="/upload"
-				class="inline-flex items-center gap-2 px-4 py-2.5 bg-primary text-white rounded-lg hover:bg-primary-hover transition-colors font-medium"
-			>
-				<DownloadSimple size={20} />
-				Upload Songs
-			</a>
-			<a
-				href="/projects"
-				class="inline-flex items-center gap-2 px-4 py-2.5 bg-surface border border-border text-foreground rounded-lg hover:bg-background transition-colors font-medium"
-			>
-				<Plus size={20} />
-				Create Project
-			</a>
-		</div>
-	</section>
-
-	<!-- Recent Projects -->
-	<section>
-		<div class="flex items-center justify-between mb-4">
-			<h2 class="text-lg font-semibold text-foreground-secondary">Recent Projects</h2>
-			<a href="/projects" class="text-sm text-primary hover:underline">View all</a>
-		</div>
-		{#if projectsLoading}
-			<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
-				{#each Array(3) as _}
-					<div class="bg-surface rounded-lg p-4 animate-pulse">
-						<div class="h-5 bg-background rounded w-32 mb-2"></div>
-						<div class="h-4 bg-background rounded w-48 mb-3"></div>
-						<div class="h-3 bg-background rounded w-24"></div>
-					</div>
-				{/each}
-			</div>
-		{:else if projectStore.projects.length === 0}
-			<div class="text-center py-12 bg-surface rounded-lg">
-				<Note size={48} class="text-foreground-secondary mx-auto mb-3" />
-				<p class="text-foreground-secondary mb-2">No projects yet</p>
-				<a href="/projects" class="text-sm text-primary hover:underline"
-					>Create your first project</a
-				>
-			</div>
-		{:else}
-			<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
-				{#each projectStore.projects.slice(0, 6) as project}
-					<a
-						href="/editor/{project.id}"
-						class="block p-4 bg-surface rounded-lg hover:bg-surface-hover transition-colors group"
-					>
-						<h3 class="font-medium group-hover:text-primary transition-colors">
-							{project.title}
-						</h3>
-						{#if project.description}
-							<p class="text-sm text-foreground-secondary mt-1 line-clamp-2">
-								{project.description}
-							</p>
-						{/if}
-						<p class="text-xs text-foreground-secondary mt-2">
-							Updated {formatDate(project.updatedAt)}
-						</p>
-					</a>
-				{/each}
-			</div>
-		{/if}
-	</section>
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/editor/[id]/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/editor/[id]/+page.svelte
deleted file mode 100644
index 92ad0ffb0..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/editor/[id]/+page.svelte
+++ /dev/null
@@ -1,474 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { onMount, onDestroy } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { MukkeEvents } from '@manacore/shared-utils/analytics';
-	import { audioStore } from '$lib/stores/audio.svelte';
-	import { editorStore } from '$lib/stores/editor.svelte';
-	import { MARKER_COLORS } from '@mukke/shared';
-	import WaveformEditor from '$lib/components/WaveformEditor.svelte';
-	import PlaybackControls from '$lib/components/PlaybackControls.svelte';
-	import LyricsEditor from '$lib/components/LyricsEditor.svelte';
-	import MarkerTimeline from '$lib/components/MarkerTimeline.svelte';
-	import KaraokePreview from '$lib/components/KaraokePreview.svelte';
-	import BeatUploader from '$lib/components/BeatUploader.svelte';
-	import { ThemeToggle } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { ArrowLeft, DownloadSimple, MusicNote } from '@manacore/shared-icons';
-
-	let waveformEditor: WaveformEditor;
-	let showExportMenu = $state(false);
-	let isExporting = $state(false);
-
-	// Mobile responsive state
-	let isMobile = $state(false);
-	let mobileTab: 'lyrics' | 'preview' = $state('lyrics');
-
-	// Listen for resize events
-	$effect(() => {
-		if (typeof window === 'undefined') return;
-
-		const checkMobile = () => {
-			isMobile = window.innerWidth < 768;
-		};
-		checkMobile();
-
-		window.addEventListener('resize', checkMobile);
-		return () => window.removeEventListener('resize', checkMobile);
-	});
-
-	// Keyboard shortcuts handler
-	function handleKeydown(e: KeyboardEvent) {
-		// Ignore if typing in input fields
-		if (
-			e.target instanceof HTMLInputElement ||
-			e.target instanceof HTMLTextAreaElement ||
-			(e.target instanceof HTMLElement && e.target.isContentEditable)
-		) {
-			return;
-		}
-
-		// Ignore if no audio loaded
-		if (!audioStore.isLoaded) return;
-
-		switch (e.code) {
-			case 'Space':
-				e.preventDefault();
-				waveformEditor?.playPause();
-				break;
-
-			case 'ArrowLeft':
-				e.preventDefault();
-				const skipBack = e.shiftKey ? 1 : 5;
-				waveformEditor?.seekTo(Math.max(0, audioStore.currentTime - skipBack));
-				break;
-
-			case 'ArrowRight':
-				e.preventDefault();
-				const skipForward = e.shiftKey ? 1 : 5;
-				waveformEditor?.seekTo(Math.min(audioStore.duration, audioStore.currentTime + skipForward));
-				break;
-
-			case 'Home':
-				e.preventDefault();
-				waveformEditor?.seekTo(0);
-				break;
-
-			case 'End':
-				e.preventDefault();
-				waveformEditor?.seekTo(audioStore.duration);
-				break;
-
-			case 'KeyM':
-				e.preventDefault();
-				if (projectStore.currentBeat) {
-					projectStore.createMarker(projectStore.currentBeat.id, {
-						type: editorStore.markerTypeToCreate,
-						startTime: audioStore.currentTime,
-						endTime: audioStore.currentTime + 4,
-						color: MARKER_COLORS[editorStore.markerTypeToCreate],
-					});
-				}
-				break;
-
-			case 'KeyL':
-				e.preventDefault();
-				if (editorStore.selectedMarkerId) {
-					waveformEditor?.toggleLoop(editorStore.selectedMarkerId);
-				}
-				break;
-
-			case 'Escape':
-				e.preventDefault();
-				editorStore.selectMarker(null);
-				editorStore.selectLine(null);
-				editorStore.setLoopRegion(null);
-				break;
-
-			case 'Equal':
-			case 'NumpadAdd':
-				if (e.ctrlKey || e.metaKey) {
-					e.preventDefault();
-					handleZoomIn();
-				}
-				break;
-
-			case 'Minus':
-			case 'NumpadSubtract':
-				if (e.ctrlKey || e.metaKey) {
-					e.preventDefault();
-					handleZoomOut();
-				}
-				break;
-		}
-	}
-
-	$effect(() => {
-		const id = $page.params.id;
-		if (id && authStore.isAuthenticated) {
-			loadProject(id);
-		}
-	});
-
-	async function loadProject(id: string) {
-		await projectStore.loadProject(id);
-
-		// Load audio URL if beat exists
-		if (projectStore.currentBeat) {
-			const url = await projectStore.getBeatDownloadUrl(projectStore.currentBeat.id);
-			audioStore.setAudioUrl(url);
-			audioStore.setBpm(projectStore.currentBeat.bpm ?? null);
-		}
-	}
-
-	onMount(() => {
-		if (!authStore.isAuthenticated) {
-			goto('/');
-		}
-	});
-
-	onDestroy(() => {
-		projectStore.clearCurrent();
-		audioStore.reset();
-		editorStore.reset();
-	});
-
-	function handlePlay() {
-		waveformEditor?.play();
-	}
-
-	function handlePause() {
-		waveformEditor?.pause();
-	}
-
-	function handleSeek(time: number) {
-		waveformEditor?.seekTo(time);
-	}
-
-	function handleZoomIn() {
-		editorStore.zoomIn();
-		waveformEditor?.zoom(editorStore.zoom);
-	}
-
-	function handleZoomOut() {
-		editorStore.zoomOut();
-		waveformEditor?.zoom(editorStore.zoom);
-	}
-
-	function handleMarkerClick(markerId: string) {
-		editorStore.selectMarker(markerId);
-		const marker = projectStore.currentMarkers.find((m) => m.id === markerId);
-		if (marker) {
-			handleSeek(marker.startTime);
-		}
-	}
-
-	function handleLineClick(lineIndex: number, line: { startTime?: number | null }) {
-		editorStore.selectLine(lineIndex);
-		if (line.startTime !== null && line.startTime !== undefined) {
-			handleSeek(line.startTime);
-		}
-	}
-
-	async function handleSyncLine(lineIndex: number) {
-		const line = projectStore.currentLines[lineIndex];
-		if (line) {
-			await projectStore.updateLineTimestamp(line.id, audioStore.currentTime);
-		}
-	}
-
-	async function handleBeatUploadComplete() {
-		const id = $page.params.id;
-		if (id) {
-			await loadProject(id);
-		}
-	}
-
-	async function handleExport(format: 'lrc' | 'srt' | 'json') {
-		if (!projectStore.currentProject) return;
-
-		isExporting = true;
-		showExportMenu = false;
-
-		try {
-			const backendUrl =
-				(typeof window !== 'undefined' &&
-					(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__) ||
-				'http://localhost:3010';
-			const authHeaders = await authStore.getAuthHeaders();
-			const response = await fetch(
-				`${backendUrl}/export/${projectStore.currentProject.id}?format=${format}`,
-				{
-					headers: authHeaders,
-				}
-			);
-
-			if (!response.ok) throw new Error('Export failed');
-
-			const blob = await response.blob();
-			MukkeEvents.projectExported(format);
-			const url = URL.createObjectURL(blob);
-			const a = document.createElement('a');
-			a.href = url;
-			a.download =
-				response.headers.get('Content-Disposition')?.split('filename="')[1]?.replace('"', '') ||
-				`export.${format}`;
-			a.click();
-			URL.revokeObjectURL(url);
-		} catch (err) {
-			console.error('Export error:', err);
-			alert('Failed to export. Please try again.');
-		} finally {
-			isExporting = false;
-		}
-	}
-
-	async function handleDeleteBeat() {
-		if (!projectStore.currentBeat) return;
-		if (!confirm('Are you sure you want to delete this beat?')) return;
-
-		await projectStore.deleteBeat(projectStore.currentBeat.id);
-		audioStore.reset();
-	}
-</script>
-
-<svelte:head>
-	<title>{projectStore.currentProject?.title || 'Editor'} - Mukke</title>
-</svelte:head>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<div class="h-screen flex flex-col">
-	<!-- Header -->
-	<header class="border-b border-border bg-surface shrink-0">
-		<div class="px-3 md:px-4 py-2 md:py-3 flex items-center justify-between">
-			<div class="flex items-center gap-2 md:gap-4 min-w-0">
-				<a
-					href="/"
-					class="text-foreground-secondary hover:text-foreground transition-colors shrink-0"
-				>
-					<ArrowLeft size={20} class="md: md:" />
-				</a>
-				<div class="min-w-0">
-					<h1 class="font-semibold text-sm md:text-base truncate">
-						{projectStore.currentProject?.title || 'Loading...'}
-					</h1>
-					{#if projectStore.currentProject?.description && !isMobile}
-						<p class="text-sm text-foreground-secondary truncate">
-							{projectStore.currentProject.description}
-						</p>
-					{/if}
-				</div>
-			</div>
-
-			<div class="flex items-center gap-1 md:gap-3 shrink-0">
-				<!-- Theme toggle -->
-				<ThemeToggle {theme} showTooltip size={isMobile ? 16 : 20} />
-
-				<!-- Export dropdown -->
-				<div class="relative">
-					<button
-						onclick={() => (showExportMenu = !showExportMenu)}
-						disabled={isExporting || !projectStore.currentLyrics}
-						class="px-2 md:px-4 py-1.5 md:py-2 bg-surface-hover hover:bg-surface-active rounded-lg transition-colors flex items-center gap-1 md:gap-2 disabled:opacity-50 text-sm"
-					>
-						{#if isExporting}
-							<div
-								class="w-4 h-4 border-2 border-foreground border-t-transparent rounded-full animate-spin"
-							></div>
-						{:else}
-							<DownloadSimple size={16} />
-						{/if}
-						<span class="hidden sm:inline">Export</span>
-					</button>
-
-					{#if showExportMenu}
-						<div
-							class="absolute right-0 top-full mt-1 bg-surface border border-border rounded-lg shadow-lg py-1 min-w-[150px] z-10"
-						>
-							<button
-								onclick={() => handleExport('lrc')}
-								class="w-full px-4 py-2 text-left hover:bg-surface-hover transition-colors"
-							>
-								LRC (Lyrics)
-							</button>
-							<button
-								onclick={() => handleExport('srt')}
-								class="w-full px-4 py-2 text-left hover:bg-surface-hover transition-colors"
-							>
-								SRT (Subtitles)
-							</button>
-							<button
-								onclick={() => handleExport('json')}
-								class="w-full px-4 py-2 text-left hover:bg-surface-hover transition-colors"
-							>
-								JSON
-							</button>
-						</div>
-					{/if}
-				</div>
-			</div>
-		</div>
-	</header>
-
-	{#if projectStore.isLoading}
-		<div class="flex-1 flex items-center justify-center">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if projectStore.error}
-		<div class="flex-1 flex items-center justify-center">
-			<div class="text-center">
-				<p class="text-red-500 mb-4">{projectStore.error}</p>
-				<a href="/" class="text-primary hover:underline">Go back</a>
-			</div>
-		</div>
-	{:else}
-		<!-- Main editor layout -->
-		<div class="flex-1 flex flex-col min-h-0">
-			<!-- Waveform section -->
-			<div class="shrink-0 p-2 md:p-4 border-b border-border">
-				{#if projectStore.currentBeat}
-					<div class="space-y-2 md:space-y-4">
-						<div class="flex items-center justify-between">
-							<div
-								class="flex items-center gap-2 text-xs md:text-sm text-foreground-secondary truncate"
-							>
-								<MusicNote size={16} class="shrink-0" />
-								<span class="truncate">{projectStore.currentBeat.filename}</span>
-							</div>
-							<button
-								onclick={handleDeleteBeat}
-								class="text-xs md:text-sm text-red-500 hover:text-red-600 shrink-0"
-							>
-								{isMobile ? 'Remove' : 'Remove Beat'}
-							</button>
-						</div>
-
-						<WaveformEditor
-							bind:this={waveformEditor}
-							audioUrl={audioStore.audioUrl}
-							onSeek={handleSeek}
-						/>
-
-						{#if !isMobile}
-							<MarkerTimeline
-								onMarkerClick={handleMarkerClick}
-								onSeek={handleSeek}
-								onToggleLoop={(markerId) => waveformEditor?.toggleLoop(markerId)}
-							/>
-						{/if}
-
-						<PlaybackControls
-							onPlay={handlePlay}
-							onPause={handlePause}
-							onSeek={handleSeek}
-							onZoomIn={handleZoomIn}
-							onZoomOut={handleZoomOut}
-							compact={isMobile}
-						/>
-					</div>
-				{:else}
-					<BeatUploader
-						projectId={projectStore.currentProject?.id || ''}
-						onUploadComplete={handleBeatUploadComplete}
-					/>
-				{/if}
-			</div>
-
-			<!-- Lyrics and preview section -->
-			{#if isMobile}
-				<!-- Mobile: Tab-based layout -->
-				<div class="flex-1 flex flex-col min-h-0">
-					<!-- Tab bar -->
-					<div class="flex border-b border-border bg-surface shrink-0">
-						<button
-							onclick={() => (mobileTab = 'lyrics')}
-							class="flex-1 px-4 py-2 text-sm font-medium transition-colors {mobileTab === 'lyrics'
-								? 'text-primary border-b-2 border-primary'
-								: 'text-foreground-secondary'}"
-						>
-							Lyrics
-						</button>
-						<button
-							onclick={() => {
-								mobileTab = 'preview';
-								editorStore.setMode('preview');
-							}}
-							class="flex-1 px-4 py-2 text-sm font-medium transition-colors {mobileTab === 'preview'
-								? 'text-primary border-b-2 border-primary'
-								: 'text-foreground-secondary'}"
-						>
-							Preview
-						</button>
-					</div>
-
-					<!-- Tab content -->
-					<div class="flex-1 overflow-hidden">
-						{#if mobileTab === 'lyrics'}
-							<LyricsEditor onLineClick={handleLineClick} onSyncLine={handleSyncLine} />
-						{:else}
-							<KaraokePreview />
-						{/if}
-					</div>
-				</div>
-			{:else}
-				<!-- Desktop: Side-by-side layout -->
-				<div class="flex-1 flex min-h-0">
-					<!-- Lyrics editor -->
-					<div class="w-1/2 border-r border-border overflow-hidden">
-						<LyricsEditor onLineClick={handleLineClick} onSyncLine={handleSyncLine} />
-					</div>
-
-					<!-- Karaoke preview -->
-					<div class="w-1/2 overflow-hidden">
-						{#if editorStore.mode === 'preview'}
-							<KaraokePreview />
-						{:else}
-							<div class="h-full flex items-center justify-center text-foreground-secondary">
-								<div class="text-center">
-									<p>Switch to Preview mode to see karaoke animation</p>
-									<button
-										onclick={() => editorStore.setMode('preview')}
-										class="mt-4 px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-hover"
-									>
-										Preview Mode
-									</button>
-								</div>
-							</div>
-						{/if}
-					</div>
-				</div>
-			{/if}
-		</div>
-	{/if}
-</div>
-
-<!-- Click outside handler for export menu -->
-{#if showExportMenu}
-	<button class="fixed inset-0 z-0" onclick={() => (showExportMenu = false)} aria-label="Close menu"
-	></button>
-{/if}
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index a19b4ed39..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { feedbackService } from '$lib/services/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<svelte:head>
-	<title>Feedback - Mukke</title>
-</svelte:head>
-
-<FeedbackPage {feedbackService} appName="Mukke" currentUserId={authStore.user?.id} />
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 1160840a0..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getMukkeHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getMukkeHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Mukke kennen'
-					: 'Find answers and learn how to use Mukke',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Mukke</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Mukke"
-	appId="mukke"
-	{translations}
-	showBackButton
-	onBack={() => goto('/dashboard')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/library/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/library/+page.svelte
deleted file mode 100644
index 0c9f431f4..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/library/+page.svelte
+++ /dev/null
@@ -1,420 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { libraryStore } from '$lib/stores/library.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { MukkeEvents } from '@manacore/shared-utils/analytics';
-	import SongEditor from '$lib/components/SongEditor.svelte';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import type { Song } from '@mukke/shared';
-	import { useAllSongs } from '$lib/data/queries';
-	import type { LocalSong } from '$lib/data/local-store';
-	import { Heart, MusicNote, Pause, PencilSimple, Play, User } from '@manacore/shared-icons';
-
-	// Live query — auto-updates on IndexedDB changes
-	const allSongs = useAllSongs();
-	// Cast LocalSong[] to Song[] for compatibility with existing UI
-	let songs = $derived(allSongs.value as unknown as Song[]);
-
-	const tabs = ['songs', 'albums', 'artists', 'genres'] as const;
-
-	let editingSong = $state<Song | null>(null);
-	let failedCovers = $state<Set<string>>(new Set());
-
-	// Context menu state
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuSong = $state<{ song: Song; index: number } | null>(null);
-
-	function handleContextMenu(e: MouseEvent, song: Song, index: number) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuSong = { song, index };
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		if (!contextMenuSong) return [];
-		const { song } = contextMenuSong;
-		return [
-			{
-				id: 'play',
-				label: playerStore.currentSong?.id === song.id && playerStore.isPlaying ? 'Pause' : 'Play',
-				action: () => handlePlaySong(contextMenuSong!.song, contextMenuSong!.index),
-			},
-			{ id: 'divider-1', label: '', type: 'divider' as const },
-			{
-				id: 'edit',
-				label: 'Edit Metadata',
-				action: () => {
-					editingSong = contextMenuSong!.song;
-				},
-			},
-			{
-				id: 'editor',
-				label: 'Open in Editor',
-				action: () => openInEditor(contextMenuSong!.song.id, new MouseEvent('click')),
-			},
-			{ id: 'divider-2', label: '', type: 'divider' as const },
-			{
-				id: 'favorite',
-				label: song.favorite ? 'Remove from Favorites' : 'Add to Favorites',
-				action: () => libraryStore.toggleFavorite(contextMenuSong!.song.id),
-			},
-			{ id: 'divider-3', label: '', type: 'divider' as const },
-			{
-				id: 'delete',
-				label: 'Delete Song',
-				variant: 'danger' as const,
-				action: () => {
-					if (confirm(`Delete "${contextMenuSong!.song.title}"?`)) {
-						libraryStore.deleteSong(contextMenuSong!.song.id);
-					}
-				},
-			},
-		];
-	}
-
-	function getBackendUrl(): string {
-		let baseUrl = 'http://localhost:3010';
-		if (typeof window !== 'undefined') {
-			baseUrl =
-				(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__ ||
-				'http://localhost:3010';
-		}
-		return baseUrl.endsWith('/api/v1') ? baseUrl : `${baseUrl}/api/v1`;
-	}
-
-	async function fetchApi<T>(path: string, options: RequestInit = {}): Promise<T> {
-		const authHeaders = await authStore.getAuthHeaders();
-		const response = await fetch(`${getBackendUrl()}${path}`, {
-			...options,
-			headers: {
-				'Content-Type': 'application/json',
-				...authHeaders,
-				...options.headers,
-			},
-		});
-		if (!response.ok) throw new Error('Request failed');
-		return response.json();
-	}
-
-	onMount(() => {
-		libraryStore.setActiveTab('songs');
-	});
-
-	function formatDuration(seconds: number | null | undefined): string {
-		if (!seconds) return '0:00';
-		return Math.floor(seconds / 60) + ':' + String(Math.floor(seconds % 60)).padStart(2, '0');
-	}
-
-	async function handleToggleFavorite(id: string, e: Event) {
-		e.preventDefault();
-		e.stopPropagation();
-		const song = songs.find((s) => s.id === id);
-		await libraryStore.toggleFavorite(id);
-		MukkeEvents.songFavorited(!song?.favorite);
-	}
-
-	function handleEditSong(song: Song, e: Event) {
-		e.preventDefault();
-		e.stopPropagation();
-		editingSong = song;
-	}
-
-	function handlePlaySong(song: Song, index: number) {
-		playerStore.playSong(song, songs, index);
-		MukkeEvents.songPlayed();
-	}
-
-	async function openInEditor(songId: string, e: Event) {
-		e.preventDefault();
-		e.stopPropagation();
-		try {
-			const response = await fetchApi<{ project: { id: string } }>(
-				`/projects/from-song/${songId}`,
-				{
-					method: 'POST',
-				}
-			);
-			goto(`/editor/${response.project.id}`);
-		} catch (err) {
-			console.error('Failed to open in editor:', err);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Library - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-6xl mx-auto">
-	<h1 class="text-2xl font-bold mb-6">Library</h1>
-
-	<!-- Tab Bar -->
-	<div class="flex bg-surface rounded-lg p-1 mb-6 max-w-md">
-		{#each tabs as tab}
-			<button
-				onclick={() => libraryStore.setActiveTab(tab)}
-				class="flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors capitalize {libraryStore.activeTab ===
-				tab
-					? 'bg-primary text-white'
-					: 'text-foreground-secondary hover:text-foreground'}"
-			>
-				{tab}
-			</button>
-		{/each}
-	</div>
-
-	<!-- Loading -->
-	{#if libraryStore.isLoading}
-		<div class="flex items-center justify-center py-16">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if libraryStore.error}
-		<div class="text-center py-16">
-			<p class="text-red-500 mb-2">{libraryStore.error}</p>
-		</div>
-	{:else}
-		<!-- Songs Tab -->
-		{#if libraryStore.activeTab === 'songs'}
-			{#if songs.length === 0}
-				<div class="text-center py-16">
-					<MusicNote size={48} class="text-foreground-secondary mx-auto mb-3" />
-					<p class="text-foreground-secondary mb-2">No songs in your library</p>
-					<a href="/upload" class="text-sm text-primary hover:underline">Upload your first song</a>
-				</div>
-			{:else}
-				<div class="bg-surface rounded-lg overflow-hidden">
-					<!-- Header -->
-					<div
-						class="grid grid-cols-[40px_1fr_1fr_1fr_80px_40px_40px_40px] gap-4 px-4 py-3 text-xs font-medium text-foreground-secondary uppercase tracking-wide border-b border-border"
-					>
-						<span></span>
-						<span>Title</span>
-						<span>Artist</span>
-						<span>Album</span>
-						<span class="text-right">Duration</span>
-						<span></span>
-						<span></span>
-						<span></span>
-					</div>
-					<!-- Song rows -->
-					{#each songs as song, index}
-						<div
-							role="button"
-							tabindex="0"
-							onclick={() => handlePlaySong(song, index)}
-							onkeydown={(e) => {
-								if (e.key === 'Enter' || e.key === ' ') {
-									e.preventDefault();
-									handlePlaySong(song, index);
-								}
-							}}
-							oncontextmenu={(e) => handleContextMenu(e, song, index)}
-							class="grid grid-cols-[40px_1fr_1fr_1fr_80px_40px_40px_40px] gap-4 px-4 py-3 hover:bg-background transition-colors items-center cursor-pointer group {playerStore
-								.currentSong?.id === song.id
-								? 'bg-primary/5'
-								: ''}"
-						>
-							<div
-								class="w-10 h-10 rounded bg-background flex items-center justify-center overflow-hidden flex-shrink-0 relative"
-							>
-								{#if song.coverArtPath && libraryStore.coverUrls[song.coverArtPath] && !failedCovers.has(song.id)}
-									<img
-										src={libraryStore.coverUrls[song.coverArtPath]}
-										alt=""
-										class="w-full h-full object-cover"
-										onerror={() => {
-											failedCovers = new Set([...failedCovers, song.id]);
-										}}
-									/>
-								{:else}
-									<MusicNote
-										size={20}
-										class="text-foreground-secondary transition-opacity {playerStore.currentSong
-											?.id === song.id && playerStore.isPlaying
-											? 'opacity-0'
-											: 'group-hover:opacity-0'}"
-									/>
-								{/if}
-								<!-- Playing indicator or play icon on hover -->
-								{#if playerStore.currentSong?.id === song.id && playerStore.isPlaying}
-									<div
-										class="absolute inset-0 flex items-center justify-center bg-black/40 rounded"
-									>
-										<Pause size={20} weight="fill" class="text-white" />
-									</div>
-								{:else}
-									<div
-										class="absolute inset-0 items-center justify-center bg-black/40 rounded hidden group-hover:flex"
-									>
-										<Play size={20} weight="fill" class="text-white" />
-									</div>
-								{/if}
-							</div>
-							<span
-								class="truncate font-medium {playerStore.currentSong?.id === song.id
-									? 'text-primary'
-									: ''}">{song.title}</span
-							>
-							<span class="truncate text-foreground-secondary">{song.artist ?? 'Unknown'}</span>
-							<span class="truncate text-foreground-secondary">{song.album ?? 'Unknown'}</span>
-							<span class="text-right text-foreground-secondary text-sm">
-								{formatDuration(song.duration)}
-							</span>
-							<button
-								onclick={(e) => handleEditSong(song, e)}
-								class="p-1 text-foreground-secondary hover:text-primary transition-colors"
-								title="Edit metadata"
-							>
-								<PencilSimple size={16} />
-							</button>
-							<button
-								onclick={(e) => openInEditor(song.id, e)}
-								class="p-1 text-foreground-secondary hover:text-primary transition-colors"
-								title="Open in Editor"
-							>
-								<MusicNote size={16} />
-							</button>
-							<button
-								onclick={(e) => handleToggleFavorite(song.id, e)}
-								class="p-1 transition-colors {song.favorite
-									? 'text-red-500'
-									: 'text-foreground-secondary hover:text-red-500'}"
-								title={song.favorite ? 'Remove from favorites' : 'Add to favorites'}
-							>
-								<Heart size={16} />
-							</button>
-						</div>
-					{/each}
-				</div>
-			{/if}
-		{/if}
-
-		<!-- Albums Tab -->
-		{#if libraryStore.activeTab === 'albums'}
-			{#if libraryStore.albums.length === 0}
-				<div class="text-center py-16">
-					<p class="text-foreground-secondary">No albums found</p>
-				</div>
-			{:else}
-				<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-					{#each libraryStore.albums as album}
-						<a
-							href="/library/albums/{encodeURIComponent(album.album)}"
-							class="bg-surface rounded-lg p-4 hover:bg-surface-hover transition-colors group"
-						>
-							<div
-								class="aspect-square bg-background rounded-lg mb-3 flex items-center justify-center overflow-hidden"
-							>
-								{#if album.coverArtPath && libraryStore.coverUrls[album.coverArtPath] && !failedCovers.has(album.coverArtPath)}
-									<img
-										src={libraryStore.coverUrls[album.coverArtPath]}
-										alt={album.album}
-										class="w-full h-full object-cover"
-										onerror={() => {
-											if (album.coverArtPath)
-												failedCovers = new Set([...failedCovers, album.coverArtPath]);
-										}}
-									/>
-								{:else}
-									<MusicNote size={48} class="text-foreground-secondary" />
-								{/if}
-							</div>
-							<h3 class="font-medium truncate group-hover:text-primary transition-colors">
-								{album.album}
-							</h3>
-							<p class="text-sm text-foreground-secondary">
-								{album.songCount}
-								{album.songCount === 1 ? 'song' : 'songs'}
-							</p>
-						</a>
-					{/each}
-				</div>
-			{/if}
-		{/if}
-
-		<!-- Artists Tab -->
-		{#if libraryStore.activeTab === 'artists'}
-			{#if libraryStore.artists.length === 0}
-				<div class="text-center py-16">
-					<p class="text-foreground-secondary">No artists found</p>
-				</div>
-			{:else}
-				<div class="bg-surface rounded-lg overflow-hidden">
-					{#each libraryStore.artists as artist}
-						<a
-							href="/library/artists/{encodeURIComponent(artist.artist)}"
-							class="flex items-center justify-between px-4 py-3 hover:bg-background transition-colors border-b border-border last:border-b-0"
-						>
-							<div class="flex items-center gap-3">
-								<div
-									class="w-10 h-10 rounded-full bg-background flex items-center justify-center text-foreground-secondary"
-								>
-									<User size={20} />
-								</div>
-								<span class="font-medium">{artist.artist}</span>
-							</div>
-							<span class="text-sm text-foreground-secondary">
-								{artist.songCount}
-								{artist.songCount === 1 ? 'song' : 'songs'}
-							</span>
-						</a>
-					{/each}
-				</div>
-			{/if}
-		{/if}
-
-		<!-- Genres Tab -->
-		{#if libraryStore.activeTab === 'genres'}
-			{#if libraryStore.genres.length === 0}
-				<div class="text-center py-16">
-					<p class="text-foreground-secondary">No genres found</p>
-				</div>
-			{:else}
-				<div class="bg-surface rounded-lg overflow-hidden">
-					{#each libraryStore.genres as genre}
-						<a
-							href="/library/genres/{encodeURIComponent(genre.genre)}"
-							class="flex items-center justify-between px-4 py-3 hover:bg-background transition-colors border-b border-border last:border-b-0"
-						>
-							<span class="font-medium">{genre.genre}</span>
-							<span class="text-sm text-foreground-secondary">
-								{genre.songCount}
-								{genre.songCount === 1 ? 'song' : 'songs'}
-							</span>
-						</a>
-					{/each}
-				</div>
-			{/if}
-		{/if}
-	{/if}
-</div>
-
-{#if editingSong}
-	<SongEditor
-		song={editingSong}
-		open={editingSong !== null}
-		onclose={() => {
-			editingSong = null;
-		}}
-	/>
-{/if}
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => {
-		contextMenuVisible = false;
-		contextMenuSong = null;
-	}}
-/>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/library/albums/[name]/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/library/albums/[name]/+page.svelte
deleted file mode 100644
index c251005a4..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/library/albums/[name]/+page.svelte
+++ /dev/null
@@ -1,166 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import type { Song } from '@mukke/shared';
-	import { CaretLeft, MusicNote } from '@manacore/shared-icons';
-
-	function getBackendUrl(): string {
-		let baseUrl = 'http://localhost:3010';
-		if (typeof window !== 'undefined') {
-			baseUrl =
-				(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__ ||
-				'http://localhost:3010';
-		}
-		return baseUrl.endsWith('/api/v1') ? baseUrl : `${baseUrl}/api/v1`;
-	}
-
-	async function fetchApi<T>(path: string): Promise<T> {
-		const authHeaders = await authStore.getAuthHeaders();
-		const response = await fetch(`${getBackendUrl()}${path}`, {
-			headers: {
-				'Content-Type': 'application/json',
-				...authHeaders,
-			},
-		});
-		if (!response.ok) throw new Error('Request failed');
-		return response.json();
-	}
-
-	let songs = $state<Song[]>([]);
-	let isLoading = $state(true);
-	let error = $state<string | null>(null);
-	let coverUrl = $state<string | null>(null);
-
-	let albumName = $derived(decodeURIComponent($page.params.name ?? ''));
-	let albumArtist = $derived(
-		songs.length > 0 ? (songs[0].albumArtist ?? songs[0].artist ?? 'Unknown') : ''
-	);
-	let albumYear = $derived(songs.find((s) => s.year)?.year ?? null);
-
-	$effect(() => {
-		const name = $page.params.name;
-		if (!name) return;
-
-		isLoading = true;
-		error = null;
-		coverUrl = null;
-
-		fetchApi<{ songs: Song[] }>(`/library/albums/${encodeURIComponent(decodeURIComponent(name))}`)
-			.then((data) => {
-				songs = data.songs;
-				const songWithCover = data.songs.find((s) => s.coverArtPath);
-				if (songWithCover) {
-					fetchApi<{ url: string | null }>(`/songs/${songWithCover.id}/cover-url`).then((res) => {
-						coverUrl = res.url;
-					});
-				}
-			})
-			.catch((e) => {
-				error = e instanceof Error ? e.message : 'Failed to load album';
-			})
-			.finally(() => {
-				isLoading = false;
-			});
-	});
-
-	function formatDuration(seconds: number | null | undefined): string {
-		if (!seconds) return '0:00';
-		return Math.floor(seconds / 60) + ':' + String(Math.floor(seconds % 60)).padStart(2, '0');
-	}
-
-	function playSong(index: number) {
-		playerStore.playQueue(songs, index);
-	}
-
-	function playAll() {
-		if (songs.length > 0) {
-			playerStore.playQueue(songs, 0);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{albumName} - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-4xl mx-auto">
-	<!-- Back button -->
-	<a
-		href="/library"
-		class="inline-flex items-center gap-1 text-sm text-foreground-secondary hover:text-foreground mb-6 transition-colors"
-	>
-		<CaretLeft size={16} />
-		Back to Library
-	</a>
-
-	{#if isLoading}
-		<div class="flex items-center justify-center py-16">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if error}
-		<div class="text-center py-16">
-			<p class="text-red-500">{error}</p>
-		</div>
-	{:else}
-		<!-- Album header -->
-		<div class="flex items-end gap-6 mb-8">
-			<div
-				class="w-48 h-48 bg-surface rounded-lg flex items-center justify-center flex-shrink-0 overflow-hidden"
-			>
-				{#if coverUrl}
-					<img src={coverUrl} alt={albumName} class="w-full h-full object-cover" />
-				{:else}
-					<MusicNote size={20} class="text-foreground-secondary" />
-				{/if}
-			</div>
-			<div>
-				<h1 class="text-3xl font-bold mb-1">{albumName}</h1>
-				<p class="text-foreground-secondary text-lg">{albumArtist}</p>
-				<p class="text-foreground-secondary text-sm mt-1">
-					{#if albumYear}{albumYear} &middot;
-					{/if}
-					{songs.length}
-					{songs.length === 1 ? 'song' : 'songs'}
-				</p>
-				<button
-					onclick={playAll}
-					class="mt-4 px-6 py-2 bg-primary text-white rounded-full text-sm font-medium hover:opacity-90 transition-opacity"
-				>
-					Play All
-				</button>
-			</div>
-		</div>
-
-		<!-- Song list -->
-		{#if songs.length > 0}
-			<div class="bg-surface rounded-lg overflow-hidden">
-				<div
-					class="grid grid-cols-[40px_1fr_1fr_80px] gap-4 px-4 py-3 text-xs font-medium text-foreground-secondary uppercase tracking-wide border-b border-border"
-				>
-					<span class="text-right">#</span>
-					<span>Title</span>
-					<span>Artist</span>
-					<span class="text-right">Duration</span>
-				</div>
-				{#each songs as song, i}
-					<button
-						onclick={() => playSong(i)}
-						class="grid grid-cols-[40px_1fr_1fr_80px] gap-4 px-4 py-3 hover:bg-background transition-colors items-center w-full text-left"
-					>
-						<span class="text-right text-foreground-secondary text-sm"
-							>{song.trackNumber ?? i + 1}</span
-						>
-						<span class="truncate font-medium">{song.title}</span>
-						<span class="truncate text-foreground-secondary">{song.artist ?? 'Unknown'}</span>
-						<span class="text-right text-foreground-secondary text-sm"
-							>{formatDuration(song.duration)}</span
-						>
-					</button>
-				{/each}
-			</div>
-		{/if}
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/library/artists/[name]/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/library/artists/[name]/+page.svelte
deleted file mode 100644
index d1b124fdf..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/library/artists/[name]/+page.svelte
+++ /dev/null
@@ -1,141 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import type { Song } from '@mukke/shared';
-	import { CaretLeft, User } from '@manacore/shared-icons';
-
-	function getBackendUrl(): string {
-		let baseUrl = 'http://localhost:3010';
-		if (typeof window !== 'undefined') {
-			baseUrl =
-				(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__ ||
-				'http://localhost:3010';
-		}
-		return baseUrl.endsWith('/api/v1') ? baseUrl : `${baseUrl}/api/v1`;
-	}
-
-	async function fetchApi<T>(path: string): Promise<T> {
-		const authHeaders = await authStore.getAuthHeaders();
-		const response = await fetch(`${getBackendUrl()}${path}`, {
-			headers: {
-				'Content-Type': 'application/json',
-				...authHeaders,
-			},
-		});
-		if (!response.ok) throw new Error('Request failed');
-		return response.json();
-	}
-
-	let songs = $state<Song[]>([]);
-	let isLoading = $state(true);
-	let error = $state<string | null>(null);
-
-	let artistName = $derived(decodeURIComponent($page.params.name ?? ''));
-
-	$effect(() => {
-		const name = $page.params.name;
-		if (!name) return;
-
-		isLoading = true;
-		error = null;
-
-		fetchApi<{ songs: Song[] }>(`/library/artists/${encodeURIComponent(decodeURIComponent(name))}`)
-			.then((data) => {
-				songs = data.songs;
-			})
-			.catch((e) => {
-				error = e instanceof Error ? e.message : 'Failed to load artist';
-			})
-			.finally(() => {
-				isLoading = false;
-			});
-	});
-
-	function formatDuration(seconds: number | null | undefined): string {
-		if (!seconds) return '0:00';
-		return Math.floor(seconds / 60) + ':' + String(Math.floor(seconds % 60)).padStart(2, '0');
-	}
-
-	function playSong(index: number) {
-		playerStore.playQueue(songs, index);
-	}
-
-	function playAll() {
-		if (songs.length > 0) {
-			playerStore.playQueue(songs, 0);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{artistName} - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-4xl mx-auto">
-	<!-- Back button -->
-	<a
-		href="/library"
-		class="inline-flex items-center gap-1 text-sm text-foreground-secondary hover:text-foreground mb-6 transition-colors"
-	>
-		<CaretLeft size={16} />
-		Back to Library
-	</a>
-
-	{#if isLoading}
-		<div class="flex items-center justify-center py-16">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if error}
-		<div class="text-center py-16">
-			<p class="text-red-500">{error}</p>
-		</div>
-	{:else}
-		<!-- Artist header -->
-		<div class="flex items-end gap-6 mb-8">
-			<div class="w-36 h-36 bg-surface rounded-full flex items-center justify-center flex-shrink-0">
-				<User size={20} class="text-foreground-secondary" />
-			</div>
-			<div>
-				<h1 class="text-3xl font-bold mb-1">{artistName}</h1>
-				<p class="text-foreground-secondary text-sm">
-					{songs.length}
-					{songs.length === 1 ? 'song' : 'songs'}
-				</p>
-				<button
-					onclick={playAll}
-					class="mt-4 px-6 py-2 bg-primary text-white rounded-full text-sm font-medium hover:opacity-90 transition-opacity"
-				>
-					Play All
-				</button>
-			</div>
-		</div>
-
-		<!-- Song list -->
-		{#if songs.length > 0}
-			<div class="bg-surface rounded-lg overflow-hidden">
-				<div
-					class="grid grid-cols-[1fr_1fr_80px] gap-4 px-4 py-3 text-xs font-medium text-foreground-secondary uppercase tracking-wide border-b border-border"
-				>
-					<span>Title</span>
-					<span>Album</span>
-					<span class="text-right">Duration</span>
-				</div>
-				{#each songs as song, i}
-					<button
-						onclick={() => playSong(i)}
-						class="grid grid-cols-[1fr_1fr_80px] gap-4 px-4 py-3 hover:bg-background transition-colors items-center w-full text-left"
-					>
-						<span class="truncate font-medium">{song.title}</span>
-						<span class="truncate text-foreground-secondary">{song.album ?? 'Unknown'}</span>
-						<span class="text-right text-foreground-secondary text-sm"
-							>{formatDuration(song.duration)}</span
-						>
-					</button>
-				{/each}
-			</div>
-		{/if}
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/library/genres/[name]/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/library/genres/[name]/+page.svelte
deleted file mode 100644
index 88fc721a0..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/library/genres/[name]/+page.svelte
+++ /dev/null
@@ -1,136 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import type { Song } from '@mukke/shared';
-	import { CaretLeft } from '@manacore/shared-icons';
-
-	function getBackendUrl(): string {
-		let baseUrl = 'http://localhost:3010';
-		if (typeof window !== 'undefined') {
-			baseUrl =
-				(window as unknown as { __PUBLIC_BACKEND_URL__: string }).__PUBLIC_BACKEND_URL__ ||
-				'http://localhost:3010';
-		}
-		return baseUrl.endsWith('/api/v1') ? baseUrl : `${baseUrl}/api/v1`;
-	}
-
-	async function fetchApi<T>(path: string): Promise<T> {
-		const authHeaders = await authStore.getAuthHeaders();
-		const response = await fetch(`${getBackendUrl()}${path}`, {
-			headers: {
-				'Content-Type': 'application/json',
-				...authHeaders,
-			},
-		});
-		if (!response.ok) throw new Error('Request failed');
-		return response.json();
-	}
-
-	let songs = $state<Song[]>([]);
-	let isLoading = $state(true);
-	let error = $state<string | null>(null);
-
-	let genreName = $derived(decodeURIComponent($page.params.name ?? ''));
-
-	$effect(() => {
-		const name = $page.params.name;
-		if (!name) return;
-
-		isLoading = true;
-		error = null;
-
-		fetchApi<{ songs: Song[] }>(`/library/genres/${encodeURIComponent(decodeURIComponent(name))}`)
-			.then((data) => {
-				songs = data.songs;
-			})
-			.catch((e) => {
-				error = e instanceof Error ? e.message : 'Failed to load genre';
-			})
-			.finally(() => {
-				isLoading = false;
-			});
-	});
-
-	function formatDuration(seconds: number | null | undefined): string {
-		if (!seconds) return '0:00';
-		return Math.floor(seconds / 60) + ':' + String(Math.floor(seconds % 60)).padStart(2, '0');
-	}
-
-	function playSong(index: number) {
-		playerStore.playQueue(songs, index);
-	}
-
-	function playAll() {
-		if (songs.length > 0) {
-			playerStore.playQueue(songs, 0);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{genreName} - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-4xl mx-auto">
-	<!-- Back button -->
-	<a
-		href="/library"
-		class="inline-flex items-center gap-1 text-sm text-foreground-secondary hover:text-foreground mb-6 transition-colors"
-	>
-		<CaretLeft size={16} />
-		Back to Library
-	</a>
-
-	{#if isLoading}
-		<div class="flex items-center justify-center py-16">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if error}
-		<div class="text-center py-16">
-			<p class="text-red-500">{error}</p>
-		</div>
-	{:else}
-		<!-- Genre header -->
-		<div class="mb-8">
-			<h1 class="text-3xl font-bold mb-1">{genreName}</h1>
-			<p class="text-foreground-secondary text-sm">
-				{songs.length}
-				{songs.length === 1 ? 'song' : 'songs'}
-			</p>
-			<button
-				onclick={playAll}
-				class="mt-4 px-6 py-2 bg-primary text-white rounded-full text-sm font-medium hover:opacity-90 transition-opacity"
-			>
-				Play All
-			</button>
-		</div>
-
-		<!-- Song list -->
-		{#if songs.length > 0}
-			<div class="bg-surface rounded-lg overflow-hidden">
-				<div
-					class="grid grid-cols-[1fr_1fr_80px] gap-4 px-4 py-3 text-xs font-medium text-foreground-secondary uppercase tracking-wide border-b border-border"
-				>
-					<span>Title</span>
-					<span>Artist</span>
-					<span class="text-right">Duration</span>
-				</div>
-				{#each songs as song, i}
-					<button
-						onclick={() => playSong(i)}
-						class="grid grid-cols-[1fr_1fr_80px] gap-4 px-4 py-3 hover:bg-background transition-colors items-center w-full text-left"
-					>
-						<span class="truncate font-medium">{song.title}</span>
-						<span class="truncate text-foreground-secondary">{song.artist ?? 'Unknown'}</span>
-						<span class="text-right text-foreground-secondary text-sm"
-							>{formatDuration(song.duration)}</span
-						>
-					</button>
-				{/each}
-			</div>
-		{/if}
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/playlists/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/playlists/+page.svelte
deleted file mode 100644
index 371e49a48..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/playlists/+page.svelte
+++ /dev/null
@@ -1,158 +0,0 @@
-<script lang="ts">
-	import { playlistStore } from '$lib/stores/playlist.svelte';
-	import { MukkeEvents } from '@manacore/shared-utils/analytics';
-	import { useAllPlaylists } from '$lib/data/queries';
-	import { List, MusicNote, Plus, Trash } from '@manacore/shared-icons';
-
-	// Live query — auto-updates on IndexedDB changes
-	const allPlaylists = useAllPlaylists();
-
-	let showCreateModal = $state(false);
-	let newName = $state('');
-	let newDescription = $state('');
-	let isCreating = $state(false);
-
-	async function handleCreate() {
-		if (!newName.trim()) return;
-		isCreating = true;
-		try {
-			await playlistStore.createPlaylist(newName.trim(), newDescription.trim() || undefined);
-			MukkeEvents.playlistCreated();
-			newName = '';
-			newDescription = '';
-			showCreateModal = false;
-		} catch (e) {
-			console.error('Failed to create playlist:', e);
-		}
-		isCreating = false;
-	}
-
-	async function handleDelete(id: string, e: Event) {
-		e.preventDefault();
-		e.stopPropagation();
-		if (!confirm('Delete this playlist?')) return;
-		await playlistStore.deletePlaylist(id);
-		MukkeEvents.playlistDeleted();
-	}
-
-	function truncate(text: string, max: number): string {
-		if (text.length <= max) return text;
-		return text.slice(0, max) + '...';
-	}
-</script>
-
-<svelte:head>
-	<title>Playlists - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-6xl mx-auto">
-	<div class="flex items-center justify-between mb-6">
-		<h1 class="text-2xl font-bold">Playlists</h1>
-		<button
-			onclick={() => (showCreateModal = true)}
-			class="flex items-center gap-2 px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium"
-		>
-			<Plus size={16} />
-			Create Playlist
-		</button>
-	</div>
-
-	{#if allPlaylists.value.length === 0}
-		<div class="text-center py-16">
-			<List size={48} class="text-foreground-secondary mx-auto mb-3" />
-			<p class="text-foreground-secondary mb-3">No playlists yet</p>
-			<button onclick={() => (showCreateModal = true)} class="text-sm text-primary hover:underline">
-				Create your first playlist
-			</button>
-		</div>
-	{:else}
-		<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-			{#each allPlaylists.value as playlist}
-				<a
-					href="/playlists/{playlist.id}"
-					class="bg-surface rounded-lg p-4 hover:bg-surface-hover transition-colors group relative"
-				>
-					<div
-						class="aspect-square bg-background rounded-lg mb-3 flex items-center justify-center overflow-hidden"
-					>
-						{#if playlist.coverArtPath && false}
-							<img src={false} alt={playlist.name} class="w-full h-full object-cover" />
-						{:else}
-							<MusicNote size={48} class="text-foreground-secondary" />
-						{/if}
-					</div>
-					<h3 class="font-medium truncate group-hover:text-primary transition-colors">
-						{playlist.name}
-					</h3>
-					{#if playlist.description}
-						<p class="text-sm text-foreground-secondary mt-1">
-							{truncate(playlist.description, 60)}
-						</p>
-					{/if}
-					<button
-						onclick={(e) => handleDelete(playlist.id, e)}
-						class="absolute top-3 right-3 p-1.5 rounded-lg bg-background/80 text-foreground-secondary hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity"
-						title="Delete playlist"
-					>
-						<Trash size={16} />
-					</button>
-				</a>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<!-- Create Playlist Modal -->
-{#if showCreateModal}
-	<div class="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4">
-		<div class="bg-surface rounded-xl p-6 w-full max-w-md">
-			<h2 class="text-lg font-bold mb-4">Create Playlist</h2>
-			<form
-				onsubmit={(e) => {
-					e.preventDefault();
-					handleCreate();
-				}}
-			>
-				<div class="mb-4">
-					<label for="playlist-name" class="block text-sm font-medium mb-1">Name</label>
-					<input
-						id="playlist-name"
-						type="text"
-						bind:value={newName}
-						placeholder="My Playlist"
-						class="w-full px-3 py-2 bg-background border border-border rounded-lg text-foreground focus:outline-none focus:ring-2 focus:ring-primary"
-						required
-					/>
-				</div>
-				<div class="mb-6">
-					<label for="playlist-description" class="block text-sm font-medium mb-1"
-						>Description (optional)</label
-					>
-					<textarea
-						id="playlist-description"
-						bind:value={newDescription}
-						placeholder="Describe your playlist..."
-						rows="3"
-						class="w-full px-3 py-2 bg-background border border-border rounded-lg text-foreground focus:outline-none focus:ring-2 focus:ring-primary resize-none"
-					></textarea>
-				</div>
-				<div class="flex justify-end gap-3">
-					<button
-						type="button"
-						onclick={() => (showCreateModal = false)}
-						class="px-4 py-2 text-sm font-medium text-foreground-secondary hover:text-foreground transition-colors"
-					>
-						Cancel
-					</button>
-					<button
-						type="submit"
-						disabled={!newName.trim() || isCreating}
-						class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium disabled:opacity-50"
-					>
-						{isCreating ? 'Creating...' : 'Create'}
-					</button>
-				</div>
-			</form>
-		</div>
-	</div>
-{/if}
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/playlists/[id]/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/playlists/[id]/+page.svelte
deleted file mode 100644
index f65e4cdff..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/playlists/[id]/+page.svelte
+++ /dev/null
@@ -1,233 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { playlistStore } from '$lib/stores/playlist.svelte';
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { MukkeEvents } from '@manacore/shared-utils/analytics';
-	import type { Song } from '@mukke/shared';
-	import { CaretLeft, FileText, MusicNote, Play, Plus, X } from '@manacore/shared-icons';
-
-	let isEditingName = $state(false);
-	let editName = $state('');
-
-	let id = $derived($page.params.id ?? '');
-
-	onMount(() => {
-		if (id) playlistStore.loadPlaylist(id);
-	});
-
-	function formatDuration(seconds: number | null | undefined): string {
-		if (!seconds) return '0:00';
-		return Math.floor(seconds / 60) + ':' + String(Math.floor(seconds % 60)).padStart(2, '0');
-	}
-
-	function shuffleArray<T>(arr: T[]): T[] {
-		const result = [...arr];
-		for (let i = result.length - 1; i > 0; i--) {
-			const j = Math.floor(Math.random() * (i + 1));
-			[result[i], result[j]] = [result[j], result[i]];
-		}
-		return result;
-	}
-
-	function handlePlayAll() {
-		const playlist = playlistStore.currentPlaylist;
-		if (!playlist || playlist.songs.length === 0) return;
-		playerStore.playQueue(playlist.songs, 0);
-		MukkeEvents.playlistPlayAll();
-	}
-
-	function handleShufflePlay() {
-		const playlist = playlistStore.currentPlaylist;
-		if (!playlist || playlist.songs.length === 0) return;
-		const shuffled = shuffleArray(playlist.songs);
-		playerStore.playQueue(shuffled, 0);
-		MukkeEvents.playlistShufflePlay();
-	}
-
-	function handlePlaySong(song: Song, index: number) {
-		const playlist = playlistStore.currentPlaylist;
-		if (!playlist) return;
-		playerStore.playSong(song, playlist.songs, index);
-	}
-
-	async function handleRemoveSong(songId: string, e: Event) {
-		e.stopPropagation();
-		await playlistStore.removeSong(id, songId);
-	}
-
-	function startEditName() {
-		if (!playlistStore.currentPlaylist) return;
-		editName = playlistStore.currentPlaylist.name;
-		isEditingName = true;
-	}
-
-	async function saveName() {
-		if (!editName.trim()) return;
-		await playlistStore.updatePlaylist(id, { name: editName.trim() });
-		isEditingName = false;
-	}
-
-	function handleNameKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			saveName();
-		} else if (e.key === 'Escape') {
-			isEditingName = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{playlistStore.currentPlaylist?.name ?? 'Playlist'} - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-6xl mx-auto">
-	<!-- Back button -->
-	<a
-		href="/playlists"
-		class="inline-flex items-center gap-1 text-sm text-foreground-secondary hover:text-foreground transition-colors mb-4"
-	>
-		<CaretLeft size={16} />
-		Back to Playlists
-	</a>
-
-	{#if playlistStore.isLoading}
-		<div class="flex items-center justify-center py-16">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if playlistStore.error}
-		<div class="text-center py-16">
-			<p class="text-red-500 mb-2">{playlistStore.error}</p>
-			<button
-				onclick={() => playlistStore.loadPlaylist(id)}
-				class="text-sm text-primary hover:underline"
-			>
-				Try again
-			</button>
-		</div>
-	{:else if playlistStore.currentPlaylist}
-		<!-- Header -->
-		<div class="mb-6">
-			{#if isEditingName}
-				<input
-					type="text"
-					bind:value={editName}
-					onkeydown={handleNameKeydown}
-					onblur={() => saveName()}
-					class="text-2xl font-bold bg-transparent border-b-2 border-primary focus:outline-none w-full"
-					autofocus
-				/>
-			{:else}
-				<h1
-					class="text-2xl font-bold cursor-pointer hover:text-primary transition-colors"
-					onclick={startEditName}
-					title="Click to edit name"
-				>
-					{playlistStore.currentPlaylist.name}
-				</h1>
-			{/if}
-			{#if playlistStore.currentPlaylist.description}
-				<p class="text-foreground-secondary mt-1">
-					{playlistStore.currentPlaylist.description}
-				</p>
-			{/if}
-			<p class="text-sm text-foreground-secondary mt-2">
-				{playlistStore.currentPlaylist.songs.length}
-				{playlistStore.currentPlaylist.songs.length === 1 ? 'song' : 'songs'}
-			</p>
-		</div>
-
-		<!-- Action buttons -->
-		<div class="flex items-center gap-3 mb-6">
-			<button
-				onclick={handlePlayAll}
-				disabled={playlistStore.currentPlaylist.songs.length === 0}
-				class="flex items-center gap-2 px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium disabled:opacity-50"
-			>
-				<Play size={16} weight="fill" />
-				Play All
-			</button>
-			<button
-				onclick={handleShufflePlay}
-				disabled={playlistStore.currentPlaylist.songs.length === 0}
-				class="flex items-center gap-2 px-4 py-2 bg-surface border border-border rounded-lg hover:bg-background transition-colors text-sm font-medium disabled:opacity-50"
-			>
-				<FileText size={16} />
-				Shuffle
-			</button>
-			<a
-				href="/library"
-				class="flex items-center gap-2 px-4 py-2 bg-surface border border-border rounded-lg hover:bg-background transition-colors text-sm font-medium"
-			>
-				<Plus size={16} />
-				Add Songs
-			</a>
-		</div>
-
-		<!-- Song list -->
-		{#if playlistStore.currentPlaylist.songs.length === 0}
-			<div class="text-center py-16">
-				<MusicNote size={48} class="text-foreground-secondary mx-auto mb-3" />
-				<p class="text-foreground-secondary mb-2">No songs in this playlist</p>
-				<a href="/library" class="text-sm text-primary hover:underline">
-					Browse your library to add songs
-				</a>
-			</div>
-		{:else}
-			<div class="bg-surface rounded-lg overflow-hidden">
-				<!-- Header -->
-				<div
-					class="grid grid-cols-[40px_1fr_1fr_1fr_80px_40px] gap-4 px-4 py-3 text-xs font-medium text-foreground-secondary uppercase tracking-wide border-b border-border"
-				>
-					<span></span>
-					<span>Title</span>
-					<span>Artist</span>
-					<span>Album</span>
-					<span class="text-right">Duration</span>
-					<span></span>
-				</div>
-				<!-- Song rows -->
-				{#each playlistStore.currentPlaylist.songs as song, index}
-					<div
-						class="grid grid-cols-[40px_1fr_1fr_1fr_80px_40px] gap-4 px-4 py-3 hover:bg-background transition-colors items-center cursor-pointer"
-						onclick={() => handlePlaySong(song, index)}
-						role="button"
-						tabindex="0"
-						onkeydown={(e) => {
-							if (e.key === 'Enter') handlePlaySong(song, index);
-						}}
-					>
-						<div
-							class="w-10 h-10 rounded bg-background flex items-center justify-center overflow-hidden flex-shrink-0"
-						>
-							{#if song.coverArtPath && playlistStore.coverUrls[song.coverArtPath]}
-								<img
-									src={playlistStore.coverUrls[song.coverArtPath]}
-									alt=""
-									class="w-full h-full object-cover"
-								/>
-							{:else}
-								<MusicNote size={20} class="text-foreground-secondary" />
-							{/if}
-						</div>
-						<span class="truncate font-medium">{song.title}</span>
-						<span class="truncate text-foreground-secondary">{song.artist ?? 'Unknown'}</span>
-						<span class="truncate text-foreground-secondary">{song.album ?? 'Unknown'}</span>
-						<span class="text-right text-foreground-secondary text-sm">
-							{formatDuration(song.duration)}
-						</span>
-						<button
-							onclick={(e) => handleRemoveSong(song.id, e)}
-							class="p-1 text-foreground-secondary hover:text-red-500 transition-colors"
-							title="Remove from playlist"
-						>
-							<X size={16} />
-						</button>
-					</div>
-				{/each}
-			</div>
-		{/if}
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 454342078..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<ProfilePage user={authStore.user} appName="Mukke" />
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/projects/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/projects/+page.svelte
deleted file mode 100644
index b86ef6399..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/projects/+page.svelte
+++ /dev/null
@@ -1,182 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { projectStore } from '$lib/stores/project.svelte';
-	import { MukkeEvents } from '@manacore/shared-utils/analytics';
-	import { MusicNote, Plus, Trash } from '@manacore/shared-icons';
-
-	let showCreateModal = $state(false);
-	let newProjectTitle = $state('');
-	let newProjectDescription = $state('');
-	let isCreating = $state(false);
-
-	onMount(async () => {
-		await projectStore.loadProjects();
-	});
-
-	async function handleCreateProject() {
-		if (!newProjectTitle.trim()) return;
-
-		isCreating = true;
-		try {
-			const project = await projectStore.createProject(newProjectTitle, newProjectDescription);
-			MukkeEvents.projectCreated();
-			showCreateModal = false;
-			newProjectTitle = '';
-			newProjectDescription = '';
-			goto(`/editor/${project.id}`);
-		} finally {
-			isCreating = false;
-		}
-	}
-
-	async function handleDeleteProject(id: string, e: Event) {
-		e.stopPropagation();
-		e.preventDefault();
-		if (confirm('Are you sure you want to delete this project?')) {
-			await projectStore.deleteProject(id);
-			MukkeEvents.projectDeleted();
-		}
-	}
-
-	function formatDate(date: Date | string): string {
-		return new Date(date).toLocaleDateString('en-US', {
-			year: 'numeric',
-			month: 'short',
-			day: 'numeric',
-		});
-	}
-</script>
-
-<svelte:head>
-	<title>Editor Projects - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-6xl mx-auto">
-	<div class="flex items-center justify-between mb-8">
-		<h1 class="text-2xl font-bold">Editor Projects</h1>
-		<button
-			onclick={() => (showCreateModal = true)}
-			class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-hover transition-colors flex items-center gap-2"
-		>
-			<Plus size={20} />
-			New Project
-		</button>
-	</div>
-
-	{#if projectStore.isLoading}
-		<div class="flex items-center justify-center py-16">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if projectStore.projects.length === 0}
-		<div class="text-center py-16">
-			<div class="w-16 h-16 bg-surface rounded-full flex items-center justify-center mx-auto mb-4">
-				<MusicNote size={32} class="text-foreground-secondary" />
-			</div>
-			<h3 class="text-lg font-medium mb-2">No projects yet</h3>
-			<p class="text-foreground-secondary mb-4">Create your first project to get started</p>
-			<button
-				onclick={() => (showCreateModal = true)}
-				class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-hover transition-colors"
-			>
-				Create Project
-			</button>
-		</div>
-	{:else}
-		<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
-			{#each projectStore.projects as project}
-				<a
-					href="/editor/{project.id}"
-					class="block p-4 bg-surface rounded-lg hover:bg-surface-hover transition-colors group"
-				>
-					<div class="flex items-start justify-between">
-						<h3 class="font-medium group-hover:text-primary transition-colors">
-							{project.title}
-						</h3>
-						<button
-							onclick={(e) => handleDeleteProject(project.id, e)}
-							class="p-1 text-foreground-secondary hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity"
-						>
-							<Trash size={16} />
-						</button>
-					</div>
-					{#if project.description}
-						<p class="text-sm text-foreground-secondary mt-1 line-clamp-2">
-							{project.description}
-						</p>
-					{/if}
-					<p class="text-xs text-foreground-secondary mt-2">
-						Updated {formatDate(project.updatedAt)}
-					</p>
-				</a>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<!-- Create Project Modal -->
-{#if showCreateModal}
-	<div
-		class="fixed inset-0 bg-black/50 flex items-center justify-center z-50"
-		onclick={() => (showCreateModal = false)}
-		role="dialog"
-	>
-		<div
-			class="bg-surface rounded-lg p-6 w-full max-w-md"
-			onclick={(e) => e.stopPropagation()}
-			role="document"
-		>
-			<h2 class="text-xl font-bold mb-4">Create New Project</h2>
-			<form
-				onsubmit={(e) => {
-					e.preventDefault();
-					handleCreateProject();
-				}}
-			>
-				<div class="space-y-4">
-					<div>
-						<label for="title" class="block text-sm font-medium mb-1">Title</label>
-						<input
-							id="title"
-							type="text"
-							bind:value={newProjectTitle}
-							class="w-full px-3 py-2 bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-							placeholder="My New Track"
-							required
-						/>
-					</div>
-					<div>
-						<label for="description" class="block text-sm font-medium mb-1"
-							>Description (optional)</label
-						>
-						<textarea
-							id="description"
-							bind:value={newProjectDescription}
-							class="w-full px-3 py-2 bg-background border border-border rounded-lg focus:border-primary focus:outline-none resize-none"
-							rows="3"
-							placeholder="Add a description..."
-						></textarea>
-					</div>
-				</div>
-				<div class="flex justify-end gap-3 mt-6">
-					<button
-						type="button"
-						onclick={() => (showCreateModal = false)}
-						class="px-4 py-2 text-foreground-secondary hover:text-foreground transition-colors"
-					>
-						Cancel
-					</button>
-					<button
-						type="submit"
-						disabled={isCreating || !newProjectTitle.trim()}
-						class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-hover disabled:opacity-50 transition-colors"
-					>
-						{isCreating ? 'Creating...' : 'Create'}
-					</button>
-				</div>
-			</form>
-		</div>
-	</div>
-{/if}
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/search/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/search/+page.svelte
deleted file mode 100644
index b9859ab6f..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/search/+page.svelte
+++ /dev/null
@@ -1,203 +0,0 @@
-<script lang="ts">
-	import { libraryStore } from '$lib/stores/library.svelte';
-	import { playerStore } from '$lib/stores/player.svelte';
-	import { playlistStore } from '$lib/stores/playlist.svelte';
-	import type { Song } from '@mukke/shared';
-	import { Heart, MagnifyingGlass, Note, Plus } from '@manacore/shared-icons';
-
-	let query = $state('');
-	let results = $state<Song[]>([]);
-	let isSearching = $state(false);
-	let hasSearched = $state(false);
-	let debounceTimer = $state<ReturnType<typeof setTimeout> | null>(null);
-	let activePlaylistDropdown = $state<string | null>(null);
-
-	function handleInput() {
-		if (debounceTimer) clearTimeout(debounceTimer);
-
-		if (!query.trim()) {
-			results = [];
-			hasSearched = false;
-			return;
-		}
-
-		debounceTimer = setTimeout(async () => {
-			isSearching = true;
-			hasSearched = true;
-			try {
-				results = await libraryStore.searchSongs(query.trim());
-			} catch (e) {
-				console.error('Search failed:', e);
-				results = [];
-			}
-			isSearching = false;
-		}, 300);
-	}
-
-	function formatDuration(seconds: number | null | undefined): string {
-		if (!seconds) return '0:00';
-		return Math.floor(seconds / 60) + ':' + String(Math.floor(seconds % 60)).padStart(2, '0');
-	}
-
-	function handlePlaySong(song: Song, index: number) {
-		playerStore.playSong(song, results, index);
-	}
-
-	async function handleToggleFavorite(id: string, e: Event) {
-		e.stopPropagation();
-		const updated = await libraryStore.toggleFavorite(id);
-		results = results.map((s) => (s.id === id ? updated : s));
-	}
-
-	function togglePlaylistDropdown(songId: string, e: Event) {
-		e.stopPropagation();
-		if (activePlaylistDropdown === songId) {
-			activePlaylistDropdown = null;
-		} else {
-			activePlaylistDropdown = songId;
-			if (playlistStore.playlists.length === 0) {
-				playlistStore.loadPlaylists();
-			}
-		}
-	}
-
-	async function addToPlaylist(playlistId: string, songId: string, e: Event) {
-		e.stopPropagation();
-		try {
-			await playlistStore.addSong(playlistId, songId);
-		} catch (err) {
-			console.error('Failed to add song to playlist:', err);
-		}
-		activePlaylistDropdown = null;
-	}
-</script>
-
-<svelte:head>
-	<title>Search - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-6xl mx-auto">
-	<h1 class="text-2xl font-bold mb-6">Search</h1>
-
-	<!-- Search input -->
-	<div class="relative mb-6">
-		<MagnifyingGlass
-			size={20}
-			class="absolute left-3 top-1/2 -translate-y-1/2 text-foreground-secondary"
-		/>
-		<input
-			type="text"
-			bind:value={query}
-			oninput={handleInput}
-			placeholder="Search your music library..."
-			class="w-full pl-10 pr-4 py-3 bg-surface border border-border rounded-lg text-foreground placeholder:text-foreground-secondary focus:outline-none focus:ring-2 focus:ring-primary text-lg"
-			autofocus
-		/>
-	</div>
-
-	<!-- Loading -->
-	{#if isSearching}
-		<div class="flex items-center justify-center py-16">
-			<div
-				class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"
-			></div>
-		</div>
-	{:else if !hasSearched}
-		<!-- Empty state before searching -->
-		<div class="text-center py-16">
-			<MagnifyingGlass size={48} class="text-foreground-secondary mx-auto mb-3" />
-			<p class="text-foreground-secondary">Search your music library</p>
-		</div>
-	{:else if results.length === 0}
-		<!-- No results -->
-		<div class="text-center py-16">
-			<p class="text-foreground-secondary">No results found for "{query}"</p>
-		</div>
-	{:else}
-		<!-- Results -->
-		<p class="text-sm text-foreground-secondary mb-4">
-			{results.length}
-			{results.length === 1 ? 'result' : 'results'}
-		</p>
-		<div class="bg-surface rounded-lg overflow-hidden">
-			<!-- Header -->
-			<div
-				class="grid grid-cols-[1fr_1fr_1fr_80px_120px] gap-4 px-4 py-3 text-xs font-medium text-foreground-secondary uppercase tracking-wide border-b border-border"
-			>
-				<span>Title</span>
-				<span>Artist</span>
-				<span>Album</span>
-				<span class="text-right">Duration</span>
-				<span></span>
-			</div>
-			<!-- Song rows -->
-			{#each results as song, index}
-				<div
-					class="grid grid-cols-[1fr_1fr_1fr_80px_120px] gap-4 px-4 py-3 hover:bg-background transition-colors items-center cursor-pointer group"
-					onclick={() => handlePlaySong(song, index)}
-					role="button"
-					tabindex="0"
-					onkeydown={(e) => {
-						if (e.key === 'Enter') handlePlaySong(song, index);
-					}}
-				>
-					<span class="truncate font-medium">{song.title}</span>
-					<span class="truncate text-foreground-secondary">{song.artist ?? 'Unknown'}</span>
-					<span class="truncate text-foreground-secondary">{song.album ?? 'Unknown'}</span>
-					<span class="text-right text-foreground-secondary text-sm">
-						{formatDuration(song.duration)}
-					</span>
-					<div class="flex items-center justify-end gap-1">
-						<!-- Favorite -->
-						<button
-							onclick={(e) => handleToggleFavorite(song.id, e)}
-							class="p-1 transition-colors {song.favorite
-								? 'text-red-500'
-								: 'text-foreground-secondary hover:text-red-500'}"
-							title={song.favorite ? 'Remove from favorites' : 'Add to favorites'}
-						>
-							<Heart size={16} />
-						</button>
-						<!-- Add to Playlist -->
-						<div class="relative">
-							<button
-								onclick={(e) => togglePlaylistDropdown(song.id, e)}
-								class="p-1 text-foreground-secondary hover:text-foreground transition-colors"
-								title="Add to playlist"
-							>
-								<Plus size={16} />
-							</button>
-							{#if activePlaylistDropdown === song.id}
-								<div
-									class="absolute right-0 top-full mt-1 w-48 bg-surface border border-border rounded-lg shadow-lg z-20 py-1"
-								>
-									{#if playlistStore.playlists.length === 0}
-										<p class="px-3 py-2 text-sm text-foreground-secondary">No playlists</p>
-									{:else}
-										{#each playlistStore.playlists as playlist}
-											<button
-												onclick={(e) => addToPlaylist(playlist.id, song.id, e)}
-												class="w-full text-left px-3 py-2 text-sm hover:bg-background transition-colors truncate"
-											>
-												{playlist.name}
-											</button>
-										{/each}
-									{/if}
-								</div>
-							{/if}
-						</div>
-						<!-- Open in Editor -->
-						<a
-							href="/projects?songId={song.id}"
-							onclick={(e) => e.stopPropagation()}
-							class="p-1 text-foreground-secondary hover:text-foreground transition-colors"
-							title="Open in editor"
-						>
-							<Note size={16} />
-						</a>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 669dac16a..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		SettingsDangerZone,
-		SettingsDangerButton,
-	} from '@manacore/shared-ui';
-	import { User, MusicNotes, Info } from '@manacore/shared-icons';
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-</script>
-
-<svelte:head>
-	<title>Settings - Mukke</title>
-</svelte:head>
-
-<SettingsPage title="Settings" subtitle="Manage your Mukke preferences">
-	<!-- Account Section -->
-	<SettingsSection title="Account">
-		{#snippet icon()}<User size={20} />{/snippet}
-		<SettingsCard>
-			<SettingsRow label="Email" description={authStore.user?.email || 'Not logged in'} />
-			<SettingsRow label="Theme" description="Customize colors and appearance" href="/themes" />
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Library Section -->
-	<SettingsSection title="Library">
-		{#snippet icon()}<MusicNotes size={20} />{/snippet}
-		<SettingsCard>
-			<SettingsRow
-				label="Default Sort"
-				description="How songs are sorted by default in the library"
-			/>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- About Section -->
-	<SettingsSection title="About">
-		{#snippet icon()}<Info size={20} />{/snippet}
-		<SettingsCard>
-			<SettingsRow label="Version" description="1.0.0" />
-			<SettingsRow label="Help" description="Get help with Mukke" href="/help" />
-			<SettingsRow label="Feedback" description="Send us your feedback" href="/feedback" />
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Danger Zone -->
-	<SettingsDangerZone>
-		<SettingsDangerButton
-			label="Sign Out"
-			description="Sign out of your account"
-			onclick={handleLogout}
-		/>
-	</SettingsDangerZone>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index 19f855721..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | Mukke</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 47ed9d251..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme.svelte';
-</script>
-
-<svelte:head>
-	<title>Themes - Mukke</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/library')}
-/>
diff --git a/apps/mukke/apps/web-archived/src/routes/(app)/upload/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(app)/upload/+page.svelte
deleted file mode 100644
index 047f41912..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(app)/upload/+page.svelte
+++ /dev/null
@@ -1,317 +0,0 @@
-<script lang="ts">
-	import { libraryStore } from '$lib/stores/library.svelte';
-	import { MukkeEvents } from '@manacore/shared-utils/analytics';
-	import { Check, DownloadSimple, Plus, Warning, X } from '@manacore/shared-icons';
-
-	interface UploadFile {
-		file: File;
-		id: string;
-		status: 'pending' | 'uploading' | 'uploaded' | 'error';
-		progress: number;
-		error?: string;
-		songId?: string;
-		metadata: {
-			title: string;
-			artist: string;
-			album: string;
-			genre: string;
-			year: string;
-			month: string;
-			day: string;
-		};
-	}
-
-	let files = $state<UploadFile[]>([]);
-	let isDragOver = $state(false);
-	let savingMetadata = $state<Set<string>>(new Set());
-
-	function generateId(): string {
-		return Math.random().toString(36).substring(2, 10);
-	}
-
-	function handleDragOver(e: DragEvent) {
-		e.preventDefault();
-		isDragOver = true;
-	}
-
-	function handleDragLeave(e: DragEvent) {
-		e.preventDefault();
-		isDragOver = false;
-	}
-
-	function handleDrop(e: DragEvent) {
-		e.preventDefault();
-		isDragOver = false;
-		const droppedFiles = e.dataTransfer?.files;
-		if (droppedFiles) {
-			addFiles(droppedFiles);
-		}
-	}
-
-	function handleFileInput(e: Event) {
-		const input = e.target as HTMLInputElement;
-		if (input.files) {
-			addFiles(input.files);
-		}
-		input.value = '';
-	}
-
-	function addFiles(fileList: FileList) {
-		const audioFiles = Array.from(fileList).filter((f) => f.type.startsWith('audio/'));
-		const newFiles: UploadFile[] = audioFiles.map((file) => ({
-			file,
-			id: generateId(),
-			status: 'pending',
-			progress: 0,
-			metadata: {
-				title: file.name.replace(/\.[^.]+$/, ''),
-				artist: '',
-				album: '',
-				genre: '',
-				year: '',
-				month: '',
-				day: '',
-			},
-		}));
-		files = [...files, ...newFiles];
-
-		for (const uf of newFiles) {
-			uploadFile(uf);
-		}
-	}
-
-	async function uploadFile(uf: UploadFile) {
-		const index = files.findIndex((f) => f.id === uf.id);
-		if (index === -1) return;
-
-		files[index].status = 'uploading';
-		files[index].progress = 30;
-
-		try {
-			const song = await libraryStore.uploadSong(uf.file);
-			files[index].status = 'uploaded';
-			files[index].progress = 100;
-			files[index].songId = song.id;
-			MukkeEvents.songUploaded();
-
-			// Auto-extract ID3 tags from the uploaded file
-			try {
-				const extracted = await libraryStore.extractMetadata(song.id);
-				if (extracted.title) files[index].metadata.title = extracted.title;
-				if (extracted.artist) files[index].metadata.artist = extracted.artist;
-				if (extracted.album) files[index].metadata.album = extracted.album ?? '';
-				if (extracted.genre) files[index].metadata.genre = extracted.genre ?? '';
-				if (extracted.year) files[index].metadata.year = String(extracted.year);
-				if (extracted.month) files[index].metadata.month = String(extracted.month);
-				if (extracted.day) files[index].metadata.day = String(extracted.day);
-			} catch {
-				// Non-fatal: user can still edit metadata manually
-			}
-		} catch (e) {
-			files[index].status = 'error';
-			files[index].error = e instanceof Error ? e.message : 'Upload failed';
-			MukkeEvents.songUploadFailed();
-		}
-	}
-
-	async function saveMetadata(uf: UploadFile) {
-		if (!uf.songId) return;
-
-		savingMetadata = new Set([...savingMetadata, uf.id]);
-		try {
-			const data: Record<string, unknown> = {
-				title: uf.metadata.title,
-				artist: uf.metadata.artist || undefined,
-				album: uf.metadata.album || undefined,
-				genre: uf.metadata.genre || undefined,
-				year: uf.metadata.year ? parseInt(uf.metadata.year) : undefined,
-				month: uf.metadata.month ? parseInt(uf.metadata.month) : undefined,
-				day: uf.metadata.day ? parseInt(uf.metadata.day) : undefined,
-			};
-			await libraryStore.updateSongMetadata(uf.songId, data);
-		} catch (e) {
-			console.error('Failed to save metadata:', e);
-		} finally {
-			const next = new Set(savingMetadata);
-			next.delete(uf.id);
-			savingMetadata = next;
-		}
-	}
-
-	function removeFile(id: string) {
-		files = files.filter((f) => f.id !== id);
-	}
-</script>
-
-<svelte:head>
-	<title>Upload - Mukke</title>
-</svelte:head>
-
-<div class="p-6 max-w-4xl mx-auto">
-	<h1 class="text-2xl font-bold mb-6">Upload Songs</h1>
-
-	<!-- Drop Zone -->
-	<div
-		class="border-2 border-dashed rounded-lg p-12 text-center transition-colors {isDragOver
-			? 'border-primary bg-primary/5'
-			: 'border-border hover:border-foreground-secondary'}"
-		ondragover={handleDragOver}
-		ondragleave={handleDragLeave}
-		ondrop={handleDrop}
-		role="region"
-	>
-		<DownloadSimple size={48} class="mx-auto mb-4 text-foreground-secondary" />
-		<p class="text-foreground-secondary mb-2">Drag and drop audio files here</p>
-		<p class="text-sm text-foreground-secondary mb-4">or</p>
-		<label
-			class="inline-flex items-center gap-2 px-4 py-2.5 bg-primary text-white rounded-lg hover:bg-primary-hover transition-colors font-medium cursor-pointer"
-		>
-			<Plus size={20} />
-			Browse Files
-			<input type="file" accept="audio/*" multiple class="hidden" onchange={handleFileInput} />
-		</label>
-	</div>
-
-	<!-- File List -->
-	{#if files.length > 0}
-		<div class="mt-8 space-y-4">
-			{#each files as uf (uf.id)}
-				<div class="bg-surface rounded-lg p-4 border border-border">
-					<!-- File header -->
-					<div class="flex items-center justify-between mb-3">
-						<div class="flex items-center gap-3 min-w-0">
-							{#if uf.status === 'uploading'}
-								<div
-									class="w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin flex-shrink-0"
-								></div>
-							{:else if uf.status === 'uploaded'}
-								<Check size={20} class="text-green-500" />
-							{:else if uf.status === 'error'}
-								<Warning size={20} class="text-red-500 flex-shrink-0" />
-							{:else}
-								<div class="w-5 h-5 rounded-full bg-foreground-secondary/20 flex-shrink-0"></div>
-							{/if}
-							<span class="font-medium truncate">{uf.file.name}</span>
-						</div>
-						<button
-							onclick={() => removeFile(uf.id)}
-							class="p-1 text-foreground-secondary hover:text-foreground flex-shrink-0"
-						>
-							<X size={16} />
-						</button>
-					</div>
-
-					<!-- Progress bar -->
-					{#if uf.status === 'uploading'}
-						<div class="w-full bg-background rounded-full h-1.5 mb-3">
-							<div
-								class="bg-primary h-1.5 rounded-full transition-all duration-300"
-								style="width: {uf.progress}%"
-							></div>
-						</div>
-					{/if}
-
-					<!-- Error message -->
-					{#if uf.status === 'error'}
-						<p class="text-sm text-red-500 mb-2">{uf.error}</p>
-					{/if}
-
-					<!-- Metadata form (after upload) -->
-					{#if uf.status === 'uploaded'}
-						<div class="grid grid-cols-1 md:grid-cols-2 gap-3 mt-3 pt-3 border-t border-border">
-							<div>
-								<label
-									for="title-{uf.id}"
-									class="block text-xs font-medium text-foreground-secondary mb-1">Title</label
-								>
-								<input
-									id="title-{uf.id}"
-									type="text"
-									bind:value={uf.metadata.title}
-									class="w-full px-3 py-1.5 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-								/>
-							</div>
-							<div>
-								<label
-									for="artist-{uf.id}"
-									class="block text-xs font-medium text-foreground-secondary mb-1">Artist</label
-								>
-								<input
-									id="artist-{uf.id}"
-									type="text"
-									bind:value={uf.metadata.artist}
-									class="w-full px-3 py-1.5 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-									placeholder="Artist name"
-								/>
-							</div>
-							<div>
-								<label
-									for="album-{uf.id}"
-									class="block text-xs font-medium text-foreground-secondary mb-1">Album</label
-								>
-								<input
-									id="album-{uf.id}"
-									type="text"
-									bind:value={uf.metadata.album}
-									class="w-full px-3 py-1.5 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-									placeholder="Album name"
-								/>
-							</div>
-							<div class="grid grid-cols-2 gap-3">
-								<div>
-									<label
-										for="genre-{uf.id}"
-										class="block text-xs font-medium text-foreground-secondary mb-1">Genre</label
-									>
-									<input
-										id="genre-{uf.id}"
-										type="text"
-										bind:value={uf.metadata.genre}
-										class="w-full px-3 py-1.5 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-										placeholder="Genre"
-									/>
-								</div>
-								<div>
-									<label
-										for="year-{uf.id}"
-										class="block text-xs font-medium text-foreground-secondary mb-1">Date</label
-									>
-									<div class="grid grid-cols-3 gap-1">
-										<input
-											id="year-{uf.id}"
-											type="text"
-											bind:value={uf.metadata.year}
-											class="w-full px-2 py-1.5 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-											placeholder="Year"
-										/>
-										<input
-											type="text"
-											bind:value={uf.metadata.month}
-											class="w-full px-2 py-1.5 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-											placeholder="Mo"
-										/>
-										<input
-											type="text"
-											bind:value={uf.metadata.day}
-											class="w-full px-2 py-1.5 text-sm bg-background border border-border rounded-lg focus:border-primary focus:outline-none"
-											placeholder="Day"
-										/>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="flex justify-end mt-3">
-							<button
-								onclick={() => saveMetadata(uf)}
-								disabled={savingMetadata.has(uf.id)}
-								class="px-3 py-1.5 text-sm bg-primary text-white rounded-lg hover:bg-primary-hover disabled:opacity-50 transition-colors"
-							>
-								{savingMetadata.has(uf.id) ? 'Saving...' : 'Save Metadata'}
-							</button>
-						</div>
-					{/if}
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/mukke/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/mukke/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index c8c71a5d7..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { MukkeLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	const translations = getForgotPasswordTranslations('en');
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>Forgot Password - Mukke</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Mukke"
-	logo={MukkeLogo}
-	primaryColor="#f97316"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#fff7ed"
-	darkBackground="#1c1917"
-	{translations}
-/>
diff --git a/apps/mukke/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index ce5f68ee0..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,69 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { MukkeLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-
-	// Get redirect URL from query params or sessionStorage
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	// Use English translations
-	const translations = getLoginTranslations('en');
-
-	// Read verification status from query params
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>Login - Mukke</title>
-</svelte:head>
-
-<LoginPage
-	appName="Mukke"
-	logo={MukkeLogo}
-	primaryColor="#f97316"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#fff7ed"
-	darkBackground="#1c1917"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
-/>
diff --git a/apps/mukke/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 6e35df10b..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { MukkeLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	// Get redirect URL from sessionStorage
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	// Use English translations
-	const translations = getRegisterTranslations('en');
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>Register - Mukke</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Mukke"
-	logo={MukkeLogo}
-	primaryColor="#f97316"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#fff7ed"
-	darkBackground="#1c1917"
-	{translations}
-/>
diff --git a/apps/mukke/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/mukke/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 550f5f5f3..000000000
--- a/apps/mukke/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,209 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { MukkeLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	const t = {
-		title: 'Reset Password',
-		subtitle: 'Enter your new password',
-		newPassword: 'New Password',
-		confirmPassword: 'Confirm Password',
-		placeholder: 'Enter new password',
-		confirmPlaceholder: 'Confirm password',
-		submit: 'Update Password',
-		submitting: 'Updating password...',
-		success: 'Password reset successfully',
-		successMessage:
-			'Your password has been reset successfully. You will be redirected to the login page shortly.',
-		goToLogin: 'Go to login',
-		invalidToken: 'Invalid or missing token',
-		invalidTokenMessage: 'This password reset link is invalid or has expired.',
-		requestNew: 'Request a new link',
-		passwordMismatch: 'Passwords do not match',
-		passwordTooShort: 'Password must be at least 8 characters',
-		minChars: 'At least 8 characters',
-	};
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = t.invalidToken;
-			return;
-		}
-
-		if (password !== confirmPassword) {
-			error = t.passwordMismatch;
-			return;
-		}
-
-		if (password.length < 8) {
-			error = t.passwordTooShort;
-			return;
-		}
-
-		loading = true;
-
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => {
-					goto('/login');
-				}, 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{t.title} - Mukke</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-orange-100 to-white dark:from-stone-900 dark:to-stone-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<MukkeLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold text-orange-600 dark:text-orange-400">Mukke</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">{t.title}</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}
-						{t.success}
-					{:else if hasToken}
-						{t.subtitle}
-					{:else}
-						{t.invalidToken}
-					{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-stone-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							{t.successMessage}
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg bg-orange-500 px-6 py-3 font-medium text-white transition-colors hover:bg-orange-600"
-						>
-							{t.goToLogin}
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-stone-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-								>
-									{t.newPassword}
-								</label>
-								<input
-									type="password"
-									name="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder={t.placeholder}
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:border-orange-500 focus:outline-none focus:ring-2 focus:ring-orange-500/20 dark:border-stone-600 dark:bg-stone-700 dark:text-white dark:placeholder-gray-400"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-									{t.minChars}
-								</p>
-							</div>
-
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-								>
-									{t.confirmPassword}
-								</label>
-								<input
-									type="password"
-									name="confirmPassword"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder={t.confirmPlaceholder}
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:border-orange-500 focus:outline-none focus:ring-2 focus:ring-orange-500/20 dark:border-stone-600 dark:bg-stone-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg bg-orange-500 px-4 py-3 font-medium text-white transition-colors hover:bg-orange-600 disabled:cursor-not-allowed disabled:opacity-50"
-							>
-								{loading ? t.submitting : t.submit}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-stone-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							{t.invalidTokenMessage}
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg bg-orange-500 px-6 py-3 font-medium text-white transition-colors hover:bg-orange-600"
-						>
-							{t.requestNew}
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/+layout.svelte b/apps/mukke/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 9b47d155c..000000000
--- a/apps/mukke/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount, onDestroy } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { mukkeOnboarding } from '$lib/stores/app-onboarding.svelte';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-	let cleanupTheme: (() => void) | undefined;
-
-	onMount(async () => {
-		// Initialize theme first to prevent flash
-		cleanupTheme = theme.initialize();
-		await authStore.initialize();
-		loading = false;
-	});
-
-	onDestroy(() => {
-		cleanupTheme?.();
-	});
-</script>
-
-{#if loading}
-	<div class="min-h-screen bg-background flex items-center justify-center">
-		<div class="text-center">
-			<div
-				class="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin mx-auto mb-4"
-			></div>
-			<p class="text-foreground-secondary">Mukke</p>
-		</div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-
-	{#if mukkeOnboarding.shouldShow}
-		<MiniOnboardingModal store={mukkeOnboarding} appName="Mukke" appEmoji="🎵" />
-	{/if}
-{/if}
diff --git a/apps/mukke/apps/web-archived/src/routes/+layout.ts b/apps/mukke/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/mukke/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/mukke/apps/web-archived/src/routes/+page.svelte b/apps/mukke/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index 52d7a7979..000000000
--- a/apps/mukke/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	onMount(() => {
-		if (authStore.isAuthenticated) {
-			goto('/library', { replaceState: true });
-		} else {
-			goto('/login', { replaceState: true });
-		}
-	});
-</script>
-
-<svelte:head>
-	<title>Mukke</title>
-</svelte:head>
-
-<div class="min-h-screen flex items-center justify-center">
-	<div class="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin"></div>
-</div>
diff --git a/apps/mukke/apps/web-archived/src/routes/health/+server.ts b/apps/mukke/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 582aa97ff..000000000
--- a/apps/mukke/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { json } from '@sveltejs/kit';
-
-export function GET() {
-	return json({ status: 'ok', service: 'mukke-web' });
-}
diff --git a/apps/mukke/apps/web-archived/src/routes/offline/+page.svelte b/apps/mukke/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index aec9d7ece..000000000
--- a/apps/mukke/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Mukke"
-	offlineMessage="Mukke benötigt eine Internetverbindung für Audio."
-	accentColor="#ea580c"
-/>
diff --git a/apps/mukke/apps/web-archived/src/routes/offline/+page.ts b/apps/mukke/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/mukke/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/mukke/apps/web-archived/src/test/mocks/app/environment.ts b/apps/mukke/apps/web-archived/src/test/mocks/app/environment.ts
deleted file mode 100644
index a75920f41..000000000
--- a/apps/mukke/apps/web-archived/src/test/mocks/app/environment.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const browser = true;
-export const building = false;
-export const dev = true;
-export const version = 'test';
diff --git a/apps/mukke/apps/web-archived/src/test/mocks/app/navigation.ts b/apps/mukke/apps/web-archived/src/test/mocks/app/navigation.ts
deleted file mode 100644
index 1d0b3de7f..000000000
--- a/apps/mukke/apps/web-archived/src/test/mocks/app/navigation.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { vi } from 'vitest';
-
-export const goto = vi.fn();
-export const invalidate = vi.fn();
-export const invalidateAll = vi.fn();
-export const prefetch = vi.fn();
-export const prefetchRoutes = vi.fn();
-export const beforeNavigate = vi.fn();
-export const afterNavigate = vi.fn();
diff --git a/apps/mukke/apps/web-archived/src/test/mocks/app/stores.ts b/apps/mukke/apps/web-archived/src/test/mocks/app/stores.ts
deleted file mode 100644
index c9285027e..000000000
--- a/apps/mukke/apps/web-archived/src/test/mocks/app/stores.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { writable, readable } from 'svelte/store';
-
-export const page = readable({
-	url: new URL('http://localhost'),
-	params: {},
-	route: { id: '/' },
-	status: 200,
-	error: null,
-	data: {},
-	form: null,
-});
-
-export const navigating = readable(null);
-export const updated = {
-	subscribe: writable(false).subscribe,
-	check: async () => false,
-};
diff --git a/apps/mukke/apps/web-archived/src/test/mocks/env/static/public.ts b/apps/mukke/apps/web-archived/src/test/mocks/env/static/public.ts
deleted file mode 100644
index 4703e547f..000000000
--- a/apps/mukke/apps/web-archived/src/test/mocks/env/static/public.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const PUBLIC_BACKEND_URL = 'http://localhost:3010';
-export const PUBLIC_MANA_CORE_AUTH_URL = 'http://localhost:3001';
diff --git a/apps/mukke/apps/web-archived/src/test/setup.ts b/apps/mukke/apps/web-archived/src/test/setup.ts
deleted file mode 100644
index 51b95bb19..000000000
--- a/apps/mukke/apps/web-archived/src/test/setup.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { vi, beforeEach } from 'vitest';
-
-// Mock localStorage
-const localStorageMock = {
-	getItem: vi.fn(),
-	setItem: vi.fn(),
-	removeItem: vi.fn(),
-	clear: vi.fn(),
-};
-Object.defineProperty(global, 'localStorage', { value: localStorageMock });
-
-// Mock fetch
-global.fetch = vi.fn();
-
-// Mock Audio
-class MockAudio {
-	src = '';
-	currentTime = 0;
-	duration = 0;
-	volume = 1;
-	paused = true;
-	error: MediaError | null = null;
-	private listeners: Record<string, Function[]> = {};
-
-	addEventListener(event: string, handler: Function) {
-		if (!this.listeners[event]) this.listeners[event] = [];
-		this.listeners[event].push(handler);
-	}
-
-	removeEventListener(event: string, handler: Function) {
-		if (this.listeners[event]) {
-			this.listeners[event] = this.listeners[event].filter((h) => h !== handler);
-		}
-	}
-
-	dispatchEvent(event: Event) {
-		const handlers = this.listeners[event.type] || [];
-		handlers.forEach((h) => h(event));
-		return true;
-	}
-
-	emit(eventName: string) {
-		const handlers = this.listeners[eventName] || [];
-		handlers.forEach((h) => h());
-	}
-
-	async play() {
-		this.paused = false;
-		return Promise.resolve();
-	}
-
-	pause() {
-		this.paused = true;
-	}
-}
-global.Audio = MockAudio as unknown as typeof Audio;
-
-// Mock MediaError
-if (typeof global.MediaError === 'undefined') {
-	(global as Record<string, unknown>).MediaError = {
-		MEDIA_ERR_ABORTED: 1,
-		MEDIA_ERR_NETWORK: 2,
-		MEDIA_ERR_DECODE: 3,
-		MEDIA_ERR_SRC_NOT_SUPPORTED: 4,
-	};
-}
-
-// Mock MediaSession
-if (typeof navigator !== 'undefined' && !('mediaSession' in navigator)) {
-	Object.defineProperty(navigator, 'mediaSession', {
-		value: {
-			metadata: null,
-			setActionHandler: vi.fn(),
-		},
-	});
-}
-
-// Reset mocks before each test
-beforeEach(() => {
-	vi.clearAllMocks();
-	localStorageMock.getItem.mockReturnValue(null);
-});
diff --git a/apps/mukke/apps/web-archived/svelte.config.js b/apps/mukke/apps/web-archived/svelte.config.js
deleted file mode 100644
index e2175299c..000000000
--- a/apps/mukke/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		prerender: {
-			handleHttpError: ({ path, referrer, message }) => {
-				// Ignore missing favicon during prerender
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/mukke/apps/web-archived/tsconfig.json b/apps/mukke/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/mukke/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/mukke/apps/web-archived/vite.config.ts b/apps/mukke/apps/web-archived/vite.config.ts
deleted file mode 100644
index eb13508eb..000000000
--- a/apps/mukke/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-import tailwindcss from '@tailwindcss/vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Mukke - Music Workspace',
-				shortName: 'Mukke',
-				description: 'Music Workspace - Tracks, Lyrics & Player',
-				themeColor: '#f97316',
-			})
-		),
-	],
-	server: {
-		port: 5180,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, '@mukke/shared'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES, '@mukke/shared'],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/mukke/apps/web-archived/vitest.config.ts b/apps/mukke/apps/web-archived/vitest.config.ts
deleted file mode 100644
index 53fbf6211..000000000
--- a/apps/mukke/apps/web-archived/vitest.config.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import { svelte } from '@sveltejs/vite-plugin-svelte';
-import path from 'path';
-
-export default defineConfig({
-	plugins: [svelte({ hot: !process.env.VITEST })],
-	test: {
-		include: ['src/**/*.{test,spec}.{js,ts}'],
-		environment: 'jsdom',
-		globals: true,
-		setupFiles: ['./src/test/setup.ts'],
-	},
-	resolve: {
-		alias: {
-			$lib: path.resolve(__dirname, './src/lib'),
-			$app: path.resolve(__dirname, './src/test/mocks/app'),
-			'$env/static/public': path.resolve(__dirname, './src/test/mocks/env/static/public.ts'),
-		},
-	},
-});
diff --git a/apps/news/apps/web-archived/.env.example b/apps/news/apps/web-archived/.env.example
deleted file mode 100644
index 61263d848..000000000
--- a/apps/news/apps/web-archived/.env.example
+++ /dev/null
@@ -1,2 +0,0 @@
-# News Hub Web App Configuration
-PUBLIC_NEWS_API_URL=http://localhost:3000
diff --git a/apps/news/apps/web-archived/eslint.config.js b/apps/news/apps/web-archived/eslint.config.js
deleted file mode 100644
index f0e51b62e..000000000
--- a/apps/news/apps/web-archived/eslint.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-check
-import {
-	baseConfig,
-	typescriptConfig,
-	svelteConfig,
-	prettierConfig,
-} from '@manacore/eslint-config';
-
-export default [
-	{
-		ignores: ['dist/**', '.svelte-kit/**', 'node_modules/**'],
-	},
-	...baseConfig,
-	...typescriptConfig,
-	...svelteConfig,
-	...prettierConfig,
-];
diff --git a/apps/news/apps/web-archived/package.json b/apps/news/apps/web-archived/package.json
deleted file mode 100644
index 1c6823bc4..000000000
--- a/apps/news/apps/web-archived/package.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-	"name": "@news/web",
-	"private": true,
-	"version": "0.0.1",
-	"type": "module",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.22.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.4",
-		"@tailwindcss/vite": "^4.1.11",
-		"svelte": "^5.0.0",
-		"svelte-check": "^4.0.0",
-		"tailwindcss": "^4.0.0",
-		"typescript": "^5.0.0",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"svelte-sonner": "^1.0.5"
-	}
-}
diff --git a/apps/news/apps/web-archived/src/app.css b/apps/news/apps/web-archived/src/app.css
deleted file mode 100644
index d75fc9594..000000000
--- a/apps/news/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,8 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-@source "../../../../packages/shared-theme-ui/src";
diff --git a/apps/news/apps/web-archived/src/app.d.ts b/apps/news/apps/web-archived/src/app.d.ts
deleted file mode 100644
index 719a913a1..000000000
--- a/apps/news/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/apps/news/apps/web-archived/src/app.html b/apps/news/apps/web-archived/src/app.html
deleted file mode 100644
index e31c3501d..000000000
--- a/apps/news/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/news/apps/web-archived/src/lib/components/NewsLogo.svelte b/apps/news/apps/web-archived/src/lib/components/NewsLogo.svelte
deleted file mode 100644
index 5e113cd72..000000000
--- a/apps/news/apps/web-archived/src/lib/components/NewsLogo.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	let { size = 48, color = '#10b981' }: { size?: number; color?: string } = $props();
-</script>
-
-<svg width={size} height={size} viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-	<rect width="100" height="100" rx="22" fill={color} />
-	<rect x="22" y="25" width="56" height="50" rx="4" stroke="white" stroke-width="4" fill="none" />
-	<line x1="30" y1="38" x2="55" y2="38" stroke="white" stroke-width="3" stroke-linecap="round" />
-	<line x1="30" y1="48" x2="70" y2="48" stroke="white" stroke-width="3" stroke-linecap="round" />
-	<line x1="30" y1="58" x2="65" y2="58" stroke="white" stroke-width="3" stroke-linecap="round" />
-</svg>
diff --git a/apps/news/apps/web-archived/src/lib/data/guest-seed.ts b/apps/news/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index e533dd61f..000000000
--- a/apps/news/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import type { LocalArticle, LocalCategory } from './local-store';
-
-export const guestCategories: LocalCategory[] = [
-	{ id: 'cat-tech', name: 'Technologie', slug: 'technologie', color: '#3b82f6', order: 0 },
-	{ id: 'cat-science', name: 'Wissenschaft', slug: 'wissenschaft', color: '#10b981', order: 1 },
-	{ id: 'cat-world', name: 'Welt', slug: 'welt', color: '#f59e0b', order: 2 },
-	{ id: 'cat-business', name: 'Wirtschaft', slug: 'wirtschaft', color: '#8b5cf6', order: 3 },
-];
-
-export const guestArticles: LocalArticle[] = [
-	{
-		id: 'demo-1',
-		type: 'feed',
-		sourceOrigin: 'ai',
-		title: 'Willkommen bei News Hub!',
-		excerpt: 'Dein persönlicher Nachrichtenleser mit KI-Zusammenfassungen und Read-Later Funktion.',
-		content:
-			'News Hub kombiniert KI-kuratierte Nachrichten mit deiner persönlichen Leseliste. Speichere Artikel von jeder Website, lese sie offline und entdecke neue Perspektiven.',
-		categoryId: 'cat-tech',
-		isArchived: false,
-		wordCount: 42,
-		readingTimeMinutes: 1,
-		publishedAt: new Date().toISOString(),
-	},
-	{
-		id: 'demo-2',
-		type: 'saved',
-		sourceOrigin: 'user_saved',
-		title: 'Beispiel: Gespeicherter Artikel',
-		excerpt:
-			'So sieht ein gespeicherter Artikel aus. Nutze die Browser-Extension um Artikel zu speichern.',
-		originalUrl: 'https://example.com',
-		content:
-			'Dies ist ein Beispiel für einen Artikel, den du über die Browser-Extension oder die Web-App gespeichert hast.',
-		isArchived: false,
-		wordCount: 30,
-		readingTimeMinutes: 1,
-	},
-];
diff --git a/apps/news/apps/web-archived/src/lib/data/local-store.ts b/apps/news/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 519a84a49..000000000
--- a/apps/news/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export interface LocalArticle extends BaseRecord {
-	type: 'feed' | 'summary' | 'in_depth' | 'saved';
-	sourceOrigin: 'ai' | 'user_saved';
-	title: string;
-	content?: string | null;
-	htmlContent?: string | null;
-	excerpt?: string | null;
-	originalUrl?: string | null;
-	author?: string | null;
-	siteName?: string | null;
-	imageUrl?: string | null;
-	wordCount?: number | null;
-	readingTimeMinutes?: number | null;
-	categoryId?: string | null;
-	isArchived: boolean;
-	publishedAt?: string | null;
-}
-
-export interface LocalCategory extends BaseRecord {
-	name: string;
-	slug: string;
-	color?: string | null;
-	order: number;
-}
-
-import { guestArticles, guestCategories } from './guest-seed';
-
-export const newsStore = createLocalStore({
-	appId: 'news',
-	collections: [
-		{
-			name: 'articles',
-			indexes: ['type', 'sourceOrigin', 'isArchived', 'categoryId', '[type+isArchived]'],
-			guestSeed: guestArticles,
-		},
-		{
-			name: 'categories',
-			indexes: ['slug', 'order'],
-			guestSeed: guestCategories,
-		},
-	],
-	sync: { serverUrl: SYNC_SERVER_URL },
-});
-
-export const articleCollection = newsStore.collection<LocalArticle>('articles');
-export const categoryCollection = newsStore.collection<LocalCategory>('categories');
diff --git a/apps/news/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/news/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 4f8f367df..000000000
--- a/apps/news/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3071,
-});
diff --git a/apps/news/apps/web-archived/src/routes/(protected)/+layout.svelte b/apps/news/apps/web-archived/src/routes/(protected)/+layout.svelte
deleted file mode 100644
index 94724a724..000000000
--- a/apps/news/apps/web-archived/src/routes/(protected)/+layout.svelte
+++ /dev/null
@@ -1,127 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import { PillNavigation } from '@manacore/shared-ui';
-	import type { PillNavItem } from '@manacore/shared-ui';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { AuthGate, GuestWelcomeModal, SessionExpiredBanner } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { newsStore } from '$lib/data/local-store';
-
-	let { children } = $props();
-
-	let appItems = $derived(getPillAppItems(undefined, undefined, undefined, authStore.user?.tier));
-	let userEmail = $derived(authStore.isAuthenticated ? (authStore.user?.email ?? '') : '');
-
-	const navItems: PillNavItem[] = [
-		{ href: '/feed', label: 'Feed', icon: 'rss' },
-		{ href: '/saved', label: 'Gespeichert', icon: 'bookmark' },
-		{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
-	];
-
-	let isCollapsed = $state(false);
-	let isDark = $state(true);
-	let showGuestWelcome = $state(false);
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable)
-			return;
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			const routes = ['/feed', '/saved', '/settings'];
-			if (num >= 1 && num <= 3) {
-				event.preventDefault();
-				goto(routes[num - 1]);
-			}
-		}
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		localStorage?.setItem('news-nav-collapsed', String(collapsed));
-	}
-
-	function handleToggleTheme() {
-		isDark = !isDark;
-		document.documentElement.classList.toggle('dark', isDark);
-		localStorage?.setItem('news-dark-mode', String(isDark));
-	}
-
-	async function handleLogout() {
-		newsStore.stopSync();
-		await authStore.signOut();
-		goto('/auth/login');
-	}
-
-	function handleAuthReady() {
-		if (authStore.isAuthenticated) {
-			newsStore.startSync(() => authStore.getValidToken());
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('news')) {
-			showGuestWelcome = true;
-		}
-		const savedCollapsed = localStorage?.getItem('news-nav-collapsed');
-		if (savedCollapsed === 'true') isCollapsed = true;
-		const savedDark = localStorage?.getItem('news-dark-mode');
-		isDark = savedDark !== 'false'; // default dark
-		document.documentElement.classList.toggle('dark', isDark);
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('news')?.requiredTier}
-	appName={getManaApp('news')?.name}
->
-	<div class="flex min-h-screen flex-col">
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="News"
-			homeRoute="/feed"
-			onLogout={handleLogout}
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			primaryColor="#10b981"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			settingsHref="/settings"
-		>
-			{#snippet logo()}
-				<span class="text-xl">📰</span>
-				<span class="pill-label font-bold">News</span>
-			{/snippet}
-		</PillNavigation>
-
-		<main class="main-content flex-1 transition-all duration-300 {isCollapsed ? '' : 'pt-20'}">
-			<div class="container mx-auto px-4 py-8">
-				{@render children()}
-			</div>
-		</main>
-	</div>
-
-	<GuestWelcomeModal
-		appId="news"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/auth/login')}
-		onRegister={() => goto('/auth/register')}
-		locale="de"
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale="de" loginHref="/auth/login" />
-	{/if}
-</AuthGate>
diff --git a/apps/news/apps/web-archived/src/routes/(protected)/feed/+page.svelte b/apps/news/apps/web-archived/src/routes/(protected)/feed/+page.svelte
deleted file mode 100644
index b8da93ef5..000000000
--- a/apps/news/apps/web-archived/src/routes/(protected)/feed/+page.svelte
+++ /dev/null
@@ -1,103 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-
-	const NEWS_SERVER = import.meta.env.PUBLIC_NEWS_SERVER_URL || 'http://localhost:3071';
-
-	let articles = $state<Record<string, unknown>[]>([]);
-	let loading = $state(true);
-	let selectedType = $state<string>('');
-
-	async function loadArticles() {
-		loading = true;
-		try {
-			const params = new URLSearchParams();
-			if (selectedType) params.set('type', selectedType);
-			params.set('limit', '30');
-			const res = await fetch(`${NEWS_SERVER}/api/v1/feed?${params}`);
-			if (res.ok) articles = await res.json();
-		} catch {
-			// Server offline
-		}
-		loading = false;
-	}
-
-	function changeType(type: string) {
-		selectedType = type;
-		loadArticles();
-	}
-
-	onMount(loadArticles);
-</script>
-
-<div class="mx-auto max-w-4xl">
-	<div class="mb-6 flex items-center justify-between">
-		<h1 class="text-3xl font-bold">Feed</h1>
-		<div class="flex gap-1">
-			{#each [{ value: '', label: 'Alle' }, { value: 'feed', label: 'News' }, { value: 'summary', label: 'Summaries' }, { value: 'in_depth', label: 'In-Depth' }] as tab}
-				<button
-					onclick={() => changeType(tab.value)}
-					class="rounded-md px-3 py-1.5 text-sm font-medium transition-colors {selectedType ===
-					tab.value
-						? 'bg-emerald-600 text-white'
-						: 'bg-gray-800 text-gray-300 hover:bg-gray-700'}"
-				>
-					{tab.label}
-				</button>
-			{/each}
-		</div>
-	</div>
-
-	{#if loading}
-		<div class="space-y-4">
-			{#each Array(5) as _}
-				<div class="h-24 animate-pulse rounded-xl bg-gray-800"></div>
-			{/each}
-		</div>
-	{:else if articles.length === 0}
-		<div class="rounded-xl border-2 border-dashed border-gray-700 p-12 text-center">
-			<p class="text-lg font-medium text-gray-400">Noch keine Artikel im Feed</p>
-			<p class="mt-1 text-sm text-gray-500">
-				AI-kuratierte Nachrichten erscheinen hier automatisch.
-			</p>
-		</div>
-	{:else}
-		<div class="space-y-4">
-			{#each articles as article}
-				<a
-					href="/feed/{article.id}"
-					class="block rounded-xl border border-gray-800 bg-gray-900 p-5 transition-all hover:border-gray-700 hover:bg-gray-800/80"
-				>
-					<div class="flex gap-4">
-						{#if article.imageUrl}
-							<img
-								src={String(article.imageUrl)}
-								alt=""
-								class="h-20 w-28 shrink-0 rounded-lg object-cover"
-							/>
-						{/if}
-						<div class="min-w-0 flex-1">
-							<div class="mb-1 flex items-center gap-2">
-								{#if article.type === 'summary'}
-									<span class="rounded bg-blue-900 px-1.5 py-0.5 text-xs text-blue-300"
-										>Summary</span
-									>
-								{:else if article.type === 'in_depth'}
-									<span class="rounded bg-purple-900 px-1.5 py-0.5 text-xs text-purple-300"
-										>In-Depth</span
-									>
-								{/if}
-								{#if article.readingTimeMinutes}
-									<span class="text-xs text-gray-500">{article.readingTimeMinutes} Min.</span>
-								{/if}
-							</div>
-							<h2 class="truncate text-lg font-semibold text-gray-100">{article.title}</h2>
-							{#if article.excerpt}
-								<p class="mt-1 line-clamp-2 text-sm text-gray-400">{article.excerpt}</p>
-							{/if}
-						</div>
-					</div>
-				</a>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/news/apps/web-archived/src/routes/(protected)/saved/+page.svelte b/apps/news/apps/web-archived/src/routes/(protected)/saved/+page.svelte
deleted file mode 100644
index a00ac50e2..000000000
--- a/apps/news/apps/web-archived/src/routes/(protected)/saved/+page.svelte
+++ /dev/null
@@ -1,173 +0,0 @@
-<script lang="ts">
-	import { useLiveQuery } from '@manacore/local-store/svelte';
-	import { articleCollection } from '$lib/data/local-store';
-	import type { LocalArticle } from '$lib/data/local-store';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { toast } from 'svelte-sonner';
-	import { Archive, Trash } from '@manacore/shared-icons';
-
-	const NEWS_SERVER = import.meta.env.PUBLIC_NEWS_SERVER_URL || 'http://localhost:3071';
-
-	const savedArticles = useLiveQuery(() =>
-		articleCollection.getAll({ sourceOrigin: 'user_saved' })
-	);
-
-	let saveUrl = $state('');
-	let saving = $state(false);
-	let showArchived = $state(false);
-
-	let filteredArticles = $derived.by(() => {
-		const all = savedArticles.value ?? [];
-		return showArchived ? all : all.filter((a) => !a.isArchived);
-	});
-
-	async function saveFromUrl() {
-		if (!saveUrl) return;
-		saving = true;
-		try {
-			const token = authStore.isAuthenticated ? await authStore.getValidToken() : null;
-			const headers: Record<string, string> = { 'Content-Type': 'application/json' };
-			if (token) headers['Authorization'] = `Bearer ${token}`;
-
-			const res = await fetch(`${NEWS_SERVER}/api/v1/extract/preview`, {
-				method: 'POST',
-				headers,
-				body: JSON.stringify({ url: saveUrl }),
-			});
-
-			if (!res.ok) throw new Error('Extraction failed');
-			const extracted = await res.json();
-
-			await articleCollection.insert({
-				id: crypto.randomUUID(),
-				type: 'saved',
-				sourceOrigin: 'user_saved',
-				title: extracted.title,
-				content: extracted.content,
-				htmlContent: extracted.htmlContent,
-				excerpt: extracted.excerpt,
-				originalUrl: saveUrl,
-				author: extracted.byline,
-				siteName: extracted.siteName,
-				wordCount: extracted.wordCount,
-				readingTimeMinutes: extracted.readingTimeMinutes,
-				isArchived: false,
-			});
-
-			toast.success(`"${extracted.title}" gespeichert`);
-			saveUrl = '';
-		} catch {
-			toast.error('Artikel konnte nicht extrahiert werden');
-		}
-		saving = false;
-	}
-
-	async function toggleArchive(article: LocalArticle) {
-		await articleCollection.update(article.id, { isArchived: !article.isArchived });
-		toast.success(article.isArchived ? 'Wiederhergestellt' : 'Archiviert');
-	}
-
-	async function deleteArticle(article: LocalArticle) {
-		if (!confirm(`"${article.title}" löschen?`)) return;
-		await articleCollection.delete(article.id);
-		toast.success('Gelöscht');
-	}
-</script>
-
-<div class="mx-auto max-w-4xl">
-	<h1 class="mb-6 text-3xl font-bold">Gespeicherte Artikel</h1>
-
-	<!-- Save URL Form -->
-	<div class="mb-6 rounded-xl border border-gray-800 bg-gray-900 p-5">
-		<div class="flex gap-3">
-			<input
-				type="url"
-				bind:value={saveUrl}
-				placeholder="https://example.com/article — URL einfügen und speichern"
-				class="flex-1 rounded-lg border border-gray-700 bg-gray-800 px-4 py-3 text-gray-100 placeholder-gray-500 focus:border-emerald-500 focus:outline-none"
-				onkeydown={(e) => e.key === 'Enter' && saveFromUrl()}
-			/>
-			<button
-				onclick={saveFromUrl}
-				disabled={!saveUrl || saving}
-				class="rounded-lg bg-emerald-600 px-6 py-3 font-medium text-white hover:bg-emerald-700 disabled:opacity-50"
-			>
-				{saving ? 'Wird gespeichert...' : 'Speichern'}
-			</button>
-		</div>
-	</div>
-
-	<!-- Filter -->
-	<div class="mb-4">
-		<label class="flex cursor-pointer items-center gap-2 text-sm text-gray-400">
-			<input type="checkbox" bind:checked={showArchived} class="rounded" />
-			Archivierte anzeigen
-		</label>
-	</div>
-
-	<!-- Articles List -->
-	{#if savedArticles.loading}
-		<div class="space-y-3">
-			{#each Array(3) as _}
-				<div class="h-20 animate-pulse rounded-xl bg-gray-800"></div>
-			{/each}
-		</div>
-	{:else if filteredArticles.length === 0}
-		<div class="rounded-xl border-2 border-dashed border-gray-700 p-12 text-center">
-			<p class="text-lg font-medium text-gray-400">Noch keine gespeicherten Artikel</p>
-			<p class="mt-1 text-sm text-gray-500">
-				Füge eine URL oben ein oder nutze die Browser-Extension.
-			</p>
-		</div>
-	{:else}
-		<div class="space-y-3">
-			{#each filteredArticles as article (article.id)}
-				<div
-					class="group rounded-xl border border-gray-800 bg-gray-900 p-4 transition-all hover:border-gray-700 {article.isArchived
-						? 'opacity-60'
-						: ''}"
-				>
-					<div class="flex items-start justify-between">
-						<div class="min-w-0 flex-1">
-							<h3 class="truncate font-semibold text-gray-100">{article.title}</h3>
-							{#if article.excerpt}
-								<p class="mt-1 line-clamp-2 text-sm text-gray-400">{article.excerpt}</p>
-							{/if}
-							<div class="mt-2 flex items-center gap-3 text-xs text-gray-500">
-								{#if article.siteName}
-									<span>{article.siteName}</span>
-								{/if}
-								{#if article.readingTimeMinutes}
-									<span>{article.readingTimeMinutes} Min.</span>
-								{/if}
-								{#if article.originalUrl}
-									<a
-										href={article.originalUrl}
-										target="_blank"
-										class="text-emerald-500 hover:underline">Original</a
-									>
-								{/if}
-							</div>
-						</div>
-						<div class="ml-4 flex items-center gap-1">
-							<button
-								onclick={() => toggleArchive(article)}
-								class="rounded-lg p-2 text-gray-500 opacity-0 transition-all hover:bg-gray-800 hover:text-gray-300 group-hover:opacity-100"
-								title={article.isArchived ? 'Wiederherstellen' : 'Archivieren'}
-							>
-								<Archive size={16} />
-							</button>
-							<button
-								onclick={() => deleteArticle(article)}
-								class="rounded-lg p-2 text-gray-500 opacity-0 transition-all hover:bg-gray-800 hover:text-red-400 group-hover:opacity-100"
-								title="Löschen"
-							>
-								<Trash size={16} />
-							</button>
-						</div>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/news/apps/web-archived/src/routes/+layout.svelte b/apps/news/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 952ccd9ca..000000000
--- a/apps/news/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
-	import { Toaster } from 'svelte-sonner';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { newsStore } from '$lib/data/local-store';
-
-	let { children } = $props();
-	let loading = $state(true);
-
-	onMount(async () => {
-		await authStore.initialize();
-		await newsStore.initialize();
-		loading = false;
-	});
-</script>
-
-{#if loading}
-	<div class="flex min-h-screen items-center justify-center bg-gray-950">
-		<div
-			class="inline-block h-10 w-10 animate-spin rounded-full border-4 border-solid border-emerald-500 border-r-transparent"
-		></div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-gray-950 text-gray-100">
-		{@render children()}
-	</div>
-{/if}
-
-<Toaster
-	position="bottom-right"
-	expand={false}
-	richColors
-	closeButton
-	duration={4000}
-	visibleToasts={3}
-/>
diff --git a/apps/news/apps/web-archived/src/routes/+page.svelte b/apps/news/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index 5b9c1e82a..000000000
--- a/apps/news/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	onMount(() => goto('/feed'));
-</script>
diff --git a/apps/news/apps/web-archived/src/routes/auth/login/+page.svelte b/apps/news/apps/web-archived/src/routes/auth/login/+page.svelte
deleted file mode 100644
index 96060b44e..000000000
--- a/apps/news/apps/web-archived/src/routes/auth/login/+page.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import NewsLogo from '$lib/components/NewsLogo.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-</script>
-
-<LoginPage
-	appName="News Hub"
-	logo={NewsLogo}
-	primaryColor="#10b981"
-	onSignIn={handleSignIn}
-	onResendVerification={(email) => authStore.resendVerificationEmail(email)}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect="/feed"
-	registerPath="/auth/register"
-	forgotPasswordPath="/auth/forgot-password"
-/>
diff --git a/apps/news/apps/web-archived/src/routes/auth/register/+page.svelte b/apps/news/apps/web-archived/src/routes/auth/register/+page.svelte
deleted file mode 100644
index 42375def3..000000000
--- a/apps/news/apps/web-archived/src/routes/auth/register/+page.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import NewsLogo from '$lib/components/NewsLogo.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-</script>
-
-<RegisterPage
-	appName="News Hub"
-	logo={NewsLogo}
-	primaryColor="#10b981"
-	onSignUp={handleSignUp}
-	{goto}
-	successRedirect="/feed"
-	loginPath="/auth/login"
-/>
diff --git a/apps/news/apps/web-archived/svelte.config.js b/apps/news/apps/web-archived/svelte.config.js
deleted file mode 100644
index 58dc3fd49..000000000
--- a/apps/news/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: [vitePreprocess()],
-	kit: {
-		adapter: adapter(),
-	},
-};
-
-export default config;
diff --git a/apps/news/apps/web-archived/tsconfig.json b/apps/news/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/news/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/news/apps/web-archived/vite.config.ts b/apps/news/apps/web-archived/vite.config.ts
deleted file mode 100644
index da1f9251e..000000000
--- a/apps/news/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-	plugins: [tailwindcss(), sveltekit()],
-});
diff --git a/apps/nutriphi/apps/web-archived/Dockerfile b/apps/nutriphi/apps/web-archived/Dockerfile
deleted file mode 100644
index a51f0c0bd..000000000
--- a/apps/nutriphi/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,32 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://nutriphi-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/nutriphi/packages/shared ./apps/nutriphi/packages/shared
-COPY apps/nutriphi/apps/web ./apps/nutriphi/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/nutriphi/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/nutriphi/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/nutriphi/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/nutriphi/apps/web/build ./build
-COPY --from=builder /app/apps/nutriphi/apps/web/package.json ./
-
-EXPOSE 5017
-ENV NODE_ENV=production PORT=5017 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5017/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/nutriphi/apps/web-archived/package.json b/apps/nutriphi/apps/web-archived/package.json
deleted file mode 100644
index bd2426a12..000000000
--- a/apps/nutriphi/apps/web-archived/package.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-	"name": "@nutriphi/web",
-	"version": "0.2.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev --port 5180",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:watch": "vitest",
-		"test:cov": "vitest run --coverage"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@testing-library/svelte": "^5.2.6",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"jsdom": "^25.0.1",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0",
-		"vitest": "^2.1.8"
-	},
-	"dependencies": {
-		"@nutriphi/shared": "workspace:*",
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"date-fns": "^4.1.0",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/nutriphi/apps/web-archived/src/app.css b/apps/nutriphi/apps/web-archived/src/app.css
deleted file mode 100644
index f69cb7268..000000000
--- a/apps/nutriphi/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,59 +0,0 @@
-@import 'tailwindcss';
-
-:root {
-	/* NutriPhi Theme - Health/Nature */
-	--color-primary: #22C55E;
-	--color-primary-hover: #16A34A;
-	--color-primary-light: #86EFAC;
-	--color-secondary: #F97316;
-	--color-accent: #14B8A6;
-
-	/* Dark theme */
-	--color-background-page: #0F1F0F;
-	--color-background-card: #1A2F1A;
-	--color-background-elevated: #243824;
-
-	--color-text-primary: #F0FDF4;
-	--color-text-secondary: #BBF7D0;
-	--color-text-muted: #6B8E6B;
-
-	--color-border: #22543D;
-	--color-border-light: #2D6A4F;
-
-	/* Nutrition colors */
-	--color-calories: #F59E0B;
-	--color-protein: #EF4444;
-	--color-carbs: #3B82F6;
-	--color-fat: #8B5CF6;
-	--color-fiber: #10B981;
-}
-
-html {
-	background-color: var(--color-background-page);
-	color: var(--color-text-primary);
-}
-
-body {
-	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-	min-height: 100vh;
-	min-height: 100dvh;
-}
-
-/* Mobile-optimized touch targets */
-button, a, input, select, textarea {
-	min-height: 44px;
-}
-
-/* Smooth scrolling */
-html {
-	scroll-behavior: smooth;
-}
-
-/* Hide scrollbar but allow scrolling */
-.no-scrollbar {
-	-ms-overflow-style: none;
-	scrollbar-width: none;
-}
-.no-scrollbar::-webkit-scrollbar {
-	display: none;
-}
diff --git a/apps/nutriphi/apps/web-archived/src/app.d.ts b/apps/nutriphi/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/nutriphi/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/nutriphi/apps/web-archived/src/app.html b/apps/nutriphi/apps/web-archived/src/app.html
deleted file mode 100644
index 5e33d0427..000000000
--- a/apps/nutriphi/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-		<meta name="theme-color" content="#22C55E" />
-		<meta name="description" content="NutriPhi - KI-gestützte Ernährungsanalyse per Foto" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/nutriphi/apps/web-archived/src/hooks.client.ts b/apps/nutriphi/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index d8732005b..000000000
--- a/apps/nutriphi/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'nutriphi-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/nutriphi/apps/web-archived/src/hooks.server.ts b/apps/nutriphi/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 52055a8b3..000000000
--- a/apps/nutriphi/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			// Inject runtime environment variables into the HTML
-			// These will be available on window.__PUBLIC_*__ for client-side code
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/nutriphi/apps/web-archived/src/lib/api/client.spec.ts b/apps/nutriphi/apps/web-archived/src/lib/api/client.spec.ts
deleted file mode 100644
index 4f5c30788..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/api/client.spec.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock the auth store before importing client
-vi.mock('$lib/stores/auth.svelte', () => ({
-	authStore: {
-		getAccessToken: vi.fn().mockResolvedValue('test-token'),
-	},
-}));
-
-vi.mock('$env/static/public', () => ({
-	PUBLIC_BACKEND_URL: 'http://localhost:3023',
-}));
-
-describe('ApiClient', () => {
-	beforeEach(() => {
-		vi.clearAllMocks();
-		(global.fetch as any).mockReset();
-	});
-
-	describe('get', () => {
-		it('should make GET request with auth header', async () => {
-			const mockResponse = { data: 'test' };
-			(global.fetch as any).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve(mockResponse),
-			});
-
-			const { apiClient } = await import('./client');
-			const result = await apiClient.get('/test');
-
-			expect(global.fetch).toHaveBeenCalledWith(
-				'http://localhost:3023/api/v1/test',
-				expect.objectContaining({
-					method: 'GET',
-					headers: expect.objectContaining({
-						Authorization: 'Bearer test-token',
-					}),
-				})
-			);
-			expect(result).toEqual(mockResponse);
-		});
-
-		it('should throw on non-ok response', async () => {
-			(global.fetch as any).mockResolvedValueOnce({
-				ok: false,
-				status: 404,
-			});
-
-			const { apiClient } = await import('./client');
-
-			await expect(apiClient.get('/notfound')).rejects.toThrow('API Error: 404');
-		});
-	});
-
-	describe('post', () => {
-		it('should make POST request with body', async () => {
-			const mockResponse = { id: '123' };
-			(global.fetch as any).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve(mockResponse),
-			});
-
-			const { apiClient } = await import('./client');
-			const result = await apiClient.post('/meals', { name: 'Test' });
-
-			expect(global.fetch).toHaveBeenCalledWith(
-				'http://localhost:3023/api/v1/meals',
-				expect.objectContaining({
-					method: 'POST',
-					body: JSON.stringify({ name: 'Test' }),
-				})
-			);
-			expect(result).toEqual(mockResponse);
-		});
-	});
-
-	describe('patch', () => {
-		it('should make PATCH request', async () => {
-			const mockResponse = { id: '123', name: 'Updated' };
-			(global.fetch as any).mockResolvedValueOnce({
-				ok: true,
-				json: () => Promise.resolve(mockResponse),
-			});
-
-			const { apiClient } = await import('./client');
-			const result = await apiClient.patch('/meals/123', { name: 'Updated' });
-
-			expect(global.fetch).toHaveBeenCalledWith(
-				'http://localhost:3023/api/v1/meals/123',
-				expect.objectContaining({
-					method: 'PATCH',
-				})
-			);
-			expect(result).toEqual(mockResponse);
-		});
-	});
-
-	describe('delete', () => {
-		it('should make DELETE request', async () => {
-			(global.fetch as any).mockResolvedValueOnce({
-				ok: true,
-			});
-
-			const { apiClient } = await import('./client');
-			await apiClient.delete('/meals/123');
-
-			expect(global.fetch).toHaveBeenCalledWith(
-				'http://localhost:3023/api/v1/meals/123',
-				expect.objectContaining({
-					method: 'DELETE',
-				})
-			);
-		});
-
-		it('should throw on failed delete', async () => {
-			(global.fetch as any).mockResolvedValueOnce({
-				ok: false,
-				status: 500,
-			});
-
-			const { apiClient } = await import('./client');
-
-			await expect(apiClient.delete('/meals/123')).rejects.toThrow('API Error: 500');
-		});
-	});
-});
diff --git a/apps/nutriphi/apps/web-archived/src/lib/api/client.ts b/apps/nutriphi/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index eb57a500a..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * API Client for NutriPhi backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-import { PUBLIC_BACKEND_URL } from '$env/static/public';
-
-const BASE_URL = PUBLIC_BACKEND_URL || 'http://localhost:3023';
-
-/**
- * NutriPhi API client instance
- * - Auto token handling via authStore.getAccessToken()
- * - Consistent ApiResult<T> response format
- */
-const api = createApiClient({
-	baseUrl: BASE_URL,
-	apiPrefix: '/api/v1',
-	getAuthToken: () => authStore.getAccessToken(),
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-/**
- * Legacy ApiClient class wrapper for backward compatibility
- * Maintains throw-based error handling for existing code
- */
-class ApiClient {
-	async get<T>(path: string): Promise<T> {
-		const result = await api.get<T>(path);
-		if (result.error) {
-			throw new Error(result.error.message);
-		}
-		return result.data as T;
-	}
-
-	async post<T>(path: string, data: unknown): Promise<T> {
-		const result = await api.post<T>(path, data);
-		if (result.error) {
-			throw new Error(result.error.message);
-		}
-		return result.data as T;
-	}
-
-	async patch<T>(path: string, data: unknown): Promise<T> {
-		const result = await api.patch<T>(path, data);
-		if (result.error) {
-			throw new Error(result.error.message);
-		}
-		return result.data as T;
-	}
-
-	async delete(path: string): Promise<void> {
-		const result = await api.delete<void>(path);
-		if (result.error) {
-			throw new Error(result.error.message);
-		}
-	}
-}
-
-export const apiClient = new ApiClient();
-
-// Re-export types for convenience
-export type { ApiResult };
diff --git a/apps/nutriphi/apps/web-archived/src/lib/components/AddMealButton.svelte b/apps/nutriphi/apps/web-archived/src/lib/components/AddMealButton.svelte
deleted file mode 100644
index c6d090e08..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/components/AddMealButton.svelte
+++ /dev/null
@@ -1,64 +0,0 @@
-<script lang="ts">
-	import { Camera, PencilLine, Plus, X } from '@manacore/shared-icons';
-	import { goto } from '$app/navigation';
-
-	let isOpen = $state(false);
-
-	function toggleMenu() {
-		isOpen = !isOpen;
-	}
-
-	function handlePhoto() {
-		isOpen = false;
-		goto('/add?type=photo');
-	}
-
-	function handleText() {
-		isOpen = false;
-		goto('/add?type=text');
-	}
-</script>
-
-<div class="relative">
-	<!-- Backdrop -->
-	{#if isOpen}
-		<button
-			class="fixed inset-0 bg-black/50 z-40"
-			onclick={() => (isOpen = false)}
-			aria-label="Menü schließen"
-		></button>
-	{/if}
-
-	<!-- Options -->
-	{#if isOpen}
-		<div class="absolute bottom-16 left-1/2 -translate-x-1/2 flex flex-col gap-3 z-50">
-			<button
-				onclick={handlePhoto}
-				class="flex items-center gap-3 px-5 py-3 bg-[var(--color-background-card)] border border-[var(--color-border)] rounded-full shadow-lg hover:bg-[var(--color-background-elevated)] transition-all"
-			>
-				<Camera class="w-5 h-5 text-[var(--color-primary)]" />
-				<span class="text-[var(--color-text-primary)] font-medium">Foto</span>
-			</button>
-			<button
-				onclick={handleText}
-				class="flex items-center gap-3 px-5 py-3 bg-[var(--color-background-card)] border border-[var(--color-border)] rounded-full shadow-lg hover:bg-[var(--color-background-elevated)] transition-all"
-			>
-				<PencilLine class="w-5 h-5 text-[var(--color-secondary)]" />
-				<span class="text-[var(--color-text-primary)] font-medium">Text</span>
-			</button>
-		</div>
-	{/if}
-
-	<!-- Main Button -->
-	<button
-		onclick={toggleMenu}
-		class="w-14 h-14 rounded-full bg-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] shadow-lg flex items-center justify-center transition-all z-50 relative"
-		class:rotate-45={isOpen}
-	>
-		{#if isOpen}
-			<X class="w-6 h-6 text-white" />
-		{:else}
-			<Plus class="w-6 h-6 text-white" />
-		{/if}
-	</button>
-</div>
diff --git a/apps/nutriphi/apps/web-archived/src/lib/components/DailySummary.svelte b/apps/nutriphi/apps/web-archived/src/lib/components/DailySummary.svelte
deleted file mode 100644
index ea57d8ce8..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/components/DailySummary.svelte
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts">
-	import { useAllMeals, useAllGoals, getDailySummary } from '$lib/data/queries';
-	import ProgressRing from './ProgressRing.svelte';
-
-	// Reactive live queries — auto-update when IndexedDB changes
-	const allMeals = useAllMeals();
-	const allGoals = useAllGoals();
-	const currentGoal = $derived(allGoals.value[0] ?? null);
-	const summary = $derived(getDailySummary(allMeals.value, undefined, currentGoal));
-
-	let progress = $derived(summary?.progress);
-	let caloriePercent = $derived(progress?.calories?.percentage ?? 0);
-</script>
-
-<div class="bg-[var(--color-background-card)] rounded-2xl p-4 border border-[var(--color-border)]">
-	<!-- Header -->
-	<div class="flex items-center justify-between mb-4">
-		<h2 class="text-lg font-semibold text-[var(--color-text-primary)]">Heute</h2>
-		<span class="text-sm text-[var(--color-text-secondary)]">
-			{new Date().toLocaleDateString('de-DE', { weekday: 'long', day: 'numeric', month: 'long' })}
-		</span>
-	</div>
-
-	<!-- Calories Ring -->
-	<div class="flex items-center gap-6">
-		<ProgressRing
-			percentage={caloriePercent}
-			size={100}
-			strokeWidth={8}
-			color="var(--color-calories)"
-		>
-			<div class="text-center">
-				<div class="text-2xl font-bold text-[var(--color-text-primary)]">
-					{progress?.calories?.current ?? 0}
-				</div>
-				<div class="text-xs text-[var(--color-text-secondary)]">
-					/ {progress?.calories?.target ?? 2000}
-				</div>
-			</div>
-		</ProgressRing>
-
-		<!-- Macros -->
-		<div class="flex-1 grid grid-cols-3 gap-2">
-			<div class="text-center">
-				<div class="text-sm font-medium text-[var(--color-protein)]">
-					{progress?.protein?.current ?? 0}g
-				</div>
-				<div class="text-xs text-[var(--color-text-muted)]">Protein</div>
-				<div class="mt-1 h-1 bg-[var(--color-background-elevated)] rounded-full overflow-hidden">
-					<div
-						class="h-full bg-[var(--color-protein)] transition-all"
-						style="width: {progress?.protein?.percentage ?? 0}%"
-					></div>
-				</div>
-			</div>
-
-			<div class="text-center">
-				<div class="text-sm font-medium text-[var(--color-carbs)]">
-					{progress?.carbs?.current ?? 0}g
-				</div>
-				<div class="text-xs text-[var(--color-text-muted)]">Carbs</div>
-				<div class="mt-1 h-1 bg-[var(--color-background-elevated)] rounded-full overflow-hidden">
-					<div
-						class="h-full bg-[var(--color-carbs)] transition-all"
-						style="width: {progress?.carbs?.percentage ?? 0}%"
-					></div>
-				</div>
-			</div>
-
-			<div class="text-center">
-				<div class="text-sm font-medium text-[var(--color-fat)]">
-					{progress?.fat?.current ?? 0}g
-				</div>
-				<div class="text-xs text-[var(--color-text-muted)]">Fett</div>
-				<div class="mt-1 h-1 bg-[var(--color-background-elevated)] rounded-full overflow-hidden">
-					<div
-						class="h-full bg-[var(--color-fat)] transition-all"
-						style="width: {progress?.fat?.percentage ?? 0}%"
-					></div>
-				</div>
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/apps/nutriphi/apps/web-archived/src/lib/components/Header.svelte b/apps/nutriphi/apps/web-archived/src/lib/components/Header.svelte
deleted file mode 100644
index d9fb90cd0..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/components/Header.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	import { Gear } from '@manacore/shared-icons';
-</script>
-
-<header
-	class="sticky top-0 z-40 bg-[var(--color-background-page)]/95 backdrop-blur border-b border-[var(--color-border)]"
->
-	<div class="container mx-auto px-4 max-w-lg">
-		<div class="flex items-center justify-between h-14">
-			<div class="flex items-center gap-2">
-				<div class="w-8 h-8 rounded-lg bg-[var(--color-primary)] flex items-center justify-center">
-					<span class="text-white font-bold text-sm">N</span>
-				</div>
-				<span class="font-semibold text-[var(--color-text-primary)]">NutriPhi</span>
-			</div>
-
-			<a
-				href="/settings"
-				class="p-2 rounded-lg hover:bg-[var(--color-background-card)] transition-colors"
-				title="Einstellungen"
-			>
-				<Gear class="w-5 h-5 text-[var(--color-text-secondary)]" />
-			</a>
-		</div>
-	</div>
-</header>
diff --git a/apps/nutriphi/apps/web-archived/src/lib/components/MealList.svelte b/apps/nutriphi/apps/web-archived/src/lib/components/MealList.svelte
deleted file mode 100644
index 31050450e..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/components/MealList.svelte
+++ /dev/null
@@ -1,98 +0,0 @@
-<script lang="ts">
-	import { mealsStore } from '$lib/stores/meals.svelte';
-	import { useAllMeals, getTodaysMeals } from '$lib/data/queries';
-	import { MEAL_TYPE_LABELS } from '@nutriphi/shared';
-	import { Trash, Camera, PencilLine, CircleNotch } from '@manacore/shared-icons';
-
-	// Reactive live query — auto-updates when IndexedDB changes
-	const allMeals = useAllMeals();
-	const todaysMeals = $derived(getTodaysMeals(allMeals.value));
-
-	let deleting = $state<string | null>(null);
-	let deleteError = $state<string | null>(null);
-
-	async function deleteMeal(id: string) {
-		if (confirm('Mahlzeit wirklich loschen?')) {
-			deleting = id;
-			deleteError = null;
-			try {
-				await mealsStore.deleteMeal(id);
-			} catch (err) {
-				deleteError = err instanceof Error ? err.message : 'Mahlzeit konnte nicht geloscht werden';
-			} finally {
-				deleting = null;
-			}
-		}
-	}
-</script>
-
-<div class="space-y-3">
-	{#if deleteError}
-		<div
-			class="bg-red-500/10 border border-red-500/20 rounded-xl p-3 flex items-center gap-2 text-red-400 text-sm"
-		>
-			<span>{deleteError}</span>
-		</div>
-	{/if}
-
-	{#if todaysMeals.length === 0}
-		<div class="text-center py-8">
-			<p class="text-[var(--color-text-secondary)] mb-2">Noch keine Mahlzeiten heute</p>
-			<p class="text-sm text-[var(--color-text-muted)]">
-				Tippe auf + um deine erste Mahlzeit hinzuzufugen
-			</p>
-		</div>
-	{:else}
-		{#each todaysMeals as meal (meal.id)}
-			<div
-				class="bg-[var(--color-background-card)] rounded-xl p-4 border border-[var(--color-border)]"
-			>
-				<div class="flex items-start justify-between">
-					<div class="flex-1">
-						<div class="flex items-center gap-2 mb-1">
-							{#if meal.inputType === 'photo'}
-								<Camera class="w-4 h-4 text-[var(--color-text-muted)]" />
-							{:else}
-								<PencilLine class="w-4 h-4 text-[var(--color-text-muted)]" />
-							{/if}
-							<span class="text-xs text-[var(--color-text-muted)] uppercase tracking-wide">
-								{MEAL_TYPE_LABELS[meal.mealType as keyof typeof MEAL_TYPE_LABELS]?.de ??
-									meal.mealType}
-							</span>
-						</div>
-						<p class="text-[var(--color-text-primary)] font-medium">
-							{meal.description}
-						</p>
-						{#if meal.nutrition}
-							<div class="flex gap-4 mt-2 text-sm">
-								<span class="text-[var(--color-calories)]">
-									{Math.round(meal.nutrition.calories)} kcal
-								</span>
-								<span class="text-[var(--color-protein)]">
-									{Math.round(meal.nutrition.protein)}g P
-								</span>
-								<span class="text-[var(--color-carbs)]">
-									{Math.round(meal.nutrition.carbohydrates)}g K
-								</span>
-								<span class="text-[var(--color-fat)]">
-									{Math.round(meal.nutrition.fat)}g F
-								</span>
-							</div>
-						{/if}
-					</div>
-					<button
-						onclick={() => deleteMeal(meal.id)}
-						disabled={deleting === meal.id}
-						class="p-2 rounded-lg hover:bg-[var(--color-background-elevated)] text-[var(--color-text-muted)] hover:text-red-400 transition-colors disabled:opacity-50"
-					>
-						{#if deleting === meal.id}
-							<CircleNotch class="w-4 h-4 animate-spin" />
-						{:else}
-							<Trash class="w-4 h-4" />
-						{/if}
-					</button>
-				</div>
-			</div>
-		{/each}
-	{/if}
-</div>
diff --git a/apps/nutriphi/apps/web-archived/src/lib/components/ProgressRing.svelte b/apps/nutriphi/apps/web-archived/src/lib/components/ProgressRing.svelte
deleted file mode 100644
index 98e726c45..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/components/ProgressRing.svelte
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	let {
-		percentage = 0,
-		size = 100,
-		strokeWidth = 8,
-		color = 'var(--color-primary)',
-		children,
-	}: {
-		percentage?: number;
-		size?: number;
-		strokeWidth?: number;
-		color?: string;
-		children?: Snippet;
-	} = $props();
-
-	let radius = $derived((size - strokeWidth) / 2);
-	let circumference = $derived(2 * Math.PI * radius);
-	let offset = $derived(circumference - (Math.min(percentage, 100) / 100) * circumference);
-</script>
-
-<div class="relative" style="width: {size}px; height: {size}px;">
-	<svg class="transform -rotate-90" width={size} height={size}>
-		<!-- Background circle -->
-		<circle
-			cx={size / 2}
-			cy={size / 2}
-			r={radius}
-			fill="none"
-			stroke="var(--color-background-elevated)"
-			stroke-width={strokeWidth}
-		/>
-		<!-- Progress circle -->
-		<circle
-			cx={size / 2}
-			cy={size / 2}
-			r={radius}
-			fill="none"
-			stroke={color}
-			stroke-width={strokeWidth}
-			stroke-linecap="round"
-			stroke-dasharray={circumference}
-			stroke-dashoffset={offset}
-			class="transition-all duration-500"
-		/>
-	</svg>
-
-	<!-- Center content -->
-	<div class="absolute inset-0 flex items-center justify-center">
-		{#if children}
-			{@render children()}
-		{/if}
-	</div>
-</div>
diff --git a/apps/nutriphi/apps/web-archived/src/lib/content/help/index.ts b/apps/nutriphi/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index f97e466d3..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-/**
- * Help content for NutriPhi app
- */
-
-import type { HelpContent } from '@manacore/help';
-
-export function getNutriPhiHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-log-meals',
-				question: isDE ? 'Wie erfasse ich meine Mahlzeiten?' : 'How do I log my meals?',
-				answer: isDE
-					? '<p>Du kannst Mahlzeiten auf zwei Arten erfassen:</p><ul><li><strong>Foto-Analyse</strong>: Mache ein Foto deiner Mahlzeit — die KI erkennt automatisch die Lebensmittel und schätzt Nährwerte</li><li><strong>Manuelle Eingabe</strong>: Suche nach Lebensmitteln in der Datenbank und gib Portionsgrößen ein</li></ul><p>Nach der Erfassung kannst du die erkannten Lebensmittel und Mengen anpassen, bevor du speicherst.</p>'
-					: '<p>You can log meals in two ways:</p><ul><li><strong>Photo analysis</strong>: Take a photo of your meal — the AI automatically recognizes the food items and estimates nutritional values</li><li><strong>Manual entry</strong>: Search for food items in the database and enter portion sizes</li></ul><p>After logging, you can adjust the recognized food items and quantities before saving.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['mahlzeit', 'erfassen', 'foto', 'eingabe']
-					: ['meal', 'log', 'photo', 'entry'],
-			},
-			{
-				id: 'faq-nutrients',
-				question: isDE ? 'Welche Nährwerte werden erfasst?' : 'What nutrients are tracked?',
-				answer: isDE
-					? '<p>NutriPhi erfasst umfassende <strong>Makro- und Mikronährstoffe</strong>:</p><ul><li><strong>Makronährstoffe</strong>: Kalorien, Protein, Kohlenhydrate, Fett, Ballaststoffe</li><li><strong>Mikronährstoffe</strong>: Vitamine (A, B, C, D, E, K), Mineralstoffe (Eisen, Kalzium, Zink, Magnesium)</li><li><strong>Weitere</strong>: Zucker, gesättigte Fettsäuren, Natrium, Cholesterin</li></ul><p>Dein Tagesbericht zeigt dir, wie nah du an deinen persönlichen Zielen bist.</p>'
-					: '<p>NutriPhi tracks comprehensive <strong>macro and micronutrients</strong>:</p><ul><li><strong>Macronutrients</strong>: Calories, protein, carbohydrates, fat, fiber</li><li><strong>Micronutrients</strong>: Vitamins (A, B, C, D, E, K), minerals (iron, calcium, zinc, magnesium)</li><li><strong>Other</strong>: Sugar, saturated fat, sodium, cholesterol</li></ul><p>Your daily report shows how close you are to your personal goals.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['nährwerte', 'makros', 'mikros', 'kalorien']
-					: ['nutrients', 'macros', 'micros', 'calories'],
-			},
-			{
-				id: 'faq-ai-analysis',
-				question: isDE ? 'Wie funktioniert die KI-Analyse?' : 'How does the AI analysis work?',
-				answer: isDE
-					? '<p>Die <strong>KI-gestützte Foto-Analyse</strong> funktioniert in drei Schritten:</p><ol><li><strong>Erkennung</strong>: Die KI identifiziert alle sichtbaren Lebensmittel auf dem Foto</li><li><strong>Portionsschätzung</strong>: Anhand der Bildgröße und bekannter Referenzobjekte wird die Menge geschätzt</li><li><strong>Nährwertberechnung</strong>: Die Nährwerte werden aus unserer Datenbank abgerufen und berechnet</li></ol><p>Die Genauigkeit liegt bei ca. <strong>85-90%</strong>. Du kannst die Ergebnisse immer manuell korrigieren.</p>'
-					: '<p>The <strong>AI-powered photo analysis</strong> works in three steps:</p><ol><li><strong>Recognition</strong>: The AI identifies all visible food items in the photo</li><li><strong>Portion estimation</strong>: Based on image size and known reference objects, quantities are estimated</li><li><strong>Nutrition calculation</strong>: Nutritional values are retrieved from our database and calculated</li></ol><p>Accuracy is approximately <strong>85-90%</strong>. You can always manually correct the results.</p>',
-				category: 'technical',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['ki', 'analyse', 'foto', 'erkennung']
-					: ['ai', 'analysis', 'photo', 'recognition'],
-			},
-			{
-				id: 'faq-favorites',
-				question: isDE ? 'Wie nutze ich Favoriten-Mahlzeiten?' : 'How do I use favorite meals?',
-				answer: isDE
-					? '<p><strong>Favoriten</strong> beschleunigen die tägliche Erfassung:</p><ul><li>Speichere häufig gegessene Mahlzeiten als Favoriten</li><li>Füge eine Favoriten-Mahlzeit mit einem Klick zu deinem Tageslog hinzu</li><li>Passe die Portionsgröße beim Hinzufügen an</li><li>Erstelle Favoriten aus vergangenen Mahlzeiten in deiner Historie</li></ul>'
-					: '<p><strong>Favorites</strong> speed up daily logging:</p><ul><li>Save frequently eaten meals as favorites</li><li>Add a favorite meal to your daily log with one click</li><li>Adjust the portion size when adding</li><li>Create favorites from past meals in your history</li></ul>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['favoriten', 'mahlzeiten', 'schnell'] : ['favorites', 'meals', 'quick'],
-			},
-			{
-				id: 'faq-privacy',
-				question: isDE ? 'Wie werden meine Daten geschützt?' : 'How is my data protected?',
-				answer: isDE
-					? '<p>Deine Daten sind sicher:</p><ul><li><strong>Verschlüsselung</strong>: Alle Daten werden bei der Übertragung (TLS) verschlüsselt</li><li><strong>DSGVO-konform</strong>: Wir halten uns an die EU-Datenschutzverordnung</li><li><strong>Foto-Datenschutz</strong>: Mahlzeitenfotos werden nach der Analyse nur auf deinem Wunsch gespeichert</li><li><strong>Gesundheitsdaten</strong>: Deine Ernährungsdaten werden nie an Dritte verkauft</li><li><strong>Datenexport</strong>: Du kannst jederzeit alle Daten exportieren</li></ul>'
-					: '<p>Your data is secure:</p><ul><li><strong>Encryption</strong>: All data is encrypted in transit (TLS)</li><li><strong>GDPR compliant</strong>: We follow EU data protection regulations</li><li><strong>Photo privacy</strong>: Meal photos are only stored after analysis upon your request</li><li><strong>Health data</strong>: Your nutrition data is never sold to third parties</li><li><strong>Data export</strong>: You can export all data at any time</li></ul>',
-				category: 'privacy',
-				order: 5,
-				language: isDE ? 'de' : 'en',
-				featured: true,
-				tags: isDE ? ['datenschutz', 'dsgvo', 'sicherheit'] : ['privacy', 'gdpr', 'security'],
-			},
-		],
-		features: [
-			{
-				id: 'feature-photo-analysis',
-				title: isDE ? 'Foto-Analyse' : 'Photo Analysis',
-				description: isDE
-					? 'Erfasse Mahlzeiten per Foto mit KI-gestützter Erkennung'
-					: 'Log meals by photo with AI-powered recognition',
-				icon: '📸',
-				category: 'core',
-				highlights: isDE
-					? ['KI-Erkennung', 'Portionsschätzung', 'Sofort-Analyse', 'Manuelle Korrektur']
-					: ['AI recognition', 'Portion estimation', 'Instant analysis', 'Manual correction'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-macro-micro',
-				title: isDE ? 'Makro- & Mikro-Tracking' : 'Macro & Micro Tracking',
-				description: isDE
-					? 'Verfolge Kalorien, Makros, Vitamine und Mineralstoffe'
-					: 'Track calories, macros, vitamins, and minerals',
-				icon: '📊',
-				category: 'core',
-				highlights: isDE
-					? ['Kalorien & Makros', 'Vitamine & Mineralstoffe', 'Tägliche Ziele', 'Trendanalyse']
-					: ['Calories & macros', 'Vitamins & minerals', 'Daily goals', 'Trend analysis'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-ai-coaching',
-				title: isDE ? 'KI-Coaching' : 'AI Coaching',
-				description: isDE
-					? 'Erhalte personalisierte Ernährungstipps und Empfehlungen'
-					: 'Receive personalized nutrition tips and recommendations',
-				icon: '🤖',
-				category: 'advanced',
-				highlights: isDE
-					? ['Personalisierte Tipps', 'Nährstofflücken', 'Mahlzeitenvorschläge', 'Wochenbericht']
-					: ['Personalized tips', 'Nutrient gaps', 'Meal suggestions', 'Weekly report'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-favorites',
-				title: isDE ? 'Favoriten-Mahlzeiten' : 'Favorite Meals',
-				description: isDE
-					? 'Speichere häufige Mahlzeiten für schnelle Erfassung'
-					: 'Save frequent meals for quick logging',
-				icon: '⭐',
-				category: 'core',
-				highlights: isDE
-					? [
-							'Ein-Klick-Erfassung',
-							'Anpassbare Portionen',
-							'Aus Historie erstellen',
-							'Schnellzugriff',
-						]
-					: ['One-click logging', 'Adjustable portions', 'Create from history', 'Quick access'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um NutriPhi.</p>'
-				: '<p>Our support team is here to help you with any questions about NutriPhi.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/nutriphi/apps/web-archived/src/lib/data/guest-seed.ts b/apps/nutriphi/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 49729f89b..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/**
- * Guest seed data for the NutriPhi app.
- *
- * Provides demo meals and default goals for the onboarding experience.
- */
-
-import type { LocalMeal, LocalGoal } from './local-store';
-
-const today = new Date().toISOString().split('T')[0];
-
-export const guestMeals: LocalMeal[] = [
-	{
-		id: 'meal-breakfast',
-		date: today,
-		mealType: 'breakfast',
-		inputType: 'text',
-		description: 'Haferflocken mit Banane und Honig',
-		confidence: 0.9,
-		nutrition: {
-			calories: 380,
-			protein: 10,
-			carbohydrates: 68,
-			fat: 8,
-			fiber: 6,
-			sugar: 24,
-		},
-	},
-	{
-		id: 'meal-lunch',
-		date: today,
-		mealType: 'lunch',
-		inputType: 'text',
-		description: 'Vollkorn-Sandwich mit Avocado und Ei',
-		confidence: 0.85,
-		nutrition: {
-			calories: 520,
-			protein: 22,
-			carbohydrates: 45,
-			fat: 28,
-			fiber: 8,
-			sugar: 4,
-		},
-	},
-];
-
-export const guestGoals: LocalGoal[] = [
-	{
-		id: 'default-goals',
-		dailyCalories: 2000,
-		dailyProtein: 60,
-		dailyCarbs: 250,
-		dailyFat: 65,
-		dailyFiber: 30,
-	},
-];
diff --git a/apps/nutriphi/apps/web-archived/src/lib/data/local-store.ts b/apps/nutriphi/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 7dd8db6aa..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-/**
- * NutriPhi — Local-First Data Layer
- *
- * Meals, nutrition, goals, and favorites stored locally.
- * AI analysis and recommendations remain server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestMeals, guestGoals } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalMeal extends BaseRecord {
-	date: string;
-	mealType: 'breakfast' | 'lunch' | 'dinner' | 'snack';
-	inputType: 'photo' | 'text';
-	description: string;
-	portionSize?: string | null;
-	confidence: number;
-	nutrition?: {
-		calories: number;
-		protein: number;
-		carbohydrates: number;
-		fat: number;
-		fiber: number;
-		sugar: number;
-	} | null;
-}
-
-export interface LocalGoal extends BaseRecord {
-	dailyCalories: number;
-	dailyProtein?: number | null;
-	dailyCarbs?: number | null;
-	dailyFat?: number | null;
-	dailyFiber?: number | null;
-}
-
-export interface LocalFavorite extends BaseRecord {
-	name: string;
-	description: string;
-	mealType: 'breakfast' | 'lunch' | 'dinner' | 'snack';
-	nutrition: {
-		calories: number;
-		protein: number;
-		carbohydrates: number;
-		fat: number;
-		fiber: number;
-		sugar: number;
-	};
-	usageCount: number;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const nutriphiStore = createLocalStore({
-	appId: 'nutriphi',
-	collections: [
-		{
-			name: 'meals',
-			indexes: ['date', 'mealType', '[date+mealType]'],
-			guestSeed: guestMeals,
-		},
-		{
-			name: 'goals',
-			indexes: [],
-			guestSeed: guestGoals,
-		},
-		{
-			name: 'favorites',
-			indexes: ['mealType', 'usageCount'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const mealCollection = nutriphiStore.collection<LocalMeal>('meals');
-export const goalCollection = nutriphiStore.collection<LocalGoal>('goals');
-export const favoriteCollection = nutriphiStore.collection<LocalFavorite>('favorites');
diff --git a/apps/nutriphi/apps/web-archived/src/lib/data/queries.ts b/apps/nutriphi/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index e29819f20..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for NutriPhi
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	mealCollection,
-	goalCollection,
-	favoriteCollection,
-	type LocalMeal,
-	type LocalGoal,
-	type LocalFavorite,
-} from './local-store';
-import type { Meal, MealNutrition, DailySummary, NutritionProgress } from '@nutriphi/shared';
-
-// ─── Extended Types ────────────────────────────────────────
-
-export interface MealWithNutrition extends Meal {
-	nutrition: MealNutrition | null;
-}
-
-// ─── Type Converters ───────────────────────────────────────
-
-export function toMealWithNutrition(local: LocalMeal): MealWithNutrition {
-	return {
-		id: local.id,
-		userId: 'local',
-		date: new Date(local.date),
-		mealType: local.mealType as any,
-		inputType: local.inputType as any,
-		description: local.description,
-		portionSize: local.portionSize ?? undefined,
-		confidence: local.confidence,
-		createdAt: new Date(local.createdAt ?? Date.now()),
-		nutrition: local.nutrition
-			? {
-					id: local.id,
-					mealId: local.id,
-					calories: local.nutrition.calories,
-					protein: local.nutrition.protein,
-					carbohydrates: local.nutrition.carbohydrates,
-					fat: local.nutrition.fat,
-					fiber: local.nutrition.fiber,
-					sugar: local.nutrition.sugar,
-				}
-			: null,
-	} as MealWithNutrition;
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All meals, auto-updates on any change. */
-export function useAllMeals() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await mealCollection.getAll();
-		return locals.map(toMealWithNutrition);
-	}, [] as MealWithNutrition[]);
-}
-
-/** All goals, auto-updates on any change. */
-export function useAllGoals() {
-	return useLiveQueryWithDefault(async () => {
-		return await goalCollection.getAll();
-	}, [] as LocalGoal[]);
-}
-
-/** All favorites, auto-updates on any change. */
-export function useAllFavorites() {
-	return useLiveQueryWithDefault(async () => {
-		return await favoriteCollection.getAll();
-	}, [] as LocalFavorite[]);
-}
-
-// ─── Pure Filter/Helper Functions (for $derived) ──────────
-
-/** Filter meals for a specific date string (YYYY-MM-DD). */
-export function filterByDate(meals: MealWithNutrition[], dateStr: string): MealWithNutrition[] {
-	return meals.filter((m) => {
-		const mealDate =
-			m.date instanceof Date ? m.date.toISOString().split('T')[0] : String(m.date).split('T')[0];
-		return mealDate === dateStr;
-	});
-}
-
-/** Get today's date as YYYY-MM-DD string. */
-export function getTodayStr(): string {
-	return new Date().toISOString().split('T')[0];
-}
-
-/** Filter meals for today, sorted by creation time. */
-export function getTodaysMeals(meals: MealWithNutrition[]): MealWithNutrition[] {
-	const today = getTodayStr();
-	return filterByDate(meals, today).sort(
-		(a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()
-	);
-}
-
-/** Sum nutrition values across a set of meals. */
-export function sumNutrition(meals: MealWithNutrition[]): {
-	calories: number;
-	protein: number;
-	carbohydrates: number;
-	fat: number;
-	fiber: number;
-	sugar: number;
-} {
-	return meals.reduce(
-		(acc, m) => ({
-			calories: acc.calories + (m.nutrition?.calories || 0),
-			protein: acc.protein + (m.nutrition?.protein || 0),
-			carbohydrates: acc.carbohydrates + (m.nutrition?.carbohydrates || 0),
-			fat: acc.fat + (m.nutrition?.fat || 0),
-			fiber: acc.fiber + (m.nutrition?.fiber || 0),
-			sugar: acc.sugar + (m.nutrition?.sugar || 0),
-		}),
-		{ calories: 0, protein: 0, carbohydrates: 0, fat: 0, fiber: 0, sugar: 0 }
-	);
-}
-
-/** Build a DailySummary from meals for a given date. */
-export function getDailySummary(
-	meals: MealWithNutrition[],
-	date?: Date,
-	goals?: LocalGoal | null
-): DailySummary {
-	const dateStr = (date || new Date()).toISOString().split('T')[0];
-	const dayMeals = filterByDate(meals, dateStr);
-	const totalNutrition = sumNutrition(dayMeals);
-
-	const calorieTarget = goals?.dailyCalories ?? 2000;
-	const proteinTarget = goals?.dailyProtein ?? 50;
-	const carbsTarget = goals?.dailyCarbs ?? 250;
-	const fatTarget = goals?.dailyFat ?? 65;
-
-	const progress: NutritionProgress = {
-		calories: {
-			current: Math.round(totalNutrition.calories),
-			target: calorieTarget,
-			percentage: Math.min(Math.round((totalNutrition.calories / calorieTarget) * 100), 100),
-		},
-		protein: {
-			current: Math.round(totalNutrition.protein),
-			target: proteinTarget,
-			percentage: Math.min(Math.round((totalNutrition.protein / proteinTarget) * 100), 100),
-		},
-		carbs: {
-			current: Math.round(totalNutrition.carbohydrates),
-			target: carbsTarget,
-			percentage: Math.min(Math.round((totalNutrition.carbohydrates / carbsTarget) * 100), 100),
-		},
-		fat: {
-			current: Math.round(totalNutrition.fat),
-			target: fatTarget,
-			percentage: Math.min(Math.round((totalNutrition.fat / fatTarget) * 100), 100),
-		},
-	};
-
-	return {
-		date: new Date(dateStr),
-		meals: dayMeals,
-		totalNutrition,
-		progress,
-	} as DailySummary;
-}
-
-/** Search meals by description. */
-export function searchMeals(meals: MealWithNutrition[], query: string): MealWithNutrition[] {
-	const q = query.toLowerCase();
-	return meals.filter((m) => m.description?.toLowerCase().includes(q));
-}
diff --git a/apps/nutriphi/apps/web-archived/src/lib/i18n/index.ts b/apps/nutriphi/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 7a7186976..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('nutriphi_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('nutriphi_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/nutriphi/apps/web-archived/src/lib/i18n/locales/de.json b/apps/nutriphi/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 2a9a3503c..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,89 +0,0 @@
-{
-	"app": {
-		"name": "NutriPhi",
-		"loading": "Laden...",
-		"tagline": "Ernährung verstehen"
-	},
-	"nav": {
-		"dashboard": "Dashboard",
-		"meals": "Mahlzeiten",
-		"goals": "Ziele",
-		"favorites": "Favoriten",
-		"stats": "Statistiken",
-		"settings": "Einstellungen"
-	},
-	"meal": {
-		"add": "Mahlzeit hinzufügen",
-		"edit": "Mahlzeit bearbeiten",
-		"delete": "Mahlzeit löschen",
-		"photo": "Foto aufnehmen",
-		"text": "Beschreiben",
-		"analyzing": "Analysiere...",
-		"noMeals": "Noch keine Mahlzeiten",
-		"breakfast": "Frühstück",
-		"lunch": "Mittagessen",
-		"dinner": "Abendessen",
-		"snack": "Snack"
-	},
-	"nutrition": {
-		"calories": "Kalorien",
-		"protein": "Protein",
-		"carbs": "Kohlenhydrate",
-		"fat": "Fett",
-		"fiber": "Ballaststoffe",
-		"sugar": "Zucker",
-		"kcal": "kcal",
-		"grams": "g"
-	},
-	"goals": {
-		"daily": "Tagesziele",
-		"setGoals": "Ziele setzen",
-		"calories": "Kalorien-Ziel",
-		"protein": "Protein-Ziel",
-		"carbs": "Kohlenhydrate-Ziel",
-		"fat": "Fett-Ziel",
-		"progress": "Fortschritt"
-	},
-	"stats": {
-		"today": "Heute",
-		"week": "Diese Woche",
-		"remaining": "Verbleibend",
-		"consumed": "Verzehrt",
-		"average": "Durchschnitt"
-	},
-	"favorites": {
-		"add": "Zu Favoriten",
-		"remove": "Aus Favoriten entfernen",
-		"noFavorites": "Keine Favoriten",
-		"useAgain": "Erneut verwenden"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"add": "Hinzufügen",
-		"close": "Schließen",
-		"search": "Suchen",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"loading": "Laden..."
-	},
-	"errors": {
-		"loadMeals": "Mahlzeiten konnten nicht geladen werden",
-		"analyzeFailed": "Analyse fehlgeschlagen",
-		"saveFailed": "Speichern fehlgeschlagen",
-		"loadGoals": "Ziele konnten nicht geladen werden"
-	},
-	"success": {
-		"mealAdded": "Mahlzeit hinzugefügt",
-		"mealDeleted": "Mahlzeit gelöscht",
-		"goalsSaved": "Ziele gespeichert",
-		"favoriteAdded": "Zu Favoriten hinzugefügt"
-	}
-}
diff --git a/apps/nutriphi/apps/web-archived/src/lib/i18n/locales/en.json b/apps/nutriphi/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 237785dbe..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,89 +0,0 @@
-{
-	"app": {
-		"name": "NutriPhi",
-		"loading": "Loading...",
-		"tagline": "Understand nutrition"
-	},
-	"nav": {
-		"dashboard": "Dashboard",
-		"meals": "Meals",
-		"goals": "Goals",
-		"favorites": "Favorites",
-		"stats": "Statistics",
-		"settings": "Settings"
-	},
-	"meal": {
-		"add": "Add meal",
-		"edit": "Edit meal",
-		"delete": "Delete meal",
-		"photo": "Take photo",
-		"text": "Describe",
-		"analyzing": "Analyzing...",
-		"noMeals": "No meals yet",
-		"breakfast": "Breakfast",
-		"lunch": "Lunch",
-		"dinner": "Dinner",
-		"snack": "Snack"
-	},
-	"nutrition": {
-		"calories": "Calories",
-		"protein": "Protein",
-		"carbs": "Carbohydrates",
-		"fat": "Fat",
-		"fiber": "Fiber",
-		"sugar": "Sugar",
-		"kcal": "kcal",
-		"grams": "g"
-	},
-	"goals": {
-		"daily": "Daily goals",
-		"setGoals": "Set goals",
-		"calories": "Calorie goal",
-		"protein": "Protein goal",
-		"carbs": "Carbohydrate goal",
-		"fat": "Fat goal",
-		"progress": "Progress"
-	},
-	"stats": {
-		"today": "Today",
-		"week": "This week",
-		"remaining": "Remaining",
-		"consumed": "Consumed",
-		"average": "Average"
-	},
-	"favorites": {
-		"add": "Add to favorites",
-		"remove": "Remove from favorites",
-		"noFavorites": "No favorites",
-		"useAgain": "Use again"
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"register": "Register"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"add": "Add",
-		"close": "Close",
-		"search": "Search",
-		"error": "Error",
-		"success": "Success",
-		"loading": "Loading..."
-	},
-	"errors": {
-		"loadMeals": "Failed to load meals",
-		"analyzeFailed": "Analysis failed",
-		"saveFailed": "Failed to save",
-		"loadGoals": "Failed to load goals"
-	},
-	"success": {
-		"mealAdded": "Meal added",
-		"mealDeleted": "Meal deleted",
-		"goalsSaved": "Goals saved",
-		"favoriteAdded": "Added to favorites"
-	}
-}
diff --git a/apps/nutriphi/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/nutriphi/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 87d07a3a0..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3023,
-});
diff --git a/apps/nutriphi/apps/web-archived/src/lib/stores/meals.svelte.ts b/apps/nutriphi/apps/web-archived/src/lib/stores/meals.svelte.ts
deleted file mode 100644
index 0642146da..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/stores/meals.svelte.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Meals Store — Write Actions Only
- *
- * Reads are handled by useLiveQuery hooks in queries.ts.
- * This store only exposes mutation actions that write to IndexedDB.
- */
-
-import { mealCollection, type LocalMeal } from '$lib/data/local-store';
-import { NutriPhiEvents } from '@manacore/shared-utils/analytics';
-
-// ─── Actions ─────────────────────────────────────────────────
-
-async function addMeal(mealData: {
-	date: string;
-	mealType: string;
-	inputType: string;
-	description: string;
-	confidence: number;
-	calories: number;
-	protein: number;
-	carbohydrates: number;
-	fat: number;
-	fiber?: number;
-	sugar?: number;
-}) {
-	const newMeal: LocalMeal = {
-		id: crypto.randomUUID(),
-		date: mealData.date,
-		mealType: mealData.mealType as any,
-		inputType: mealData.inputType as any,
-		description: mealData.description,
-		confidence: mealData.confidence,
-		nutrition: {
-			calories: mealData.calories,
-			protein: mealData.protein,
-			carbohydrates: mealData.carbohydrates,
-			fat: mealData.fat,
-			fiber: mealData.fiber || 0,
-			sugar: mealData.sugar || 0,
-		},
-	};
-
-	const inserted = await mealCollection.insert(newMeal);
-	NutriPhiEvents.mealAdded(mealData.mealType, mealData.inputType);
-	return inserted;
-}
-
-async function deleteMeal(mealId: string) {
-	await mealCollection.delete(mealId);
-	NutriPhiEvents.mealDeleted();
-}
-
-export const mealsStore = {
-	addMeal,
-	deleteMeal,
-};
diff --git a/apps/nutriphi/apps/web-archived/src/lib/utils/meal-parser.test.ts b/apps/nutriphi/apps/web-archived/src/lib/utils/meal-parser.test.ts
deleted file mode 100644
index 8cd3dafa3..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/utils/meal-parser.test.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { parseMealInput, formatParsedMealPreview, parseFoodItems } from './meal-parser';
-
-describe('parseMealInput', () => {
-	it('should parse food description', () => {
-		const result = parseMealInput('Spaghetti Bolognese');
-		expect(result.description).toBe('Spaghetti Bolognese');
-		expect(result.mealTypeExplicit).toBe(false);
-	});
-
-	it('should extract frühstück', () => {
-		const result = parseMealInput('2 Eier Toast Frühstück');
-		expect(result.description).toBe('2 Eier Toast');
-		expect(result.mealType).toBe('breakfast');
-		expect(result.mealTypeExplicit).toBe(true);
-	});
-
-	it('should extract mittagessen', () => {
-		const result = parseMealInput('Spaghetti Bolognese Mittagessen');
-		expect(result.description).toBe('Spaghetti Bolognese');
-		expect(result.mealType).toBe('lunch');
-		expect(result.mealTypeExplicit).toBe(true);
-	});
-
-	it('should extract abendessen', () => {
-		const result = parseMealInput('Pizza abendessen');
-		expect(result.description).toBe('Pizza');
-		expect(result.mealType).toBe('dinner');
-		expect(result.mealTypeExplicit).toBe(true);
-	});
-
-	it('should extract snack', () => {
-		const result = parseMealInput('Apfel snack');
-		expect(result.description).toBe('Apfel');
-		expect(result.mealType).toBe('snack');
-		expect(result.mealTypeExplicit).toBe(true);
-	});
-
-	it('should extract morgens/mittags/abends', () => {
-		expect(parseMealInput('Müsli morgens').mealType).toBe('breakfast');
-		expect(parseMealInput('Salat mittags').mealType).toBe('lunch');
-		expect(parseMealInput('Suppe abends').mealType).toBe('dinner');
-	});
-
-	it('should auto-detect meal type when not specified', () => {
-		const result = parseMealInput('Käsebrot');
-		expect(result.description).toBe('Käsebrot');
-		expect(result.mealTypeExplicit).toBe(false);
-		// mealType is auto-detected based on time of day
-		expect(['breakfast', 'lunch', 'dinner', 'snack']).toContain(result.mealType);
-	});
-
-	it('should handle empty input', () => {
-		const result = parseMealInput('');
-		expect(result.description).toBe('');
-	});
-
-	it('should handle comma-separated foods', () => {
-		const result = parseMealInput('Reis, Hähnchen, Brokkoli Mittagessen');
-		expect(result.description).toBe('Reis, Hähnchen, Brokkoli');
-		expect(result.mealType).toBe('lunch');
-	});
-});
-
-describe('parseFoodItems', () => {
-	it('should parse "200g Reis, 2 Eier, 1 Scheibe Brot" into 3 items with amounts', () => {
-		const items = parseFoodItems('200g Reis, 2 Eier, 1 Scheibe Brot');
-		expect(items).toHaveLength(3);
-
-		expect(items[0]).toEqual({ amount: 200, unit: 'g', name: 'Reis' });
-		expect(items[1]).toEqual({ amount: 2, name: 'Eier' });
-		expect(items[2]).toEqual({ amount: 1, unit: 'Scheibe', name: 'Brot' });
-	});
-
-	it('should parse "Spaghetti Bolognese" as 1 item with no amount', () => {
-		const items = parseFoodItems('Spaghetti Bolognese');
-		expect(items).toHaveLength(1);
-		expect(items[0]).toEqual({ name: 'Spaghetti Bolognese' });
-	});
-
-	it('should parse "2 Eier, Toast, Orangensaft" into 3 items', () => {
-		const items = parseFoodItems('2 Eier, Toast, Orangensaft');
-		expect(items).toHaveLength(3);
-
-		expect(items[0]).toEqual({ amount: 2, name: 'Eier' });
-		expect(items[1]).toEqual({ name: 'Toast' });
-		expect(items[2]).toEqual({ name: 'Orangensaft' });
-	});
-
-	it('should handle fractions like 1/2', () => {
-		const items = parseFoodItems('1/2 Tasse Milch');
-		expect(items).toHaveLength(1);
-		expect(items[0]).toEqual({ amount: 0.5, unit: 'Tasse', name: 'Milch' });
-	});
-
-	it('should return empty array for empty input', () => {
-		expect(parseFoodItems('')).toEqual([]);
-	});
-});
-
-describe('parseMealInput with foodItems', () => {
-	it('should include foodItems in parsed result', () => {
-		const result = parseMealInput('200g Reis, 2 Eier, 1 Scheibe Brot');
-		expect(result.foodItems).toHaveLength(3);
-		expect(result.foodItems[0]).toEqual({ amount: 200, unit: 'g', name: 'Reis' });
-	});
-
-	it('should parse "2 Eier, Toast, Orangensaft Frühstück" with 3 items and breakfast type', () => {
-		const result = parseMealInput('2 Eier, Toast, Orangensaft Frühstück');
-		expect(result.mealType).toBe('breakfast');
-		expect(result.mealTypeExplicit).toBe(true);
-		expect(result.foodItems).toHaveLength(3);
-		expect(result.foodItems[0]).toEqual({ amount: 2, name: 'Eier' });
-		expect(result.foodItems[1]).toEqual({ name: 'Toast' });
-		expect(result.foodItems[2]).toEqual({ name: 'Orangensaft' });
-	});
-});
-
-describe('formatParsedMealPreview', () => {
-	it('should show meal type', () => {
-		const parsed = parseMealInput('Toast Frühstück');
-		const preview = formatParsedMealPreview(parsed);
-		expect(preview).toContain('Frühstück');
-	});
-
-	it('should show auto-detection hint', () => {
-		const parsed = parseMealInput('Apfel');
-		const preview = formatParsedMealPreview(parsed);
-		expect(preview).toContain('automatisch');
-	});
-
-	it('should not show auto hint when explicit', () => {
-		const parsed = parseMealInput('Apfel snack');
-		const preview = formatParsedMealPreview(parsed);
-		expect(preview).not.toContain('automatisch');
-	});
-
-	it('should show items count in preview', () => {
-		const parsed = parseMealInput('200g Reis, 2 Eier, 1 Scheibe Brot Mittagessen');
-		const preview = formatParsedMealPreview(parsed);
-		expect(preview).toContain('🥚 3 items');
-	});
-});
diff --git a/apps/nutriphi/apps/web-archived/src/lib/utils/meal-parser.ts b/apps/nutriphi/apps/web-archived/src/lib/utils/meal-parser.ts
deleted file mode 100644
index 625ef20fc..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/utils/meal-parser.ts
+++ /dev/null
@@ -1,236 +0,0 @@
-/**
- * Meal Parser for NutriPhi App
- *
- * Parses natural language input for quick meal logging.
- * Extracts meal type and food description for AI analysis.
- *
- * Examples:
- * - "Spaghetti Bolognese mittagessen"
- * - "2 Eier, Toast, Orangensaft frühstück"
- * - "Apfel snack"
- * - "Hähnchenbrust mit Reis und Salat"
- */
-
-import type { MealType } from '@nutriphi/shared';
-import { suggestMealType } from '@nutriphi/shared';
-import type { ParserLocale } from '@manacore/shared-utils';
-
-export interface FoodItem {
-	amount?: number;
-	unit?: string;
-	name: string;
-}
-
-export interface ParsedMeal {
-	description: string;
-	mealType: MealType;
-	mealTypeExplicit: boolean; // Was meal type explicitly mentioned?
-	foodItems: FoodItem[];
-}
-
-// Meal type patterns per locale
-const MEAL_TYPE_PATTERNS_BY_LOCALE: Record<ParserLocale, { pattern: RegExp; type: MealType }[]> = {
-	de: [
-		{ pattern: /\bfrühstück\b/i, type: 'breakfast' },
-		{ pattern: /\bmittagessen\b/i, type: 'lunch' },
-		{ pattern: /\babendessen\b/i, type: 'dinner' },
-		{ pattern: /\bsnack\b/i, type: 'snack' },
-		{ pattern: /\bmorgens\b/i, type: 'breakfast' },
-		{ pattern: /\bmittags\b/i, type: 'lunch' },
-		{ pattern: /\babends\b/i, type: 'dinner' },
-		{ pattern: /\bnachtisch\b/i, type: 'snack' },
-		{ pattern: /\bzwischenmahlzeit\b/i, type: 'snack' },
-	],
-	en: [
-		{ pattern: /\bbreakfast\b/i, type: 'breakfast' },
-		{ pattern: /\blunch\b/i, type: 'lunch' },
-		{ pattern: /\bdinner\b/i, type: 'dinner' },
-		{ pattern: /\bsnack\b/i, type: 'snack' },
-		{ pattern: /\bmorning\b/i, type: 'breakfast' },
-		{ pattern: /\bnoon\b/i, type: 'lunch' },
-		{ pattern: /\bevening\b/i, type: 'dinner' },
-	],
-	fr: [
-		{ pattern: /\bpetit[- ]d[ée]jeuner\b/i, type: 'breakfast' },
-		{ pattern: /\bd[ée]jeuner\b/i, type: 'lunch' },
-		{ pattern: /\bd[îi]ner\b/i, type: 'dinner' },
-		{ pattern: /\bgo[ûu]ter\b/i, type: 'snack' },
-		{ pattern: /\bmatin\b/i, type: 'breakfast' },
-		{ pattern: /\bmidi\b/i, type: 'lunch' },
-		{ pattern: /\bsoir\b/i, type: 'dinner' },
-	],
-	es: [
-		{ pattern: /\bdesayuno\b/i, type: 'breakfast' },
-		{ pattern: /\balmuerzo\b/i, type: 'lunch' },
-		{ pattern: /\bcena\b/i, type: 'dinner' },
-		{ pattern: /\bmerienda\b/i, type: 'snack' },
-	],
-	it: [
-		{ pattern: /\bcolazione\b/i, type: 'breakfast' },
-		{ pattern: /\bpranzo\b/i, type: 'lunch' },
-		{ pattern: /\bcena\b/i, type: 'dinner' },
-		{ pattern: /\bspuntino\b/i, type: 'snack' },
-	],
-};
-
-// Meal type labels per locale
-const MEAL_TYPE_LABELS_BY_LOCALE: Record<ParserLocale, Record<MealType, string>> = {
-	de: {
-		breakfast: 'Frühstück',
-		lunch: 'Mittagessen',
-		dinner: 'Abendessen',
-		snack: 'Snack',
-	},
-	en: {
-		breakfast: 'Breakfast',
-		lunch: 'Lunch',
-		dinner: 'Dinner',
-		snack: 'Snack',
-	},
-	fr: {
-		breakfast: 'Petit-déjeuner',
-		lunch: 'Déjeuner',
-		dinner: 'Dîner',
-		snack: 'Goûter',
-	},
-	es: {
-		breakfast: 'Desayuno',
-		lunch: 'Almuerzo',
-		dinner: 'Cena',
-		snack: 'Merienda',
-	},
-	it: {
-		breakfast: 'Colazione',
-		lunch: 'Pranzo',
-		dinner: 'Cena',
-		snack: 'Spuntino',
-	},
-};
-
-// Auto-detection hint per locale
-const AUTO_HINT_BY_LOCALE: Record<ParserLocale, string> = {
-	de: 'automatisch',
-	en: 'auto-detected',
-	fr: 'automatique',
-	es: 'automático',
-	it: 'automatico',
-};
-
-// Units recognized by the parser
-const UNITS_PATTERN =
-	/^(g|kg|mg|ml|l|dl|cl|Stück|Scheibe|Scheiben|Tasse|Tassen|EL|TL|pieces?|cups?|slices?|oz|lb)\b/i;
-
-// Amount pattern: integers, decimals, or fractions like 1/2
-const AMOUNT_PATTERN = /^(\d+\/\d+|\d+(?:[.,]\d+)?)/;
-
-/**
- * Parse a single food item string into structured FoodItem
- */
-function parseSingleFoodItem(text: string): FoodItem {
-	let remaining = text.trim();
-
-	// Try to extract amount
-	let amount: number | undefined;
-	const amountMatch = remaining.match(AMOUNT_PATTERN);
-	if (amountMatch) {
-		const raw = amountMatch[1];
-		if (raw.includes('/')) {
-			const [num, den] = raw.split('/');
-			amount = parseInt(num, 10) / parseInt(den, 10);
-		} else {
-			amount = parseFloat(raw.replace(',', '.'));
-		}
-		remaining = remaining.slice(amountMatch[0].length).trim();
-	}
-
-	// Try to extract unit (only if we found an amount, or unit is at the start)
-	let unit: string | undefined;
-	const unitMatch = remaining.match(UNITS_PATTERN);
-	if (unitMatch) {
-		unit = unitMatch[1];
-		remaining = remaining.slice(unitMatch[0].length).trim();
-	}
-
-	return {
-		...(amount !== undefined && { amount }),
-		...(unit !== undefined && { unit }),
-		name: remaining,
-	};
-}
-
-/**
- * Parse a description string into individual food items.
- * Splits on commas and parses each segment for amount, unit, and name.
- */
-export function parseFoodItems(text: string): FoodItem[] {
-	if (!text.trim()) return [];
-
-	const segments = text
-		.split(',')
-		.map((s) => s.trim())
-		.filter(Boolean);
-	return segments.map(parseSingleFoodItem);
-}
-
-function extractMealType(
-	text: string,
-	locale: ParserLocale = 'de'
-): { mealType?: MealType; remaining: string } {
-	const patterns = MEAL_TYPE_PATTERNS_BY_LOCALE[locale];
-	for (const { pattern, type } of patterns) {
-		if (pattern.test(text)) {
-			return {
-				mealType: type,
-				remaining: text.replace(pattern, '').trim(),
-			};
-		}
-	}
-	return { mealType: undefined, remaining: text };
-}
-
-/**
- * Parse natural language meal input
- */
-export function parseMealInput(input: string, locale: ParserLocale = 'de'): ParsedMeal {
-	let text = input.trim();
-
-	// Extract explicit meal type
-	const mealTypeResult = extractMealType(text, locale);
-	text = mealTypeResult.remaining;
-
-	// Clean up description
-	const description = text.replace(/\s+/g, ' ').trim();
-
-	// Parse food items from description
-	const foodItems = parseFoodItems(description);
-
-	// Use explicit meal type or auto-detect based on time of day
-	const mealType = mealTypeResult.mealType || suggestMealType();
-
-	return {
-		description,
-		mealType,
-		mealTypeExplicit: !!mealTypeResult.mealType,
-		foodItems,
-	};
-}
-
-/**
- * Format parsed meal for preview display
- */
-export function formatParsedMealPreview(parsed: ParsedMeal, locale: ParserLocale = 'de'): string {
-	const parts: string[] = [];
-
-	const labels = MEAL_TYPE_LABELS_BY_LOCALE[locale];
-	parts.push(`🍽️ ${labels[parsed.mealType]}`);
-
-	if (!parsed.mealTypeExplicit) {
-		parts.push(`(${AUTO_HINT_BY_LOCALE[locale]})`);
-	}
-
-	if (parsed.foodItems.length > 0) {
-		parts.push(`🥚 ${parsed.foodItems.length} items`);
-	}
-
-	return parts.join(' ');
-}
diff --git a/apps/nutriphi/apps/web-archived/src/lib/utils/syntax-help.ts b/apps/nutriphi/apps/web-archived/src/lib/utils/syntax-help.ts
deleted file mode 100644
index b91ce7d4f..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/utils/syntax-help.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * NutriPhi-specific syntax help patterns
- */
-import type { SyntaxGroup } from '@manacore/shared-ui';
-
-export const NUTRIPHI_SYNTAX: SyntaxGroup[] = [
-	{
-		title: 'Mahlzeiten',
-		items: [
-			{
-				pattern: 'Mahlzeittyp',
-				description: 'Art der Mahlzeit',
-				examples: ['Frühstück', 'Mittagessen', 'Abendessen', 'Snack'],
-				color: 'success',
-			},
-			{
-				pattern: 'Mengen',
-				description: 'Mengenangaben',
-				examples: ['200g Reis', '2 Eier', '1 Scheibe Brot', '100ml Milch'],
-				color: 'accent',
-			},
-			{
-				pattern: 'Komma-Liste',
-				description: 'Mehrere Zutaten mit Komma trennen',
-				examples: ['Reis, Hähnchen, Brokkoli'],
-				color: 'primary',
-			},
-		],
-	},
-];
diff --git a/apps/nutriphi/apps/web-archived/src/lib/version.ts b/apps/nutriphi/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index d63b4cfef..000000000
--- a/apps/nutriphi/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.2.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/nutriphi/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/nutriphi/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/nutriphi/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 08ce2703c..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { NutriPhiLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | NutriPhi</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="NutriPhi"
-	logo={NutriPhiLogo}
-	primaryColor="#22C55E"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#dcfce7"
-	darkBackground="#052e16"
-	{translations}
-/>
diff --git a/apps/nutriphi/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 2a42837cc..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,71 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { NutriPhiLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Get redirect URL from query params or sessionStorage
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | NutriPhi</title>
-</svelte:head>
-
-<LoginPage
-	appName="NutriPhi"
-	logo={NutriPhiLogo}
-	primaryColor="#22C55E"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#dcfce7"
-	darkBackground="#052e16"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
-/>
diff --git a/apps/nutriphi/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 84c654b6e..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { NutriPhiLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get redirect URL from sessionStorage
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | NutriPhi</title>
-</svelte:head>
-
-<RegisterPage
-	appName="NutriPhi"
-	logo={NutriPhiLogo}
-	primaryColor="#22C55E"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#dcfce7"
-	darkBackground="#052e16"
-	{translations}
-/>
diff --git a/apps/nutriphi/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 2bb687fe6..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { NutriPhiLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - NutriPhi</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-green-100 to-white dark:from-green-950 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<NutriPhiLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #22C55E">NutriPhi</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #22C55E"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #22C55E80; border-color: #22C55E"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #22C55E"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #22C55E"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/nutriphi/apps/web-archived/src/routes/+layout.svelte b/apps/nutriphi/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index d63ecba7d..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,125 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { isLoading as i18nLoading, _ as t } from 'svelte-i18n';
-	import { goto } from '$app/navigation';
-	import { QuickInputBar } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type { QuickInputItem, CreatePreview } from '@manacore/shared-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { useAllMeals, searchMeals } from '$lib/data/queries';
-	import { parseMealInput, formatParsedMealPreview } from '$lib/utils/meal-parser';
-	import { getManaApp } from '@manacore/shared-branding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { nutriphiStore } from '$lib/data/local-store';
-	let { children } = $props();
-
-	let showGuestWelcome = $state(false);
-
-	// Reactive live query for search
-	const allMeals = useAllMeals();
-
-	// QuickInputBar handlers - search recent meals
-	async function handleSearch(query: string): Promise<QuickInputItem[]> {
-		return searchMeals(allMeals.value, query)
-			.slice(0, 10)
-			.map((meal) => ({
-				id: meal.id,
-				title: meal.description || 'Mahlzeit',
-				subtitle: meal.mealType,
-			}));
-	}
-
-	function handleSelect(item: QuickInputItem) {
-		// No detail page for meals - just scroll to it
-	}
-
-	function handleParseCreate(query: string): CreatePreview | null {
-		if (!query.trim()) return null;
-		const parsed = parseMealInput(query);
-		if (!parsed.description) return null;
-		return {
-			title: `"${parsed.description}" analysieren`,
-			subtitle: formatParsedMealPreview(parsed),
-		};
-	}
-
-	async function handleAuthReady() {
-		await nutriphiStore.initialize();
-		if (authStore.isAuthenticated) {
-			nutriphiStore.startSync(() => authStore.getValidToken());
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('nutriphi')) {
-			showGuestWelcome = true;
-		}
-	}
-
-	async function handleCreate(query: string): Promise<void> {
-		if (!query.trim()) return;
-		const parsed = parseMealInput(query);
-		if (!parsed.description) return;
-		// Navigate to add page with pre-filled description and meal type
-		const params = new URLSearchParams({
-			type: 'text',
-			description: parsed.description,
-			mealType: parsed.mealType,
-		});
-		goto(`/add?${params.toString()}`);
-	}
-</script>
-
-<svelte:head>
-	{#if !$i18nLoading}
-		<title>{$t('app.name')} - {$t('app.tagline')}</title>
-	{:else}
-		<title>NutriPhi</title>
-	{/if}
-</svelte:head>
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('nutriphi')?.requiredTier}
-	appName={getManaApp('nutriphi')?.name}
->
-	{#if $i18nLoading}
-		<div class="flex min-h-screen items-center justify-center bg-background">
-			<div
-				class="h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"
-			></div>
-		</div>
-	{:else}
-		{@render children()}
-
-		{#if authStore.isAuthenticated}
-			<QuickInputBar
-				onSearch={handleSearch}
-				onSelect={handleSelect}
-				onParseCreate={handleParseCreate}
-				onCreate={handleCreate}
-				placeholder="Mahlzeit eingeben..."
-				emptyText="Keine Mahlzeiten gefunden"
-				searchingText="Suche..."
-				createText="Analysieren"
-				deferSearch={true}
-				locale="de"
-				appIcon="search"
-				bottomOffset="70px"
-			/>
-		{/if}
-		<SessionExpiredBanner locale="de" loginHref="/login" />
-	{/if}
-
-	<GuestWelcomeModal
-		appId="nutriphi"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale="de"
-	/>
-	<SyncIndicator />
-</AuthGate>
diff --git a/apps/nutriphi/apps/web-archived/src/routes/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index d4a345c14..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts">
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-	import Header from '$lib/components/Header.svelte';
-	import DailySummary from '$lib/components/DailySummary.svelte';
-	import MealList from '$lib/components/MealList.svelte';
-	import AddMealButton from '$lib/components/AddMealButton.svelte';
-	import { Camera, PencilLine } from '@manacore/shared-icons';
-
-	// Redirect to login if not authenticated
-	$effect(() => {
-		if (!authStore.loading && !authStore.isAuthenticated) {
-			goto('/login');
-		}
-	});
-
-	let showAddMenu = $state(false);
-</script>
-
-{#if authStore.isAuthenticated}
-	<div class="min-h-screen bg-[var(--color-background-page)]">
-		<Header />
-
-		<main class="container mx-auto px-4 pb-24 pt-4 max-w-lg">
-			<!-- Daily Summary -->
-			<DailySummary />
-
-			<!-- Today's Meals -->
-			<div class="mt-6">
-				<h2 class="text-lg font-semibold text-[var(--color-text-primary)] mb-3">
-					Heutige Mahlzeiten
-				</h2>
-				<MealList />
-			</div>
-		</main>
-
-		<!-- Floating Add Button -->
-		<div class="fixed bottom-6 left-1/2 -translate-x-1/2">
-			<AddMealButton />
-		</div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-[var(--color-background-page)] flex items-center justify-center">
-		<div class="animate-pulse text-[var(--color-text-secondary)]">Laden...</div>
-	</div>
-{/if}
diff --git a/apps/nutriphi/apps/web-archived/src/routes/add/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/add/+page.svelte
deleted file mode 100644
index d2b79a238..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/add/+page.svelte
+++ /dev/null
@@ -1,298 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { mealsStore } from '$lib/stores/meals.svelte';
-	import { apiClient } from '$lib/api/client';
-	import { suggestMealType, MEAL_TYPE_LABELS } from '@nutriphi/shared';
-	import type { AIAnalysisResult } from '@nutriphi/shared';
-	import { Camera, ArrowLeft, CircleNotch, Check, WarningCircle, X } from '@manacore/shared-icons';
-
-	let inputType = $derived($page.url.searchParams.get('type') || 'photo');
-	let mealType = $state(suggestMealType());
-	let textInput = $state('');
-	let imagePreview = $state<string | null>(null);
-	let imageBase64 = $state<string | null>(null);
-	let analyzing = $state(false);
-	let analysisResult = $state<AIAnalysisResult | null>(null);
-	let error = $state('');
-	let saving = $state(false);
-
-	// Redirect if not authenticated
-	$effect(() => {
-		if (!authStore.loading && !authStore.isAuthenticated) {
-			goto('/login');
-		}
-	});
-
-	function handleFileSelect(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const file = input.files?.[0];
-		if (!file) return;
-
-		const reader = new FileReader();
-		reader.onload = () => {
-			const result = reader.result as string;
-			imagePreview = result;
-			// Extract base64 without data URL prefix
-			imageBase64 = result.split(',')[1];
-		};
-		reader.readAsDataURL(file);
-	}
-
-	async function analyze() {
-		error = '';
-		analyzing = true;
-
-		try {
-			if (inputType === 'photo' && imageBase64) {
-				analysisResult = await apiClient.post<AIAnalysisResult>('/analysis/photo', {
-					imageBase64,
-					mimeType: 'image/jpeg',
-				});
-			} else if (inputType === 'text' && textInput.trim()) {
-				analysisResult = await apiClient.post<AIAnalysisResult>('/analysis/text', {
-					description: textInput,
-				});
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'Analyse fehlgeschlagen';
-		} finally {
-			analyzing = false;
-		}
-	}
-
-	async function saveMeal() {
-		if (!analysisResult) return;
-
-		saving = true;
-		try {
-			await mealsStore.addMeal({
-				date: new Date().toISOString(),
-				mealType,
-				inputType: inputType as 'photo' | 'text',
-				description: analysisResult.description,
-				confidence: analysisResult.confidence,
-				calories: analysisResult.totalNutrition.calories,
-				protein: analysisResult.totalNutrition.protein,
-				carbohydrates: analysisResult.totalNutrition.carbohydrates,
-				fat: analysisResult.totalNutrition.fat,
-				fiber: analysisResult.totalNutrition.fiber,
-				sugar: analysisResult.totalNutrition.sugar,
-			});
-			goto('/');
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'Speichern fehlgeschlagen';
-		} finally {
-			saving = false;
-		}
-	}
-</script>
-
-<div class="min-h-screen bg-[var(--color-background-page)]">
-	<!-- Header -->
-	<header
-		class="sticky top-0 z-40 bg-[var(--color-background-page)]/95 backdrop-blur border-b border-[var(--color-border)]"
-	>
-		<div class="container mx-auto px-4 max-w-lg">
-			<div class="flex items-center h-14">
-				<button
-					onclick={() => goto('/')}
-					class="p-2 -ml-2 rounded-lg hover:bg-[var(--color-background-card)]"
-				>
-					<ArrowLeft class="w-5 h-5 text-[var(--color-text-secondary)]" />
-				</button>
-				<h1 class="ml-2 font-semibold text-[var(--color-text-primary)]">
-					{inputType === 'photo' ? 'Foto analysieren' : 'Mahlzeit eingeben'}
-				</h1>
-			</div>
-		</div>
-	</header>
-
-	<main class="container mx-auto px-4 py-6 max-w-lg">
-		<!-- Meal Type Selector -->
-		<div class="mb-6">
-			<label class="block text-sm font-medium text-[var(--color-text-secondary)] mb-2">
-				Mahlzeit
-			</label>
-			<div class="grid grid-cols-4 gap-2">
-				{#each ['breakfast', 'lunch', 'dinner', 'snack'] as type}
-					<button
-						type="button"
-						onclick={() => (mealType = type as any)}
-						class="py-2 px-3 rounded-lg text-sm font-medium transition-colors"
-						class:bg-[var(--color-primary)]={mealType === type}
-						class:text-white={mealType === type}
-						class:bg-[var(--color-background-card)]={mealType !== type}
-						class:text-[var(--color-text-secondary)]={mealType !== type}
-					>
-						{MEAL_TYPE_LABELS[type as keyof typeof MEAL_TYPE_LABELS]?.de}
-					</button>
-				{/each}
-			</div>
-		</div>
-
-		{#if inputType === 'photo'}
-			<!-- Photo Input -->
-			<div class="mb-6">
-				{#if imagePreview}
-					<img
-						src={imagePreview}
-						alt="Vorschau"
-						class="w-full aspect-square object-cover rounded-xl mb-4"
-					/>
-				{:else}
-					<label
-						class="block w-full aspect-square bg-[var(--color-background-card)] border-2 border-dashed border-[var(--color-border)] rounded-xl cursor-pointer hover:border-[var(--color-primary)] transition-colors"
-					>
-						<input
-							type="file"
-							accept="image/*"
-							capture="environment"
-							onchange={handleFileSelect}
-							class="hidden"
-						/>
-						<div
-							class="h-full flex flex-col items-center justify-center text-[var(--color-text-muted)]"
-						>
-							<Camera class="w-12 h-12 mb-2" />
-							<span>Foto aufnehmen oder auswählen</span>
-						</div>
-					</label>
-				{/if}
-			</div>
-		{:else}
-			<!-- Text Input -->
-			<div class="mb-6">
-				<label class="block text-sm font-medium text-[var(--color-text-secondary)] mb-2">
-					Was hast du gegessen?
-				</label>
-				<textarea
-					bind:value={textInput}
-					rows="4"
-					placeholder="z.B. Spaghetti Bolognese mit Parmesan und Salat"
-					class="w-full px-4 py-3 bg-[var(--color-background-card)] border border-[var(--color-border)] rounded-xl text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:border-[var(--color-primary)] resize-none"
-				></textarea>
-			</div>
-		{/if}
-
-		{#if error}
-			<div
-				class="bg-red-500/10 border border-red-500/20 rounded-xl p-3 mb-4 flex items-center gap-2 text-red-400"
-			>
-				<WarningCircle class="w-4 h-4 flex-shrink-0" />
-				<span class="flex-1 text-sm">{error}</span>
-				<button
-					onclick={() => (error = '')}
-					class="p-1 hover:bg-red-500/20 rounded transition-colors"
-				>
-					<X class="w-4 h-4" />
-				</button>
-			</div>
-		{/if}
-
-		{#if !analysisResult}
-			<!-- Analyze Button -->
-			<button
-				onclick={analyze}
-				disabled={analyzing ||
-					(inputType === 'photo' && !imageBase64) ||
-					(inputType === 'text' && !textInput.trim())}
-				class="w-full py-3 bg-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] text-white font-medium rounded-xl transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
-			>
-				{#if analyzing}
-					<CircleNotch class="w-5 h-5 animate-spin" />
-					Analysiere...
-				{:else}
-					Analysieren
-				{/if}
-			</button>
-		{:else}
-			<!-- Analysis Result -->
-			<div
-				class="bg-[var(--color-background-card)] rounded-xl p-4 border border-[var(--color-border)] mb-4"
-			>
-				<h3 class="font-semibold text-[var(--color-text-primary)] mb-2">
-					{analysisResult.description}
-				</h3>
-
-				<!-- Detected Foods -->
-				{#if analysisResult.foods.length > 0}
-					<div class="mb-4">
-						<p class="text-sm text-[var(--color-text-muted)] mb-2">Erkannte Lebensmittel:</p>
-						<div class="flex flex-wrap gap-2">
-							{#each analysisResult.foods as food}
-								<span
-									class="px-2 py-1 bg-[var(--color-background-elevated)] rounded-lg text-sm text-[var(--color-text-secondary)]"
-								>
-									{food.name} ({food.quantity})
-								</span>
-							{/each}
-						</div>
-					</div>
-				{/if}
-
-				<!-- Nutrition -->
-				<div class="grid grid-cols-2 gap-3">
-					<div class="text-center p-3 bg-[var(--color-background-elevated)] rounded-lg">
-						<div class="text-xl font-bold text-[var(--color-calories)]">
-							{Math.round(analysisResult.totalNutrition.calories)}
-						</div>
-						<div class="text-xs text-[var(--color-text-muted)]">Kalorien</div>
-					</div>
-					<div class="text-center p-3 bg-[var(--color-background-elevated)] rounded-lg">
-						<div class="text-xl font-bold text-[var(--color-protein)]">
-							{Math.round(analysisResult.totalNutrition.protein)}g
-						</div>
-						<div class="text-xs text-[var(--color-text-muted)]">Protein</div>
-					</div>
-					<div class="text-center p-3 bg-[var(--color-background-elevated)] rounded-lg">
-						<div class="text-xl font-bold text-[var(--color-carbs)]">
-							{Math.round(analysisResult.totalNutrition.carbohydrates)}g
-						</div>
-						<div class="text-xs text-[var(--color-text-muted)]">Carbs</div>
-					</div>
-					<div class="text-center p-3 bg-[var(--color-background-elevated)] rounded-lg">
-						<div class="text-xl font-bold text-[var(--color-fat)]">
-							{Math.round(analysisResult.totalNutrition.fat)}g
-						</div>
-						<div class="text-xs text-[var(--color-text-muted)]">Fett</div>
-					</div>
-				</div>
-
-				<!-- Confidence -->
-				<p class="text-xs text-[var(--color-text-muted)] mt-3 text-center">
-					Konfidenz: {Math.round(analysisResult.confidence * 100)}%
-				</p>
-			</div>
-
-			<!-- Save Button -->
-			<button
-				onclick={saveMeal}
-				disabled={saving}
-				class="w-full py-3 bg-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] text-white font-medium rounded-xl transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
-			>
-				{#if saving}
-					<CircleNotch class="w-5 h-5 animate-spin" />
-					Speichern...
-				{:else}
-					<Check class="w-5 h-5" />
-					Speichern
-				{/if}
-			</button>
-
-			<!-- Reset Button -->
-			<button
-				onclick={() => {
-					analysisResult = null;
-					imagePreview = null;
-					imageBase64 = null;
-					textInput = '';
-				}}
-				class="w-full mt-2 py-3 bg-[var(--color-background-card)] text-[var(--color-text-secondary)] font-medium rounded-xl hover:bg-[var(--color-background-elevated)] transition-colors"
-			>
-				Neu analysieren
-			</button>
-		{/if}
-	</main>
-</div>
diff --git a/apps/nutriphi/apps/web-archived/src/routes/health/+server.ts b/apps/nutriphi/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 22d39fc61..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'nutriphi-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/nutriphi/apps/web-archived/src/routes/help/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/help/+page.svelte
deleted file mode 100644
index df44c41dd..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getNutriPhiHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getNutriPhiHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne NutriPhi kennen'
-					: 'Find answers and learn how to use NutriPhi',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | NutriPhi</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="NutriPhi"
-	appId="nutriphi"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/nutriphi/apps/web-archived/src/routes/offline/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 0f5551298..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="NutriPhi"
-	offlineMessage="NutriPhi benötigt eine Internetverbindung für Analysen."
-	accentColor="#16a34a"
-/>
diff --git a/apps/nutriphi/apps/web-archived/src/routes/offline/+page.ts b/apps/nutriphi/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/nutriphi/apps/web-archived/src/routes/settings/+page.svelte b/apps/nutriphi/apps/web-archived/src/routes/settings/+page.svelte
deleted file mode 100644
index b3080b413..000000000
--- a/apps/nutriphi/apps/web-archived/src/routes/settings/+page.svelte
+++ /dev/null
@@ -1,288 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { apiClient } from '$lib/api/client';
-	import { DEFAULT_DAILY_VALUES } from '@nutriphi/shared';
-	import { APP_VERSION } from '$lib/version';
-	import {
-		ArrowLeft,
-		FloppyDisk,
-		CircleNotch,
-		WarningCircle,
-		SignOut,
-		User,
-		Target,
-	} from '@manacore/shared-icons';
-
-	interface UserGoals {
-		dailyCalories: number;
-		dailyProtein: number;
-		dailyCarbs: number;
-		dailyFat: number;
-		dailyFiber: number;
-	}
-
-	let loading = $state(true);
-	let saving = $state(false);
-	let error = $state('');
-	let success = $state('');
-
-	let dailyCalories = $state<number>(DEFAULT_DAILY_VALUES.calories);
-	let dailyProtein = $state<number>(DEFAULT_DAILY_VALUES.protein);
-	let dailyCarbs = $state<number>(DEFAULT_DAILY_VALUES.carbohydrates);
-	let dailyFat = $state<number>(DEFAULT_DAILY_VALUES.fat);
-	let dailyFiber = $state<number>(DEFAULT_DAILY_VALUES.fiber);
-
-	// Redirect if not authenticated
-	$effect(() => {
-		if (!authStore.loading && !authStore.isAuthenticated) {
-			goto('/login');
-		}
-	});
-
-	onMount(async () => {
-		try {
-			const goals = await apiClient.get<UserGoals | null>('/goals');
-			if (goals) {
-				dailyCalories = goals.dailyCalories;
-				dailyProtein = goals.dailyProtein ?? DEFAULT_DAILY_VALUES.protein;
-				dailyCarbs = goals.dailyCarbs ?? DEFAULT_DAILY_VALUES.carbohydrates;
-				dailyFat = goals.dailyFat ?? DEFAULT_DAILY_VALUES.fat;
-				dailyFiber = goals.dailyFiber ?? DEFAULT_DAILY_VALUES.fiber;
-			}
-		} catch (err) {
-			// No goals set yet, use defaults
-		} finally {
-			loading = false;
-		}
-	});
-
-	async function saveGoals() {
-		error = '';
-		success = '';
-		saving = true;
-
-		try {
-			await apiClient.post('/goals', {
-				dailyCalories,
-				dailyProtein,
-				dailyCarbs,
-				dailyFat,
-				dailyFiber,
-			});
-			success = 'Ziele gespeichert!';
-			setTimeout(() => (success = ''), 3000);
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'Speichern fehlgeschlagen';
-		} finally {
-			saving = false;
-		}
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-</script>
-
-<div class="min-h-screen bg-[var(--color-background-page)]">
-	<!-- Header -->
-	<header
-		class="sticky top-0 z-40 bg-[var(--color-background-page)]/95 backdrop-blur border-b border-[var(--color-border)]"
-	>
-		<div class="container mx-auto px-4 max-w-lg">
-			<div class="flex items-center h-14">
-				<button
-					onclick={() => goto('/')}
-					class="p-2 -ml-2 rounded-lg hover:bg-[var(--color-background-card)]"
-				>
-					<ArrowLeft class="w-5 h-5 text-[var(--color-text-secondary)]" />
-				</button>
-				<h1 class="ml-2 font-semibold text-[var(--color-text-primary)]">Einstellungen</h1>
-			</div>
-		</div>
-	</header>
-
-	<main class="container mx-auto px-4 py-6 max-w-lg space-y-6">
-		<!-- User Info -->
-		<section
-			class="bg-[var(--color-background-card)] rounded-xl p-4 border border-[var(--color-border)]"
-		>
-			<div class="flex items-center gap-3 mb-4">
-				<div
-					class="w-10 h-10 rounded-full bg-[var(--color-primary)]/20 flex items-center justify-center"
-				>
-					<User class="w-5 h-5 text-[var(--color-primary)]" />
-				</div>
-				<div>
-					<h2 class="font-semibold text-[var(--color-text-primary)]">Konto</h2>
-					<p class="text-sm text-[var(--color-text-secondary)]">
-						{authStore.user?.email ?? 'Nicht angemeldet'}
-					</p>
-				</div>
-			</div>
-			<button
-				onclick={handleLogout}
-				class="w-full py-2.5 px-4 bg-[var(--color-background-elevated)] hover:bg-red-500/20 text-[var(--color-text-secondary)] hover:text-red-400 font-medium rounded-lg transition-colors flex items-center justify-center gap-2"
-			>
-				<SignOut class="w-4 h-4" />
-				Abmelden
-			</button>
-		</section>
-
-		<!-- Daily Goals -->
-		<section
-			class="bg-[var(--color-background-card)] rounded-xl p-4 border border-[var(--color-border)]"
-		>
-			<div class="flex items-center gap-3 mb-4">
-				<div
-					class="w-10 h-10 rounded-full bg-[var(--color-calories)]/20 flex items-center justify-center"
-				>
-					<Target class="w-5 h-5 text-[var(--color-calories)]" />
-				</div>
-				<div>
-					<h2 class="font-semibold text-[var(--color-text-primary)]">Tagesziele</h2>
-					<p class="text-sm text-[var(--color-text-secondary)]">Passe deine Ziele an</p>
-				</div>
-			</div>
-
-			{#if loading}
-				<div class="flex items-center justify-center py-8">
-					<CircleNotch class="w-6 h-6 animate-spin text-[var(--color-text-muted)]" />
-				</div>
-			{:else}
-				<div class="space-y-4">
-					<!-- Calories -->
-					<div>
-						<label
-							for="calories"
-							class="block text-sm font-medium text-[var(--color-text-secondary)] mb-1"
-						>
-							Kalorien (kcal)
-						</label>
-						<input
-							id="calories"
-							type="number"
-							bind:value={dailyCalories}
-							min="500"
-							max="10000"
-							class="w-full px-3 py-2 bg-[var(--color-background-elevated)] border border-[var(--color-border)] rounded-lg text-[var(--color-text-primary)] focus:outline-none focus:border-[var(--color-primary)]"
-						/>
-					</div>
-
-					<!-- Protein -->
-					<div>
-						<label
-							for="protein"
-							class="block text-sm font-medium text-[var(--color-text-secondary)] mb-1"
-						>
-							Protein (g)
-						</label>
-						<input
-							id="protein"
-							type="number"
-							bind:value={dailyProtein}
-							min="0"
-							max="500"
-							class="w-full px-3 py-2 bg-[var(--color-background-elevated)] border border-[var(--color-border)] rounded-lg text-[var(--color-text-primary)] focus:outline-none focus:border-[var(--color-primary)]"
-						/>
-					</div>
-
-					<!-- Carbs -->
-					<div>
-						<label
-							for="carbs"
-							class="block text-sm font-medium text-[var(--color-text-secondary)] mb-1"
-						>
-							Kohlenhydrate (g)
-						</label>
-						<input
-							id="carbs"
-							type="number"
-							bind:value={dailyCarbs}
-							min="0"
-							max="1000"
-							class="w-full px-3 py-2 bg-[var(--color-background-elevated)] border border-[var(--color-border)] rounded-lg text-[var(--color-text-primary)] focus:outline-none focus:border-[var(--color-primary)]"
-						/>
-					</div>
-
-					<!-- Fat -->
-					<div>
-						<label
-							for="fat"
-							class="block text-sm font-medium text-[var(--color-text-secondary)] mb-1"
-						>
-							Fett (g)
-						</label>
-						<input
-							id="fat"
-							type="number"
-							bind:value={dailyFat}
-							min="0"
-							max="500"
-							class="w-full px-3 py-2 bg-[var(--color-background-elevated)] border border-[var(--color-border)] rounded-lg text-[var(--color-text-primary)] focus:outline-none focus:border-[var(--color-primary)]"
-						/>
-					</div>
-
-					<!-- Fiber -->
-					<div>
-						<label
-							for="fiber"
-							class="block text-sm font-medium text-[var(--color-text-secondary)] mb-1"
-						>
-							Ballaststoffe (g)
-						</label>
-						<input
-							id="fiber"
-							type="number"
-							bind:value={dailyFiber}
-							min="0"
-							max="100"
-							class="w-full px-3 py-2 bg-[var(--color-background-elevated)] border border-[var(--color-border)] rounded-lg text-[var(--color-text-primary)] focus:outline-none focus:border-[var(--color-primary)]"
-						/>
-					</div>
-
-					{#if error}
-						<div
-							class="bg-red-500/10 border border-red-500/20 rounded-lg p-3 flex items-center gap-2 text-red-400 text-sm"
-						>
-							<WarningCircle class="w-4 h-4 flex-shrink-0" />
-							<span>{error}</span>
-						</div>
-					{/if}
-
-					{#if success}
-						<div
-							class="bg-green-500/10 border border-green-500/20 rounded-lg p-3 text-green-400 text-sm text-center"
-						>
-							{success}
-						</div>
-					{/if}
-
-					<button
-						onclick={saveGoals}
-						disabled={saving}
-						class="w-full py-3 bg-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] text-white font-medium rounded-lg transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
-					>
-						{#if saving}
-							<CircleNotch class="w-5 h-5 animate-spin" />
-							Speichern...
-						{:else}
-							<FloppyDisk class="w-5 h-5" />
-							Ziele speichern
-						{/if}
-					</button>
-				</div>
-			{/if}
-		</section>
-
-		<!-- App Info -->
-		<section class="text-center text-sm text-[var(--color-text-muted)] py-4">
-			<p>NutriPhi v{APP_VERSION}</p>
-			<p class="mt-1">KI-gestützte Ernährungsanalyse</p>
-		</section>
-
-		<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-	</main>
-</div>
diff --git a/apps/nutriphi/apps/web-archived/src/test/mocks/app/environment.ts b/apps/nutriphi/apps/web-archived/src/test/mocks/app/environment.ts
deleted file mode 100644
index a75920f41..000000000
--- a/apps/nutriphi/apps/web-archived/src/test/mocks/app/environment.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const browser = true;
-export const building = false;
-export const dev = true;
-export const version = 'test';
diff --git a/apps/nutriphi/apps/web-archived/src/test/mocks/app/navigation.ts b/apps/nutriphi/apps/web-archived/src/test/mocks/app/navigation.ts
deleted file mode 100644
index 1d0b3de7f..000000000
--- a/apps/nutriphi/apps/web-archived/src/test/mocks/app/navigation.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { vi } from 'vitest';
-
-export const goto = vi.fn();
-export const invalidate = vi.fn();
-export const invalidateAll = vi.fn();
-export const prefetch = vi.fn();
-export const prefetchRoutes = vi.fn();
-export const beforeNavigate = vi.fn();
-export const afterNavigate = vi.fn();
diff --git a/apps/nutriphi/apps/web-archived/src/test/mocks/app/stores.ts b/apps/nutriphi/apps/web-archived/src/test/mocks/app/stores.ts
deleted file mode 100644
index c9285027e..000000000
--- a/apps/nutriphi/apps/web-archived/src/test/mocks/app/stores.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { writable, readable } from 'svelte/store';
-
-export const page = readable({
-	url: new URL('http://localhost'),
-	params: {},
-	route: { id: '/' },
-	status: 200,
-	error: null,
-	data: {},
-	form: null,
-});
-
-export const navigating = readable(null);
-export const updated = {
-	subscribe: writable(false).subscribe,
-	check: async () => false,
-};
diff --git a/apps/nutriphi/apps/web-archived/src/test/mocks/env/static/public.ts b/apps/nutriphi/apps/web-archived/src/test/mocks/env/static/public.ts
deleted file mode 100644
index 0fa591577..000000000
--- a/apps/nutriphi/apps/web-archived/src/test/mocks/env/static/public.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const PUBLIC_BACKEND_URL = 'http://localhost:3023';
-export const PUBLIC_MANA_CORE_AUTH_URL = 'http://localhost:3001';
diff --git a/apps/nutriphi/apps/web-archived/src/test/setup.ts b/apps/nutriphi/apps/web-archived/src/test/setup.ts
deleted file mode 100644
index 687647e86..000000000
--- a/apps/nutriphi/apps/web-archived/src/test/setup.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { vi, beforeEach } from 'vitest';
-
-// Mock localStorage
-const localStorageMock = {
-	getItem: vi.fn(),
-	setItem: vi.fn(),
-	removeItem: vi.fn(),
-	clear: vi.fn(),
-};
-Object.defineProperty(global, 'localStorage', { value: localStorageMock });
-
-// Mock fetch
-global.fetch = vi.fn();
-
-// Reset mocks before each test
-beforeEach(() => {
-	vi.clearAllMocks();
-	localStorageMock.getItem.mockReturnValue(null);
-});
diff --git a/apps/nutriphi/apps/web-archived/svelte.config.js b/apps/nutriphi/apps/web-archived/svelte.config.js
deleted file mode 100644
index ba4d67816..000000000
--- a/apps/nutriphi/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		prerender: {
-			handleHttpError: ({ path, message }) => {
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/nutriphi/apps/web-archived/tsconfig.json b/apps/nutriphi/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/nutriphi/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/nutriphi/apps/web-archived/vite.config.ts b/apps/nutriphi/apps/web-archived/vite.config.ts
deleted file mode 100644
index 518b20e36..000000000
--- a/apps/nutriphi/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'NutriPhi - Ernährungstracker',
-				shortName: 'NutriPhi',
-				description: 'KI-gestützte Ernährungsverfolgung',
-				themeColor: '#22c55e',
-			})
-		),
-	],
-	server: {
-		port: 5180,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, '@nutriphi/shared'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES, '@nutriphi/shared'],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/nutriphi/apps/web-archived/vitest.config.ts b/apps/nutriphi/apps/web-archived/vitest.config.ts
deleted file mode 100644
index 53fbf6211..000000000
--- a/apps/nutriphi/apps/web-archived/vitest.config.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import { svelte } from '@sveltejs/vite-plugin-svelte';
-import path from 'path';
-
-export default defineConfig({
-	plugins: [svelte({ hot: !process.env.VITEST })],
-	test: {
-		include: ['src/**/*.{test,spec}.{js,ts}'],
-		environment: 'jsdom',
-		globals: true,
-		setupFiles: ['./src/test/setup.ts'],
-	},
-	resolve: {
-		alias: {
-			$lib: path.resolve(__dirname, './src/lib'),
-			$app: path.resolve(__dirname, './src/test/mocks/app'),
-			'$env/static/public': path.resolve(__dirname, './src/test/mocks/env/static/public.ts'),
-		},
-	},
-});
diff --git a/apps/photos/apps/web-archived/.env.example b/apps/photos/apps/web-archived/.env.example
deleted file mode 100644
index 6037577b4..000000000
--- a/apps/photos/apps/web-archived/.env.example
+++ /dev/null
@@ -1,3 +0,0 @@
-PUBLIC_BACKEND_URL=http://localhost:3019
-PUBLIC_MANA_CORE_AUTH_URL=http://localhost:3001
-PUBLIC_MANA_MEDIA_URL=http://localhost:3015
diff --git a/apps/photos/apps/web-archived/Dockerfile b/apps/photos/apps/web-archived/Dockerfile
deleted file mode 100644
index ebf0585f7..000000000
--- a/apps/photos/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,32 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://photos-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/photos/packages/shared ./apps/photos/packages/shared
-COPY apps/photos/apps/web ./apps/photos/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/photos/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/photos/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/photos/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/photos/apps/web/build ./build
-COPY --from=builder /app/apps/photos/apps/web/package.json ./
-
-EXPOSE 5019
-ENV NODE_ENV=production PORT=5019 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5019/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/photos/apps/web-archived/package.json b/apps/photos/apps/web-archived/package.json
deleted file mode 100644
index da73a8020..000000000
--- a/apps/photos/apps/web-archived/package.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"name": "@photos/web",
-	"version": "0.2.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write ."
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-splitscreen": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@photos/shared": "workspace:*",
-		"date-fns": "^4.1.0",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/photos/apps/web-archived/src/app.css b/apps/photos/apps/web-archived/src/app.css
deleted file mode 100644
index 733875de4..000000000
--- a/apps/photos/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,203 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../packages/shared/src";
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-/* Photos-specific CSS Variables */
-@layer base {
-	:root {
-		/* Spacing */
-		--spacing-xs: 0.25rem;
-		--spacing-sm: 0.5rem;
-		--spacing-md: 1rem;
-		--spacing-lg: 1.5rem;
-		--spacing-xl: 2rem;
-		--spacing-2xl: 3rem;
-
-		/* Border Radius */
-		--radius-sm: 0.25rem;
-		--radius-md: 0.5rem;
-		--radius-lg: 0.75rem;
-		--radius-xl: 1rem;
-		--radius-full: 9999px;
-
-		/* Transitions */
-		--transition-fast: 150ms ease;
-		--transition-base: 200ms ease;
-		--transition-slow: 300ms ease;
-
-		/* Gallery specific */
-		--gallery-gap: 4px;
-		--thumbnail-size: 200px;
-	}
-}
-
-/* Utility Classes */
-@layer components {
-	/* Photo card styles */
-	.photo-card {
-		position: relative;
-		aspect-ratio: 1;
-		overflow: hidden;
-		border-radius: var(--radius-md);
-		background-color: var(--color-muted);
-		transition: transform var(--transition-base), box-shadow var(--transition-base);
-	}
-
-	.photo-card:hover {
-		transform: scale(1.02);
-		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
-		z-index: 10;
-	}
-
-	.photo-card img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-
-	/* Photo overlay */
-	.photo-overlay {
-		position: absolute;
-		inset: 0;
-		background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 50%);
-		opacity: 0;
-		transition: opacity var(--transition-fast);
-	}
-
-	.photo-card:hover .photo-overlay {
-		opacity: 1;
-	}
-
-	/* Album card styles */
-	.album-card {
-		position: relative;
-		aspect-ratio: 4/3;
-		overflow: hidden;
-		border-radius: var(--radius-lg);
-		background-color: var(--color-muted);
-		transition: transform var(--transition-base), box-shadow var(--transition-base);
-	}
-
-	.album-card:hover {
-		transform: translateY(-4px);
-		box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);
-	}
-
-	/* Upload dropzone */
-	.dropzone {
-		border: 2px dashed var(--color-border);
-		border-radius: var(--radius-xl);
-		padding: var(--spacing-2xl);
-		text-align: center;
-		background-color: var(--color-card);
-		transition: all var(--transition-base);
-	}
-
-	.dropzone.active {
-		border-color: var(--color-primary);
-		background-color: var(--color-accent);
-	}
-
-	/* Tag styles */
-	.tag {
-		display: inline-flex;
-		align-items: center;
-		padding: 0.125rem 0.5rem;
-		border-radius: var(--radius-full);
-		font-size: 0.75rem;
-		font-weight: 500;
-	}
-
-	/* Button styles */
-	.btn {
-		padding: var(--spacing-sm) var(--spacing-lg);
-		border-radius: var(--radius-md);
-		font-weight: 500;
-		transition: all var(--transition-base);
-		cursor: pointer;
-		border: none;
-	}
-
-	.btn-primary {
-		background: var(--color-primary);
-		color: var(--color-primary-foreground);
-	}
-
-	.btn-primary:hover {
-		filter: brightness(0.9);
-	}
-
-	.btn-secondary {
-		background: var(--color-secondary);
-		color: var(--color-secondary-foreground);
-	}
-
-	.btn-ghost {
-		background: transparent;
-		color: var(--color-foreground);
-	}
-
-	.btn-ghost:hover {
-		background: var(--color-accent);
-	}
-
-	/* Icon button */
-	.icon-btn {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: 40px;
-		height: 40px;
-		border-radius: var(--radius-full);
-		background: transparent;
-		color: var(--color-foreground);
-		transition: all var(--transition-fast);
-		border: none;
-		cursor: pointer;
-	}
-
-	.icon-btn:hover {
-		background: var(--color-accent);
-	}
-
-	/* Lightbox styles */
-	.lightbox-backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.95);
-		z-index: 50;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.lightbox-image {
-		max-width: 90vw;
-		max-height: 90vh;
-		object-fit: contain;
-	}
-}
-
-/* Shadow variables */
-@layer base {
-	:root {
-		--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-		--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-		--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-		--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
-	}
-
-	.dark {
-		--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-		--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
-		--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
-		--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
-	}
-}
diff --git a/apps/photos/apps/web-archived/src/app.d.ts b/apps/photos/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/photos/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/photos/apps/web-archived/src/app.html b/apps/photos/apps/web-archived/src/app.html
deleted file mode 100644
index 77a5ff52c..000000000
--- a/apps/photos/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/photos/apps/web-archived/src/hooks.client.ts b/apps/photos/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 1e8c24bd1..000000000
--- a/apps/photos/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'photos-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/photos/apps/web-archived/src/hooks.server.ts b/apps/photos/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 461480e2b..000000000
--- a/apps/photos/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/photos/apps/web-archived/src/lib/api/client.ts b/apps/photos/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index 81999ba8b..000000000
--- a/apps/photos/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-/**
- * API Client for Photos backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-import { PUBLIC_BACKEND_URL } from '$env/static/public';
-
-const API_URL = PUBLIC_BACKEND_URL || 'http://localhost:3019';
-
-/**
- * Photos API client instance
- */
-export const api = createApiClient({
-	baseUrl: API_URL,
-	apiPrefix: '/api/v1',
-	getAuthToken: () => authStore.getValidToken(),
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-/**
- * Legacy fetchWithAuth wrapper for backward compatibility
- */
-export async function fetchWithAuth<T = unknown>(
-	url: string,
-	options: RequestInit = {}
-): Promise<T> {
-	const method = options.method || 'GET';
-	const body = options.body ? JSON.parse(options.body as string) : undefined;
-
-	let result: ApiResult<T>;
-	switch (method) {
-		case 'POST':
-			result = await api.post<T>(url, body);
-			break;
-		case 'PUT':
-			result = await api.put<T>(url, body);
-			break;
-		case 'PATCH':
-			result = await api.patch<T>(url, body);
-			break;
-		case 'DELETE':
-			result = await api.delete<T>(url);
-			break;
-		default:
-			result = await api.get<T>(url);
-	}
-
-	if (result.error) {
-		throw new Error(result.error.message);
-	}
-
-	return result.data as T;
-}
-
-/**
- * Upload file with auth
- */
-export async function uploadWithAuth<T = unknown>(url: string, formData: FormData): Promise<T> {
-	const result = await api.upload<T>(url, formData);
-
-	if (result.error) {
-		throw new Error(result.error.message);
-	}
-
-	return result.data as T;
-}
-
-export type { ApiResult };
diff --git a/apps/photos/apps/web-archived/src/lib/components/albums/AlbumCard.svelte b/apps/photos/apps/web-archived/src/lib/components/albums/AlbumCard.svelte
deleted file mode 100644
index 823634bec..000000000
--- a/apps/photos/apps/web-archived/src/lib/components/albums/AlbumCard.svelte
+++ /dev/null
@@ -1,97 +0,0 @@
-<script lang="ts">
-	import type { Album } from '@photos/shared';
-	import { Folder } from '@manacore/shared-icons';
-
-	interface Props {
-		album: Album;
-		onClick: () => void;
-	}
-
-	let { album, onClick }: Props = $props();
-</script>
-
-<button class="album-card" onclick={onClick} type="button">
-	{#if album.coverUrl}
-		<img src={album.coverUrl} alt={album.name} class="album-cover" />
-	{:else}
-		<div class="album-placeholder">
-			<Folder size={20} />
-		</div>
-	{/if}
-	<div class="album-overlay">
-		<h3 class="album-name">{album.name}</h3>
-		{#if album.description}
-			<p class="album-description">{album.description}</p>
-		{/if}
-		<span class="album-count">{album.itemCount ?? 0} photos</span>
-	</div>
-</button>
-
-<style>
-	.album-card {
-		position: relative;
-		aspect-ratio: 4/3;
-		overflow: hidden;
-		border-radius: var(--radius-lg);
-		background-color: var(--color-muted);
-		cursor: pointer;
-		border: none;
-		padding: 0;
-		transition:
-			transform 200ms ease,
-			box-shadow 200ms ease;
-	}
-
-	.album-card:hover {
-		transform: translateY(-4px);
-		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-	}
-
-	.album-cover {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-
-	.album-placeholder {
-		width: 100%;
-		height: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		color: var(--color-muted-foreground);
-		background: linear-gradient(135deg, var(--color-muted) 0%, var(--color-accent) 100%);
-	}
-
-	.album-overlay {
-		position: absolute;
-		inset: 0;
-		background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 60%);
-		display: flex;
-		flex-direction: column;
-		justify-content: flex-end;
-		padding: 1rem;
-		color: white;
-		text-align: left;
-	}
-
-	.album-name {
-		font-size: 1.125rem;
-		font-weight: 600;
-		margin-bottom: 0.25rem;
-	}
-
-	.album-description {
-		font-size: 0.875rem;
-		opacity: 0.8;
-		margin-bottom: 0.25rem;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.album-count {
-		font-size: 0.75rem;
-		opacity: 0.7;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/lib/components/albums/AlbumGrid.svelte b/apps/photos/apps/web-archived/src/lib/components/albums/AlbumGrid.svelte
deleted file mode 100644
index c83805866..000000000
--- a/apps/photos/apps/web-archived/src/lib/components/albums/AlbumGrid.svelte
+++ /dev/null
@@ -1,105 +0,0 @@
-<script lang="ts">
-	import type { Album } from '@photos/shared';
-	import AlbumCard from './AlbumCard.svelte';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import { albumMutations } from '$lib/stores/albums.svelte';
-	import { _ } from 'svelte-i18n';
-
-	interface Props {
-		albums: Album[];
-		loading: boolean;
-		onAlbumClick: (album: Album) => void;
-	}
-
-	let { albums, loading, onAlbumClick }: Props = $props();
-
-	// Context menu state
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuAlbum = $state<Album | null>(null);
-
-	function handleContextMenu(e: MouseEvent, album: Album) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuAlbum = album;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		if (!contextMenuAlbum) return [];
-		const album = contextMenuAlbum;
-
-		return [
-			{
-				id: 'open',
-				label: $_('contextMenu.open'),
-				action: () => onAlbumClick(album),
-			},
-			{ id: 'divider-1', label: '', type: 'divider' },
-			{
-				id: 'delete',
-				label: $_('common.delete'),
-				variant: 'danger',
-				action: () => albumMutations.deleteAlbum(album.id),
-			},
-		];
-	}
-</script>
-
-<div class="album-grid">
-	{#each albums as album (album.id)}
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<div oncontextmenu={(e) => handleContextMenu(e, album)}>
-			<AlbumCard {album} onClick={() => onAlbumClick(album)} />
-		</div>
-	{/each}
-</div>
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => {
-		contextMenuVisible = false;
-		contextMenuAlbum = null;
-	}}
-/>
-
-{#if loading}
-	<div class="loading-indicator">
-		<div class="spinner"></div>
-	</div>
-{/if}
-
-<style>
-	.album-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-		gap: 1.5rem;
-	}
-
-	.loading-indicator {
-		display: flex;
-		justify-content: center;
-		padding: 2rem;
-	}
-
-	.spinner {
-		width: 32px;
-		height: 32px;
-		border: 3px solid var(--color-border);
-		border-top-color: var(--color-primary);
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/lib/components/albums/CreateAlbumModal.svelte b/apps/photos/apps/web-archived/src/lib/components/albums/CreateAlbumModal.svelte
deleted file mode 100644
index d4f9c0afb..000000000
--- a/apps/photos/apps/web-archived/src/lib/components/albums/CreateAlbumModal.svelte
+++ /dev/null
@@ -1,170 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		onClose: () => void;
-		onCreate: (data: { name: string; description?: string }) => void;
-	}
-
-	let { onClose, onCreate }: Props = $props();
-
-	let name = $state('');
-	let description = $state('');
-	let loading = $state(false);
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-
-	function handleBackdropClick(e: Event) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		if (!name.trim() || loading) return;
-
-		loading = true;
-		await onCreate({
-			name: name.trim(),
-			description: description.trim() || undefined,
-		});
-		loading = false;
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-<div class="modal-backdrop" onclick={handleBackdropClick}>
-	<div class="modal-content">
-		<header class="modal-header">
-			<h2 class="text-lg font-semibold">{$_('albums.create')}</h2>
-			<button class="close-btn" onclick={onClose} type="button">
-				<X size={20} />
-			</button>
-		</header>
-
-		<form onsubmit={handleSubmit}>
-			<div class="form-group">
-				<label for="name" class="form-label">{$_('albums.name')}</label>
-				<input
-					id="name"
-					type="text"
-					class="form-input"
-					bind:value={name}
-					placeholder="My Album"
-					required
-				/>
-			</div>
-
-			<div class="form-group">
-				<label for="description" class="form-label">{$_('albums.description')}</label>
-				<textarea
-					id="description"
-					class="form-input"
-					bind:value={description}
-					placeholder="Optional description..."
-					rows="3"
-				></textarea>
-			</div>
-
-			<div class="modal-actions">
-				<button type="button" class="btn btn-ghost" onclick={onClose} disabled={loading}>
-					{$_('common.cancel')}
-				</button>
-				<button type="submit" class="btn btn-primary" disabled={!name.trim() || loading}>
-					{#if loading}
-						{$_('common.loading')}
-					{:else}
-						{$_('common.create')}
-					{/if}
-				</button>
-			</div>
-		</form>
-	</div>
-</div>
-
-<style>
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 50;
-		padding: 1rem;
-	}
-
-	.modal-content {
-		background: var(--color-card);
-		border-radius: var(--radius-lg);
-		width: 100%;
-		max-width: 400px;
-		padding: 1.5rem;
-	}
-
-	.modal-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.close-btn {
-		padding: 0.25rem;
-		border-radius: 50%;
-		background: transparent;
-		color: var(--color-muted-foreground);
-		border: none;
-		cursor: pointer;
-	}
-
-	.close-btn:hover {
-		background: var(--color-accent);
-	}
-
-	.form-group {
-		margin-bottom: 1rem;
-	}
-
-	.form-label {
-		display: block;
-		font-size: 0.875rem;
-		font-weight: 500;
-		margin-bottom: 0.5rem;
-	}
-
-	.form-input {
-		width: 100%;
-		padding: 0.75rem;
-		border: 1px solid var(--color-border);
-		border-radius: var(--radius-md);
-		background: var(--color-background);
-		color: var(--color-foreground);
-		font-size: 0.875rem;
-	}
-
-	.form-input:focus {
-		outline: none;
-		border-color: var(--color-primary);
-	}
-
-	textarea.form-input {
-		resize: vertical;
-		min-height: 80px;
-	}
-
-	.modal-actions {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.5rem;
-		margin-top: 1.5rem;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/lib/components/filters/FilterBar.svelte b/apps/photos/apps/web-archived/src/lib/components/filters/FilterBar.svelte
deleted file mode 100644
index c1203a866..000000000
--- a/apps/photos/apps/web-archived/src/lib/components/filters/FilterBar.svelte
+++ /dev/null
@@ -1,186 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { photoStore } from '$lib/stores/photos.svelte';
-
-	const apps = ['picture', 'chat', 'contacts', 'nutriphi'];
-
-	let selectedApps = $state<string[]>([]);
-	let dateFrom = $state('');
-	let dateTo = $state('');
-	let hasLocation = $state<boolean | undefined>(undefined);
-	let sortBy = $state<'dateTaken' | 'createdAt' | 'size'>('dateTaken');
-	let sortOrder = $state<'asc' | 'desc'>('desc');
-
-	function toggleApp(app: string) {
-		if (selectedApps.includes(app)) {
-			selectedApps = selectedApps.filter((a) => a !== app);
-		} else {
-			selectedApps = [...selectedApps, app];
-		}
-	}
-
-	async function applyFilters() {
-		await photoStore.setFilters({
-			apps: selectedApps.length > 0 ? selectedApps : undefined,
-			dateFrom: dateFrom || undefined,
-			dateTo: dateTo || undefined,
-			hasLocation,
-			sortBy,
-			sortOrder,
-		});
-	}
-
-	async function clearFilters() {
-		selectedApps = [];
-		dateFrom = '';
-		dateTo = '';
-		hasLocation = undefined;
-		sortBy = 'dateTaken';
-		sortOrder = 'desc';
-		await photoStore.setFilters({});
-	}
-</script>
-
-<div class="filter-bar">
-	<div class="filter-section">
-		<span class="filter-label" id="app-filter-label">{$_('filters.app')}</span>
-		<div class="app-filters" role="group" aria-labelledby="app-filter-label">
-			{#each apps as app}
-				<button
-					class="app-chip"
-					class:selected={selectedApps.includes(app)}
-					onclick={() => toggleApp(app)}
-					aria-pressed={selectedApps.includes(app)}
-				>
-					{app}
-				</button>
-			{/each}
-		</div>
-	</div>
-
-	<div class="filter-section">
-		<span class="filter-label">{$_('filters.dateRange')}</span>
-		<div class="date-inputs">
-			<input type="date" class="form-input" bind:value={dateFrom} aria-label={$_('filters.from')} />
-			<span class="date-separator">-</span>
-			<input type="date" class="form-input" bind:value={dateTo} aria-label={$_('filters.to')} />
-		</div>
-	</div>
-
-	<div class="filter-section">
-		<label class="filter-label" for="location-filter">{$_('filters.hasLocation')}</label>
-		<select id="location-filter" class="form-input" bind:value={hasLocation}>
-			<option value={undefined}>All</option>
-			<option value={true}>Yes</option>
-			<option value={false}>No</option>
-		</select>
-	</div>
-
-	<div class="filter-section">
-		<label class="filter-label" for="sort-by-filter">{$_('filters.sortBy')}</label>
-		<select id="sort-by-filter" class="form-input" bind:value={sortBy}>
-			<option value="dateTaken">{$_('filters.date')}</option>
-			<option value="createdAt">Created</option>
-			<option value="size">{$_('filters.size')}</option>
-		</select>
-	</div>
-
-	<div class="filter-section">
-		<label class="filter-label" for="sort-order-filter">{$_('filters.sortOrder')}</label>
-		<select id="sort-order-filter" class="form-input" bind:value={sortOrder}>
-			<option value="desc">{$_('filters.desc')}</option>
-			<option value="asc">{$_('filters.asc')}</option>
-		</select>
-	</div>
-
-	<div class="filter-actions">
-		<button class="btn btn-ghost" onclick={clearFilters}>
-			{$_('filters.clear')}
-		</button>
-		<button class="btn btn-primary" onclick={applyFilters}> Apply </button>
-	</div>
-</div>
-
-<style>
-	.filter-bar {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 1rem;
-		padding: 1rem;
-		background: var(--color-card);
-		border-radius: var(--radius-lg);
-		border: 1px solid var(--color-border);
-		margin-bottom: 1.5rem;
-	}
-
-	.filter-section {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.filter-label {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: var(--color-muted-foreground);
-		text-transform: uppercase;
-	}
-
-	.app-filters {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.25rem;
-	}
-
-	.app-chip {
-		padding: 0.25rem 0.75rem;
-		border: 1px solid var(--color-border);
-		border-radius: var(--radius-full);
-		background: var(--color-background);
-		color: var(--color-foreground);
-		font-size: 0.75rem;
-		cursor: pointer;
-		transition: all 150ms;
-	}
-
-	.app-chip:hover {
-		background: var(--color-accent);
-	}
-
-	.app-chip.selected {
-		background: var(--color-primary);
-		color: var(--color-primary-foreground);
-		border-color: var(--color-primary);
-	}
-
-	.date-inputs {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.date-separator {
-		color: var(--color-muted-foreground);
-	}
-
-	.form-input {
-		padding: 0.5rem;
-		border: 1px solid var(--color-border);
-		border-radius: var(--radius-md);
-		background: var(--color-background);
-		color: var(--color-foreground);
-		font-size: 0.875rem;
-	}
-
-	.form-input:focus {
-		outline: none;
-		border-color: var(--color-primary);
-	}
-
-	.filter-actions {
-		display: flex;
-		align-items: flex-end;
-		gap: 0.5rem;
-		margin-left: auto;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoCard.svelte b/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoCard.svelte
deleted file mode 100644
index 0bd5f05e4..000000000
--- a/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoCard.svelte
+++ /dev/null
@@ -1,154 +0,0 @@
-<script lang="ts">
-	import type { Photo } from '@photos/shared';
-	import { photoStore } from '$lib/stores/photos.svelte';
-	import { Heart, Image } from '@manacore/shared-icons';
-
-	interface Props {
-		photo: Photo;
-		onClick: () => void;
-	}
-
-	let { photo, onClick }: Props = $props();
-
-	let loaded = $state(false);
-	let error = $state(false);
-
-	function handleFavoriteClick(e: Event) {
-		e.stopPropagation();
-		photoStore.toggleFavorite(photo.id);
-	}
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	class="photo-card"
-	onclick={onClick}
-	onkeydown={(e) => (e.key === 'Enter' || e.key === ' ') && onClick()}
-	role="button"
-	tabindex="0"
->
-	{#if !loaded && !error}
-		<div class="placeholder"></div>
-	{/if}
-
-	<img
-		src={photo.thumbnailUrl || photo.url}
-		alt=""
-		class="photo-image"
-		class:loaded
-		onload={() => (loaded = true)}
-		onerror={() => (error = true)}
-	/>
-
-	{#if error}
-		<div class="error-placeholder">
-			<Image size={20} />
-		</div>
-	{/if}
-
-	<div class="photo-overlay">
-		<button
-			type="button"
-			class="favorite-btn"
-			class:favorited={photo.isFavorited}
-			onclick={handleFavoriteClick}
-			title={photo.isFavorited ? 'Remove from favorites' : 'Add to favorites'}
-		>
-			<Heart size={20} />
-		</button>
-	</div>
-</div>
-
-<style>
-	.photo-card {
-		position: relative;
-		aspect-ratio: 1;
-		overflow: hidden;
-		border-radius: var(--radius-md);
-		background-color: var(--color-muted);
-		cursor: pointer;
-		border: none;
-		padding: 0;
-		transition:
-			transform 200ms ease,
-			box-shadow 200ms ease;
-	}
-
-	.photo-card:hover {
-		transform: scale(1.02);
-		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-		z-index: 10;
-	}
-
-	.placeholder {
-		position: absolute;
-		inset: 0;
-		background: linear-gradient(135deg, var(--color-muted) 0%, var(--color-accent) 100%);
-		animation: pulse 2s ease-in-out infinite;
-	}
-
-	@keyframes pulse {
-		0%,
-		100% {
-			opacity: 1;
-		}
-		50% {
-			opacity: 0.5;
-		}
-	}
-
-	.photo-image {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-		opacity: 0;
-		transition: opacity 200ms;
-	}
-
-	.photo-image.loaded {
-		opacity: 1;
-	}
-
-	.error-placeholder {
-		position: absolute;
-		inset: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		color: var(--color-muted-foreground);
-	}
-
-	.photo-overlay {
-		position: absolute;
-		inset: 0;
-		background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 40%);
-		opacity: 0;
-		transition: opacity 150ms;
-		display: flex;
-		align-items: flex-end;
-		justify-content: flex-end;
-		padding: 0.5rem;
-	}
-
-	.photo-card:hover .photo-overlay {
-		opacity: 1;
-	}
-
-	.favorite-btn {
-		padding: 0.5rem;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.9);
-		color: var(--color-muted-foreground);
-		border: none;
-		cursor: pointer;
-		transition: all 150ms;
-	}
-
-	.favorite-btn:hover {
-		transform: scale(1.1);
-	}
-
-	.favorite-btn.favorited {
-		color: #ef4444;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoDetailModal.svelte b/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoDetailModal.svelte
deleted file mode 100644
index 41d5b989a..000000000
--- a/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoDetailModal.svelte
+++ /dev/null
@@ -1,359 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { format } from 'date-fns';
-	import type { Photo } from '@photos/shared';
-	import { photoStore } from '$lib/stores/photos.svelte';
-	import {
-		ArrowDown,
-		CaretRight,
-		DownloadSimple,
-		Heart,
-		ShareNetwork,
-		X,
-	} from '@manacore/shared-icons';
-
-	interface Props {
-		photo: Photo;
-		onClose: () => void;
-	}
-
-	let { photo, onClose }: Props = $props();
-
-	let showInfo = $state(true);
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-
-	function handleBackdropClick(e: Event) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleFavorite() {
-		photoStore.toggleFavorite(photo.id);
-	}
-
-	function formatDate(date: string | Date | null | undefined) {
-		if (!date) return '-';
-		return format(new Date(date), 'dd.MM.yyyy HH:mm');
-	}
-
-	function formatSize(bytes: number | null | undefined) {
-		if (!bytes) return '-';
-		if (bytes < 1024) return `${bytes} B`;
-		if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-		return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-<div class="lightbox-backdrop" onclick={handleBackdropClick}>
-	<div class="lightbox-container">
-		<!-- Close button -->
-		<button class="close-btn" onclick={onClose} title={$_('common.close')}>
-			<X size={20} />
-		</button>
-
-		<!-- Main image -->
-		<div class="lightbox-main">
-			<img src={photo.url} alt="" class="lightbox-image" />
-		</div>
-
-		<!-- Info panel -->
-		{#if showInfo}
-			<div class="info-panel">
-				<div class="info-header">
-					<h3 class="font-medium">{$_('photo.details')}</h3>
-					<button
-						class="icon-btn"
-						onclick={() => (showInfo = false)}
-						title={$_('photo.hideInfo')}
-						aria-label={$_('photo.hideInfo')}
-					>
-						<CaretRight size={20} />
-					</button>
-				</div>
-
-				<!-- Actions -->
-				<div class="info-actions">
-					<button class="action-btn" class:favorited={photo.isFavorited} onclick={handleFavorite}>
-						<Heart size={20} />
-						{photo.isFavorited ? $_('photo.unfavorite') : $_('photo.favorite')}
-					</button>
-					<a class="action-btn" href={photo.url} download target="_blank" rel="noopener noreferrer">
-						<DownloadSimple size={20} />
-						{$_('photo.download')}
-					</a>
-				</div>
-
-				<!-- Metadata -->
-				<div class="info-section">
-					<h4 class="info-label">{$_('exif.dimensions')}</h4>
-					<p class="info-value">
-						{photo.width && photo.height ? `${photo.width} x ${photo.height}` : '-'}
-					</p>
-				</div>
-
-				<div class="info-section">
-					<h4 class="info-label">Size</h4>
-					<p class="info-value">{formatSize(photo.size)}</p>
-				</div>
-
-				<div class="info-section">
-					<h4 class="info-label">{$_('exif.date')}</h4>
-					<p class="info-value">{formatDate(photo.exif?.dateTaken || photo.createdAt)}</p>
-				</div>
-
-				{#if photo.exif}
-					{#if photo.exif.cameraMake || photo.exif.cameraModel}
-						<div class="info-section">
-							<h4 class="info-label">{$_('exif.camera')}</h4>
-							<p class="info-value">
-								{[photo.exif.cameraMake, photo.exif.cameraModel].filter(Boolean).join(' ')}
-							</p>
-						</div>
-					{/if}
-
-					{#if photo.exif.focalLength}
-						<div class="info-section">
-							<h4 class="info-label">{$_('exif.focalLength')}</h4>
-							<p class="info-value">{photo.exif.focalLength}</p>
-						</div>
-					{/if}
-
-					{#if photo.exif.aperture}
-						<div class="info-section">
-							<h4 class="info-label">{$_('exif.aperture')}</h4>
-							<p class="info-value">f/{photo.exif.aperture}</p>
-						</div>
-					{/if}
-
-					{#if photo.exif.iso}
-						<div class="info-section">
-							<h4 class="info-label">{$_('exif.iso')}</h4>
-							<p class="info-value">ISO {photo.exif.iso}</p>
-						</div>
-					{/if}
-
-					{#if photo.exif.exposureTime}
-						<div class="info-section">
-							<h4 class="info-label">{$_('exif.exposure')}</h4>
-							<p class="info-value">{photo.exif.exposureTime}s</p>
-						</div>
-					{/if}
-
-					{#if photo.exif.gpsLatitude && photo.exif.gpsLongitude}
-						<div class="info-section">
-							<h4 class="info-label">{$_('exif.location')}</h4>
-							<a
-								class="info-value location-link"
-								href={`https://www.google.com/maps?q=${photo.exif.gpsLatitude},${photo.exif.gpsLongitude}`}
-								target="_blank"
-								rel="noopener noreferrer"
-							>
-								View on map
-								<ShareNetwork size={20} />
-							</a>
-						</div>
-					{/if}
-				{/if}
-
-				<!-- Tags -->
-				{#if photo.tags && photo.tags.length > 0}
-					<div class="info-section">
-						<h4 class="info-label">{$_('photo.tags')}</h4>
-						<div class="tags-list">
-							{#each photo.tags as tag}
-								<span class="tag" style="background-color: {tag.color}20; color: {tag.color}">
-									{tag.name}
-								</span>
-							{/each}
-						</div>
-					</div>
-				{/if}
-			</div>
-		{:else}
-			<button class="show-info-btn" onclick={() => (showInfo = true)} title="Show info">
-				<ArrowDown size={20} />
-			</button>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.lightbox-backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.95);
-		z-index: 50;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.lightbox-container {
-		position: relative;
-		width: 100%;
-		height: 100%;
-		display: flex;
-	}
-
-	.close-btn {
-		position: absolute;
-		top: 1rem;
-		left: 1rem;
-		padding: 0.5rem;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.1);
-		color: white;
-		border: none;
-		cursor: pointer;
-		z-index: 10;
-		transition: background 150ms;
-	}
-
-	.close-btn:hover {
-		background: rgba(255, 255, 255, 0.2);
-	}
-
-	.lightbox-main {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 2rem;
-	}
-
-	.lightbox-image {
-		max-width: 100%;
-		max-height: 100%;
-		object-fit: contain;
-	}
-
-	.info-panel {
-		width: 320px;
-		background: var(--color-card);
-		color: var(--color-foreground);
-		overflow-y: auto;
-		padding: 1.5rem;
-	}
-
-	.info-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-		padding-bottom: 1rem;
-		border-bottom: 1px solid var(--color-border);
-	}
-
-	.info-actions {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		margin-bottom: 1.5rem;
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.75rem 1rem;
-		border: 1px solid var(--color-border);
-		border-radius: var(--radius-md);
-		background: var(--color-background);
-		color: var(--color-foreground);
-		cursor: pointer;
-		transition: all 150ms;
-		text-decoration: none;
-	}
-
-	.action-btn:hover {
-		background: var(--color-accent);
-	}
-
-	.action-btn.favorited {
-		color: #ef4444;
-		border-color: #ef4444;
-	}
-
-	.info-section {
-		margin-bottom: 1rem;
-	}
-
-	.info-label {
-		font-size: 0.75rem;
-		color: var(--color-muted-foreground);
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		margin-bottom: 0.25rem;
-	}
-
-	.info-value {
-		font-size: 0.875rem;
-	}
-
-	.location-link {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.25rem;
-		color: var(--color-primary);
-		text-decoration: none;
-	}
-
-	.location-link:hover {
-		text-decoration: underline;
-	}
-
-	.tags-list {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-	}
-
-	.tag {
-		padding: 0.25rem 0.5rem;
-		border-radius: var(--radius-full);
-		font-size: 0.75rem;
-	}
-
-	.show-info-btn {
-		position: absolute;
-		top: 1rem;
-		right: 1rem;
-		padding: 0.5rem;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.1);
-		color: white;
-		border: none;
-		cursor: pointer;
-		z-index: 10;
-	}
-
-	.icon-btn {
-		padding: 0.25rem;
-		border-radius: 50%;
-		background: transparent;
-		color: var(--color-foreground);
-		border: none;
-		cursor: pointer;
-	}
-
-	@media (max-width: 768px) {
-		.info-panel {
-			position: absolute;
-			bottom: 0;
-			left: 0;
-			right: 0;
-			width: 100%;
-			max-height: 50%;
-			border-radius: var(--radius-xl) var(--radius-xl) 0 0;
-		}
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoGrid.svelte b/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoGrid.svelte
deleted file mode 100644
index b7fde05a6..000000000
--- a/apps/photos/apps/web-archived/src/lib/components/gallery/PhotoGrid.svelte
+++ /dev/null
@@ -1,164 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import type { Photo } from '@photos/shared';
-	import PhotoCard from './PhotoCard.svelte';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import { photoStore } from '$lib/stores/photos.svelte';
-	import { _ } from 'svelte-i18n';
-
-	interface Props {
-		photos: Photo[];
-		loading: boolean;
-		hasMore: boolean;
-		onPhotoClick: (photo: Photo) => void;
-		onLoadMore: () => void;
-	}
-
-	let { photos, loading, hasMore, onPhotoClick, onLoadMore }: Props = $props();
-
-	// Context menu state
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuPhoto = $state<Photo | null>(null);
-
-	function handleContextMenu(e: MouseEvent, photo: Photo) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuPhoto = photo;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		if (!contextMenuPhoto) return [];
-		const photo = contextMenuPhoto;
-
-		return [
-			{
-				id: 'view',
-				label: $_('contextMenu.view'),
-				action: () => onPhotoClick(photo),
-			},
-			{
-				id: 'favorite',
-				label: photo.isFavorited
-					? $_('contextMenu.removeFromFavorites')
-					: $_('contextMenu.addToFavorites'),
-				action: () => photoStore.toggleFavorite(photo.id),
-			},
-			{ id: 'divider-1', label: '', type: 'divider' },
-			{
-				id: 'delete',
-				label: $_('common.delete'),
-				variant: 'danger',
-				action: () => photoStore.deletePhoto(photo.id),
-			},
-		];
-	}
-
-	let loadMoreRef = $state<HTMLDivElement | null>(null);
-	let observer: IntersectionObserver;
-
-	onMount(() => {
-		observer = new IntersectionObserver(
-			(entries) => {
-				if (entries[0].isIntersecting && hasMore && !loading) {
-					onLoadMore();
-				}
-			},
-			{ threshold: 0.1 }
-		);
-
-		if (loadMoreRef) {
-			observer.observe(loadMoreRef);
-		}
-
-		return () => {
-			observer.disconnect();
-		};
-	});
-
-	$effect(() => {
-		if (loadMoreRef && observer) {
-			observer.disconnect();
-			observer.observe(loadMoreRef);
-		}
-	});
-</script>
-
-<div class="photo-grid">
-	{#each photos as photo (photo.id)}
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<div oncontextmenu={(e) => handleContextMenu(e, photo)}>
-			<PhotoCard {photo} onClick={() => onPhotoClick(photo)} />
-		</div>
-	{/each}
-</div>
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => {
-		contextMenuVisible = false;
-		contextMenuPhoto = null;
-	}}
-/>
-
-{#if loading}
-	<div class="loading-indicator">
-		<div class="spinner"></div>
-	</div>
-{/if}
-
-{#if hasMore}
-	<div bind:this={loadMoreRef} class="load-more-trigger"></div>
-{/if}
-
-<style>
-	.photo-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-		gap: var(--gallery-gap, 4px);
-	}
-
-	@media (min-width: 768px) {
-		.photo-grid {
-			grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-		}
-	}
-
-	@media (min-width: 1200px) {
-		.photo-grid {
-			grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-		}
-	}
-
-	.loading-indicator {
-		display: flex;
-		justify-content: center;
-		padding: 2rem;
-	}
-
-	.spinner {
-		width: 32px;
-		height: 32px;
-		border: 3px solid var(--color-border);
-		border-top-color: var(--color-primary);
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.load-more-trigger {
-		height: 1px;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/lib/components/upload/UploadDropzone.svelte b/apps/photos/apps/web-archived/src/lib/components/upload/UploadDropzone.svelte
deleted file mode 100644
index 5752b0d23..000000000
--- a/apps/photos/apps/web-archived/src/lib/components/upload/UploadDropzone.svelte
+++ /dev/null
@@ -1,131 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { DownloadSimple } from '@manacore/shared-icons';
-
-	interface Props {
-		onFilesSelected: (files: File[]) => void;
-	}
-
-	let { onFilesSelected }: Props = $props();
-
-	let dragActive = $state(false);
-	let fileInput: HTMLInputElement;
-
-	function handleDragOver(e: DragEvent) {
-		e.preventDefault();
-		dragActive = true;
-	}
-
-	function handleDragLeave(e: DragEvent) {
-		e.preventDefault();
-		dragActive = false;
-	}
-
-	function handleDrop(e: DragEvent) {
-		e.preventDefault();
-		dragActive = false;
-
-		if (e.dataTransfer?.files) {
-			const files = Array.from(e.dataTransfer.files);
-			onFilesSelected(files);
-		}
-	}
-
-	function handleFileSelect(e: Event) {
-		const input = e.target as HTMLInputElement;
-		if (input.files) {
-			const files = Array.from(input.files);
-			onFilesSelected(files);
-			input.value = '';
-		}
-	}
-
-	function openFilePicker() {
-		fileInput?.click();
-	}
-</script>
-
-<div
-	class="dropzone"
-	class:active={dragActive}
-	ondragover={handleDragOver}
-	ondragleave={handleDragLeave}
-	ondrop={handleDrop}
-	role="button"
-	tabindex="0"
-	onclick={openFilePicker}
-	onkeydown={(e) => e.key === 'Enter' && openFilePicker()}
->
-	<input
-		bind:this={fileInput}
-		type="file"
-		accept="image/*"
-		multiple
-		class="hidden"
-		onchange={handleFileSelect}
-	/>
-
-	<div class="dropzone-content">
-		<div class="dropzone-icon">
-			<DownloadSimple size={20} />
-		</div>
-		<p class="dropzone-text">{$_('upload.dropzone')}</p>
-		<button
-			type="button"
-			class="btn btn-primary mt-4"
-			onclick={(e) => {
-				e.stopPropagation();
-				openFilePicker();
-			}}
-		>
-			{$_('upload.selectFiles')}
-		</button>
-	</div>
-</div>
-
-<style>
-	.dropzone {
-		border: 2px dashed var(--color-border);
-		border-radius: var(--radius-xl);
-		padding: 3rem;
-		text-align: center;
-		background-color: var(--color-card);
-		transition: all 200ms ease;
-		cursor: pointer;
-	}
-
-	.dropzone:hover {
-		border-color: var(--color-primary);
-		background-color: var(--color-accent);
-	}
-
-	.dropzone.active {
-		border-color: var(--color-primary);
-		background-color: var(--color-accent);
-		border-style: solid;
-	}
-
-	.dropzone-content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.dropzone-icon {
-		color: var(--color-muted-foreground);
-		margin-bottom: 1rem;
-	}
-
-	.dropzone.active .dropzone-icon {
-		color: var(--color-primary);
-	}
-
-	.dropzone-text {
-		color: var(--color-muted-foreground);
-		font-size: 1rem;
-	}
-
-	.hidden {
-		display: none;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/lib/content/help/index.test.ts b/apps/photos/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index cd0cffc8b..000000000
--- a/apps/photos/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getPhotosHelpContent } from './index';
-
-describe('Photos Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getPhotosHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getPhotosHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getPhotosHelpContent('de');
-		const en = getPhotosHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getPhotosHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/photos/apps/web-archived/src/lib/content/help/index.ts b/apps/photos/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index a269e1131..000000000
--- a/apps/photos/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-/**
- * Help content for Photos app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getPhotosHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-gallery',
-				question: isDE ? 'Wie funktioniert die Galerie?' : 'How does the gallery work?',
-				answer: isDE
-					? '<p>Die Photos-Galerie vereint alle Fotos aus deinen ManaCore-Apps an einem Ort. Bilder aus Chat, Picture, Contacts und anderen Apps werden automatisch gesammelt und chronologisch angezeigt.</p><ul><li>Fotos werden automatisch aus verbundenen Apps importiert</li><li>Du kannst nach Datum, App oder Tags filtern</li><li>Die Galerie aktualisiert sich automatisch, wenn neue Fotos hinzugefügt werden</li></ul>'
-					: '<p>The Photos gallery unifies all photos from your ManaCore apps in one place. Images from Chat, Picture, Contacts, and other apps are automatically collected and displayed chronologically.</p><ul><li>Photos are automatically imported from connected apps</li><li>You can filter by date, app, or tags</li><li>The gallery updates automatically when new photos are added</li></ul>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: ['gallery', 'photos', 'overview'],
-			},
-			{
-				id: 'faq-albums',
-				question: isDE ? 'Wie erstelle ich Alben?' : 'How do I create albums?',
-				answer: isDE
-					? '<p>Alben helfen dir, deine Fotos zu organisieren:</p><ol><li>Öffne den Bereich <strong>Alben</strong></li><li>Tippe auf <strong>Neues Album</strong></li><li>Gib einen Namen und optional eine Beschreibung ein</li><li>Wähle Fotos aus, die du hinzufügen möchtest</li></ol><p>Du kannst Fotos auch direkt aus der Galerie zu bestehenden Alben hinzufügen.</p>'
-					: '<p>Albums help you organize your photos:</p><ol><li>Open the <strong>Albums</strong> section</li><li>Tap <strong>New Album</strong></li><li>Enter a name and optional description</li><li>Select photos you want to add</li></ol><p>You can also add photos to existing albums directly from the gallery.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: ['albums', 'organize', 'create'],
-			},
-			{
-				id: 'faq-smart-albums',
-				question: isDE ? 'Was sind smarte Alben?' : 'What are smart albums?',
-				answer: isDE
-					? '<p>Smarte Alben werden automatisch basierend auf Regeln erstellt und aktualisiert:</p><ul><li><strong>Nach App</strong> — Alle Fotos aus einer bestimmten App (z.B. alle Chat-Bilder)</li><li><strong>Nach Datum</strong> — Fotos aus einem bestimmten Zeitraum</li><li><strong>Nach Tags</strong> — Fotos mit bestimmten Tags</li></ul><p>Smarte Alben aktualisieren sich automatisch, wenn neue Fotos den Kriterien entsprechen.</p>'
-					: '<p>Smart albums are automatically created and updated based on rules:</p><ul><li><strong>By App</strong> — All photos from a specific app (e.g., all Chat images)</li><li><strong>By Date</strong> — Photos from a specific time period</li><li><strong>By Tags</strong> — Photos with specific tags</li></ul><p>Smart albums update automatically when new photos match the criteria.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: ['smart-albums', 'automatic', 'rules'],
-			},
-			{
-				id: 'faq-favorites',
-				question: isDE ? 'Wie funktionieren Favoriten?' : 'How do favorites work?',
-				answer: isDE
-					? '<p>Markiere deine Lieblingsfotos als Favoriten, um sie schnell wiederzufinden:</p><ul><li>Klicke auf das <strong>Herz-Symbol</strong> auf einem Foto, um es als Favorit zu markieren</li><li>Alle Favoriten findest du im Bereich <strong>Favoriten</strong></li><li>Favoriten werden über alle Geräte synchronisiert</li></ul>'
-					: '<p>Mark your favorite photos to find them quickly:</p><ul><li>Click the <strong>heart icon</strong> on a photo to mark it as a favorite</li><li>Find all favorites in the <strong>Favorites</strong> section</li><li>Favorites are synced across all your devices</li></ul>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: ['favorites', 'heart', 'bookmarks'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Fotos', dataTypeEN: 'photos' }),
-		],
-		features: [
-			{
-				id: 'feature-gallery',
-				title: isDE ? 'Zentrale Galerie' : 'Central Gallery',
-				description: isDE
-					? 'Alle Fotos aus deinen ManaCore-Apps an einem Ort, automatisch organisiert und durchsuchbar.'
-					: 'All photos from your ManaCore apps in one place, automatically organized and searchable.',
-				icon: '🖼️',
-				category: 'core',
-				highlights: isDE
-					? ['App-übergreifende Sammlung', 'Chronologische Ansicht', 'Schnelle Suche']
-					: ['Cross-app collection', 'Chronological view', 'Fast search'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-albums',
-				title: isDE ? 'Alben' : 'Albums',
-				description: isDE
-					? 'Erstelle benutzerdefinierte Alben, um deine Fotos nach Themen, Ereignissen oder Projekten zu organisieren.'
-					: 'Create custom albums to organize your photos by topics, events, or projects.',
-				icon: '📁',
-				category: 'core',
-				highlights: isDE
-					? ['Benutzerdefinierte Alben', 'Drag & Drop', 'Geteilte Alben']
-					: ['Custom albums', 'Drag & drop', 'Shared albums'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-smart-albums',
-				title: isDE ? 'Smarte Alben' : 'Smart Albums',
-				description: isDE
-					? 'Automatisch aktualisierte Alben basierend auf Regeln wie App-Quelle, Datum oder Tags.'
-					: 'Automatically updated albums based on rules like app source, date, or tags.',
-				icon: '🧠',
-				category: 'advanced',
-				highlights: isDE
-					? ['Regelbasiert', 'Automatische Updates', 'Flexible Filter']
-					: ['Rule-based', 'Automatic updates', 'Flexible filters'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-tags-favorites',
-				title: isDE ? 'Tags & Favoriten' : 'Tags & Favorites',
-				description: isDE
-					? 'Tagge und markiere Fotos als Favoriten für schnellen Zugriff und bessere Organisation.'
-					: 'Tag and mark photos as favorites for quick access and better organization.',
-				icon: '❤️',
-				category: 'core',
-				highlights: isDE
-					? ['Benutzerdefinierte Tags', 'Favoriten-Sammlung', 'Geräteübergreifende Sync']
-					: ['Custom tags', 'Favorites collection', 'Cross-device sync'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Photos.</p>'
-				: '<p>Our support team is here to help you with any questions about Photos.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/photos/apps/web-archived/src/lib/data/guest-seed.ts b/apps/photos/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index eb4ba613a..000000000
--- a/apps/photos/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * Guest seed data for the Photos app.
- *
- * Provides demo albums and tags. Actual photos require mana-media.
- */
-
-import type { LocalAlbum, LocalTag } from './local-store';
-
-export const guestAlbums: LocalAlbum[] = [
-	{
-		id: 'album-favorites',
-		name: 'Favoriten',
-		description: 'Deine Lieblingsfotos an einem Ort.',
-		isAutoGenerated: false,
-	},
-];
-
-export const guestTags: LocalTag[] = [
-	{
-		id: 'tag-nature',
-		name: 'Natur',
-		color: '#22c55e',
-	},
-	{
-		id: 'tag-people',
-		name: 'Menschen',
-		color: '#3b82f6',
-	},
-	{
-		id: 'tag-travel',
-		name: 'Reisen',
-		color: '#f59e0b',
-	},
-];
diff --git a/apps/photos/apps/web-archived/src/lib/data/local-store.ts b/apps/photos/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 8e4b70111..000000000
--- a/apps/photos/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * Photos — Local-First Data Layer
- *
- * Albums, favorites, and tags stored locally.
- * Photo files remain on mana-media (server-side).
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestAlbums, guestTags } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalAlbum extends BaseRecord {
-	name: string;
-	description?: string | null;
-	coverMediaId?: string | null;
-	isAutoGenerated: boolean;
-	autoGenerateType?: 'date' | 'location' | 'camera' | null;
-	autoGenerateValue?: string | null;
-}
-
-export interface LocalAlbumItem extends BaseRecord {
-	albumId: string;
-	mediaId: string;
-	sortOrder: number;
-}
-
-export interface LocalFavorite extends BaseRecord {
-	mediaId: string;
-}
-
-export interface LocalTag extends BaseRecord {
-	name: string;
-	color?: string | null;
-}
-
-export interface LocalPhotoTag extends BaseRecord {
-	mediaId: string;
-	tagId: string;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const photosStore = createLocalStore({
-	appId: 'photos',
-	collections: [
-		{
-			name: 'albums',
-			indexes: ['isAutoGenerated', 'name'],
-			guestSeed: guestAlbums,
-		},
-		{
-			name: 'albumItems',
-			indexes: ['albumId', 'mediaId', 'sortOrder', '[albumId+sortOrder]'],
-		},
-		{
-			name: 'favorites',
-			indexes: ['mediaId'],
-		},
-		{
-			name: 'tags',
-			indexes: ['name'],
-			guestSeed: guestTags,
-		},
-		{
-			name: 'photoTags',
-			indexes: ['mediaId', 'tagId', '[mediaId+tagId]'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const albumCollection = photosStore.collection<LocalAlbum>('albums');
-export const albumItemCollection = photosStore.collection<LocalAlbumItem>('albumItems');
-export const favoriteCollection = photosStore.collection<LocalFavorite>('favorites');
-export const tagCollection = photosStore.collection<LocalTag>('tags');
-export const photoTagCollection = photosStore.collection<LocalPhotoTag>('photoTags');
diff --git a/apps/photos/apps/web-archived/src/lib/data/queries.ts b/apps/photos/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index bf7b620ae..000000000
--- a/apps/photos/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Photos
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	albumCollection,
-	albumItemCollection,
-	favoriteCollection,
-	type LocalAlbum,
-	type LocalAlbumItem,
-	type LocalFavorite,
-} from './local-store';
-import type { Album, AlbumItem } from '@photos/shared';
-
-// ─── Type Converters ───────────────────────────────────────
-
-/** Convert a LocalAlbum (IndexedDB) to the shared Album type. */
-export function toAlbum(local: LocalAlbum): Album {
-	return {
-		id: local.id,
-		name: local.name,
-		description: local.description ?? undefined,
-		coverMediaId: local.coverMediaId ?? undefined,
-		isAutoGenerated: local.isAutoGenerated,
-		autoGenerateType: local.autoGenerateType ?? undefined,
-		autoGenerateValue: local.autoGenerateValue ?? undefined,
-		itemCount: 0,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	} as Album;
-}
-
-/** Convert a LocalAlbumItem (IndexedDB) to the shared AlbumItem type. */
-export function toAlbumItem(local: LocalAlbumItem): AlbumItem {
-	return {
-		id: local.id,
-		albumId: local.albumId,
-		mediaId: local.mediaId,
-		sortOrder: local.sortOrder,
-		addedAt: local.createdAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All albums. Auto-updates on any change. */
-export function useAllAlbums() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await albumCollection.getAll();
-		return locals.map(toAlbum);
-	}, [] as Album[]);
-}
-
-/** All album items. Auto-updates on any change. */
-export function useAllAlbumItems() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await albumItemCollection.getAll();
-		return locals.map(toAlbumItem);
-	}, [] as AlbumItem[]);
-}
-
-/** All favorite media IDs. Auto-updates on any change. */
-export function useAllFavorites() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await favoriteCollection.getAll();
-		return locals;
-	}, [] as LocalFavorite[]);
-}
-
-// ─── Pure Album Helpers ────────────────────────────────────
-
-/** Get an album by ID. */
-export function getAlbumById(albums: Album[], id: string): Album | undefined {
-	return albums.find((a) => a.id === id);
-}
-
-/** Get album items for a specific album, sorted by sortOrder. */
-export function getAlbumItemsForAlbum(allItems: AlbumItem[], albumId: string): AlbumItem[] {
-	return allItems.filter((i) => i.albumId === albumId).sort((a, b) => a.sortOrder - b.sortOrder);
-}
-
-/** Get the count of items in an album. */
-export function getAlbumItemCount(allItems: AlbumItem[], albumId: string): number {
-	return allItems.filter((i) => i.albumId === albumId).length;
-}
-
-/** Enrich albums with item counts from album items. */
-export function enrichAlbumsWithCounts(albums: Album[], allItems: AlbumItem[]): Album[] {
-	return albums.map((album) => ({
-		...album,
-		itemCount: getAlbumItemCount(allItems, album.id),
-	}));
-}
-
-// ─── Pure Favorite Helpers ─────────────────────────────────
-
-/** Check if a media ID is favorited. */
-export function isFavorited(favorites: LocalFavorite[], mediaId: string): boolean {
-	return favorites.some((f) => f.mediaId === mediaId);
-}
-
-/** Get the set of favorited media IDs. */
-export function getFavoritedMediaIds(favorites: LocalFavorite[]): Set<string> {
-	return new Set(favorites.map((f) => f.mediaId));
-}
diff --git a/apps/photos/apps/web-archived/src/lib/i18n/index.ts b/apps/photos/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index ee1814f31..000000000
--- a/apps/photos/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		const stored = localStorage.getItem('photos_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('photos_locale', newLocale);
-	}
-}
-
-export { waitLocale };
diff --git a/apps/photos/apps/web-archived/src/lib/i18n/locales/de.json b/apps/photos/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 6589b0bc3..000000000
--- a/apps/photos/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,131 +0,0 @@
-{
-	"app": {
-		"name": "Photos",
-		"tagline": "Alle deine Fotos an einem Ort"
-	},
-	"nav": {
-		"gallery": "Galerie",
-		"albums": "Alben",
-		"favorites": "Favoriten",
-		"upload": "Hochladen",
-		"settings": "Einstellungen"
-	},
-	"gallery": {
-		"title": "Galerie",
-		"empty": "Keine Fotos gefunden",
-		"emptyHint": "Lade dein erstes Foto hoch oder verbinde Apps",
-		"loadMore": "Mehr laden",
-		"photo": "Foto",
-		"photos": "Fotos"
-	},
-	"albums": {
-		"title": "Alben",
-		"empty": "Keine Alben vorhanden",
-		"emptyHint": "Erstelle dein erstes Album",
-		"create": "Album erstellen",
-		"edit": "Album bearbeiten",
-		"delete": "Album löschen",
-		"deleteConfirm": "Möchtest du dieses Album wirklich löschen?",
-		"name": "Name",
-		"description": "Beschreibung",
-		"items": "Fotos"
-	},
-	"favorites": {
-		"title": "Favoriten",
-		"empty": "Keine Favoriten",
-		"emptyHint": "Markiere Fotos als Favorit mit dem Herz-Symbol"
-	},
-	"upload": {
-		"title": "Hochladen",
-		"dropzone": "Fotos hierher ziehen oder klicken zum Auswählen",
-		"uploading": "Wird hochgeladen...",
-		"success": "Erfolgreich hochgeladen",
-		"error": "Fehler beim Hochladen",
-		"selectFiles": "Dateien auswählen"
-	},
-	"photo": {
-		"details": "Details",
-		"exif": "EXIF-Daten",
-		"tags": "Tags",
-		"addToAlbum": "Zu Album hinzufügen",
-		"removeFromAlbum": "Aus Album entfernen",
-		"setCover": "Als Cover setzen",
-		"download": "Herunterladen",
-		"delete": "Löschen",
-		"favorite": "Favorit",
-		"unfavorite": "Favorit entfernen",
-		"hideInfo": "Details ausblenden"
-	},
-	"exif": {
-		"camera": "Kamera",
-		"lens": "Objektiv",
-		"focalLength": "Brennweite",
-		"aperture": "Blende",
-		"iso": "ISO",
-		"exposure": "Belichtung",
-		"date": "Aufnahmedatum",
-		"location": "Standort",
-		"dimensions": "Abmessungen"
-	},
-	"tags": {
-		"title": "Tags",
-		"create": "Tag erstellen",
-		"edit": "Tag bearbeiten",
-		"delete": "Tag löschen",
-		"name": "Name",
-		"color": "Farbe",
-		"noTags": "Keine Tags"
-	},
-	"filters": {
-		"title": "Filter",
-		"app": "App",
-		"allApps": "Alle Apps",
-		"dateRange": "Zeitraum",
-		"from": "Von",
-		"to": "Bis",
-		"hasLocation": "Mit Standort",
-		"sortBy": "Sortieren nach",
-		"date": "Datum",
-		"size": "Größe",
-		"sortOrder": "Reihenfolge",
-		"asc": "Aufsteigend",
-		"desc": "Absteigend",
-		"clear": "Filter zurücksetzen"
-	},
-	"settings": {
-		"title": "Einstellungen",
-		"theme": "Design",
-		"language": "Sprache",
-		"gridSize": "Rastergröße"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"email": "E-Mail",
-		"password": "Passwort",
-		"signIn": "Einloggen",
-		"signUp": "Registrieren",
-		"forgotPassword": "Passwort vergessen?"
-	},
-	"contextMenu": {
-		"view": "Anzeigen",
-		"open": "Öffnen",
-		"toggleFavorite": "Favorit umschalten",
-		"addToFavorites": "Zu Favoriten hinzufügen",
-		"removeFromFavorites": "Aus Favoriten entfernen"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"create": "Erstellen",
-		"close": "Schließen",
-		"loading": "Lädt...",
-		"error": "Fehler",
-		"success": "Erfolg",
-		"confirm": "Bestätigen",
-		"yes": "Ja",
-		"no": "Nein"
-	}
-}
diff --git a/apps/photos/apps/web-archived/src/lib/i18n/locales/en.json b/apps/photos/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 7ee5e124d..000000000
--- a/apps/photos/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,131 +0,0 @@
-{
-	"app": {
-		"name": "Photos",
-		"tagline": "All your photos in one place"
-	},
-	"nav": {
-		"gallery": "Gallery",
-		"albums": "Albums",
-		"favorites": "Favorites",
-		"upload": "Upload",
-		"settings": "Settings"
-	},
-	"gallery": {
-		"title": "Gallery",
-		"empty": "No photos found",
-		"emptyHint": "Upload your first photo or connect apps",
-		"loadMore": "Load more",
-		"photo": "photo",
-		"photos": "photos"
-	},
-	"albums": {
-		"title": "Albums",
-		"empty": "No albums yet",
-		"emptyHint": "Create your first album",
-		"create": "Create Album",
-		"edit": "Edit Album",
-		"delete": "Delete Album",
-		"deleteConfirm": "Are you sure you want to delete this album?",
-		"name": "Name",
-		"description": "Description",
-		"items": "photos"
-	},
-	"favorites": {
-		"title": "Favorites",
-		"empty": "No favorites",
-		"emptyHint": "Mark photos as favorite with the heart icon"
-	},
-	"upload": {
-		"title": "Upload",
-		"dropzone": "Drop photos here or click to select",
-		"uploading": "Uploading...",
-		"success": "Upload successful",
-		"error": "Upload failed",
-		"selectFiles": "Select files"
-	},
-	"photo": {
-		"details": "Details",
-		"exif": "EXIF Data",
-		"tags": "Tags",
-		"addToAlbum": "Add to Album",
-		"removeFromAlbum": "Remove from Album",
-		"setCover": "Set as Cover",
-		"download": "Download",
-		"delete": "Delete",
-		"favorite": "Favorite",
-		"unfavorite": "Remove Favorite",
-		"hideInfo": "Hide details"
-	},
-	"exif": {
-		"camera": "Camera",
-		"lens": "Lens",
-		"focalLength": "Focal Length",
-		"aperture": "Aperture",
-		"iso": "ISO",
-		"exposure": "Exposure",
-		"date": "Date Taken",
-		"location": "Location",
-		"dimensions": "Dimensions"
-	},
-	"tags": {
-		"title": "Tags",
-		"create": "Create Tag",
-		"edit": "Edit Tag",
-		"delete": "Delete Tag",
-		"name": "Name",
-		"color": "Color",
-		"noTags": "No tags"
-	},
-	"filters": {
-		"title": "Filters",
-		"app": "App",
-		"allApps": "All Apps",
-		"dateRange": "Date Range",
-		"from": "From",
-		"to": "To",
-		"hasLocation": "With Location",
-		"sortBy": "Sort by",
-		"date": "Date",
-		"size": "Size",
-		"sortOrder": "Order",
-		"asc": "Ascending",
-		"desc": "Descending",
-		"clear": "Clear Filters"
-	},
-	"settings": {
-		"title": "Settings",
-		"theme": "Theme",
-		"language": "Language",
-		"gridSize": "Grid Size"
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"email": "Email",
-		"password": "Password",
-		"signIn": "Sign In",
-		"signUp": "Sign Up",
-		"forgotPassword": "Forgot Password?"
-	},
-	"contextMenu": {
-		"view": "View",
-		"open": "Open",
-		"toggleFavorite": "Toggle Favorite",
-		"addToFavorites": "Add to Favorites",
-		"removeFromFavorites": "Remove from Favorites"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"create": "Create",
-		"close": "Close",
-		"loading": "Loading...",
-		"error": "Error",
-		"success": "Success",
-		"confirm": "Confirm",
-		"yes": "Yes",
-		"no": "No"
-	}
-}
diff --git a/apps/photos/apps/web-archived/src/lib/stores/albums.svelte.ts b/apps/photos/apps/web-archived/src/lib/stores/albums.svelte.ts
deleted file mode 100644
index c4d372b87..000000000
--- a/apps/photos/apps/web-archived/src/lib/stores/albums.svelte.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-/**
- * Albums Store — Mutation-Only
- *
- * Reads are handled by live queries in queries.ts.
- * This store only handles mutations (create, update, delete, add/remove items).
- */
-
-import { albumCollection, albumItemCollection, type LocalAlbum } from '$lib/data/local-store';
-import { PhotosEvents } from '@manacore/shared-utils/analytics';
-import { toAlbum } from '$lib/data/queries';
-import type { Album } from '@photos/shared';
-
-export const albumMutations = {
-	async createAlbum(data: { name: string; description?: string }): Promise<Album | null> {
-		try {
-			const newLocal: LocalAlbum = {
-				id: crypto.randomUUID(),
-				name: data.name,
-				description: data.description ?? null,
-				coverMediaId: null,
-				isAutoGenerated: false,
-				autoGenerateType: null,
-				autoGenerateValue: null,
-			};
-			const inserted = await albumCollection.insert(newLocal);
-			PhotosEvents.albumCreated();
-			return toAlbum(inserted);
-		} catch (e) {
-			console.error('Failed to create album:', e);
-			return null;
-		}
-	},
-
-	async updateAlbum(
-		id: string,
-		data: { name?: string; description?: string }
-	): Promise<Album | null> {
-		try {
-			const updateData: Partial<LocalAlbum> = {};
-			if (data.name !== undefined) updateData.name = data.name;
-			if (data.description !== undefined) updateData.description = data.description ?? null;
-
-			const updated = await albumCollection.update(id, updateData);
-			return updated ? toAlbum(updated) : null;
-		} catch (e) {
-			console.error('Failed to update album:', e);
-			return null;
-		}
-	},
-
-	async deleteAlbum(id: string): Promise<boolean> {
-		try {
-			// Delete album items first
-			const items = await albumItemCollection.getAll();
-			for (const item of items.filter((i) => i.albumId === id)) {
-				await albumItemCollection.delete(item.id);
-			}
-			await albumCollection.delete(id);
-			PhotosEvents.albumDeleted();
-			return true;
-		} catch (e) {
-			console.error('Failed to delete album:', e);
-			return false;
-		}
-	},
-
-	async addPhotosToAlbum(albumId: string, mediaIds: string[]): Promise<boolean> {
-		try {
-			const existing = await albumItemCollection.getAll();
-			const existingInAlbum = existing.filter((i) => i.albumId === albumId);
-			let nextOrder = existingInAlbum.length;
-
-			for (const mediaId of mediaIds) {
-				if (existingInAlbum.some((i) => i.mediaId === mediaId)) continue;
-
-				await albumItemCollection.insert({
-					id: crypto.randomUUID(),
-					albumId,
-					mediaId,
-					sortOrder: nextOrder++,
-				});
-			}
-			PhotosEvents.photosAddedToAlbum(mediaIds.length);
-			return true;
-		} catch (e) {
-			console.error('Failed to add photos to album:', e);
-			return false;
-		}
-	},
-
-	async removePhotoFromAlbum(albumId: string, mediaId: string): Promise<boolean> {
-		try {
-			const items = await albumItemCollection.getAll();
-			const item = items.find((i) => i.albumId === albumId && i.mediaId === mediaId);
-			if (item) {
-				await albumItemCollection.delete(item.id);
-				PhotosEvents.photoRemovedFromAlbum();
-			}
-			return true;
-		} catch (e) {
-			console.error('Failed to remove photo from album:', e);
-			return false;
-		}
-	},
-
-	async setCover(albumId: string, mediaId: string): Promise<boolean> {
-		try {
-			await albumCollection.update(albumId, {
-				coverMediaId: mediaId,
-			} as Partial<LocalAlbum>);
-			return true;
-		} catch (e) {
-			console.error('Failed to set album cover:', e);
-			return false;
-		}
-	},
-};
diff --git a/apps/photos/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/photos/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index c7f7d463a..000000000
--- a/apps/photos/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-const photosOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Photos!',
-		description: 'Das kann Photos für dich tun:',
-		emoji: '📸',
-		gradient: { from: 'emerald-500', to: 'emerald-700' },
-		bullets: [
-			'Fotos aus allen ManaCore-Apps an einem Ort',
-			'Alben erstellen & organisieren',
-			'Smart-Alben nach Datum, Ort & Kamera',
-			'EXIF-Daten & Metadaten anzeigen',
-		],
-	},
-	{
-		id: 'gridSize',
-		type: 'select',
-		question: 'Welche Galerie-Größe bevorzugst du?',
-		description: 'Du kannst die Größe jederzeit anpassen.',
-		emoji: '🖼️',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'small',
-				label: 'Klein',
-				description: 'Viele Fotos auf einen Blick',
-				emoji: '🔍',
-			},
-			{
-				id: 'medium',
-				label: 'Mittel',
-				description: 'Gute Balance (Empfohlen)',
-				emoji: '📐',
-			},
-			{
-				id: 'large',
-				label: 'Groß',
-				description: 'Detailreiche Vorschau',
-				emoji: '🖼️',
-			},
-		],
-		defaultValue: 'medium',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Deine Galerie ist bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Lade neue Fotos direkt per Drag & Drop hoch',
-			'Markiere Favoriten für schnellen Zugriff',
-			'Nutze Tags für bessere Organisation',
-			'Smart-Alben werden automatisch erstellt',
-		],
-	},
-];
-
-export const photosOnboarding = createAppOnboardingStore({
-	appId: 'photos',
-	steps: photosOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/photos/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/photos/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 96a1a605b..000000000
--- a/apps/photos/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3019,
-});
diff --git a/apps/photos/apps/web-archived/src/lib/stores/photos.svelte.ts b/apps/photos/apps/web-archived/src/lib/stores/photos.svelte.ts
deleted file mode 100644
index e9208967a..000000000
--- a/apps/photos/apps/web-archived/src/lib/stores/photos.svelte.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-/**
- * Photos Store — Server-fetched photos from mana-media + local-first mutations.
- *
- * Photo files live on mana-media (server-side, not in Dexie).
- * Favorites are local-first via Dexie — reads handled by live queries in queries.ts.
- * This store handles server-fetched photo listing, selection, and favorite mutations.
- */
-
-import { favoriteCollection, type LocalFavorite } from '$lib/data/local-store';
-import { authStore } from '$lib/stores/auth.svelte';
-import { PhotosEvents } from '@manacore/shared-utils/analytics';
-import type { Photo, PhotoFilters, PhotoStats } from '@photos/shared';
-
-const MEDIA_URL = () =>
-	(typeof window !== 'undefined'
-		? (window as unknown as { __PUBLIC_MANA_MEDIA_URL__?: string }).__PUBLIC_MANA_MEDIA_URL__
-		: null) ||
-	import.meta.env.PUBLIC_MANA_MEDIA_URL ||
-	'http://localhost:3015';
-
-async function mediaFetch<T>(path: string, options: RequestInit = {}): Promise<T | null> {
-	const token = await authStore.getValidToken();
-	const headers: HeadersInit = {
-		'Content-Type': 'application/json',
-		...options.headers,
-	};
-	if (token) {
-		(headers as Record<string, string>)['Authorization'] = `Bearer ${token}`;
-	}
-
-	const response = await fetch(`${MEDIA_URL()}/api/v1${path}`, { ...options, headers });
-	if (!response.ok) return null;
-	return response.json();
-}
-
-// State — server-fetched photos (not local-first)
-let photos = $state<Photo[]>([]);
-let loading = $state(false);
-let error = $state<string | null>(null);
-let hasMore = $state(true);
-let filters = $state<PhotoFilters>({
-	limit: 50,
-	offset: 0,
-	sortBy: 'dateTaken',
-	sortOrder: 'desc',
-});
-let stats = $state<PhotoStats | null>(null);
-let selectedPhoto = $state<Photo | null>(null);
-
-export const photoStore = {
-	get photos() {
-		return photos;
-	},
-	get loading() {
-		return loading;
-	},
-	get error() {
-		return error;
-	},
-	get hasMore() {
-		return hasMore;
-	},
-	get filters() {
-		return filters;
-	},
-	get stats() {
-		return stats;
-	},
-	get selectedPhoto() {
-		return selectedPhoto;
-	},
-
-	async loadPhotos(reset = false) {
-		if (loading) return;
-
-		if (reset) {
-			photos = [];
-			filters = { ...filters, offset: 0 };
-			hasMore = true;
-		}
-
-		loading = true;
-		error = null;
-
-		try {
-			const params = new URLSearchParams();
-			if (filters.apps?.length) params.set('apps', filters.apps.join(','));
-			if (filters.mimeType) params.set('mimeType', filters.mimeType);
-			if (filters.dateFrom) params.set('dateFrom', filters.dateFrom);
-			if (filters.dateTo) params.set('dateTo', filters.dateTo);
-			if (filters.hasLocation !== undefined) params.set('hasLocation', String(filters.hasLocation));
-			params.set('limit', String(filters.limit || 50));
-			params.set('offset', String(filters.offset || 0));
-			params.set('sortBy', filters.sortBy || 'dateTaken');
-			params.set('sortOrder', filters.sortOrder || 'desc');
-
-			const result = await mediaFetch<{ items: Photo[]; total: number; hasMore: boolean }>(
-				`/media/list/all?${params.toString()}`
-			);
-
-			if (result) {
-				photos = reset ? result.items : [...photos, ...result.items];
-				hasMore = result.hasMore;
-				filters = { ...filters, offset: (filters.offset || 0) + result.items.length };
-			}
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to load photos';
-		} finally {
-			loading = false;
-		}
-	},
-
-	async loadMore() {
-		if (!hasMore || loading) return;
-		await this.loadPhotos(false);
-	},
-
-	async setFilters(newFilters: Partial<PhotoFilters>) {
-		filters = { ...filters, ...newFilters, offset: 0 };
-		PhotosEvents.filtersApplied();
-		await this.loadPhotos(true);
-	},
-
-	async loadStats() {
-		try {
-			const result = await mediaFetch<PhotoStats>('/media/stats');
-			if (result) stats = result;
-		} catch (e) {
-			console.error('Failed to load stats:', e);
-		}
-	},
-
-	selectPhoto(photo: Photo | null) {
-		selectedPhoto = photo;
-	},
-
-	/** Toggle favorite — local-first via Dexie. Live query handles read reactivity. */
-	async toggleFavorite(mediaId: string) {
-		try {
-			const existing = await favoriteCollection.getAll();
-			const fav = existing.find((f) => f.mediaId === mediaId);
-			let isFavorited: boolean;
-
-			if (fav) {
-				await favoriteCollection.delete(fav.id);
-				isFavorited = false;
-			} else {
-				await favoriteCollection.insert({
-					id: crypto.randomUUID(),
-					mediaId,
-				} as LocalFavorite);
-				isFavorited = true;
-			}
-
-			PhotosEvents.photoFavorited(isFavorited);
-			// Update server-fetched photos in-memory for immediate UI feedback
-			photos = photos.map((p) => (p.id === mediaId ? { ...p, isFavorited } : p));
-			if (selectedPhoto?.id === mediaId) {
-				selectedPhoto = { ...selectedPhoto, isFavorited };
-			}
-		} catch (e) {
-			console.error('Failed to toggle favorite:', e);
-		}
-	},
-
-	async deletePhoto(mediaId: string) {
-		try {
-			const token = await authStore.getValidToken();
-			const response = await fetch(`${MEDIA_URL()}/api/v1/media/${mediaId}`, {
-				method: 'DELETE',
-				headers: token ? { Authorization: `Bearer ${token}` } : {},
-			});
-
-			if (!response.ok) {
-				error = 'Failed to delete photo';
-				return false;
-			}
-
-			photos = photos.filter((p) => p.id !== mediaId);
-			PhotosEvents.photoDeleted();
-			if (selectedPhoto?.id === mediaId) selectedPhoto = null;
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete photo';
-			return false;
-		}
-	},
-
-	reset() {
-		photos = [];
-		loading = false;
-		error = null;
-		hasMore = true;
-		filters = { limit: 50, offset: 0, sortBy: 'dateTaken', sortOrder: 'desc' };
-		stats = null;
-		selectedPhoto = null;
-	},
-};
diff --git a/apps/photos/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/photos/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index eaa55184f..000000000
--- a/apps/photos/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- *
- * Core tag CRUD is handled by the shared local-first tag store.
- * Photo-specific tag operations (junction table) are local-first via Dexie.
- */
-
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
-
-import { photoTagCollection, type LocalPhotoTag } from '$lib/data/local-store';
-
-/**
- * Photo-specific tag operations (junction table: photo <-> tag).
- * Local-first via Dexie — syncs to server in the background.
- */
-export const photoTagOps = {
-	/** Get tags for a photo */
-	async getPhotoTags(mediaId: string): Promise<string[]> {
-		try {
-			const all = await photoTagCollection.getAll();
-			return all.filter((pt) => pt.mediaId === mediaId).map((pt) => pt.tagId);
-		} catch (e) {
-			console.error('Failed to get photo tags:', e);
-			return [];
-		}
-	},
-
-	/** Add tag to photo */
-	async addTagToPhoto(mediaId: string, tagId: string) {
-		try {
-			// Check if already exists
-			const all = await photoTagCollection.getAll();
-			const exists = all.some((pt) => pt.mediaId === mediaId && pt.tagId === tagId);
-			if (exists) return true;
-
-			await photoTagCollection.insert({
-				id: crypto.randomUUID(),
-				mediaId,
-				tagId,
-			} as LocalPhotoTag);
-			return true;
-		} catch (e) {
-			console.error('Failed to add tag to photo:', e);
-			return false;
-		}
-	},
-
-	/** Remove tag from photo */
-	async removeTagFromPhoto(mediaId: string, tagId: string) {
-		try {
-			const all = await photoTagCollection.getAll();
-			const item = all.find((pt) => pt.mediaId === mediaId && pt.tagId === tagId);
-			if (item) {
-				await photoTagCollection.delete(item.id);
-			}
-			return true;
-		} catch (e) {
-			console.error('Failed to remove tag from photo:', e);
-			return false;
-		}
-	},
-
-	/** Set all tags for a photo (replace) */
-	async setPhotoTags(mediaId: string, tagIds: string[]) {
-		try {
-			// Remove existing tags for this photo
-			const all = await photoTagCollection.getAll();
-			const existing = all.filter((pt) => pt.mediaId === mediaId);
-			for (const item of existing) {
-				await photoTagCollection.delete(item.id);
-			}
-
-			// Add new tags
-			for (const tagId of tagIds) {
-				await photoTagCollection.insert({
-					id: crypto.randomUUID(),
-					mediaId,
-					tagId,
-				} as LocalPhotoTag);
-			}
-			return true;
-		} catch (e) {
-			console.error('Failed to set photo tags:', e);
-			return false;
-		}
-	},
-};
diff --git a/apps/photos/apps/web-archived/src/lib/stores/theme.ts b/apps/photos/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index d453cb9bc..000000000
--- a/apps/photos/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-// Create theme store with Photos' primary color
-export const theme = createThemeStore({
-	appId: 'photos',
-	defaultVariant: 'lume',
-});
diff --git a/apps/photos/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/photos/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 33312f2f8..000000000
--- a/apps/photos/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'photos',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/photos/apps/web-archived/src/lib/version.ts b/apps/photos/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index d63b4cfef..000000000
--- a/apps/photos/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.2.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/photos/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 4ac34f821..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,273 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { _, locale } from 'svelte-i18n';
-	import { PillNavigation, QuickInputBar, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { photoStore } from '$lib/stores/photos.svelte';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { setContext } from 'svelte';
-	import { THEME_DEFINITIONS, DEFAULT_THEME_VARIANTS } from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { photosStore } from '$lib/data/local-store';
-	import { useAllAlbums, useAllAlbumItems, useAllFavorites } from '$lib/data/queries';
-
-	// Live queries for local-first data (auto-update on Dexie changes)
-	const allAlbums = useAllAlbums();
-	const allAlbumItems = useAllAlbumItems();
-	const allFavorites = useAllFavorites();
-	const allTags = useAllSharedTags();
-
-	// Set context for child components
-	setContext('albums', allAlbums);
-	setContext('albumItems', allAlbumItems);
-	setContext('favorites', allFavorites);
-	setContext('tags', allTags);
-
-	let { children } = $props();
-
-	let isDark = $derived(theme.isDark);
-	let userEmail = $derived(authStore.user?.email || 'Menu');
-
-	// TagStrip state
-	let isTagStripVisible = $state(true);
-	let selectedTagIds = $state<string[]>([]);
-
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	function handleTagToggle(tagId: string) {
-		if (selectedTagIds.includes(tagId)) {
-			selectedTagIds = selectedTagIds.filter((id) => id !== tagId);
-		} else {
-			selectedTagIds = [...selectedTagIds, tagId];
-		}
-	}
-
-	function handleTagClear() {
-		selectedTagIds = [];
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{ id: 'all-photos', label: 'Alle Fotos', category: 'Navigation', onExecute: () => goto('/') },
-		{ id: 'albums', label: 'Alben', category: 'Navigation', onExecute: () => goto('/albums') },
-		{
-			id: 'favorites',
-			label: 'Favoriten',
-			category: 'Navigation',
-			onExecute: () => goto('/favorites'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	// Navigation items
-	const navItems: PillNavItem[] = [
-		{ href: '/', label: $_('nav.gallery'), icon: 'image' },
-		{ href: '/albums', label: $_('nav.albums'), icon: 'folder' },
-		{ href: '/favorites', label: $_('nav.favorites'), icon: 'heart' },
-		{ href: '/upload', label: $_('nav.upload'), icon: 'upload' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-		{ href: '/settings', label: $_('nav.settings'), icon: 'settings' },
-	];
-
-	// Theme dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>(
-		DEFAULT_THEME_VARIANTS.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		}))
-	);
-
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		photoStore.reset();
-		goto('/login');
-	}
-
-	// QuickInputBar handlers
-	async function handleInputSearch(query: string): Promise<QuickInputItem[]> {
-		const q = query.toLowerCase();
-		const albums = allAlbums.value.filter((a) => a.name?.toLowerCase().includes(q));
-		const tags = allTags.value.filter((t) => t.name?.toLowerCase().includes(q));
-		const results: QuickInputItem[] = [];
-		for (const album of albums.slice(0, 5)) {
-			results.push({ id: `album-${album.id}`, title: album.name, subtitle: 'Album' });
-		}
-		for (const tag of tags.slice(0, 5)) {
-			results.push({ id: `tag-${tag.id}`, title: tag.name, subtitle: 'Tag' });
-		}
-		return results;
-	}
-
-	function handleInputSelect(item: QuickInputItem) {
-		if (item.id.startsWith('album-')) {
-			goto(`/albums/${item.id.replace('album-', '')}`);
-		} else if (item.id.startsWith('tag-')) {
-			goto(`/tags/${item.id.replace('tag-', '')}`);
-		}
-	}
-
-	let showGuestWelcome = $state(false);
-
-	async function handleAuthReady() {
-		await Promise.all([photosStore.initialize(), tagLocalStore.initialize()]);
-		if (authStore.isAuthenticated) {
-			photosStore.startSync(() => authStore.getValidToken());
-			tagMutations.startSync(() => authStore.getValidToken());
-			await photoStore.loadStats();
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('photos')) {
-			showGuestWelcome = true;
-		}
-	}
-</script>
-
-<AuthGate {authStore} {goto} allowGuest={true} onReady={handleAuthReady}>
-	<div class="layout-container">
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="Photos"
-			homeRoute="/"
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			desktopPosition="bottom"
-			showThemeToggle={true}
-			showThemeVariants={true}
-			{themeVariantItems}
-			{currentThemeVariantLabel}
-			themeMode={theme.mode}
-			onThemeModeChange={handleThemeModeChange}
-			showLogout={true}
-			onLogout={handleLogout}
-			loginHref="/login"
-			primaryColor="#8b5cf6"
-			{userEmail}
-			settingsHref="/settings"
-			themesHref="/themes"
-			helpHref="/help"
-			profileHref="/profile"
-			{spotlightActions}
-		/>
-
-		<!-- TagStrip (toggled via Tags pill) -->
-		{#if isTagStripVisible}
-			<TagStrip
-				tags={allTags.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#6b7280',
-				}))}
-				selectedIds={selectedTagIds}
-				onToggle={handleTagToggle}
-				onClear={handleTagClear}
-				managementHref="/tags"
-			/>
-		{/if}
-
-		<!-- Quick Input Bar -->
-		<QuickInputBar
-			onSearch={handleInputSearch}
-			onSelect={handleInputSelect}
-			placeholder="Album oder Tag suchen..."
-			emptyText="Nichts gefunden"
-			searchingText="Suche..."
-			locale={$locale || 'de'}
-			appIcon="search"
-			bottomOffset="70px"
-		/>
-
-		<main class="main-content bg-background">
-			<div class="content-wrapper">
-				{@render children()}
-			</div>
-		</main>
-	</div>
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-
-	<GuestWelcomeModal
-		appId="photos"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		flex: 1;
-		padding-bottom: calc(100px + env(safe-area-inset-bottom));
-	}
-
-	@media (max-width: 768px) {
-		.main-content {
-			padding-bottom: calc(120px + env(safe-area-inset-bottom));
-		}
-	}
-
-	.content-wrapper {
-		padding: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding: 2rem;
-		}
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 6140f2a1f..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,123 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { photoStore } from '$lib/stores/photos.svelte';
-	import PhotoGrid from '$lib/components/gallery/PhotoGrid.svelte';
-	import PhotoDetailModal from '$lib/components/gallery/PhotoDetailModal.svelte';
-	import FilterBar from '$lib/components/filters/FilterBar.svelte';
-	import { Image } from '@manacore/shared-icons';
-
-	let showFilters = $state(false);
-
-	onMount(async () => {
-		await photoStore.loadPhotos(true);
-	});
-
-	function handlePhotoClick(photo: any) {
-		photoStore.selectPhoto(photo);
-	}
-
-	function handleCloseModal() {
-		photoStore.selectPhoto(null);
-	}
-
-	function handleLoadMore() {
-		photoStore.loadMore();
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('gallery.title')} | Photos</title>
-</svelte:head>
-
-<div class="gallery-page">
-	<header class="page-header">
-		<h1 class="text-2xl font-bold">{$_('gallery.title')}</h1>
-		<div class="flex items-center gap-2">
-			{#if photoStore.stats}
-				<span class="text-sm text-muted-foreground">
-					{photoStore.stats.totalCount}
-					{photoStore.stats.totalCount === 1 ? $_('gallery.photo') : $_('gallery.photos')}
-				</span>
-			{/if}
-			<button
-				class="icon-btn"
-				onclick={() => (showFilters = !showFilters)}
-				title={$_('filters.title')}
-			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					width="20"
-					height="20"
-					viewBox="0 0 24 24"
-					fill="none"
-					stroke="currentColor"
-					stroke-width="2"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-				>
-					<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" />
-				</svg>
-			</button>
-		</div>
-	</header>
-
-	{#if showFilters}
-		<FilterBar />
-	{/if}
-
-	{#if photoStore.error}
-		<div class="error-message">
-			<p>{photoStore.error}</p>
-		</div>
-	{:else if photoStore.photos.length === 0 && !photoStore.loading}
-		<div class="empty-state">
-			<Image size={20} class="text-muted-foreground" />
-			<h2 class="text-lg font-medium mt-4">{$_('gallery.empty')}</h2>
-			<p class="text-muted-foreground">{$_('gallery.emptyHint')}</p>
-		</div>
-	{:else}
-		<PhotoGrid
-			photos={photoStore.photos}
-			loading={photoStore.loading}
-			hasMore={photoStore.hasMore}
-			onPhotoClick={handlePhotoClick}
-			onLoadMore={handleLoadMore}
-		/>
-	{/if}
-
-	{#if photoStore.selectedPhoto}
-		<PhotoDetailModal photo={photoStore.selectedPhoto} onClose={handleCloseModal} />
-	{/if}
-</div>
-
-<style>
-	.gallery-page {
-		max-width: 1600px;
-		margin: 0 auto;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		min-height: 400px;
-		text-align: center;
-	}
-
-	.error-message {
-		padding: 1rem;
-		background-color: var(--color-destructive);
-		color: var(--color-destructive-foreground);
-		border-radius: var(--radius-md);
-		margin-bottom: 1rem;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/albums/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/albums/+page.svelte
deleted file mode 100644
index a6a7f251d..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/albums/+page.svelte
+++ /dev/null
@@ -1,91 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { goto } from '$app/navigation';
-	import { getContext } from 'svelte';
-	import { albumMutations } from '$lib/stores/albums.svelte';
-	import { enrichAlbumsWithCounts } from '$lib/data/queries';
-	import AlbumGrid from '$lib/components/albums/AlbumGrid.svelte';
-	import CreateAlbumModal from '$lib/components/albums/CreateAlbumModal.svelte';
-	import type { Album, AlbumItem } from '@photos/shared';
-	import { Folder, Minus } from '@manacore/shared-icons';
-
-	const allAlbums: { readonly value: Album[] } = getContext('albums');
-	const allAlbumItems: { readonly value: AlbumItem[] } = getContext('albumItems');
-
-	let albums = $derived(enrichAlbumsWithCounts(allAlbums.value, allAlbumItems.value));
-
-	let showCreateModal = $state(false);
-
-	function handleAlbumClick(album: any) {
-		goto(`/albums/${album.id}`);
-	}
-
-	async function handleCreateAlbum(data: { name: string; description?: string }) {
-		const album = await albumMutations.createAlbum(data);
-		if (album) {
-			showCreateModal = false;
-			goto(`/albums/${album.id}`);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('albums.title')} | Photos</title>
-</svelte:head>
-
-<div class="albums-page">
-	<header class="page-header">
-		<h1 class="text-2xl font-bold">{$_('albums.title')}</h1>
-		<button class="btn btn-primary" onclick={() => (showCreateModal = true)}>
-			<Minus size={20} class="mr-1" />
-			{$_('albums.create')}
-		</button>
-	</header>
-
-	{#if albums.length === 0}
-		<div class="empty-state">
-			<Folder size={20} class="text-muted-foreground" />
-			<h2 class="text-lg font-medium mt-4">{$_('albums.empty')}</h2>
-			<p class="text-muted-foreground">{$_('albums.emptyHint')}</p>
-			<button class="btn btn-primary mt-4" onclick={() => (showCreateModal = true)}>
-				{$_('albums.create')}
-			</button>
-		</div>
-	{:else}
-		<AlbumGrid {albums} loading={false} onAlbumClick={handleAlbumClick} />
-	{/if}
-
-	{#if showCreateModal}
-		<CreateAlbumModal onClose={() => (showCreateModal = false)} onCreate={handleCreateAlbum} />
-	{/if}
-</div>
-
-<style>
-	.albums-page {
-		max-width: 1400px;
-		margin: 0 auto;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		min-height: 400px;
-		text-align: center;
-	}
-
-	.error-message {
-		padding: 1rem;
-		background-color: var(--color-destructive);
-		color: var(--color-destructive-foreground);
-		border-radius: var(--radius-md);
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/albums/[id]/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/albums/[id]/+page.svelte
deleted file mode 100644
index 9a7b765bd..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/albums/[id]/+page.svelte
+++ /dev/null
@@ -1,124 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { albumMutations } from '$lib/stores/albums.svelte';
-	import { photoStore } from '$lib/stores/photos.svelte';
-	import { getAlbumById, getAlbumItemsForAlbum } from '$lib/data/queries';
-	import PhotoGrid from '$lib/components/gallery/PhotoGrid.svelte';
-	import PhotoDetailModal from '$lib/components/gallery/PhotoDetailModal.svelte';
-	import type { Album, AlbumItem, Photo } from '@photos/shared';
-	import { CaretRight, Minus } from '@manacore/shared-icons';
-
-	const allAlbums: { readonly value: Album[] } = getContext('albums');
-	const allAlbumItems: { readonly value: AlbumItem[] } = getContext('albumItems');
-
-	const albumId = $derived($page.params.id);
-	let currentAlbum = $derived(getAlbumById(allAlbums.value, albumId));
-	let albumItems = $derived(getAlbumItemsForAlbum(allAlbumItems.value, albumId));
-	let albumPhotos = $derived(albumItems.map((item) => ({ id: item.mediaId }) as Photo));
-
-	function handlePhotoClick(photo: any) {
-		photoStore.selectPhoto(photo);
-	}
-
-	function handleCloseModal() {
-		photoStore.selectPhoto(null);
-	}
-
-	async function handleDeleteAlbum() {
-		if (confirm($_('albums.deleteConfirm'))) {
-			const success = await albumMutations.deleteAlbum(albumId);
-			if (success) {
-				goto('/albums');
-			}
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{currentAlbum?.name || $_('albums.title')} | Photos</title>
-</svelte:head>
-
-<div class="album-detail-page">
-	{#if !currentAlbum}
-		<div class="loading-state">
-			<div class="animate-pulse text-muted-foreground">{$_('common.loading')}</div>
-		</div>
-	{:else}
-		<header class="page-header">
-			<div class="flex items-center gap-3">
-				<button class="icon-btn" onclick={() => goto('/albums')} title="Back">
-					<CaretRight size={20} />
-				</button>
-				<div>
-					<h1 class="text-2xl font-bold">{currentAlbum.name}</h1>
-					{#if currentAlbum.description}
-						<p class="text-sm text-muted-foreground">{currentAlbum.description}</p>
-					{/if}
-				</div>
-			</div>
-			<div class="flex items-center gap-2">
-				<span class="text-sm text-muted-foreground">
-					{albumPhotos.length}
-					{$_('albums.items')}
-				</span>
-				<button
-					class="icon-btn text-destructive"
-					onclick={handleDeleteAlbum}
-					title={$_('albums.delete')}
-				>
-					<Minus size={20} />
-				</button>
-			</div>
-		</header>
-
-		{#if albumPhotos.length === 0}
-			<div class="empty-state">
-				<p class="text-muted-foreground">{$_('gallery.empty')}</p>
-			</div>
-		{:else}
-			<PhotoGrid
-				photos={albumPhotos}
-				loading={false}
-				hasMore={false}
-				onPhotoClick={handlePhotoClick}
-				onLoadMore={() => {}}
-			/>
-		{/if}
-	{/if}
-
-	{#if photoStore.selectedPhoto}
-		<PhotoDetailModal photo={photoStore.selectedPhoto} onClose={handleCloseModal} />
-	{/if}
-</div>
-
-<style>
-	.album-detail-page {
-		max-width: 1600px;
-		margin: 0 auto;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.loading-state,
-	.empty-state {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-height: 300px;
-	}
-
-	.error-message {
-		padding: 1rem;
-		background-color: var(--color-destructive);
-		color: var(--color-destructive-foreground);
-		border-radius: var(--radius-md);
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/favorites/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/favorites/+page.svelte
deleted file mode 100644
index 1da38a9bf..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/favorites/+page.svelte
+++ /dev/null
@@ -1,89 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { photoStore } from '$lib/stores/photos.svelte';
-	import PhotoGrid from '$lib/components/gallery/PhotoGrid.svelte';
-	import PhotoDetailModal from '$lib/components/gallery/PhotoDetailModal.svelte';
-	import type { Photo } from '@photos/shared';
-	import type { LocalFavorite } from '$lib/data/local-store';
-	import { Heart } from '@manacore/shared-icons';
-
-	const allFavorites: { readonly value: LocalFavorite[] } = getContext('favorites');
-
-	// Derive favorite photos from live query (auto-updates when favorites change)
-	let favorites = $derived<Photo[]>(
-		allFavorites.value.map((f) => ({ id: f.mediaId, isFavorited: true }) as Photo)
-	);
-
-	function handlePhotoClick(photo: Photo) {
-		photoStore.selectPhoto(photo);
-	}
-
-	function handleCloseModal() {
-		photoStore.selectPhoto(null);
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('favorites.title')} | Photos</title>
-</svelte:head>
-
-<div class="favorites-page">
-	<header class="page-header">
-		<h1 class="text-2xl font-bold">{$_('favorites.title')}</h1>
-		<span class="text-sm text-muted-foreground">
-			{favorites.length}
-			{favorites.length === 1 ? $_('gallery.photo') : $_('gallery.photos')}
-		</span>
-	</header>
-
-	{#if favorites.length === 0}
-		<div class="empty-state">
-			<Heart size={20} class="text-muted-foreground" />
-			<h2 class="text-lg font-medium mt-4">{$_('favorites.empty')}</h2>
-			<p class="text-muted-foreground">{$_('favorites.emptyHint')}</p>
-		</div>
-	{:else}
-		<PhotoGrid
-			photos={favorites}
-			loading={false}
-			hasMore={false}
-			onPhotoClick={handlePhotoClick}
-			onLoadMore={() => {}}
-		/>
-	{/if}
-
-	{#if photoStore.selectedPhoto}
-		<PhotoDetailModal photo={photoStore.selectedPhoto} onClose={handleCloseModal} />
-	{/if}
-</div>
-
-<style>
-	.favorites-page {
-		max-width: 1600px;
-		margin: 0 auto;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		min-height: 400px;
-		text-align: center;
-	}
-
-	.error-message {
-		padding: 1rem;
-		background-color: var(--color-destructive);
-		color: var(--color-destructive-foreground);
-		border-radius: var(--radius-md);
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index fac5af3c5..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { browser } from '$app/environment';
-	import { FeedbackPage } from '@manacore/feedback';
-	import { createFeedbackService } from '@manacore/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	function getAuthUrl(): string {
-		if (browser && typeof window !== 'undefined') {
-			const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-				.__PUBLIC_MANA_CORE_AUTH_URL__;
-			return injectedUrl || 'http://localhost:3001';
-		}
-		return 'http://localhost:3001';
-	}
-
-	const feedbackService = createFeedbackService({
-		appId: 'photos',
-		apiUrl: getAuthUrl(),
-		getAuthToken: () => authStore.getValidToken(),
-	});
-</script>
-
-<FeedbackPage {feedbackService} appName="Photos" currentUserId={authStore.user?.id} />
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 271141863..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getPhotosHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getPhotosHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Photos kennen'
-					: 'Find answers and learn how to use Photos',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Photos</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Photos"
-	appId="photos"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index e916f6abe..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<ProfilePage user={authStore.user} appName="Photos" />
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index fcce7b4fb..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,215 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme';
-	import { setLocale, supportedLocales, type SupportedLocale } from '$lib/i18n';
-	import { THEME_DEFINITIONS, DEFAULT_THEME_VARIANTS } from '@manacore/shared-theme';
-	import { APP_VERSION } from '$lib/version';
-	import { Moon, Sun } from '@manacore/shared-icons';
-
-	let selectedLocale = $state<SupportedLocale>('de');
-
-	function handleLocaleChange(e: Event) {
-		const locale = (e.target as HTMLSelectElement).value as SupportedLocale;
-		selectedLocale = locale;
-		setLocale(locale);
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('settings.title')} | Photos</title>
-</svelte:head>
-
-<div class="settings-page">
-	<header class="page-header">
-		<h1 class="text-2xl font-bold">{$_('settings.title')}</h1>
-	</header>
-
-	<div class="settings-list">
-		<!-- Theme -->
-		<div class="setting-item">
-			<div class="setting-label">
-				<span class="font-medium">{$_('settings.theme')}</span>
-			</div>
-			<div class="setting-control">
-				<div class="theme-buttons">
-					<button
-						class="theme-btn"
-						class:active={theme.mode === 'light'}
-						onclick={() => theme.setMode('light')}
-					>
-						<Sun size={20} />
-						Light
-					</button>
-					<button
-						class="theme-btn"
-						class:active={theme.mode === 'dark'}
-						onclick={() => theme.setMode('dark')}
-					>
-						<Moon size={20} />
-						Dark
-					</button>
-					<button
-						class="theme-btn"
-						class:active={theme.mode === 'system'}
-						onclick={() => theme.setMode('system')}
-					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							width="18"
-							height="18"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
-							stroke-width="2"
-						>
-							<rect width="20" height="14" x="2" y="3" rx="2" />
-							<line x1="8" x2="16" y1="21" y2="21" />
-							<line x1="12" x2="12" y1="17" y2="21" />
-						</svg>
-						System
-					</button>
-				</div>
-			</div>
-		</div>
-
-		<!-- Theme Variant -->
-		<div class="setting-item">
-			<div class="setting-label">
-				<span class="font-medium">Theme Variant</span>
-			</div>
-			<div class="setting-control">
-				<div class="variant-grid">
-					{#each DEFAULT_THEME_VARIANTS as variant}
-						<button
-							class="variant-btn"
-							class:active={theme.variant === variant}
-							onclick={() => theme.setVariant(variant)}
-						>
-							<span class="variant-icon">{THEME_DEFINITIONS[variant].icon}</span>
-							<span class="variant-label">{THEME_DEFINITIONS[variant].label}</span>
-						</button>
-					{/each}
-				</div>
-			</div>
-		</div>
-
-		<!-- Language -->
-		<div class="setting-item">
-			<div class="setting-label">
-				<span class="font-medium">{$_('settings.language')}</span>
-			</div>
-			<div class="setting-control">
-				<select class="select" value={selectedLocale} onchange={handleLocaleChange}>
-					{#each supportedLocales as locale}
-						<option value={locale}>
-							{locale === 'de' ? 'Deutsch' : 'English'}
-						</option>
-					{/each}
-				</select>
-			</div>
-		</div>
-	</div>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</div>
-
-<style>
-	.settings-page {
-		max-width: 600px;
-		margin: 0 auto;
-	}
-
-	.page-header {
-		margin-bottom: 2rem;
-	}
-
-	.settings-list {
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	.setting-item {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-		padding: 1rem;
-		background: var(--color-card);
-		border-radius: var(--radius-lg);
-		border: 1px solid var(--color-border);
-	}
-
-	.theme-buttons {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.theme-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		border: 1px solid var(--color-border);
-		border-radius: var(--radius-md);
-		background: var(--color-background);
-		color: var(--color-foreground);
-		cursor: pointer;
-		transition: all 150ms;
-	}
-
-	.theme-btn:hover {
-		background: var(--color-accent);
-	}
-
-	.theme-btn.active {
-		border-color: var(--color-primary);
-		background: var(--color-primary);
-		color: var(--color-primary-foreground);
-	}
-
-	.variant-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-		gap: 0.5rem;
-	}
-
-	.variant-btn {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.75rem;
-		border: 1px solid var(--color-border);
-		border-radius: var(--radius-md);
-		background: var(--color-background);
-		cursor: pointer;
-		transition: all 150ms;
-	}
-
-	.variant-btn:hover {
-		background: var(--color-accent);
-	}
-
-	.variant-btn.active {
-		border-color: var(--color-primary);
-		background: var(--color-accent);
-	}
-
-	.variant-icon {
-		font-size: 1.25rem;
-	}
-
-	.variant-label {
-		font-size: 0.75rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.select {
-		padding: 0.5rem 1rem;
-		border: 1px solid var(--color-border);
-		border-radius: var(--radius-md);
-		background: var(--color-background);
-		color: var(--color-foreground);
-		min-width: 150px;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 671b5fd9c..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Photos</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/upload/+page.svelte b/apps/photos/apps/web-archived/src/routes/(app)/upload/+page.svelte
deleted file mode 100644
index d570f0d16..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/upload/+page.svelte
+++ /dev/null
@@ -1,300 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { PhotosEvents } from '@manacore/shared-utils/analytics';
-
-	const MEDIA_URL = import.meta.env.PUBLIC_MANA_MEDIA_URL || 'http://localhost:3015';
-	import UploadDropzone from '$lib/components/upload/UploadDropzone.svelte';
-	import { X } from '@manacore/shared-icons';
-
-	interface UploadFile {
-		file: File;
-		preview: string;
-		progress: number;
-		status: 'pending' | 'uploading' | 'success' | 'error';
-		error?: string;
-	}
-
-	let files = $state<UploadFile[]>([]);
-	let uploading = $state(false);
-
-	function handleFilesSelected(selectedFiles: File[]) {
-		const newFiles = selectedFiles
-			.filter((file) => file.type.startsWith('image/'))
-			.map((file) => ({
-				file,
-				preview: URL.createObjectURL(file),
-				progress: 0,
-				status: 'pending' as const,
-			}));
-		files = [...files, ...newFiles];
-	}
-
-	function removeFile(index: number) {
-		URL.revokeObjectURL(files[index].preview);
-		files = files.filter((_, i) => i !== index);
-	}
-
-	async function uploadAll() {
-		if (files.length === 0 || uploading) return;
-
-		uploading = true;
-
-		for (let i = 0; i < files.length; i++) {
-			if (files[i].status !== 'pending') continue;
-
-			files[i].status = 'uploading';
-			files[i].progress = 0;
-
-			try {
-				const formData = new FormData();
-				formData.append('file', files[i].file);
-				formData.append('app', 'photos');
-
-				const token = await authStore.getValidToken();
-				const response = await fetch(`${MEDIA_URL}/api/v1/media/upload`, {
-					method: 'POST',
-					headers: token ? { Authorization: `Bearer ${token}` } : {},
-					body: formData,
-				});
-				if (!response.ok) throw new Error('Upload failed');
-
-				files[i].status = 'success';
-				files[i].progress = 100;
-				PhotosEvents.photoUploaded();
-			} catch (e) {
-				files[i].status = 'error';
-				files[i].error = e instanceof Error ? e.message : 'Upload failed';
-			}
-		}
-
-		uploading = false;
-
-		// If all successful, redirect to gallery after a delay
-		const allSuccess = files.every((f) => f.status === 'success');
-		if (allSuccess) {
-			setTimeout(() => goto('/'), 1500);
-		}
-	}
-
-	function clearCompleted() {
-		files.filter((f) => f.status === 'success').forEach((f) => URL.revokeObjectURL(f.preview));
-		files = files.filter((f) => f.status !== 'success');
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('upload.title')} | Photos</title>
-</svelte:head>
-
-<div class="upload-page">
-	<header class="page-header">
-		<h1 class="text-2xl font-bold">{$_('upload.title')}</h1>
-	</header>
-
-	<UploadDropzone onFilesSelected={handleFilesSelected} />
-
-	{#if files.length > 0}
-		<div class="upload-list">
-			<div class="flex justify-between items-center mb-4">
-				<span class="text-sm text-muted-foreground">
-					{files.length}
-					{files.length === 1 ? 'file' : 'files'}
-				</span>
-				<div class="flex gap-2">
-					{#if files.some((f) => f.status === 'success')}
-						<button class="btn btn-ghost" onclick={clearCompleted}> Clear completed </button>
-					{/if}
-					<button
-						class="btn btn-primary"
-						onclick={uploadAll}
-						disabled={uploading || files.every((f) => f.status !== 'pending')}
-					>
-						{#if uploading}
-							{$_('upload.uploading')}
-						{:else}
-							Upload All
-						{/if}
-					</button>
-				</div>
-			</div>
-
-			<div class="file-grid">
-				{#each files as file, index}
-					<div
-						class="file-item"
-						class:success={file.status === 'success'}
-						class:error={file.status === 'error'}
-					>
-						<img src={file.preview} alt="" class="file-preview" />
-						<div class="file-overlay">
-							{#if file.status === 'pending'}
-								<button class="remove-btn" onclick={() => removeFile(index)}>
-									<X size={20} />
-								</button>
-							{:else if file.status === 'uploading'}
-								<div class="progress-ring">
-									<svg viewBox="0 0 36 36">
-										<path
-											class="progress-bg"
-											d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
-										/>
-										<path
-											class="progress-bar"
-											stroke-dasharray="{file.progress}, 100"
-											d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
-										/>
-									</svg>
-								</div>
-							{:else if file.status === 'success'}
-								<div class="status-icon success">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										width="24"
-										height="24"
-										viewBox="0 0 24 24"
-										fill="none"
-										stroke="currentColor"
-										stroke-width="2"
-									>
-										<polyline points="20 6 9 17 4 12" />
-									</svg>
-								</div>
-							{:else if file.status === 'error'}
-								<div class="status-icon error" title={file.error}>
-									<X size={20} />
-								</div>
-							{/if}
-						</div>
-						<div class="file-name">{file.file.name}</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.upload-page {
-		max-width: 1200px;
-		margin: 0 auto;
-	}
-
-	.page-header {
-		margin-bottom: 1.5rem;
-	}
-
-	.upload-list {
-		margin-top: 2rem;
-	}
-
-	.file-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-		gap: 1rem;
-	}
-
-	.file-item {
-		position: relative;
-		aspect-ratio: 1;
-		border-radius: var(--radius-md);
-		overflow: hidden;
-		background: var(--color-muted);
-	}
-
-	.file-item.success {
-		outline: 2px solid var(--color-success, #22c55e);
-	}
-
-	.file-item.error {
-		outline: 2px solid var(--color-destructive);
-	}
-
-	.file-preview {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-
-	.file-overlay {
-		position: absolute;
-		inset: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		background: rgba(0, 0, 0, 0.3);
-		opacity: 0;
-		transition: opacity 150ms;
-	}
-
-	.file-item:hover .file-overlay {
-		opacity: 1;
-	}
-
-	.file-item.success .file-overlay,
-	.file-item.error .file-overlay {
-		opacity: 1;
-		background: rgba(0, 0, 0, 0.5);
-	}
-
-	.remove-btn {
-		padding: 0.5rem;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.9);
-		color: var(--color-foreground);
-		border: none;
-		cursor: pointer;
-	}
-
-	.progress-ring {
-		width: 40px;
-		height: 40px;
-	}
-
-	.progress-ring svg {
-		transform: rotate(-90deg);
-	}
-
-	.progress-bg {
-		fill: none;
-		stroke: rgba(255, 255, 255, 0.3);
-		stroke-width: 3;
-	}
-
-	.progress-bar {
-		fill: none;
-		stroke: white;
-		stroke-width: 3;
-		stroke-linecap: round;
-		transition: stroke-dasharray 300ms;
-	}
-
-	.status-icon {
-		padding: 0.5rem;
-		border-radius: 50%;
-		color: white;
-	}
-
-	.status-icon.success {
-		background: var(--color-success, #22c55e);
-	}
-
-	.status-icon.error {
-		background: var(--color-destructive);
-	}
-
-	.file-name {
-		position: absolute;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		padding: 0.5rem;
-		font-size: 0.75rem;
-		background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
-		color: white;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-</style>
diff --git a/apps/photos/apps/web-archived/src/routes/(app)/upload/+page.ts b/apps/photos/apps/web-archived/src/routes/(app)/upload/+page.ts
deleted file mode 100644
index 45519e8b9..000000000
--- a/apps/photos/apps/web-archived/src/routes/(app)/upload/+page.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR for upload page - it uses browser-only APIs like File and FormData
-export const ssr = false;
diff --git a/apps/photos/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/photos/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/photos/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/photos/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/photos/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 6a9fb04c2..000000000
--- a/apps/photos/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { ManaCoreLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	const translations = getForgotPasswordTranslations('en');
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>Forgot Password - Photos</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Photos"
-	logo={ManaCoreLogo}
-	primaryColor="#8b5cf6"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#faf5ff"
-	darkBackground="#1e1b4b"
-	{translations}
-/>
diff --git a/apps/photos/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/photos/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 7156defb5..000000000
--- a/apps/photos/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { onMount } from 'svelte';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	let redirectTo = $state('/');
-
-	onMount(() => {
-		const storedReturnUrl = sessionStorage.getItem('auth-return-url');
-		if (storedReturnUrl) {
-			redirectTo = storedReturnUrl;
-			sessionStorage.removeItem('auth-return-url');
-		} else {
-			redirectTo = $page.url.searchParams.get('redirectTo') || '/';
-		}
-	});
-
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Photos</title>
-</svelte:head>
-
-<LoginPage
-	appName="Photos"
-	primaryColor="#8b5cf6"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#faf5ff"
-	darkBackground="#1e1b4b"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
-/>
diff --git a/apps/photos/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/photos/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 0448f1841..000000000
--- a/apps/photos/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Photos</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Photos"
-	primaryColor="#8b5cf6"
-	onSignUp={handleSignUp}
-	{goto}
-	loginPath="/login"
-	lightBackground="#faf5ff"
-	darkBackground="#1e1b4b"
-	{translations}
-/>
diff --git a/apps/photos/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/photos/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index aff8868c3..000000000
--- a/apps/photos/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { ManaCoreLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Photos</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-violet-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<ManaCoreLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #8b5cf6">Photos</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #8b5cf6"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #8b5cf680; border-color: #8b5cf6"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #8b5cf6"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #8b5cf6"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/photos/apps/web-archived/src/routes/+layout.svelte b/apps/photos/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index fe81a2da6..000000000
--- a/apps/photos/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { onMount } from 'svelte';
-	import { isLoading as i18nLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { photosOnboarding } from '$lib/stores/app-onboarding.svelte';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(() => {
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-		theme.initialize();
-
-		authStore.initialize().then(() => {
-			loading = false;
-		});
-
-		return cleanupErrorHandler;
-	});
-</script>
-
-{#if !appReady}
-	<div class="min-h-screen bg-background flex items-center justify-center">
-		<div class="animate-pulse text-muted-foreground">Loading...</div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-
-	{#if photosOnboarding.shouldShow}
-		<MiniOnboardingModal store={photosOnboarding} appName="Photos" appEmoji="📸" />
-	{/if}
-{/if}
-
-<ToastContainer />
diff --git a/apps/photos/apps/web-archived/src/routes/+layout.ts b/apps/photos/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/photos/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/photos/apps/web-archived/src/routes/health/+server.ts b/apps/photos/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index ad136563b..000000000
--- a/apps/photos/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'photos-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/photos/apps/web-archived/src/routes/offline/+page.svelte b/apps/photos/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 624f20ee6..000000000
--- a/apps/photos/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Photos"
-	offlineMessage="Photos benötigt eine Internetverbindung für deine Fotos."
-	accentColor="#2563eb"
-/>
diff --git a/apps/photos/apps/web-archived/src/routes/offline/+page.ts b/apps/photos/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/photos/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/photos/apps/web-archived/static/favicon.png b/apps/photos/apps/web-archived/static/favicon.png
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/photos/apps/web-archived/svelte.config.js b/apps/photos/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/photos/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/photos/apps/web-archived/tsconfig.json b/apps/photos/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/photos/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/photos/apps/web-archived/vite.config.ts b/apps/photos/apps/web-archived/vite.config.ts
deleted file mode 100644
index 062ccd95b..000000000
--- a/apps/photos/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Photos - Fotogalerie',
-				shortName: 'Photos',
-				description: 'Fotogalerie und -verwaltung',
-				themeColor: '#3b82f6',
-			})
-		),
-	],
-	server: {
-		port: 5189,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/picture/apps/web-archived/.env.example b/apps/picture/apps/web-archived/.env.example
deleted file mode 100644
index 8c458cdab..000000000
--- a/apps/picture/apps/web-archived/.env.example
+++ /dev/null
@@ -1,13 +0,0 @@
-# Backend API
-PUBLIC_BACKEND_URL=http://localhost:3003
-
-# Mana Core Auth
-PUBLIC_MANA_CORE_AUTH_URL=http://localhost:3001
-
-# OAuth (optional - leave empty to disable)
-PUBLIC_GOOGLE_CLIENT_ID=
-PUBLIC_APPLE_CLIENT_ID=
-
-# Umami Analytics
-PUBLIC_UMAMI_URL=https://your-umami-instance.com
-PUBLIC_UMAMI_WEBSITE_ID=your-website-id
diff --git a/apps/picture/apps/web-archived/.gitignore b/apps/picture/apps/web-archived/.gitignore
deleted file mode 100644
index 3b462cb0c..000000000
--- a/apps/picture/apps/web-archived/.gitignore
+++ /dev/null
@@ -1,23 +0,0 @@
-node_modules
-
-# Output
-.output
-.vercel
-.netlify
-.wrangler
-/.svelte-kit
-/build
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Env
-.env
-.env.*
-!.env.example
-!.env.test
-
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
diff --git a/apps/picture/apps/web-archived/.npmrc b/apps/picture/apps/web-archived/.npmrc
deleted file mode 100644
index b6f27f135..000000000
--- a/apps/picture/apps/web-archived/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-engine-strict=true
diff --git a/apps/picture/apps/web-archived/.prettierignore b/apps/picture/apps/web-archived/.prettierignore
deleted file mode 100644
index 7d74fe246..000000000
--- a/apps/picture/apps/web-archived/.prettierignore
+++ /dev/null
@@ -1,9 +0,0 @@
-# Package Managers
-package-lock.json
-pnpm-lock.yaml
-yarn.lock
-bun.lock
-bun.lockb
-
-# Miscellaneous
-/static/
diff --git a/apps/picture/apps/web-archived/.prettierrc b/apps/picture/apps/web-archived/.prettierrc
deleted file mode 100644
index 8855237ad..000000000
--- a/apps/picture/apps/web-archived/.prettierrc
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"printWidth": 100,
-	"plugins": [
-		"prettier-plugin-svelte",
-		"prettier-plugin-tailwindcss"
-	],
-	"overrides": [
-		{
-			"files": "*.svelte",
-			"options": {
-				"parser": "svelte"
-			}
-		}
-	],
-	"tailwindStylesheet": "./src/app.css"
-}
diff --git a/apps/picture/apps/web-archived/Dockerfile b/apps/picture/apps/web-archived/Dockerfile
deleted file mode 100644
index 6246f75aa..000000000
--- a/apps/picture/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,34 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://picture-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/picture/packages/design-tokens ./apps/picture/packages/design-tokens
-COPY apps/picture/packages/mobile-ui ./apps/picture/packages/mobile-ui
-COPY apps/picture/packages/shared ./apps/picture/packages/shared
-COPY apps/picture/apps/web ./apps/picture/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/picture/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/picture/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/picture/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/picture/apps/web/build ./build
-COPY --from=builder /app/apps/picture/apps/web/package.json ./
-
-EXPOSE 5018
-ENV NODE_ENV=production PORT=5018 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5018/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/picture/apps/web-archived/README.md b/apps/picture/apps/web-archived/README.md
deleted file mode 100644
index 75842c404..000000000
--- a/apps/picture/apps/web-archived/README.md
+++ /dev/null
@@ -1,38 +0,0 @@
-# sv
-
-Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```sh
-# create a new project in the current directory
-npx sv create
-
-# create a new project in my-app
-npx sv create my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```sh
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```sh
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
diff --git a/apps/picture/apps/web-archived/docs/ADVANCED_GENERATION_SETTINGS.md b/apps/picture/apps/web-archived/docs/ADVANCED_GENERATION_SETTINGS.md
deleted file mode 100644
index a6f7c6030..000000000
--- a/apps/picture/apps/web-archived/docs/ADVANCED_GENERATION_SETTINGS.md
+++ /dev/null
@@ -1,217 +0,0 @@
-# Advanced Generation Settings
-
-## Overview
-
-The QuickGenerateBar now includes advanced settings that allow users to customize image generation parameters beyond just the prompt and model selection. These settings are accessible via a settings icon (⚙️) in the generation bar.
-
-## Features
-
-### 1. Image Count (Batch Generation)
-
-- Generate 1-5 images at once with a single prompt
-- Each image uses a different random seed for variety
-- Progress indicator shows "Generiere Bild X/Y..." during batch generation
-- Success toast shows total count: "X Bilder erfolgreich generiert!"
-
-**Default**: 1 image
-
-### 2. Aspect Ratio Selector
-
-Choose from three preset aspect ratios:
-
-- **Quadratisch** (Square): 1024×1024px
-- **Hochformat** (Portrait): 832×1216px
-- **Querformat** (Landscape): 1216×832px
-
-Visual preview boxes show the relative dimensions.
-
-**Default**: Square (1024×1024)
-
-### 3. Steps Slider
-
-Control the number of diffusion steps (quality vs. speed):
-
-- **Range**: 20-150 steps (increments of 5)
-- Lower values = faster generation, potentially lower quality
-- Higher values = slower generation, higher quality/detail
-- Visual labels: "Schnell" (20) → "Höchste Qualität" (150)
-
-**Default**: 50 steps
-
-### 4. Guidance Scale Slider
-
-Control how closely the AI follows the prompt:
-
-- **Range**: 1-20 (increments of 0.5)
-- Lower values = more creative/artistic interpretation
-- Higher values = stricter adherence to prompt
-- Visual labels: "Kreativ" (1) → "Präzise" (20)
-- Helper text: "Höhere Werte folgen dem Prompt genauer, niedrigere sind kreativer"
-
-**Default**: 7.5
-
-## UI/UX Details
-
-### Settings Button
-
-- **Location**: Between prompt input and Generate button
-- **Icon**: Gear/settings icon (⚙️)
-- **Badge**: Blue pulsing dot appears when any setting differs from defaults
-- **State**: Disabled during generation
-
-### Modal Layout
-
-- **Style**: Glass-blur modal (white/95 with backdrop-blur-xl)
-- **Size**: max-w-2xl centered
-- **Close**: ESC key or close button (×)
-- **Actions**: Cancel (gray) or Übernehmen (blue)
-
-### Visual Feedback
-
-The settings button shows a blue pulsing badge when:
-
-- Image count > 1
-- Aspect ratio ≠ Square
-- Steps ≠ 50
-- Guidance scale ≠ 7.5
-
-## Implementation Details
-
-### Files Modified
-
-1. **`lib/components/generate/AdvancedSettingsModal.svelte`** (NEW)
-   - Self-contained modal component
-   - Local state management with $effect() for props sync
-   - Exports `AdvancedSettings` and `AspectRatio` types
-
-2. **`lib/components/gallery/QuickGenerateBar.svelte`**
-   - Added `showAdvancedSettings` state
-   - Added `advancedSettings` state with defaults
-   - Added `hasCustomSettings` derived state for badge
-   - Updated `handleQuickGenerate()` to:
-     - Loop through imageCount
-     - Pass width, height, steps, guidance_scale to API
-     - Show progress per image
-   - Added settings button with badge indicator
-   - Integrated AdvancedSettingsModal component
-
-3. **`lib/api/generate.ts`**
-   - Extended `GenerateImageParams` interface:
-     ```typescript
-     export interface GenerateImageParams {
-     	prompt: string;
-     	model_id: string;
-     	negative_prompt?: string;
-     	width?: number; // NEW
-     	height?: number; // NEW
-     	steps?: number; // NEW
-     	guidance_scale?: number; // NEW
-     }
-     ```
-
-### API Integration
-
-The advanced settings are passed directly to the edge function:
-
-```typescript
-const result = await generateImage({
-	prompt: prompt.trim(),
-	model_id: selectedModelId,
-	width: advancedSettings.aspectRatio.width,
-	height: advancedSettings.aspectRatio.height,
-	steps: advancedSettings.steps,
-	guidance_scale: advancedSettings.guidanceScale,
-});
-```
-
-**Note**: The edge function (`supabase/functions/generate-image/index.ts`) must handle these parameters and pass them to the image generation API (Replicate, Stability AI, etc.).
-
-### Batch Generation Flow
-
-When `imageCount > 1`:
-
-1. Loop from 0 to imageCount
-2. For each iteration:
-   - Update progress: `Generiere Bild ${i + 1}/${totalImages}...`
-   - Call `generateImage()` with same params
-   - Poll for completion: `Verarbeite Bild ${i + 1}/${totalImages}...`
-   - Increment completedImages counter
-3. Show success toast with total count
-4. Trigger `onGenerated()` callback to refresh gallery
-
-## Future Enhancements
-
-Potential additions inspired by mobile app:
-
-- [ ] Tag input for organizing generated images
-- [ ] Negative prompt field
-- [ ] Seed input for reproducible generations
-- [ ] Style presets (e.g., "Photorealistic", "Artistic", "Anime")
-- [ ] Rate limit indicator
-- [ ] Batch progress tracker with individual image status
-- [ ] Save/load preset configurations
-- [ ] Advanced toggle (show/hide extra options)
-
-## Testing
-
-### Manual Test Cases
-
-1. **Default Generation**
-   - Open generate bar
-   - Enter prompt
-   - Click Generate
-   - Verify: 1 square image at default quality
-
-2. **Custom Aspect Ratio**
-   - Click settings icon
-   - Select Portrait
-   - Click Übernehmen
-   - Verify: Badge appears on settings button
-   - Generate image
-   - Verify: Image is 832×1216
-
-3. **Batch Generation**
-   - Open settings
-   - Select 3 images
-   - Click Übernehmen
-   - Generate
-   - Verify: Progress shows "Bild 1/3", "Bild 2/3", "Bild 3/3"
-   - Verify: Toast shows "3 Bilder erfolgreich generiert!"
-   - Verify: 3 images appear in gallery
-
-4. **Settings Persistence**
-   - Set custom values in modal
-   - Close modal
-   - Re-open modal
-   - Verify: Values are still set
-
-5. **Settings Reset**
-   - Set custom values
-   - Generate image
-   - Verify: Badge still shows on settings button
-   - Open modal
-   - Change all back to defaults
-   - Verify: Badge disappears
-
-6. **Keyboard Navigation**
-   - Open modal with click
-   - Press ESC
-   - Verify: Modal closes
-
-## Design Inspiration
-
-Based on mobile app's `QuickGenerateBar.tsx` which includes:
-
-- ImageCountSelector with pill/counter/compact styles
-- AspectRatioSelector with visual previews
-- Slider controls for steps and guidance
-- Tag input for organization
-- Rate limiting display
-- Batch progress tracking
-
-The web implementation follows similar patterns while adapting to:
-
-- Desktop-first layout with responsive mobile view
-- Glass-blur aesthetic matching existing UI
-- Svelte 5 runes instead of React hooks
-- Simpler initial feature set (can expand later)
diff --git a/apps/picture/apps/web-archived/docs/update-storage-policies.sql b/apps/picture/apps/web-archived/docs/update-storage-policies.sql
deleted file mode 100644
index 7adfbdfa3..000000000
--- a/apps/picture/apps/web-archived/docs/update-storage-policies.sql
+++ /dev/null
@@ -1,92 +0,0 @@
--- ============================================
--- Storage Bucket Update - Policies aktualisieren
--- ============================================
--- Dieses Script aktualisiert die bestehenden Policies
-
--- 1. Lösche bestehende Policies (falls vorhanden)
-DROP POLICY IF EXISTS "Users can upload their own images" ON storage.objects;
-DROP POLICY IF EXISTS "Public images are publicly accessible" ON storage.objects;
-DROP POLICY IF EXISTS "Users can update their own images" ON storage.objects;
-DROP POLICY IF EXISTS "Users can delete their own images" ON storage.objects;
-
--- 2. Erstelle Bucket (falls nicht vorhanden)
-INSERT INTO storage.buckets (id, name, public, file_size_limit, allowed_mime_types)
-VALUES (
-  'user-uploads',
-  'user-uploads',
-  true,
-  10485760, -- 10MB
-  ARRAY['image/jpeg', 'image/jpg', 'image/png', 'image/webp']::text[]
-)
-ON CONFLICT (id)
-DO UPDATE SET
-  public = EXCLUDED.public,
-  file_size_limit = EXCLUDED.file_size_limit,
-  allowed_mime_types = EXCLUDED.allowed_mime_types;
-
--- 3. Erstelle Policies neu
-CREATE POLICY "Users can upload their own images"
-ON storage.objects
-FOR INSERT
-TO authenticated
-WITH CHECK (
-  bucket_id = 'user-uploads' AND
-  (storage.foldername(name))[1] = auth.uid()::text
-);
-
-CREATE POLICY "Public images are publicly accessible"
-ON storage.objects
-FOR SELECT
-TO public
-USING (bucket_id = 'user-uploads');
-
-CREATE POLICY "Users can update their own images"
-ON storage.objects
-FOR UPDATE
-TO authenticated
-USING (
-  bucket_id = 'user-uploads' AND
-  (storage.foldername(name))[1] = auth.uid()::text
-)
-WITH CHECK (
-  bucket_id = 'user-uploads' AND
-  (storage.foldername(name))[1] = auth.uid()::text
-);
-
-CREATE POLICY "Users can delete their own images"
-ON storage.objects
-FOR DELETE
-TO authenticated
-USING (
-  bucket_id = 'user-uploads' AND
-  (storage.foldername(name))[1] = auth.uid()::text
-);
-
--- ============================================
--- Überprüfung
--- ============================================
-
--- Bucket-Details
-SELECT
-  id,
-  name,
-  public,
-  file_size_limit,
-  allowed_mime_types
-FROM storage.buckets
-WHERE id = 'user-uploads';
-
--- Policies
-SELECT
-  policyname,
-  cmd,
-  roles
-FROM pg_policies
-WHERE tablename = 'objects'
-  AND (
-    policyname ILIKE '%upload%' OR
-    policyname ILIKE '%public images%' OR
-    policyname ILIKE '%update%' OR
-    policyname ILIKE '%delete%'
-  )
-ORDER BY policyname;
diff --git a/apps/picture/apps/web-archived/eslint.config.js b/apps/picture/apps/web-archived/eslint.config.js
deleted file mode 100644
index f0e51b62e..000000000
--- a/apps/picture/apps/web-archived/eslint.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-check
-import {
-	baseConfig,
-	typescriptConfig,
-	svelteConfig,
-	prettierConfig,
-} from '@manacore/eslint-config';
-
-export default [
-	{
-		ignores: ['dist/**', '.svelte-kit/**', 'node_modules/**'],
-	},
-	...baseConfig,
-	...typescriptConfig,
-	...svelteConfig,
-	...prettierConfig,
-];
diff --git a/apps/picture/apps/web-archived/package.json b/apps/picture/apps/web-archived/package.json
deleted file mode 100644
index d4ebc1e4f..000000000
--- a/apps/picture/apps/web-archived/package.json
+++ /dev/null
@@ -1,72 +0,0 @@
-{
-	"name": "@picture/web",
-	"private": true,
-	"version": "0.3.0",
-	"type": "module",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"type-check": "svelte-check --tsconfig ./tsconfig.json",
-		"format": "prettier --write .",
-		"lint": "prettier --check . && eslint .",
-		"clean": "rm -rf .svelte-kit build node_modules"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@picture/design-tokens": "workspace:*",
-		"@picture/shared": "workspace:*",
-		"konva": "^10.0.2",
-		"svelte-i18n": "^4.0.1"
-	},
-	"devDependencies": {
-		"@eslint/compat": "^1.4.0",
-		"@eslint/js": "^9.36.0",
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.4.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^6.2.0",
-		"@tailwindcss/forms": "^0.5.10",
-		"@tailwindcss/typography": "^0.5.18",
-		"@tailwindcss/vite": "^4.1.13",
-		"@types/node": "^20",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"eslint": "^9.36.0",
-		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-svelte": "^3.12.4",
-		"globals": "^16.4.0",
-		"prettier": "^3.6.2",
-		"prettier-plugin-svelte": "^3.4.0",
-		"prettier-plugin-tailwindcss": "^0.6.14",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.13",
-		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.44.1",
-		"vite": "^7.1.7"
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/app.css b/apps/picture/apps/web-archived/src/app.css
deleted file mode 100644
index eb0a6229e..000000000
--- a/apps/picture/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,14 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-@plugin '@tailwindcss/forms';
-@plugin '@tailwindcss/typography';
-
-/* Scan shared packages for Tailwind classes */
-@source '../../../../packages/shared-ui/src';
-@source '../../../../packages/shared-auth-ui/src';
-@source '../../../../packages/shared-branding/src';
-@source '../../../../packages/shared-theme-ui/src';
-@source '../../../../packages/shared-theme-ui/src/components';
-@source '../../../../packages/shared-theme-ui/src/pages';
-@source '../../../../packages/shared-subscription-ui/src';
-@source '../../../../packages/shared-i18n/src';
diff --git a/apps/picture/apps/web-archived/src/app.d.ts b/apps/picture/apps/web-archived/src/app.d.ts
deleted file mode 100644
index ea0e01692..000000000
--- a/apps/picture/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-	declare const __BUILD_HASH__: string;
-	declare const __BUILD_TIME__: string;
-
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/apps/picture/apps/web-archived/src/app.html b/apps/picture/apps/web-archived/src/app.html
deleted file mode 100644
index f273cc58f..000000000
--- a/apps/picture/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/picture/apps/web-archived/src/hooks.client.ts b/apps/picture/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 85dade6a6..000000000
--- a/apps/picture/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'picture-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/picture/apps/web-archived/src/hooks.server.ts b/apps/picture/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 461480e2b..000000000
--- a/apps/picture/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/picture/apps/web-archived/src/lib/api/boardItems.ts b/apps/picture/apps/web-archived/src/lib/api/boardItems.ts
deleted file mode 100644
index 429d387ba..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/boardItems.ts
+++ /dev/null
@@ -1,317 +0,0 @@
-/**
- * Board Items API - Now using Backend API instead of direct Supabase calls
- */
-
-import { fetchApi } from './client';
-
-// ===== BASE TYPES =====
-
-interface BoardItemBase {
-	id: string;
-	boardId: string;
-	itemType: 'image' | 'text';
-	positionX: number;
-	positionY: number;
-	scaleX: number;
-	scaleY: number;
-	rotation: number;
-	zIndex: number;
-	opacity: number;
-	width: number | null;
-	height: number | null;
-	properties: Record<string, any>;
-	createdAt: string;
-}
-
-// ===== IMAGE ITEM =====
-
-export interface BoardImageItem extends BoardItemBase {
-	itemType: 'image';
-	imageId: string;
-	textContent: null;
-	fontSize: null;
-	color: null;
-	image?: {
-		id: string;
-		publicUrl: string;
-		width: number | null;
-		height: number | null;
-		prompt: string | null;
-		blurhash: string | null;
-	};
-}
-
-// ===== TEXT ITEM =====
-
-export interface TextProperties {
-	fontFamily?: string;
-	fontWeight?: 'normal' | 'bold';
-	fontStyle?: 'normal' | 'italic';
-	textAlign?: 'left' | 'center' | 'right';
-	lineHeight?: number;
-	letterSpacing?: number;
-	backgroundColor?: string;
-	padding?: number;
-}
-
-export interface BoardTextItem extends BoardItemBase {
-	itemType: 'text';
-	imageId: null;
-	textContent: string;
-	fontSize: number;
-	color: string;
-	properties: TextProperties;
-}
-
-// ===== DISCRIMINATED UNION =====
-
-export type BoardItem = BoardImageItem | BoardTextItem;
-
-// ===== TYPE GUARDS =====
-
-export function isImageItem(item: BoardItem): item is BoardImageItem {
-	return item.itemType === 'image';
-}
-
-export function isTextItem(item: BoardItem): item is BoardTextItem {
-	return item.itemType === 'text';
-}
-
-// ===== LEGACY (for backwards compatibility) =====
-
-export interface BoardItemWithImage extends BoardImageItem {
-	image: {
-		id: string;
-		publicUrl: string;
-		width: number | null;
-		height: number | null;
-		prompt: string | null;
-		blurhash: string | null;
-	};
-}
-
-// ===== INPUT TYPES =====
-
-export interface AddImageToBoardInput {
-	imageId: string;
-	position?: { x: number; y: number };
-}
-
-export interface AddTextToBoardInput {
-	content?: string;
-	position?: { x: number; y: number };
-	fontSize?: number;
-	color?: string;
-	fontFamily?: string;
-}
-
-export interface UpdateBoardItemInput {
-	positionX?: number;
-	positionY?: number;
-	scaleX?: number;
-	scaleY?: number;
-	rotation?: number;
-	zIndex?: number;
-	opacity?: number;
-	width?: number;
-	height?: number;
-	textContent?: string;
-	fontSize?: number;
-	color?: string;
-	properties?: Record<string, any>;
-}
-
-// ===== API FUNCTIONS =====
-
-/**
- * Get all items for a board (images and texts)
- */
-export async function getBoardItems(boardId: string): Promise<BoardItem[]> {
-	const { data, error } = await fetchApi<BoardItem[]>(`/board-items/board/${boardId}`);
-	if (error) throw error;
-	return data || [];
-}
-
-/**
- * Get a single board item by ID
- */
-export async function getBoardItemById(id: string): Promise<BoardItem> {
-	const { data, error } = await fetchApi<BoardItem>(`/board-items/${id}`);
-	if (error) throw error;
-	if (!data) throw new Error('Board item not found');
-	return data;
-}
-
-/**
- * Add an image to a board
- */
-export async function addImageToBoard(params: {
-	boardId: string;
-	imageId: string;
-	position?: { x: number; y: number };
-}): Promise<BoardImageItem> {
-	const { boardId, imageId, position = { x: 100, y: 100 } } = params;
-
-	const { data, error } = await fetchApi<BoardImageItem>(`/board-items/board/${boardId}/image`, {
-		method: 'POST',
-		body: {
-			imageId,
-			positionX: position.x,
-			positionY: position.y,
-		},
-	});
-
-	if (error) throw error;
-	if (!data) throw new Error('Failed to add image to board');
-	return data;
-}
-
-/**
- * Add text to a board
- */
-export async function addTextToBoard(params: {
-	boardId: string;
-	content?: string;
-	position?: { x: number; y: number };
-	fontSize?: number;
-	color?: string;
-	fontFamily?: string;
-}): Promise<BoardTextItem> {
-	const {
-		boardId,
-		content = 'Doppelklick zum Bearbeiten',
-		position = { x: 100, y: 100 },
-		fontSize = 24,
-		color = '#000000',
-		fontFamily = 'Arial',
-	} = params;
-
-	const { data, error } = await fetchApi<BoardTextItem>(`/board-items/board/${boardId}/text`, {
-		method: 'POST',
-		body: {
-			textContent: content,
-			positionX: position.x,
-			positionY: position.y,
-			fontSize,
-			color,
-			properties: {
-				fontFamily,
-				fontWeight: 'normal',
-				fontStyle: 'normal',
-				textAlign: 'left',
-				lineHeight: 1.2,
-			},
-		},
-	});
-
-	if (error) throw error;
-	if (!data) throw new Error('Failed to add text to board');
-	return data;
-}
-
-/**
- * Legacy function for backwards compatibility
- */
-export async function addBoardItem(item: {
-	boardId: string;
-	itemType: 'image' | 'text';
-	imageId?: string;
-	textContent?: string;
-	positionX?: number;
-	positionY?: number;
-	fontSize?: number;
-	color?: string;
-	properties?: Record<string, any>;
-}): Promise<BoardItem> {
-	const { data, error } = await fetchApi<BoardItem>(`/board-items/board/${item.boardId}`, {
-		method: 'POST',
-		body: item,
-	});
-
-	if (error) throw error;
-	if (!data) throw new Error('Failed to add board item');
-	return data;
-}
-
-/**
- * Update a board item (position, scale, rotation, text content, etc.)
- */
-export async function updateBoardItem(
-	id: string,
-	updates: UpdateBoardItemInput
-): Promise<BoardItem> {
-	const { data, error } = await fetchApi<BoardItem>(`/board-items/${id}`, {
-		method: 'PATCH',
-		body: updates,
-	});
-
-	if (error) throw error;
-	if (!data) throw new Error('Failed to update board item');
-	return data;
-}
-
-/**
- * Update multiple board items at once (for batch operations)
- */
-export async function updateBoardItems(
-	items: Array<{ id: string } & UpdateBoardItemInput>
-): Promise<void> {
-	const { error } = await fetchApi('/board-items/batch', {
-		method: 'PATCH',
-		body: { items },
-	});
-
-	if (error) throw error;
-}
-
-/**
- * Remove an item from a board
- */
-export async function removeBoardItem(id: string): Promise<void> {
-	const { error } = await fetchApi(`/board-items/${id}`, {
-		method: 'DELETE',
-	});
-
-	if (error) throw error;
-}
-
-/**
- * Remove multiple items from a board
- */
-export async function removeBoardItems(ids: string[]): Promise<void> {
-	const { error } = await fetchApi('/board-items/batch', {
-		method: 'DELETE',
-		body: { ids },
-	});
-
-	if (error) throw error;
-}
-
-/**
- * Change z-index (layer order) of an item
- */
-export async function changeBoardItemZIndex(
-	id: string,
-	direction: 'up' | 'down' | 'top' | 'bottom'
-): Promise<BoardItem> {
-	const { data, error } = await fetchApi<BoardItem>(`/board-items/${id}/z-index`, {
-		method: 'PATCH',
-		body: { direction },
-	});
-
-	if (error) throw error;
-	if (!data) throw new Error('Failed to change z-index');
-	return data;
-}
-
-/**
- * Check if an image is already on a board
- */
-export async function isImageOnBoard(boardId: string, imageId: string): Promise<boolean> {
-	const { data, error } = await fetchApi<{ exists: boolean }>(
-		`/board-items/board/${boardId}/image/${imageId}/exists`
-	);
-
-	if (error) throw error;
-	return data?.exists || false;
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/boards.ts b/apps/picture/apps/web-archived/src/lib/api/boards.ts
deleted file mode 100644
index a3115342c..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/boards.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-/**
- * Boards API - Now using Backend API instead of direct Supabase calls
- */
-
-import { fetchApi } from './client';
-
-export interface Board {
-	id: string;
-	userId: string;
-	name: string;
-	description?: string;
-	thumbnailUrl?: string;
-	canvasWidth: number;
-	canvasHeight: number;
-	backgroundColor: string;
-	isPublic: boolean;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export interface BoardWithCount extends Board {
-	itemCount: number;
-}
-
-export interface GetBoardsParams {
-	page?: number;
-	limit?: number;
-	includePublic?: boolean;
-}
-
-export interface CreateBoardInput {
-	name: string;
-	description?: string;
-	canvasWidth?: number;
-	canvasHeight?: number;
-	backgroundColor?: string;
-	isPublic?: boolean;
-}
-
-export interface UpdateBoardInput {
-	name?: string;
-	description?: string;
-	canvasWidth?: number;
-	canvasHeight?: number;
-	backgroundColor?: string;
-	isPublic?: boolean;
-	thumbnailUrl?: string;
-}
-
-/**
- * Get all boards for the current user with item counts
- */
-export async function getBoards({
-	page = 1,
-	limit = 20,
-	includePublic = false,
-}: GetBoardsParams = {}): Promise<BoardWithCount[]> {
-	const params = new URLSearchParams({
-		page: String(page),
-		limit: String(limit),
-		includePublic: String(includePublic),
-	});
-
-	const { data, error } = await fetchApi<BoardWithCount[]>(`/boards?${params}`);
-	if (error) throw error;
-	return data || [];
-}
-
-/**
- * Get a single board by ID
- */
-export async function getBoardById(id: string): Promise<Board> {
-	const { data, error } = await fetchApi<Board>(`/boards/${id}`);
-	if (error) throw error;
-	if (!data) throw new Error('Board not found');
-	return data;
-}
-
-/**
- * Create a new board
- */
-export async function createBoard(board: CreateBoardInput): Promise<Board> {
-	const { data, error } = await fetchApi<Board>('/boards', {
-		method: 'POST',
-		body: board,
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to create board');
-	return data;
-}
-
-/**
- * Update an existing board
- */
-export async function updateBoard(id: string, updates: UpdateBoardInput): Promise<Board> {
-	const { data, error } = await fetchApi<Board>(`/boards/${id}`, {
-		method: 'PATCH',
-		body: updates,
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to update board');
-	return data;
-}
-
-/**
- * Delete a board (cascade deletes all board_items)
- */
-export async function deleteBoard(id: string): Promise<void> {
-	const { error } = await fetchApi(`/boards/${id}`, {
-		method: 'DELETE',
-	});
-	if (error) throw error;
-}
-
-/**
- * Duplicate a board with all its items
- */
-export async function duplicateBoard(boardId: string): Promise<Board> {
-	const { data, error } = await fetchApi<Board>(`/boards/${boardId}/duplicate`, {
-		method: 'POST',
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to duplicate board');
-	return data;
-}
-
-/**
- * Generate thumbnail for board (uploads to storage)
- */
-export async function generateBoardThumbnail(boardId: string, dataUrl: string): Promise<string> {
-	// Convert data URL to blob
-	const response = await fetch(dataUrl);
-	const blob = await response.blob();
-
-	// Create form data
-	const formData = new FormData();
-	formData.append('thumbnail', blob, 'thumbnail.png');
-
-	// Upload via backend API
-	const { data, error } = await fetchApi<{ thumbnailUrl: string }>(`/boards/${boardId}/thumbnail`, {
-		method: 'POST',
-		body: formData,
-		isFormData: true,
-	});
-
-	if (error) throw error;
-	if (!data) throw new Error('Failed to generate thumbnail');
-	return data.thumbnailUrl;
-}
-
-/**
- * Get public boards for explore/sharing
- */
-export async function getPublicBoards(page = 1, limit = 20): Promise<BoardWithCount[]> {
-	const params = new URLSearchParams({
-		page: String(page),
-		limit: String(limit),
-	});
-
-	const { data, error } = await fetchApi<BoardWithCount[]>(`/boards/public?${params}`);
-	if (error) throw error;
-	return data || [];
-}
-
-/**
- * Toggle board visibility (public/private)
- */
-export async function toggleBoardVisibility(id: string, isPublic: boolean): Promise<Board> {
-	return updateBoard(id, { isPublic });
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/client.ts b/apps/picture/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index 4c7a650ac..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/**
- * API Client for Picture Backend
- * Uses @manacore/shared-api-client for consistent error handling
- *
- * Token handling:
- * - Uses authStore.getValidToken() which automatically refreshes expired tokens
- * - Consistent ApiResult<T> response format
- */
-
-import { env } from '$env/dynamic/public';
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-
-const API_BASE = env.PUBLIC_BACKEND_URL || 'http://localhost:3006';
-
-/**
- * Picture API client instance
- * - Auto token handling via authStore.getValidToken()
- * - Consistent ApiResult<T> response format
- */
-const api = createApiClient({
-	baseUrl: API_BASE,
-	apiPrefix: '/api/v1',
-	getAuthToken: () => authStore.getValidToken(),
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-type FetchOptions = {
-	method?: 'GET' | 'POST' | 'PATCH' | 'DELETE';
-	body?: unknown;
-	token?: string;
-	isFormData?: boolean;
-};
-
-/**
- * Legacy fetchApi wrapper for backward compatibility
- * Returns { data, error } format where error is Error | null
- */
-export async function fetchApi<T>(
-	endpoint: string,
-	options: FetchOptions = {}
-): Promise<{ data: T | null; error: Error | null }> {
-	const { method = 'GET', body, isFormData = false } = options;
-
-	let result: ApiResult<T>;
-
-	if (isFormData && body instanceof FormData) {
-		result = await api.upload<T>(endpoint, body);
-	} else {
-		switch (method) {
-			case 'POST':
-				result = await api.post<T>(endpoint, body);
-				break;
-			case 'PATCH':
-				result = await api.patch<T>(endpoint, body);
-				break;
-			case 'DELETE':
-				result = await api.delete<T>(endpoint);
-				break;
-			default:
-				result = await api.get<T>(endpoint);
-		}
-	}
-
-	// Convert ApiResult to legacy format
-	if (result.error) {
-		return {
-			data: null,
-			error: new Error(result.error.message),
-		};
-	}
-	return { data: result.data, error: null };
-}
-
-/**
- * Upload a file to the backend
- */
-export async function uploadFile(
-	endpoint: string,
-	file: File,
-	token?: string
-): Promise<{ data: any; error: Error | null }> {
-	const formData = new FormData();
-	formData.append('file', file);
-
-	const result = await api.upload<any>(endpoint, formData);
-
-	if (result.error) {
-		return {
-			data: null,
-			error: new Error(result.error.message),
-		};
-	}
-	return { data: result.data, error: null };
-}
-
-/**
- * Upload multiple files to the backend
- */
-export async function uploadFiles(
-	endpoint: string,
-	files: File[],
-	token?: string
-): Promise<{ data: any; error: Error | null }> {
-	const formData = new FormData();
-	files.forEach((file) => {
-		formData.append('files', file);
-	});
-
-	const result = await api.upload<any>(endpoint, formData);
-
-	if (result.error) {
-		return {
-			data: null,
-			error: new Error(result.error.message),
-		};
-	}
-	return { data: result.data, error: null };
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/explore.ts b/apps/picture/apps/web-archived/src/lib/api/explore.ts
deleted file mode 100644
index 4906def27..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/explore.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Explore API - Now using Backend API instead of direct Supabase calls
- */
-
-import { fetchApi } from './client';
-import type { Image } from './images';
-
-export interface GetPublicImagesParams {
-	page?: number;
-	limit?: number;
-	sortBy?: 'recent' | 'popular' | 'trending';
-	favoritesOnly?: boolean;
-}
-
-export async function getPublicImages({
-	page = 1,
-	limit = 20,
-	sortBy = 'recent',
-	favoritesOnly = false,
-}: GetPublicImagesParams = {}): Promise<Image[]> {
-	const params = new URLSearchParams({
-		page: String(page),
-		limit: String(limit),
-		sortBy,
-		favoritesOnly: String(favoritesOnly),
-	});
-
-	const { data, error } = await fetchApi<Image[]>(`/explore?${params}`);
-	if (error) throw error;
-	return data || [];
-}
-
-export async function searchPublicImages(
-	searchTerm: string,
-	page = 1,
-	limit = 20,
-	favoritesOnly = false
-): Promise<Image[]> {
-	const params = new URLSearchParams({
-		q: searchTerm,
-		page: String(page),
-		limit: String(limit),
-		favoritesOnly: String(favoritesOnly),
-	});
-
-	const { data, error } = await fetchApi<Image[]>(`/explore/search?${params}`);
-	if (error) throw error;
-	return data || [];
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/feedback.ts b/apps/picture/apps/web-archived/src/lib/api/feedback.ts
deleted file mode 100644
index d7322e61b..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/feedback.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Feedback Service Instance for Picture Web App
- */
-
-import { createFeedbackService } from '@manacore/feedback';
-import { authStore } from '$lib/stores/auth.svelte';
-import { env } from '$env/dynamic/public';
-
-const MANA_AUTH_URL = env.PUBLIC_MANA_CORE_AUTH_URL || 'http://localhost:3001';
-
-export const feedbackService = createFeedbackService({
-	apiUrl: MANA_AUTH_URL,
-	appId: 'picture',
-	getAuthToken: async () => authStore.getAccessToken(),
-});
diff --git a/apps/picture/apps/web-archived/src/lib/api/generate-async.ts b/apps/picture/apps/web-archived/src/lib/api/generate-async.ts
deleted file mode 100644
index 28591d7d4..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/generate-async.ts
+++ /dev/null
@@ -1,233 +0,0 @@
-/**
- * Async Image Generation API (Using Backend API)
- *
- * Provides async generation with polling for status updates.
- */
-
-import { fetchApi } from './client';
-import type { Image } from './images';
-
-// ============================================================================
-// TYPES
-// ============================================================================
-
-export interface GenerationProgress {
-	generationId: string;
-	status: 'queued' | 'pending' | 'processing' | 'completed' | 'failed';
-	progress?: number; // 0-100
-	imageUrl?: string;
-	error?: string;
-}
-
-export type GenerationCallback = (progress: GenerationProgress) => void;
-
-export interface GenerateImageJobParams {
-	prompt: string;
-	modelId: string;
-	negativePrompt?: string;
-	width?: number;
-	height?: number;
-	steps?: number;
-	guidanceScale?: number;
-}
-
-interface GenerationStatusResponse {
-	id: string;
-	status: 'queued' | 'pending' | 'processing' | 'completed' | 'failed';
-	errorMessage?: string;
-	image?: Image;
-}
-
-// ============================================================================
-// MAIN API FUNCTIONS
-// ============================================================================
-
-/**
- * Generate an image (async, non-blocking)
- *
- * Returns immediately with a generation ID.
- * Use pollGenerationUpdates() to monitor progress.
- */
-export async function generateImageAsync(
-	params: GenerateImageJobParams
-): Promise<{ generationId: string }> {
-	const { data, error } = await fetchApi<{ generationId: string; status: string }>('/generate', {
-		method: 'POST',
-		body: params,
-	});
-
-	if (error) {
-		console.error('Failed to start image generation:', error);
-		throw new Error(error.message || 'Failed to start image generation');
-	}
-
-	if (!data) {
-		throw new Error('No data returned from generation endpoint');
-	}
-
-	return { generationId: data.generationId };
-}
-
-/**
- * Poll for generation status updates
- *
- * @example
- * ```typescript
- * const stopPolling = pollGenerationUpdates(generationId, (progress) => {
- *   console.log(`${progress.status}: ${progress.progress}%`);
- *
- *   if (progress.status === 'completed') {
- *     displayImage(progress.imageUrl);
- *     stopPolling();
- *   }
- * });
- * ```
- */
-export function pollGenerationUpdates(
-	generationId: string,
-	callback: GenerationCallback,
-	pollInterval = 2000
-): () => void {
-	let isPolling = true;
-
-	const poll = async () => {
-		while (isPolling) {
-			try {
-				const { data, error } = await fetchApi<GenerationStatusResponse>(
-					`/generate/${generationId}/status`
-				);
-
-				if (error) {
-					callback({
-						generationId,
-						status: 'failed',
-						error: error.message,
-					});
-					break;
-				}
-
-				if (data) {
-					const progress: GenerationProgress = {
-						generationId: data.id,
-						status: data.status,
-						progress: getProgressPercentage(data.status),
-						error: data.errorMessage,
-						imageUrl: data.image?.publicUrl,
-					};
-
-					callback(progress);
-
-					if (data.status === 'completed' || data.status === 'failed') {
-						break;
-					}
-				}
-			} catch (err) {
-				callback({
-					generationId,
-					status: 'failed',
-					error: err instanceof Error ? err.message : 'Unknown error',
-				});
-				break;
-			}
-
-			await new Promise((resolve) => setTimeout(resolve, pollInterval));
-		}
-	};
-
-	poll();
-
-	return () => {
-		isPolling = false;
-	};
-}
-
-/**
- * Subscribe to generation progress updates (alias for pollGenerationUpdates)
- * Kept for backwards compatibility
- */
-export function subscribeToGenerationUpdates(
-	generationId: string,
-	callback: GenerationCallback
-): () => void {
-	return pollGenerationUpdates(generationId, callback);
-}
-
-/**
- * All-in-one: Generate image and poll for updates
- */
-export async function generateWithRealtime(
-	params: GenerateImageJobParams,
-	onUpdate: GenerationCallback
-): Promise<{ generationId: string; unsubscribe: () => void }> {
-	const { generationId } = await generateImageAsync(params);
-
-	const unsubscribe = pollGenerationUpdates(generationId, onUpdate);
-
-	return { generationId, unsubscribe };
-}
-
-// ============================================================================
-// HELPER FUNCTIONS
-// ============================================================================
-
-/**
- * Convert status to progress percentage (for UI)
- */
-function getProgressPercentage(status: string): number {
-	switch (status) {
-		case 'queued':
-			return 10;
-		case 'pending':
-			return 20;
-		case 'processing':
-			return 50;
-		case 'completed':
-			return 100;
-		case 'failed':
-			return 0;
-		default:
-			return 0;
-	}
-}
-
-/**
- * Get generation status (one-time check, no polling)
- */
-export async function getGenerationStatus(
-	generationId: string
-): Promise<GenerationProgress | null> {
-	const { data, error } = await fetchApi<GenerationStatusResponse>(
-		`/generate/${generationId}/status`
-	);
-
-	if (error) {
-		console.error('Failed to get generation status:', error);
-		return null;
-	}
-
-	if (!data) {
-		return null;
-	}
-
-	return {
-		generationId: data.id,
-		status: data.status,
-		progress: getProgressPercentage(data.status),
-		error: data.errorMessage,
-		imageUrl: data.image?.publicUrl,
-	};
-}
-
-/**
- * Cancel a pending generation
- */
-export async function cancelGeneration(generationId: string): Promise<void> {
-	const { error } = await fetchApi(`/generate/${generationId}/cancel`, {
-		method: 'POST',
-	});
-
-	if (error) {
-		console.error('Failed to cancel generation:', error);
-		throw new Error('Failed to cancel generation');
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/generate.ts b/apps/picture/apps/web-archived/src/lib/api/generate.ts
deleted file mode 100644
index e9dd3c11f..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/generate.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-/**
- * Generate API - Now using Backend API instead of Edge Functions
- */
-
-import { fetchApi } from './client';
-import type { Image } from './images';
-
-export interface GenerateImageParams {
-	prompt: string;
-	modelId: string;
-	negativePrompt?: string;
-	width?: number;
-	height?: number;
-	steps?: number;
-	guidanceScale?: number;
-}
-
-export interface GenerateImageResponse {
-	generationId: string;
-	status: 'pending' | 'processing' | 'completed' | 'failed';
-}
-
-export interface GenerationStatus {
-	id: string;
-	status: 'pending' | 'processing' | 'completed' | 'failed';
-	progress?: number;
-	errorMessage?: string;
-	image?: Image;
-}
-
-/**
- * Start image generation (async)
- */
-export async function generateImage(params: GenerateImageParams): Promise<GenerateImageResponse> {
-	const { data, error } = await fetchApi<GenerateImageResponse>('/generate', {
-		method: 'POST',
-		body: params,
-	});
-
-	if (error) {
-		console.error('Generate Image Error:', error);
-		throw error;
-	}
-
-	if (!data) {
-		throw new Error('Failed to start image generation');
-	}
-
-	return data;
-}
-
-/**
- * Check generation status
- */
-export async function checkGenerationStatus(generationId: string): Promise<GenerationStatus> {
-	const { data, error } = await fetchApi<GenerationStatus>(`/generate/${generationId}/status`);
-
-	if (error) throw error;
-	if (!data) throw new Error('Generation not found');
-	return data;
-}
-
-/**
- * Poll for generation completion
- */
-export async function waitForGeneration(
-	generationId: string,
-	onProgress?: (status: GenerationStatus) => void,
-	pollInterval = 2000,
-	maxAttempts = 60
-): Promise<GenerationStatus> {
-	let attempts = 0;
-
-	while (attempts < maxAttempts) {
-		const status = await checkGenerationStatus(generationId);
-
-		if (onProgress) {
-			onProgress(status);
-		}
-
-		if (status.status === 'completed' || status.status === 'failed') {
-			return status;
-		}
-
-		await new Promise((resolve) => setTimeout(resolve, pollInterval));
-		attempts++;
-	}
-
-	throw new Error('Generation timed out');
-}
-
-/**
- * Generate image and wait for completion
- */
-export async function generateAndWait(
-	params: GenerateImageParams,
-	onProgress?: (status: GenerationStatus) => void
-): Promise<GenerationStatus> {
-	const { generationId } = await generateImage(params);
-
-	return waitForGeneration(generationId, onProgress);
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/images.ts b/apps/picture/apps/web-archived/src/lib/api/images.ts
deleted file mode 100644
index ec8bcc4e8..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/images.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-/**
- * Images API - Now using Backend API instead of direct Supabase calls
- */
-
-import { fetchApi } from './client';
-
-export interface Image {
-	id: string;
-	userId: string;
-	generationId?: string;
-	sourceImageId?: string;
-	prompt: string;
-	negativePrompt?: string;
-	model?: string;
-	style?: string;
-	publicUrl?: string;
-	storagePath: string;
-	filename: string;
-	format?: string;
-	width?: number;
-	height?: number;
-	fileSize?: number;
-	blurhash?: string;
-	isPublic: boolean;
-	isFavorite: boolean;
-	downloadCount: number;
-	rating?: number;
-	archivedAt?: string;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export interface GetImagesParams {
-	page?: number;
-	limit?: number;
-	archived?: boolean;
-	tagIds?: string[];
-	favoritesOnly?: boolean;
-}
-
-export async function getImages({
-	page = 1,
-	limit = 20,
-	archived = false,
-	tagIds,
-	favoritesOnly = false,
-}: GetImagesParams = {}): Promise<Image[]> {
-	const params = new URLSearchParams({
-		page: String(page),
-		limit: String(limit),
-		archived: String(archived),
-		favoritesOnly: String(favoritesOnly),
-	});
-
-	if (tagIds && tagIds.length > 0) {
-		params.append('tagIds', tagIds.join(','));
-	}
-
-	const { data, error } = await fetchApi<Image[]>(`/images?${params}`);
-	if (error) throw error;
-	return data || [];
-}
-
-export async function getImageById(id: string): Promise<Image> {
-	const { data, error } = await fetchApi<Image>(`/images/${id}`);
-	if (error) throw error;
-	if (!data) throw new Error('Image not found');
-	return data;
-}
-
-export async function archiveImage(id: string): Promise<Image> {
-	const { data, error } = await fetchApi<Image>(`/images/${id}/archive`, {
-		method: 'PATCH',
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to archive image');
-	return data;
-}
-
-export async function unarchiveImage(id: string): Promise<Image> {
-	const { data, error } = await fetchApi<Image>(`/images/${id}/unarchive`, {
-		method: 'PATCH',
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to unarchive image');
-	return data;
-}
-
-export async function deleteImage(id: string): Promise<void> {
-	const { error } = await fetchApi(`/images/${id}`, {
-		method: 'DELETE',
-	});
-	if (error) throw error;
-}
-
-export async function downloadImage(url: string, filename: string): Promise<void> {
-	const response = await fetch(url);
-	const blob = await response.blob();
-	const downloadUrl = window.URL.createObjectURL(blob);
-	const link = document.createElement('a');
-	link.href = downloadUrl;
-	link.download = filename;
-	document.body.appendChild(link);
-	link.click();
-	document.body.removeChild(link);
-	window.URL.revokeObjectURL(downloadUrl);
-}
-
-export async function publishImage(id: string): Promise<Image> {
-	const { data, error } = await fetchApi<Image>(`/images/${id}/publish`, {
-		method: 'PATCH',
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to publish image');
-	return data;
-}
-
-export async function unpublishImage(id: string): Promise<Image> {
-	const { data, error } = await fetchApi<Image>(`/images/${id}/unpublish`, {
-		method: 'PATCH',
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to unpublish image');
-	return data;
-}
-
-export async function toggleFavorite(id: string, isFavorite: boolean): Promise<Image> {
-	const { data, error } = await fetchApi<Image>(`/images/${id}/favorite`, {
-		method: 'PATCH',
-		body: { isFavorite },
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to toggle favorite');
-	return data;
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/models.ts b/apps/picture/apps/web-archived/src/lib/api/models.ts
deleted file mode 100644
index 9b51f5294..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/models.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * Models API - Now using Backend API instead of direct Supabase calls
- */
-
-import { fetchApi } from './client';
-
-export interface Model {
-	id: string;
-	name: string;
-	displayName: string;
-	replicateId: string;
-	version?: string;
-	description?: string;
-	category?: string;
-	defaultWidth: number;
-	defaultHeight: number;
-	defaultSteps: number;
-	defaultGuidanceScale: number;
-	minWidth?: number;
-	maxWidth?: number;
-	minHeight?: number;
-	maxHeight?: number;
-	supportsNegativePrompt: boolean;
-	isDefault: boolean;
-	isActive: boolean;
-	createdAt: string;
-}
-
-export async function getActiveModels(): Promise<Model[]> {
-	const { data, error } = await fetchApi<Model[]>('/models');
-	if (error) throw error;
-	return data || [];
-}
-
-export async function getModelById(id: string): Promise<Model> {
-	const { data, error } = await fetchApi<Model>(`/models/${id}`);
-	if (error) throw error;
-	if (!data) throw new Error('Model not found');
-	return data;
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/tags.ts b/apps/picture/apps/web-archived/src/lib/api/tags.ts
deleted file mode 100644
index dfdcfd991..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/tags.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Tags API - Now using Backend API instead of direct Supabase calls
- */
-
-import { fetchApi } from './client';
-
-export interface Tag {
-	id: string;
-	name: string;
-	color?: string;
-	createdAt: string;
-}
-
-export async function getAllTags(): Promise<Tag[]> {
-	const { data, error } = await fetchApi<Tag[]>('/tags');
-	if (error) throw error;
-	return data || [];
-}
-
-export async function createTag(tag: { name: string; color?: string }): Promise<Tag> {
-	const { data, error } = await fetchApi<Tag>('/tags', {
-		method: 'POST',
-		body: tag,
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to create tag');
-	return data;
-}
-
-export async function updateTag(
-	id: string,
-	updates: { name?: string; color?: string }
-): Promise<Tag> {
-	const { data, error } = await fetchApi<Tag>(`/tags/${id}`, {
-		method: 'PATCH',
-		body: updates,
-	});
-	if (error) throw error;
-	if (!data) throw new Error('Failed to update tag');
-	return data;
-}
-
-export async function deleteTag(id: string): Promise<void> {
-	const { error } = await fetchApi(`/tags/${id}`, {
-		method: 'DELETE',
-	});
-	if (error) throw error;
-}
-
-export async function getImageTags(imageId: string): Promise<Tag[]> {
-	const { data, error } = await fetchApi<Tag[]>(`/tags/image/${imageId}`);
-	if (error) throw error;
-	return data || [];
-}
-
-export async function addTagToImage(imageId: string, tagId: string): Promise<void> {
-	const { error } = await fetchApi(`/tags/image/${imageId}/${tagId}`, {
-		method: 'POST',
-	});
-	if (error) throw error;
-}
-
-export async function removeTagFromImage(imageId: string, tagId: string): Promise<void> {
-	const { error } = await fetchApi(`/tags/image/${imageId}/${tagId}`, {
-		method: 'DELETE',
-	});
-	if (error) throw error;
-}
diff --git a/apps/picture/apps/web-archived/src/lib/api/upload.ts b/apps/picture/apps/web-archived/src/lib/api/upload.ts
deleted file mode 100644
index 4479f4efb..000000000
--- a/apps/picture/apps/web-archived/src/lib/api/upload.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-/**
- * Upload API - Now using Backend API instead of direct Supabase calls
- */
-
-import { fetchApi } from './client';
-import type { Image } from './images';
-
-export interface UploadProgress {
-	filename: string;
-	progress: number;
-	status: 'pending' | 'uploading' | 'success' | 'error';
-	error?: string;
-}
-
-const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
-const ALLOWED_TYPES = ['image/jpeg', 'image/jpg', 'image/png', 'image/webp'];
-
-export function validateImage(file: File): { valid: boolean; error?: string } {
-	if (!ALLOWED_TYPES.includes(file.type)) {
-		return {
-			valid: false,
-			error: 'Nur JPG, PNG und WebP Bilder sind erlaubt',
-		};
-	}
-
-	if (file.size > MAX_FILE_SIZE) {
-		return {
-			valid: false,
-			error: `Datei ist zu groß. Maximale Größe: ${MAX_FILE_SIZE / 1024 / 1024}MB`,
-		};
-	}
-
-	return { valid: true };
-}
-
-export async function uploadImage(
-	file: File,
-	onProgress?: (progress: number) => void
-): Promise<Image> {
-	// Validate file
-	const validation = validateImage(file);
-	if (!validation.valid) {
-		throw new Error(validation.error);
-	}
-
-	// Create form data
-	const formData = new FormData();
-	formData.append('file', file);
-
-	// Upload via backend API
-	const { data, error } = await fetchApi<Image>('/upload', {
-		method: 'POST',
-		body: formData,
-		isFormData: true,
-	});
-
-	if (error) {
-		console.error('Upload error:', error);
-		throw new Error('Fehler beim Hochladen des Bildes');
-	}
-
-	if (!data) {
-		throw new Error('Keine Daten vom Server erhalten');
-	}
-
-	// Call progress callback with 100% when done
-	if (onProgress) {
-		onProgress(100);
-	}
-
-	return data;
-}
-
-export async function uploadMultipleImages(
-	files: File[],
-	onProgressUpdate?: (progress: UploadProgress[]) => void
-): Promise<Image[]> {
-	const progressMap: Map<string, UploadProgress> = new Map();
-
-	// Initialize progress for all files
-	files.forEach((file) => {
-		progressMap.set(file.name, {
-			filename: file.name,
-			progress: 0,
-			status: 'pending',
-		});
-	});
-
-	// Update progress callback
-	const updateProgress = () => {
-		if (onProgressUpdate) {
-			onProgressUpdate(Array.from(progressMap.values()));
-		}
-	};
-
-	updateProgress();
-
-	// Upload files sequentially
-	const results: Image[] = [];
-
-	for (const file of files) {
-		const progress = progressMap.get(file.name)!;
-		progress.status = 'uploading';
-		updateProgress();
-
-		try {
-			const image = await uploadImage(file, (percent) => {
-				progress.progress = percent;
-				updateProgress();
-			});
-
-			progress.status = 'success';
-			progress.progress = 100;
-			results.push(image);
-		} catch (error) {
-			progress.status = 'error';
-			progress.error = error instanceof Error ? error.message : 'Upload fehlgeschlagen';
-		}
-
-		updateProgress();
-	}
-
-	return results;
-}
-
-export async function deleteUploadedImage(imageId: string): Promise<void> {
-	const { error } = await fetchApi(`/images/${imageId}`, {
-		method: 'DELETE',
-	});
-
-	if (error) {
-		throw new Error('Fehler beim Löschen des Bildes');
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/lib/assets/favicon.svg b/apps/picture/apps/web-archived/src/lib/assets/favicon.svg
deleted file mode 100644
index cc5dc66a3..000000000
--- a/apps/picture/apps/web-archived/src/lib/assets/favicon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/apps/picture/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/picture/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index 25290b08d..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
-	import { AppSlider } from '@manacore/shared-ui';
-	import type { AppItem } from '@manacore/shared-ui';
-	import {
-		getActiveManaApps,
-		APP_STATUS_LABELS,
-		APP_SLIDER_LABELS,
-	} from '@manacore/shared-branding';
-	import { theme } from '$lib/stores/theme';
-
-	// Convert MANA_APPS to AppItem format (German)
-	const apps: AppItem[] = getActiveManaApps().map((app) => ({
-		name: app.name,
-		description: app.description.de,
-		longDescription: app.longDescription.de,
-		icon: app.icon,
-		color: app.color,
-		comingSoon: app.comingSoon,
-		status: app.status,
-	}));
-
-	const statusLabels = APP_STATUS_LABELS.de;
-	const labels = APP_SLIDER_LABELS.de;
-
-	function handleAppClick(app: AppItem, index: number) {
-		console.log('Opening app:', app.name);
-	}
-</script>
-
-<AppSlider
-	{apps}
-	title={labels.title}
-	isDark={theme.isDark}
-	{statusLabels}
-	comingSoonLabel={labels.comingSoon}
-	openAppLabel={labels.openApp}
-	onAppClick={handleAppClick}
-/>
diff --git a/apps/picture/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/picture/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/picture/apps/web-archived/src/lib/components/archive/ArchivedImageCard.svelte b/apps/picture/apps/web-archived/src/lib/components/archive/ArchivedImageCard.svelte
deleted file mode 100644
index 646d8a245..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/archive/ArchivedImageCard.svelte
+++ /dev/null
@@ -1,60 +0,0 @@
-<script lang="ts">
-	import type { Image } from '$lib/api/images';
-	import { showContextMenu } from '$lib/stores/contextMenu';
-
-	interface Props {
-		image: Image;
-		onclick: () => void;
-	}
-
-	let { image, onclick }: Props = $props();
-	let imageLoaded = $state(false);
-
-	function handleContextMenu(e: MouseEvent) {
-		e.preventDefault();
-		showContextMenu(e.clientX, e.clientY, image);
-	}
-
-	function handleImageLoad() {
-		imageLoaded = true;
-	}
-
-	function formatDate(dateString: string) {
-		const date = new Date(dateString);
-		return new Intl.DateTimeFormat('de-DE', {
-			day: '2-digit',
-			month: 'short',
-			year: 'numeric',
-		}).format(date);
-	}
-</script>
-
-<button
-	{onclick}
-	oncontextmenu={handleContextMenu}
-	class="group relative aspect-square overflow-hidden rounded-lg bg-gray-100 dark:bg-gray-800"
-	type="button"
->
-	<img
-		src={image.publicUrl}
-		alt={image.prompt}
-		class="h-full w-full object-cover transition-opacity duration-300 {imageLoaded
-			? 'opacity-100'
-			: 'opacity-15'}"
-		loading="lazy"
-		onload={handleImageLoad}
-	/>
-
-	<!-- Overlay on hover -->
-	<div
-		class="absolute inset-0 flex flex-col justify-end bg-gradient-to-t from-black/80 via-black/40 to-transparent p-4 opacity-0 transition-opacity group-hover:opacity-100"
-	>
-		<p class="text-base font-medium text-white">{image.prompt}</p>
-		<p class="mt-1 text-sm text-gray-300">{formatDate(image.createdAt)}</p>
-	</div>
-
-	<!-- Archived badge - always visible -->
-	<div class="absolute right-2 top-2 rounded-full bg-gray-800/90 px-2 py-1">
-		<span class="text-xs font-medium text-white">Archived</span>
-	</div>
-</button>
diff --git a/apps/picture/apps/web-archived/src/lib/components/archive/ArchivedImageModal.svelte b/apps/picture/apps/web-archived/src/lib/components/archive/ArchivedImageModal.svelte
deleted file mode 100644
index 69d296631..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/archive/ArchivedImageModal.svelte
+++ /dev/null
@@ -1,142 +0,0 @@
-<script lang="ts">
-	import type { Image } from '$lib/api/images';
-	import Modal from '../ui/Modal.svelte';
-	import Button from '../ui/Button.svelte';
-	import { downloadImage } from '$lib/api/images';
-	import { imageCollection } from '$lib/data/local-store';
-	import { DownloadSimple, ArrowCounterClockwise, Trash } from '@manacore/shared-icons';
-
-	interface Props {
-		image: Image | null;
-		onClose: () => void;
-	}
-
-	let { image, onClose }: Props = $props();
-
-	let isUnarchiving = $state(false);
-	let isDeleting = $state(false);
-
-	async function handleUnarchive() {
-		if (!image) return;
-
-		isUnarchiving = true;
-		try {
-			// Clear archivedAt locally (live query auto-refreshes)
-			await imageCollection.update(image.id, { archivedAt: null });
-			onClose();
-		} catch (error) {
-			console.error('Error unarchiving image:', error);
-			alert('Failed to unarchive image');
-		} finally {
-			isUnarchiving = false;
-		}
-	}
-
-	async function handleDelete() {
-		if (!image) return;
-		if (!confirm('Are you sure you want to delete this image? This action cannot be undone.'))
-			return;
-
-		isDeleting = true;
-		try {
-			// Delete locally (live query auto-refreshes)
-			await imageCollection.delete(image.id);
-			onClose();
-		} catch (error) {
-			console.error('Error deleting image:', error);
-			alert('Failed to delete image');
-		} finally {
-			isDeleting = false;
-		}
-	}
-
-	function handleDownload() {
-		if (!image || !image.publicUrl) return;
-		const filename = `picture-${image.id}.png`;
-		downloadImage(image.publicUrl, filename);
-	}
-
-	function formatDate(dateString: string) {
-		const date = new Date(dateString);
-		return new Intl.DateTimeFormat('de-DE', {
-			day: '2-digit',
-			month: 'long',
-			year: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit',
-		}).format(date);
-	}
-</script>
-
-<Modal open={!!image} {onClose}>
-	{#if image}
-		<div class="flex flex-col gap-6 p-6 md:flex-row">
-			<!-- Image -->
-			<div class="flex-1">
-				<img
-					src={image.publicUrl}
-					alt={image.prompt}
-					class="h-auto w-full rounded-lg object-contain"
-				/>
-			</div>
-
-			<!-- Details -->
-			<div class="w-full space-y-6 md:w-96">
-				<div>
-					<h2 class="text-2xl font-bold text-gray-900">Details</h2>
-					<div class="mt-2 inline-block rounded-full bg-gray-100 px-3 py-1">
-						<span class="text-sm font-medium text-gray-700">Archived</span>
-					</div>
-				</div>
-
-				<!-- Prompt -->
-				<div>
-					<h3 class="mb-2 text-sm font-medium text-gray-500">Prompt</h3>
-					<p class="text-gray-900">{image.prompt}</p>
-				</div>
-
-				<!-- Model -->
-				<div>
-					<h3 class="mb-2 text-sm font-medium text-gray-500">Model</h3>
-					<p class="text-gray-900">{image.model || 'Unknown'}</p>
-				</div>
-
-				<!-- Created At -->
-				<div>
-					<h3 class="mb-2 text-sm font-medium text-gray-500">Created</h3>
-					<p class="text-gray-900">{formatDate(image.createdAt)}</p>
-				</div>
-
-				<!-- Actions -->
-				<div class="space-y-2">
-					<Button variant="primary" class="w-full" onclick={handleDownload}>
-						<DownloadSimple size={20} class="mr-2" />
-						Download
-					</Button>
-
-					<Button
-						variant="secondary"
-						class="w-full"
-						onclick={handleUnarchive}
-						loading={isUnarchiving}
-						disabled={isUnarchiving || isDeleting}
-					>
-						<ArrowCounterClockwise size={20} class="mr-2" />
-						Restore to Gallery
-					</Button>
-
-					<Button
-						variant="danger"
-						class="w-full"
-						onclick={handleDelete}
-						loading={isDeleting}
-						disabled={isUnarchiving || isDeleting}
-					>
-						<Trash size={20} class="mr-2" />
-						Delete Permanently
-					</Button>
-				</div>
-			</div>
-		</div>
-	{/if}
-</Modal>
diff --git a/apps/picture/apps/web-archived/src/lib/components/board/BoardCanvas.svelte b/apps/picture/apps/web-archived/src/lib/components/board/BoardCanvas.svelte
deleted file mode 100644
index 186ba5c14..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/board/BoardCanvas.svelte
+++ /dev/null
@@ -1,650 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-	import Konva from 'konva';
-	import { page } from '$app/stores';
-	import { boardSettings } from '$lib/stores/boards';
-	import {
-		canvasItems,
-		selectedItemIds,
-		canvasZoom,
-		canvasPan,
-		canvasMode,
-		showGrid,
-		snapToGrid,
-		gridSize,
-		selectItem,
-		deselectAll,
-		updateCanvasItem,
-		removeSelectedItems,
-		undo,
-		redo,
-		canUndo,
-		canRedo,
-	} from '$lib/stores/canvas';
-	import { updateBoardItem, updateBoardItems, isImageItem, isTextItem } from '$lib/api/boardItems';
-	import { editingTextId, startEditingText, stopEditingText } from '$lib/stores/canvas';
-
-	let container: HTMLDivElement;
-	let stage: Konva.Stage;
-	let layer: Konva.Layer;
-	let backgroundLayer: Konva.Layer;
-	let transformer: Konva.Transformer;
-	let gridLayer: Konva.Layer;
-
-	// Track nodes for updates
-	let imageNodes = new Map<string, Konva.Image>();
-	let textNodes = new Map<string, Konva.Text>();
-	let isPanning = $state(false);
-	let isSaving = $state(false);
-
-	// Text editing
-	let textEditingOverlay: HTMLTextAreaElement | null = null;
-
-	const boardId = $derived($page.params.id);
-
-	onMount(() => {
-		initializeCanvas();
-		setupKeyboardShortcuts();
-		renderItems();
-
-		// Subscribe to canvas items changes
-		const unsubscribe = canvasItems.subscribe(() => {
-			if (stage) {
-				renderItems();
-			}
-		});
-
-		return () => {
-			unsubscribe();
-		};
-	});
-
-	onDestroy(() => {
-		if (stage) {
-			stage.destroy();
-		}
-	});
-
-	function initializeCanvas() {
-		const width = container.clientWidth;
-		const height = container.clientHeight;
-
-		// Create stage
-		stage = new Konva.Stage({
-			container: container,
-			width: width,
-			height: height,
-			draggable: false,
-		});
-
-		// Background layer for grid
-		backgroundLayer = new Konva.Layer();
-		stage.add(backgroundLayer);
-
-		// Grid layer
-		gridLayer = new Konva.Layer();
-		stage.add(gridLayer);
-		drawGrid();
-
-		// Main layer for images
-		layer = new Konva.Layer();
-		stage.add(layer);
-
-		// Transformer for resize/rotate
-		transformer = new Konva.Transformer({
-			nodes: [],
-			// All 8 anchors for maximum control
-			enabledAnchors: [
-				'top-left',
-				'top-center',
-				'top-right',
-				'middle-left',
-				'middle-right',
-				'bottom-left',
-				'bottom-center',
-				'bottom-right',
-			],
-			rotateEnabled: true,
-			rotateAnchorOffset: 60, // Distance of rotation handle from image
-			rotationSnaps: [0, 45, 90, 135, 180, 225, 270, 315], // Snap angles when Shift is pressed
-
-			// Visual styling
-			borderStroke: '#4A90E2',
-			borderStrokeWidth: 2,
-			borderDash: [4, 4], // Dashed border
-
-			// Anchor (handle) styling
-			anchorFill: '#4A90E2',
-			anchorStroke: '#fff',
-			anchorStrokeWidth: 2,
-			anchorSize: 10,
-			anchorCornerRadius: 2,
-
-			// Rotation anchor styling
-			rotateAnchorCursor: 'grab',
-
-			// Behavior
-			keepRatio: false, // Shift+Drag for aspect ratio lock
-			centeredScaling: false, // Alt+Drag for centered scaling
-			flipEnabled: false, // Prevent accidental flipping
-
-			// Boundaries
-			boundBoxFunc: (oldBox, newBox) => {
-				// Prevent too small sizes
-				if (newBox.width < 20 || newBox.height < 20) {
-					return oldBox;
-				}
-				// Prevent too large sizes (optional)
-				if (newBox.width > 5000 || newBox.height > 5000) {
-					return oldBox;
-				}
-				return newBox;
-			},
-		});
-		layer.add(transformer);
-
-		// Stage click to deselect
-		stage.on('click', (e) => {
-			console.log('[Canvas] Stage clicked, target:', e.target.getType());
-			const targetType = e.target.getType();
-			if (targetType === 'Stage' || e.target.name() === 'background') {
-				console.log('[Canvas] Deselecting all');
-				deselectAll();
-				transformer.nodes([]);
-				layer.batchDraw();
-			}
-		});
-
-		// Mouse wheel zoom
-		stage.on('wheel', (e) => {
-			e.evt.preventDefault();
-			handleZoom(e);
-		});
-
-		// Handle window resize
-		window.addEventListener('resize', handleResize);
-	}
-
-	function drawGrid() {
-		if (!gridLayer || !$showGrid) return;
-
-		gridLayer.destroyChildren();
-
-		const size = $gridSize;
-		const width = $boardSettings.width;
-		const height = $boardSettings.height;
-
-		// Vertical lines
-		for (let x = 0; x <= width; x += size) {
-			const line = new Konva.Line({
-				points: [x, 0, x, height],
-				stroke: '#e5e7eb',
-				strokeWidth: 1,
-				listening: false,
-			});
-			gridLayer.add(line);
-		}
-
-		// Horizontal lines
-		for (let y = 0; y <= height; y += size) {
-			const line = new Konva.Line({
-				points: [0, y, width, y],
-				stroke: '#e5e7eb',
-				strokeWidth: 1,
-				listening: false,
-			});
-			gridLayer.add(line);
-		}
-
-		gridLayer.batchDraw();
-	}
-
-	function renderItems() {
-		if (!layer) return;
-
-		console.log('[Canvas] Rendering items:', $canvasItems.length);
-
-		// Remove existing nodes, keep transformer
-		imageNodes.forEach((node) => node.destroy());
-		textNodes.forEach((node) => node.destroy());
-		imageNodes.clear();
-		textNodes.clear();
-
-		// Render each item based on type
-		$canvasItems.forEach((item) => {
-			if (isImageItem(item)) {
-				renderImageItem(item);
-			} else if (isTextItem(item)) {
-				renderTextItem(item);
-			}
-		});
-	}
-
-	function renderImageItem(item: any) {
-		const imageObj = new Image();
-		imageObj.crossOrigin = 'Anonymous';
-		imageObj.onload = () => {
-			const konvaImage = new Konva.Image({
-				id: item.id,
-				name: item.id,
-				x: item.positionX,
-				y: item.positionY,
-				image: imageObj,
-				width: item.width || imageObj.width,
-				height: item.height || imageObj.height,
-				scaleX: item.scaleX,
-				scaleY: item.scaleY,
-				rotation: item.rotation,
-				draggable: true,
-				opacity: item.opacity,
-			});
-
-			// Click to select
-			konvaImage.on('click tap', (e) => {
-				e.cancelBubble = true;
-				const multiSelect = e.evt.shiftKey || e.evt.metaKey || e.evt.ctrlKey;
-				selectItem(item.id, multiSelect);
-				setTimeout(() => updateTransformer(), 0);
-			});
-
-			// Drag events
-			konvaImage.on('dragstart', () => {
-				selectItem(item.id, false);
-				setTimeout(() => updateTransformer(), 0);
-			});
-			konvaImage.on('dragend', () => handleDragEnd(konvaImage, item.id));
-			konvaImage.on('transformend', () => handleTransformEnd(konvaImage, item.id));
-
-			layer.add(konvaImage);
-			imageNodes.set(item.id, konvaImage);
-
-			// Update transformer if selected
-			if ($selectedItemIds.includes(item.id)) {
-				setTimeout(() => updateTransformer(), 0);
-			}
-
-			layer.batchDraw();
-		};
-
-		imageObj.onerror = (error) => console.error('[Canvas] Failed to load image:', item.id, error);
-		imageObj.src = item.image.public_url;
-	}
-
-	function renderTextItem(item: any) {
-		const konvaText = new Konva.Text({
-			id: item.id,
-			name: item.id,
-			x: item.positionX,
-			y: item.positionY,
-			text: item.textContent,
-			fontSize: item.font_size,
-			fontFamily: item.properties?.fontFamily || 'Arial',
-			fontStyle: `${item.properties?.fontStyle || 'normal'} ${item.properties?.fontWeight || 'normal'}`,
-			fill: item.color,
-			width: item.width || 300,
-			align: item.properties?.textAlign || 'left',
-			rotation: item.rotation,
-			scaleX: item.scaleX,
-			scaleY: item.scaleY,
-			opacity: item.opacity,
-			draggable: true,
-			lineHeight: item.properties?.lineHeight || 1.2,
-		});
-
-		// Click to select
-		konvaText.on('click tap', (e) => {
-			e.cancelBubble = true;
-			const multiSelect = e.evt.shiftKey || e.evt.metaKey || e.evt.ctrlKey;
-			selectItem(item.id, multiSelect);
-			setTimeout(() => updateTransformer(), 0);
-		});
-
-		// Double-click to edit
-		konvaText.on('dblclick dbltap', () => {
-			showTextEditOverlay(konvaText, item);
-		});
-
-		// Drag events
-		konvaText.on('dragstart', () => {
-			selectItem(item.id, false);
-			setTimeout(() => updateTransformer(), 0);
-		});
-		konvaText.on('dragend', () => handleDragEnd(konvaText, item.id));
-		konvaText.on('transformend', () => handleTextTransformEnd(konvaText, item.id));
-
-		layer.add(konvaText);
-		textNodes.set(item.id, konvaText);
-
-		// Update transformer if selected
-		if ($selectedItemIds.includes(item.id)) {
-			setTimeout(() => updateTransformer(), 0);
-		}
-
-		layer.batchDraw();
-	}
-
-	function updateTransformer() {
-		if (!transformer || !layer) return;
-
-		// Collect all selected nodes (images + texts)
-		const selectedNodes: (Konva.Image | Konva.Text)[] = [];
-
-		$selectedItemIds.forEach((id) => {
-			const imageNode = imageNodes.get(id);
-			const textNode = textNodes.get(id);
-
-			if (imageNode) selectedNodes.push(imageNode);
-			if (textNode) selectedNodes.push(textNode);
-		});
-
-		transformer.nodes(selectedNodes);
-
-		if (selectedNodes.length > 0) {
-			transformer.show();
-			transformer.visible(true);
-			transformer.moveToTop();
-		} else {
-			transformer.hide();
-		}
-
-		layer.batchDraw();
-	}
-
-	async function handleDragEnd(node: Konva.Image | Konva.Text, itemId: string) {
-		let x = node.x();
-		let y = node.y();
-
-		// Snap to grid if enabled
-		if ($snapToGrid) {
-			const size = $gridSize;
-			x = Math.round(x / size) * size;
-			y = Math.round(y / size) * size;
-			node.x(x);
-			node.y(y);
-		}
-
-		// Update store
-		updateCanvasItem(itemId, {
-			positionX: x,
-			positionY: y,
-		});
-
-		// Save to database
-		await saveBoardItem(itemId, { positionX: x, positionY: y });
-	}
-
-	async function handleTransformEnd(node: Konva.Image, itemId: string) {
-		const scaleX = node.scaleX();
-		const scaleY = node.scaleY();
-		const rotation = node.rotation();
-
-		// Update store
-		updateCanvasItem(itemId, {
-			scaleX: scaleX,
-			scaleY: scaleY,
-			rotation: rotation,
-		});
-
-		// Save to database
-		await saveBoardItem(itemId, {
-			scaleX: scaleX,
-			scaleY: scaleY,
-			rotation: rotation,
-		});
-	}
-
-	async function handleTextTransformEnd(node: Konva.Text, itemId: string) {
-		const scaleX = node.scaleX();
-		const scaleY = node.scaleY();
-		const rotation = node.rotation();
-		const width = node.width() * scaleX;
-
-		// Reset scale and apply to width for text
-		node.scaleX(1);
-		node.width(width);
-
-		// Update store
-		updateCanvasItem(itemId, {
-			width: Math.round(width),
-			scaleX: 1,
-			scaleY: scaleY,
-			rotation: rotation,
-		});
-
-		// Save to database
-		await saveBoardItem(itemId, {
-			width: Math.round(width),
-			scaleX: 1,
-			scaleY: scaleY,
-			rotation: rotation,
-		});
-	}
-
-	function showTextEditOverlay(textNode: Konva.Text, item: any) {
-		// Hide text node while editing
-		textNode.hide();
-		layer.batchDraw();
-
-		// Get absolute position
-		const textPosition = textNode.getAbsolutePosition();
-		const stageBox = stage.container().getBoundingClientRect();
-
-		// Create textarea
-		const textarea = document.createElement('textarea');
-		textarea.value = textNode.text();
-		textarea.style.position = 'absolute';
-		textarea.style.top = `${stageBox.top + textPosition.y}px`;
-		textarea.style.left = `${stageBox.left + textPosition.x}px`;
-		textarea.style.width = `${textNode.width() * textNode.scaleX()}px`;
-		textarea.style.fontSize = `${textNode.fontSize()}px`;
-		textarea.style.fontFamily = textNode.fontFamily();
-		textarea.style.color = String(textNode.fill());
-		textarea.style.border = '2px solid #4A90E2';
-		textarea.style.padding = '4px';
-		textarea.style.margin = '0px';
-		textarea.style.overflow = 'hidden';
-		textarea.style.background = 'white';
-		textarea.style.outline = 'none';
-		textarea.style.resize = 'none';
-		textarea.style.lineHeight = String(textNode.lineHeight());
-		textarea.style.transformOrigin = 'left top';
-		textarea.style.textAlign = textNode.align();
-		textarea.style.zIndex = '1000';
-
-		const saveText = async () => {
-			const newText = textarea.value;
-			textNode.text(newText);
-			document.body.removeChild(textarea);
-			textEditingOverlay = null;
-			textNode.show();
-			layer.batchDraw();
-
-			// Update store and database
-			updateCanvasItem(item.id, { textContent: newText });
-			await saveBoardItem(item.id, { textContent: newText });
-			stopEditingText();
-		};
-
-		const cancelEdit = () => {
-			document.body.removeChild(textarea);
-			textEditingOverlay = null;
-			textNode.show();
-			layer.batchDraw();
-			stopEditingText();
-		};
-
-		textarea.addEventListener('keydown', (e) => {
-			if (e.key === 'Enter' && !e.shiftKey) {
-				e.preventDefault();
-				saveText();
-			} else if (e.key === 'Escape') {
-				e.preventDefault();
-				cancelEdit();
-			}
-		});
-
-		textarea.addEventListener('blur', () => {
-			saveText();
-		});
-
-		document.body.appendChild(textarea);
-		textarea.focus();
-		textarea.select();
-		textEditingOverlay = textarea;
-		startEditingText(item.id);
-	}
-
-	async function saveBoardItem(itemId: string, updates: any) {
-		if (isSaving) return;
-
-		try {
-			isSaving = true;
-			await updateBoardItem(itemId, updates);
-		} catch (error) {
-			console.error('Error saving board item:', error);
-		} finally {
-			isSaving = false;
-		}
-	}
-
-	function handleZoom(e: Konva.KonvaEventObject<WheelEvent>) {
-		const oldScale = stage.scaleX();
-		const pointer = stage.getPointerPosition();
-
-		if (!pointer) return;
-
-		const direction = e.evt.deltaY > 0 ? -1 : 1;
-		const newScale = direction > 0 ? oldScale * 1.1 : oldScale / 1.1;
-		const clampedScale = Math.max(0.1, Math.min(5, newScale));
-
-		canvasZoom.set(clampedScale);
-
-		// Zoom to pointer position
-		const mousePointTo = {
-			x: (pointer.x - stage.x()) / oldScale,
-			y: (pointer.y - stage.y()) / oldScale,
-		};
-
-		const newPos = {
-			x: pointer.x - mousePointTo.x * clampedScale,
-			y: pointer.y - mousePointTo.y * clampedScale,
-		};
-
-		stage.scale({ x: clampedScale, y: clampedScale });
-		stage.position(newPos);
-		canvasPan.set(newPos);
-	}
-
-	function setupKeyboardShortcuts() {
-		function handleKeyDown(e: KeyboardEvent) {
-			// Ignore if typing in input
-			const target = e.target as HTMLElement;
-			if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') {
-				return;
-			}
-
-			switch (e.key.toLowerCase()) {
-				case 'delete':
-				case 'backspace':
-					e.preventDefault();
-					removeSelectedItems();
-					transformer.nodes([]);
-					break;
-				case 'escape':
-					deselectAll();
-					transformer.nodes([]);
-					break;
-				case 'z':
-					if (e.metaKey || e.ctrlKey) {
-						e.preventDefault();
-						if (e.shiftKey && $canRedo) {
-							redo();
-						} else if ($canUndo) {
-							undo();
-						}
-					}
-					break;
-				case 'a':
-					if (e.metaKey || e.ctrlKey) {
-						e.preventDefault();
-						// Select all
-						selectedItemIds.set($canvasItems.map((item) => item.id));
-						updateTransformer();
-					}
-					break;
-				case ' ':
-					e.preventDefault();
-					isPanning = true;
-					stage.draggable(true);
-					container.style.cursor = 'grab';
-					break;
-			}
-		}
-
-		function handleKeyUp(e: KeyboardEvent) {
-			if (e.key === ' ') {
-				isPanning = false;
-				stage.draggable(false);
-				container.style.cursor = 'default';
-			}
-		}
-
-		window.addEventListener('keydown', handleKeyDown);
-		window.addEventListener('keyup', handleKeyUp);
-
-		return () => {
-			window.removeEventListener('keydown', handleKeyDown);
-			window.removeEventListener('keyup', handleKeyUp);
-		};
-	}
-
-	function handleResize() {
-		if (!stage || !container) return;
-
-		const width = container.clientWidth;
-		const height = container.clientHeight;
-
-		stage.width(width);
-		stage.height(height);
-		stage.batchDraw();
-	}
-
-	// React to zoom/pan store changes
-	$effect(() => {
-		if (stage) {
-			stage.scale({ x: $canvasZoom, y: $canvasZoom });
-			stage.position($canvasPan);
-		}
-	});
-
-	// React to grid changes
-	$effect(() => {
-		if ($showGrid) {
-			drawGrid();
-			gridLayer.show();
-		} else {
-			gridLayer.hide();
-		}
-	});
-
-	// React to selected items changes
-	$effect(() => {
-		console.log('[Canvas] Selected items changed:', $selectedItemIds);
-		if (transformer && layer) {
-			updateTransformer();
-		}
-	});
-</script>
-
-<div
-	bind:this={container}
-	class="h-full w-full"
-	style="background-color: {$boardSettings.backgroundColor}"
-></div>
-
-<style>
-	:global(.konvajs-content) {
-		width: 100% !important;
-		height: 100% !important;
-	}
-</style>
diff --git a/apps/picture/apps/web-archived/src/lib/components/board/CanvasToolbar.svelte b/apps/picture/apps/web-archived/src/lib/components/board/CanvasToolbar.svelte
deleted file mode 100644
index 52c6c0032..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/board/CanvasToolbar.svelte
+++ /dev/null
@@ -1,222 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import {
-		canvasZoom,
-		showGrid,
-		snapToGrid,
-		zoomIn,
-		zoomOut,
-		resetZoom,
-		zoomToFit,
-		undo,
-		redo,
-		canUndo,
-		canRedo,
-		selectedItemIds,
-		removeSelectedItems,
-		deselectAll,
-	} from '$lib/stores/canvas';
-	import { boardSettings } from '$lib/stores/boards';
-	import { Button } from '@manacore/shared-ui';
-	import Konva from 'konva';
-	import {
-		CaretLeft,
-		ArrowCounterClockwise,
-		ArrowClockwise,
-		Minus,
-		Plus,
-		GridFour,
-		Table,
-		Trash,
-		TextT,
-		Image,
-		DownloadSimple,
-	} from '@manacore/shared-icons';
-
-	interface Props {
-		boardName: string;
-		onBack: () => void;
-		onAddImages: () => void;
-		onAddText: () => void;
-	}
-
-	let { boardName, onBack, onAddImages, onAddText }: Props = $props();
-
-	const zoomPercentage = $derived(Math.round($canvasZoom * 100));
-	const hasSelection = $derived($selectedItemIds.length > 0);
-
-	async function handleExport() {
-		// Get the canvas element
-		const canvas = document.querySelector('.konvajs-content canvas') as HTMLCanvasElement;
-		if (!canvas) return;
-
-		// Create download link using standard canvas API
-		const dataURL = canvas.toDataURL('image/png');
-
-		const link = document.createElement('a');
-		link.download = `${boardName}.png`;
-		link.href = dataURL;
-		document.body.appendChild(link);
-		link.click();
-		document.body.removeChild(link);
-	}
-
-	function handleZoomToFit() {
-		const container = document.querySelector('.konvajs-content')?.parentElement;
-		if (!container) return;
-
-		zoomToFit(
-			container.clientWidth,
-			container.clientHeight,
-			$boardSettings.width,
-			$boardSettings.height
-		);
-	}
-
-	function handleDelete() {
-		if (!hasSelection) return;
-		removeSelectedItems();
-	}
-</script>
-
-<div
-	class="fixed left-0 right-0 top-0 z-50 border-b border-gray-200 bg-white/95 backdrop-blur-xl dark:border-gray-700 dark:bg-gray-900/95"
->
-	<div class="flex h-16 items-center justify-between px-4">
-		<!-- Left: Back + Board Name -->
-		<div class="flex items-center gap-4">
-			<button
-				onclick={onBack}
-				class="flex h-10 w-10 items-center justify-center rounded-lg text-gray-600 transition-colors hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800"
-				title="Zurück"
-			>
-				<CaretLeft size={20} weight="bold" />
-			</button>
-
-			<div>
-				<h1 class="text-lg font-semibold text-gray-900 dark:text-gray-100">{boardName}</h1>
-				<p class="text-xs text-gray-500 dark:text-gray-400">
-					{$boardSettings.width} × {$boardSettings.height}px
-				</p>
-			</div>
-		</div>
-
-		<!-- Center: Tools -->
-		<div class="flex items-center gap-2">
-			<!-- Undo/Redo -->
-			<button
-				onclick={undo}
-				disabled={!$canUndo}
-				class="flex h-10 w-10 items-center justify-center rounded-lg text-gray-600 transition-colors hover:bg-gray-100 disabled:opacity-30 dark:text-gray-400 dark:hover:bg-gray-800"
-				title="Rückgängig (⌘Z)"
-			>
-				<ArrowCounterClockwise size={20} weight="bold" />
-			</button>
-
-			<button
-				onclick={redo}
-				disabled={!$canRedo}
-				class="flex h-10 w-10 items-center justify-center rounded-lg text-gray-600 transition-colors hover:bg-gray-100 disabled:opacity-30 dark:text-gray-400 dark:hover:bg-gray-800"
-				title="Wiederherstellen (⌘⇧Z)"
-			>
-				<ArrowClockwise size={20} weight="bold" />
-			</button>
-
-			<div class="mx-2 h-6 w-px bg-gray-300 dark:bg-gray-600"></div>
-
-			<!-- Zoom Controls -->
-			<button
-				onclick={zoomOut}
-				class="flex h-10 w-10 items-center justify-center rounded-lg text-gray-600 transition-colors hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800"
-				title="Verkleinern"
-			>
-				<Minus size={20} weight="bold" />
-			</button>
-
-			<div
-				class="flex h-10 min-w-[4rem] items-center justify-center rounded-lg bg-gray-100 px-3 text-sm font-medium text-gray-900 dark:bg-gray-800 dark:text-gray-100"
-			>
-				{zoomPercentage}%
-			</div>
-
-			<button
-				onclick={zoomIn}
-				class="flex h-10 w-10 items-center justify-center rounded-lg text-gray-600 transition-colors hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800"
-				title="Vergrößern"
-			>
-				<Plus size={20} weight="bold" />
-			</button>
-
-			<button
-				onclick={handleZoomToFit}
-				class="flex h-10 items-center justify-center rounded-lg px-3 text-sm font-medium text-gray-600 transition-colors hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800"
-				title="An Fenster anpassen"
-			>
-				Fit
-			</button>
-
-			<button
-				onclick={resetZoom}
-				class="flex h-10 items-center justify-center rounded-lg px-3 text-sm font-medium text-gray-600 transition-colors hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800"
-				title="100%"
-			>
-				100%
-			</button>
-
-			<div class="mx-2 h-6 w-px bg-gray-300 dark:bg-gray-600"></div>
-
-			<!-- Grid Toggle -->
-			<button
-				onclick={() => showGrid.set(!$showGrid)}
-				class="flex h-10 w-10 items-center justify-center rounded-lg transition-colors {$showGrid
-					? 'bg-blue-100 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-					: 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800'}"
-				title="Raster {$showGrid ? 'ausblenden' : 'einblenden'}"
-			>
-				<GridFour size={20} weight="bold" />
-			</button>
-
-			<!-- Snap Toggle -->
-			<button
-				onclick={() => snapToGrid.set(!$snapToGrid)}
-				class="flex h-10 w-10 items-center justify-center rounded-lg transition-colors {$snapToGrid
-					? 'bg-blue-100 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-					: 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800'}"
-				title="Am Raster einrasten"
-			>
-				<Table size={20} weight="bold" />
-			</button>
-
-			{#if hasSelection}
-				<div class="mx-2 h-6 w-px bg-gray-300 dark:bg-gray-600"></div>
-
-				<!-- Delete Selection -->
-				<button
-					onclick={handleDelete}
-					class="flex h-10 w-10 items-center justify-center rounded-lg text-red-600 transition-colors hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950"
-					title="Löschen (Entf)"
-				>
-					<Trash size={20} weight="bold" />
-				</button>
-			{/if}
-		</div>
-
-		<!-- Right: Actions -->
-		<div class="flex items-center gap-2">
-			<Button variant="outline" onclick={onAddText}>
-				<TextT size={20} class="mr-2" />
-				Text
-			</Button>
-
-			<Button variant="outline" onclick={onAddImages}>
-				<Image size={20} class="mr-2" />
-				Bilder
-			</Button>
-
-			<Button variant="secondary" onclick={handleExport}>
-				<DownloadSimple size={20} class="mr-2" />
-				Exportieren
-			</Button>
-		</div>
-	</div>
-</div>
diff --git a/apps/picture/apps/web-archived/src/lib/components/board/ImagePickerModal.svelte b/apps/picture/apps/web-archived/src/lib/components/board/ImagePickerModal.svelte
deleted file mode 100644
index 556dde430..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/board/ImagePickerModal.svelte
+++ /dev/null
@@ -1,216 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { canvasItems, addCanvasItem } from '$lib/stores/canvas';
-	import { addBoardItem } from '$lib/api/boardItems';
-	import { toastStore, Modal, Button } from '@manacore/shared-ui';
-	import { MagnifyingGlass, Image as ImageIcon, Check } from '@manacore/shared-icons';
-	import { getContext } from 'svelte';
-	import type { Image } from '$lib/api/images';
-
-	interface Props {
-		open: boolean;
-		onClose: () => void;
-	}
-
-	let { open, onClose }: Props = $props();
-
-	const allImages: { value: Image[] } = getContext('allImages');
-
-	let selectedImages = $state<Set<string>>(new Set());
-	let isAdding = $state(false);
-	let searchQuery = $state('');
-
-	const boardId = $derived($page.params.id);
-
-	function toggleImageSelection(imageId: string) {
-		if (selectedImages.has(imageId)) {
-			selectedImages.delete(imageId);
-		} else {
-			selectedImages.add(imageId);
-		}
-		// Trigger reactivity
-		selectedImages = new Set(selectedImages);
-	}
-
-	function isImageSelected(imageId: string): boolean {
-		return selectedImages.has(imageId);
-	}
-
-	function isImageAlreadyOnBoard(imageId: string): boolean {
-		return $canvasItems.some((item) => item.imageId === imageId);
-	}
-
-	async function handleAddImages() {
-		if (selectedImages.size === 0 || !boardId) return;
-
-		isAdding = true;
-		try {
-			let addedCount = 0;
-
-			for (const imageId of selectedImages) {
-				// Check if already on board
-				if (isImageAlreadyOnBoard(imageId)) {
-					continue;
-				}
-
-				// Get image details
-				const image = allImages.value.find((img) => img.id === imageId);
-				if (!image) continue;
-
-				// Add to board
-				const boardItem = await addBoardItem({
-					boardId: boardId,
-					itemType: 'image',
-					imageId: imageId,
-					positionX: 100 + addedCount * 20, // Offset each image slightly
-					positionY: 100 + addedCount * 20,
-				});
-
-				// Add to canvas
-				addCanvasItem(boardItem);
-				addedCount++;
-			}
-
-			selectedImages.clear();
-			selectedImages = new Set();
-			toastStore.show(
-				`${addedCount} ${addedCount === 1 ? 'Bild' : 'Bilder'} hinzugefügt`,
-				'success'
-			);
-			onClose();
-		} catch (error) {
-			console.error('Error adding images:', error);
-			toastStore.show('Fehler beim Hinzufügen', 'error');
-		} finally {
-			isAdding = false;
-		}
-	}
-
-	function handleSelectAll() {
-		const availableImages = allImages.value.filter((img) => !isImageAlreadyOnBoard(img.id));
-		selectedImages = new Set(availableImages.map((img) => img.id));
-	}
-
-	function handleDeselectAll() {
-		selectedImages.clear();
-		selectedImages = new Set();
-	}
-
-	const filteredImages = $derived(
-		searchQuery.trim()
-			? allImages.value.filter((img) =>
-					img.prompt?.toLowerCase().includes(searchQuery.toLowerCase())
-				)
-			: allImages.value
-	);
-</script>
-
-<Modal visible={open} {onClose} maxWidth="3xl">
-	<div class="flex h-[80vh] flex-col p-6">
-		<!-- Header -->
-		<div class="mb-6">
-			<h2 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Bilder hinzufügen</h2>
-			<p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
-				Wähle Bilder aus deiner Galerie aus
-			</p>
-		</div>
-
-		<!-- Search & Actions -->
-		<div class="mb-4 flex items-center gap-3">
-			<div class="relative flex-1">
-				<input
-					type="text"
-					bind:value={searchQuery}
-					placeholder="Bilder suchen..."
-					class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2 pl-10 text-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-				/>
-				<MagnifyingGlass size={20} class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" />
-			</div>
-
-			<Button
-				variant="outline"
-				size="sm"
-				onclick={selectedImages.size > 0 ? handleDeselectAll : handleSelectAll}
-			>
-				{selectedImages.size > 0 ? 'Abwählen' : 'Alle auswählen'}
-			</Button>
-		</div>
-
-		<!-- Selection Info -->
-		{#if selectedImages.size > 0}
-			<div class="mb-4 rounded-lg bg-blue-50 p-3 dark:bg-blue-950">
-				<p class="text-sm font-medium text-blue-900 dark:text-blue-100">
-					{selectedImages.size}
-					{selectedImages.size === 1 ? 'Bild' : 'Bilder'} ausgewählt
-				</p>
-			</div>
-		{/if}
-
-		<!-- Images Grid -->
-		<div class="flex-1 overflow-y-auto">
-			{#if filteredImages.length === 0}
-				<div class="flex h-full flex-col items-center justify-center py-12">
-					<ImageIcon size={64} weight="thin" class="text-gray-300 dark:text-gray-600" />
-					<p class="mt-4 text-gray-600 dark:text-gray-400">
-						{searchQuery ? 'Keine Bilder gefunden' : 'Keine Bilder in deiner Galerie'}
-					</p>
-				</div>
-			{:else}
-				<div class="grid grid-cols-3 gap-4 sm:grid-cols-4 lg:grid-cols-5">
-					{#each filteredImages as image (image.id)}
-						{@const selected = isImageSelected(image.id)}
-						{@const alreadyOnBoard = isImageAlreadyOnBoard(image.id)}
-						<button
-							onclick={() => !alreadyOnBoard && toggleImageSelection(image.id)}
-							disabled={alreadyOnBoard}
-							class="group relative aspect-square overflow-hidden rounded-lg transition-all {selected
-								? 'ring-4 ring-blue-500 ring-offset-2 dark:ring-offset-gray-800'
-								: ''} {alreadyOnBoard
-								? 'cursor-not-allowed opacity-40'
-								: 'hover:ring-2 hover:ring-gray-300'}"
-						>
-							<img
-								src={image.publicUrl}
-								alt={image.prompt || 'Image'}
-								class="h-full w-full object-cover"
-							/>
-
-							<!-- Selection Indicator -->
-							{#if selected}
-								<div
-									class="absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-blue-500 text-white"
-								>
-									<Check size={16} weight="bold" />
-								</div>
-							{/if}
-
-							<!-- Already on Board Badge -->
-							{#if alreadyOnBoard}
-								<div
-									class="absolute inset-0 flex items-center justify-center bg-black/60 text-xs font-medium text-white"
-								>
-									Bereits auf Board
-								</div>
-							{/if}
-						</button>
-					{/each}
-				</div>
-			{/if}
-		</div>
-
-		<!-- Footer Actions -->
-		<div class="mt-6 flex gap-3">
-			<Button variant="outline" class="flex-1" onclick={onClose}>Abbrechen</Button>
-			<Button
-				class="flex-1"
-				onclick={handleAddImages}
-				disabled={selectedImages.size === 0}
-				loading={isAdding}
-			>
-				{selectedImages.size > 0
-					? `${selectedImages.size} ${selectedImages.size === 1 ? 'Bild' : 'Bilder'} hinzufügen`
-					: 'Bilder hinzufügen'}
-			</Button>
-		</div>
-	</div>
-</Modal>
diff --git a/apps/picture/apps/web-archived/src/lib/components/board/ImagePropertiesPanel.svelte b/apps/picture/apps/web-archived/src/lib/components/board/ImagePropertiesPanel.svelte
deleted file mode 100644
index c73055c5a..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/board/ImagePropertiesPanel.svelte
+++ /dev/null
@@ -1,419 +0,0 @@
-<script lang="ts">
-	import { selectedItems, updateCanvasItem, removeSelectedItems } from '$lib/stores/canvas';
-	import { updateBoardItem, changeBoardItemZIndex, isImageItem } from '$lib/api/boardItems';
-	import { Button, toastStore } from '@manacore/shared-ui';
-	import {
-		Image,
-		CaretDoubleUp,
-		CaretDoubleDown,
-		ArrowUp,
-		ArrowDown,
-		Trash,
-		CursorClick,
-	} from '@manacore/shared-icons';
-
-	const selectedItem = $derived($selectedItems[0] || null);
-	const hasMultipleSelected = $derived($selectedItems.length > 1);
-	const selectedImageItem = $derived(
-		selectedItem && isImageItem(selectedItem) ? selectedItem : null
-	);
-
-	// Local state for inputs (synced with selected item)
-	let positionX = $state(0);
-	let positionY = $state(0);
-	let scaleX = $state(100);
-	let scaleY = $state(100);
-	let rotation = $state(0);
-	let opacity = $state(100);
-	let lockAspectRatio = $state(true);
-
-	// Update local state when selection changes
-	$effect(() => {
-		if (selectedItem) {
-			positionX = Math.round(selectedItem.positionX);
-			positionY = Math.round(selectedItem.positionY);
-			scaleX = Math.round(selectedItem.scaleX * 100);
-			scaleY = Math.round(selectedItem.scaleY * 100);
-			rotation = Math.round(selectedItem.rotation);
-			opacity = Math.round(selectedItem.opacity * 100);
-		}
-	});
-
-	async function handlePositionChange(axis: 'x' | 'y', value: number) {
-		if (!selectedItem) return;
-
-		const updates = axis === 'x' ? { positionX: value } : { positionY: value };
-
-		updateCanvasItem(selectedItem.id, updates);
-
-		try {
-			await updateBoardItem(selectedItem.id, updates);
-		} catch (error) {
-			console.error('Error updating position:', error);
-			toastStore.show('Fehler beim Speichern', 'error');
-		}
-	}
-
-	async function handleScaleChange(axis: 'x' | 'y', percent: number) {
-		if (!selectedItem) return;
-
-		const scale = percent / 100;
-		let updates: any = {};
-
-		if (lockAspectRatio) {
-			updates = { scaleX: scale, scaleY: scale };
-			scaleX = percent;
-			scaleY = percent;
-		} else {
-			updates = axis === 'x' ? { scaleX: scale } : { scaleY: scale };
-		}
-
-		updateCanvasItem(selectedItem.id, updates);
-
-		try {
-			await updateBoardItem(selectedItem.id, updates);
-		} catch (error) {
-			console.error('Error updating scale:', error);
-			toastStore.show('Fehler beim Speichern', 'error');
-		}
-	}
-
-	async function handleRotationChange(value: number) {
-		if (!selectedItem) return;
-
-		const updates = { rotation: value };
-		updateCanvasItem(selectedItem.id, updates);
-
-		try {
-			await updateBoardItem(selectedItem.id, updates);
-		} catch (error) {
-			console.error('Error updating rotation:', error);
-			toastStore.show('Fehler beim Speichern', 'error');
-		}
-	}
-
-	async function handleOpacityChange(percent: number) {
-		if (!selectedItem) return;
-
-		const opacityValue = percent / 100;
-		const updates = { opacity: opacityValue };
-		updateCanvasItem(selectedItem.id, updates);
-
-		try {
-			await updateBoardItem(selectedItem.id, updates);
-		} catch (error) {
-			console.error('Error updating opacity:', error);
-			toastStore.show('Fehler beim Speichern', 'error');
-		}
-	}
-
-	async function handleLayerChange(direction: 'up' | 'down' | 'top' | 'bottom') {
-		if (!selectedItem) return;
-
-		try {
-			await changeBoardItemZIndex(selectedItem.id, direction);
-			toastStore.show('Layer-Reihenfolge geändert', 'success');
-		} catch (error) {
-			console.error('Error changing layer:', error);
-			toastStore.show('Fehler beim Ändern der Layer-Reihenfolge', 'error');
-		}
-	}
-
-	function handleResetTransform() {
-		if (!selectedItem) return;
-
-		positionX = 0;
-		positionY = 0;
-		scaleX = 100;
-		scaleY = 100;
-		rotation = 0;
-		opacity = 100;
-
-		handlePositionChange('x', 0);
-		handlePositionChange('y', 0);
-		handleScaleChange('x', 100);
-		handleRotationChange(0);
-		handleOpacityChange(100);
-	}
-
-	function handleDelete() {
-		removeSelectedItems();
-		toastStore.show('Bild entfernt', 'success');
-	}
-</script>
-
-{#if hasMultipleSelected}
-	<!-- Multiple Selection Info -->
-	<div
-		class="h-full overflow-y-auto border-l border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-900"
-	>
-		<div class="text-center">
-			<Image size={48} weight="regular" class="mx-auto text-gray-400" />
-			<h3 class="mt-4 text-lg font-medium text-gray-900 dark:text-gray-100">
-				{$selectedItems.length} Bilder ausgewählt
-			</h3>
-			<p class="mt-2 text-sm text-gray-500 dark:text-gray-400">
-				Multi-Bearbeitung wird bald unterstützt
-			</p>
-			<Button variant="danger" class="mt-6" onclick={handleDelete}>Alle löschen</Button>
-		</div>
-	</div>
-{:else if selectedItem}
-	<!-- Single Item Properties -->
-	<div
-		class="h-full overflow-y-auto border-l border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-900"
-	>
-		<div class="p-6">
-			<h3 class="mb-6 text-lg font-semibold text-gray-900 dark:text-gray-100">
-				Bild-Eigenschaften
-			</h3>
-
-			<!-- Image Preview -->
-			{#if selectedImageItem?.image}
-				<div class="mb-6 overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700">
-					<img src={selectedImageItem.image.publicUrl} alt="Preview" class="w-full" />
-				</div>
-
-				<!-- Prompt Info -->
-				{#if selectedImageItem.image.prompt}
-					<div class="mb-6">
-						<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-							Prompt
-						</label>
-						<p
-							class="rounded-lg bg-gray-50 p-3 text-sm text-gray-700 dark:bg-gray-800 dark:text-gray-300"
-						>
-							{selectedImageItem.image.prompt}
-						</p>
-					</div>
-				{/if}
-			{/if}
-
-			<!-- Position -->
-			<div class="mb-6">
-				<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-					Position
-				</label>
-				<div class="grid grid-cols-2 gap-3">
-					<div>
-						<label class="mb-1 block text-xs text-gray-500 dark:text-gray-400">X</label>
-						<input
-							type="number"
-							bind:value={positionX}
-							onchange={() => handlePositionChange('x', positionX)}
-							class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-						/>
-					</div>
-					<div>
-						<label class="mb-1 block text-xs text-gray-500 dark:text-gray-400">Y</label>
-						<input
-							type="number"
-							bind:value={positionY}
-							onchange={() => handlePositionChange('y', positionY)}
-							class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-						/>
-					</div>
-				</div>
-			</div>
-
-			<!-- Scale -->
-			<div class="mb-6">
-				<div class="mb-2 flex items-center justify-between">
-					<label class="text-sm font-medium text-gray-700 dark:text-gray-300"> Skalierung </label>
-					<button
-						onclick={() => (lockAspectRatio = !lockAspectRatio)}
-						class="text-xs text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300"
-					>
-						{lockAspectRatio ? '🔒 Gesperrt' : '🔓 Frei'}
-					</button>
-				</div>
-				<div class="grid grid-cols-2 gap-3">
-					<div>
-						<label class="mb-1 block text-xs text-gray-500 dark:text-gray-400">Breite %</label>
-						<input
-							type="number"
-							bind:value={scaleX}
-							onchange={() => handleScaleChange('x', scaleX)}
-							min="1"
-							max="500"
-							class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-						/>
-					</div>
-					<div>
-						<label class="mb-1 block text-xs text-gray-500 dark:text-gray-400">Höhe %</label>
-						<input
-							type="number"
-							bind:value={scaleY}
-							onchange={() => handleScaleChange('y', scaleY)}
-							min="1"
-							max="500"
-							disabled={lockAspectRatio}
-							class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-						/>
-					</div>
-				</div>
-				<input
-					type="range"
-					bind:value={scaleX}
-					oninput={() => handleScaleChange('x', scaleX)}
-					min="10"
-					max="300"
-					class="mt-3 w-full"
-				/>
-			</div>
-
-			<!-- Rotation -->
-			<div class="mb-6">
-				<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-					Rotation: {rotation}°
-				</label>
-				<input
-					type="range"
-					bind:value={rotation}
-					oninput={() => handleRotationChange(rotation)}
-					min="0"
-					max="360"
-					class="w-full"
-				/>
-				<div class="mt-2 grid grid-cols-4 gap-2">
-					<button
-						onclick={() => {
-							rotation = 0;
-							handleRotationChange(0);
-						}}
-						class="rounded bg-gray-100 px-2 py-1 text-xs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
-					>
-						0°
-					</button>
-					<button
-						onclick={() => {
-							rotation = 90;
-							handleRotationChange(90);
-						}}
-						class="rounded bg-gray-100 px-2 py-1 text-xs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
-					>
-						90°
-					</button>
-					<button
-						onclick={() => {
-							rotation = 180;
-							handleRotationChange(180);
-						}}
-						class="rounded bg-gray-100 px-2 py-1 text-xs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
-					>
-						180°
-					</button>
-					<button
-						onclick={() => {
-							rotation = 270;
-							handleRotationChange(270);
-						}}
-						class="rounded bg-gray-100 px-2 py-1 text-xs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
-					>
-						270°
-					</button>
-				</div>
-			</div>
-
-			<!-- Opacity -->
-			<div class="mb-6">
-				<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-					Deckkraft: {opacity}%
-				</label>
-				<input
-					type="range"
-					bind:value={opacity}
-					oninput={() => handleOpacityChange(opacity)}
-					min="0"
-					max="100"
-					class="w-full"
-				/>
-			</div>
-
-			<!-- Layer Order -->
-			<div class="mb-6">
-				<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-					Layer-Reihenfolge
-				</label>
-				<div class="grid grid-cols-2 gap-2">
-					<button
-						onclick={() => handleLayerChange('top')}
-						class="flex items-center justify-center gap-2 rounded-lg border border-gray-300 px-3 py-2 text-sm hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-800"
-					>
-						<CaretDoubleUp size={16} />
-						Nach vorne
-					</button>
-					<button
-						onclick={() => handleLayerChange('bottom')}
-						class="flex items-center justify-center gap-2 rounded-lg border border-gray-300 px-3 py-2 text-sm hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-800"
-					>
-						<CaretDoubleDown size={16} />
-						Nach hinten
-					</button>
-					<button
-						onclick={() => handleLayerChange('up')}
-						class="flex items-center justify-center gap-2 rounded-lg border border-gray-300 px-3 py-2 text-sm hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-800"
-					>
-						<ArrowUp size={16} />
-						Eine Ebene
-					</button>
-					<button
-						onclick={() => handleLayerChange('down')}
-						class="flex items-center justify-center gap-2 rounded-lg border border-gray-300 px-3 py-2 text-sm hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-800"
-					>
-						<ArrowDown size={16} />
-						Eine Ebene
-					</button>
-				</div>
-			</div>
-
-			<!-- Dimensions Info -->
-			<div class="mb-6 rounded-lg bg-gray-50 p-3 dark:bg-gray-800">
-				<div class="text-xs text-gray-500 dark:text-gray-400">
-					{#if selectedImageItem?.image}
-						<div class="flex justify-between py-1">
-							<span>Original:</span>
-							<span class="font-medium"
-								>{selectedImageItem.image.width} × {selectedImageItem.image.height}px</span
-							>
-						</div>
-						<div class="flex justify-between py-1">
-							<span>Aktuell:</span>
-							<span class="font-medium">
-								{Math.round((selectedImageItem.image.width || 0) * selectedItem.scaleX)} ×
-								{Math.round((selectedImageItem.image.height || 0) * selectedItem.scaleY)}px
-							</span>
-						</div>
-					{/if}
-					<div class="flex justify-between py-1">
-						<span>Z-Index:</span>
-						<span class="font-medium">{selectedItem.zIndex}</span>
-					</div>
-				</div>
-			</div>
-
-			<!-- Actions -->
-			<div class="space-y-2">
-				<Button variant="outline" class="w-full" onclick={handleResetTransform}>
-					Transform zurücksetzen
-				</Button>
-				<Button variant="danger" class="w-full" onclick={handleDelete}>
-					<Trash size={16} class="mr-2" />
-					Bild entfernen
-				</Button>
-			</div>
-		</div>
-	</div>
-{:else}
-	<!-- No Selection -->
-	<div
-		class="flex h-full items-center justify-center border-l border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-900"
-	>
-		<div class="text-center">
-			<CursorClick size={48} weight="thin" class="mx-auto text-gray-300 dark:text-gray-600" />
-			<p class="mt-4 text-sm text-gray-500 dark:text-gray-400">
-				Wähle ein Bild aus, um<br />seine Eigenschaften zu bearbeiten
-			</p>
-		</div>
-	</div>
-{/if}
diff --git a/apps/picture/apps/web-archived/src/lib/components/branding/PictureLogo.svelte b/apps/picture/apps/web-archived/src/lib/components/branding/PictureLogo.svelte
deleted file mode 100644
index 0d75ea73c..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/branding/PictureLogo.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	interface Props {
-		size?: number;
-		class?: string;
-	}
-
-	let { size = 48, class: className = '' }: Props = $props();
-</script>
-
-<svg
-	width={size}
-	height={size}
-	viewBox="0 0 48 48"
-	fill="none"
-	xmlns="http://www.w3.org/2000/svg"
-	class={className}
->
-	<!-- Camera/Picture Frame -->
-	<rect x="4" y="8" width="40" height="32" rx="4" fill="currentColor" opacity="0.1" />
-	<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" />
-
-	<!-- Mountain/Landscape -->
-	<path d="M8 36L18 22L24 30L32 18L40 36H8Z" fill="currentColor" opacity="0.2" />
-	<path
-		d="M8 36L18 22L24 30L32 18L40 36"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	/>
-
-	<!-- Sun -->
-	<circle cx="36" cy="16" r="4" fill="currentColor" />
-
-	<!-- Lens aperture hint at top -->
-	<circle cx="24" cy="4" r="2" fill="currentColor" />
-</svg>
diff --git a/apps/picture/apps/web-archived/src/lib/components/gallery/GalleryGrid.svelte b/apps/picture/apps/web-archived/src/lib/components/gallery/GalleryGrid.svelte
deleted file mode 100644
index 60fb226eb..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/gallery/GalleryGrid.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts">
-	import type { Image } from '$lib/api/images';
-	import ImageCard from './ImageCard.svelte';
-	import { selectedImage } from '$lib/stores/images';
-	import { viewMode } from '$lib/stores/view';
-	import type { ViewMode } from '$lib/stores/view';
-	import { Image as ImageIcon } from '@manacore/shared-icons';
-
-	interface Props {
-		images: Image[];
-	}
-
-	let { images }: Props = $props();
-
-	function handleImageClick(image: Image) {
-		selectedImage.set(image);
-	}
-
-	function getGridClass(mode: ViewMode) {
-		switch (mode) {
-			case 'single':
-				return 'grid grid-cols-1 gap-4 max-w-2xl mx-auto';
-			case 'grid3':
-				return 'grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3';
-			case 'grid5':
-				return 'grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5';
-		}
-	}
-</script>
-
-{#if images.length === 0}
-	<div class="flex min-h-[400px] items-center justify-center rounded-lg bg-white p-8 shadow">
-		<div class="text-center">
-			<ImageIcon size={96} weight="thin" class="mx-auto text-gray-400" />
-			<h2 class="mt-4 text-xl font-semibold text-gray-900">No images yet</h2>
-			<p class="mt-2 text-gray-600">Start generating AI images to see them here.</p>
-			<a
-				href="/app/generate"
-				class="mt-6 inline-flex items-center justify-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700"
-			>
-				Generate Image
-			</a>
-		</div>
-	</div>
-{:else}
-	<!-- Gallery Grid with dynamic view mode -->
-	<div class={getGridClass($viewMode)}>
-		{#each images as image (image.id)}
-			<ImageCard {image} onclick={() => handleImageClick(image)} viewMode={$viewMode} />
-		{/each}
-	</div>
-{/if}
diff --git a/apps/picture/apps/web-archived/src/lib/components/gallery/ImageCard.svelte b/apps/picture/apps/web-archived/src/lib/components/gallery/ImageCard.svelte
deleted file mode 100644
index 7c832e63b..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/gallery/ImageCard.svelte
+++ /dev/null
@@ -1,80 +0,0 @@
-<script lang="ts">
-	import type { Image } from '$lib/api/images';
-	import type { ViewMode } from '$lib/stores/view';
-	import { showContextMenu } from '$lib/stores/contextMenu';
-
-	interface Props {
-		image: Image;
-		onclick?: () => void;
-		viewMode?: ViewMode;
-	}
-
-	let { image, onclick, viewMode = 'grid3' }: Props = $props();
-	let imageLoaded = $state(false);
-
-	function handleContextMenu(e: MouseEvent) {
-		e.preventDefault();
-		showContextMenu(e.clientX, e.clientY, image);
-	}
-
-	function formatDate(dateString: string) {
-		const date = new Date(dateString);
-		return new Intl.DateTimeFormat('de-DE', {
-			day: '2-digit',
-			month: 'short',
-			year: 'numeric',
-		}).format(date);
-	}
-
-	function handleImageLoad() {
-		imageLoaded = true;
-	}
-
-	// Different aspect ratios based on view mode
-	const aspectClass = $derived(viewMode === 'single' ? 'aspect-[4/3]' : 'aspect-square');
-
-	// Text size based on view mode
-	const textSizeClass = $derived(
-		viewMode === 'single' ? 'text-base' : viewMode === 'grid3' ? 'text-sm' : 'text-xs'
-	);
-</script>
-
-<button
-	class="group relative overflow-hidden rounded-lg bg-gray-100 transition-all hover:shadow-xl dark:bg-gray-800"
-	{onclick}
-	oncontextmenu={handleContextMenu}
-	type="button"
->
-	<div class="w-full {aspectClass}">
-		<img
-			src={image.publicUrl}
-			alt={image.prompt}
-			class="h-full w-full object-cover transition-opacity duration-300 {imageLoaded
-				? 'opacity-100'
-				: 'opacity-15'}"
-			loading="lazy"
-			onload={handleImageLoad}
-		/>
-	</div>
-
-	<div
-		class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 transition-opacity group-hover:opacity-100"
-	>
-		<div class="absolute bottom-0 left-0 right-0 p-4 text-left">
-			<p class="mb-1 text-base font-medium text-white">
-				{image.prompt}
-			</p>
-			{#if viewMode !== 'grid5'}
-				<p class="text-sm text-white/80">
-					{formatDate(image.createdAt)}
-				</p>
-			{/if}
-		</div>
-	</div>
-
-	{#if image.archivedAt}
-		<div class="absolute right-2 top-2 rounded-full bg-black/50 px-2 py-1 text-xs text-white">
-			Archived
-		</div>
-	{/if}
-</button>
diff --git a/apps/picture/apps/web-archived/src/lib/components/gallery/ImageDetailModal.svelte b/apps/picture/apps/web-archived/src/lib/components/gallery/ImageDetailModal.svelte
deleted file mode 100644
index 625da4072..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/gallery/ImageDetailModal.svelte
+++ /dev/null
@@ -1,633 +0,0 @@
-<script lang="ts">
-	import type { Image } from '$lib/api/images';
-	import type { Tag } from '$lib/api/tags';
-	import {
-		archiveImage,
-		deleteImage,
-		downloadImage,
-		publishImage,
-		unpublishImage,
-	} from '$lib/api/images';
-	import { selectedImage } from '$lib/stores/images';
-	import { imageCollection } from '$lib/data/local-store';
-	import { toastStore } from '@manacore/shared-ui';
-	import { fade, fly } from 'svelte/transition';
-	import { getImageTags, addTagToImage, removeTagFromImage } from '$lib/api/tags';
-	import { getContext } from 'svelte';
-	import type { Tag as SharedTag } from '@manacore/shared-tags';
-	import {
-		X,
-		Info,
-		Tag as TagIcon,
-		DownloadSimple,
-		Globe,
-		CaretLeft,
-		CaretRight,
-		Archive,
-		Trash,
-		Check,
-	} from '@manacore/shared-icons';
-
-	interface Props {
-		image: Image | null;
-		onClose: () => void;
-	}
-
-	let { image, onClose }: Props = $props();
-
-	const sharedTags: { value: SharedTag[] } = getContext('tags');
-	const allImages: { value: Image[] } = getContext('allImages');
-
-	let isArchiving = $state(false);
-	let isDeleting = $state(false);
-	let imageTags = $state<Tag[]>([]);
-	let showInfo = $state(false);
-	let showTagModal = $state(false);
-	let showPublishModal = $state(false);
-	let isPublishing = $state(false);
-
-	// Derive allTags from the shared context
-	let allTags = $derived(
-		sharedTags.value.map(
-			(t): Tag => ({
-				id: t.id,
-				name: t.name,
-				color: t.color,
-				createdAt: t.createdAt,
-			})
-		)
-	);
-
-	// Get current image index
-	const currentIndex = $derived(
-		image ? allImages.value.findIndex((img) => img.id === image?.id) : -1
-	);
-
-	const hasPrevious = $derived(currentIndex > 0);
-	const hasNext = $derived(currentIndex >= 0 && currentIndex < allImages.value.length - 1);
-
-	// Load tags for current image
-	$effect(() => {
-		if (image) {
-			loadImageTags(image.id);
-		}
-	});
-
-	async function loadImageTags(imageId: string) {
-		try {
-			imageTags = await getImageTags(imageId);
-		} catch (error) {
-			console.error('Error loading image tags:', error);
-		}
-	}
-
-	function navigatePrevious() {
-		if (hasPrevious) {
-			selectedImage.set(allImages.value[currentIndex - 1]);
-		}
-	}
-
-	function navigateNext() {
-		if (hasNext) {
-			selectedImage.set(allImages.value[currentIndex + 1]);
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (!image) return;
-
-		switch (e.key) {
-			case 'Escape':
-				onClose();
-				break;
-			case 'ArrowLeft':
-				navigatePrevious();
-				break;
-			case 'ArrowRight':
-				navigateNext();
-				break;
-			case 'i':
-			case 'I':
-				showInfo = !showInfo;
-				break;
-		}
-	}
-
-	async function handleArchive() {
-		if (!image) return;
-		const imageId = image.id;
-
-		isArchiving = true;
-		try {
-			// Update locally (live query auto-refreshes)
-			await imageCollection.update(imageId, { archivedAt: new Date().toISOString() });
-			toastStore.show('Bild erfolgreich archiviert', 'success');
-			onClose();
-		} catch (error) {
-			console.error('Error archiving image:', error);
-			toastStore.show('Fehler beim Archivieren des Bildes', 'error');
-		} finally {
-			isArchiving = false;
-		}
-	}
-
-	async function handleDelete() {
-		if (!image) return;
-		const imageId = image.id;
-		if (
-			!confirm(
-				'Bist du sicher, dass du dieses Bild löschen möchtest? Diese Aktion kann nicht rückgängig gemacht werden.'
-			)
-		)
-			return;
-
-		isDeleting = true;
-		try {
-			// Delete locally (live query auto-refreshes)
-			await imageCollection.delete(imageId);
-			toastStore.show('Bild erfolgreich gelöscht', 'success');
-			onClose();
-		} catch (error) {
-			console.error('Error deleting image:', error);
-			toastStore.show('Fehler beim Löschen des Bildes', 'error');
-		} finally {
-			isDeleting = false;
-		}
-	}
-
-	function handleDownload() {
-		if (!image || !image.publicUrl) return;
-		const filename = `picture-${image.id}.png`;
-		downloadImage(image.publicUrl, filename);
-		toastStore.show('Download gestartet', 'success');
-	}
-
-	function formatDate(dateString: string) {
-		const date = new Date(dateString);
-		return new Intl.DateTimeFormat('de-DE', {
-			day: '2-digit',
-			month: 'long',
-			year: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit',
-		}).format(date);
-	}
-
-	function openTagModal() {
-		showTagModal = true;
-	}
-
-	function closeTagModal() {
-		showTagModal = false;
-	}
-
-	async function handleToggleTag(tag: Tag) {
-		if (!image) return;
-
-		const isTagged = imageTags.some((t) => t.id === tag.id);
-
-		try {
-			if (isTagged) {
-				await removeTagFromImage(image.id, tag.id);
-				imageTags = imageTags.filter((t) => t.id !== tag.id);
-				toastStore.show('Tag entfernt', 'success');
-			} else {
-				await addTagToImage(image.id, tag.id);
-				imageTags = [...imageTags, tag];
-				toastStore.show('Tag hinzugefügt', 'success');
-			}
-		} catch (error) {
-			console.error('Error toggling tag:', error);
-			toastStore.show('Fehler beim Aktualisieren des Tags', 'error');
-		}
-	}
-
-	function openPublishModal() {
-		showPublishModal = true;
-	}
-
-	function closePublishModal() {
-		showPublishModal = false;
-	}
-
-	async function handlePublish() {
-		if (!image) return;
-
-		isPublishing = true;
-		try {
-			await publishImage(image.id);
-			// Update local image state
-			if (image) {
-				image = { ...image, isPublic: true };
-			}
-			toastStore.show('Bild erfolgreich veröffentlicht!', 'success');
-			closePublishModal();
-		} catch (error) {
-			console.error('Error publishing image:', error);
-			toastStore.show('Fehler beim Veröffentlichen des Bildes', 'error');
-		} finally {
-			isPublishing = false;
-		}
-	}
-
-	async function handleUnpublish() {
-		if (!image) return;
-
-		isPublishing = true;
-		try {
-			await unpublishImage(image.id);
-			// Update local image state
-			if (image) {
-				image = { ...image, isPublic: false };
-			}
-			toastStore.show('Bild nicht mehr öffentlich', 'success');
-			closePublishModal();
-		} catch (error) {
-			console.error('Error unpublishing image:', error);
-			toastStore.show('Fehler beim Entfernen der Veröffentlichung', 'error');
-		} finally {
-			isPublishing = false;
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if image}
-	<!-- Fullscreen Viewer -->
-	<div
-		class="fixed inset-0 z-50 bg-black"
-		transition:fade={{ duration: 200 }}
-		onclick={onClose}
-		role="dialog"
-		aria-modal="true"
-	>
-		<!-- Close Button -->
-		<button
-			onclick={onClose}
-			class="fixed right-4 top-4 z-[60] flex h-12 w-12 items-center justify-center rounded-full bg-white/10 text-white backdrop-blur-xl transition-all hover:bg-white/20"
-			aria-label="Schließen"
-		>
-			<X size={24} weight="bold" />
-		</button>
-
-		<!-- Info Toggle -->
-		<button
-			onclick={(e) => {
-				e.stopPropagation();
-				showInfo = !showInfo;
-			}}
-			class="fixed right-4 top-20 z-[60] flex h-12 w-12 items-center justify-center rounded-full bg-white/10 text-white backdrop-blur-xl transition-all hover:bg-white/20 {showInfo
-				? 'bg-white/20'
-				: ''}"
-			aria-label="Info anzeigen"
-		>
-			<Info size={24} />
-		</button>
-
-		<!-- Tags Button -->
-		<button
-			onclick={(e) => {
-				e.stopPropagation();
-				openTagModal();
-			}}
-			class="fixed right-4 top-36 z-[60] flex h-12 w-12 items-center justify-center rounded-full bg-white/10 text-white backdrop-blur-xl transition-all hover:bg-white/20"
-			aria-label="Tags verwalten"
-		>
-			<TagIcon size={24} />
-		</button>
-
-		<!-- Download Button -->
-		<button
-			onclick={(e) => {
-				e.stopPropagation();
-				handleDownload();
-			}}
-			class="fixed right-4 top-52 z-[60] flex h-12 w-12 items-center justify-center rounded-full bg-white/10 text-white backdrop-blur-xl transition-all hover:bg-white/20"
-			aria-label="Download"
-		>
-			<DownloadSimple size={24} />
-		</button>
-
-		<!-- Publish Button -->
-		<button
-			onclick={(e) => {
-				e.stopPropagation();
-				openPublishModal();
-			}}
-			class="fixed right-4 top-[17rem] z-[60] flex h-12 w-12 items-center justify-center rounded-full transition-all {image?.isPublic
-				? 'bg-green-500/20 text-green-400 hover:bg-green-500/30'
-				: 'bg-white/10 text-white hover:bg-white/20'} backdrop-blur-xl"
-			aria-label="Veröffentlichen"
-		>
-			<Globe size={24} />
-		</button>
-
-		<!-- Main Image Container -->
-		<div class="flex h-full w-full items-center justify-center p-4 pb-16">
-			<!-- Previous Button -->
-			{#if hasPrevious}
-				<button
-					onclick={(e) => {
-						e.stopPropagation();
-						navigatePrevious();
-					}}
-					class="absolute left-4 top-1/2 z-[60] flex h-14 w-14 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white backdrop-blur-xl transition-all hover:bg-white/20"
-					aria-label="Vorheriges Bild"
-				>
-					<CaretLeft size={28} weight="bold" />
-				</button>
-			{/if}
-
-			<!-- Image -->
-			<img
-				src={image.publicUrl}
-				alt={image.prompt}
-				class="max-h-full max-w-full object-contain"
-				onclick={(e) => e.stopPropagation()}
-			/>
-
-			<!-- Next Button -->
-			{#if hasNext}
-				<button
-					onclick={(e) => {
-						e.stopPropagation();
-						navigateNext();
-					}}
-					class="absolute right-4 top-1/2 z-[60] flex h-14 w-14 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white backdrop-blur-xl transition-all hover:bg-white/20"
-					aria-label="Nächstes Bild"
-				>
-					<CaretRight size={28} weight="bold" />
-				</button>
-			{/if}
-		</div>
-
-		<!-- Bottom Bar with Info -->
-		<div class="fixed bottom-0 left-0 right-0 z-[60] p-4">
-			<div class="mx-auto max-w-4xl">
-				<!-- Prompt Preview (always visible) -->
-				<div class="mb-2" onclick={(e) => e.stopPropagation()}>
-					<p class="text-center text-sm text-white/90">
-						{image.prompt}
-					</p>
-				</div>
-
-				<!-- Detailed Info Panel (toggleable) -->
-				{#if showInfo}
-					<div
-						class="rounded-2xl bg-white/10 p-6 backdrop-blur-xl"
-						onclick={(e) => e.stopPropagation()}
-						transition:fly={{ y: 20, duration: 200 }}
-					>
-						<div class="grid gap-4 md:grid-cols-2">
-							<!-- Left Column -->
-							<div class="space-y-4">
-								<div>
-									<h3 class="mb-1 text-xs font-semibold uppercase tracking-wide text-white/60">
-										Prompt
-									</h3>
-									<p class="text-sm text-white">{image.prompt}</p>
-								</div>
-
-								<div>
-									<h3 class="mb-1 text-xs font-semibold uppercase tracking-wide text-white/60">
-										Model
-									</h3>
-									<p class="text-sm text-white">{image.model || 'Unknown'}</p>
-								</div>
-
-								{#if imageTags.length > 0}
-									<div>
-										<h3 class="mb-2 text-xs font-semibold uppercase tracking-wide text-white/60">
-											Tags
-										</h3>
-										<div class="flex flex-wrap gap-2">
-											{#each imageTags as tag}
-												<span
-													class="inline-flex items-center gap-1.5 rounded-full bg-white/20 px-3 py-1 text-xs text-white backdrop-blur-xl"
-												>
-													{#if tag.color}
-														<span
-															class="h-2 w-2 rounded-full"
-															style="background-color: {tag.color};"
-														></span>
-													{/if}
-													{tag.name}
-												</span>
-											{/each}
-										</div>
-									</div>
-								{/if}
-							</div>
-
-							<!-- Right Column -->
-							<div class="space-y-4">
-								<div>
-									<h3 class="mb-1 text-xs font-semibold uppercase tracking-wide text-white/60">
-										Erstellt
-									</h3>
-									<p class="text-sm text-white">{formatDate(image.createdAt)}</p>
-								</div>
-
-								<!-- Actions -->
-								<div class="flex gap-2">
-									<button
-										onclick={handleDownload}
-										class="flex flex-1 items-center justify-center gap-2 rounded-lg bg-white/20 px-4 py-2.5 text-sm font-medium text-white backdrop-blur-xl transition-all hover:bg-white/30"
-									>
-										<DownloadSimple size={16} />
-										Download
-									</button>
-
-									<button
-										onclick={handleArchive}
-										disabled={isArchiving || isDeleting}
-										class="flex items-center justify-center gap-2 rounded-lg bg-white/20 px-4 py-2.5 text-sm font-medium text-white backdrop-blur-xl transition-all hover:bg-white/30 disabled:opacity-50"
-									>
-										<Archive size={16} />
-									</button>
-
-									<button
-										onclick={handleDelete}
-										disabled={isArchiving || isDeleting}
-										class="flex items-center justify-center gap-2 rounded-lg bg-red-500/20 px-4 py-2.5 text-sm font-medium text-white backdrop-blur-xl transition-all hover:bg-red-500/30 disabled:opacity-50"
-									>
-										<Trash size={16} />
-									</button>
-								</div>
-							</div>
-						</div>
-					</div>
-				{/if}
-			</div>
-		</div>
-	</div>
-
-	<!-- Tag Modal -->
-	{#if showTagModal}
-		<div
-			class="fixed inset-0 z-[70] flex items-center justify-center bg-black/80 p-4"
-			transition:fade={{ duration: 200 }}
-			onclick={closeTagModal}
-			role="dialog"
-			aria-modal="true"
-		>
-			<div
-				class="w-full max-w-lg rounded-2xl bg-white p-6 dark:bg-gray-800"
-				onclick={(e) => e.stopPropagation()}
-				transition:fly={{ y: 20, duration: 200 }}
-			>
-				<div class="mb-4 flex items-center justify-between">
-					<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Tags verwalten</h2>
-					<button
-						onclick={closeTagModal}
-						class="flex h-8 w-8 items-center justify-center rounded-full text-gray-500 transition-colors hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
-						aria-label="Schließen"
-					>
-						<X size={20} weight="bold" />
-					</button>
-				</div>
-
-				{#if allTags.length === 0}
-					<p class="py-8 text-center text-gray-500 dark:text-gray-400">Keine Tags verfügbar</p>
-				{:else}
-					<div class="max-h-96 space-y-2 overflow-y-auto">
-						{#each allTags as tag}
-							{@const isSelected = imageTags.some((t) => t.id === tag.id)}
-							<button
-								onclick={() => handleToggleTag(tag)}
-								class="flex w-full items-center justify-between rounded-lg border p-3 text-left transition-all {isSelected
-									? 'border-blue-500 bg-blue-50 dark:border-blue-400 dark:bg-blue-900/20'
-									: 'border-gray-200 bg-white hover:border-gray-300 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-700 dark:hover:border-gray-500 dark:hover:bg-gray-600'}"
-							>
-								<div class="flex items-center gap-3">
-									{#if tag.color}
-										<span class="h-4 w-4 rounded-full" style="background-color: {tag.color};"
-										></span>
-									{/if}
-									<span
-										class="font-medium {isSelected
-											? 'text-blue-900 dark:text-blue-100'
-											: 'text-gray-900 dark:text-gray-100'}"
-									>
-										{tag.name}
-									</span>
-								</div>
-								{#if isSelected}
-									<Check size={20} weight="bold" class="text-blue-600 dark:text-blue-400" />
-								{/if}
-							</button>
-						{/each}
-					</div>
-				{/if}
-
-				<div class="mt-4 flex justify-end">
-					<button
-						onclick={closeTagModal}
-						class="rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600"
-					>
-						Fertig
-					</button>
-				</div>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Publish Modal -->
-	{#if showPublishModal && image}
-		<div
-			class="fixed inset-0 z-[70] flex items-center justify-center bg-black/80 p-4"
-			transition:fade={{ duration: 200 }}
-			onclick={closePublishModal}
-			role="dialog"
-			aria-modal="true"
-		>
-			<div
-				class="w-full max-w-md rounded-2xl bg-white p-6 dark:bg-gray-800"
-				onclick={(e) => e.stopPropagation()}
-				transition:fly={{ y: 20, duration: 200 }}
-			>
-				<div class="mb-4 flex items-center justify-between">
-					<h2 class="text-xl font-semibold text-gray-900 dark:text-white">
-						{image.isPublic ? 'Veröffentlichung entfernen' : 'Bild veröffentlichen'}
-					</h2>
-					<button
-						onclick={closePublishModal}
-						class="flex h-8 w-8 items-center justify-center rounded-full text-gray-500 transition-colors hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
-						aria-label="Schließen"
-					>
-						<X size={20} weight="bold" />
-					</button>
-				</div>
-
-				{#if image.isPublic}
-					<div class="mb-6">
-						<p class="text-gray-600 dark:text-gray-400">
-							Dieses Bild ist derzeit öffentlich und kann von anderen Nutzern im Explore-Bereich
-							gesehen werden.
-						</p>
-						<p class="mt-2 text-gray-600 dark:text-gray-400">
-							Möchtest du die Veröffentlichung entfernen?
-						</p>
-					</div>
-
-					<div class="flex gap-3">
-						<button
-							onclick={closePublishModal}
-							disabled={isPublishing}
-							class="flex-1 rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700"
-						>
-							Abbrechen
-						</button>
-						<button
-							onclick={handleUnpublish}
-							disabled={isPublishing}
-							class="flex flex-1 items-center justify-center gap-2 rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-red-700 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-red-500 dark:hover:bg-red-600"
-						>
-							{#if isPublishing}
-								<div
-									class="h-4 w-4 animate-spin rounded-full border-2 border-solid border-white border-r-transparent"
-								></div>
-							{/if}
-							Entfernen
-						</button>
-					</div>
-				{:else}
-					<div class="mb-6">
-						<p class="text-gray-600 dark:text-gray-400">
-							Möchtest du dieses Bild veröffentlichen? Es wird dann im Explore-Bereich für alle
-							Nutzer sichtbar sein.
-						</p>
-						<div class="mt-4 rounded-lg bg-blue-50 p-3 dark:bg-blue-900/20">
-							<p class="text-sm text-blue-800 dark:text-blue-300">
-								💡 Tipp: Füge Tags hinzu, damit andere Nutzer dein Bild leichter finden können.
-							</p>
-						</div>
-					</div>
-
-					<div class="flex gap-3">
-						<button
-							onclick={closePublishModal}
-							disabled={isPublishing}
-							class="flex-1 rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700"
-						>
-							Abbrechen
-						</button>
-						<button
-							onclick={handlePublish}
-							disabled={isPublishing}
-							class="flex flex-1 items-center justify-center gap-2 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-blue-500 dark:hover:bg-blue-600"
-						>
-							{#if isPublishing}
-								<div
-									class="h-4 w-4 animate-spin rounded-full border-2 border-solid border-white border-r-transparent"
-								></div>
-							{/if}
-							Veröffentlichen
-						</button>
-					</div>
-				{/if}
-			</div>
-		</div>
-	{/if}
-{/if}
diff --git a/apps/picture/apps/web-archived/src/lib/components/gallery/QuickGenerateBar.svelte b/apps/picture/apps/web-archived/src/lib/components/gallery/QuickGenerateBar.svelte
deleted file mode 100644
index ce51f215e..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/gallery/QuickGenerateBar.svelte
+++ /dev/null
@@ -1,348 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { models, selectedModel, isLoadingModels } from '$lib/stores/models';
-	import { isGenerating, generationProgress, generationError } from '$lib/stores/generate';
-	import { isSidebarCollapsed } from '$lib/stores/sidebar';
-	import { getActiveModels } from '$lib/api/models';
-	import { generateImageAsync, subscribeToGenerationUpdates } from '$lib/api/generate-async';
-	import { toastStore } from '@manacore/shared-ui';
-	import { onMount } from 'svelte';
-	import AdvancedSettingsModal, {
-		type AdvancedSettings,
-		type AspectRatio,
-	} from '$lib/components/generate/AdvancedSettingsModal.svelte';
-	import { Gear, Lightning, X } from '@manacore/shared-icons';
-
-	interface Props {
-		onGenerated?: () => void;
-	}
-
-	let { onGenerated }: Props = $props();
-
-	let prompt = $state('');
-	let isExpanded = $state(false);
-	let selectedModelId = $state('');
-	let showAdvancedSettings = $state(false);
-
-	// Advanced settings with defaults
-	let advancedSettings = $state<AdvancedSettings>({
-		imageCount: 1,
-		aspectRatio: { label: 'Quadratisch', value: 'square', width: 1024, height: 1024 },
-		steps: 50,
-		guidanceScale: 7.5,
-	});
-
-	// Update advanced settings when model changes
-	$effect(() => {
-		if ($selectedModel) {
-			// Update defaults from model
-			advancedSettings.steps = $selectedModel.defaultSteps || 50;
-			advancedSettings.guidanceScale = $selectedModel.defaultGuidanceScale || 7.5;
-		}
-	});
-
-	onMount(async () => {
-		await loadModels();
-	});
-
-	async function loadModels() {
-		isLoadingModels.set(true);
-		try {
-			const data = await getActiveModels();
-			models.set(data);
-			// Select default model
-			const defaultModel = data.find((m) => m.isDefault) || data[0];
-			if (defaultModel) {
-				selectedModelId = defaultModel.id;
-				selectedModel.set(defaultModel);
-			}
-		} catch (error) {
-			console.error('Error loading models:', error);
-			toastStore.show('Fehler beim Laden der Modelle', 'error');
-		} finally {
-			isLoadingModels.set(false);
-		}
-	}
-
-	function handleModelChange() {
-		const model = $models.find((m) => m.id === selectedModelId);
-		selectedModel.set(model || null);
-	}
-
-	async function handleQuickGenerate() {
-		if (!authStore.user || !selectedModelId || !prompt.trim()) return;
-
-		isGenerating.set(true);
-		generationError.set('');
-		generationProgress.set('Generiere...');
-
-		try {
-			// Generate images based on imageCount
-			const totalImages = advancedSettings.imageCount;
-			let completedImages = 0;
-
-			for (let i = 0; i < totalImages; i++) {
-				generationProgress.set(`Generiere Bild ${i + 1}/${totalImages}...`);
-
-				// Start generation with new async API
-				const { generationId } = await generateImageAsync({
-					prompt: prompt.trim(),
-					modelId: selectedModelId,
-					width: advancedSettings.aspectRatio.width,
-					height: advancedSettings.aspectRatio.height,
-					steps: advancedSettings.steps,
-					guidanceScale: advancedSettings.guidanceScale,
-				});
-
-				// Wait for completion using realtime subscription
-				await new Promise<void>((resolve, reject) => {
-					const unsubscribe = subscribeToGenerationUpdates(generationId, (progress) => {
-						// Update progress display
-						if (progress.status === 'pending' || progress.status === 'queued') {
-							generationProgress.set(`Warte auf Verarbeitung... (${i + 1}/${totalImages})`);
-						} else if (progress.status === 'processing') {
-							generationProgress.set(`Verarbeite Bild ${i + 1}/${totalImages}...`);
-						} else if (progress.status === 'completed') {
-							unsubscribe();
-							resolve();
-						} else if (progress.status === 'failed') {
-							unsubscribe();
-							reject(new Error(progress.error || 'Bild-Generierung fehlgeschlagen'));
-						}
-					});
-
-					// Timeout after 10 minutes
-					setTimeout(() => {
-						unsubscribe();
-						reject(new Error('Timeout - bitte später in der Galerie prüfen'));
-					}, 600000);
-				});
-
-				completedImages++;
-			}
-
-			// Success
-			generationProgress.set('Fertig!');
-			toastStore.show(
-				totalImages > 1
-					? `${totalImages} Bilder erfolgreich generiert!`
-					: 'Bild erfolgreich generiert!',
-				'success'
-			);
-			prompt = '';
-			isExpanded = false;
-			onGenerated?.();
-		} catch (error) {
-			console.error('Generation error:', error);
-			const errorMessage = error instanceof Error ? error.message : 'Generierung fehlgeschlagen';
-			generationError.set(errorMessage);
-			toastStore.show(errorMessage, 'error');
-		} finally {
-			setTimeout(() => {
-				isGenerating.set(false);
-				generationProgress.set('');
-			}, 1000);
-		}
-	}
-
-	function handleSettingsUpdate(settings: AdvancedSettings) {
-		advancedSettings = settings;
-	}
-
-	function handleKeyPress(e: KeyboardEvent) {
-		if (e.key === 'Enter' && !e.shiftKey) {
-			e.preventDefault();
-			handleQuickGenerate();
-		}
-	}
-
-	const canGenerate = $derived(
-		!$isGenerating && !$isLoadingModels && prompt.trim().length > 0 && selectedModelId.length > 0
-	);
-
-	// Check if advanced settings differ from defaults
-	const hasCustomSettings = $derived(
-		advancedSettings.imageCount !== 1 ||
-			advancedSettings.aspectRatio.value !== 'square' ||
-			advancedSettings.steps !== 50 ||
-			advancedSettings.guidanceScale !== 7.5
-	);
-</script>
-
-<!-- Quick Generate Bar - Floating -->
-<div
-	class="fixed z-40 transition-all duration-300 {isExpanded
-		? 'bottom-0 left-0 right-0 lg:bottom-8 lg:right-auto lg:-translate-x-1/2 ' +
-			($isSidebarCollapsed ? 'lg:left-1/2' : 'lg:left-[calc(50%+8.5rem)]')
-		: 'bottom-8 right-8'}"
->
-	{#if isExpanded}
-		<div class="animate-in fade-in slide-in-from-bottom-4 duration-200 lg:w-[900px]">
-			<!-- Main Bar (expanded) -->
-			<div
-				class="rounded-t-3xl border-t border-gray-200/50 bg-white/80 shadow-2xl backdrop-blur-xl lg:rounded-3xl lg:border dark:border-gray-700/50 dark:bg-gray-900/80"
-			>
-				<div class="p-4">
-					<!-- Error Display -->
-					{#if $generationError}
-						<div class="mb-3 rounded-lg bg-red-50 p-3 dark:bg-red-900/20">
-							<p class="text-sm text-red-800 dark:text-red-300">{$generationError}</p>
-						</div>
-					{/if}
-
-					<!-- Progress Display -->
-					{#if $isGenerating}
-						<div class="mb-3 rounded-lg bg-blue-50 p-3 dark:bg-blue-900/20">
-							<div class="flex items-center">
-								<div
-									class="mr-3 h-4 w-4 animate-spin rounded-full border-2 border-solid border-blue-600 border-r-transparent dark:border-blue-400"
-								></div>
-								<p class="text-sm text-blue-800 dark:text-blue-300">{$generationProgress}</p>
-							</div>
-						</div>
-					{/if}
-
-					<!-- Single Row Layout -->
-					<div class="flex items-center gap-3">
-						<!-- Model Selection -->
-						<select
-							id="quick-model"
-							bind:value={selectedModelId}
-							onchange={handleModelChange}
-							disabled={$isGenerating || $isLoadingModels}
-							class="w-48 flex-shrink-0 rounded-2xl border border-gray-300 bg-white px-4 py-3 text-sm text-gray-900 transition-colors focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:cursor-not-allowed disabled:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:disabled:bg-gray-700"
-						>
-							{#if $isLoadingModels}
-								<option value="">Lade Modelle...</option>
-							{:else if $models.length === 0}
-								<option value="">Keine Modelle verfügbar</option>
-							{:else}
-								{#each $models as model}
-									<option value={model.id}>
-										{model.name}
-										{model.isDefault ? '(Standard)' : ''}
-									</option>
-								{/each}
-							{/if}
-						</select>
-
-						<!-- Input -->
-						<div class="relative h-12 flex-1">
-							<textarea
-								bind:value={prompt}
-								onkeydown={handleKeyPress}
-								disabled={$isGenerating}
-								placeholder="Beschreibe dein Bild..."
-								rows="1"
-								class="h-full w-full resize-none rounded-2xl border border-gray-300 bg-white px-4 py-3 text-sm text-gray-900 placeholder-gray-500 transition-all focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:cursor-not-allowed disabled:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:placeholder-gray-400 dark:focus:border-blue-400 dark:disabled:bg-gray-700"
-								style="max-height: 120px;"
-							></textarea>
-
-							<!-- Character count hint -->
-							{#if prompt.length > 400}
-								<span
-									class="absolute bottom-2 right-3 text-xs text-orange-600 dark:text-orange-400"
-								>
-									{prompt.length}/500
-								</span>
-							{/if}
-						</div>
-
-						<!-- Settings Button -->
-						<button
-							onclick={(e) => {
-								e.stopPropagation();
-								showAdvancedSettings = true;
-							}}
-							disabled={$isGenerating}
-							class="relative flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-gray-100/80 text-gray-600 backdrop-blur-xl transition-all hover:bg-gray-200/80 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-gray-800/80 dark:text-gray-400 dark:hover:bg-gray-700/80"
-							aria-label="Einstellungen"
-						>
-							<Gear size={20} />
-							{#if hasCustomSettings}
-								<span class="absolute right-0 top-0 flex h-3 w-3">
-									<span
-										class="absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-400 opacity-75"
-									></span>
-									<span
-										class="relative inline-flex h-3 w-3 rounded-full bg-blue-600 dark:bg-blue-500"
-									></span>
-								</span>
-							{/if}
-						</button>
-
-						<!-- Generate Button -->
-						<button
-							onclick={handleQuickGenerate}
-							disabled={!canGenerate}
-							class="flex h-12 flex-shrink-0 items-center justify-center gap-2 rounded-2xl px-6 backdrop-blur-xl transition-all disabled:cursor-not-allowed disabled:opacity-50 {canGenerate
-								? 'bg-blue-600/90 hover:bg-blue-700/90 dark:bg-blue-500/90 dark:hover:bg-blue-600/90'
-								: 'bg-gray-300/80 dark:bg-gray-700/80'}"
-							aria-label="Generieren"
-						>
-							{#if $isGenerating}
-								<div
-									class="h-5 w-5 animate-spin rounded-full border-2 border-solid border-white border-r-transparent"
-								></div>
-							{:else}
-								<Lightning size={20} weight="fill" class="text-white" />
-								<span class="text-sm font-medium text-white">Generieren</span>
-							{/if}
-						</button>
-
-						<!-- Close Button -->
-						<button
-							onclick={() => (isExpanded = false)}
-							disabled={$isGenerating}
-							class="flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-gray-100/80 text-gray-600 backdrop-blur-xl transition-all hover:bg-gray-200/80 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-gray-800/80 dark:text-gray-400 dark:hover:bg-gray-700/80"
-							aria-label="Schließen"
-						>
-							<X size={20} weight="bold" />
-						</button>
-					</div>
-				</div>
-			</div>
-		</div>
-	{:else}
-		<!-- Collapsed Button (bottom right) -->
-		<div class="animate-in fade-in slide-in-from-bottom-4 hidden duration-200 lg:block">
-			<button
-				onclick={() => (isExpanded = true)}
-				disabled={$isGenerating}
-				class="flex h-14 items-center justify-center gap-2 rounded-full bg-blue-600/90 px-6 text-white shadow-2xl backdrop-blur-xl transition-all hover:scale-105 hover:bg-blue-700/90 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-blue-500/90 dark:hover:bg-blue-600/90"
-				aria-label="Generieren"
-			>
-				<Lightning size={24} weight="fill" />
-				<span class="text-sm font-medium">Bild generieren</span>
-			</button>
-		</div>
-
-		<!-- Mobile: Always show bar at bottom -->
-		<div class="lg:hidden">
-			<div
-				class="rounded-t-3xl border-t border-gray-200/50 bg-white/80 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/80"
-			>
-				<div class="flex items-center gap-3 p-4">
-					<button
-						onclick={() => (isExpanded = true)}
-						disabled={$isGenerating}
-						class="flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-blue-600/90 text-white backdrop-blur-xl transition-all hover:bg-blue-700/90 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-blue-500/90 dark:hover:bg-blue-600/90"
-						aria-label="Erweitern"
-					>
-						<Lightning size={24} weight="fill" />
-					</button>
-					<div class="flex-1 text-sm text-gray-600 dark:text-gray-400">Bild generieren...</div>
-				</div>
-			</div>
-		</div>
-	{/if}
-</div>
-
-<!-- Advanced Settings Modal -->
-<AdvancedSettingsModal
-	isOpen={showAdvancedSettings}
-	onClose={() => (showAdvancedSettings = false)}
-	settings={advancedSettings}
-	onUpdate={handleSettingsUpdate}
-/>
diff --git a/apps/picture/apps/web-archived/src/lib/components/generate/AdvancedSettingsModal.svelte b/apps/picture/apps/web-archived/src/lib/components/generate/AdvancedSettingsModal.svelte
deleted file mode 100644
index a7a0f62a8..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/generate/AdvancedSettingsModal.svelte
+++ /dev/null
@@ -1,252 +0,0 @@
-<script lang="ts">
-	import { fly, fade } from 'svelte/transition';
-	import { X } from '@manacore/shared-icons';
-
-	export interface AspectRatio {
-		label: string;
-		value: string;
-		width: number;
-		height: number;
-	}
-
-	export interface AdvancedSettings {
-		imageCount: number;
-		aspectRatio: AspectRatio;
-		steps: number;
-		guidanceScale: number;
-	}
-
-	interface Props {
-		isOpen: boolean;
-		onClose: () => void;
-		settings: AdvancedSettings;
-		onUpdate: (settings: AdvancedSettings) => void;
-	}
-
-	let { isOpen, onClose, settings, onUpdate }: Props = $props();
-
-	// Available aspect ratios (compatible with most models)
-	const aspectRatios: AspectRatio[] = [
-		{ label: 'Quadratisch', value: 'square', width: 1024, height: 1024 },
-		{ label: 'Hochformat', value: 'portrait', width: 768, height: 1344 },
-		{ label: 'Querformat', value: 'landscape', width: 1344, height: 768 },
-	];
-
-	// Local state
-	let localSettings = $state<AdvancedSettings>({ ...settings });
-
-	// Update local settings when props change
-	$effect(() => {
-		if (isOpen) {
-			localSettings = { ...settings };
-		}
-	});
-
-	function handleSave() {
-		onUpdate(localSettings);
-		onClose();
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if isOpen}
-	<!-- Backdrop -->
-	<div
-		class="fixed inset-0 z-[70] bg-black/50 backdrop-blur-sm"
-		transition:fade={{ duration: 200 }}
-		onclick={onClose}
-		role="presentation"
-	></div>
-
-	<!-- Modal -->
-	<div
-		class="fixed left-1/2 top-1/2 z-[80] w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 rounded-3xl border border-gray-200/50 bg-white/95 p-6 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/95"
-		transition:fly={{ y: 20, duration: 200 }}
-		onclick={(e) => e.stopPropagation()}
-		role="dialog"
-		aria-modal="true"
-	>
-		<!-- Header -->
-		<div class="mb-6 flex items-center justify-between">
-			<h2 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Erweiterte Einstellungen</h2>
-			<button
-				onclick={onClose}
-				class="flex h-10 w-10 items-center justify-center rounded-full bg-gray-100 text-gray-600 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700"
-				aria-label="Schließen"
-			>
-				<X size={20} weight="bold" />
-			</button>
-		</div>
-
-		<!-- Content -->
-		<div class="space-y-6">
-			<!-- Image Count -->
-			<div>
-				<div class="mb-3 flex items-center justify-between">
-					<label class="text-sm font-semibold text-gray-900 dark:text-gray-100">
-						Anzahl Bilder
-					</label>
-					{#if localSettings.imageCount > 1}
-						<span
-							class="rounded-full bg-blue-100 px-3 py-1 text-xs font-medium text-blue-800 dark:bg-blue-900/30 dark:text-blue-300"
-						>
-							{localSettings.imageCount} Bilder
-						</span>
-					{/if}
-				</div>
-				<div class="flex gap-2">
-					{#each [1, 2, 3, 4, 5] as count}
-						<button
-							onclick={() => (localSettings.imageCount = count)}
-							class="flex h-12 w-12 items-center justify-center rounded-xl border-2 font-medium transition-all {localSettings.imageCount ===
-							count
-								? 'border-blue-600 bg-blue-600 text-white dark:border-blue-500 dark:bg-blue-500'
-								: 'border-gray-300 bg-white text-gray-700 hover:border-blue-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 dark:hover:border-blue-400'}"
-						>
-							{count}
-						</button>
-					{/each}
-				</div>
-				{#if localSettings.imageCount > 1}
-					<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-						Jedes Bild wird mit einem anderen Seed generiert
-					</p>
-				{/if}
-			</div>
-
-			<!-- Aspect Ratio -->
-			<div>
-				<label class="mb-3 block text-sm font-semibold text-gray-900 dark:text-gray-100">
-					Seitenverhältnis
-				</label>
-				<div class="grid grid-cols-3 gap-3">
-					{#each aspectRatios as ratio}
-						<button
-							onclick={() => (localSettings.aspectRatio = ratio)}
-							class="flex flex-col items-center gap-2 rounded-xl border-2 p-4 transition-all {localSettings
-								.aspectRatio.value === ratio.value
-								? 'border-blue-600 bg-blue-50 dark:border-blue-500 dark:bg-blue-900/20'
-								: 'border-gray-300 bg-white hover:border-blue-400 dark:border-gray-600 dark:bg-gray-800 dark:hover:border-blue-400'}"
-						>
-							<div
-								class="flex h-12 w-12 items-center justify-center rounded-lg {localSettings
-									.aspectRatio.value === ratio.value
-									? 'bg-blue-600 dark:bg-blue-500'
-									: 'bg-gray-200 dark:bg-gray-700'}"
-							>
-								<div
-									class="rounded {localSettings.aspectRatio.value === ratio.value
-										? 'bg-white'
-										: 'bg-gray-400 dark:bg-gray-500'}"
-									style="width: {ratio.value === 'square'
-										? '24px'
-										: ratio.value === 'portrait'
-											? '16px'
-											: '32px'}; height: {ratio.value === 'square'
-										? '24px'
-										: ratio.value === 'portrait'
-											? '32px'
-											: '16px'};"
-								></div>
-							</div>
-							<div class="text-center">
-								<p
-									class="text-sm font-medium {localSettings.aspectRatio.value === ratio.value
-										? 'text-blue-900 dark:text-blue-100'
-										: 'text-gray-900 dark:text-gray-100'}"
-								>
-									{ratio.label}
-								</p>
-								<p
-									class="text-xs {localSettings.aspectRatio.value === ratio.value
-										? 'text-blue-700 dark:text-blue-300'
-										: 'text-gray-500 dark:text-gray-400'}"
-								>
-									{ratio.width}×{ratio.height}
-								</p>
-							</div>
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Steps Slider -->
-			<div>
-				<div class="mb-3 flex items-center justify-between">
-					<label class="text-sm font-semibold text-gray-900 dark:text-gray-100">
-						Schritte (Steps)
-					</label>
-					<span
-						class="rounded-full bg-gray-100 px-3 py-1 text-xs font-medium text-gray-800 dark:bg-gray-800 dark:text-gray-300"
-					>
-						{localSettings.steps}
-					</span>
-				</div>
-				<input
-					type="range"
-					min="20"
-					max="150"
-					step="5"
-					bind:value={localSettings.steps}
-					class="h-2 w-full appearance-none rounded-lg bg-gray-200 dark:bg-gray-700 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-blue-600 [&::-moz-range-thumb]:dark:bg-blue-500 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:dark:bg-blue-500"
-				/>
-				<div class="mt-2 flex justify-between text-xs text-gray-500 dark:text-gray-400">
-					<span>20 (Schnell)</span>
-					<span>150 (Höchste Qualität)</span>
-				</div>
-			</div>
-
-			<!-- Guidance Scale Slider -->
-			<div>
-				<div class="mb-3 flex items-center justify-between">
-					<label class="text-sm font-semibold text-gray-900 dark:text-gray-100">
-						Guidance Scale
-					</label>
-					<span
-						class="rounded-full bg-gray-100 px-3 py-1 text-xs font-medium text-gray-800 dark:bg-gray-800 dark:text-gray-300"
-					>
-						{localSettings.guidanceScale}
-					</span>
-				</div>
-				<input
-					type="range"
-					min="1"
-					max="20"
-					step="0.5"
-					bind:value={localSettings.guidanceScale}
-					class="h-2 w-full appearance-none rounded-lg bg-gray-200 dark:bg-gray-700 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-blue-600 [&::-moz-range-thumb]:dark:bg-blue-500 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:dark:bg-blue-500"
-				/>
-				<div class="mt-2 flex justify-between text-xs text-gray-500 dark:text-gray-400">
-					<span>1 (Kreativ)</span>
-					<span>20 (Präzise)</span>
-				</div>
-				<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-					Höhere Werte folgen dem Prompt genauer, niedrigere sind kreativer
-				</p>
-			</div>
-		</div>
-
-		<!-- Actions -->
-		<div class="mt-8 flex gap-3">
-			<button
-				onclick={onClose}
-				class="flex-1 rounded-xl bg-gray-100 px-6 py-3 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-			>
-				Abbrechen
-			</button>
-			<button
-				onclick={handleSave}
-				class="flex-1 rounded-xl bg-blue-600 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600"
-			>
-				Übernehmen
-			</button>
-		</div>
-	</div>
-{/if}
diff --git a/apps/picture/apps/web-archived/src/lib/components/generate/GenerateForm.svelte b/apps/picture/apps/web-archived/src/lib/components/generate/GenerateForm.svelte
deleted file mode 100644
index 2db70a3ec..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/generate/GenerateForm.svelte
+++ /dev/null
@@ -1,226 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { models, selectedModel, isLoadingModels } from '$lib/stores/models';
-	import { isGenerating, generationProgress, generationError } from '$lib/stores/generate';
-	import { getActiveModels } from '$lib/api/models';
-	import { generateImageAsync, subscribeToGenerationUpdates } from '$lib/api/generate-async';
-	import Button from '../ui/Button.svelte';
-	import Card from '../ui/Card.svelte';
-	import { XCircle, Lightning } from '@manacore/shared-icons';
-	import { PictureEvents } from '@manacore/shared-utils/analytics';
-
-	let prompt = $state('');
-	let negativePrompt = $state('');
-	let selectedModelId = $state('');
-
-	const MAX_PROMPT_LENGTH = 500;
-	const MAX_NEGATIVE_PROMPT_LENGTH = 200;
-
-	onMount(async () => {
-		await loadModels();
-	});
-
-	async function loadModels() {
-		isLoadingModels.set(true);
-		try {
-			const data = await getActiveModels();
-			models.set(data);
-			// Select default model
-			const defaultModel = data.find((m) => m.isDefault) || data[0];
-			if (defaultModel) {
-				selectedModelId = defaultModel.id;
-				selectedModel.set(defaultModel);
-			}
-		} catch (error) {
-			console.error('Error loading models:', error);
-			generationError.set('Failed to load models');
-		} finally {
-			isLoadingModels.set(false);
-		}
-	}
-
-	function handleModelChange() {
-		const model = $models.find((m) => m.id === selectedModelId);
-		selectedModel.set(model || null);
-	}
-
-	async function handleGenerate() {
-		if (!authStore.user || !selectedModelId || !prompt.trim()) return;
-
-		isGenerating.set(true);
-		generationError.set('');
-		generationProgress.set('Starting generation...');
-
-		try {
-			// Start generation with new async API
-			const { generationId } = await generateImageAsync({
-				prompt: prompt.trim(),
-				modelId: selectedModelId,
-				negativePrompt: negativePrompt.trim() || undefined,
-			});
-
-			// Wait for completion using realtime subscription
-			await new Promise<void>((resolve, reject) => {
-				const unsubscribe = subscribeToGenerationUpdates(generationId, (progress) => {
-					// Update progress display
-					if (progress.status === 'pending' || progress.status === 'queued') {
-						generationProgress.set('Queued for processing...');
-					} else if (progress.status === 'processing') {
-						generationProgress.set('Processing...');
-					} else if (progress.status === 'completed') {
-						unsubscribe();
-						resolve();
-					} else if (progress.status === 'failed') {
-						unsubscribe();
-						reject(new Error(progress.error || 'Image generation failed'));
-					}
-				});
-
-				// Timeout after 10 minutes
-				setTimeout(() => {
-					unsubscribe();
-					reject(new Error('Generation timeout - please check your gallery later'));
-				}, 600000);
-			});
-
-			// Success - redirect to gallery
-			generationProgress.set('Complete!');
-			PictureEvents.imageGenerated(selectedModelId);
-			setTimeout(() => {
-				goto('/app/gallery');
-			}, 1000);
-		} catch (error) {
-			console.error('Generation error:', error);
-			generationError.set(error instanceof Error ? error.message : 'Failed to generate image');
-			PictureEvents.generationFailed(error instanceof Error ? error.message : 'unknown');
-		} finally {
-			isGenerating.set(false);
-		}
-	}
-
-	const promptLength = $derived(prompt.length);
-	const negativePromptLength = $derived(negativePrompt.length);
-	const canGenerate = $derived(
-		!$isGenerating && !$isLoadingModels && prompt.trim().length > 0 && selectedModelId.length > 0
-	);
-</script>
-
-<Card>
-	<div class="space-y-6 p-6">
-		<h2 class="text-2xl font-bold text-gray-900">Generate Image</h2>
-
-		{#if $generationError}
-			<div class="rounded-md bg-red-50 p-4">
-				<div class="flex">
-					<div class="flex-shrink-0">
-						<XCircle size={20} weight="fill" class="text-red-400" />
-					</div>
-					<div class="ml-3">
-						<p class="text-sm text-red-800">{$generationError}</p>
-					</div>
-				</div>
-			</div>
-		{/if}
-
-		{#if $isGenerating}
-			<div class="rounded-md bg-blue-50 p-4">
-				<div class="flex items-center">
-					<div
-						class="mr-3 h-5 w-5 animate-spin rounded-full border-2 border-solid border-blue-600 border-r-transparent"
-					></div>
-					<p class="text-sm text-blue-800">{$generationProgress}</p>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Model Selection -->
-		<div>
-			<label for="model" class="mb-2 block text-sm font-medium text-gray-700">
-				Model <span class="text-red-500">*</span>
-			</label>
-			<select
-				id="model"
-				bind:value={selectedModelId}
-				onchange={handleModelChange}
-				disabled={$isGenerating || $isLoadingModels}
-				class="w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 disabled:cursor-not-allowed disabled:bg-gray-50"
-			>
-				{#if $isLoadingModels}
-					<option value="">Loading models...</option>
-				{:else if $models.length === 0}
-					<option value="">No models available</option>
-				{:else}
-					{#each $models as model}
-						<option value={model.id}>
-							{model.name}
-							{model.isDefault ? '(Default)' : ''}
-						</option>
-					{/each}
-				{/if}
-			</select>
-			{#if $selectedModel}
-				<p class="mt-1 text-sm text-gray-500">{$selectedModel.description || ''}</p>
-			{/if}
-		</div>
-
-		<!-- Prompt -->
-		<div>
-			<label for="prompt" class="mb-2 block text-sm font-medium text-gray-700">
-				Prompt <span class="text-red-500">*</span>
-			</label>
-			<textarea
-				id="prompt"
-				bind:value={prompt}
-				disabled={$isGenerating}
-				maxlength={MAX_PROMPT_LENGTH}
-				rows="4"
-				placeholder="Describe the image you want to generate..."
-				class="w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 disabled:cursor-not-allowed disabled:bg-gray-50"
-			></textarea>
-			<div class="mt-1 flex justify-between text-sm text-gray-500">
-				<span>Be specific and descriptive for best results</span>
-				<span class={promptLength > MAX_PROMPT_LENGTH - 50 ? 'text-orange-600' : ''}>
-					{promptLength}/{MAX_PROMPT_LENGTH}
-				</span>
-			</div>
-		</div>
-
-		<!-- Negative Prompt -->
-		<div>
-			<label for="negative-prompt" class="mb-2 block text-sm font-medium text-gray-700">
-				Negative Prompt (Optional)
-			</label>
-			<textarea
-				id="negative-prompt"
-				bind:value={negativePrompt}
-				disabled={$isGenerating}
-				maxlength={MAX_NEGATIVE_PROMPT_LENGTH}
-				rows="2"
-				placeholder="What to avoid in the image (e.g., blurry, low quality, distorted)..."
-				class="w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 disabled:cursor-not-allowed disabled:bg-gray-50"
-			></textarea>
-			<div class="mt-1 flex justify-between text-sm text-gray-500">
-				<span>Elements to exclude from the image</span>
-				<span
-					class={negativePromptLength > MAX_NEGATIVE_PROMPT_LENGTH - 20 ? 'text-orange-600' : ''}
-				>
-					{negativePromptLength}/{MAX_NEGATIVE_PROMPT_LENGTH}
-				</span>
-			</div>
-		</div>
-
-		<!-- Generate Button -->
-		<Button
-			variant="primary"
-			class="w-full"
-			onclick={handleGenerate}
-			disabled={!canGenerate}
-			loading={$isGenerating}
-		>
-			<Lightning size={20} class="mr-2" />
-			{$isGenerating ? 'Generating...' : 'Generate Image'}
-		</Button>
-	</div>
-</Card>
diff --git a/apps/picture/apps/web-archived/src/lib/components/layout/Header.svelte b/apps/picture/apps/web-archived/src/lib/components/layout/Header.svelte
deleted file mode 100644
index be36cc7b4..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/layout/Header.svelte
+++ /dev/null
@@ -1,170 +0,0 @@
-<script lang="ts">
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { List, X, CaretDown } from '@manacore/shared-icons';
-
-	let showUserMenu = $state(false);
-	let showMobileMenu = $state(false);
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/auth/login');
-	}
-
-	function isActive(path: string) {
-		return $page.url.pathname === path;
-	}
-</script>
-
-<header class="border-b border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-900">
-	<div class="container mx-auto px-4">
-		<div class="flex h-16 items-center justify-between">
-			<!-- Logo -->
-			<a href="/app/gallery" class="text-xl font-bold text-gray-900 dark:text-gray-100">
-				Picture
-			</a>
-
-			<!-- Mobile Menu Button -->
-			<button
-				onclick={() => (showMobileMenu = !showMobileMenu)}
-				class="flex items-center justify-center rounded-lg p-2 text-gray-700 hover:bg-gray-100 md:hidden dark:text-gray-300 dark:hover:bg-gray-800"
-				aria-label="Menu"
-			>
-				{#if showMobileMenu}
-					<X size={24} weight="bold" />
-				{:else}
-					<List size={24} weight="bold" />
-				{/if}
-			</button>
-
-			<!-- Desktop Navigation -->
-			<nav class="hidden items-center gap-6 md:flex">
-				<a
-					href="/app/gallery"
-					class="text-sm font-medium transition-colors {isActive('/app/gallery')
-						? 'text-blue-600 dark:text-blue-400'
-						: 'text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100'}"
-				>
-					Gallery
-				</a>
-				<a
-					href="/app/explore"
-					class="text-sm font-medium transition-colors {isActive('/app/explore')
-						? 'text-blue-600 dark:text-blue-400'
-						: 'text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100'}"
-				>
-					Entdecken
-				</a>
-				<a
-					href="/app/generate"
-					class="text-sm font-medium transition-colors {isActive('/app/generate')
-						? 'text-blue-600 dark:text-blue-400'
-						: 'text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100'}"
-				>
-					Generieren
-				</a>
-				<a
-					href="/app/archive"
-					class="text-sm font-medium transition-colors {isActive('/app/archive')
-						? 'text-blue-600 dark:text-blue-400'
-						: 'text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100'}"
-				>
-					Archiv
-				</a>
-			</nav>
-
-			<!-- User Menu -->
-			<div class="relative">
-				<button
-					onclick={() => (showUserMenu = !showUserMenu)}
-					class="flex items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800"
-				>
-					<div
-						class="flex h-8 w-8 items-center justify-center rounded-full bg-blue-600 text-white dark:bg-blue-500"
-					>
-						{authStore.user?.email?.charAt(0).toUpperCase()}
-					</div>
-					<CaretDown size={16} />
-				</button>
-
-				{#if showUserMenu}
-					<div
-						class="absolute right-0 mt-2 w-48 rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800"
-					>
-						<div class="border-b border-gray-100 px-4 py-2 dark:border-gray-700">
-							<p class="text-sm font-medium text-gray-900 dark:text-gray-100">
-								{authStore.user?.email}
-							</p>
-						</div>
-						<a
-							href="/app/profile"
-							class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"
-						>
-							Profile
-						</a>
-						<button
-							onclick={handleLogout}
-							class="block w-full px-4 py-2 text-left text-sm text-red-600 hover:bg-gray-100 dark:text-red-400 dark:hover:bg-gray-700"
-						>
-							Sign Out
-						</button>
-					</div>
-				{/if}
-			</div>
-		</div>
-
-		<!-- Mobile Menu -->
-		{#if showMobileMenu}
-			<div class="border-t border-gray-200 pb-4 pt-2 md:hidden dark:border-gray-700">
-				<nav class="flex flex-col space-y-1">
-					<a
-						href="/app/gallery"
-						onclick={() => (showMobileMenu = false)}
-						class="block px-4 py-2 text-sm font-medium transition-colors {isActive('/app/gallery')
-							? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-							: 'text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800'}"
-					>
-						Gallery
-					</a>
-					<a
-						href="/app/explore"
-						onclick={() => (showMobileMenu = false)}
-						class="block px-4 py-2 text-sm font-medium transition-colors {isActive('/app/explore')
-							? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-							: 'text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800'}"
-					>
-						Entdecken
-					</a>
-					<a
-						href="/app/generate"
-						onclick={() => (showMobileMenu = false)}
-						class="block px-4 py-2 text-sm font-medium transition-colors {isActive('/app/generate')
-							? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-							: 'text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800'}"
-					>
-						Generieren
-					</a>
-					<a
-						href="/app/archive"
-						onclick={() => (showMobileMenu = false)}
-						class="block px-4 py-2 text-sm font-medium transition-colors {isActive('/app/archive')
-							? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-							: 'text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800'}"
-					>
-						Archiv
-					</a>
-					<a
-						href="/app/profile"
-						onclick={() => (showMobileMenu = false)}
-						class="block px-4 py-2 text-sm font-medium transition-colors {isActive('/app/profile')
-							? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-							: 'text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800'}"
-					>
-						Profil
-					</a>
-				</nav>
-			</div>
-		{/if}
-	</div>
-</header>
diff --git a/apps/picture/apps/web-archived/src/lib/components/layout/Sidebar.svelte b/apps/picture/apps/web-archived/src/lib/components/layout/Sidebar.svelte
deleted file mode 100644
index 1c0968a46..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/layout/Sidebar.svelte
+++ /dev/null
@@ -1,570 +0,0 @@
-<script lang="ts">
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { viewMode, cycleViewMode } from '$lib/stores/view';
-	import type { ViewMode } from '$lib/stores/view';
-	import { isSidebarCollapsed, setSidebarCollapsed } from '$lib/stores/sidebar';
-	import {
-		exploreSearchQuery,
-		exploreSortBy,
-		isLoadingExplore,
-		exploreImages,
-		currentExplorePage,
-		hasMoreExplore,
-		showExploreFavoritesOnly,
-	} from '$lib/stores/explore';
-	import { selectedTags } from '$lib/stores/tags';
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import { showFavoritesOnly } from '$lib/stores/images';
-
-	const allTags: { value: Tag[] } = getContext('tags');
-	import { searchPublicImages, getPublicImages } from '$lib/api/explore';
-	import { showKeyboardShortcuts } from '$lib/stores/ui';
-	import TagPills from '$lib/components/tags/TagPills.svelte';
-	import {
-		List,
-		Image,
-		SquaresFour,
-		Square,
-		MagnifyingGlass,
-		Lightning,
-		CloudArrowUp,
-		Tag,
-		Archive,
-		Question,
-		CaretLeft,
-		CaretDown,
-		User,
-		SignOut,
-		Heart,
-	} from '@manacore/shared-icons';
-
-	let showUserMenu = $state(false);
-	let searchInput = $state('');
-	let searchTimeout: ReturnType<typeof setTimeout> | null = null;
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/auth/login');
-	}
-
-	function isActive(path: string) {
-		return $page.url.pathname === path;
-	}
-
-	type IconName =
-		| 'gallery'
-		| 'board'
-		| 'explore'
-		| 'generate'
-		| 'upload'
-		| 'tags'
-		| 'archive'
-		| 'mana';
-
-	function handleSearchInput(e: Event) {
-		const target = e.target as HTMLInputElement;
-		searchInput = target.value;
-
-		if (searchTimeout) clearTimeout(searchTimeout);
-
-		searchTimeout = setTimeout(async () => {
-			exploreSearchQuery.set(searchInput);
-			if (searchInput.trim()) {
-				isLoadingExplore.set(true);
-				try {
-					const results = await searchPublicImages(searchInput, 1, 20, $showExploreFavoritesOnly);
-					exploreImages.set(results);
-					currentExplorePage.set(1);
-					hasMoreExplore.set(results.length === 20);
-				} catch (error) {
-					console.error('Search error:', error);
-				} finally {
-					isLoadingExplore.set(false);
-				}
-			} else {
-				isLoadingExplore.set(true);
-				try {
-					const data = await getPublicImages({
-						page: 1,
-						sortBy: $exploreSortBy,
-						favoritesOnly: $showExploreFavoritesOnly,
-					});
-					exploreImages.set(data);
-					currentExplorePage.set(1);
-					hasMoreExplore.set(data.length === 20);
-				} finally {
-					isLoadingExplore.set(false);
-				}
-			}
-		}, 300);
-	}
-
-	async function handleSortChange(e: Event) {
-		const target = e.target as HTMLSelectElement;
-		exploreSortBy.set(target.value as 'recent' | 'popular' | 'trending');
-		isLoadingExplore.set(true);
-		try {
-			const data = await getPublicImages({
-				page: 1,
-				sortBy: target.value as any,
-				favoritesOnly: $showExploreFavoritesOnly,
-			});
-			exploreImages.set(data);
-			currentExplorePage.set(1);
-			hasMoreExplore.set(data.length === 20);
-		} finally {
-			isLoadingExplore.set(false);
-		}
-	}
-
-	interface NavItem {
-		path: string;
-		label: string;
-		iconName: IconName;
-	}
-
-	const navItems: NavItem[] = [
-		{ path: '/app/gallery', label: 'Galerie', iconName: 'gallery' },
-		{ path: '/app/board', label: 'Moodboards', iconName: 'board' },
-		{ path: '/app/explore', label: 'Entdecken', iconName: 'explore' },
-		{ path: '/app/generate', label: 'Generieren', iconName: 'generate' },
-		{ path: '/app/upload', label: 'Upload', iconName: 'upload' },
-		{ path: '/app/tags', label: 'Tags', iconName: 'tags' },
-		{ path: '/app/archive', label: 'Archiv', iconName: 'archive' },
-		{ path: '/app/mana', label: 'Mana', iconName: 'mana' },
-	];
-</script>
-
-<!-- Sidebar Toggle Button (collapsed) -->
-<button
-	onclick={() => setSidebarCollapsed(false)}
-	class="fixed bottom-8 left-4 z-50 hidden h-14 w-14 items-center justify-center rounded-full bg-blue-600/90 text-white shadow-2xl backdrop-blur-xl transition-all duration-300 hover:bg-blue-700/90 lg:flex dark:bg-blue-500/90 dark:hover:bg-blue-600/90"
-	class:-translate-x-[calc(100%+2rem)]={!$isSidebarCollapsed}
-	aria-label="Sidebar öffnen"
->
-	<List size={24} weight="bold" />
-</button>
-
-<!-- Sidebar for Desktop -->
-<aside
-	class="fixed left-4 top-4 z-40 hidden h-[calc(100vh-2rem)] w-64 flex-col overflow-hidden rounded-3xl border border-gray-200/50 bg-white/80 shadow-2xl backdrop-blur-xl transition-transform duration-300 lg:flex dark:border-gray-700/50 dark:bg-gray-900/80"
-	class:-translate-x-[calc(100%+2rem)]={$isSidebarCollapsed}
->
-	<!-- Logo & Collapse Button -->
-	<div
-		class="flex h-16 flex-shrink-0 items-center justify-between border-b border-gray-200/50 px-6 dark:border-gray-700/50"
-	>
-		<a href="/app/gallery" class="text-2xl font-bold text-gray-900 dark:text-gray-100"> Picture </a>
-		<button
-			onclick={() => setSidebarCollapsed(true)}
-			class="flex h-8 w-8 items-center justify-center rounded-lg text-gray-400 backdrop-blur-xl transition-colors hover:bg-gray-100/80 hover:text-gray-600 dark:hover:bg-gray-800/80 dark:hover:text-gray-300"
-			aria-label="Sidebar schließen"
-		>
-			<CaretLeft size={20} weight="bold" />
-		</button>
-	</div>
-
-	<!-- Navigation -->
-	<nav class="flex-1 space-y-1 overflow-y-auto px-3 py-4">
-		{#each navItems as item}
-			{@const active = isActive(item.path)}
-			<a
-				href={item.path}
-				class="group flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-all {active
-					? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-					: 'text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800'}"
-			>
-				<span
-					class={active
-						? 'text-blue-600 dark:text-blue-400'
-						: 'text-gray-400 group-hover:text-gray-600 dark:text-gray-500 dark:group-hover:text-gray-300'}
-				>
-					{#if item.iconName === 'gallery'}
-						<Image size={20} />
-					{:else if item.iconName === 'board'}
-						<SquaresFour size={20} />
-					{:else if item.iconName === 'explore'}
-						<MagnifyingGlass size={20} />
-					{:else if item.iconName === 'generate'}
-						<Lightning size={20} />
-					{:else if item.iconName === 'upload'}
-						<CloudArrowUp size={20} />
-					{:else if item.iconName === 'tags'}
-						<Tag size={20} />
-					{:else if item.iconName === 'archive'}
-						<Archive size={20} />
-					{:else if item.iconName === 'mana'}
-						<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
-							<path
-								d="M12.3 1c.03.05 7.3 9.67 7.3 13.7 0 4.03-3.27 7.3-7.3 7.3S5 18.73 5 14.7C5 10.66 12.3 1 12.3 1zm0 6.4c-.02.03-3.65 4.83-3.65 6.84 0 2.02 1.64 3.65 3.65 3.65s3.65-1.64 3.65-3.65c0-2.01-3.62-6.81-3.65-6.84z"
-							/>
-						</svg>
-					{/if}
-				</span>
-				<span>{item.label}</span>
-			</a>
-		{/each}
-
-		<!-- Divider -->
-		<div class="my-4 border-t border-gray-200 dark:border-gray-700"></div>
-
-		<!-- Help / Keyboard Shortcuts -->
-		<button
-			onclick={() => showKeyboardShortcuts.set(true)}
-			class="group flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium text-gray-700 transition-all hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800"
-		>
-			<span
-				class="text-gray-400 group-hover:text-gray-600 dark:text-gray-500 dark:group-hover:text-gray-300"
-			>
-				<Question size={20} />
-			</span>
-			<span>Tastaturkürzel</span>
-		</button>
-
-		<!-- Divider -->
-		<div class="my-4 border-t border-gray-200 dark:border-gray-700"></div>
-
-		<!-- View Mode Switcher -->
-		<div class="px-3 py-2">
-			<p
-				class="mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400"
-			>
-				Ansicht
-			</p>
-			<div class="grid grid-cols-3 gap-2">
-				<button
-					onclick={() => viewMode.set('single')}
-					class="flex items-center justify-center rounded-lg p-2 backdrop-blur-xl transition-colors {$viewMode ===
-					'single'
-						? 'bg-blue-100/80 text-blue-600 dark:bg-blue-950/80 dark:text-blue-400'
-						: 'text-gray-400 hover:bg-gray-100/80 hover:text-gray-600 dark:text-gray-500 dark:hover:bg-gray-800/80 dark:hover:text-gray-300'}"
-					title="Liste"
-				>
-					<List size={20} weight="bold" />
-				</button>
-				<button
-					onclick={() => viewMode.set('grid3')}
-					class="flex items-center justify-center rounded-lg p-2 backdrop-blur-xl transition-colors {$viewMode ===
-					'grid3'
-						? 'bg-blue-100/80 text-blue-600 dark:bg-blue-950/80 dark:text-blue-400'
-						: 'text-gray-400 hover:bg-gray-100/80 hover:text-gray-600 dark:text-gray-500 dark:hover:bg-gray-800/80 dark:hover:text-gray-300'}"
-					title="Mittel"
-				>
-					<SquaresFour size={20} weight="bold" />
-				</button>
-				<button
-					onclick={() => viewMode.set('grid5')}
-					class="flex items-center justify-center rounded-lg p-2 backdrop-blur-xl transition-colors {$viewMode ===
-					'grid5'
-						? 'bg-blue-100/80 text-blue-600 dark:bg-blue-950/80 dark:text-blue-400'
-						: 'text-gray-400 hover:bg-gray-100/80 hover:text-gray-600 dark:text-gray-500 dark:hover:bg-gray-800/80 dark:hover:text-gray-300'}"
-					title="Klein"
-				>
-					<Square size={20} weight="bold" />
-				</button>
-			</div>
-		</div>
-
-		<!-- Explore Controls (only on explore page) -->
-		{#if isActive('/app/explore')}
-			<div class="space-y-3 px-3 py-2">
-				<div class="border-t border-gray-200 pb-2 dark:border-gray-700"></div>
-
-				<div>
-					<div class="mb-2 flex items-center justify-between">
-						<p
-							class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400"
-						>
-							Filter
-						</p>
-						{#if $showExploreFavoritesOnly}
-							<button
-								onclick={() => showExploreFavoritesOnly.set(false)}
-								class="text-xs text-blue-600 hover:underline dark:text-blue-400"
-							>
-								Zurücksetzen
-							</button>
-						{/if}
-					</div>
-
-					<!-- Favorites Toggle -->
-					<button
-						onclick={() => showExploreFavoritesOnly.update((v) => !v)}
-						class="mb-3 flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors {$showExploreFavoritesOnly
-							? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-							: 'bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}"
-					>
-						<Heart size={16} weight={$showExploreFavoritesOnly ? 'fill' : 'regular'} />
-						<span>Favoriten</span>
-					</button>
-				</div>
-
-				<div>
-					<p
-						class="mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400"
-					>
-						Suchen
-					</p>
-					<div class="relative">
-						<input
-							type="text"
-							value={searchInput}
-							oninput={handleSearchInput}
-							placeholder="Prompts..."
-							class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 pl-9 text-sm text-gray-900 placeholder-gray-500 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:placeholder-gray-400"
-						/>
-						<span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500">
-							<MagnifyingGlass size={16} />
-						</span>
-					</div>
-				</div>
-
-				<div>
-					<p
-						class="mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400"
-					>
-						Sortieren
-					</p>
-					<select
-						value={$exploreSortBy}
-						onchange={handleSortChange}
-						class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-					>
-						<option value="recent">Neueste</option>
-						<option value="popular">Beliebt</option>
-						<option value="trending">Im Trend</option>
-					</select>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Gallery Filters (only on gallery page) -->
-		{#if isActive('/app/gallery')}
-			<div class="space-y-3 px-3 py-2">
-				<div class="border-t border-gray-200 pb-2 dark:border-gray-700"></div>
-
-				<div>
-					<div class="mb-2 flex items-center justify-between">
-						<p
-							class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400"
-						>
-							Filter
-						</p>
-						{#if $selectedTags.length > 0 || $showFavoritesOnly}
-							<button
-								onclick={() => {
-									selectedTags.set([]);
-									showFavoritesOnly.set(false);
-								}}
-								class="text-xs text-blue-600 hover:underline dark:text-blue-400"
-							>
-								Zurücksetzen
-							</button>
-						{/if}
-					</div>
-
-					<!-- Favorites Toggle -->
-					<button
-						onclick={() => showFavoritesOnly.update((v) => !v)}
-						class="mb-3 flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors {$showFavoritesOnly
-							? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-							: 'bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}"
-					>
-						<Heart size={16} weight={$showFavoritesOnly ? 'fill' : 'regular'} />
-						<span>Favoriten</span>
-					</button>
-
-					{#if allTags.value.length > 0}
-						<TagPills />
-					{:else}
-						<p class="text-xs text-gray-500 dark:text-gray-400">Keine Tags vorhanden</p>
-					{/if}
-				</div>
-
-				{#if $selectedTags.length > 0 || $showFavoritesOnly}
-					<div class="rounded-lg bg-blue-50 p-2 dark:bg-blue-900/20">
-						<p class="text-xs font-medium text-blue-900 dark:text-blue-100">
-							{#if $showFavoritesOnly && $selectedTags.length > 0}
-								Favoriten + {$selectedTags.length} {$selectedTags.length === 1 ? 'Tag' : 'Tags'}
-							{:else if $showFavoritesOnly}
-								Favoriten
-							{:else}
-								{$selectedTags.length} {$selectedTags.length === 1 ? 'Tag' : 'Tags'} ausgewählt
-							{/if}
-						</p>
-					</div>
-				{/if}
-			</div>
-		{/if}
-	</nav>
-
-	<!-- User Section -->
-	<div class="flex-shrink-0 border-t border-gray-200/50 p-3 dark:border-gray-700/50">
-		<div class="relative">
-			<button
-				onclick={() => (showUserMenu = !showUserMenu)}
-				class="flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors hover:bg-gray-100/50 dark:hover:bg-gray-800/50"
-			>
-				<div
-					class="flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full text-sm font-semibold text-white"
-					style="background-color: hsl(var(--color-primary));"
-				>
-					{authStore.user?.email?.charAt(0).toUpperCase()}
-				</div>
-				<div class="flex-1 overflow-hidden text-left">
-					<p class="truncate text-sm font-medium text-gray-900 dark:text-gray-100">
-						{authStore.user?.email?.split('@')[0]}
-					</p>
-					<p class="truncate text-xs text-gray-500 dark:text-gray-400">Account</p>
-				</div>
-				<span class="text-gray-400 transition-transform {showUserMenu ? 'rotate-180' : ''}">
-					<CaretDown size={16} />
-				</span>
-			</button>
-
-			{#if showUserMenu}
-				<div
-					class="absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-2xl border border-gray-200/50 bg-white/95 shadow-lg backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-800/95"
-				>
-					<a
-						href="/app/profile"
-						onclick={() => (showUserMenu = false)}
-						class="flex items-center gap-3 px-4 py-3 text-sm text-gray-700 transition-colors hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"
-					>
-						<User size={16} />
-						Profil & Einstellungen
-					</a>
-					<button
-						onclick={handleLogout}
-						class="flex w-full items-center gap-3 border-t border-gray-200 px-4 py-3 text-left text-sm text-red-600 transition-colors hover:bg-gray-100 dark:border-gray-700 dark:text-red-400 dark:hover:bg-gray-700"
-					>
-						<SignOut size={16} />
-						Abmelden
-					</button>
-				</div>
-			{/if}
-		</div>
-	</div>
-</aside>
-
-<!-- Mobile Header -->
-<header
-	class="fixed left-0 right-0 top-0 z-30 border-b border-gray-200 bg-white lg:hidden dark:border-gray-700 dark:bg-gray-900"
->
-	<div class="flex h-16 items-center justify-between px-4">
-		<!-- Logo -->
-		<a href="/app/gallery" class="text-xl font-bold text-gray-900 dark:text-gray-100"> Picture </a>
-
-		<!-- User Avatar -->
-		<button
-			onclick={() => (showUserMenu = !showUserMenu)}
-			class="flex h-9 w-9 items-center justify-center rounded-full text-sm font-semibold text-white"
-			style="background-color: hsl(var(--color-primary));"
-		>
-			{authStore.user?.email?.charAt(0).toUpperCase()}
-		</button>
-	</div>
-
-	<!-- Mobile User Menu -->
-	{#if showUserMenu}
-		<div class="border-t border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-900">
-			<nav class="flex flex-col">
-				{#each navItems as item}
-					{@const active = isActive(item.path)}
-					<a
-						href={item.path}
-						onclick={() => (showUserMenu = false)}
-						class="flex items-center gap-3 border-b border-gray-100 px-4 py-3 text-sm font-medium transition-colors last:border-b-0 {active
-							? 'bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400'
-							: 'text-gray-700 hover:bg-gray-50 dark:text-gray-300 dark:hover:bg-gray-800'}"
-					>
-						<span class={active ? 'text-blue-600 dark:text-blue-400' : 'text-gray-400'}>
-							{#if item.iconName === 'gallery'}
-								<Image size={20} />
-							{:else if item.iconName === 'board'}
-								<SquaresFour size={20} />
-							{:else if item.iconName === 'explore'}
-								<MagnifyingGlass size={20} />
-							{:else if item.iconName === 'generate'}
-								<Lightning size={20} />
-							{:else if item.iconName === 'upload'}
-								<CloudArrowUp size={20} />
-							{:else if item.iconName === 'tags'}
-								<Tag size={20} />
-							{:else if item.iconName === 'archive'}
-								<Archive size={20} />
-							{:else if item.iconName === 'mana'}
-								<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
-									<path
-										d="M12.3 1c.03.05 7.3 9.67 7.3 13.7 0 4.03-3.27 7.3-7.3 7.3S5 18.73 5 14.7C5 10.66 12.3 1 12.3 1zm0 6.4c-.02.03-3.65 4.83-3.65 6.84 0 2.02 1.64 3.65 3.65 3.65s3.65-1.64 3.65-3.65c0-2.01-3.62-6.81-3.65-6.84z"
-									/>
-								</svg>
-							{/if}
-						</span>
-						{item.label}
-					</a>
-				{/each}
-				<a
-					href="/app/profile"
-					onclick={() => (showUserMenu = false)}
-					class="flex items-center gap-3 border-b border-gray-100 px-4 py-3 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-50 dark:text-gray-300 dark:hover:bg-gray-800"
-				>
-					<span class="text-gray-400">
-						<User size={20} />
-					</span>
-					Profil & Einstellungen
-				</a>
-				<button
-					onclick={handleLogout}
-					class="flex w-full items-center gap-3 px-4 py-3 text-left text-sm font-medium text-red-600 transition-colors hover:bg-gray-50 dark:text-red-400 dark:hover:bg-gray-800"
-				>
-					<SignOut size={20} />
-					Abmelden
-				</button>
-			</nav>
-		</div>
-	{/if}
-</header>
-
-<!-- Mobile Bottom Navigation -->
-<nav
-	class="pb-safe fixed bottom-0 left-0 right-0 z-30 border-t border-gray-200 bg-white lg:hidden dark:border-gray-700 dark:bg-gray-900"
->
-	<div class="grid grid-cols-4 gap-1 px-2 py-2">
-		{#each navItems as item}
-			{@const active = isActive(item.path)}
-			<a
-				href={item.path}
-				class="flex flex-col items-center gap-1 rounded-lg px-3 py-2 transition-colors {active
-					? 'text-blue-600 dark:text-blue-400'
-					: 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800'}"
-			>
-				{#if item.iconName === 'gallery'}
-					<Image size={24} />
-				{:else if item.iconName === 'board'}
-					<SquaresFour size={24} />
-				{:else if item.iconName === 'explore'}
-					<MagnifyingGlass size={24} />
-				{:else if item.iconName === 'generate'}
-					<Lightning size={24} />
-				{:else if item.iconName === 'upload'}
-					<CloudArrowUp size={24} />
-				{:else if item.iconName === 'tags'}
-					<Tag size={24} />
-				{:else if item.iconName === 'archive'}
-					<Archive size={24} />
-				{:else if item.iconName === 'mana'}
-					<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-						<path
-							d="M12.3 1c.03.05 7.3 9.67 7.3 13.7 0 4.03-3.27 7.3-7.3 7.3S5 18.73 5 14.7C5 10.66 12.3 1 12.3 1zm0 6.4c-.02.03-3.65 4.83-3.65 6.84 0 2.02 1.64 3.65 3.65 3.65s3.65-1.64 3.65-3.65c0-2.01-3.62-6.81-3.65-6.84z"
-						/>
-					</svg>
-				{/if}
-				<span class="text-xs font-medium">{item.label}</span>
-			</a>
-		{/each}
-	</div>
-</nav>
diff --git a/apps/picture/apps/web-archived/src/lib/components/settings/ThemePicker.svelte b/apps/picture/apps/web-archived/src/lib/components/settings/ThemePicker.svelte
deleted file mode 100644
index 99db21749..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/settings/ThemePicker.svelte
+++ /dev/null
@@ -1,116 +0,0 @@
-<script lang="ts">
-	import { theme } from '$lib/stores/theme';
-	import type { ThemeVariant, ThemeMode } from '@manacore/shared-theme';
-	import { THEME_DEFINITIONS } from '@manacore/shared-theme';
-	import { CheckCircle, Info } from '@manacore/shared-icons';
-
-	interface ThemeOption {
-		value: ThemeVariant;
-		label: string;
-		icon: string;
-	}
-
-	interface ModeOption {
-		value: ThemeMode;
-		label: string;
-		icon: string;
-	}
-
-	const themeOptions: ThemeOption[] = [
-		{ value: 'lume', label: 'Lume', icon: '✨' },
-		{ value: 'nature', label: 'Nature', icon: '🌿' },
-		{ value: 'stone', label: 'Stone', icon: '🪨' },
-		{ value: 'ocean', label: 'Ocean', icon: '🌊' },
-	];
-
-	const modeOptions: ModeOption[] = [
-		{ value: 'system', label: 'System', icon: '💻' },
-		{ value: 'light', label: 'Hell', icon: '☀️' },
-		{ value: 'dark', label: 'Dunkel', icon: '🌙' },
-	];
-
-	/**
-	 * Get the primary color for a variant based on current effective mode
-	 */
-	function getVariantColor(variant: ThemeVariant): string {
-		const definition = THEME_DEFINITIONS[variant];
-		const colors = theme.effectiveMode === 'dark' ? definition.dark : definition.light;
-		return `hsl(${colors.primary})`;
-	}
-</script>
-
-<div class="rounded-2xl bg-white p-6 shadow-sm dark:bg-gray-900">
-	<!-- Theme Variant Selection -->
-	<div class="mb-8">
-		<h3 class="mb-4 text-lg font-semibold text-gray-900 dark:text-gray-100">Theme</h3>
-		<div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
-			{#each themeOptions as option}
-				{@const isSelected = theme.variant === option.value}
-				<button
-					onclick={() => theme.setVariant(option.value)}
-					class="relative rounded-xl border-2 p-4 transition-all hover:scale-105 {isSelected
-						? 'border-blue-500 bg-blue-50 dark:border-blue-400 dark:bg-blue-950'
-						: 'border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800'}"
-				>
-					<!-- Icon -->
-					<div class="mb-2 text-4xl">{option.icon}</div>
-
-					<!-- Label -->
-					<div
-						class="mb-3 font-semibold {isSelected
-							? 'text-blue-600 dark:text-blue-400'
-							: 'text-gray-900 dark:text-gray-100'}"
-					>
-						{option.label}
-					</div>
-
-					<!-- Color Preview -->
-					<div class="flex justify-center">
-						<div
-							class="h-5 w-5 rounded-full"
-							style="background-color: {getVariantColor(option.value)}"
-						></div>
-					</div>
-
-					<!-- Checkmark -->
-					{#if isSelected}
-						<div class="absolute right-2 top-2">
-							<CheckCircle size={24} weight="fill" class="text-blue-600 dark:text-blue-400" />
-						</div>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	</div>
-
-	<!-- Mode Selection -->
-	<div>
-		<h3 class="mb-4 text-lg font-semibold text-gray-900 dark:text-gray-100">Modus</h3>
-		<div class="grid grid-cols-3 gap-3">
-			{#each modeOptions as option}
-				{@const isSelected = theme.mode === option.value}
-				<button
-					onclick={() => theme.setMode(option.value)}
-					class="flex flex-col items-center justify-center gap-2 rounded-xl border px-4 py-3 transition-all {isSelected
-						? 'border-blue-500 bg-blue-500 text-white'
-						: 'border-gray-300 bg-white text-gray-700 hover:border-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200'}"
-				>
-					<span class="text-2xl">{option.icon}</span>
-					<span class="text-sm font-medium">{option.label}</span>
-				</button>
-			{/each}
-		</div>
-
-		<!-- System Mode Info -->
-		{#if theme.mode === 'system'}
-			<div
-				class="mt-4 flex items-start gap-2 rounded-lg border border-blue-200 bg-blue-50 p-3 dark:border-blue-900 dark:bg-blue-950"
-			>
-				<Info size={20} class="mt-0.5 flex-shrink-0 text-blue-500 dark:text-blue-400" />
-				<p class="text-sm text-blue-700 dark:text-blue-300">
-					Das Theme folgt den Systemeinstellungen deines Geräts
-				</p>
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/picture/apps/web-archived/src/lib/components/tags/TagPills.svelte b/apps/picture/apps/web-archived/src/lib/components/tags/TagPills.svelte
deleted file mode 100644
index 896c0396d..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/tags/TagPills.svelte
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts">
-	import { selectedTags } from '$lib/stores/tags';
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import { Check } from '@manacore/shared-icons';
-
-	const allTags: { value: Tag[] } = getContext('tags');
-
-	function toggleTag(tagId: string) {
-		selectedTags.update((current) => {
-			const newTags = current.includes(tagId)
-				? current.filter((id) => id !== tagId)
-				: [...current, tagId];
-
-			return newTags;
-		});
-	}
-
-	function isSelected(tagId: string): boolean {
-		return $selectedTags.includes(tagId);
-	}
-
-	function getTagColor(color: string | null): string {
-		if (!color) return 'bg-gray-200 dark:bg-gray-700';
-		return `bg-${color}-200 dark:bg-${color}-800`;
-	}
-</script>
-
-<div class="flex flex-wrap gap-2">
-	{#each allTags.value as tag (tag.id)}
-		{@const selected = isSelected(tag.id)}
-		<button
-			onclick={() => toggleTag(tag.id)}
-			class="inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-all {selected
-				? 'bg-blue-600 text-white ring-2 ring-blue-600 ring-offset-2 dark:bg-blue-500 dark:ring-blue-500'
-				: 'bg-gray-100/80 text-gray-700 backdrop-blur-xl hover:bg-gray-200/80 dark:bg-gray-800/80 dark:text-gray-300 dark:hover:bg-gray-700/80'}"
-		>
-			{#if tag.color}
-				<span class="h-2 w-2 rounded-full" style="background-color: {tag.color};"></span>
-			{/if}
-			<span>{tag.name}</span>
-			{#if selected}
-				<Check size={14} weight="bold" />
-			{/if}
-		</button>
-	{/each}
-
-	{#if allTags.value.length === 0}
-		<p class="text-sm text-gray-500 dark:text-gray-400">
-			Keine Tags vorhanden. Erstelle Tags in der Tag-Verwaltung.
-		</p>
-	{/if}
-</div>
diff --git a/apps/picture/apps/web-archived/src/lib/components/ui/Button.svelte b/apps/picture/apps/web-archived/src/lib/components/ui/Button.svelte
deleted file mode 100644
index 60294cf6e..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/ui/Button.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { HTMLButtonAttributes } from 'svelte/elements';
-
-	interface Props extends HTMLButtonAttributes {
-		variant?: 'primary' | 'secondary' | 'danger';
-		loading?: boolean;
-		children?: Snippet;
-	}
-
-	let {
-		variant = 'primary',
-		loading = false,
-		disabled,
-		children,
-		class: className,
-		...rest
-	}: Props = $props();
-
-	const variantClasses: Record<string, string> = {
-		primary: 'bg-blue-600 text-white hover:bg-blue-700 disabled:bg-blue-300',
-		secondary:
-			'bg-gray-100 text-gray-700 hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-400',
-		danger: 'bg-red-600 text-white hover:bg-red-700 disabled:bg-red-300',
-	};
-</script>
-
-<button
-	class="inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed {variantClasses[
-		variant
-	]} {className ?? ''}"
-	disabled={disabled || loading}
-	{...rest}
->
-	{#if loading}
-		<div
-			class="mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-r-transparent"
-		></div>
-	{/if}
-	{#if children}
-		{@render children()}
-	{/if}
-</button>
diff --git a/apps/picture/apps/web-archived/src/lib/components/ui/Card.svelte b/apps/picture/apps/web-archived/src/lib/components/ui/Card.svelte
deleted file mode 100644
index 829b4324f..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/ui/Card.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	interface Props {
-		class?: string;
-		children?: Snippet;
-	}
-
-	let { class: className, children }: Props = $props();
-</script>
-
-<div class="rounded-lg border border-gray-200 bg-white shadow-sm {className ?? ''}">
-	{#if children}
-		{@render children()}
-	{/if}
-</div>
diff --git a/apps/picture/apps/web-archived/src/lib/components/ui/ContextMenu.svelte b/apps/picture/apps/web-archived/src/lib/components/ui/ContextMenu.svelte
deleted file mode 100644
index bbc6e74e0..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/ui/ContextMenu.svelte
+++ /dev/null
@@ -1,342 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import {
-		contextMenu,
-		hideContextMenu,
-		showTagSubmenu,
-		hideTagSubmenu,
-	} from '$lib/stores/contextMenu';
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	const allTags: { value: Tag[] } = getContext('tags');
-	import { addTagToImage, removeTagFromImage, getImageTags } from '$lib/api/tags';
-	import { imageCollection } from '$lib/data/local-store';
-	import { toastStore } from '@manacore/shared-ui';
-	import {
-		DownloadSimple,
-		Link,
-		Heart,
-		Tag as TagIcon,
-		Archive,
-		ArrowCounterClockwise,
-		Trash,
-		CaretRight,
-		Check,
-	} from '@manacore/shared-icons';
-
-	let tagSubmenuElement = $state<HTMLElement | null>(null);
-	let imageTags = $state<Tag[]>([]);
-
-	// Check if current image is archived
-	const isArchived = $derived(
-		$contextMenu.image?.archivedAt !== null && $contextMenu.image?.archivedAt !== undefined
-	);
-
-	// Check if current image is favorite
-	const isFavorite = $derived($contextMenu.image?.isFavorite === true);
-
-	// Check if current image belongs to current user
-	const isOwnImage = $derived($contextMenu.image?.userId === authStore.user?.id);
-
-	type IconName = 'download' | 'link' | 'heart' | 'tag' | 'archive' | 'restore' | 'trash';
-
-	interface MenuItem {
-		label: string;
-		iconName: IconName;
-		action: () => void;
-		submenu?: boolean;
-		divider?: boolean;
-		filled?: boolean; // For filled icons like favorite
-	}
-
-	$effect(() => {
-		if ($contextMenu.image) {
-			loadImageTags($contextMenu.image.id);
-		}
-	});
-
-	async function loadImageTags(imageId: string) {
-		try {
-			imageTags = await getImageTags(imageId);
-		} catch (error) {
-			console.error('Error loading image tags:', error);
-		}
-	}
-
-	function handleTagsMouseEnter(e: MouseEvent) {
-		const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
-		showTagSubmenu(rect.right, rect.top);
-	}
-
-	async function handleAddTag(tag: Tag) {
-		if (!$contextMenu.image) return;
-
-		try {
-			await addTagToImage($contextMenu.image.id, tag.id);
-			await loadImageTags($contextMenu.image.id);
-			toastStore.show(`Tag "${tag.name}" hinzugefügt`, 'success');
-		} catch (error) {
-			console.error('Error adding tag:', error);
-			toastStore.show('Fehler beim Hinzufügen des Tags', 'error');
-		}
-	}
-
-	async function handleRemoveTag(tag: Tag) {
-		if (!$contextMenu.image) return;
-
-		try {
-			await removeTagFromImage($contextMenu.image.id, tag.id);
-			await loadImageTags($contextMenu.image.id);
-			toastStore.show(`Tag "${tag.name}" entfernt`, 'success');
-		} catch (error) {
-			console.error('Error removing tag:', error);
-			toastStore.show('Fehler beim Entfernen des Tags', 'error');
-		}
-	}
-
-	function handleDownload() {
-		if (!$contextMenu.image?.publicUrl) return;
-
-		const link = document.createElement('a');
-		link.href = $contextMenu.image.publicUrl;
-		link.download = $contextMenu.image.filename || 'image.png';
-		link.click();
-		hideContextMenu();
-		toastStore.show('Download gestartet', 'success');
-	}
-
-	function handleCopyLink() {
-		if (!$contextMenu.image?.publicUrl) return;
-
-		navigator.clipboard.writeText($contextMenu.image.publicUrl);
-		hideContextMenu();
-		toastStore.show('Link kopiert', 'success');
-	}
-
-	async function handleDelete() {
-		if (!$contextMenu.image) return;
-
-		if (confirm('Möchten Sie dieses Bild wirklich löschen?')) {
-			try {
-				await imageCollection.delete($contextMenu.image.id);
-				hideContextMenu();
-				toastStore.show('Bild gelöscht', 'success');
-			} catch (error) {
-				console.error('Error deleting image:', error);
-				toastStore.show('Fehler beim Löschen des Bildes', 'error');
-			}
-		}
-	}
-
-	async function handleArchive() {
-		if (!$contextMenu.image) return;
-
-		try {
-			if (isArchived) {
-				// Unarchive: clear archivedAt
-				await imageCollection.update($contextMenu.image.id, { archivedAt: null });
-				hideContextMenu();
-				toastStore.show('Bild wiederhergestellt', 'success');
-			} else {
-				// Archive: set archivedAt
-				await imageCollection.update($contextMenu.image.id, {
-					archivedAt: new Date().toISOString(),
-				});
-				hideContextMenu();
-				toastStore.show('Bild archiviert', 'success');
-			}
-		} catch (error) {
-			console.error('Error archiving/unarchiving image:', error);
-			toastStore.show('Fehler beim Archivieren des Bildes', 'error');
-		}
-	}
-
-	async function handleToggleFavorite() {
-		if (!$contextMenu.image) return;
-
-		try {
-			const newFavoriteStatus = !isFavorite;
-			await imageCollection.update($contextMenu.image.id, { isFavorite: newFavoriteStatus });
-
-			hideContextMenu();
-			toastStore.show(
-				newFavoriteStatus ? 'Zu Favoriten hinzugefügt' : 'Aus Favoriten entfernt',
-				'success'
-			);
-		} catch (error) {
-			console.error('Error toggling favorite:', error);
-			toastStore.show('Fehler beim Aktualisieren der Favoriten', 'error');
-		}
-	}
-
-	const menuItems = $derived([
-		{
-			label: 'Herunterladen',
-			iconName: 'download' as IconName,
-			action: handleDownload,
-		},
-		{
-			label: 'Link kopieren',
-			iconName: 'link' as IconName,
-			action: handleCopyLink,
-		},
-		{
-			label: isFavorite ? 'Aus Favoriten entfernen' : 'Zu Favoriten',
-			iconName: 'heart' as IconName,
-			action: handleToggleFavorite,
-			filled: isFavorite,
-		},
-		{
-			label: 'Tags',
-			iconName: 'tag' as IconName,
-			action: () => {},
-			submenu: true,
-			divider: true,
-		},
-		// Only show Archive/Restore for own images
-		...(isOwnImage
-			? [
-					{
-						label: isArchived ? 'Wiederherstellen' : 'Archivieren',
-						iconName: (isArchived ? 'restore' : 'archive') as IconName,
-						action: handleArchive,
-						divider: true,
-					},
-				]
-			: []),
-		// Only show Delete for own images
-		...(isOwnImage
-			? [
-					{
-						label: 'Löschen',
-						iconName: 'trash' as IconName,
-						action: handleDelete,
-					},
-				]
-			: []),
-	] as MenuItem[]);
-
-	function handleClick() {
-		hideContextMenu();
-	}
-
-	onMount(() => {
-		// Close menu on click outside
-		const handleClickOutside = () => {
-			hideContextMenu();
-		};
-
-		window.addEventListener('click', handleClickOutside);
-
-		return () => {
-			window.removeEventListener('click', handleClickOutside);
-		};
-	});
-</script>
-
-<svelte:window
-	on:contextmenu={(e) => {
-		if ($contextMenu.visible) {
-			e.preventDefault();
-		}
-	}}
-/>
-
-{#if $contextMenu.visible}
-	<div
-		class="fixed z-[60] min-w-[200px] rounded-2xl border border-gray-200/50 bg-white/95 py-2 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/95"
-		style="left: {$contextMenu.x}px; top: {$contextMenu.y}px;"
-		onclick={(e) => e.stopPropagation()}
-		role="menu"
-	>
-		{#each menuItems as item}
-			{#if item.divider}
-				<div class="my-2 border-t border-gray-200 dark:border-gray-700"></div>
-			{/if}
-
-			<button
-				onclick={() => {
-					if (!item.submenu) {
-						item.action();
-					}
-				}}
-				onmouseenter={item.submenu ? handleTagsMouseEnter : hideTagSubmenu}
-				class="flex w-full items-center gap-3 px-4 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800 {item.label ===
-				'Löschen'
-					? 'text-red-600 dark:text-red-400'
-					: ''}"
-				role="menuitem"
-			>
-				<span class="flex-shrink-0">
-					{#if item.iconName === 'download'}
-						<DownloadSimple size={16} weight={item.filled ? 'fill' : 'regular'} />
-					{:else if item.iconName === 'link'}
-						<Link size={16} weight={item.filled ? 'fill' : 'regular'} />
-					{:else if item.iconName === 'heart'}
-						<Heart size={16} weight={item.filled ? 'fill' : 'regular'} />
-					{:else if item.iconName === 'tag'}
-						<TagIcon size={16} weight={item.filled ? 'fill' : 'regular'} />
-					{:else if item.iconName === 'archive'}
-						<Archive size={16} weight={item.filled ? 'fill' : 'regular'} />
-					{:else if item.iconName === 'restore'}
-						<ArrowCounterClockwise size={16} weight={item.filled ? 'fill' : 'regular'} />
-					{:else if item.iconName === 'trash'}
-						<Trash size={16} weight={item.filled ? 'fill' : 'regular'} />
-					{/if}
-				</span>
-				<span class="flex-1">{item.label}</span>
-				{#if item.submenu}
-					<CaretRight size={16} />
-				{/if}
-			</button>
-		{/each}
-	</div>
-
-	<!-- Tag Submenu -->
-	{#if $contextMenu.showTagSubmenu}
-		<div
-			bind:this={tagSubmenuElement}
-			class="fixed z-[70] max-h-[400px] min-w-[220px] overflow-y-auto rounded-2xl border border-gray-200/50 bg-white/95 py-2 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/95"
-			style="left: {$contextMenu.submenuX}px; top: {$contextMenu.submenuY}px;"
-			onclick={(e) => e.stopPropagation()}
-			onmouseleave={hideTagSubmenu}
-			role="menu"
-		>
-			{#if allTags.value.length === 0}
-				<div class="px-4 py-3 text-sm text-gray-500 dark:text-gray-400">Keine Tags vorhanden</div>
-			{:else}
-				<div class="px-3 pb-2 pt-1">
-					<p class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">
-						Tags hinzufügen/entfernen
-					</p>
-				</div>
-				{#each allTags.value as tag}
-					{@const hasTag = imageTags.some((t) => t.id === tag.id)}
-					<button
-						onclick={() => {
-							if (hasTag) {
-								handleRemoveTag(tag);
-							} else {
-								handleAddTag(tag);
-							}
-							hideTagSubmenu();
-						}}
-						class="flex w-full items-center gap-3 px-4 py-2.5 text-left text-sm transition-colors hover:bg-gray-100 dark:hover:bg-gray-800"
-						role="menuitem"
-					>
-						<div
-							class="h-3 w-3 flex-shrink-0 rounded-full"
-							style="background-color: {tag.color || '#6B7280'};"
-						></div>
-						<span class="flex-1 text-gray-700 dark:text-gray-300">{tag.name}</span>
-						{#if hasTag}
-							<Check size={16} weight="bold" class="text-blue-600 dark:text-blue-400" />
-						{/if}
-					</button>
-				{/each}
-			{/if}
-		</div>
-	{/if}
-{/if}
diff --git a/apps/picture/apps/web-archived/src/lib/components/ui/ImageSkeleton.svelte b/apps/picture/apps/web-archived/src/lib/components/ui/ImageSkeleton.svelte
deleted file mode 100644
index 685f271fa..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/ui/ImageSkeleton.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	interface Props {
-		count?: number;
-	}
-
-	let { count = 10 }: Props = $props();
-</script>
-
-<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">
-	{#each Array(count) as _, i}
-		<div
-			class="aspect-square animate-pulse overflow-hidden rounded-lg bg-gray-200 dark:bg-gray-800"
-		>
-			<!-- Skeleton shimmer effect -->
-			<div
-				class="h-full w-full bg-gradient-to-r from-gray-200 via-gray-100 to-gray-200 dark:from-gray-800 dark:via-gray-700 dark:to-gray-800"
-			></div>
-		</div>
-	{/each}
-</div>
-
-<style>
-	@keyframes shimmer {
-		0% {
-			background-position: -1000px 0;
-		}
-		100% {
-			background-position: 1000px 0;
-		}
-	}
-
-	.animate-pulse {
-		animation: shimmer 2s infinite linear;
-		background-size: 1000px 100%;
-	}
-</style>
diff --git a/apps/picture/apps/web-archived/src/lib/components/ui/KeyboardShortcutsModal.svelte b/apps/picture/apps/web-archived/src/lib/components/ui/KeyboardShortcutsModal.svelte
deleted file mode 100644
index 5026611f7..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/ui/KeyboardShortcutsModal.svelte
+++ /dev/null
@@ -1,105 +0,0 @@
-<script lang="ts">
-	import { showKeyboardShortcuts } from '$lib/stores/ui';
-	import { X } from '@manacore/shared-icons';
-
-	interface Shortcut {
-		key: string;
-		description: string;
-		category: string;
-	}
-
-	const shortcuts: Shortcut[] = [
-		{ key: 'Tab', description: 'UI ein-/ausblenden', category: 'Allgemein' },
-		{ key: '?', description: 'Tastaturkürzel anzeigen', category: 'Allgemein' },
-		{ key: 'Escape', description: 'Modals/Overlays schließen', category: 'Allgemein' },
-		{ key: 'G', description: 'Zur Galerie', category: 'Navigation' },
-		{ key: 'E', description: 'Zu Entdecken', category: 'Navigation' },
-		{ key: 'N', description: 'Neue Generierung', category: 'Navigation' },
-		{ key: 'U', description: 'Zu Upload', category: 'Navigation' },
-		{ key: 'A', description: 'Zum Archiv', category: 'Navigation' },
-		{ key: '1', description: 'Listen-Ansicht', category: 'Ansicht' },
-		{ key: '2', description: 'Grid 3x3 Ansicht', category: 'Ansicht' },
-		{ key: '3', description: 'Grid 5x5 Ansicht', category: 'Ansicht' },
-		{ key: 'S', description: 'Sidebar öffnen/schließen', category: 'UI' },
-	];
-
-	const categories = [...new Set(shortcuts.map((s) => s.category))];
-
-	function handleKeyDown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			showKeyboardShortcuts.set(false);
-		}
-	}
-</script>
-
-<svelte:window on:keydown={handleKeyDown} />
-
-{#if $showKeyboardShortcuts}
-	<div
-		class="fixed inset-0 z-[100] flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm"
-		onclick={() => showKeyboardShortcuts.set(false)}
-		role="presentation"
-	>
-		<div
-			class="max-h-[90vh] w-full max-w-2xl overflow-y-auto rounded-3xl border border-gray-200/50 bg-white/95 p-8 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/95"
-			onclick={(e) => e.stopPropagation()}
-			role="dialog"
-			aria-modal="true"
-			aria-labelledby="shortcuts-title"
-		>
-			<!-- Header -->
-			<div class="mb-6 flex items-center justify-between">
-				<h2 id="shortcuts-title" class="text-2xl font-bold text-gray-900 dark:text-gray-100">
-					Tastaturkürzel
-				</h2>
-				<button
-					onclick={() => showKeyboardShortcuts.set(false)}
-					class="flex h-10 w-10 items-center justify-center rounded-full bg-gray-100/80 text-gray-600 backdrop-blur-xl transition-all hover:bg-gray-200/80 dark:bg-gray-800/80 dark:text-gray-400 dark:hover:bg-gray-700/80"
-					aria-label="Schließen"
-				>
-					<X size={20} weight="bold" />
-				</button>
-			</div>
-
-			<!-- Shortcuts by Category -->
-			<div class="space-y-6">
-				{#each categories as category}
-					<div>
-						<h3
-							class="mb-3 text-sm font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400"
-						>
-							{category}
-						</h3>
-						<div class="space-y-2">
-							{#each shortcuts.filter((s) => s.category === category) as shortcut}
-								<div
-									class="flex items-center justify-between rounded-lg bg-gray-50 p-3 dark:bg-gray-800/50"
-								>
-									<span class="text-sm text-gray-700 dark:text-gray-300"
-										>{shortcut.description}</span
-									>
-									<kbd
-										class="rounded-lg bg-white px-3 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-gray-300 dark:bg-gray-700 dark:text-gray-100 dark:ring-gray-600"
-									>
-										{shortcut.key}
-									</kbd>
-								</div>
-							{/each}
-						</div>
-					</div>
-				{/each}
-			</div>
-
-			<!-- Footer -->
-			<div class="mt-6 rounded-lg bg-blue-50 p-4 dark:bg-blue-900/20">
-				<p class="text-sm text-blue-800 dark:text-blue-300">
-					💡 Tipp: Drücke <kbd
-						class="rounded bg-blue-200 px-2 py-0.5 font-mono text-xs font-semibold dark:bg-blue-800"
-						>?</kbd
-					>
-					um diese Hilfe jederzeit anzuzeigen
-				</p>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/picture/apps/web-archived/src/lib/components/ui/Modal.svelte b/apps/picture/apps/web-archived/src/lib/components/ui/Modal.svelte
deleted file mode 100644
index 850df6226..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/ui/Modal.svelte
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import { onMount } from 'svelte';
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		open: boolean;
-		onClose: () => void;
-		size?: 'small' | 'medium' | 'large';
-		children: Snippet;
-	}
-
-	let { open, onClose, size = 'medium', children }: Props = $props();
-
-	const sizeClasses = {
-		small: 'max-w-md',
-		medium: 'max-w-2xl',
-		large: 'max-w-6xl',
-	};
-	let modalElement = $state<HTMLDivElement | null>(null);
-
-	onMount(() => {
-		function handleEscape(e: KeyboardEvent) {
-			if (e.key === 'Escape' && open) {
-				onClose();
-			}
-		}
-
-		window.addEventListener('keydown', handleEscape);
-		return () => window.removeEventListener('keydown', handleEscape);
-	});
-
-	$effect(() => {
-		if (open && modalElement) {
-			// Lock body scroll when modal is open
-			document.body.style.overflow = 'hidden';
-
-			// Focus the modal
-			modalElement.focus();
-		} else {
-			// Restore body scroll
-			document.body.style.overflow = '';
-		}
-	});
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-{#if open}
-	<div
-		bind:this={modalElement}
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 dark:bg-black/70"
-		onclick={handleBackdropClick}
-		onkeydown={handleKeydown}
-		role="dialog"
-		aria-modal="true"
-		tabindex="-1"
-	>
-		<div
-			class="relative max-h-[90vh] w-full {sizeClasses[
-				size
-			]} overflow-auto rounded-lg bg-white shadow-xl dark:bg-gray-900"
-		>
-			<button
-				onclick={onClose}
-				class="absolute right-4 top-4 z-10 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black/50 dark:bg-gray-800 dark:hover:bg-gray-700"
-				aria-label="Close"
-			>
-				<X size={24} weight="bold" />
-			</button>
-			{@render children()}
-		</div>
-	</div>
-{/if}
diff --git a/apps/picture/apps/web-archived/src/lib/components/ui/ViewModeSwitcher.svelte b/apps/picture/apps/web-archived/src/lib/components/ui/ViewModeSwitcher.svelte
deleted file mode 100644
index d00c96e2d..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/ui/ViewModeSwitcher.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-	import { viewMode, cycleViewMode } from '$lib/stores/view';
-	import type { ViewMode } from '$lib/stores/view';
-	import { List, SquaresFour, Square } from '@manacore/shared-icons';
-
-	function getLabel(mode: ViewMode) {
-		switch (mode) {
-			case 'single':
-				return 'Liste';
-			case 'grid3':
-				return 'Mittel';
-			case 'grid5':
-				return 'Klein';
-		}
-	}
-</script>
-
-<button
-	onclick={cycleViewMode}
-	class="flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-	title="Ansicht wechseln ({getLabel($viewMode)})"
->
-	{#if $viewMode === 'single'}
-		<List size={20} />
-	{:else if $viewMode === 'grid3'}
-		<SquaresFour size={20} />
-	{:else}
-		<Square size={20} />
-	{/if}
-	<span class="hidden sm:inline">{getLabel($viewMode)}</span>
-</button>
diff --git a/apps/picture/apps/web-archived/src/lib/components/upload/DropZone.svelte b/apps/picture/apps/web-archived/src/lib/components/upload/DropZone.svelte
deleted file mode 100644
index 46dbae73d..000000000
--- a/apps/picture/apps/web-archived/src/lib/components/upload/DropZone.svelte
+++ /dev/null
@@ -1,252 +0,0 @@
-<script lang="ts">
-	import { validateImage } from '$lib/api/upload';
-	import type { UploadProgress } from '$lib/api/upload';
-	import { CloudArrowUp, X } from '@manacore/shared-icons';
-
-	interface Props {
-		onFilesSelected: (files: File[]) => void;
-		uploading?: boolean;
-		uploadProgress?: UploadProgress[];
-	}
-
-	let { onFilesSelected, uploading = false, uploadProgress = [] }: Props = $props();
-
-	let isDragging = $state(false);
-	let fileInput: HTMLInputElement | null = $state(null);
-	let selectedFiles = $state<File[]>([]);
-	let previews = $state<{ file: File; url: string; error?: string }[]>([]);
-
-	function handleDragOver(e: DragEvent) {
-		e.preventDefault();
-		isDragging = true;
-	}
-
-	function handleDragLeave(e: DragEvent) {
-		e.preventDefault();
-		isDragging = false;
-	}
-
-	function handleDrop(e: DragEvent) {
-		e.preventDefault();
-		isDragging = false;
-
-		const files = Array.from(e.dataTransfer?.files || []);
-		handleFiles(files);
-	}
-
-	function handleFileInputChange(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const files = Array.from(input.files || []);
-		handleFiles(files);
-	}
-
-	function handleFiles(files: File[]) {
-		// Filter only image files
-		const imageFiles = files.filter((file) => file.type.startsWith('image/'));
-
-		// Validate each file
-		const validatedFiles = imageFiles.map((file) => {
-			const validation = validateImage(file);
-			const url = URL.createObjectURL(file);
-
-			return {
-				file,
-				url,
-				error: validation.valid ? undefined : validation.error,
-			};
-		});
-
-		previews = validatedFiles;
-		selectedFiles = validatedFiles.filter((f) => !f.error).map((f) => f.file);
-	}
-
-	function removeFile(index: number) {
-		URL.revokeObjectURL(previews[index].url);
-		previews = previews.filter((_, i) => i !== index);
-		selectedFiles = selectedFiles.filter((_, i) => i !== index);
-	}
-
-	function handleUpload() {
-		if (selectedFiles.length > 0) {
-			onFilesSelected(selectedFiles);
-		}
-	}
-
-	function clearAll() {
-		previews.forEach((p) => URL.revokeObjectURL(p.url));
-		previews = [];
-		selectedFiles = [];
-		if (fileInput) fileInput.value = '';
-	}
-
-	function getProgressForFile(filename: string): UploadProgress | undefined {
-		return uploadProgress.find((p) => p.filename === filename);
-	}
-
-	// Cleanup on unmount
-	$effect(() => {
-		return () => {
-			previews.forEach((p) => URL.revokeObjectURL(p.url));
-		};
-	});
-</script>
-
-<div class="space-y-6">
-	<!-- Drop Zone -->
-	{#if !uploading && previews.length === 0}
-		<div
-			ondragover={handleDragOver}
-			ondragleave={handleDragLeave}
-			ondrop={handleDrop}
-			onclick={() => fileInput?.click()}
-			class="flex min-h-[400px] cursor-pointer flex-col items-center justify-center rounded-2xl border-2 border-dashed p-12 transition-all {isDragging
-				? 'border-blue-500 bg-blue-50 dark:bg-blue-950/20'
-				: 'border-gray-300 bg-gray-50/50 hover:border-gray-400 dark:border-gray-700 dark:bg-gray-800/50 dark:hover:border-gray-600'}"
-			role="button"
-			tabindex="0"
-		>
-			<CloudArrowUp
-				size={64}
-				weight="regular"
-				class="mb-4 {isDragging ? 'text-blue-500' : 'text-gray-400 dark:text-gray-600'}"
-			/>
-
-			<h3 class="mb-2 text-xl font-semibold text-gray-900 dark:text-white">
-				{isDragging ? 'Loslassen zum Hochladen' : 'Bilder hochladen'}
-			</h3>
-			<p class="mb-4 text-sm text-gray-600 dark:text-gray-400">
-				Ziehe deine Bilder hierher oder klicke zum Auswählen
-			</p>
-			<p class="text-xs text-gray-500 dark:text-gray-500">
-				JPG, PNG oder WebP • Max. 10MB pro Bild
-			</p>
-
-			<input
-				bind:this={fileInput}
-				type="file"
-				accept="image/jpeg,image/jpg,image/png,image/webp"
-				multiple
-				onchange={handleFileInputChange}
-				class="hidden"
-			/>
-		</div>
-	{/if}
-
-	<!-- Preview Grid -->
-	{#if previews.length > 0}
-		<div class="space-y-4">
-			<div class="flex items-center justify-between">
-				<h3 class="text-lg font-semibold text-gray-900 dark:text-white">
-					{previews.length}
-					{previews.length === 1 ? 'Bild' : 'Bilder'} ausgewählt
-				</h3>
-				{#if !uploading}
-					<button
-						onclick={clearAll}
-						class="text-sm text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white"
-					>
-						Alle entfernen
-					</button>
-				{/if}
-			</div>
-
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each previews as preview, index (preview.file.name)}
-					{@const progress = getProgressForFile(preview.file.name)}
-					<div
-						class="group relative overflow-hidden rounded-lg border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800"
-					>
-						<!-- Image Preview -->
-						<div class="aspect-square w-full">
-							<img src={preview.url} alt={preview.file.name} class="h-full w-full object-cover" />
-						</div>
-
-						<!-- Overlay -->
-						<div
-							class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent"
-						>
-							<!-- Remove Button (only when not uploading) -->
-							{#if !uploading}
-								<button
-									onclick={() => removeFile(index)}
-									class="absolute right-2 top-2 flex h-8 w-8 items-center justify-center rounded-full bg-white/90 text-gray-900 opacity-0 transition-opacity hover:bg-white group-hover:opacity-100"
-								>
-									<X size={16} weight="bold" />
-								</button>
-							{/if}
-
-							<!-- File Info -->
-							<div class="absolute bottom-0 left-0 right-0 p-3">
-								<p class="truncate text-sm font-medium text-white">
-									{preview.file.name}
-								</p>
-								<p class="text-xs text-white/80">
-									{(preview.file.size / 1024 / 1024).toFixed(2)} MB
-								</p>
-
-								<!-- Error -->
-								{#if preview.error}
-									<div class="mt-2 rounded bg-red-500/90 px-2 py-1 text-xs text-white">
-										{preview.error}
-									</div>
-								{/if}
-
-								<!-- Progress -->
-								{#if progress}
-									<div class="mt-2 space-y-1">
-										<div class="flex items-center justify-between text-xs text-white">
-											<span>
-												{#if progress.status === 'uploading'}
-													Hochladen...
-												{:else if progress.status === 'success'}
-													✓ Fertig
-												{:else if progress.status === 'error'}
-													✗ Fehler
-												{:else}
-													Warten...
-												{/if}
-											</span>
-											{#if progress.status === 'uploading' || progress.status === 'success'}
-												<span>{Math.round(progress.progress)}%</span>
-											{/if}
-										</div>
-
-										{#if progress.status === 'uploading' || progress.status === 'success'}
-											<div class="h-1 w-full overflow-hidden rounded-full bg-white/20">
-												<div
-													class="h-full bg-white transition-all duration-300 {progress.status ===
-													'success'
-														? 'bg-green-500'
-														: ''}"
-													style="width: {progress.progress}%"
-												></div>
-											</div>
-										{/if}
-
-										{#if progress.error}
-											<p class="text-xs text-red-300">{progress.error}</p>
-										{/if}
-									</div>
-								{/if}
-							</div>
-						</div>
-					</div>
-				{/each}
-			</div>
-
-			<!-- Upload Button -->
-			{#if !uploading && selectedFiles.length > 0}
-				<div class="flex justify-center pt-4">
-					<button
-						onclick={handleUpload}
-						class="flex items-center gap-2 rounded-lg bg-blue-600 px-6 py-3 text-base font-medium text-white transition-all hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600"
-					>
-						<CloudArrowUp size={20} weight="bold" />
-						{selectedFiles.length}
-						{selectedFiles.length === 1 ? 'Bild' : 'Bilder'} hochladen
-					</button>
-				</div>
-			{/if}
-		</div>
-	{/if}
-</div>
diff --git a/apps/picture/apps/web-archived/src/lib/content/help/index.test.ts b/apps/picture/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 9e85eac22..000000000
--- a/apps/picture/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getPictureHelpContent } from './index';
-
-describe('Picture Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getPictureHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getPictureHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getPictureHelpContent('de');
-		const en = getPictureHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getPictureHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/picture/apps/web-archived/src/lib/content/help/index.ts b/apps/picture/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 03578e7f3..000000000
--- a/apps/picture/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-/**
- * Help content for Picture app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getPictureHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-generate',
-				question: isDE ? 'Wie generiere ich ein Bild?' : 'How do I generate an image?',
-				answer: isDE
-					? '<p>So erstellst du ein KI-Bild:</p><ol><li>Gehe zu <strong>Generieren</strong> (Taste <kbd>N</kbd>)</li><li>Wähle ein Modell aus</li><li>Beschreibe dein gewünschtes Bild im Prompt-Feld</li><li>Klicke auf <strong>Generieren</strong></li></ol><p>Tipp: Je detaillierter dein Prompt, desto besser das Ergebnis.</p>'
-					: '<p>To create an AI image:</p><ol><li>Go to <strong>Generate</strong> (key <kbd>N</kbd>)</li><li>Select a model</li><li>Describe your desired image in the prompt field</li><li>Click <strong>Generate</strong></li></ol><p>Tip: The more detailed your prompt, the better the result.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				featured: true,
-				tags: isDE
-					? ['generieren', 'bild', 'erstellen', 'prompt']
-					: ['generate', 'image', 'create', 'prompt'],
-			},
-			{
-				id: 'faq-credits',
-				question: isDE ? 'Wie funktioniert das Credit-System?' : 'How does the credit system work?',
-				answer: isDE
-					? '<p>Picture nutzt ein Freemium-Modell:</p><ul><li><strong>3 kostenlose Generierungen</strong> für neue Nutzer</li><li>Danach werden <strong>10 Credits pro Generierung</strong> berechnet</li><li>Credits können über die Einstellungen erworben werden</li><li>Dein verbleibendes Kontingent wird in der App angezeigt</li></ul>'
-					: '<p>Picture uses a freemium model:</p><ul><li><strong>3 free generations</strong> for new users</li><li>After that, <strong>10 credits per generation</strong> are charged</li><li>Credits can be purchased via settings</li><li>Your remaining balance is displayed in the app</li></ul>',
-				category: 'billing',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['credits', 'kosten', 'freemium'] : ['credits', 'cost', 'freemium'],
-			},
-			{
-				id: 'faq-boards',
-				question: isDE ? 'Was sind Moodboards?' : 'What are Moodboards?',
-				answer: isDE
-					? '<p>Moodboards sind Sammlungen, um deine Bilder zu organisieren:</p><ul><li>Erstelle Boards für verschiedene Projekte oder Stile</li><li>Füge Bilder per Drag & Drop zu Boards hinzu</li><li>Teile Boards mit anderen</li></ul><p>Gehe zu <strong>Boards</strong> (Taste <kbd>M</kbd>) um loszulegen.</p>'
-					: '<p>Moodboards are collections to organize your images:</p><ul><li>Create boards for different projects or styles</li><li>Add images to boards via drag & drop</li><li>Share boards with others</li></ul><p>Go to <strong>Boards</strong> (key <kbd>M</kbd>) to get started.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['moodboard', 'sammlung', 'organisieren']
-					: ['moodboard', 'collection', 'organize'],
-			},
-			{
-				id: 'faq-explore',
-				question: isDE ? 'Was ist der Explore-Bereich?' : 'What is the Explore section?',
-				answer: isDE
-					? '<p>Im Explore-Bereich kannst du Bilder anderer Nutzer entdecken, dich inspirieren lassen und Prompts als Vorlage verwenden.</p>'
-					: '<p>In the Explore section you can discover images from other users, get inspired, and use prompts as templates.</p>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE
-					? ['explore', 'entdecken', 'inspiration']
-					: ['explore', 'discover', 'inspiration'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Bilder', dataTypeEN: 'images' }),
-		],
-		features: [
-			{
-				id: 'feature-generate',
-				title: isDE ? 'KI-Bildgenerierung' : 'AI Image Generation',
-				description: isDE
-					? 'Erstelle Bilder mit modernsten KI-Modellen'
-					: 'Create images with state-of-the-art AI models',
-				icon: '🎨',
-				category: 'core',
-				highlights: isDE
-					? ['Replicate AI-Modelle', 'Prompt-basiert', '3 kostenlose Generierungen']
-					: ['Replicate AI models', 'Prompt-based', '3 free generations'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-gallery',
-				title: isDE ? 'Galerie' : 'Gallery',
-				description: isDE
-					? 'Verwalte und organisiere deine generierten Bilder'
-					: 'Manage and organize your generated images',
-				icon: '🖼️',
-				category: 'core',
-				highlights: isDE
-					? ['Raster- & Listenansicht', 'Tags & Favoriten', 'Archiv']
-					: ['Grid & list view', 'Tags & favorites', 'Archive'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-boards',
-				title: 'Moodboards',
-				description: isDE
-					? 'Sammle und organisiere Bilder in thematischen Boards'
-					: 'Collect and organize images in themed boards',
-				icon: '📌',
-				category: 'core',
-				highlights: isDE
-					? ['Drag & Drop', 'Boards teilen', 'Thematisch sortieren']
-					: ['Drag & drop', 'Share boards', 'Sort by theme'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-explore',
-				title: 'Explore',
-				description: isDE
-					? 'Entdecke Bilder und Prompts der Community'
-					: 'Discover images and prompts from the community',
-				icon: '🔍',
-				category: 'core',
-				highlights: isDE
-					? ['Community-Feed', 'Prompt-Vorlagen', 'Inspiration']
-					: ['Community feed', 'Prompt templates', 'Inspiration'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [
-			{
-				id: 'shortcuts-nav',
-				category: 'navigation',
-				title: 'Navigation',
-				language: isDE ? 'de' : 'en',
-				order: 1,
-				shortcuts: [
-					{ shortcut: 'G', action: isDE ? 'Galerie' : 'Gallery' },
-					{ shortcut: 'M', action: 'Moodboards' },
-					{ shortcut: 'E', action: 'Explore' },
-					{ shortcut: 'N', action: isDE ? 'Generieren' : 'Generate' },
-					{ shortcut: 'U', action: 'Upload' },
-					{ shortcut: 'A', action: isDE ? 'Archiv' : 'Archive' },
-				],
-			},
-			{
-				id: 'shortcuts-view',
-				category: 'general',
-				title: isDE ? 'Ansicht' : 'View',
-				language: isDE ? 'de' : 'en',
-				order: 2,
-				shortcuts: [
-					{ shortcut: '1', action: isDE ? 'Listen-Ansicht' : 'List view' },
-					{ shortcut: '2', action: isDE ? 'Raster 3×3' : 'Grid 3×3' },
-					{ shortcut: '3', action: isDE ? 'Raster 5×5' : 'Grid 5×5' },
-					{ shortcut: 'Tab', action: isDE ? 'UI ein-/ausblenden' : 'Toggle UI' },
-					{ shortcut: '?', action: isDE ? 'Tastenkürzel anzeigen' : 'Show shortcuts' },
-				],
-			},
-		],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Picture.</p>'
-				: '<p>Our support team is here to help you with any picture-related questions.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/picture/apps/web-archived/src/lib/data/guest-seed.ts b/apps/picture/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 335cac7bd..000000000
--- a/apps/picture/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-/**
- * Guest seed data for the Picture app.
- *
- * Provides a demo board with text items to showcase the moodboard feature.
- * No actual images are included since generation requires authentication.
- */
-
-import type { LocalBoard, LocalBoardItem, LocalTag } from './local-store';
-
-const DEMO_BOARD_ID = 'demo-moodboard';
-
-export const guestBoards: LocalBoard[] = [
-	{
-		id: DEMO_BOARD_ID,
-		name: 'Willkommen bei Picture',
-		description: 'Dein erstes Moodboard — erstelle eigene Bilder mit KI!',
-		canvasWidth: 2000,
-		canvasHeight: 1500,
-		backgroundColor: '#1e1e2e',
-		isPublic: false,
-	},
-];
-
-export const guestBoardItems: LocalBoardItem[] = [
-	{
-		id: 'text-welcome',
-		boardId: DEMO_BOARD_ID,
-		itemType: 'text',
-		textContent: 'Willkommen bei Picture!',
-		fontSize: 48,
-		color: '#ffffff',
-		positionX: 600,
-		positionY: 200,
-		scaleX: 1,
-		scaleY: 1,
-		rotation: 0,
-		zIndex: 10,
-		opacity: 1,
-		width: 800,
-		height: null,
-		properties: {
-			fontFamily: 'Arial',
-			fontWeight: 'bold',
-			textAlign: 'center',
-		},
-	},
-	{
-		id: 'text-hint-1',
-		boardId: DEMO_BOARD_ID,
-		itemType: 'text',
-		textContent: 'Erstelle KI-Bilder mit einem Prompt',
-		fontSize: 24,
-		color: '#a0a0c0',
-		positionX: 650,
-		positionY: 400,
-		scaleX: 1,
-		scaleY: 1,
-		rotation: 0,
-		zIndex: 9,
-		opacity: 1,
-		width: 700,
-		height: null,
-		properties: {
-			fontFamily: 'Arial',
-			fontWeight: 'normal',
-			textAlign: 'center',
-		},
-	},
-	{
-		id: 'text-hint-2',
-		boardId: DEMO_BOARD_ID,
-		itemType: 'text',
-		textContent: 'Organisiere Bilder in Moodboards',
-		fontSize: 24,
-		color: '#a0a0c0',
-		positionX: 650,
-		positionY: 500,
-		scaleX: 1,
-		scaleY: 1,
-		rotation: 0,
-		zIndex: 8,
-		opacity: 1,
-		width: 700,
-		height: null,
-		properties: {
-			fontFamily: 'Arial',
-			fontWeight: 'normal',
-			textAlign: 'center',
-		},
-	},
-	{
-		id: 'text-hint-3',
-		boardId: DEMO_BOARD_ID,
-		itemType: 'text',
-		textContent: 'Melde dich an, um loszulegen →',
-		fontSize: 20,
-		color: '#6366f1',
-		positionX: 700,
-		positionY: 650,
-		scaleX: 1,
-		scaleY: 1,
-		rotation: 0,
-		zIndex: 7,
-		opacity: 1,
-		width: 600,
-		height: null,
-		properties: {
-			fontFamily: 'Arial',
-			fontWeight: 'bold',
-			textAlign: 'center',
-		},
-	},
-];
-
-export const guestTags: LocalTag[] = [
-	{
-		id: 'tag-landscape',
-		name: 'Landschaft',
-		color: '#22c55e',
-	},
-	{
-		id: 'tag-portrait',
-		name: 'Portrait',
-		color: '#3b82f6',
-	},
-	{
-		id: 'tag-abstract',
-		name: 'Abstrakt',
-		color: '#a855f7',
-	},
-];
diff --git a/apps/picture/apps/web-archived/src/lib/data/local-store.ts b/apps/picture/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 3e1c64894..000000000
--- a/apps/picture/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-/**
- * Picture — Local-First Data Layer
- *
- * Defines the IndexedDB database, collections, and guest seed data.
- * Images metadata, boards, board items, and tags are stored locally.
- * Image generation, upload, and explore remain server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestBoards, guestBoardItems, guestTags } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalImage extends BaseRecord {
-	prompt: string;
-	negativePrompt?: string | null;
-	model?: string | null;
-	style?: string | null;
-	publicUrl?: string | null;
-	storagePath: string;
-	filename: string;
-	format?: string | null;
-	width?: number | null;
-	height?: number | null;
-	fileSize?: number | null;
-	blurhash?: string | null;
-	isPublic: boolean;
-	isFavorite: boolean;
-	downloadCount: number;
-	rating?: number | null;
-	archivedAt?: string | null;
-	generationId?: string | null;
-	sourceImageId?: string | null;
-}
-
-export interface LocalBoard extends BaseRecord {
-	name: string;
-	description?: string | null;
-	thumbnailUrl?: string | null;
-	canvasWidth: number;
-	canvasHeight: number;
-	backgroundColor: string;
-	isPublic: boolean;
-}
-
-export interface LocalBoardItem extends BaseRecord {
-	boardId: string;
-	itemType: 'image' | 'text';
-	imageId?: string | null;
-	textContent?: string | null;
-	fontSize?: number | null;
-	color?: string | null;
-	positionX: number;
-	positionY: number;
-	scaleX: number;
-	scaleY: number;
-	rotation: number;
-	zIndex: number;
-	opacity: number;
-	width?: number | null;
-	height?: number | null;
-	properties: Record<string, unknown>;
-}
-
-export interface LocalTag extends BaseRecord {
-	name: string;
-	color?: string | null;
-}
-
-export interface LocalImageTag extends BaseRecord {
-	imageId: string;
-	tagId: string;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const pictureStore = createLocalStore({
-	appId: 'picture',
-	collections: [
-		{
-			name: 'images',
-			indexes: ['isFavorite', 'isPublic', 'archivedAt', 'prompt'],
-		},
-		{
-			name: 'boards',
-			indexes: ['isPublic'],
-			guestSeed: guestBoards,
-		},
-		{
-			name: 'boardItems',
-			indexes: ['boardId', 'itemType', 'zIndex', '[boardId+zIndex]'],
-			guestSeed: guestBoardItems,
-		},
-		{
-			name: 'tags',
-			indexes: ['name'],
-			guestSeed: guestTags,
-		},
-		{
-			name: 'imageTags',
-			indexes: ['imageId', 'tagId', '[imageId+tagId]'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const imageCollection = pictureStore.collection<LocalImage>('images');
-export const boardCollection = pictureStore.collection<LocalBoard>('boards');
-export const boardItemCollection = pictureStore.collection<LocalBoardItem>('boardItems');
-export const tagCollection = pictureStore.collection<LocalTag>('tags');
-export const imageTagCollection = pictureStore.collection<LocalImageTag>('imageTags');
diff --git a/apps/picture/apps/web-archived/src/lib/data/queries.ts b/apps/picture/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 6af37bfe0..000000000
--- a/apps/picture/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Picture
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	imageCollection,
-	boardCollection,
-	boardItemCollection,
-	imageTagCollection,
-	type LocalImage,
-	type LocalBoard,
-	type LocalBoardItem,
-} from './local-store';
-import type { Image } from '$lib/api/images';
-import type { Board, BoardWithCount } from '$lib/api/boards';
-
-// ─── Type Converters ──────────────────────────────────────
-
-/** Convert LocalImage (IndexedDB) to the Image type used by components. */
-export function toImage(local: LocalImage): Image {
-	return {
-		id: local.id,
-		userId: 'local',
-		prompt: local.prompt,
-		negativePrompt: local.negativePrompt ?? undefined,
-		model: local.model ?? undefined,
-		style: local.style ?? undefined,
-		publicUrl: local.publicUrl ?? undefined,
-		storagePath: local.storagePath,
-		filename: local.filename,
-		format: local.format ?? undefined,
-		width: local.width ?? undefined,
-		height: local.height ?? undefined,
-		fileSize: local.fileSize ?? undefined,
-		blurhash: local.blurhash ?? undefined,
-		isPublic: local.isPublic,
-		isFavorite: local.isFavorite,
-		downloadCount: local.downloadCount,
-		rating: local.rating ?? undefined,
-		archivedAt: local.archivedAt ?? undefined,
-		generationId: local.generationId ?? undefined,
-		sourceImageId: local.sourceImageId ?? undefined,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert LocalBoard (IndexedDB) to Board type. */
-export function toBoard(local: LocalBoard): Board {
-	return {
-		id: local.id,
-		userId: 'local',
-		name: local.name,
-		description: local.description ?? undefined,
-		thumbnailUrl: local.thumbnailUrl ?? undefined,
-		canvasWidth: local.canvasWidth,
-		canvasHeight: local.canvasHeight,
-		backgroundColor: local.backgroundColor,
-		isPublic: local.isPublic,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ────────
-
-/** All non-archived images, sorted by createdAt desc. Auto-updates on any change. */
-export function useAllImages() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await imageCollection.getAll();
-		return locals
-			.filter((img) => !img.archivedAt)
-			.map(toImage)
-			.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
-	}, [] as Image[]);
-}
-
-/** All archived images, sorted by createdAt desc. Auto-updates on any change. */
-export function useArchivedImages() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await imageCollection.getAll();
-		return locals
-			.filter((img) => !!img.archivedAt)
-			.map(toImage)
-			.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
-	}, [] as Image[]);
-}
-
-/** All boards with item counts, sorted by updatedAt desc. Auto-updates on any change. */
-export function useAllBoards() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await boardCollection.getAll();
-		const allItems = await boardItemCollection.getAll();
-
-		// Count items per board
-		const itemCounts = new Map<string, number>();
-		for (const item of allItems) {
-			itemCounts.set(item.boardId, (itemCounts.get(item.boardId) || 0) + 1);
-		}
-
-		return locals
-			.map(
-				(local): BoardWithCount => ({
-					...toBoard(local),
-					itemCount: itemCounts.get(local.id) || 0,
-				})
-			)
-			.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
-	}, [] as BoardWithCount[]);
-}
-
-/** All image-tag associations. Auto-updates on any change. */
-export function useAllImageTags() {
-	return useLiveQueryWithDefault(
-		async () => {
-			return await imageTagCollection.getAll();
-		},
-		[] as { id: string; imageId: string; tagId: string }[]
-	);
-}
-
-// ─── Pure Helper Functions (for $derived) ─────────────────
-
-/** Filter images by favorites only. */
-export function getFavoriteImages(images: Image[]): Image[] {
-	return images.filter((img) => img.isFavorite);
-}
-
-/** Filter images by tag IDs using image-tag associations. */
-export function getImagesByTags(
-	images: Image[],
-	imageTags: { imageId: string; tagId: string }[],
-	selectedTagIds: string[]
-): Image[] {
-	if (selectedTagIds.length === 0) return images;
-	const imageIdsWithTags = new Set(
-		imageTags.filter((it) => selectedTagIds.includes(it.tagId)).map((it) => it.imageId)
-	);
-	return images.filter((img) => imageIdsWithTags.has(img.id));
-}
-
-/** Find an image by ID. */
-export function findImageById(images: Image[], id: string): Image | undefined {
-	return images.find((img) => img.id === id);
-}
-
-/** Find a board by ID. */
-export function findBoardById(boards: BoardWithCount[], id: string): BoardWithCount | undefined {
-	return boards.find((b) => b.id === id);
-}
diff --git a/apps/picture/apps/web-archived/src/lib/i18n/index.ts b/apps/picture/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 2706251dd..000000000
--- a/apps/picture/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'it', 'fr', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('it', () => import('./locales/it.json'));
-register('fr', () => import('./locales/fr.json'));
-register('es', () => import('./locales/es.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('picture_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('picture_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/picture/apps/web-archived/src/lib/i18n/locales/de.json b/apps/picture/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 6a8db0964..000000000
--- a/apps/picture/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-	"app_slider": {
-		"title": "Weitere Manacore Apps",
-		"memoro_desc": "KI-gestützte Sprachmemos",
-		"memoro_long_desc": "Verwandle deine Stimme in organisierte, umsetzbare Erkenntnisse mit KI-gestützter Transkription und Analyse. Perfekt zum Festhalten von Ideen unterwegs.",
-		"maerchenzauber_desc": "Magische Gute-Nacht-Geschichten",
-		"maerchenzauber_long_desc": "Erschaffe personalisierte Gute-Nacht-Geschichten für deine Kinder mit KI. Entfache die Fantasie und mache jede Nacht magisch mit einzigartigen Erzählungen.",
-		"cards_desc": "KI Lernkarten",
-		"cards_long_desc": "Erstelle und lerne mit smarten Lernkarten und KI-gestützter Wiederholung.",
-		"picture_desc": "KI Bildgenerierung",
-		"picture_long_desc": "Erstelle atemberaubende Bilder mit KI. Verwandle deine Ideen in visuelle Kunstwerke in Sekunden.",
-		"moodlit_desc": "Dein Stimmungsbegleiter",
-		"moodlit_long_desc": "Verfolge und verstehe deine Emotionen mit KI-gestützten Einblicken. Baue emotionales Bewusstsein auf und verbessere dein mentales Wohlbefinden.",
-		"manacore_desc": "KI-Produktivitätssuite",
-		"manacore_long_desc": "Die zentrale Anlaufstelle für alle Manacore-Apps. Verwalte deine Abonnements, synchronisiere Daten und greife auf leistungsstarke KI-Tools von einem Ort aus zu.",
-		"coming_soon": "Demnächst",
-		"download": "Download",
-		"status_published": "Veröffentlicht",
-		"status_beta": "Beta",
-		"status_development": "In Entwicklung",
-		"status_planning": "Geplant"
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/lib/i18n/locales/en.json b/apps/picture/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index a78b955a9..000000000
--- a/apps/picture/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-	"app_slider": {
-		"title": "More Manacore Apps",
-		"memoro_desc": "AI-powered voice memos",
-		"memoro_long_desc": "Transform your voice into organized, actionable insights with AI-powered transcription and analysis. Perfect for capturing ideas on the go.",
-		"maerchenzauber_desc": "Magical bedtime stories",
-		"maerchenzauber_long_desc": "Create personalized bedtime stories for your children with AI. Spark imagination and make every night magical with unique narratives.",
-		"cards_desc": "AI flashcards",
-		"cards_long_desc": "Create and learn with smart flashcards and AI-powered spaced repetition.",
-		"picture_desc": "AI image generation",
-		"picture_long_desc": "Create stunning images with AI. Transform your ideas into visual artwork in seconds.",
-		"moodlit_desc": "Your mood companion",
-		"moodlit_long_desc": "Track and understand your emotions with AI-powered insights. Build emotional awareness and improve your mental wellbeing.",
-		"manacore_desc": "AI productivity suite",
-		"manacore_long_desc": "The central hub for all Manacore apps. Manage your subscriptions, sync data, and access powerful AI tools from one place.",
-		"coming_soon": "Coming soon",
-		"download": "Download",
-		"status_published": "Published",
-		"status_beta": "Beta",
-		"status_development": "In Development",
-		"status_planning": "Planned"
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/lib/i18n/locales/es.json b/apps/picture/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index f21464718..000000000
--- a/apps/picture/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-	"app_slider": {
-		"title": "Más Apps de Manacore",
-		"memoro_desc": "Notas de voz con IA",
-		"memoro_long_desc": "Transforma tu voz en notas organizadas y accionables con transcripción y análisis impulsados por IA. Perfecto para capturar ideas en movimiento.",
-		"maerchenzauber_desc": "Cuentos mágicos para dormir",
-		"maerchenzauber_long_desc": "Crea cuentos personalizados para dormir para tus hijos con IA. Enciende la imaginación y haz cada noche mágica con narrativas únicas.",
-		"cards_desc": "Flashcards con IA",
-		"cards_long_desc": "Crea y estudia con flashcards inteligentes y repetición espaciada impulsada por IA.",
-		"picture_desc": "Generación de imágenes con IA",
-		"picture_long_desc": "Crea imágenes impresionantes con IA. Transforma tus ideas en obras de arte visuales en segundos.",
-		"moodlit_desc": "Tu compañero de ánimo",
-		"moodlit_long_desc": "Rastrea y comprende tus emociones con análisis impulsados por IA. Desarrolla conciencia emocional y mejora tu bienestar mental.",
-		"manacore_desc": "Suite de productividad IA",
-		"manacore_long_desc": "El centro para todas las apps de Manacore. Gestiona tus suscripciones, sincroniza datos y accede a potentes herramientas de IA desde un solo lugar.",
-		"coming_soon": "Próximamente",
-		"download": "Descargar",
-		"status_published": "Publicado",
-		"status_beta": "Beta",
-		"status_development": "En desarrollo",
-		"status_planning": "Planificado"
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/picture/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index 97c788d03..000000000
--- a/apps/picture/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-	"app_slider": {
-		"title": "Autres Apps Manacore",
-		"memoro_desc": "Mémos vocaux avec IA",
-		"memoro_long_desc": "Transformez votre voix en notes organisées et exploitables grâce à la transcription et l'analyse alimentées par l'IA. Parfait pour capturer des idées en déplacement.",
-		"maerchenzauber_desc": "Histoires magiques du soir",
-		"maerchenzauber_long_desc": "Créez des histoires du soir personnalisées pour vos enfants avec l'IA. Éveillez l'imagination et rendez chaque nuit magique avec des récits uniques.",
-		"cards_desc": "Flashcards avec IA",
-		"cards_long_desc": "Créez et apprenez avec des flashcards intelligentes et une répétition espacée alimentée par l'IA.",
-		"picture_desc": "Génération d'images avec IA",
-		"picture_long_desc": "Créez des images époustouflantes avec l'IA. Transformez vos idées en œuvres d'art visuelles en quelques secondes.",
-		"moodlit_desc": "Ton compagnon d'humeur",
-		"moodlit_long_desc": "Suivez et comprenez vos émotions grâce aux analyses alimentées par l'IA. Développez votre conscience émotionnelle et améliorez votre bien-être mental.",
-		"manacore_desc": "Suite de productivité IA",
-		"manacore_long_desc": "Le hub central pour toutes les apps Manacore. Gérez vos abonnements, synchronisez vos données et accédez à de puissants outils IA depuis un seul endroit.",
-		"coming_soon": "Bientôt disponible",
-		"download": "Télécharger",
-		"status_published": "Publié",
-		"status_beta": "Bêta",
-		"status_development": "En développement",
-		"status_planning": "Planifié"
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/lib/i18n/locales/it.json b/apps/picture/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index 3907fa918..000000000
--- a/apps/picture/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-	"app_slider": {
-		"title": "Altre App Manacore",
-		"memoro_desc": "Memo vocali con IA",
-		"memoro_long_desc": "Trasforma la tua voce in appunti organizzati e azionabili con trascrizione e analisi basate su IA. Perfetto per catturare idee in movimento.",
-		"maerchenzauber_desc": "Storie magiche della buonanotte",
-		"maerchenzauber_long_desc": "Crea storie della buonanotte personalizzate per i tuoi bambini con l'IA. Accendi l'immaginazione e rendi ogni notte magica con racconti unici.",
-		"cards_desc": "Flashcard con IA",
-		"cards_long_desc": "Crea e studia con flashcard intelligenti e ripetizione spaziata basata su IA.",
-		"picture_desc": "Generazione immagini con IA",
-		"picture_long_desc": "Crea immagini straordinarie con l'IA. Trasforma le tue idee in opere d'arte visive in pochi secondi.",
-		"moodlit_desc": "Il tuo compagno d'umore",
-		"moodlit_long_desc": "Monitora e comprendi le tue emozioni con approfondimenti basati su IA. Sviluppa la consapevolezza emotiva e migliora il tuo benessere mentale.",
-		"manacore_desc": "Suite di produttività IA",
-		"manacore_long_desc": "L'hub centrale per tutte le app Manacore. Gestisci i tuoi abbonamenti, sincronizza i dati e accedi a potenti strumenti IA da un unico posto.",
-		"coming_soon": "Prossimamente",
-		"download": "Scarica",
-		"status_published": "Pubblicato",
-		"status_beta": "Beta",
-		"status_development": "In sviluppo",
-		"status_planning": "Pianificato"
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/lib/index.ts b/apps/picture/apps/web-archived/src/lib/index.ts
deleted file mode 100644
index 856f2b6c3..000000000
--- a/apps/picture/apps/web-archived/src/lib/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.
diff --git a/apps/picture/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/picture/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 168f7fd72..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-/**
- * Picture-specific onboarding steps
- */
-const pictureOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Picture!',
-		description: 'Das kann Picture für dich tun:',
-		emoji: '🎨',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		bullets: [
-			'KI-Bilder generieren',
-			'Verschiedene Modelle & Stile',
-			'Galerie mit Grid-Ansicht',
-			'Bilder teilen & herunterladen',
-		],
-	},
-	{
-		id: 'viewMode',
-		type: 'select',
-		question: 'Wie möchtest du deine Bilder sehen?',
-		description: 'Du kannst die Ansicht jederzeit wechseln.',
-		emoji: '🎨',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'single',
-				label: 'Einzelansicht',
-				description: 'Große Vorschau, ein Bild pro Zeile',
-				emoji: '🖼️',
-			},
-			{
-				id: 'grid-2',
-				label: 'Grid (2 Spalten)',
-				description: 'Mittlere Übersicht (Empfohlen)',
-				emoji: '📐',
-			},
-			{
-				id: 'grid-3',
-				label: 'Grid (3 Spalten)',
-				description: 'Kompakte Übersicht',
-				emoji: '📊',
-			},
-		],
-		defaultValue: 'grid-2',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Deine Galerie ist bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Generiere KI-Bilder mit verschiedenen Stilen',
-			'Erstelle Moodboards, um Bilder zu gruppieren',
-			'3 kostenlose Generierungen sind inklusive',
-			'Nutze Tags für bessere Organisation',
-		],
-	},
-];
-
-/**
- * Picture app onboarding store
- */
-export const pictureOnboarding = createAppOnboardingStore({
-	appId: 'picture',
-	steps: pictureOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/picture/apps/web-archived/src/lib/stores/archive.ts b/apps/picture/apps/web-archived/src/lib/stores/archive.ts
deleted file mode 100644
index c6429aac5..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/archive.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * Archive store — UI-only state.
- * Archived image reads are handled by useLiveQuery hooks in queries.ts.
- */
-
-// This file is kept for backwards compatibility.
-// The archivedImages data is now provided via live query (useArchivedImages) from queries.ts.
diff --git a/apps/picture/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/picture/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index fb8b05f5f..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3006,
-});
diff --git a/apps/picture/apps/web-archived/src/lib/stores/boards.ts b/apps/picture/apps/web-archived/src/lib/stores/boards.ts
deleted file mode 100644
index 5ee514ed7..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/boards.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { writable, derived } from 'svelte/store';
-import type { Board } from '$lib/api/boards';
-
-/**
- * UI-only state for board editing.
- * Board list reads are handled by useLiveQuery hooks in queries.ts.
- */
-
-// Current board being edited (on the canvas page)
-export const currentBoard = writable<Board | null>(null);
-
-// Create board modal
-export const showCreateBoardModal = writable(false);
-
-// Share board modal
-export const showShareBoardModal = writable(false);
-export const shareBoardId = writable<string | null>(null);
-
-// Board settings (for canvas)
-export const boardSettings = derived(currentBoard, ($currentBoard) => ({
-	width: $currentBoard?.canvasWidth || 2000,
-	height: $currentBoard?.canvasHeight || 1500,
-	backgroundColor: $currentBoard?.backgroundColor || '#ffffff',
-}));
diff --git a/apps/picture/apps/web-archived/src/lib/stores/canvas.ts b/apps/picture/apps/web-archived/src/lib/stores/canvas.ts
deleted file mode 100644
index f088a55ad..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/canvas.ts
+++ /dev/null
@@ -1,276 +0,0 @@
-import { writable, derived, get } from 'svelte/store';
-import type { BoardItem, BoardImageItem, BoardTextItem } from '$lib/api/boardItems';
-import { isImageItem, isTextItem } from '$lib/api/boardItems';
-
-// Canvas items (images and texts on the board)
-export const canvasItems = writable<BoardItem[]>([]);
-
-// Selected items on canvas
-export const selectedItemIds = writable<string[]>([]);
-
-// Canvas view state
-export const canvasZoom = writable(1);
-export const canvasPan = writable({ x: 0, y: 0 });
-
-// Canvas interaction mode
-export type CanvasMode = 'select' | 'pan' | 'draw';
-export const canvasMode = writable<CanvasMode>('select');
-
-// Canvas tools
-export const showGrid = writable(true);
-export const snapToGrid = writable(false);
-export const gridSize = writable(20);
-
-// UI state
-export const showPropertiesPanel = writable(false);
-
-// Text editing state
-export const editingTextId = writable<string | null>(null);
-export const isEditingText = derived(editingTextId, ($id) => $id !== null);
-
-// Loading state
-export const isLoadingCanvasItems = writable(false);
-
-// History for undo/redo
-interface HistoryState {
-	items: BoardItem[];
-	timestamp: number;
-}
-
-export const canvasHistory = writable<HistoryState[]>([]);
-export const canvasHistoryIndex = writable(-1);
-
-// Derived stores
-export const selectedItems = derived(
-	[canvasItems, selectedItemIds],
-	([$canvasItems, $selectedItemIds]) =>
-		$canvasItems.filter((item) => $selectedItemIds.includes(item.id))
-);
-
-// Derived: Selected text items only
-export const selectedTextItems = derived(selectedItems, ($selectedItems) =>
-	$selectedItems.filter(isTextItem)
-);
-
-// Derived: Selected image items only
-export const selectedImageItems = derived(selectedItems, ($selectedItems) =>
-	$selectedItems.filter(isImageItem)
-);
-
-// Derived: Check if selection has mixed types
-export const hasMixedSelection = derived(
-	[selectedTextItems, selectedImageItems],
-	([$texts, $images]) => $texts.length > 0 && $images.length > 0
-);
-
-export const hasSelection = derived(
-	selectedItemIds,
-	($selectedItemIds) => $selectedItemIds.length > 0
-);
-
-export const canUndo = derived(
-	canvasHistoryIndex,
-	($canvasHistoryIndex) => $canvasHistoryIndex > 0
-);
-
-export const canRedo = derived(
-	[canvasHistory, canvasHistoryIndex],
-	([$canvasHistory, $canvasHistoryIndex]) => $canvasHistoryIndex < $canvasHistory.length - 1
-);
-
-// Helper functions
-export function addCanvasItem(item: BoardItem) {
-	canvasItems.update((items) => [...items, item]);
-	saveToHistory();
-}
-
-export function updateCanvasItem(id: string, updates: Partial<BoardItem>) {
-	canvasItems.update((items) =>
-		items.map((item) => (item.id === id ? ({ ...item, ...updates } as BoardItem) : item))
-	);
-	saveToHistory();
-}
-
-// Text-specific helpers
-export function startEditingText(id: string) {
-	editingTextId.set(id);
-}
-
-export function stopEditingText() {
-	editingTextId.set(null);
-}
-
-export function removeCanvasItem(id: string) {
-	canvasItems.update((items) => items.filter((item) => item.id !== id));
-	selectedItemIds.update((ids) => ids.filter((itemId) => itemId !== id));
-	saveToHistory();
-}
-
-export function removeSelectedItems() {
-	const ids = get(selectedItemIds);
-	canvasItems.update((items) => items.filter((item) => !ids.includes(item.id)));
-	selectedItemIds.set([]);
-	saveToHistory();
-}
-
-export function selectItem(id: string, multi = false) {
-	console.log('[Store] selectItem called:', id, 'multi:', multi);
-	if (multi) {
-		selectedItemIds.update((ids) => {
-			const newIds = ids.includes(id) ? ids.filter((itemId) => itemId !== id) : [...ids, id];
-			console.log('[Store] Updated selection (multi):', newIds);
-			return newIds;
-		});
-	} else {
-		console.log('[Store] Setting single selection:', [id]);
-		selectedItemIds.set([id]);
-	}
-}
-
-export function selectAll() {
-	selectedItemIds.set(get(canvasItems).map((item) => item.id));
-}
-
-export function deselectAll() {
-	selectedItemIds.set([]);
-}
-
-export function bringToFront(id: string) {
-	const items = get(canvasItems);
-	const maxZIndex = Math.max(...items.map((item) => item.zIndex));
-	updateCanvasItem(id, { zIndex: maxZIndex + 1 });
-}
-
-export function sendToBack(id: string) {
-	const items = get(canvasItems);
-	const minZIndex = Math.min(...items.map((item) => item.zIndex));
-	updateCanvasItem(id, { zIndex: minZIndex - 1 });
-}
-
-export function moveForward(id: string) {
-	const items = get(canvasItems);
-	const item = items.find((i) => i.id === id);
-	if (!item) return;
-
-	const itemsAbove = items.filter((i) => i.zIndex > item.zIndex);
-	if (itemsAbove.length === 0) return;
-
-	const nextZIndex = Math.min(...itemsAbove.map((i) => i.zIndex));
-	updateCanvasItem(id, { zIndex: nextZIndex + 0.5 });
-}
-
-export function moveBackward(id: string) {
-	const items = get(canvasItems);
-	const item = items.find((i) => i.id === id);
-	if (!item) return;
-
-	const itemsBelow = items.filter((i) => i.zIndex < item.zIndex);
-	if (itemsBelow.length === 0) return;
-
-	const prevZIndex = Math.max(...itemsBelow.map((i) => i.zIndex));
-	updateCanvasItem(id, { zIndex: prevZIndex - 0.5 });
-}
-
-// Zoom functions
-export function zoomIn() {
-	canvasZoom.update((z) => Math.min(z * 1.2, 5));
-}
-
-export function zoomOut() {
-	canvasZoom.update((z) => Math.max(z / 1.2, 0.1));
-}
-
-export function zoomToFit(
-	containerWidth: number,
-	containerHeight: number,
-	boardWidth: number,
-	boardHeight: number
-) {
-	const scaleX = containerWidth / boardWidth;
-	const scaleY = containerHeight / boardHeight;
-	const scale = Math.min(scaleX, scaleY) * 0.9; // 90% to add padding
-	canvasZoom.set(scale);
-	canvasPan.set({ x: 0, y: 0 });
-}
-
-export function resetZoom() {
-	canvasZoom.set(1);
-	canvasPan.set({ x: 0, y: 0 });
-}
-
-// History management
-export function saveToHistory() {
-	const items = get(canvasItems);
-	const history = get(canvasHistory);
-	const index = get(canvasHistoryIndex);
-
-	// Remove any history after current index
-	const newHistory = history.slice(0, index + 1);
-
-	// Add current state
-	newHistory.push({
-		items: JSON.parse(JSON.stringify(items)), // Deep clone
-		timestamp: Date.now(),
-	});
-
-	// Limit history to 50 states
-	if (newHistory.length > 50) {
-		newHistory.shift();
-	}
-
-	canvasHistory.set(newHistory);
-	canvasHistoryIndex.set(newHistory.length - 1);
-}
-
-export function undo() {
-	const index = get(canvasHistoryIndex);
-	if (index <= 0) return;
-
-	const history = get(canvasHistory);
-	const prevState = history[index - 1];
-
-	canvasItems.set(JSON.parse(JSON.stringify(prevState.items)));
-	canvasHistoryIndex.set(index - 1);
-}
-
-export function redo() {
-	const index = get(canvasHistoryIndex);
-	const history = get(canvasHistory);
-
-	if (index >= history.length - 1) return;
-
-	const nextState = history[index + 1];
-	canvasItems.set(JSON.parse(JSON.stringify(nextState.items)));
-	canvasHistoryIndex.set(index + 1);
-}
-
-export function clearHistory() {
-	canvasHistory.set([]);
-	canvasHistoryIndex.set(-1);
-}
-
-// Reset canvas state
-export function resetCanvasState() {
-	canvasItems.set([]);
-	selectedItemIds.set([]);
-	canvasZoom.set(1);
-	canvasPan.set({ x: 0, y: 0 });
-	clearHistory();
-}
-
-// Grid snapping helper
-export function snapToGridPoint(value: number, gridSize: number): number {
-	return Math.round(value / gridSize) * gridSize;
-}
-
-export function snapPositionToGrid(x: number, y: number): { x: number; y: number } {
-	const size = get(gridSize);
-	const snap = get(snapToGrid);
-
-	if (!snap) return { x, y };
-
-	return {
-		x: snapToGridPoint(x, size),
-		y: snapToGridPoint(y, size),
-	};
-}
diff --git a/apps/picture/apps/web-archived/src/lib/stores/contextMenu.ts b/apps/picture/apps/web-archived/src/lib/stores/contextMenu.ts
deleted file mode 100644
index 293a1e10d..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/contextMenu.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { writable } from 'svelte/store';
-import type { Image } from '$lib/api/images';
-
-interface ContextMenuState {
-	visible: boolean;
-	x: number;
-	y: number;
-	image: Image | null;
-	showTagSubmenu: boolean;
-	submenuX: number;
-	submenuY: number;
-}
-
-const initialState: ContextMenuState = {
-	visible: false,
-	x: 0,
-	y: 0,
-	image: null,
-	showTagSubmenu: false,
-	submenuX: 0,
-	submenuY: 0,
-};
-
-export const contextMenu = writable<ContextMenuState>(initialState);
-
-export function showContextMenu(x: number, y: number, image: Image) {
-	contextMenu.set({
-		visible: true,
-		x,
-		y,
-		image,
-		showTagSubmenu: false,
-		submenuX: 0,
-		submenuY: 0,
-	});
-}
-
-export function hideContextMenu() {
-	contextMenu.set(initialState);
-}
-
-export function showTagSubmenu(x: number, y: number) {
-	contextMenu.update((state) => ({
-		...state,
-		showTagSubmenu: true,
-		submenuX: x,
-		submenuY: y,
-	}));
-}
-
-export function hideTagSubmenu() {
-	contextMenu.update((state) => ({
-		...state,
-		showTagSubmenu: false,
-	}));
-}
diff --git a/apps/picture/apps/web-archived/src/lib/stores/explore.ts b/apps/picture/apps/web-archived/src/lib/stores/explore.ts
deleted file mode 100644
index e3deacbff..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/explore.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { writable } from 'svelte/store';
-import type { Image } from '$lib/api/images';
-
-export const exploreImages = writable<Image[]>([]);
-export const isLoadingExplore = writable(false);
-export const hasMoreExplore = writable(true);
-export const currentExplorePage = writable(1);
-export const exploreSortBy = writable<'recent' | 'popular' | 'trending'>('recent');
-export const exploreSearchQuery = writable('');
-export const showExploreFavoritesOnly = writable(false);
diff --git a/apps/picture/apps/web-archived/src/lib/stores/generate.ts b/apps/picture/apps/web-archived/src/lib/stores/generate.ts
deleted file mode 100644
index 058db0113..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/generate.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { writable } from 'svelte/store';
-
-export const isGenerating = writable(false);
-export const generationProgress = writable<string>('');
-export const generationError = writable<string>('');
diff --git a/apps/picture/apps/web-archived/src/lib/stores/images.ts b/apps/picture/apps/web-archived/src/lib/stores/images.ts
deleted file mode 100644
index 7c51343fc..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/images.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { writable } from 'svelte/store';
-import type { Image } from '$lib/api/images';
-
-/**
- * UI-only state for gallery image selection and filter toggles.
- * Data reads are handled by useLiveQuery hooks in queries.ts.
- */
-
-export const selectedImage = writable<Image | null>(null);
-export const showFavoritesOnly = writable(false);
diff --git a/apps/picture/apps/web-archived/src/lib/stores/models.ts b/apps/picture/apps/web-archived/src/lib/stores/models.ts
deleted file mode 100644
index 9399baa7c..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/models.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { writable } from 'svelte/store';
-import type { Model } from '$lib/api/models';
-
-export const models = writable<Model[]>([]);
-export const selectedModel = writable<Model | null>(null);
-export const isLoadingModels = writable(false);
diff --git a/apps/picture/apps/web-archived/src/lib/stores/sidebar.ts b/apps/picture/apps/web-archived/src/lib/stores/sidebar.ts
deleted file mode 100644
index 1f27cdce1..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/sidebar.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { writable } from 'svelte/store';
-import { browser } from '$app/environment';
-
-const SIDEBAR_KEY = 'picture_sidebar_collapsed';
-
-function loadInitialState(): boolean {
-	if (!browser) return false;
-	const saved = localStorage.getItem(SIDEBAR_KEY);
-	return saved === 'true';
-}
-
-export const isSidebarCollapsed = writable<boolean>(loadInitialState());
-
-export function toggleSidebar() {
-	isSidebarCollapsed.update((collapsed) => {
-		const newState = !collapsed;
-		if (browser) {
-			localStorage.setItem(SIDEBAR_KEY, String(newState));
-		}
-		return newState;
-	});
-}
-
-export function setSidebarCollapsed(collapsed: boolean) {
-	isSidebarCollapsed.set(collapsed);
-	if (browser) {
-		localStorage.setItem(SIDEBAR_KEY, String(collapsed));
-	}
-}
diff --git a/apps/picture/apps/web-archived/src/lib/stores/tags.ts b/apps/picture/apps/web-archived/src/lib/stores/tags.ts
deleted file mode 100644
index d79f05bc9..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/tags.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
-
-import { writable } from 'svelte/store';
-
-/** UI-only: currently selected tag IDs for filtering (not persisted) */
-export const selectedTags = writable<string[]>([]);
diff --git a/apps/picture/apps/web-archived/src/lib/stores/theme.ts b/apps/picture/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index c84ec878a..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createThemeStore, APP_THEME_CONFIGS } from '@manacore/shared-theme';
-
-/**
- * Picture theme store using the global shared theme system
- *
- * Usage:
- * - theme.mode: 'light' | 'dark' | 'system'
- * - theme.variant: 'lume' | 'nature' | 'stone' | 'ocean'
- * - theme.effectiveMode: 'light' | 'dark' (resolved from system if needed)
- * - theme.isDark: boolean
- * - theme.setMode(mode): Set theme mode
- * - theme.setVariant(variant): Set theme variant
- * - theme.toggleMode(): Toggle between light/dark
- * - theme.cycleMode(): Cycle through light → dark → system
- * - theme.initialize(): Initialize and apply theme (call in onMount)
- *
- * CSS Variables applied automatically:
- * --color-primary, --color-background, --color-foreground, etc.
- */
-export const theme = createThemeStore(APP_THEME_CONFIGS.picture);
-
-// Export theme types for convenience
-export type { ThemeMode, ThemeVariant } from '@manacore/shared-theme';
diff --git a/apps/picture/apps/web-archived/src/lib/stores/ui.ts b/apps/picture/apps/web-archived/src/lib/stores/ui.ts
deleted file mode 100644
index 89e767596..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/ui.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { writable } from 'svelte/store';
-import { browser } from '$app/environment';
-
-const UI_VISIBLE_KEY = 'picture_ui_visible';
-
-function loadInitialState(): boolean {
-	if (!browser) return true;
-	const saved = localStorage.getItem(UI_VISIBLE_KEY);
-	return saved !== 'false'; // Default to true
-}
-
-export const isUIVisible = writable<boolean>(loadInitialState());
-
-export function toggleUI() {
-	isUIVisible.update((visible) => {
-		const newState = !visible;
-		if (browser) {
-			localStorage.setItem(UI_VISIBLE_KEY, String(newState));
-		}
-		return newState;
-	});
-}
-
-export const showKeyboardShortcuts = writable<boolean>(false);
diff --git a/apps/picture/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/picture/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index a5c96f9ad..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * User Settings Store for Picture
- *
- * This store syncs settings with mana-core-auth and provides:
- * - Global settings that apply to all apps
- * - Per-app overrides for customization
- * - localStorage caching for offline support
- */
-
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'picture',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/picture/apps/web-archived/src/lib/stores/view.ts b/apps/picture/apps/web-archived/src/lib/stores/view.ts
deleted file mode 100644
index e7e1561eb..000000000
--- a/apps/picture/apps/web-archived/src/lib/stores/view.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { writable } from 'svelte/store';
-import { browser } from '$app/environment';
-
-export type ViewMode = 'single' | 'grid3' | 'grid5';
-
-const VIEW_MODE_KEY = 'picture_view_mode';
-
-function loadInitialViewMode(): ViewMode {
-	if (!browser) {
-		return 'grid3';
-	}
-	const saved = localStorage.getItem(VIEW_MODE_KEY) as ViewMode | null;
-	return saved || 'grid3';
-}
-
-export const viewMode = writable<ViewMode>(loadInitialViewMode());
-
-export function setViewMode(mode: ViewMode) {
-	viewMode.set(mode);
-	if (browser) {
-		localStorage.setItem(VIEW_MODE_KEY, mode);
-	}
-}
-
-export function cycleViewMode() {
-	viewMode.update((current) => {
-		const modes: ViewMode[] = ['single', 'grid3', 'grid5'];
-		const currentIndex = modes.indexOf(current);
-		const nextMode = modes[(currentIndex + 1) % modes.length];
-		if (browser) {
-			localStorage.setItem(VIEW_MODE_KEY, nextMode);
-		}
-		return nextMode;
-	});
-}
diff --git a/apps/picture/apps/web-archived/src/lib/version.ts b/apps/picture/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 083910420..000000000
--- a/apps/picture/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.3.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/picture/apps/web-archived/src/routes/+layout.svelte b/apps/picture/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 84f946ab3..000000000
--- a/apps/picture/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import favicon from '$lib/assets/favicon.svg';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import { onMount } from 'svelte';
-
-	// Import and initialize theme
-	import { theme } from '$lib/stores/theme';
-
-	// Initialize i18n
-	import '$lib/i18n';
-
-	let { children, data } = $props();
-
-	onMount(() => {
-		// Setup global error handling
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-
-		// Initialize theme (applies CSS variables and loads from localStorage)
-		const cleanupTheme = theme.initialize();
-
-		// Initialize auth with Mana Core
-		authStore.initialize();
-
-		return () => {
-			cleanupErrorHandler();
-			cleanupTheme();
-		};
-	});
-</script>
-
-<svelte:head>
-	<link rel="icon" href={favicon} />
-</svelte:head>
-
-{@render children?.()}
-
-<!-- Global Toast Notifications -->
-<ToastContainer />
diff --git a/apps/picture/apps/web-archived/src/routes/+page.svelte b/apps/picture/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index 782ae06e6..000000000
--- a/apps/picture/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	onMount(async () => {
-		await authStore.initialize();
-		if (authStore.isAuthenticated) {
-			goto('/app/gallery');
-		} else {
-			goto('/auth/login');
-		}
-	});
-</script>
-
-<svelte:head>
-	<title>Picture - AI Image Generation</title>
-</svelte:head>
-
-<!-- Redirect happens in onMount -->
diff --git a/apps/picture/apps/web-archived/src/routes/app/+layout.server.ts b/apps/picture/apps/web-archived/src/routes/app/+layout.server.ts
deleted file mode 100644
index 43e2c7e4e..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/+layout.server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { redirect } from '@sveltejs/kit';
-import type { LayoutServerLoad } from './$types';
-
-export const load: LayoutServerLoad = async ({ locals }) => {
-	// This will be populated by hooks.server.ts
-	// For now, we'll use a simple client-side check
-	// TODO: Implement proper SSR auth in hooks.server.ts
-
-	return {};
-};
diff --git a/apps/picture/apps/web-archived/src/routes/app/+layout.svelte b/apps/picture/apps/web-archived/src/routes/app/+layout.svelte
deleted file mode 100644
index 47bd7797b..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/+layout.svelte
+++ /dev/null
@@ -1,432 +0,0 @@
-<script lang="ts">
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { PillNavigation, TagStrip } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillNavElement,
-		PillDropdownItem,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { filterHiddenNavItems } from '@manacore/shared-theme';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import KeyboardShortcutsModal from '$lib/components/ui/KeyboardShortcutsModal.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { isUIVisible, toggleUI, showKeyboardShortcuts } from '$lib/stores/ui';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { setContext } from 'svelte';
-	import { pictureOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { pictureStore } from '$lib/data/local-store';
-	import {
-		useAllImages,
-		useArchivedImages,
-		useAllBoards,
-		useAllImageTags,
-	} from '$lib/data/queries';
-	import { viewMode, setViewMode } from '$lib/stores/view';
-	import type { ViewMode } from '$lib/stores/view';
-	import { browser } from '$app/environment';
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('picture', undefined, undefined, authStore.user?.tier));
-
-	// Live query for shared tags (local-first)
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	// Live queries for picture data (local-first)
-	const allImages = useAllImages();
-	setContext('allImages', allImages);
-
-	const archivedImages = useArchivedImages();
-	setContext('archivedImages', archivedImages);
-
-	const allBoards = useAllBoards();
-	setContext('allBoards', allBoards);
-
-	const allImageTags = useAllImageTags();
-	setContext('allImageTags', allImageTags);
-
-	let { children } = $props();
-
-	// PillNav state
-	let isCollapsed = $state(false);
-
-	// Guest welcome modal state
-	let showGuestWelcome = $state(false);
-
-	// Load persisted nav state
-	$effect(() => {
-		if (browser) {
-			const savedCollapsed = localStorage.getItem('picture-nav-collapsed');
-			if (savedCollapsed !== null) isCollapsed = savedCollapsed === 'true';
-		}
-	});
-
-	// TagStrip state
-	let isTagStripVisible = $state(true);
-	let selectedTagIds = $state<string[]>([]);
-
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	function handleTagToggle(tagId: string) {
-		if (selectedTagIds.includes(tagId)) {
-			selectedTagIds = selectedTagIds.filter((id) => id !== tagId);
-		} else {
-			selectedTagIds = [...selectedTagIds, tagId];
-		}
-	}
-
-	function handleTagClear() {
-		selectedTagIds = [];
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		if (browser) localStorage.setItem('picture-nav-collapsed', String(collapsed));
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/auth/login');
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleAuthReady() {
-		// Initialize local-first databases (opens IndexedDB, seeds guest data)
-		await Promise.all([pictureStore.initialize(), tagLocalStore.initialize()]);
-
-		// If authenticated, start syncing to server
-		if (authStore.isAuthenticated) {
-			pictureStore.startSync(() => authStore.getValidToken());
-			tagMutations.startSync(() => authStore.getValidToken());
-		}
-
-		// Show guest welcome modal on first visit
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('picture')) {
-			showGuestWelcome = true;
-		}
-
-		if (authStore.isAuthenticated) {
-			await userSettings.load();
-		}
-
-		// Redirect to start page if on /app and a custom start page is set
-		const currentPath = window.location.pathname;
-		if (
-			currentPath === '/app' &&
-			userSettings.startPage &&
-			userSettings.startPage !== '/' &&
-			userSettings.startPage !== '/app'
-		) {
-			const targetPath = userSettings.startPage.startsWith('/app')
-				? userSettings.startPage
-				: `/app${userSettings.startPage}`;
-			goto(targetPath, { replaceState: true });
-		}
-	}
-
-	// Base navigation items (Mana is in user dropdown via manaHref)
-	const baseNavItems: PillNavItem[] = [
-		{ href: '/app/gallery', label: 'Galerie', icon: 'home' },
-		{ href: '/app/board', label: 'Moodboards', icon: 'grid' },
-		{ href: '/app/explore', label: 'Entdecken', icon: 'search' },
-		{ href: '/app/generate', label: 'Generieren', icon: 'fire' },
-		{ href: '/app/upload', label: 'Upload', icon: 'upload' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-		{ href: '/app/archive', label: 'Archiv', icon: 'archive' },
-	];
-
-	// Navigation items filtered by visibility settings (with fallback for guest mode)
-	const navItems = $derived(
-		filterHiddenNavItems('picture', baseNavItems, userSettings.nav?.hiddenNavItems || {})
-	);
-
-	// View mode options for tab group
-	const viewModeOptions = [
-		{ id: 'single', icon: 'list', title: 'Liste (1)' },
-		{ id: 'grid3', icon: 'grid', title: 'Mittel (2)' },
-		{ id: 'gridSmall', icon: 'gridSmall', title: 'Klein (3)' },
-	];
-
-	// Get pinned themes from user settings (extended themes only)
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		(userSettings.theme?.pinnedThemes || []).filter((t): t is ThemeVariant =>
-			EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant)
-		)
-	);
-
-	// Visible themes in PillNav: default + pinned extended
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/app/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// Spotlight actions for PillNavigation
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-image',
-			label: 'Neues Bild generieren',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/app/generate'),
-		},
-		{
-			id: 'gallery',
-			label: 'Galerie',
-			category: 'Navigation',
-			onExecute: () => goto('/app/gallery'),
-		},
-		{ id: 'boards', label: 'Boards', category: 'Navigation', onExecute: () => goto('/app/board') },
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/app/settings'),
-		},
-	];
-
-	// User email for user dropdown — empty string for guests so PillNav shows login button
-	let userEmail = $derived(authStore.isAuthenticated ? authStore.user?.email || 'Menü' : '');
-
-	// Elements (divider + view mode tabs)
-	let elements: PillNavElement[] = $derived([
-		{ type: 'divider' as const },
-		{
-			type: 'tabs' as const,
-			sectionLabel: 'Ansicht',
-			options: viewModeOptions,
-			value: $viewMode === 'grid5' ? 'gridSmall' : $viewMode,
-			onChange: (id: string) => {
-				const mode = id === 'gridSmall' ? 'grid5' : (id as ViewMode);
-				setViewMode(mode);
-			},
-		},
-	]);
-
-	// Global keyboard shortcuts
-	function handleKeyDown(e: KeyboardEvent) {
-		const target = e.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') {
-			return;
-		}
-
-		switch (e.key.toLowerCase()) {
-			case 'tab':
-				e.preventDefault();
-				toggleUI();
-				break;
-			case '?':
-				e.preventDefault();
-				showKeyboardShortcuts.set(true);
-				break;
-			case 'escape':
-				showKeyboardShortcuts.set(false);
-				break;
-			case 'g':
-				e.preventDefault();
-				goto('/app/gallery');
-				break;
-			case 'm':
-				e.preventDefault();
-				goto('/app/board');
-				break;
-			case 'e':
-				e.preventDefault();
-				goto('/app/explore');
-				break;
-			case 'n':
-				e.preventDefault();
-				goto('/app/generate');
-				break;
-			case 'u':
-				e.preventDefault();
-				goto('/app/upload');
-				break;
-			case 'a':
-				e.preventDefault();
-				goto('/app/archive');
-				break;
-			case 't':
-				e.preventDefault();
-				goto('/app/themes');
-				break;
-			case '1':
-				e.preventDefault();
-				setViewMode('single');
-				break;
-			case '2':
-				e.preventDefault();
-				setViewMode('grid3');
-				break;
-			case '3':
-				e.preventDefault();
-				setViewMode('grid5');
-				break;
-		}
-	}
-</script>
-
-<svelte:window on:keydown={handleKeyDown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	loginHref="/auth/login"
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('picture')?.requiredTier}
-	appName={getManaApp('picture')?.name}
->
-	<div class="min-h-screen" style="background-color: hsl(var(--color-background));">
-		<!-- PillNavigation (conditionally visible) -->
-		{#if $isUIVisible}
-			<PillNavigation
-				items={navItems}
-				{elements}
-				currentPath={$page.url.pathname}
-				appName="Picture"
-				homeRoute="/app/gallery"
-				onLogout={handleLogout}
-				onToggleTheme={handleToggleTheme}
-				isDark={theme.isDark}
-				{isCollapsed}
-				onCollapsedChange={handleCollapsedChange}
-				showThemeToggle={true}
-				showThemeVariants={true}
-				{themeVariantItems}
-				{currentThemeVariantLabel}
-				themeMode={theme.mode}
-				onThemeModeChange={handleThemeModeChange}
-				showLanguageSwitcher={true}
-				{languageItems}
-				{currentLanguageLabel}
-				showLogout={authStore.isAuthenticated}
-				loginHref="/auth/login"
-				primaryColor="#3b82f6"
-				showAppSwitcher={true}
-				{appItems}
-				{userEmail}
-				settingsHref="/app/settings"
-				manaHref="/app/mana"
-				profileHref="/app/profile"
-				themesHref="/app/themes"
-				helpHref="/app/help"
-				feedbackHref="/app/feedback"
-				allAppsHref="/app/apps"
-				{spotlightActions}
-			/>
-			<!-- TagStrip (toggled via Tags pill) -->
-			{#if isTagStripVisible}
-				<TagStrip
-					tags={allTags.value.map((t) => ({
-						id: t.id,
-						name: t.name,
-						color: t.color || '#6b7280',
-					}))}
-					selectedIds={selectedTagIds}
-					onToggle={handleTagToggle}
-					onClear={handleTagClear}
-					managementHref="/app/tags"
-				/>
-			{/if}
-		{/if}
-
-		<!-- Main Content Area -->
-		<main class="main-content pb-24">
-			<div class="min-h-screen">
-				{@render children?.()}
-			</div>
-		</main>
-
-		<!-- Keyboard Shortcuts Modal -->
-		<KeyboardShortcutsModal />
-	</div>
-
-	<!-- Onboarding Modal -->
-	{#if pictureOnboarding.shouldShow}
-		<MiniOnboardingModal store={pictureOnboarding} appName="Picture" appEmoji="🎨" />
-	{/if}
-
-	<!-- Guest Welcome Modal -->
-	<GuestWelcomeModal
-		appId="picture"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/auth/login')}
-		onRegister={() => goto('/auth/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/auth/login" />
-	{/if}
-</AuthGate>
-
-<style>
-	.main-content {
-		padding-bottom: 100px;
-	}
-</style>
diff --git a/apps/picture/apps/web-archived/src/routes/app/apps/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/apps/+page.svelte
deleted file mode 100644
index aa89aaa1b..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/apps/+page.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import { AppsPage } from '@manacore/shared-ui';
-</script>
-
-<div class="apps-page-wrapper">
-	<AppsPage currentAppId="picture" locale="de" title="Alle Apps" />
-</div>
-
-<style>
-	.apps-page-wrapper {
-		background-color: hsl(var(--color-background));
-		min-height: 100%;
-	}
-</style>
diff --git a/apps/picture/apps/web-archived/src/routes/app/archive/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/archive/+page.svelte
deleted file mode 100644
index d9aef95e5..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/archive/+page.svelte
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts">
-	import type { Image } from '$lib/api/images';
-	import ArchivedImageCard from '$lib/components/archive/ArchivedImageCard.svelte';
-	import ArchivedImageModal from '$lib/components/archive/ArchivedImageModal.svelte';
-	import ContextMenu from '$lib/components/ui/ContextMenu.svelte';
-	import { Archive } from '@manacore/shared-icons';
-	import { getContext } from 'svelte';
-
-	const archivedImages: { value: Image[] } = getContext('archivedImages');
-
-	let selectedImage = $state<Image | null>(null);
-
-	function handleImageClick(image: Image) {
-		selectedImage = image;
-	}
-</script>
-
-<svelte:head>
-	<title>Archive - Picture</title>
-</svelte:head>
-
-{#if archivedImages.value.length === 0}
-	<div class="flex min-h-[400px] items-center justify-center px-4 py-8">
-		<div class="text-center">
-			<Archive size={64} weight="thin" class="mx-auto text-gray-400 dark:text-gray-600" />
-			<h3 class="mt-4 text-lg font-medium text-gray-900 dark:text-gray-100">Kein Archiv</h3>
-			<p class="mt-2 text-gray-600 dark:text-gray-400">
-				Archiviere Bilder aus deiner Galerie, um sie organisiert zu halten ohne sie zu löschen
-			</p>
-		</div>
-	</div>
-{:else}
-	<div class="px-4 py-8 pb-32">
-		<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">
-			{#each archivedImages.value as image (image.id)}
-				<ArchivedImageCard {image} onclick={() => handleImageClick(image)} />
-			{/each}
-		</div>
-	</div>
-{/if}
-
-<!-- Image Detail Modal -->
-<ArchivedImageModal image={selectedImage} onClose={() => (selectedImage = null)} />
-
-<!-- Context Menu -->
-<ContextMenu />
diff --git a/apps/picture/apps/web-archived/src/routes/app/board/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/board/+page.svelte
deleted file mode 100644
index cba69abfa..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/board/+page.svelte
+++ /dev/null
@@ -1,285 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { showCreateBoardModal } from '$lib/stores/boards';
-	import type { BoardWithCount } from '$lib/api/boards';
-	import { boardCollection, boardItemCollection, type LocalBoard } from '$lib/data/local-store';
-	import { getContext } from 'svelte';
-	import { PageHeader, Button, Modal, toastStore } from '@manacore/shared-ui';
-	import { Plus, SquaresFour, Image, Trash } from '@manacore/shared-icons';
-
-	const allBoards: { value: BoardWithCount[] } = getContext('allBoards');
-
-	// Create board modal state
-	let boardName = $state('');
-	let boardDescription = $state('');
-	let isCreating = $state(false);
-
-	// Delete confirmation modal
-	let showDeleteModal = $state(false);
-	let deletingBoard = $state<string | null>(null);
-
-	async function handleCreateBoard() {
-		if (!boardName.trim()) return;
-
-		isCreating = true;
-		try {
-			const newLocal: LocalBoard = {
-				id: crypto.randomUUID(),
-				name: boardName,
-				description: boardDescription || null,
-				canvasWidth: 2000,
-				canvasHeight: 1500,
-				backgroundColor: '#ffffff',
-				isPublic: false,
-			};
-			await boardCollection.insert(newLocal);
-			showCreateBoardModal.set(false);
-			boardName = '';
-			boardDescription = '';
-			toastStore.show('Board erstellt', 'success');
-		} catch (error) {
-			console.error('Error creating board:', error);
-			toastStore.show('Fehler beim Erstellen', 'error');
-		} finally {
-			isCreating = false;
-		}
-	}
-
-	async function handleDeleteBoard() {
-		if (!deletingBoard) return;
-
-		try {
-			// Delete all board items first
-			const items = await boardItemCollection.getAll({ boardId: deletingBoard });
-			for (const item of items) {
-				await boardItemCollection.delete(item.id);
-			}
-			await boardCollection.delete(deletingBoard);
-			showDeleteModal = false;
-			deletingBoard = null;
-			toastStore.show('Board gelöscht', 'success');
-		} catch (error) {
-			console.error('Error deleting board:', error);
-			toastStore.show('Fehler beim Löschen', 'error');
-		}
-	}
-
-	async function handleDuplicateBoard(boardId: string) {
-		try {
-			const original = await boardCollection.get(boardId);
-			if (!original) throw new Error('Board not found');
-
-			const newId = crypto.randomUUID();
-			const duplicated: LocalBoard = {
-				id: newId,
-				name: `${original.name} (Kopie)`,
-				description: original.description,
-				canvasWidth: original.canvasWidth,
-				canvasHeight: original.canvasHeight,
-				backgroundColor: original.backgroundColor,
-				isPublic: false,
-			};
-			await boardCollection.insert(duplicated);
-
-			// Duplicate board items
-			const originalItems = await boardItemCollection.getAll({ boardId });
-			for (const item of originalItems) {
-				await boardItemCollection.insert({
-					...item,
-					id: crypto.randomUUID(),
-					boardId: newId,
-				});
-			}
-
-			toastStore.show('Board dupliziert', 'success');
-		} catch (error) {
-			console.error('Error duplicating board:', error);
-			toastStore.show('Fehler beim Duplizieren', 'error');
-		}
-	}
-
-	function openBoard(boardId: string) {
-		goto(`/app/board/${boardId}`);
-	}
-
-	function confirmDelete(boardId: string) {
-		deletingBoard = boardId;
-		showDeleteModal = true;
-	}
-</script>
-
-<svelte:head>
-	<title>Moodboards - Picture</title>
-</svelte:head>
-
-<div class="min-h-screen px-4 py-8">
-	<PageHeader
-		title="Moodboards"
-		description="Erstelle und organisiere deine Bilder auf einem Canvas"
-		size="lg"
-	>
-		{#snippet actions()}
-			<Button onclick={() => showCreateBoardModal.set(true)}>
-				<Plus size={20} class="mr-2" />
-				Neues Board
-			</Button>
-		{/snippet}
-	</PageHeader>
-
-	{#if allBoards.value.length === 0}
-		<!-- Empty State -->
-		<div class="flex flex-col items-center justify-center py-20">
-			<SquaresFour size={96} weight="thin" class="text-gray-300 dark:text-gray-600" />
-			<h3 class="mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100">
-				Keine Boards vorhanden
-			</h3>
-			<p class="mt-2 text-gray-600 dark:text-gray-400">
-				Erstelle dein erstes Moodboard und organisiere deine Bilder
-			</p>
-			<Button class="mt-6" onclick={() => showCreateBoardModal.set(true)}>
-				Erstes Board erstellen
-			</Button>
-		</div>
-	{:else}
-		<!-- Boards Grid -->
-		<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-			{#each allBoards.value as board (board.id)}
-				<div
-					class="group relative overflow-hidden rounded-lg border border-gray-200 bg-white transition-all hover:shadow-lg dark:border-gray-700 dark:bg-gray-800"
-				>
-					<!-- Thumbnail -->
-					<button
-						onclick={() => openBoard(board.id)}
-						class="block w-full overflow-hidden bg-gray-100 dark:bg-gray-700"
-						style="aspect-ratio: 4/3; background-color: {board.backgroundColor || '#ffffff'}"
-					>
-						{#if board.thumbnailUrl}
-							<img
-								src={board.thumbnailUrl}
-								alt={board.name}
-								class="h-full w-full object-cover transition-transform group-hover:scale-105"
-							/>
-						{:else}
-							<div class="flex h-full items-center justify-center">
-								<Image size={64} weight="thin" class="text-gray-300 dark:text-gray-600" />
-							</div>
-						{/if}
-					</button>
-
-					<!-- Info -->
-					<div class="p-4">
-						<button onclick={() => openBoard(board.id)} class="w-full text-left">
-							<h3 class="font-semibold text-gray-900 dark:text-gray-100">
-								{board.name}
-							</h3>
-							{#if board.description}
-								<p class="mt-1 line-clamp-2 text-sm text-gray-600 dark:text-gray-400">
-									{board.description}
-								</p>
-							{/if}
-						</button>
-
-						<div
-							class="mt-3 flex items-center justify-between text-sm text-gray-500 dark:text-gray-400"
-						>
-							<span>{board.itemCount} {board.itemCount === 1 ? 'Bild' : 'Bilder'}</span>
-							<span>{new Date(board.updatedAt).toLocaleDateString('de-DE')}</span>
-						</div>
-
-						<!-- Actions -->
-						<div class="mt-3 flex gap-2">
-							<Button
-								size="sm"
-								variant="outline"
-								class="flex-1"
-								onclick={() => handleDuplicateBoard(board.id)}
-							>
-								Duplizieren
-							</Button>
-							<Button size="sm" variant="danger" onclick={() => confirmDelete(board.id)}>
-								<Trash size={16} />
-							</Button>
-						</div>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<!-- Create Board Modal -->
-<Modal visible={$showCreateBoardModal} onClose={() => showCreateBoardModal.set(false)}>
-	<div class="p-6">
-		<h2 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Neues Board erstellen</h2>
-
-		<form
-			onsubmit={(e) => {
-				e.preventDefault();
-				handleCreateBoard();
-			}}
-			class="mt-6 space-y-4"
-		>
-			<div>
-				<label for="board-name" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
-					Name
-				</label>
-				<input
-					id="board-name"
-					type="text"
-					bind:value={boardName}
-					placeholder="Mein Moodboard"
-					required
-					class="mt-1 block w-full rounded-lg border border-gray-300 px-4 py-2 focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-				/>
-			</div>
-
-			<div>
-				<label
-					for="board-description"
-					class="block text-sm font-medium text-gray-700 dark:text-gray-300"
-				>
-					Beschreibung (optional)
-				</label>
-				<textarea
-					id="board-description"
-					bind:value={boardDescription}
-					placeholder="Beschreibe dein Board..."
-					rows="3"
-					class="mt-1 block w-full rounded-lg border border-gray-300 px-4 py-2 focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-				></textarea>
-			</div>
-
-			<div class="flex gap-3 pt-4">
-				<Button
-					type="button"
-					variant="outline"
-					class="flex-1"
-					onclick={() => showCreateBoardModal.set(false)}
-				>
-					Abbrechen
-				</Button>
-				<Button type="submit" class="flex-1" loading={isCreating} disabled={!boardName.trim()}>
-					Erstellen
-				</Button>
-			</div>
-		</form>
-	</div>
-</Modal>
-
-<!-- Delete Confirmation Modal -->
-<Modal visible={showDeleteModal} onClose={() => (showDeleteModal = false)}>
-	<div class="p-6">
-		<h2 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Board löschen?</h2>
-		<p class="mt-4 text-gray-600 dark:text-gray-400">
-			Möchtest du dieses Board wirklich löschen? Alle Bilder auf dem Board bleiben in deiner Galerie
-			erhalten.
-		</p>
-
-		<div class="mt-6 flex gap-3">
-			<Button variant="outline" class="flex-1" onclick={() => (showDeleteModal = false)}>
-				Abbrechen
-			</Button>
-			<Button variant="danger" class="flex-1" onclick={handleDeleteBoard}>Löschen</Button>
-		</div>
-	</div>
-</Modal>
diff --git a/apps/picture/apps/web-archived/src/routes/app/board/[id]/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/board/[id]/+page.svelte
deleted file mode 100644
index 84139ff79..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/board/[id]/+page.svelte
+++ /dev/null
@@ -1,165 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { currentBoard } from '$lib/stores/boards';
-	import {
-		canvasItems,
-		resetCanvasState,
-		isLoadingCanvasItems,
-		showPropertiesPanel,
-		selectedItemIds,
-		addCanvasItem,
-	} from '$lib/stores/canvas';
-	import { getBoardById } from '$lib/api/boards';
-	import { getBoardItems, addTextToBoard } from '$lib/api/boardItems';
-	import { toastStore } from '@manacore/shared-ui';
-	import BoardCanvas from '$lib/components/board/BoardCanvas.svelte';
-	import CanvasToolbar from '$lib/components/board/CanvasToolbar.svelte';
-	import ImagePickerModal from '$lib/components/board/ImagePickerModal.svelte';
-	import ImagePropertiesPanel from '$lib/components/board/ImagePropertiesPanel.svelte';
-	import { X, SlidersHorizontal } from '@manacore/shared-icons';
-
-	const boardId = $derived($page.params.id);
-
-	let showImagePicker = $state(false);
-	let isLoading = $state(true);
-
-	onMount(() => {
-		if (!boardId) {
-			goto('/app/board');
-			return;
-		}
-
-		loadBoard();
-
-		return () => {
-			resetCanvasState();
-			currentBoard.set(null);
-		};
-	});
-
-	async function loadBoard() {
-		if (!authStore.user || !boardId) return;
-
-		isLoading = true;
-		try {
-			// Load board metadata
-			const board = await getBoardById(boardId);
-
-			// Check if user has access
-			if (board.userId !== authStore.user.id && !board.isPublic) {
-				toastStore.show('Zugriff verweigert', 'error');
-				goto('/app/board');
-				return;
-			}
-
-			currentBoard.set(board);
-
-			// Load board items
-			isLoadingCanvasItems.set(true);
-			const items = await getBoardItems(boardId);
-			canvasItems.set(items);
-		} catch (error) {
-			console.error('Error loading board:', error);
-			toastStore.show('Fehler beim Laden des Boards', 'error');
-			goto('/app/board');
-		} finally {
-			isLoading = false;
-			isLoadingCanvasItems.set(false);
-		}
-	}
-
-	function handleAddImages() {
-		showImagePicker = true;
-	}
-
-	async function handleAddText() {
-		if (!authStore.user || !boardId) return;
-
-		try {
-			// Add text to center of visible area
-			const text = await addTextToBoard({
-				boardId,
-				content: 'Doppelklick zum Bearbeiten',
-				position: { x: 200, y: 200 },
-			});
-
-			// Add to canvas
-			addCanvasItem(text);
-			toastStore.show('Text hinzugefügt', 'success');
-		} catch (error) {
-			console.error('Error adding text:', error);
-			toastStore.show('Fehler beim Hinzufügen des Textes', 'error');
-		}
-	}
-
-	function handleBackToList() {
-		goto('/app/board');
-	}
-
-	// Auto-open panel when an item is selected
-	$effect(() => {
-		if ($selectedItemIds.length > 0) {
-			showPropertiesPanel.set(true);
-		}
-	});
-</script>
-
-<svelte:head>
-	<title>{$currentBoard?.name || 'Board'} - Picture</title>
-</svelte:head>
-
-{#if isLoading}
-	<div class="flex min-h-screen items-center justify-center">
-		<div class="text-center">
-			<div
-				class="mb-4 inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid border-blue-600 border-r-transparent"
-			></div>
-			<p class="text-gray-600 dark:text-gray-400">Board wird geladen...</p>
-		</div>
-	</div>
-{:else if $currentBoard}
-	<div class="relative flex h-screen w-full overflow-hidden bg-gray-50 dark:bg-gray-900">
-		<!-- Toolbar -->
-		<CanvasToolbar
-			boardName={$currentBoard.name}
-			onBack={handleBackToList}
-			onAddImages={handleAddImages}
-			onAddText={handleAddText}
-		/>
-
-		<!-- Canvas -->
-		<div class="h-full flex-1 pt-16">
-			<BoardCanvas />
-		</div>
-
-		<!-- Properties Panel (Right Side) with slide animation -->
-		<div
-			class="h-full pt-16 transition-all duration-300 ease-in-out {$showPropertiesPanel
-				? 'w-80'
-				: 'w-0'}"
-		>
-			{#if $showPropertiesPanel}
-				<ImagePropertiesPanel />
-			{/if}
-		</div>
-
-		<!-- FAB: Properties Panel Toggle (Bottom Right) -->
-		<button
-			onclick={() => showPropertiesPanel.set(!$showPropertiesPanel)}
-			class="fixed bottom-6 right-6 z-40 flex h-14 w-14 items-center justify-center rounded-full bg-blue-600 text-white shadow-lg transition-all duration-200 hover:scale-110 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600"
-			title={$showPropertiesPanel ? 'Eigenschaften ausblenden' : 'Eigenschaften anzeigen'}
-		>
-			{#if $showPropertiesPanel}
-				<X size={24} />
-			{:else}
-				<SlidersHorizontal size={24} />
-			{/if}
-		</button>
-
-		<!-- Image Picker Modal -->
-		<ImagePickerModal open={showImagePicker} onClose={() => (showImagePicker = false)} />
-	</div>
-{/if}
diff --git a/apps/picture/apps/web-archived/src/routes/app/explore/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/explore/+page.svelte
deleted file mode 100644
index 57695414f..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/explore/+page.svelte
+++ /dev/null
@@ -1,286 +0,0 @@
-<script lang="ts">
-	import {
-		exploreImages,
-		isLoadingExplore,
-		hasMoreExplore,
-		currentExplorePage,
-		exploreSortBy,
-		exploreSearchQuery,
-		showExploreFavoritesOnly,
-	} from '$lib/stores/explore';
-	import { selectedImage } from '$lib/stores/images';
-	import { viewMode } from '$lib/stores/view';
-	import { getPublicImages, searchPublicImages } from '$lib/api/explore';
-	import ImageCard from '$lib/components/gallery/ImageCard.svelte';
-	import ImageDetailModal from '$lib/components/gallery/ImageDetailModal.svelte';
-	import ImageSkeleton from '$lib/components/ui/ImageSkeleton.svelte';
-	import ViewModeSwitcher from '$lib/components/ui/ViewModeSwitcher.svelte';
-	import ContextMenu from '$lib/components/ui/ContextMenu.svelte';
-	import { MagnifyingGlass, X, Heart } from '@manacore/shared-icons';
-	import { onMount } from 'svelte';
-	import type { Image } from '$lib/api/images';
-	import type { ViewMode } from '$lib/stores/view';
-
-	let loadingMore = $state(false);
-	let observer: IntersectionObserver | null = null;
-	let loadMoreTrigger = $state<HTMLElement | null>(null);
-	let searchInput = $state('');
-	let searchTimeout: ReturnType<typeof setTimeout> | null = null;
-
-	// React to favorites filter changes
-	$effect(() => {
-		if ($showExploreFavoritesOnly !== undefined) {
-			loadInitialImages();
-		}
-	});
-
-	onMount(() => {
-		loadInitialImages();
-
-		// Setup Intersection Observer for infinite scroll
-		observer = new IntersectionObserver(
-			(entries) => {
-				if (entries[0].isIntersecting && $hasMoreExplore && !$isLoadingExplore && !loadingMore) {
-					loadMoreImages();
-				}
-			},
-			{
-				threshold: 0.1,
-				rootMargin: '100px', // Load before reaching the trigger
-			}
-		);
-
-		if (loadMoreTrigger) {
-			observer.observe(loadMoreTrigger);
-		}
-
-		return () => {
-			if (observer) observer.disconnect();
-			if (searchTimeout) clearTimeout(searchTimeout);
-		};
-	});
-
-	async function loadInitialImages() {
-		isLoadingExplore.set(true);
-		try {
-			const data = await getPublicImages({
-				page: 1,
-				sortBy: $exploreSortBy,
-				favoritesOnly: $showExploreFavoritesOnly,
-			});
-			exploreImages.set(data);
-			currentExplorePage.set(1);
-			hasMoreExplore.set(data.length === 20);
-		} catch (error) {
-			console.error('Error loading explore images:', error);
-		} finally {
-			isLoadingExplore.set(false);
-		}
-	}
-
-	async function loadMoreImages() {
-		if (!$hasMoreExplore || $isLoadingExplore || loadingMore) return;
-
-		loadingMore = true;
-		const nextPage = $currentExplorePage + 1;
-
-		try {
-			const newImages = $exploreSearchQuery
-				? await searchPublicImages($exploreSearchQuery, nextPage, 20, $showExploreFavoritesOnly)
-				: await getPublicImages({
-						page: nextPage,
-						sortBy: $exploreSortBy,
-						favoritesOnly: $showExploreFavoritesOnly,
-					});
-
-			if (newImages.length > 0) {
-				exploreImages.update((current) => [...current, ...newImages]);
-				currentExplorePage.set(nextPage);
-				hasMoreExplore.set(newImages.length === 20);
-			} else {
-				hasMoreExplore.set(false);
-			}
-		} catch (error) {
-			console.error('Error loading more explore images:', error);
-		} finally {
-			loadingMore = false;
-		}
-	}
-
-	function handleImageClick(image: Image) {
-		selectedImage.set(image);
-	}
-
-	function getGridClass(mode: ViewMode) {
-		switch (mode) {
-			case 'single':
-				return 'grid grid-cols-1 gap-4 max-w-2xl mx-auto';
-			case 'grid3':
-				return 'grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3';
-			case 'grid5':
-				return 'grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5';
-		}
-	}
-
-	function handleSortChange(e: Event) {
-		const target = e.target as HTMLSelectElement;
-		exploreSortBy.set(target.value as 'recent' | 'popular' | 'trending');
-		loadInitialImages();
-	}
-
-	function handleSearchInput(e: Event) {
-		const target = e.target as HTMLInputElement;
-		searchInput = target.value;
-
-		// Debounce search
-		if (searchTimeout) clearTimeout(searchTimeout);
-
-		searchTimeout = setTimeout(async () => {
-			exploreSearchQuery.set(searchInput);
-
-			if (searchInput.trim()) {
-				isLoadingExplore.set(true);
-				try {
-					const results = await searchPublicImages(
-						searchInput.trim(),
-						1,
-						20,
-						$showExploreFavoritesOnly
-					);
-					exploreImages.set(results);
-					currentExplorePage.set(1);
-					hasMoreExplore.set(results.length === 20);
-				} catch (error) {
-					console.error('Error searching:', error);
-				} finally {
-					isLoadingExplore.set(false);
-				}
-			} else {
-				loadInitialImages();
-			}
-		}, 500);
-	}
-</script>
-
-<svelte:head>
-	<title>Entdecken - Picture</title>
-</svelte:head>
-
-<!-- Filter Bar -->
-<div class="sticky top-0 z-20 px-4 py-3">
-	<div class="flex flex-wrap items-center gap-3">
-		<!-- Search -->
-		<div class="relative min-w-[200px] flex-1 max-w-md">
-			<input
-				type="text"
-				value={searchInput}
-				oninput={handleSearchInput}
-				placeholder="Bilder suchen..."
-				class="w-full rounded-full border border-gray-300/50 bg-white/80 px-4 py-2 pl-10 text-sm text-gray-900 placeholder-gray-500 backdrop-blur-xl transition-all focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600/50 dark:bg-gray-800/80 dark:text-gray-100 dark:placeholder-gray-400"
-			/>
-			<MagnifyingGlass
-				size={16}
-				class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500"
-			/>
-			{#if searchInput}
-				<button
-					onclick={() => {
-						searchInput = '';
-						exploreSearchQuery.set('');
-						loadInitialImages();
-					}}
-					class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300"
-				>
-					<X size={16} />
-				</button>
-			{/if}
-		</div>
-
-		<!-- Sort -->
-		<select
-			value={$exploreSortBy}
-			onchange={handleSortChange}
-			class="rounded-full border border-gray-300/50 bg-white/80 px-4 py-2 text-sm text-gray-900 backdrop-blur-xl focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600/50 dark:bg-gray-800/80 dark:text-gray-100"
-		>
-			<option value="recent">Neueste</option>
-			<option value="popular">Beliebt</option>
-			<option value="trending">Im Trend</option>
-		</select>
-
-		<!-- Favorites Toggle -->
-		<button
-			onclick={() => showExploreFavoritesOnly.update((v) => !v)}
-			class="inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition-all {$showExploreFavoritesOnly
-				? 'bg-blue-600 text-white'
-				: 'bg-gray-100/80 text-gray-700 backdrop-blur-xl hover:bg-gray-200/80 dark:bg-gray-800/80 dark:text-gray-300 dark:hover:bg-gray-700/80'}"
-		>
-			<Heart size={16} weight={$showExploreFavoritesOnly ? 'fill' : 'regular'} />
-			<span>Favoriten</span>
-		</button>
-
-		<!-- Reset Filter -->
-		{#if $exploreSearchQuery || $showExploreFavoritesOnly || $exploreSortBy !== 'recent'}
-			<button
-				onclick={() => {
-					searchInput = '';
-					exploreSearchQuery.set('');
-					exploreSortBy.set('recent');
-					showExploreFavoritesOnly.set(false);
-					loadInitialImages();
-				}}
-				class="text-sm font-medium text-blue-600 hover:underline dark:text-blue-400"
-			>
-				Zurücksetzen
-			</button>
-		{/if}
-	</div>
-</div>
-
-{#if $isLoadingExplore && $exploreImages.length === 0}
-	<div class="px-4 py-8">
-		<ImageSkeleton count={20} />
-	</div>
-{:else if $exploreImages.length === 0}
-	<div class="flex min-h-[400px] items-center justify-center px-4">
-		<div class="text-center">
-			<MagnifyingGlass size={64} weight="thin" class="mx-auto text-gray-400 dark:text-gray-500" />
-			<h3 class="mt-4 text-lg font-medium text-gray-900 dark:text-gray-100">
-				Keine Bilder gefunden
-			</h3>
-			<p class="mt-2 text-gray-600 dark:text-gray-400">
-				{#if $exploreSearchQuery}
-					Keine Ergebnisse für "{$exploreSearchQuery}"
-				{:else}
-					Es sind noch keine öffentlichen Bilder vorhanden
-				{/if}
-			</p>
-		</div>
-	</div>
-{:else}
-	<div class="px-4 py-8 pb-32">
-		<div class={getGridClass($viewMode)}>
-			{#each $exploreImages as image (image.id)}
-				<ImageCard {image} onclick={() => handleImageClick(image)} viewMode={$viewMode} />
-			{/each}
-		</div>
-
-		<!-- Infinite Scroll Trigger -->
-		{#if $hasMoreExplore}
-			<div bind:this={loadMoreTrigger} class="mt-8 flex justify-center">
-				{#if loadingMore}
-					<div
-						class="h-8 w-8 animate-spin rounded-full border-4 border-solid border-blue-600 border-r-transparent dark:border-blue-400"
-					></div>
-				{:else}
-					<p class="text-sm text-gray-500 dark:text-gray-400">Scrolle für mehr</p>
-				{/if}
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<!-- Image Detail Modal -->
-<ImageDetailModal image={$selectedImage} onClose={() => selectedImage.set(null)} />
-
-<!-- Context Menu -->
-<ContextMenu />
diff --git a/apps/picture/apps/web-archived/src/routes/app/feedback/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/feedback/+page.svelte
deleted file mode 100644
index ed2e476d1..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/feedback/+page.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { feedbackService } from '$lib/api/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<FeedbackPage {feedbackService} appName="Picture" currentUserId={authStore.user?.id} />
diff --git a/apps/picture/apps/web-archived/src/routes/app/gallery/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/gallery/+page.svelte
deleted file mode 100644
index 054428c29..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/gallery/+page.svelte
+++ /dev/null
@@ -1,109 +0,0 @@
-<script lang="ts">
-	import { selectedImage, showFavoritesOnly } from '$lib/stores/images';
-	import { isUIVisible } from '$lib/stores/ui';
-	import { selectedTags } from '$lib/stores/tags';
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import type { Image } from '$lib/api/images';
-	import { getFavoriteImages, getImagesByTags } from '$lib/data/queries';
-	import GalleryGrid from '$lib/components/gallery/GalleryGrid.svelte';
-	import ImageDetailModal from '$lib/components/gallery/ImageDetailModal.svelte';
-	import QuickGenerateBar from '$lib/components/gallery/QuickGenerateBar.svelte';
-	import ContextMenu from '$lib/components/ui/ContextMenu.svelte';
-	import TagPills from '$lib/components/tags/TagPills.svelte';
-	import { Heart } from '@manacore/shared-icons';
-
-	const allTags: { value: Tag[] } = getContext('tags');
-	const allImages: { value: Image[] } = getContext('allImages');
-	const allImageTags: { value: { imageId: string; tagId: string }[] } = getContext('allImageTags');
-
-	// Derive filtered images reactively from live query data
-	const filteredImages = $derived.by(() => {
-		let result = allImages.value;
-
-		// Filter favorites
-		if ($showFavoritesOnly) {
-			result = getFavoriteImages(result);
-		}
-
-		// Filter by tags
-		if ($selectedTags.length > 0) {
-			result = getImagesByTags(result, allImageTags.value, $selectedTags);
-		}
-
-		return result;
-	});
-</script>
-
-<svelte:head>
-	<title>Gallery - Picture</title>
-</svelte:head>
-
-<!-- Filter Bar -->
-<div class="sticky top-0 z-20 px-4 py-3">
-	<div class="flex flex-wrap items-center gap-3">
-		<!-- Favorites Toggle -->
-		<button
-			onclick={() => showFavoritesOnly.update((v) => !v)}
-			class="inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition-all {$showFavoritesOnly
-				? 'bg-blue-600 text-white'
-				: 'bg-gray-100/80 text-gray-700 backdrop-blur-xl hover:bg-gray-200/80 dark:bg-gray-800/80 dark:text-gray-300 dark:hover:bg-gray-700/80'}"
-		>
-			<Heart size={16} weight={$showFavoritesOnly ? 'fill' : 'regular'} />
-			<span>Favoriten</span>
-		</button>
-
-		<!-- Tags -->
-		{#if allTags.value.length > 0}
-			<div class="flex flex-wrap items-center gap-2">
-				<span class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400"
-					>Tags:</span
-				>
-				<TagPills />
-			</div>
-		{/if}
-
-		<!-- Reset Filter -->
-		{#if $selectedTags.length > 0 || $showFavoritesOnly}
-			<button
-				onclick={() => {
-					selectedTags.set([]);
-					showFavoritesOnly.set(false);
-				}}
-				class="ml-auto text-sm font-medium text-blue-600 hover:underline dark:text-blue-400"
-			>
-				Filter zurücksetzen
-			</button>
-		{/if}
-	</div>
-
-	<!-- Active Filter Summary -->
-	{#if $selectedTags.length > 0 || $showFavoritesOnly}
-		<div class="mt-2 rounded-lg bg-blue-50/80 px-3 py-1.5 backdrop-blur-xl dark:bg-blue-900/30">
-			<p class="text-xs font-medium text-blue-900 dark:text-blue-100">
-				{#if $showFavoritesOnly && $selectedTags.length > 0}
-					Favoriten + {$selectedTags.length} {$selectedTags.length === 1 ? 'Tag' : 'Tags'}
-				{:else if $showFavoritesOnly}
-					Nur Favoriten
-				{:else}
-					{$selectedTags.length} {$selectedTags.length === 1 ? 'Tag' : 'Tags'} ausgewählt
-				{/if}
-			</p>
-		</div>
-	{/if}
-</div>
-
-<div class="px-4 py-8 pb-32">
-	<GalleryGrid images={filteredImages} />
-</div>
-
-<!-- Image Detail Modal -->
-<ImageDetailModal image={$selectedImage} onClose={() => selectedImage.set(null)} />
-
-<!-- Context Menu -->
-<ContextMenu />
-
-<!-- Quick Generate Bar (conditionally visible) -->
-{#if $isUIVisible}
-	<QuickGenerateBar />
-{/if}
diff --git a/apps/picture/apps/web-archived/src/routes/app/generate/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/generate/+page.svelte
deleted file mode 100644
index 2988da68a..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/generate/+page.svelte
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts">
-	import { PageHeader } from '@manacore/shared-ui';
-	import GenerateForm from '$lib/components/generate/GenerateForm.svelte';
-	import { CheckCircle } from '@manacore/shared-icons';
-</script>
-
-<svelte:head>
-	<title>Generate - Picture</title>
-</svelte:head>
-
-<div class="container mx-auto px-4 py-8">
-	<PageHeader
-		title="Generate Image"
-		description="Create stunning AI-generated images from your text descriptions"
-		size="lg"
-	/>
-
-	<div class="mx-auto max-w-3xl">
-		<GenerateForm />
-	</div>
-
-	<!-- Tips Section -->
-	<div class="mx-auto mt-8 max-w-3xl">
-		<div class="rounded-lg border border-gray-200 bg-gray-50 p-6">
-			<h3 class="mb-3 text-lg font-semibold text-gray-900">Tips for better results:</h3>
-			<ul class="space-y-2 text-sm text-gray-700">
-				<li class="flex items-start">
-					<CheckCircle size={20} class="mr-2 mt-0.5 flex-shrink-0 text-blue-600" />
-					<span
-						><strong>Be specific:</strong> Include details about style, mood, colors, and composition</span
-					>
-				</li>
-				<li class="flex items-start">
-					<CheckCircle size={20} class="mr-2 mt-0.5 flex-shrink-0 text-blue-600" />
-					<span
-						><strong>Use descriptive words:</strong> "Vibrant sunset over mountains" is better than "sunset"</span
-					>
-				</li>
-				<li class="flex items-start">
-					<CheckCircle size={20} class="mr-2 mt-0.5 flex-shrink-0 text-blue-600" />
-					<span
-						><strong>Negative prompts:</strong> Use to exclude unwanted elements (e.g., "blurry, distorted,
-						low quality")</span
-					>
-				</li>
-				<li class="flex items-start">
-					<CheckCircle size={20} class="mr-2 mt-0.5 flex-shrink-0 text-blue-600" />
-					<span
-						><strong>Try different models:</strong> Each model has unique strengths and artistic styles</span
-					>
-				</li>
-			</ul>
-		</div>
-	</div>
-</div>
diff --git a/apps/picture/apps/web-archived/src/routes/app/help/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/help/+page.svelte
deleted file mode 100644
index 15b091e56..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getPictureHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getPictureHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Picture kennen'
-					: 'Find answers and learn how to use Picture',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Picture</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Picture"
-	appId="picture"
-	{translations}
-	showBackButton
-	onBack={() => goto('/app/gallery')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/picture/apps/web-archived/src/routes/app/mana/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/mana/+page.svelte
deleted file mode 100644
index 2b0bb88e2..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/mana/+page.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-	import { toastStore } from '@manacore/shared-ui';
-
-	function handleSubscribe(planId: string) {
-		console.log('Subscribe to plan:', planId);
-		toastStore.show(`Abo "${planId}" ausgewählt. Bezahlsystem wird noch integriert.`, 'info', 5000);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		console.log('Buy package:', packageId);
-		toastStore.show(
-			`Paket "${packageId}" ausgewählt. Bezahlsystem wird noch integriert.`,
-			'info',
-			5000
-		);
-	}
-</script>
-
-<svelte:head>
-	<title>Mana - Picture</title>
-</svelte:head>
-
-<div class="min-h-screen p-4 md:p-8" style="background-color: hsl(var(--color-background));">
-	<div class="mx-auto max-w-6xl">
-		<SubscriptionPage
-			appName="Picture"
-			onSubscribe={handleSubscribe}
-			onBuyPackage={handleBuyPackage}
-			currentPlanId="free"
-			pageTitle="Wähle dein Abo"
-			subscriptionsTitle="Abonnements"
-			packagesTitle="Einmal-Pakete"
-			yearlyDiscount="20% Rabatt"
-		/>
-	</div>
-</div>
diff --git a/apps/picture/apps/web-archived/src/routes/app/profile/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/profile/+page.svelte
deleted file mode 100644
index 1c7d1fff1..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/profile/+page.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import type { UserProfile, ProfileActions } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-	import ThemePicker from '$lib/components/settings/ThemePicker.svelte';
-
-	// Map auth store user to UserProfile
-	let userProfile = $derived<UserProfile>({
-		id: authStore.user?.id || '',
-		email: authStore.user?.email || '',
-		role: authStore.user?.role,
-	});
-
-	// Profile actions
-	const actions: ProfileActions = {
-		onLogout: async () => {
-			await authStore.signOut();
-			goto('/');
-		},
-		onDeleteAccount: () => {
-			alert('Konto löschen ist noch nicht implementiert.');
-		},
-	};
-</script>
-
-<ProfilePage
-	user={userProfile}
-	appName="Picture"
-	{actions}
-	pageTitle="Profil"
-	accountInfoTitle="Konto-Informationen"
-	actionsTitle="Aktionen"
-	emailLabel="E-Mail"
-	nameLabel="Name"
-	memberSinceLabel="Mitglied seit"
-	lastLoginLabel="Letzter Login"
-	roleLabel="Rolle"
-	editProfileLabel="Profil bearbeiten"
-	changePasswordLabel="Passwort ändern"
-	logoutLabel="Abmelden"
-	deleteAccountLabel="Konto löschen"
-	deleteAccountWarning="Diese Aktion kann nicht rückgängig gemacht werden."
-/>
-
-<!-- Theme Settings (additional section) -->
-<div class="mx-auto max-w-xl px-4 pb-8">
-	<h2 class="mb-4 text-lg font-semibold text-foreground">Erscheinungsbild</h2>
-	<ThemePicker />
-</div>
diff --git a/apps/picture/apps/web-archived/src/routes/app/settings/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/settings/+page.svelte
deleted file mode 100644
index ae3098e9c..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/settings/+page.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		GlobalSettingsSection,
-	} from '@manacore/shared-ui';
-	import { Info } from '@manacore/shared-icons';
-
-	onMount(async () => {
-		await userSettings.load();
-	});
-</script>
-
-<svelte:head>
-	<title>Einstellungen - Picture</title>
-</svelte:head>
-
-<SettingsPage title="Einstellungen" subtitle="Passe die App an deine Vorlieben an.">
-	<!-- Global Settings Section (synced across all apps) -->
-	<GlobalSettingsSection {userSettings} appId="picture" />
-
-	<!-- About Section -->
-	<SettingsSection title="Über">
-		{#snippet icon()}
-			<Info />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="Version" border={false}>
-				<span class="text-[hsl(var(--muted-foreground))]">1.0.0</span>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/picture/apps/web-archived/src/routes/app/tags/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/tags/+page.svelte
deleted file mode 100644
index ecfbbbded..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/tags/+page.svelte
+++ /dev/null
@@ -1,302 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-	import { toastStore } from '@manacore/shared-ui';
-	import { PageHeader } from '@manacore/shared-ui';
-	import { Plus, Tag as TagIcon, PencilSimple, Trash } from '@manacore/shared-icons';
-
-	const allTags: { value: Tag[] } = getContext('tags');
-
-	let showCreateModal = $state(false);
-	let showEditModal = $state(false);
-	let editingTag = $state<Tag | null>(null);
-	let newTagName = $state('');
-	let newTagColor = $state('#3B82F6');
-	let editTagName = $state('');
-	let editTagColor = $state('');
-
-	const predefinedColors = [
-		'#EF4444', // red
-		'#F59E0B', // amber
-		'#10B981', // emerald
-		'#3B82F6', // blue
-		'#8B5CF6', // violet
-		'#EC4899', // pink
-		'#6366F1', // indigo
-		'#14B8A6', // teal
-	];
-
-	async function handleCreateTag() {
-		if (!newTagName.trim()) return;
-
-		try {
-			await tagMutations.createTag({
-				name: newTagName.trim(),
-				color: newTagColor,
-			});
-			toastStore.show('Tag erfolgreich erstellt', 'success');
-			newTagName = '';
-			newTagColor = '#3B82F6';
-			showCreateModal = false;
-		} catch (error) {
-			console.error('Error creating tag:', error);
-			toastStore.show('Fehler beim Erstellen des Tags', 'error');
-		}
-	}
-
-	function openEditModal(tag: Tag) {
-		editingTag = tag;
-		editTagName = tag.name;
-		editTagColor = tag.color || '#3B82F6';
-		showEditModal = true;
-	}
-
-	async function handleUpdateTag() {
-		if (!editingTag || !editTagName.trim()) return;
-
-		try {
-			await tagMutations.updateTag(editingTag.id, {
-				name: editTagName.trim(),
-				color: editTagColor,
-			});
-			toastStore.show('Tag erfolgreich aktualisiert', 'success');
-			showEditModal = false;
-			editingTag = null;
-		} catch (error) {
-			console.error('Error updating tag:', error);
-			toastStore.show('Fehler beim Aktualisieren des Tags', 'error');
-		}
-	}
-
-	async function handleDeleteTag(tagId: string) {
-		if (!confirm('Möchten Sie diesen Tag wirklich löschen?')) return;
-
-		try {
-			await tagMutations.deleteTag(tagId);
-			toastStore.show('Tag erfolgreich gelöscht', 'success');
-		} catch (error) {
-			console.error('Error deleting tag:', error);
-			toastStore.show('Fehler beim Löschen des Tags', 'error');
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Tag-Verwaltung - Picture</title>
-</svelte:head>
-
-<div class="min-h-screen px-4 py-8">
-	<div class="mx-auto max-w-4xl">
-		<PageHeader
-			title="Tag-Verwaltung"
-			description="Verwalte deine Tags für eine bessere Organisation deiner Bilder"
-			size="lg"
-		>
-			{#snippet actions()}
-				<button
-					onclick={() => (showCreateModal = true)}
-					class="flex items-center gap-2 rounded-2xl bg-blue-600/90 px-6 py-3 text-sm font-medium text-white backdrop-blur-xl transition-all hover:bg-blue-700/90 dark:bg-blue-500/90 dark:hover:bg-blue-600/90"
-				>
-					<Plus size={20} />
-					Neuer Tag
-				</button>
-			{/snippet}
-		</PageHeader>
-
-		<!-- Tags Grid -->
-		{#if allTags.value.length === 0}
-			<div
-				class="rounded-3xl border border-gray-200/50 bg-white/80 p-12 text-center backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/80"
-			>
-				<TagIcon size={64} weight="thin" class="mx-auto text-gray-400 dark:text-gray-500" />
-				<h3 class="mt-4 text-lg font-medium text-gray-900 dark:text-gray-100">
-					Keine Tags vorhanden
-				</h3>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					Erstelle deinen ersten Tag, um deine Bilder zu organisieren
-				</p>
-			</div>
-		{:else}
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each allTags.value as tag (tag.id)}
-					<div
-						class="group relative rounded-2xl border border-gray-200/50 bg-white/80 p-6 backdrop-blur-xl transition-all hover:shadow-lg dark:border-gray-700/50 dark:bg-gray-900/80"
-					>
-						<div class="flex items-start justify-between">
-							<div class="flex items-center gap-3">
-								{#if tag.color}
-									<div class="h-8 w-8 rounded-full" style="background-color: {tag.color};"></div>
-								{/if}
-								<div>
-									<h3 class="font-medium text-gray-900 dark:text-gray-100">{tag.name}</h3>
-									<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-										{tag.createdAt ? new Date(tag.createdAt).toLocaleDateString('de-DE') : ''}
-									</p>
-								</div>
-							</div>
-
-							<div class="flex gap-2">
-								<button
-									onclick={() => openEditModal(tag)}
-									class="rounded-lg bg-gray-100/80 p-2 text-gray-600 backdrop-blur-xl transition-all hover:bg-gray-200/80 dark:bg-gray-800/80 dark:text-gray-400 dark:hover:bg-gray-700/80"
-									aria-label="Bearbeiten"
-								>
-									<PencilSimple size={16} />
-								</button>
-								<button
-									onclick={() => handleDeleteTag(tag.id)}
-									class="rounded-lg bg-red-100/80 p-2 text-red-600 backdrop-blur-xl transition-all hover:bg-red-200/80 dark:bg-red-900/20 dark:text-red-400 dark:hover:bg-red-900/30"
-									aria-label="Löschen"
-								>
-									<Trash size={16} />
-								</button>
-							</div>
-						</div>
-					</div>
-				{/each}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<!-- Create Tag Modal -->
-{#if showCreateModal}
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm"
-		onclick={() => (showCreateModal = false)}
-		role="presentation"
-	>
-		<div
-			class="w-full max-w-md rounded-3xl border border-gray-200/50 bg-white/95 p-6 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/95"
-			onclick={(e) => e.stopPropagation()}
-			role="dialog"
-		>
-			<h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-gray-100">Neuer Tag</h2>
-
-			<div class="space-y-4">
-				<div>
-					<label
-						for="tag-name"
-						class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
-					>
-						Name
-					</label>
-					<input
-						id="tag-name"
-						type="text"
-						bind:value={newTagName}
-						placeholder="z.B. Landschaft, Portrait, etc."
-						class="w-full rounded-xl border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-					/>
-				</div>
-
-				<div>
-					<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-						Farbe
-					</label>
-					<div class="flex flex-wrap gap-3">
-						{#each predefinedColors as color}
-							<button
-								onclick={() => (newTagColor = color)}
-								class="h-10 w-10 rounded-full transition-all {newTagColor === color
-									? 'ring-2 ring-offset-2 ring-offset-white dark:ring-offset-gray-900'
-									: ''}"
-								style="background-color: {color}; {newTagColor === color
-									? `--tw-ring-color: ${color}`
-									: ''}"
-								aria-label="Farbe auswählen"
-							></button>
-						{/each}
-					</div>
-				</div>
-			</div>
-
-			<div class="mt-6 flex gap-3">
-				<button
-					onclick={() => (showCreateModal = false)}
-					class="flex-1 rounded-xl bg-gray-100 px-4 py-2 text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-				>
-					Abbrechen
-				</button>
-				<button
-					onclick={handleCreateTag}
-					disabled={!newTagName.trim()}
-					class="flex-1 rounded-xl bg-blue-600 px-4 py-2 text-white transition-colors hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-blue-500 dark:hover:bg-blue-600"
-				>
-					Erstellen
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<!-- Edit Tag Modal -->
-{#if showEditModal && editingTag}
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm"
-		onclick={() => (showEditModal = false)}
-		role="presentation"
-	>
-		<div
-			class="w-full max-w-md rounded-3xl border border-gray-200/50 bg-white/95 p-6 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/95"
-			onclick={(e) => e.stopPropagation()}
-			role="dialog"
-		>
-			<h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-gray-100">Tag bearbeiten</h2>
-
-			<div class="space-y-4">
-				<div>
-					<label
-						for="edit-tag-name"
-						class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
-					>
-						Name
-					</label>
-					<input
-						id="edit-tag-name"
-						type="text"
-						bind:value={editTagName}
-						class="w-full rounded-xl border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-					/>
-				</div>
-
-				<div>
-					<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-						Farbe
-					</label>
-					<div class="flex flex-wrap gap-3">
-						{#each predefinedColors as color}
-							<button
-								onclick={() => (editTagColor = color)}
-								class="h-10 w-10 rounded-full transition-all {editTagColor === color
-									? 'ring-2 ring-offset-2 ring-offset-white dark:ring-offset-gray-900'
-									: ''}"
-								style="background-color: {color}; {editTagColor === color
-									? `--tw-ring-color: ${color}`
-									: ''}"
-								aria-label="Farbe auswählen"
-							></button>
-						{/each}
-					</div>
-				</div>
-			</div>
-
-			<div class="mt-6 flex gap-3">
-				<button
-					onclick={() => (showEditModal = false)}
-					class="flex-1 rounded-xl bg-gray-100 px-4 py-2 text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-				>
-					Abbrechen
-				</button>
-				<button
-					onclick={handleUpdateTag}
-					disabled={!editTagName.trim()}
-					class="flex-1 rounded-xl bg-blue-600 px-4 py-2 text-white transition-colors hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-blue-500 dark:hover:bg-blue-600"
-				>
-					Speichern
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/picture/apps/web-archived/src/routes/app/themes/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/themes/+page.svelte
deleted file mode 100644
index fd61316e6..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Picture</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/app/gallery')}
-/>
diff --git a/apps/picture/apps/web-archived/src/routes/app/upload/+page.svelte b/apps/picture/apps/web-archived/src/routes/app/upload/+page.svelte
deleted file mode 100644
index 92c8ec641..000000000
--- a/apps/picture/apps/web-archived/src/routes/app/upload/+page.svelte
+++ /dev/null
@@ -1,134 +0,0 @@
-<script lang="ts">
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-	import { uploadMultipleImages } from '$lib/api/upload';
-	import type { UploadProgress } from '$lib/api/upload';
-	import { toastStore } from '@manacore/shared-ui';
-	import { PageHeader } from '@manacore/shared-ui';
-	import DropZone from '$lib/components/upload/DropZone.svelte';
-	import { Check, Image, CloudArrowUp, CheckCircle } from '@manacore/shared-icons';
-
-	let uploading = $state(false);
-	let uploadProgress = $state<UploadProgress[]>([]);
-	let successCount = $state(0);
-
-	async function handleFilesSelected(files: File[]) {
-		if (!authStore.user) {
-			toastStore.show('Bitte melde dich an', 'error');
-			return;
-		}
-
-		uploading = true;
-		successCount = 0;
-
-		try {
-			const uploadedImages = await uploadMultipleImages(files, (progress) => {
-				uploadProgress = progress;
-			});
-
-			successCount = uploadedImages.length;
-
-			// Images will appear in gallery automatically via live query
-
-			if (successCount === files.length) {
-				toastStore.show(
-					`${successCount} ${successCount === 1 ? 'Bild' : 'Bilder'} erfolgreich hochgeladen`,
-					'success'
-				);
-			} else {
-				toastStore.show(
-					`${successCount} von ${files.length} Bildern erfolgreich hochgeladen`,
-					'warning'
-				);
-			}
-
-			// Redirect to gallery after successful upload
-			setTimeout(() => {
-				goto('/app/gallery');
-			}, 2000);
-		} catch (error) {
-			console.error('Upload error:', error);
-			toastStore.show('Fehler beim Hochladen der Bilder', 'error');
-		} finally {
-			uploading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Upload - Picture</title>
-</svelte:head>
-
-<div class="min-h-screen px-4 py-8">
-	<div class="mx-auto max-w-5xl">
-		<PageHeader
-			title="Bilder hochladen"
-			description="Lade deine eigenen Bilder hoch und verwalte sie in deiner Galerie"
-			size="lg"
-		/>
-
-		<!-- Upload Success Banner -->
-		{#if successCount > 0 && !uploading}
-			<div
-				class="mb-6 flex items-center gap-3 rounded-2xl border border-green-200 bg-green-50 p-4 dark:border-green-900 dark:bg-green-950/20"
-			>
-				<Check size={24} class="flex-shrink-0 text-green-600 dark:text-green-400" />
-				<div>
-					<p class="font-medium text-green-900 dark:text-green-100">Upload erfolgreich!</p>
-					<p class="text-sm text-green-700 dark:text-green-300">
-						{successCount}
-						{successCount === 1 ? 'Bild wurde' : 'Bilder wurden'} hochgeladen. Du wirst zur Galerie weitergeleitet...
-					</p>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Drop Zone -->
-		<DropZone onFilesSelected={handleFilesSelected} {uploading} {uploadProgress} />
-
-		<!-- Tips -->
-		{#if !uploading && uploadProgress.length === 0}
-			<div class="mt-8 grid gap-4 sm:grid-cols-3">
-				<div
-					class="rounded-lg border border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-gray-800"
-				>
-					<div
-						class="mb-2 flex h-10 w-10 items-center justify-center rounded-full bg-blue-100 dark:bg-blue-950"
-					>
-						<Image size={20} class="text-blue-600 dark:text-blue-400" />
-					</div>
-					<h3 class="mb-1 font-semibold text-gray-900 dark:text-white">Unterstützte Formate</h3>
-					<p class="text-sm text-gray-600 dark:text-gray-400">
-						JPG, PNG und WebP Bilder werden unterstützt
-					</p>
-				</div>
-
-				<div
-					class="rounded-lg border border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-gray-800"
-				>
-					<div
-						class="mb-2 flex h-10 w-10 items-center justify-center rounded-full bg-purple-100 dark:bg-purple-950"
-					>
-						<CloudArrowUp size={20} class="text-purple-600 dark:text-purple-400" />
-					</div>
-					<h3 class="mb-1 font-semibold text-gray-900 dark:text-white">Maximale Größe</h3>
-					<p class="text-sm text-gray-600 dark:text-gray-400">Bis zu 10MB pro Bild</p>
-				</div>
-
-				<div
-					class="rounded-lg border border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-gray-800"
-				>
-					<div
-						class="mb-2 flex h-10 w-10 items-center justify-center rounded-full bg-green-100 dark:bg-green-950"
-					>
-						<CheckCircle size={20} class="text-green-600 dark:text-green-400" />
-					</div>
-					<h3 class="mb-1 font-semibold text-gray-900 dark:text-white">Batch Upload</h3>
-					<p class="text-sm text-gray-600 dark:text-gray-400">
-						Lade mehrere Bilder gleichzeitig hoch
-					</p>
-				</div>
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/apps/picture/apps/web-archived/src/routes/auth/forgot-password/+page.svelte b/apps/picture/apps/web-archived/src/routes/auth/forgot-password/+page.svelte
deleted file mode 100644
index 8f43ec49e..000000000
--- a/apps/picture/apps/web-archived/src/routes/auth/forgot-password/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import PictureLogo from '$lib/components/branding/PictureLogo.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | Picture</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Picture"
-	logo={PictureLogo}
-	primaryColor="#3b82f6"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/auth/login"
-	lightBackground="#f0f9ff"
-	darkBackground="#0c1929"
-	{translations}
-/>
diff --git a/apps/picture/apps/web-archived/src/routes/auth/login/+page.svelte b/apps/picture/apps/web-archived/src/routes/auth/login/+page.svelte
deleted file mode 100644
index f75d7983c..000000000
--- a/apps/picture/apps/web-archived/src/routes/auth/login/+page.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import PictureLogo from '$lib/components/branding/PictureLogo.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-</script>
-
-<svelte:head>
-	<title>Anmelden - Picture</title>
-</svelte:head>
-
-<LoginPage
-	appName="Picture"
-	logo={PictureLogo}
-	primaryColor="#3b82f6"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect="/app/gallery"
-	registerPath="/auth/signup"
-	forgotPasswordPath="/auth/forgot-password"
-	lightBackground="#f0f9ff"
-	darkBackground="#0c1929"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</LoginPage>
diff --git a/apps/picture/apps/web-archived/src/routes/auth/reset-password/+page.svelte b/apps/picture/apps/web-archived/src/routes/auth/reset-password/+page.svelte
deleted file mode 100644
index 631f6ada6..000000000
--- a/apps/picture/apps/web-archived/src/routes/auth/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import PictureLogo from '$lib/components/branding/PictureLogo.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/auth/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Picture</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-blue-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<PictureLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #3b82f6">Picture</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/auth/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #3b82f6"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #3b82f680; border-color: #3b82f6"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #3b82f6"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/auth/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #3b82f6"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/picture/apps/web-archived/src/routes/auth/signup/+page.svelte b/apps/picture/apps/web-archived/src/routes/auth/signup/+page.svelte
deleted file mode 100644
index 9f6586d48..000000000
--- a/apps/picture/apps/web-archived/src/routes/auth/signup/+page.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import PictureLogo from '$lib/components/branding/PictureLogo.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Picture</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Picture"
-	logo={PictureLogo}
-	primaryColor="#3b82f6"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect="/app/gallery"
-	loginPath="/auth/login"
-	lightBackground="#f0f9ff"
-	darkBackground="#0c1929"
-	{translations}
-/>
diff --git a/apps/picture/apps/web-archived/src/routes/health/+server.ts b/apps/picture/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 9de1754de..000000000
--- a/apps/picture/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'picture-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/picture/apps/web-archived/src/routes/offline/+page.svelte b/apps/picture/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index c926d4d7e..000000000
--- a/apps/picture/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Picture"
-	offlineMessage="Picture benötigt eine Internetverbindung, um Bilder zu generieren."
-	accentColor="#db2777"
-/>
diff --git a/apps/picture/apps/web-archived/src/routes/offline/+page.ts b/apps/picture/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/picture/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/picture/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png b/apps/picture/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png
deleted file mode 100644
index e47ad9138..000000000
Binary files a/apps/picture/apps/web-archived/static/images/app-icons/maerchenzauber-logo-gradient.png and /dev/null differ
diff --git a/apps/picture/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png b/apps/picture/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png
deleted file mode 100644
index 7bb2798b3..000000000
Binary files a/apps/picture/apps/web-archived/static/images/app-icons/manacore-logo-gradient.png and /dev/null differ
diff --git a/apps/picture/apps/web-archived/static/images/app-icons/manadeck-logo-gradient.png b/apps/picture/apps/web-archived/static/images/app-icons/manadeck-logo-gradient.png
deleted file mode 100644
index 7bb2798b3..000000000
Binary files a/apps/picture/apps/web-archived/static/images/app-icons/manadeck-logo-gradient.png and /dev/null differ
diff --git a/apps/picture/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png b/apps/picture/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png
deleted file mode 100644
index f7bbee22d..000000000
Binary files a/apps/picture/apps/web-archived/static/images/app-icons/memoro-logo-gradient.png and /dev/null differ
diff --git a/apps/picture/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png b/apps/picture/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png
deleted file mode 100644
index 69fcd68a1..000000000
Binary files a/apps/picture/apps/web-archived/static/images/app-icons/moodlit-logo-gradient.png and /dev/null differ
diff --git a/apps/picture/apps/web-archived/static/images/app-icons/picture-logo-gradient.png b/apps/picture/apps/web-archived/static/images/app-icons/picture-logo-gradient.png
deleted file mode 100644
index 7bb2798b3..000000000
Binary files a/apps/picture/apps/web-archived/static/images/app-icons/picture-logo-gradient.png and /dev/null differ
diff --git a/apps/picture/apps/web-archived/static/robots.txt b/apps/picture/apps/web-archived/static/robots.txt
deleted file mode 100644
index b6dd6670c..000000000
--- a/apps/picture/apps/web-archived/static/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# allow crawling everything by default
-User-agent: *
-Disallow:
diff --git a/apps/picture/apps/web-archived/svelte.config.js b/apps/picture/apps/web-archived/svelte.config.js
deleted file mode 100644
index 4ed1e3b74..000000000
--- a/apps/picture/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/picture/apps/web-archived/tsconfig.json b/apps/picture/apps/web-archived/tsconfig.json
deleted file mode 100644
index a5567ee6b..000000000
--- a/apps/picture/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-	//
-	// To make changes to top-level options such as include and exclude, we recommend extending
-	// the generated config; see https://svelte.dev/docs/kit/configuration#typescript
-}
diff --git a/apps/picture/apps/web-archived/vite.config.ts b/apps/picture/apps/web-archived/vite.config.ts
deleted file mode 100644
index dd291c7cf..000000000
--- a/apps/picture/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createOfflineFirstPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss() as any,
-		sveltekit() as any,
-		SvelteKitPWA(
-			createOfflineFirstPWAConfig({
-				name: 'Picture - AI Bildgenerierung',
-				shortName: 'Picture',
-				description: 'KI-gestützte Bildgenerierung und -verwaltung',
-				themeColor: '#8b5cf6',
-			})
-		) as any,
-	],
-	server: {
-		port: 5175,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/planta/apps/web-archived/package.json b/apps/planta/apps/web-archived/package.json
deleted file mode 100644
index f00508833..000000000
--- a/apps/planta/apps/web-archived/package.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-	"name": "@planta/web",
-	"version": "0.1.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write ."
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-auto": "^3.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@planta/shared": "workspace:*",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/planta/apps/web-archived/src/app.css b/apps/planta/apps/web-archived/src/app.css
deleted file mode 100644
index d38d4cf8b..000000000
--- a/apps/planta/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,191 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../packages/shared-ui/src";
-@source "../../../packages/shared-auth-ui/src";
-@source "../../../packages/shared-theme-ui/src";
-@source "../../../packages/shared-theme-ui/src/components";
-
-/* Planta-specific CSS Variables */
-@layer base {
-  :root {
-    /* Spacing */
-    --spacing-xs: 0.25rem;
-    --spacing-sm: 0.5rem;
-    --spacing-md: 1rem;
-    --spacing-lg: 1.5rem;
-    --spacing-xl: 2rem;
-    --spacing-2xl: 3rem;
-
-    /* Border Radius */
-    --radius-sm: 0.25rem;
-    --radius-md: 0.5rem;
-    --radius-lg: 0.75rem;
-    --radius-xl: 1rem;
-    --radius-full: 9999px;
-
-    /* Transitions */
-    --transition-fast: 150ms ease;
-    --transition-base: 200ms ease;
-    --transition-slow: 300ms ease;
-
-    /* Planta primary color (green) */
-    --planta-primary: 142 76% 36%;
-  }
-}
-
-/* Utility Classes */
-@layer components {
-  /* Card styles */
-  .card {
-    background-color: hsl(var(--card));
-    border-radius: var(--radius-lg);
-    padding: var(--spacing-lg);
-    border: 1px solid hsl(var(--border));
-    transition: transform var(--transition-base), box-shadow var(--transition-base);
-  }
-
-  .card:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-  }
-
-  /* Plant card specific */
-  .plant-card {
-    position: relative;
-    overflow: hidden;
-    aspect-ratio: 1;
-  }
-
-  .plant-card img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  /* Button styles */
-  .btn {
-    padding: var(--spacing-sm) var(--spacing-lg);
-    border-radius: var(--radius-md);
-    font-weight: 500;
-    transition: all var(--transition-base);
-    cursor: pointer;
-    border: none;
-  }
-
-  .btn-primary {
-    background: hsl(var(--primary));
-    color: hsl(var(--primary-foreground));
-  }
-
-  .btn-primary:hover {
-    background: hsl(var(--primary) / 0.9);
-  }
-
-  .btn-success {
-    background: hsl(142 76% 36%);
-    color: white;
-  }
-
-  .btn-success:hover {
-    background: hsl(142 76% 30%);
-  }
-
-  /* Input styles */
-  .input {
-    padding: var(--spacing-sm) var(--spacing-md);
-    border: 2px solid hsl(var(--border));
-    border-radius: var(--radius-md);
-    background-color: hsl(var(--background));
-    color: hsl(var(--foreground));
-    transition: border-color var(--transition-fast);
-  }
-
-  .input:focus {
-    outline: none;
-    border-color: hsl(var(--primary));
-  }
-
-  /* Watering status indicators */
-  .water-status {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    font-size: 0.875rem;
-  }
-
-  .water-status.overdue {
-    color: hsl(0 84% 60%);
-  }
-
-  .water-status.soon {
-    color: hsl(38 92% 50%);
-  }
-
-  .water-status.ok {
-    color: hsl(142 76% 36%);
-  }
-
-  /* Upload zone */
-  .upload-zone {
-    border: 2px dashed hsl(var(--border));
-    border-radius: var(--radius-lg);
-    padding: var(--spacing-2xl);
-    text-align: center;
-    cursor: pointer;
-    transition: all var(--transition-base);
-  }
-
-  .upload-zone:hover,
-  .upload-zone.dragover {
-    border-color: hsl(var(--primary));
-    background: hsl(var(--primary) / 0.05);
-  }
-
-  /* Health status badge */
-  .health-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.25rem;
-    padding: 0.25rem 0.75rem;
-    border-radius: var(--radius-full);
-    font-size: 0.75rem;
-    font-weight: 500;
-  }
-
-  .health-badge.healthy {
-    background: hsl(142 76% 36% / 0.1);
-    color: hsl(142 76% 36%);
-  }
-
-  .health-badge.needs_attention {
-    background: hsl(38 92% 50% / 0.1);
-    color: hsl(38 92% 40%);
-  }
-
-  .health-badge.sick {
-    background: hsl(0 84% 60% / 0.1);
-    color: hsl(0 84% 50%);
-  }
-}
-
-/* Legacy color variable compatibility */
-@layer base {
-  :root {
-    --color-primary: var(--primary);
-    --color-background: var(--background);
-    --color-surface: var(--card);
-    --color-text-primary: var(--foreground);
-    --color-text-secondary: var(--muted-foreground);
-    --color-border: var(--border);
-    --color-success: 142 76% 36%;
-    --color-warning: 38 92% 50%;
-    --color-error: 0 84% 60%;
-
-    /* Shadows */
-    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-  }
-}
diff --git a/apps/planta/apps/web-archived/src/app.d.ts b/apps/planta/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/planta/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/planta/apps/web-archived/src/app.html b/apps/planta/apps/web-archived/src/app.html
deleted file mode 100644
index 41aee8e55..000000000
--- a/apps/planta/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<title>Planta - Pflanzendokumentation</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/planta/apps/web-archived/src/hooks.client.ts b/apps/planta/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 7e71e0839..000000000
--- a/apps/planta/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'planta-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/planta/apps/web-archived/src/hooks.server.ts b/apps/planta/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 461480e2b..000000000
--- a/apps/planta/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/planta/apps/web-archived/src/lib/api/analysis.ts b/apps/planta/apps/web-archived/src/lib/api/analysis.ts
deleted file mode 100644
index b6feb8633..000000000
--- a/apps/planta/apps/web-archived/src/lib/api/analysis.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Analysis API
- */
-
-import { fetchApi } from './client';
-import type { PlantAnalysis } from '@planta/shared';
-
-export const analysisApi = {
-	async analyze(photoId: string, plantId?: string): Promise<PlantAnalysis | null> {
-		const { data, error } = await fetchApi<PlantAnalysis>('/analysis/identify', {
-			method: 'POST',
-			body: { photoId, plantId },
-		});
-
-		if (error) {
-			console.error('Failed to analyze photo:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async getByPhotoId(photoId: string): Promise<PlantAnalysis | null> {
-		const { data, error } = await fetchApi<PlantAnalysis>(`/analysis/${photoId}`);
-		if (error) {
-			console.error('Failed to fetch analysis:', error);
-			return null;
-		}
-		return data;
-	},
-};
diff --git a/apps/planta/apps/web-archived/src/lib/api/client.ts b/apps/planta/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index b56295c55..000000000
--- a/apps/planta/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * API Client for Planta backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-
-const BASE_URL = 'http://localhost:3022';
-
-/**
- * Planta API client instance
- * - Auto token handling via authStore.getValidToken()
- * - Runtime URL injection via window.__PUBLIC_BACKEND_URL__
- * - Consistent ApiResult<T> response format
- */
-const api = createApiClient({
-	baseUrl: BASE_URL,
-	apiPrefix: '/api/v1',
-	getAuthToken: () => authStore.getValidToken(),
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-/**
- * Legacy fetchApi wrapper for backward compatibility
- * Returns { data, error } format
- */
-export async function fetchApi<T>(
-	endpoint: string,
-	options: {
-		method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
-		body?: unknown;
-		formData?: FormData;
-	} = {}
-): Promise<{ data: T | null; error: string | null }> {
-	const token = await authStore.getValidToken();
-	if (!token) {
-		return { data: null, error: 'Not authenticated' };
-	}
-
-	let result: ApiResult<T>;
-
-	if (options.formData) {
-		result = await api.upload<T>(endpoint, options.formData);
-	} else {
-		switch (options.method) {
-			case 'POST':
-				result = await api.post<T>(endpoint, options.body);
-				break;
-			case 'PUT':
-				result = await api.put<T>(endpoint, options.body);
-				break;
-			case 'DELETE':
-				result = await api.delete<T>(endpoint);
-				break;
-			default:
-				result = await api.get<T>(endpoint);
-		}
-	}
-
-	if (result.error) {
-		return { data: null, error: result.error.message };
-	}
-	return { data: result.data, error: null };
-}
diff --git a/apps/planta/apps/web-archived/src/lib/api/photos.ts b/apps/planta/apps/web-archived/src/lib/api/photos.ts
deleted file mode 100644
index ad9fb3a00..000000000
--- a/apps/planta/apps/web-archived/src/lib/api/photos.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Photos API
- */
-
-import { fetchApi } from './client';
-import type { PlantPhoto } from '@planta/shared';
-
-export const photosApi = {
-	async upload(file: File, plantId?: string): Promise<PlantPhoto | null> {
-		const formData = new FormData();
-		formData.append('file', file);
-
-		const endpoint = plantId ? `/photos/upload?plantId=${plantId}` : '/photos/upload';
-
-		const { data, error } = await fetchApi<PlantPhoto>(endpoint, {
-			method: 'POST',
-			formData,
-		});
-
-		if (error) {
-			console.error('Failed to upload photo:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async delete(id: string): Promise<boolean> {
-		const { error } = await fetchApi(`/photos/${id}`, { method: 'DELETE' });
-		return !error;
-	},
-
-	async setPrimary(id: string): Promise<boolean> {
-		const { error } = await fetchApi(`/photos/${id}/primary`, { method: 'PUT' });
-		return !error;
-	},
-};
diff --git a/apps/planta/apps/web-archived/src/lib/api/plants.ts b/apps/planta/apps/web-archived/src/lib/api/plants.ts
deleted file mode 100644
index c28b8fc56..000000000
--- a/apps/planta/apps/web-archived/src/lib/api/plants.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * Plants API
- */
-
-import { fetchApi } from './client';
-import type { Plant, PlantWithDetails, CreatePlantDto, UpdatePlantDto } from '@planta/shared';
-import { trackEvent } from '@manacore/shared-utils/analytics';
-
-export const plantsApi = {
-	async getAll(): Promise<Plant[]> {
-		const { data, error } = await fetchApi<Plant[]>('/plants');
-		if (error) {
-			console.error('Failed to fetch plants:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async getById(id: string): Promise<PlantWithDetails | null> {
-		const { data, error } = await fetchApi<PlantWithDetails>(`/plants/${id}`);
-		if (error) {
-			console.error('Failed to fetch plant:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async create(dto: CreatePlantDto): Promise<Plant | null> {
-		const { data, error } = await fetchApi<Plant>('/plants', {
-			method: 'POST',
-			body: dto,
-		});
-		if (error) {
-			console.error('Failed to create plant:', error);
-			return null;
-		}
-		trackEvent('plant_created');
-		return data;
-	},
-
-	async update(id: string, dto: UpdatePlantDto): Promise<Plant | null> {
-		const { data, error } = await fetchApi<Plant>(`/plants/${id}`, {
-			method: 'PUT',
-			body: dto,
-		});
-		if (error) {
-			console.error('Failed to update plant:', error);
-			return null;
-		}
-		return data;
-	},
-
-	async delete(id: string): Promise<boolean> {
-		const { error } = await fetchApi(`/plants/${id}`, { method: 'DELETE' });
-		return !error;
-	},
-};
diff --git a/apps/planta/apps/web-archived/src/lib/api/watering.ts b/apps/planta/apps/web-archived/src/lib/api/watering.ts
deleted file mode 100644
index a8e170476..000000000
--- a/apps/planta/apps/web-archived/src/lib/api/watering.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Watering API
- */
-
-import { fetchApi } from './client';
-import type { WateringStatus, WateringLog } from '@planta/shared';
-
-export const wateringApi = {
-	async getUpcoming(): Promise<WateringStatus[]> {
-		const { data, error } = await fetchApi<WateringStatus[]>('/watering/upcoming');
-		if (error) {
-			console.error('Failed to fetch upcoming watering:', error);
-			return [];
-		}
-		return data || [];
-	},
-
-	async logWatering(plantId: string, notes?: string): Promise<boolean> {
-		const { error } = await fetchApi(`/watering/${plantId}/water`, {
-			method: 'POST',
-			body: { notes },
-		});
-		return !error;
-	},
-
-	async updateSchedule(plantId: string, frequencyDays: number): Promise<boolean> {
-		const { error } = await fetchApi(`/watering/${plantId}`, {
-			method: 'PUT',
-			body: { frequencyDays },
-		});
-		return !error;
-	},
-
-	async getHistory(plantId: string): Promise<WateringLog[]> {
-		const { data, error } = await fetchApi<WateringLog[]>(`/watering/${plantId}/history`);
-		if (error) {
-			console.error('Failed to fetch watering history:', error);
-			return [];
-		}
-		return data || [];
-	},
-};
diff --git a/apps/planta/apps/web-archived/src/lib/content/help/index.test.ts b/apps/planta/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 98945d161..000000000
--- a/apps/planta/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getPlantaHelpContent } from './index';
-
-describe('Planta Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getPlantaHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getPlantaHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getPlantaHelpContent('de');
-		const en = getPlantaHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getPlantaHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/planta/apps/web-archived/src/lib/content/help/index.ts b/apps/planta/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 9eaefcee2..000000000
--- a/apps/planta/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-/**
- * Help content for Planta app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getPlantaHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-identify',
-				question: isDE ? 'Wie identifiziere ich eine Pflanze?' : 'How do I identify a plant?',
-				answer: isDE
-					? '<p>Die KI-Pflanzenerkennung macht es einfach:</p><ol><li>Tippe auf den <strong>Kamera-Button</strong></li><li>Mache ein Foto der Pflanze (Blätter, Blüten oder die ganze Pflanze)</li><li>Die KI analysiert das Bild und zeigt dir die Ergebnisse</li></ol><p>Für beste Ergebnisse fotografiere die Pflanze bei gutem Licht und aus verschiedenen Winkeln.</p>'
-					: '<p>AI plant identification makes it easy:</p><ol><li>Tap the <strong>camera button</strong></li><li>Take a photo of the plant (leaves, flowers, or the whole plant)</li><li>The AI analyzes the image and shows you the results</li></ol><p>For best results, photograph the plant in good lighting and from different angles.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: ['identify', 'camera', 'ai', 'recognition'],
-			},
-			{
-				id: 'faq-care',
-				question: isDE
-					? 'Wie funktionieren die Pflegeempfehlungen?'
-					: 'How do care recommendations work?',
-				answer: isDE
-					? '<p>Nach der Identifizierung erhältst du individuelle Pflegeempfehlungen:</p><ul><li><strong>Licht</strong> — Optimale Lichtverhältnisse für deine Pflanze</li><li><strong>Wasser</strong> — Gießhäufigkeit und -menge</li><li><strong>Temperatur</strong> — Idealer Temperaturbereich</li><li><strong>Boden</strong> — Empfohlene Erdmischung</li></ul><p>Die Empfehlungen passen sich an die Jahreszeit und deinen Standort an.</p>'
-					: '<p>After identification, you receive personalized care recommendations:</p><ul><li><strong>Light</strong> — Optimal light conditions for your plant</li><li><strong>Water</strong> — Watering frequency and amount</li><li><strong>Temperature</strong> — Ideal temperature range</li><li><strong>Soil</strong> — Recommended soil mix</li></ul><p>Recommendations adapt to the season and your location.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: ['care', 'recommendations', 'light', 'water'],
-			},
-			{
-				id: 'faq-watering',
-				question: isDE ? 'Wie funktioniert der Gießplan?' : 'How does the watering schedule work?',
-				answer: isDE
-					? '<p>Der Gießplan erinnert dich automatisch daran, deine Pflanzen zu gießen:</p><ul><li>Jede Pflanze erhält einen individuellen Gießrhythmus basierend auf ihrer Art</li><li>Du bekommst <strong>Push-Benachrichtigungen</strong>, wenn eine Pflanze Wasser braucht</li><li>Nach dem Gießen markierst du die Pflanze als gegossen</li><li>Der Plan passt sich automatisch an die Jahreszeit an</li></ul>'
-					: '<p>The watering schedule automatically reminds you to water your plants:</p><ul><li>Each plant gets an individual watering rhythm based on its species</li><li>You receive <strong>push notifications</strong> when a plant needs water</li><li>After watering, mark the plant as watered</li><li>The schedule automatically adapts to the season</li></ul>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: ['watering', 'schedule', 'notifications', 'reminders'],
-			},
-			{
-				id: 'faq-health',
-				question: isDE
-					? 'Wie überwache ich die Pflanzengesundheit?'
-					: 'How do I monitor plant health?',
-				answer: isDE
-					? '<p>Planta hilft dir, Probleme frühzeitig zu erkennen:</p><ul><li>Mache regelmäßig Fotos deiner Pflanzen — die KI erkennt Veränderungen</li><li>Erhalte Warnungen bei Anzeichen von <strong>Krankheiten</strong>, <strong>Schädlingen</strong> oder <strong>Nährstoffmangel</strong></li><li>Sieh dir den Gesundheitsverlauf jeder Pflanze in der Timeline an</li><li>Bekomme Behandlungsvorschläge bei Problemen</li></ul>'
-					: '<p>Planta helps you detect problems early:</p><ul><li>Take regular photos of your plants — the AI detects changes</li><li>Receive warnings for signs of <strong>diseases</strong>, <strong>pests</strong>, or <strong>nutrient deficiency</strong></li><li>View the health history of each plant in the timeline</li><li>Get treatment suggestions for issues</li></ul>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: ['health', 'diseases', 'pests', 'monitoring'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Pflanzendaten', dataTypeEN: 'plant data' }),
-		],
-		features: [
-			{
-				id: 'feature-identification',
-				title: isDE ? 'KI-Pflanzenerkennung' : 'AI Plant Identification',
-				description: isDE
-					? 'Identifiziere jede Pflanze sofort mit einem Foto — powered by KI.'
-					: 'Identify any plant instantly with a photo — powered by AI.',
-				icon: '📸',
-				category: 'core',
-				highlights: isDE
-					? ['Sofortige Erkennung', 'Tausende Pflanzenarten', 'Hohe Genauigkeit']
-					: ['Instant recognition', 'Thousands of species', 'High accuracy'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-care',
-				title: isDE ? 'Pflegeempfehlungen' : 'Care Recommendations',
-				description: isDE
-					? 'Individuelle Pflegetipps für jede Pflanze, angepasst an Jahreszeit und Standort.'
-					: 'Personalized care tips for every plant, adapted to season and location.',
-				icon: '🌱',
-				category: 'core',
-				highlights: isDE
-					? ['Saisonale Anpassung', 'Standortbasiert', 'Expertenbasiert']
-					: ['Seasonal adaptation', 'Location-based', 'Expert-backed'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-watering',
-				title: isDE ? 'Gießplan' : 'Watering Schedule',
-				description: isDE
-					? 'Automatische Gießerinnerungen mit Push-Benachrichtigungen für jede Pflanze.'
-					: 'Automatic watering reminders with push notifications for every plant.',
-				icon: '💧',
-				category: 'core',
-				highlights: isDE
-					? ['Push-Benachrichtigungen', 'Individueller Rhythmus', 'Saisonale Anpassung']
-					: ['Push notifications', 'Individual rhythm', 'Seasonal adaptation'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-health',
-				title: isDE ? 'Gesundheits-Tracking' : 'Health Tracking',
-				description: isDE
-					? 'Überwache die Gesundheit deiner Pflanzen mit KI-gestützter Problemerkennung.'
-					: 'Monitor your plant health with AI-powered problem detection.',
-				icon: '🏥',
-				category: 'advanced',
-				highlights: isDE
-					? ['Krankheitserkennung', 'Schädlingswarnung', 'Behandlungsvorschläge']
-					: ['Disease detection', 'Pest warnings', 'Treatment suggestions'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Planta.</p>'
-				: '<p>Our support team is here to help you with any questions about Planta.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/planta/apps/web-archived/src/lib/data/guest-seed.ts b/apps/planta/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 1e93cb124..000000000
--- a/apps/planta/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Guest seed data for the Planta app.
- *
- * Provides a demo plant with watering schedule for the onboarding experience.
- */
-
-import type { LocalPlant, LocalWateringSchedule } from './local-store';
-
-const DEMO_PLANT_ID = 'demo-monstera';
-
-export const guestPlants: LocalPlant[] = [
-	{
-		id: DEMO_PLANT_ID,
-		name: 'Monstera',
-		scientificName: 'Monstera deliciosa',
-		commonName: 'Fensterblatt',
-		lightRequirements: 'bright',
-		wateringFrequencyDays: 7,
-		humidity: 'medium',
-		temperature: '18-24°C',
-		careNotes: 'Mag indirektes Licht. Erde zwischen dem Gießen leicht antrocknen lassen.',
-		isActive: true,
-		healthStatus: 'healthy',
-	},
-	{
-		id: 'demo-cactus',
-		name: 'Kaktus',
-		scientificName: 'Echinocactus grusonii',
-		commonName: 'Schwiegermutterstuhl',
-		lightRequirements: 'direct',
-		wateringFrequencyDays: 21,
-		humidity: 'low',
-		temperature: '15-30°C',
-		careNotes: 'Selten gießen, mag viel Sonne.',
-		isActive: true,
-		healthStatus: 'healthy',
-	},
-];
-
-export const guestWateringSchedules: LocalWateringSchedule[] = [
-	{
-		id: 'schedule-monstera',
-		plantId: DEMO_PLANT_ID,
-		frequencyDays: 7,
-		lastWateredAt: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toISOString(),
-		nextWateringAt: new Date(Date.now() + 4 * 24 * 60 * 60 * 1000).toISOString(),
-		reminderEnabled: true,
-		reminderHoursBefore: 24,
-	},
-	{
-		id: 'schedule-cactus',
-		plantId: 'demo-cactus',
-		frequencyDays: 21,
-		lastWateredAt: new Date(Date.now() - 10 * 24 * 60 * 60 * 1000).toISOString(),
-		nextWateringAt: new Date(Date.now() + 11 * 24 * 60 * 60 * 1000).toISOString(),
-		reminderEnabled: true,
-		reminderHoursBefore: 24,
-	},
-];
diff --git a/apps/planta/apps/web-archived/src/lib/data/local-store.ts b/apps/planta/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 65bff2f00..000000000
--- a/apps/planta/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-/**
- * Planta — Local-First Data Layer
- *
- * Plants, watering schedules, and watering logs stored locally.
- * Photo upload and AI analysis remain server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestPlants, guestWateringSchedules } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalPlant extends BaseRecord {
-	name: string;
-	scientificName?: string | null;
-	commonName?: string | null;
-	species?: string | null;
-	lightRequirements?: 'low' | 'medium' | 'bright' | 'direct' | null;
-	wateringFrequencyDays?: number | null;
-	humidity?: 'low' | 'medium' | 'high' | null;
-	temperature?: string | null;
-	soilType?: string | null;
-	careNotes?: string | null;
-	isActive: boolean;
-	healthStatus?: 'healthy' | 'needs_attention' | 'sick' | null;
-	acquiredAt?: string | null;
-}
-
-export interface LocalPlantPhoto extends BaseRecord {
-	plantId: string;
-	storagePath: string;
-	publicUrl?: string | null;
-	filename: string;
-	mimeType?: string | null;
-	fileSize?: number | null;
-	width?: number | null;
-	height?: number | null;
-	isPrimary: boolean;
-	isAnalyzed: boolean;
-	takenAt?: string | null;
-}
-
-export interface LocalWateringSchedule extends BaseRecord {
-	plantId: string;
-	frequencyDays: number;
-	lastWateredAt?: string | null;
-	nextWateringAt?: string | null;
-	reminderEnabled: boolean;
-	reminderHoursBefore: number;
-}
-
-export interface LocalWateringLog extends BaseRecord {
-	plantId: string;
-	wateredAt: string;
-	notes?: string | null;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const plantaStore = createLocalStore({
-	appId: 'planta',
-	collections: [
-		{
-			name: 'plants',
-			indexes: ['isActive', 'healthStatus'],
-			guestSeed: guestPlants,
-		},
-		{
-			name: 'plantPhotos',
-			indexes: ['plantId', 'isPrimary', '[plantId+isPrimary]'],
-		},
-		{
-			name: 'wateringSchedules',
-			indexes: ['plantId', 'nextWateringAt'],
-			guestSeed: guestWateringSchedules,
-		},
-		{
-			name: 'wateringLogs',
-			indexes: ['plantId', 'wateredAt'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const plantCollection = plantaStore.collection<LocalPlant>('plants');
-export const plantPhotoCollection = plantaStore.collection<LocalPlantPhoto>('plantPhotos');
-export const wateringScheduleCollection =
-	plantaStore.collection<LocalWateringSchedule>('wateringSchedules');
-export const wateringLogCollection = plantaStore.collection<LocalWateringLog>('wateringLogs');
diff --git a/apps/planta/apps/web-archived/src/lib/data/mutations.ts b/apps/planta/apps/web-archived/src/lib/data/mutations.ts
deleted file mode 100644
index d4dabb3c6..000000000
--- a/apps/planta/apps/web-archived/src/lib/data/mutations.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * Planta — Mutation Helpers (Local-First)
- *
- * All writes go to IndexedDB first, sync handles the rest.
- */
-
-import {
-	plantCollection,
-	wateringScheduleCollection,
-	wateringLogCollection,
-	type LocalPlant,
-	type LocalWateringSchedule,
-	type LocalWateringLog,
-} from './local-store';
-import { toPlant, toWateringSchedule } from './queries';
-import { trackEvent } from '@manacore/shared-utils/analytics';
-import type { Plant, CreatePlantDto, UpdatePlantDto } from '@planta/shared';
-
-export const plantMutations = {
-	async create(dto: CreatePlantDto): Promise<Plant | null> {
-		try {
-			const newLocal: LocalPlant = {
-				id: crypto.randomUUID(),
-				name: dto.name,
-				scientificName: dto.scientificName ?? null,
-				commonName: dto.commonName ?? null,
-				species: null,
-				lightRequirements: null,
-				wateringFrequencyDays: null,
-				humidity: null,
-				temperature: null,
-				soilType: null,
-				careNotes: null,
-				isActive: true,
-				healthStatus: null,
-				acquiredAt: dto.acquiredAt ?? null,
-			};
-			const inserted = await plantCollection.insert(newLocal);
-			trackEvent('plant_created');
-			return toPlant(inserted);
-		} catch (e) {
-			console.error('Failed to create plant:', e);
-			return null;
-		}
-	},
-
-	async update(id: string, dto: UpdatePlantDto): Promise<Plant | null> {
-		try {
-			const updateData: Partial<LocalPlant> = {};
-			if (dto.name !== undefined) updateData.name = dto.name;
-			if (dto.scientificName !== undefined) updateData.scientificName = dto.scientificName ?? null;
-			if (dto.commonName !== undefined) updateData.commonName = dto.commonName ?? null;
-			if (dto.careNotes !== undefined) updateData.careNotes = dto.careNotes ?? null;
-			if (dto.isActive !== undefined) updateData.isActive = dto.isActive;
-			if (dto.lightRequirements !== undefined)
-				updateData.lightRequirements = dto.lightRequirements ?? null;
-			if (dto.wateringFrequencyDays !== undefined)
-				updateData.wateringFrequencyDays = dto.wateringFrequencyDays ?? null;
-			if (dto.humidity !== undefined) updateData.humidity = dto.humidity ?? null;
-
-			const updated = await plantCollection.update(id, updateData);
-			return updated ? toPlant(updated) : null;
-		} catch (e) {
-			console.error('Failed to update plant:', e);
-			return null;
-		}
-	},
-
-	async delete(id: string): Promise<boolean> {
-		try {
-			await plantCollection.delete(id);
-			trackEvent('plant_deleted');
-			return true;
-		} catch (e) {
-			console.error('Failed to delete plant:', e);
-			return false;
-		}
-	},
-};
-
-export const wateringMutations = {
-	async logWatering(plantId: string, notes?: string): Promise<boolean> {
-		try {
-			const now = new Date().toISOString();
-
-			// Create watering log entry
-			const logEntry: LocalWateringLog = {
-				id: crypto.randomUUID(),
-				plantId,
-				wateredAt: now,
-				notes: notes ?? null,
-			};
-			await wateringLogCollection.insert(logEntry);
-
-			// Update watering schedule
-			const schedules = await wateringScheduleCollection.getAll();
-			const schedule = schedules.find((s) => s.plantId === plantId);
-			if (schedule) {
-				const nextDate = new Date();
-				nextDate.setDate(nextDate.getDate() + schedule.frequencyDays);
-
-				await wateringScheduleCollection.update(schedule.id, {
-					lastWateredAt: now,
-					nextWateringAt: nextDate.toISOString(),
-				} as Partial<LocalWateringSchedule>);
-			}
-
-			trackEvent('plant_watered');
-			return true;
-		} catch (e) {
-			console.error('Failed to log watering:', e);
-			return false;
-		}
-	},
-
-	async updateSchedule(plantId: string, frequencyDays: number): Promise<boolean> {
-		try {
-			const schedules = await wateringScheduleCollection.getAll();
-			const schedule = schedules.find((s) => s.plantId === plantId);
-
-			if (schedule) {
-				const nextDate = schedule.lastWateredAt
-					? new Date(new Date(schedule.lastWateredAt).getTime() + frequencyDays * 86400000)
-					: new Date(Date.now() + frequencyDays * 86400000);
-
-				await wateringScheduleCollection.update(schedule.id, {
-					frequencyDays,
-					nextWateringAt: nextDate.toISOString(),
-				} as Partial<LocalWateringSchedule>);
-			} else {
-				const nextDate = new Date(Date.now() + frequencyDays * 86400000);
-				await wateringScheduleCollection.insert({
-					id: crypto.randomUUID(),
-					plantId,
-					frequencyDays,
-					lastWateredAt: null,
-					nextWateringAt: nextDate.toISOString(),
-					reminderEnabled: false,
-					reminderHoursBefore: 0,
-				} as LocalWateringSchedule);
-			}
-			return true;
-		} catch (e) {
-			console.error('Failed to update watering schedule:', e);
-			return false;
-		}
-	},
-};
diff --git a/apps/planta/apps/web-archived/src/lib/data/queries.ts b/apps/planta/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 43f04ab66..000000000
--- a/apps/planta/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Planta
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	plantCollection,
-	plantPhotoCollection,
-	wateringScheduleCollection,
-	wateringLogCollection,
-	type LocalPlant,
-	type LocalPlantPhoto,
-	type LocalWateringSchedule,
-	type LocalWateringLog,
-} from './local-store';
-import type { Plant, PlantPhoto, WateringSchedule, WateringLog } from '@planta/shared';
-
-// ─── Type Converters ───────────────────────────────────────
-
-/** Convert a LocalPlant (IndexedDB) to the shared Plant type. */
-export function toPlant(local: LocalPlant): Plant {
-	return {
-		id: local.id,
-		userId: 'local',
-		name: local.name,
-		scientificName: local.scientificName ?? undefined,
-		commonName: local.commonName ?? undefined,
-		species: local.species ?? undefined,
-		lightRequirements: local.lightRequirements ?? undefined,
-		wateringFrequencyDays: local.wateringFrequencyDays ?? undefined,
-		humidity: local.humidity ?? undefined,
-		temperature: local.temperature ?? undefined,
-		soilType: local.soilType ?? undefined,
-		careNotes: local.careNotes ?? undefined,
-		isActive: local.isActive,
-		healthStatus: local.healthStatus ?? undefined,
-		acquiredAt: local.acquiredAt ? new Date(local.acquiredAt) : undefined,
-		createdAt: new Date(local.createdAt ?? new Date().toISOString()),
-		updatedAt: new Date(local.updatedAt ?? new Date().toISOString()),
-	};
-}
-
-/** Convert a LocalPlantPhoto (IndexedDB) to the shared PlantPhoto type. */
-export function toPlantPhoto(local: LocalPlantPhoto): PlantPhoto {
-	return {
-		id: local.id,
-		plantId: local.plantId,
-		userId: 'local',
-		storagePath: local.storagePath,
-		publicUrl: local.publicUrl ?? undefined,
-		filename: local.filename,
-		mimeType: local.mimeType ?? undefined,
-		fileSize: local.fileSize ?? undefined,
-		width: local.width ?? undefined,
-		height: local.height ?? undefined,
-		isPrimary: local.isPrimary,
-		isAnalyzed: local.isAnalyzed,
-		takenAt: local.takenAt ? new Date(local.takenAt) : undefined,
-		createdAt: new Date(local.createdAt ?? new Date().toISOString()),
-	};
-}
-
-/** Convert a LocalWateringSchedule (IndexedDB) to the shared WateringSchedule type. */
-export function toWateringSchedule(local: LocalWateringSchedule): WateringSchedule {
-	return {
-		id: local.id,
-		plantId: local.plantId,
-		userId: 'local',
-		frequencyDays: local.frequencyDays,
-		lastWateredAt: local.lastWateredAt ? new Date(local.lastWateredAt) : undefined,
-		nextWateringAt: local.nextWateringAt ? new Date(local.nextWateringAt) : undefined,
-		reminderEnabled: local.reminderEnabled,
-		reminderHoursBefore: local.reminderHoursBefore,
-		createdAt: new Date(local.createdAt ?? new Date().toISOString()),
-		updatedAt: new Date(local.updatedAt ?? new Date().toISOString()),
-	};
-}
-
-/** Convert a LocalWateringLog (IndexedDB) to the shared WateringLog type. */
-export function toWateringLog(local: LocalWateringLog): WateringLog {
-	return {
-		id: local.id,
-		plantId: local.plantId,
-		userId: 'local',
-		wateredAt: new Date(local.wateredAt),
-		notes: local.notes ?? undefined,
-		createdAt: new Date(local.createdAt ?? new Date().toISOString()),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All plants. Auto-updates on any change. */
-export function useAllPlants() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await plantCollection.getAll();
-		return locals.map(toPlant);
-	}, [] as Plant[]);
-}
-
-/** All plant photos. Auto-updates on any change. */
-export function useAllPlantPhotos() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await plantPhotoCollection.getAll();
-		return locals.map(toPlantPhoto);
-	}, [] as PlantPhoto[]);
-}
-
-/** All watering schedules. Auto-updates on any change. */
-export function useAllWateringSchedules() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await wateringScheduleCollection.getAll();
-		return locals.map(toWateringSchedule);
-	}, [] as WateringSchedule[]);
-}
-
-/** All watering logs. Auto-updates on any change. */
-export function useAllWateringLogs() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await wateringLogCollection.getAll();
-		return locals.map(toWateringLog);
-	}, [] as WateringLog[]);
-}
-
-// ─── Pure Plant Helpers ────────────────────────────────────
-
-/** Get a plant by ID. */
-export function getPlantById(plants: Plant[], id: string): Plant | undefined {
-	return plants.find((p) => p.id === id);
-}
-
-/** Get active plants only. */
-export function getActivePlants(plants: Plant[]): Plant[] {
-	return plants.filter((p) => p.isActive);
-}
-
-/** Get photos for a specific plant. */
-export function getPhotosForPlant(photos: PlantPhoto[], plantId: string): PlantPhoto[] {
-	return photos.filter((p) => p.plantId === plantId);
-}
-
-/** Get the primary photo for a plant. */
-export function getPrimaryPhoto(photos: PlantPhoto[], plantId: string): PlantPhoto | undefined {
-	return photos.find((p) => p.plantId === plantId && p.isPrimary);
-}
-
-// ─── Pure Watering Helpers ─────────────────────────────────
-
-/** Get watering schedule for a specific plant. */
-export function getScheduleForPlant(
-	schedules: WateringSchedule[],
-	plantId: string
-): WateringSchedule | undefined {
-	return schedules.find((s) => s.plantId === plantId);
-}
-
-/** Get watering logs for a specific plant, sorted by date (newest first). */
-export function getLogsForPlant(logs: WateringLog[], plantId: string): WateringLog[] {
-	return logs
-		.filter((l) => l.plantId === plantId)
-		.sort((a, b) => new Date(b.wateredAt).getTime() - new Date(a.wateredAt).getTime());
-}
-
-/** Calculate days until next watering. Negative means overdue. */
-export function getDaysUntilWatering(schedule: WateringSchedule | undefined): number | null {
-	if (!schedule?.nextWateringAt) return null;
-	const now = new Date();
-	const next = new Date(schedule.nextWateringAt);
-	return Math.ceil((next.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));
-}
-
-/** Check if a plant's watering is overdue. */
-export function isWateringOverdue(schedule: WateringSchedule | undefined): boolean {
-	const days = getDaysUntilWatering(schedule);
-	return days !== null && days < 0;
-}
diff --git a/apps/planta/apps/web-archived/src/lib/i18n/index.ts b/apps/planta/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 5ede2bc4e..000000000
--- a/apps/planta/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('planta_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('planta_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/planta/apps/web-archived/src/lib/i18n/locales/de.json b/apps/planta/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 32b68bec5..000000000
--- a/apps/planta/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-	"app": {
-		"name": "Planta",
-		"loading": "Laden...",
-		"tagline": "Pflanzenpflege leicht gemacht"
-	},
-	"nav": {
-		"plants": "Pflanzen",
-		"watering": "Gießen",
-		"identify": "Identifizieren",
-		"settings": "Einstellungen"
-	},
-	"plant": {
-		"add": "Pflanze hinzufügen",
-		"edit": "Pflanze bearbeiten",
-		"delete": "Pflanze löschen",
-		"name": "Name",
-		"species": "Art",
-		"location": "Standort",
-		"noPlants": "Noch keine Pflanzen",
-		"addFirst": "Füge deine erste Pflanze hinzu",
-		"careNotes": "Pflegehinweise",
-		"health": "Gesundheit"
-	},
-	"health": {
-		"healthy": "Gesund",
-		"needsAttention": "Braucht Aufmerksamkeit",
-		"sick": "Krank"
-	},
-	"watering": {
-		"water": "Gießen",
-		"watered": "Gegossen",
-		"lastWatered": "Zuletzt gegossen",
-		"nextWatering": "Nächstes Gießen",
-		"daysUntil": "in {days} Tagen",
-		"overdue": "Überfällig",
-		"today": "Heute gießen",
-		"noWatering": "Keine Pflanzen zum Gießen"
-	},
-	"identify": {
-		"takePhoto": "Foto aufnehmen",
-		"analyzing": "Analysiere...",
-		"identified": "Identifiziert",
-		"confidence": "Sicherheit",
-		"tips": "Pflegetipps"
-	},
-	"light": {
-		"low": "Wenig Licht",
-		"medium": "Mittleres Licht",
-		"bright": "Helles Licht",
-		"direct": "Direktes Sonnenlicht"
-	},
-	"humidity": {
-		"low": "Niedrig",
-		"medium": "Mittel",
-		"high": "Hoch"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"add": "Hinzufügen",
-		"close": "Schließen",
-		"search": "Suchen",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"loading": "Laden..."
-	},
-	"errors": {
-		"loadPlants": "Pflanzen konnten nicht geladen werden",
-		"identifyFailed": "Identifizierung fehlgeschlagen",
-		"saveFailed": "Speichern fehlgeschlagen",
-		"uploadFailed": "Upload fehlgeschlagen"
-	},
-	"success": {
-		"plantAdded": "Pflanze hinzugefügt",
-		"plantDeleted": "Pflanze gelöscht",
-		"plantWatered": "Pflanze gegossen",
-		"photoUploaded": "Foto hochgeladen"
-	}
-}
diff --git a/apps/planta/apps/web-archived/src/lib/i18n/locales/en.json b/apps/planta/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 965b08da6..000000000
--- a/apps/planta/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-	"app": {
-		"name": "Planta",
-		"loading": "Loading...",
-		"tagline": "Plant care made easy"
-	},
-	"nav": {
-		"plants": "Plants",
-		"watering": "Watering",
-		"identify": "Identify",
-		"settings": "Settings"
-	},
-	"plant": {
-		"add": "Add plant",
-		"edit": "Edit plant",
-		"delete": "Delete plant",
-		"name": "Name",
-		"species": "Species",
-		"location": "Location",
-		"noPlants": "No plants yet",
-		"addFirst": "Add your first plant",
-		"careNotes": "Care notes",
-		"health": "Health"
-	},
-	"health": {
-		"healthy": "Healthy",
-		"needsAttention": "Needs attention",
-		"sick": "Sick"
-	},
-	"watering": {
-		"water": "Water",
-		"watered": "Watered",
-		"lastWatered": "Last watered",
-		"nextWatering": "Next watering",
-		"daysUntil": "in {days} days",
-		"overdue": "Overdue",
-		"today": "Water today",
-		"noWatering": "No plants to water"
-	},
-	"identify": {
-		"takePhoto": "Take photo",
-		"analyzing": "Analyzing...",
-		"identified": "Identified",
-		"confidence": "Confidence",
-		"tips": "Care tips"
-	},
-	"light": {
-		"low": "Low light",
-		"medium": "Medium light",
-		"bright": "Bright light",
-		"direct": "Direct sunlight"
-	},
-	"humidity": {
-		"low": "Low",
-		"medium": "Medium",
-		"high": "High"
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"register": "Register"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"add": "Add",
-		"close": "Close",
-		"search": "Search",
-		"error": "Error",
-		"success": "Success",
-		"loading": "Loading..."
-	},
-	"errors": {
-		"loadPlants": "Failed to load plants",
-		"identifyFailed": "Identification failed",
-		"saveFailed": "Failed to save",
-		"uploadFailed": "Upload failed"
-	},
-	"success": {
-		"plantAdded": "Plant added",
-		"plantDeleted": "Plant deleted",
-		"plantWatered": "Plant watered",
-		"photoUploaded": "Photo uploaded"
-	}
-}
diff --git a/apps/planta/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/planta/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 063491173..000000000
--- a/apps/planta/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-const plantaOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Planta!',
-		description: 'Das kann Planta für dich tun:',
-		emoji: '🌱',
-		gradient: { from: 'green-500', to: 'green-700' },
-		bullets: [
-			'Pflanzen per Foto identifizieren (KI)',
-			'Gieß-Erinnerungen & Pflege-Zeitplan',
-			'Pflege-Tipps & Gesundheits-Tracking',
-			'Licht-, Wasser- & Feuchtigkeitsempfehlungen',
-		],
-	},
-	{
-		id: 'experience',
-		type: 'select',
-		question: 'Wie erfahren bist du mit Pflanzen?',
-		description: 'Hilft uns, die Tipps anzupassen.',
-		emoji: '🌿',
-		gradient: { from: 'emerald-500', to: 'emerald-700' },
-		options: [
-			{
-				id: 'beginner',
-				label: 'Anfänger',
-				description: 'Gerade erst angefangen',
-				emoji: '🌱',
-			},
-			{
-				id: 'intermediate',
-				label: 'Fortgeschritten',
-				description: 'Einige Pflanzen zu Hause',
-				emoji: '🪴',
-			},
-			{
-				id: 'expert',
-				label: 'Profi',
-				description: 'Grüner Daumen seit Jahren',
-				emoji: '🌳',
-			},
-		],
-		defaultValue: 'beginner',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Dein Pflanzengarten ist bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Fotografiere eine Pflanze, um sie zu identifizieren',
-			'Gieß-Erinnerungen kommen automatisch',
-			'Prüfe regelmäßig den Gesundheitsstatus',
-			'Notiere Standort und Lichtverhältnisse',
-		],
-	},
-];
-
-export const plantaOnboarding = createAppOnboardingStore({
-	appId: 'planta',
-	steps: plantaOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/planta/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/planta/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index c5f4a6c00..000000000
--- a/apps/planta/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3022,
-});
diff --git a/apps/planta/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/planta/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 074782375..000000000
--- a/apps/planta/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- * Tags are stored in shared IndexedDB ('manacore-tags'), accessible across all apps.
- * Use context ('tags') for reads, tagMutations for writes.
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/planta/apps/web-archived/src/lib/stores/theme.ts b/apps/planta/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index faf088562..000000000
--- a/apps/planta/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * Theme Store - Simple theme management using @manacore/shared-theme
- */
-
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore('planta');
diff --git a/apps/planta/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/planta/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 501b26cfd..000000000
--- a/apps/planta/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'planta',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getValidToken(),
-});
diff --git a/apps/planta/apps/web-archived/src/lib/utils/plant-parser.test.ts b/apps/planta/apps/web-archived/src/lib/utils/plant-parser.test.ts
deleted file mode 100644
index c7d158b89..000000000
--- a/apps/planta/apps/web-archived/src/lib/utils/plant-parser.test.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { parsePlantInput, resolvePlantData, formatParsedPlantPreview } from './plant-parser';
-
-describe('parsePlantInput', () => {
-	it('should parse a simple name', () => {
-		const result = parsePlantInput('Monstera');
-		expect(result.name).toBe('Monstera');
-		expect(result.acquiredAt).toBeUndefined();
-		expect(result.tagNames).toEqual([]);
-	});
-
-	it('should parse name with tags', () => {
-		const result = parsePlantInput('Basilikum #kräuter #küche');
-		expect(result.name).toBe('Basilikum');
-		expect(result.tagNames).toEqual(['kräuter', 'küche']);
-	});
-
-	it('should parse acquisition date', () => {
-		const result = parsePlantInput('Ficus morgen gekauft');
-		expect(result.name).toBe('Ficus');
-		expect(result.acquiredAt).toBeDefined();
-	});
-
-	it('should default to today when "gekauft" without date', () => {
-		const result = parsePlantInput('Orchidee gekauft');
-		expect(result.name).toBe('Orchidee');
-		expect(result.acquiredAt).toBeDefined();
-		expect(result.acquiredAt!.toDateString()).toBe(new Date().toDateString());
-	});
-
-	it('should parse "gepflanzt" as acquisition', () => {
-		const result = parsePlantInput('Tomate heute gepflanzt');
-		expect(result.name).toBe('Tomate');
-		expect(result.acquiredAt).toBeDefined();
-	});
-
-	it('should parse multi-word name', () => {
-		const result = parsePlantInput('Monstera deliciosa');
-		expect(result.name).toBe('Monstera deliciosa');
-	});
-
-	it('should handle empty input', () => {
-		const result = parsePlantInput('');
-		expect(result.name).toBe('');
-		expect(result.tagNames).toEqual([]);
-	});
-
-	it('should parse complex input', () => {
-		const result = parsePlantInput('Aloe Vera heute gekauft #sukkulente #badezimmer');
-		expect(result.name).toBe('Aloe Vera');
-		expect(result.acquiredAt).toBeDefined();
-		expect(result.tagNames).toEqual(['sukkulente', 'badezimmer']);
-	});
-});
-
-describe('parsePlantInput - care actions', () => {
-	it('should parse "Monstera gegossen" as watered', () => {
-		const result = parsePlantInput('Monstera gegossen');
-		expect(result.name).toBe('Monstera');
-		expect(result.action).toBe('watered');
-	});
-
-	it('should parse "Ficus umgetopft heute" as repotted with date', () => {
-		const result = parsePlantInput('Ficus umgetopft heute');
-		expect(result.name).toBe('Ficus');
-		expect(result.action).toBe('repotted');
-		expect(result.acquiredAt).toBeDefined();
-	});
-
-	it('should parse "Rose pruned" in English as pruned', () => {
-		const result = parsePlantInput('Rose pruned', 'en');
-		expect(result.name).toBe('Rose');
-		expect(result.action).toBe('pruned');
-	});
-
-	it('should have no action for plain "Monstera"', () => {
-		const result = parsePlantInput('Monstera');
-		expect(result.name).toBe('Monstera');
-		expect(result.action).toBeUndefined();
-	});
-
-	it('should parse "Orchidee gedüngt" as fertilized', () => {
-		const result = parsePlantInput('Orchidee gedüngt');
-		expect(result.name).toBe('Orchidee');
-		expect(result.action).toBe('fertilized');
-	});
-
-	it('should parse "Ficus geschnitten" as pruned', () => {
-		const result = parsePlantInput('Ficus geschnitten');
-		expect(result.name).toBe('Ficus');
-		expect(result.action).toBe('pruned');
-	});
-
-	it('should parse "gewässert" as watered (alternative DE word)', () => {
-		const result = parsePlantInput('Monstera gewässert');
-		expect(result.name).toBe('Monstera');
-		expect(result.action).toBe('watered');
-	});
-});
-
-describe('resolvePlantData', () => {
-	it('should produce ISO date string', () => {
-		const parsed = parsePlantInput('Ficus heute gekauft');
-		const resolved = resolvePlantData(parsed);
-		expect(resolved.name).toBe('Ficus');
-		expect(resolved.acquiredAt).toBeDefined();
-		expect(new Date(resolved.acquiredAt!).toISOString()).toBe(resolved.acquiredAt);
-	});
-
-	it('should handle no date', () => {
-		const parsed = parsePlantInput('Monstera');
-		const resolved = resolvePlantData(parsed);
-		expect(resolved.acquiredAt).toBeUndefined();
-	});
-});
-
-describe('formatParsedPlantPreview', () => {
-	it('should format date', () => {
-		const parsed = parsePlantInput('Ficus heute gekauft');
-		const preview = formatParsedPlantPreview(parsed);
-		expect(preview).toContain('Heute');
-	});
-
-	it('should format tags', () => {
-		const parsed = parsePlantInput('Monstera #tropisch');
-		const preview = formatParsedPlantPreview(parsed);
-		expect(preview).toContain('tropisch');
-	});
-
-	it('should return empty for name-only', () => {
-		const parsed = parsePlantInput('Monstera');
-		expect(formatParsedPlantPreview(parsed)).toBe('');
-	});
-
-	it('should format care action in preview', () => {
-		const parsed = parsePlantInput('Monstera gegossen');
-		const preview = formatParsedPlantPreview(parsed);
-		expect(preview).toContain('💧');
-		expect(preview).toContain('Gegossen');
-	});
-
-	it('should format care action with English locale', () => {
-		const parsed = parsePlantInput('Rose watered', 'en');
-		const preview = formatParsedPlantPreview(parsed, 'en');
-		expect(preview).toContain('💧');
-		expect(preview).toContain('Watered');
-	});
-});
diff --git a/apps/planta/apps/web-archived/src/lib/utils/plant-parser.ts b/apps/planta/apps/web-archived/src/lib/utils/plant-parser.ts
deleted file mode 100644
index cf6109b81..000000000
--- a/apps/planta/apps/web-archived/src/lib/utils/plant-parser.ts
+++ /dev/null
@@ -1,204 +0,0 @@
-/**
- * Plant Parser for Planta App
- *
- * Extends the base parser with plant-specific patterns:
- * - Scientific names (italic Latin names)
- * - Acquisition date
- * - Tags for categories
- *
- * Examples:
- * - "Monstera deliciosa #tropisch"
- * - "Basilikum heute gekauft #kräuter"
- * - "Ficus benjamina morgen #zimmerpflanze"
- */
-
-import {
-	parseBaseInput,
-	extractTags,
-	combineDateAndTime,
-	formatDatePreview,
-	type ParserLocale,
-} from '@manacore/shared-utils';
-
-export type CareAction = 'watered' | 'repotted' | 'fertilized' | 'pruned';
-
-export interface ParsedPlant {
-	name: string;
-	acquiredAt?: Date;
-	tagNames: string[];
-	action?: CareAction;
-}
-
-export interface ParsedPlantWithIds {
-	name: string;
-	acquiredAt?: string;
-}
-
-// Care action patterns per locale
-const CARE_ACTION_PATTERNS_BY_LOCALE: Record<
-	ParserLocale,
-	{ action: CareAction; pattern: RegExp }[]
-> = {
-	de: [
-		{ action: 'watered', pattern: /\b(?:gegossen|gewässert)\b/i },
-		{ action: 'repotted', pattern: /\bumgetopft\b/i },
-		{ action: 'fertilized', pattern: /\bgedüngt\b/i },
-		{ action: 'pruned', pattern: /\b(?:geschnitten|gestutzt)\b/i },
-	],
-	en: [
-		{ action: 'watered', pattern: /\bwatered\b/i },
-		{ action: 'repotted', pattern: /\brepotted\b/i },
-		{ action: 'fertilized', pattern: /\bfertilized\b/i },
-		{ action: 'pruned', pattern: /\b(?:pruned|trimmed)\b/i },
-	],
-	fr: [
-		{ action: 'watered', pattern: /\barrosé\b/i },
-		{ action: 'repotted', pattern: /\brempoté\b/i },
-		{ action: 'fertilized', pattern: /\bfertilisé\b/i },
-		{ action: 'pruned', pattern: /\btaillé\b/i },
-	],
-	es: [
-		{ action: 'watered', pattern: /\bregado\b/i },
-		{ action: 'repotted', pattern: /\btrasplantado\b/i },
-		{ action: 'fertilized', pattern: /\bfertilizado\b/i },
-		{ action: 'pruned', pattern: /\bpodado\b/i },
-	],
-	it: [
-		{ action: 'watered', pattern: /\bannaffiato\b/i },
-		{ action: 'repotted', pattern: /\brinvasato\b/i },
-		{ action: 'fertilized', pattern: /\bfertilizzato\b/i },
-		{ action: 'pruned', pattern: /\bpotato\b/i },
-	],
-};
-
-const ACTION_LABELS: Record<CareAction, Record<ParserLocale, string>> = {
-	watered: { de: 'Gegossen', en: 'Watered', fr: 'Arrosé', es: 'Regado', it: 'Annaffiato' },
-	repotted: { de: 'Umgetopft', en: 'Repotted', fr: 'Rempoté', es: 'Trasplantado', it: 'Rinvasato' },
-	fertilized: {
-		de: 'Gedüngt',
-		en: 'Fertilized',
-		fr: 'Fertilisé',
-		es: 'Fertilizado',
-		it: 'Fertilizzato',
-	},
-	pruned: { de: 'Geschnitten', en: 'Pruned', fr: 'Taillé', es: 'Podado', it: 'Potato' },
-};
-
-const ACTION_EMOJIS: Record<CareAction, string> = {
-	watered: '💧',
-	repotted: '🌱',
-	fertilized: '🧪',
-	pruned: '✂️',
-};
-
-function extractCareAction(
-	text: string,
-	locale: ParserLocale = 'de'
-): { action?: CareAction; remaining: string } {
-	const patterns = CARE_ACTION_PATTERNS_BY_LOCALE[locale];
-	for (const { action, pattern } of patterns) {
-		if (pattern.test(text)) {
-			return {
-				action,
-				remaining: text.replace(pattern, '').trim(),
-			};
-		}
-	}
-	return { action: undefined, remaining: text };
-}
-
-// Acquisition keywords per locale
-const ACQUIRED_PATTERNS_BY_LOCALE: Record<ParserLocale, RegExp[]> = {
-	de: [/\bgekauft\b/i, /\bbekommen\b/i, /\berhalten\b/i, /\bgepflanzt\b/i],
-	en: [/\bbought\b/i, /\breceived\b/i, /\bgot\b/i, /\bplanted\b/i],
-	fr: [/\bacheté\b/i, /\breçu\b/i, /\bplanté\b/i],
-	es: [/\bcomprado\b/i, /\brecibido\b/i, /\bplantado\b/i],
-	it: [/\bcomprato\b/i, /\bricevuto\b/i, /\bpiantato\b/i],
-};
-
-function extractAcquiredKeyword(
-	text: string,
-	locale: ParserLocale = 'de'
-): { found: boolean; remaining: string } {
-	const patterns = ACQUIRED_PATTERNS_BY_LOCALE[locale];
-	for (const pattern of patterns) {
-		if (pattern.test(text)) {
-			return {
-				found: true,
-				remaining: text.replace(pattern, '').trim(),
-			};
-		}
-	}
-	return { found: false, remaining: text };
-}
-
-/**
- * Parse natural language plant input
- *
- * Examples:
- * - "Monstera #tropisch"
- * - "Basilikum heute gekauft #kräuter"
- * - "Ficus benjamina"
- */
-export function parsePlantInput(input: string, locale: ParserLocale = 'de'): ParsedPlant {
-	let text = input.trim();
-
-	// Extract care action BEFORE base parser so the action word is removed from title
-	const careResult = extractCareAction(text, locale);
-	text = careResult.remaining;
-
-	// Check for acquisition keywords
-	const acquiredResult = extractAcquiredKeyword(text, locale);
-	text = acquiredResult.remaining;
-
-	// Use base parser for date, time, tags
-	const base = parseBaseInput(text, locale);
-
-	// If we found a date (or acquisition keyword implies today)
-	let acquiredAt: Date | undefined;
-	if (base.date) {
-		acquiredAt = combineDateAndTime(base.date, base.time);
-	} else if (acquiredResult.found) {
-		acquiredAt = new Date(); // "gekauft" without date = today
-	}
-
-	return {
-		name: base.title,
-		acquiredAt,
-		tagNames: base.tagNames,
-		action: careResult.action,
-	};
-}
-
-/**
- * Resolve to API-ready format
- */
-export function resolvePlantData(parsed: ParsedPlant): ParsedPlantWithIds {
-	return {
-		name: parsed.name,
-		acquiredAt: parsed.acquiredAt?.toISOString(),
-	};
-}
-
-/**
- * Format parsed plant for preview display
- */
-export function formatParsedPlantPreview(parsed: ParsedPlant, locale: ParserLocale = 'de'): string {
-	const parts: string[] = [];
-
-	if (parsed.action) {
-		const emoji = ACTION_EMOJIS[parsed.action];
-		const label = ACTION_LABELS[parsed.action][locale];
-		parts.push(`${emoji} ${label}`);
-	}
-
-	if (parsed.acquiredAt) {
-		parts.push(`📅 ${formatDatePreview(parsed.acquiredAt, locale)}`);
-	}
-
-	if (parsed.tagNames.length > 0) {
-		parts.push(`🏷️ ${parsed.tagNames.join(', ')}`);
-	}
-
-	return parts.join(' · ');
-}
diff --git a/apps/planta/apps/web-archived/src/lib/utils/syntax-help.ts b/apps/planta/apps/web-archived/src/lib/utils/syntax-help.ts
deleted file mode 100644
index d5e75b5f2..000000000
--- a/apps/planta/apps/web-archived/src/lib/utils/syntax-help.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Planta-specific syntax help patterns
- */
-import type { SyntaxGroup } from '@manacore/shared-ui';
-
-export const PLANTA_SYNTAX: SyntaxGroup[] = [
-	{
-		title: 'Pflanzen',
-		items: [
-			{
-				pattern: 'Pflege',
-				description: 'Pflege-Aktion loggen',
-				examples: ['Monstera gegossen', 'Ficus umgetopft', 'Rose gedüngt'],
-				color: 'success',
-			},
-			{
-				pattern: 'Erworben',
-				description: 'Erwerbsdatum angeben',
-				examples: ['gekauft', 'gepflanzt', 'bekommen'],
-				color: 'accent',
-			},
-		],
-	},
-];
diff --git a/apps/planta/apps/web-archived/src/lib/version.ts b/apps/planta/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 360404f66..000000000
--- a/apps/planta/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.1.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/planta/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 6a66b09f7..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,266 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { PillNavigation, QuickInputBar, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		QuickInputItem,
-		CreatePreview,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { plantMutations } from '$lib/data/mutations';
-	import {
-		useAllPlants,
-		useAllPlantPhotos,
-		useAllWateringSchedules,
-		useAllWateringLogs,
-	} from '$lib/data/queries';
-	import {
-		parsePlantInput,
-		resolvePlantData,
-		formatParsedPlantPreview,
-	} from '$lib/utils/plant-parser';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { setContext } from 'svelte';
-	import { plantaStore } from '$lib/data/local-store';
-
-	let { children } = $props();
-
-	// Live queries for local-first data (auto-update on Dexie changes)
-	const allPlants = useAllPlants();
-	const allPlantPhotos = useAllPlantPhotos();
-	const allWateringSchedules = useAllWateringSchedules();
-	const allWateringLogs = useAllWateringLogs();
-	const allTags = useAllSharedTags();
-
-	// Set context for child components
-	setContext('plants', allPlants);
-	setContext('plantPhotos', allPlantPhotos);
-	setContext('wateringSchedules', allWateringSchedules);
-	setContext('wateringLogs', allWateringLogs);
-	setContext('tags', allTags);
-
-	let showGuestWelcome = $state(false);
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	// Navigation items for Planta
-	const navItems: PillNavItem[] = [
-		{ href: '/dashboard', label: 'Meine Pflanzen', icon: 'document' },
-		{ href: '/add', label: 'Hinzufuegen', icon: 'plus' },
-		{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	];
-
-	let isDark = $derived(theme.isDark);
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	// QuickInputBar handlers — use live query data instead of API
-	async function handleInputSearch(query: string): Promise<QuickInputItem[]> {
-		const plants = allPlants.value;
-		const q = query.toLowerCase();
-		return plants
-			.filter(
-				(p) =>
-					p.name?.toLowerCase().includes(q) ||
-					p.commonName?.toLowerCase().includes(q) ||
-					p.scientificName?.toLowerCase().includes(q)
-			)
-			.slice(0, 10)
-			.map((plant) => ({
-				id: plant.id,
-				title: plant.name || plant.commonName || 'Unbenannt',
-				subtitle: plant.scientificName || undefined,
-			}));
-	}
-
-	function handleInputSelect(item: QuickInputItem) {
-		goto(`/plants/${item.id}`);
-	}
-
-	// Quick-Create handlers
-	function handleParseCreate(query: string): CreatePreview | null {
-		if (!query.trim()) return null;
-		const parsed = parsePlantInput(query);
-		if (!parsed.name) return null;
-		const preview = formatParsedPlantPreview(parsed);
-		return {
-			title: `"${parsed.name}" erstellen`,
-			subtitle: preview || 'Neue Pflanze',
-		};
-	}
-
-	async function handleCreate(query: string): Promise<void> {
-		if (!query.trim()) return;
-		const parsed = parsePlantInput(query);
-		if (!parsed.name) return;
-		const resolved = resolvePlantData(parsed);
-		const plant = await plantMutations.create({
-			name: resolved.name,
-			acquiredAt: resolved.acquiredAt,
-		});
-		if (plant?.id) {
-			goto(`/plants/${plant.id}`);
-		}
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-plant',
-			label: 'Neue Pflanze',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/add'),
-		},
-		{
-			id: 'all-plants',
-			label: 'Alle Pflanzen',
-			category: 'Navigation',
-			onExecute: () => goto('/dashboard'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		await Promise.all([plantaStore.initialize(), tagLocalStore.initialize()]);
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			plantaStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('planta')) {
-			showGuestWelcome = true;
-		}
-	}
-</script>
-
-<AuthGate {authStore} {goto} allowGuest={true} onReady={handleAuthReady}>
-	<div class="layout-container">
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="Planta"
-			homeRoute="/dashboard"
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			showLogout={true}
-			onLogout={handleLogout}
-			loginHref="/login"
-			primaryColor="#10b981"
-			settingsHref="/settings"
-			themesHref="/themes"
-			helpHref="/help"
-			profileHref="/profile"
-			{spotlightActions}
-		/>
-
-		<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-		{#if isTagStripVisible}
-			<TagStrip
-				tags={allTags.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#3b82f6',
-				}))}
-				selectedIds={[]}
-				onToggle={() => {}}
-				onClear={() => {}}
-				managementHref="/tags"
-			/>
-		{/if}
-
-		<!-- Quick Input Bar -->
-		<QuickInputBar
-			onSearch={handleInputSearch}
-			onSelect={handleInputSelect}
-			onParseCreate={handleParseCreate}
-			onCreate={handleCreate}
-			placeholder="Neue Pflanze oder suchen..."
-			emptyText="Keine Pflanzen gefunden"
-			searchingText="Suche..."
-			createText="Erstellen"
-			deferSearch={true}
-			locale="de"
-			appIcon="search"
-			bottomOffset="70px"
-		/>
-
-		<main class="main-content pt-24">
-			<div class="content-wrapper">
-				{@render children()}
-			</div>
-		</main>
-	</div>
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale="de" loginHref="/login" />
-	{/if}
-
-	<GuestWelcomeModal
-		appId="planta"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale="de"
-	/>
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		flex: 1;
-	}
-
-	.content-wrapper {
-		max-width: 80rem;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 2rem 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding-left: 1.5rem;
-			padding-right: 1.5rem;
-		}
-	}
-</style>
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/add/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/add/+page.svelte
deleted file mode 100644
index 4d19b2299..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/add/+page.svelte
+++ /dev/null
@@ -1,279 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { photosApi } from '$lib/api/photos';
-	import { analysisApi } from '$lib/api/analysis';
-	import { plantMutations } from '$lib/data/mutations';
-	import { PlantaEvents } from '@manacore/shared-utils/analytics';
-	import type { PlantPhoto, PlantAnalysis } from '@planta/shared';
-
-	let step = $state<'upload' | 'analyzing' | 'result'>('upload');
-	let dragover = $state(false);
-	let photo = $state<PlantPhoto | null>(null);
-	let analysis = $state<PlantAnalysis | null>(null);
-	let plantName = $state('');
-	let error = $state('');
-	let saving = $state(false);
-
-	function handleDragOver(e: DragEvent) {
-		e.preventDefault();
-		dragover = true;
-	}
-
-	function handleDragLeave() {
-		dragover = false;
-	}
-
-	async function handleDrop(e: DragEvent) {
-		e.preventDefault();
-		dragover = false;
-
-		const files = e.dataTransfer?.files;
-		if (files && files.length > 0) {
-			await uploadFile(files[0]);
-		}
-	}
-
-	async function handleFileSelect(e: Event) {
-		const input = e.target as HTMLInputElement;
-		if (input.files && input.files.length > 0) {
-			await uploadFile(input.files[0]);
-		}
-	}
-
-	async function uploadFile(file: File) {
-		if (!file.type.startsWith('image/')) {
-			error = 'Bitte wähle ein Bild aus';
-			return;
-		}
-
-		error = '';
-		step = 'analyzing';
-
-		// Upload photo
-		const uploadedPhoto = await photosApi.upload(file);
-		if (!uploadedPhoto) {
-			error = 'Foto konnte nicht hochgeladen werden';
-			step = 'upload';
-			return;
-		}
-
-		photo = uploadedPhoto;
-
-		// Analyze with AI
-		const analysisResult = await analysisApi.analyze(uploadedPhoto.id);
-		if (!analysisResult) {
-			error = 'Analyse fehlgeschlagen. Bitte versuche es erneut.';
-			step = 'upload';
-			return;
-		}
-
-		analysis = analysisResult;
-		PlantaEvents.plantAnalyzed();
-
-		// Set default plant name from analysis
-		if (analysisResult.commonNames && analysisResult.commonNames.length > 0) {
-			plantName = analysisResult.commonNames[0];
-		} else if (analysisResult.scientificName) {
-			plantName = analysisResult.scientificName;
-		}
-
-		step = 'result';
-	}
-
-	async function savePlant() {
-		if (!plantName.trim()) {
-			error = 'Bitte gib einen Namen für die Pflanze ein';
-			return;
-		}
-
-		if (!photo || !analysis) {
-			error = 'Keine Analyse vorhanden';
-			return;
-		}
-
-		saving = true;
-		error = '';
-
-		// Create plant (local-first)
-		const plant = await plantMutations.create({
-			name: plantName.trim(),
-			scientificName: analysis.scientificName || undefined,
-			commonName: analysis.commonNames?.[0] || undefined,
-		});
-
-		if (!plant) {
-			error = 'Pflanze konnte nicht gespeichert werden';
-			saving = false;
-			return;
-		}
-
-		PlantaEvents.plantCreated();
-		// Navigate to plant detail
-		goto(`/plants/${plant.id}`);
-	}
-
-	function getHealthBadgeClass(status: string | null | undefined): string {
-		if (!status) return 'healthy';
-		if (status === 'minor_issues' || status === 'needs_care') return 'needs_attention';
-		if (status === 'critical') return 'sick';
-		return 'healthy';
-	}
-
-	function getHealthText(status: string | null | undefined): string {
-		const map: Record<string, string> = {
-			healthy: 'Gesund',
-			minor_issues: 'Kleine Probleme',
-			needs_care: 'Braucht Pflege',
-			critical: 'Kritisch',
-		};
-		return map[status || ''] || 'Gesund';
-	}
-</script>
-
-<svelte:head>
-	<title>Pflanze hinzufügen - Planta</title>
-</svelte:head>
-
-<div class="max-w-2xl mx-auto space-y-6">
-	<h1 class="text-2xl font-bold">Pflanze hinzufügen</h1>
-
-	{#if error}
-		<div class="rounded-md bg-destructive/10 p-3 text-sm text-destructive">
-			{error}
-		</div>
-	{/if}
-
-	{#if step === 'upload'}
-		<div
-			class="upload-zone"
-			class:dragover
-			role="button"
-			tabindex="0"
-			ondragover={handleDragOver}
-			ondragleave={handleDragLeave}
-			ondrop={handleDrop}
-			onclick={() => document.getElementById('file-input')?.click()}
-			onkeydown={(e) => e.key === 'Enter' && document.getElementById('file-input')?.click()}
-		>
-			<div class="text-6xl mb-4">📷</div>
-			<p class="text-lg font-medium">Foto hochladen</p>
-			<p class="text-sm text-muted-foreground mt-1">
-				Ziehe ein Bild hierher oder klicke zum Auswählen
-			</p>
-			<input
-				id="file-input"
-				type="file"
-				accept="image/*"
-				class="hidden"
-				onchange={handleFileSelect}
-			/>
-		</div>
-
-		<p class="text-center text-sm text-muted-foreground">
-			Die KI analysiert dein Foto und erstellt automatisch einen Pflanzensteckbrief.
-		</p>
-	{:else if step === 'analyzing'}
-		<div class="text-center py-12">
-			<div
-				class="h-16 w-16 mx-auto mb-4 animate-spin rounded-full border-4 border-solid border-primary border-r-transparent"
-			></div>
-			<p class="text-lg font-medium">Pflanze wird analysiert...</p>
-			<p class="text-sm text-muted-foreground mt-1">
-				Die KI identifiziert deine Pflanze und erstellt Pflegeempfehlungen.
-			</p>
-		</div>
-	{:else if step === 'result' && analysis}
-		<div class="card">
-			{#if photo?.publicUrl}
-				<img
-					src={photo.publicUrl}
-					alt="Pflanzenfoto"
-					class="w-full h-64 object-cover rounded-lg mb-4"
-				/>
-			{/if}
-
-			<div class="space-y-4">
-				<!-- Identification -->
-				<div>
-					<h3 class="font-semibold text-lg">
-						{analysis.scientificName || 'Unbekannte Pflanze'}
-					</h3>
-					{#if analysis.commonNames && analysis.commonNames.length > 0}
-						<p class="text-muted-foreground">{analysis.commonNames.join(', ')}</p>
-					{/if}
-					{#if analysis.confidence}
-						<p class="text-sm text-muted-foreground mt-1">
-							Sicherheit: {analysis.confidence}%
-						</p>
-					{/if}
-				</div>
-
-				<!-- Health Status -->
-				<div>
-					<span class="health-badge {getHealthBadgeClass(analysis.healthAssessment)}">
-						{getHealthText(analysis.healthAssessment)}
-					</span>
-					{#if analysis.healthDetails}
-						<p class="text-sm text-muted-foreground mt-2">{analysis.healthDetails}</p>
-					{/if}
-				</div>
-
-				<!-- Care Recommendations -->
-				<div class="grid grid-cols-2 gap-4">
-					{#if analysis.lightAdvice}
-						<div class="p-3 bg-muted rounded-lg">
-							<p class="text-sm font-medium">☀️ Licht</p>
-							<p class="text-sm text-muted-foreground">{analysis.lightAdvice}</p>
-						</div>
-					{/if}
-					{#if analysis.wateringAdvice}
-						<div class="p-3 bg-muted rounded-lg">
-							<p class="text-sm font-medium">💧 Gießen</p>
-							<p class="text-sm text-muted-foreground">{analysis.wateringAdvice}</p>
-						</div>
-					{/if}
-				</div>
-
-				<!-- Care Tips -->
-				{#if analysis.generalTips && analysis.generalTips.length > 0}
-					<div>
-						<p class="text-sm font-medium mb-2">Pflegetipps</p>
-						<ul class="list-disc list-inside text-sm text-muted-foreground space-y-1">
-							{#each analysis.generalTips as tip}
-								<li>{tip}</li>
-							{/each}
-						</ul>
-					</div>
-				{/if}
-
-				<!-- Save Form -->
-				<div class="border-t pt-4 mt-4">
-					<label for="plant-name" class="block text-sm font-medium mb-2">
-						Name deiner Pflanze
-					</label>
-					<input
-						id="plant-name"
-						type="text"
-						bind:value={plantName}
-						class="input w-full"
-						placeholder="z.B. Meine Monstera"
-					/>
-					<button
-						type="button"
-						class="btn btn-success w-full mt-4"
-						onclick={savePlant}
-						disabled={saving}
-					>
-						{#if saving}
-							<span
-								class="inline-block h-4 w-4 animate-spin rounded-full border-2 border-white border-r-transparent"
-							></span>
-						{:else}
-							Pflanze speichern
-						{/if}
-					</button>
-				</div>
-			</div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/dashboard/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/dashboard/+page.svelte
deleted file mode 100644
index b49657452..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/dashboard/+page.svelte
+++ /dev/null
@@ -1,135 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { getContext } from 'svelte';
-	import { PlantaEvents } from '@manacore/shared-utils/analytics';
-	import { wateringMutations } from '$lib/data/mutations';
-	import {
-		getActivePlants,
-		getPrimaryPhoto,
-		getScheduleForPlant,
-		getDaysUntilWatering,
-		isWateringOverdue,
-	} from '$lib/data/queries';
-	import type { Plant, PlantPhoto, WateringSchedule } from '@planta/shared';
-
-	const allPlants: { readonly value: Plant[] } = getContext('plants');
-	const allPlantPhotos: { readonly value: PlantPhoto[] } = getContext('plantPhotos');
-	const allWateringSchedules: { readonly value: WateringSchedule[] } =
-		getContext('wateringSchedules');
-
-	// Derived reactive data from live queries
-	let plants = $derived(getActivePlants(allPlants.value));
-
-	function getWateringClass(plantId: string): string {
-		const schedule = getScheduleForPlant(allWateringSchedules.value, plantId);
-		if (!schedule) return '';
-		if (isWateringOverdue(schedule)) return 'overdue';
-		const days = getDaysUntilWatering(schedule);
-		if (days !== null && days <= 1) return 'soon';
-		return 'ok';
-	}
-
-	function getWateringText(plantId: string): string {
-		const schedule = getScheduleForPlant(allWateringSchedules.value, plantId);
-		if (!schedule) return '';
-		const days = getDaysUntilWatering(schedule);
-		if (days === null) return '';
-		if (days < 0) return 'Ueberfaellig!';
-		if (days === 0) return 'Heute giessen';
-		if (days === 1) return 'Morgen giessen';
-		return `In ${days} Tagen`;
-	}
-
-	function shouldShowWaterButton(plantId: string): boolean {
-		const schedule = getScheduleForPlant(allWateringSchedules.value, plantId);
-		if (!schedule) return false;
-		const days = getDaysUntilWatering(schedule);
-		return days !== null && days <= 1;
-	}
-
-	async function handleWater(plantId: string, e: Event) {
-		e.stopPropagation();
-		const success = await wateringMutations.logWatering(plantId);
-		if (success) {
-			PlantaEvents.plantWatered();
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Meine Pflanzen - Planta</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold">Meine Pflanzen</h1>
-		<a href="/add" class="btn btn-success"> + Pflanze hinzufuegen </a>
-	</div>
-
-	{#if plants.length === 0}
-		<div class="text-center py-12">
-			<div class="text-6xl mb-4">🌱</div>
-			<h2 class="text-xl font-semibold mb-2">Noch keine Pflanzen</h2>
-			<p class="text-muted-foreground mb-4">
-				Fuege deine erste Pflanze hinzu und lass sie von der KI analysieren.
-			</p>
-			<a href="/add" class="btn btn-success"> Erste Pflanze hinzufuegen </a>
-		</div>
-	{:else}
-		<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4">
-			{#each plants as plant (plant.id)}
-				{@const primaryPhoto = getPrimaryPhoto(allPlantPhotos.value, plant.id)}
-				<button
-					type="button"
-					class="card plant-card cursor-pointer text-left"
-					onclick={() => goto(`/plants/${plant.id}`)}
-				>
-					{#if primaryPhoto?.publicUrl}
-						<img src={primaryPhoto.publicUrl} alt={plant.name} />
-					{:else}
-						<div class="flex h-full w-full items-center justify-center bg-muted text-4xl">🌿</div>
-					{/if}
-					<div
-						class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-3"
-					>
-						<h3 class="font-semibold text-white truncate">{plant.name}</h3>
-						{#if plant.commonName}
-							<p class="text-xs text-white/70 truncate">{plant.commonName}</p>
-						{/if}
-						{#if getWateringText(plant.id)}
-							<div class="water-status {getWateringClass(plant.id)} mt-1">
-								<span>💧</span>
-								<span>{getWateringText(plant.id)}</span>
-							</div>
-						{/if}
-					</div>
-					{#if shouldShowWaterButton(plant.id)}
-						<button
-							type="button"
-							class="absolute top-2 right-2 rounded-full bg-blue-500 p-2 text-white hover:bg-blue-600"
-							onclick={(e) => handleWater(plant.id, e)}
-							title="Als gegossen markieren"
-						>
-							💧
-						</button>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.plant-card {
-		position: relative;
-		overflow: hidden;
-		aspect-ratio: 1;
-		padding: 0;
-	}
-
-	.plant-card img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-</style>
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index 1c8e42fa6..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { browser } from '$app/environment';
-	import { FeedbackPage } from '@manacore/feedback';
-	import { createFeedbackService } from '@manacore/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	function getAuthUrl(): string {
-		if (browser && typeof window !== 'undefined') {
-			const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-				.__PUBLIC_MANA_CORE_AUTH_URL__;
-			return injectedUrl || 'http://localhost:3001';
-		}
-		return 'http://localhost:3001';
-	}
-
-	const feedbackService = createFeedbackService({
-		appId: 'planta',
-		apiUrl: getAuthUrl(),
-		getAuthToken: () => authStore.getValidToken(),
-	});
-</script>
-
-<FeedbackPage {feedbackService} appName="Planta" currentUserId={authStore.user?.id} />
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index a4ee42037..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getPlantaHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getPlantaHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Planta kennen'
-					: 'Find answers and learn how to use Planta',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Planta</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Planta"
-	appId="planta"
-	{translations}
-	showBackButton
-	onBack={() => goto('/dashboard')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/plants/[id]/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/plants/[id]/+page.svelte
deleted file mode 100644
index d7104457c..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/plants/[id]/+page.svelte
+++ /dev/null
@@ -1,221 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { getContext } from 'svelte';
-	import { PlantaEvents } from '@manacore/shared-utils/analytics';
-	import { plantMutations, wateringMutations } from '$lib/data/mutations';
-	import {
-		getPlantById,
-		getPhotosForPlant,
-		getScheduleForPlant,
-		getLogsForPlant,
-	} from '$lib/data/queries';
-	import type { Plant, PlantPhoto, WateringSchedule, WateringLog } from '@planta/shared';
-
-	const allPlants: { readonly value: Plant[] } = getContext('plants');
-	const allPlantPhotos: { readonly value: PlantPhoto[] } = getContext('plantPhotos');
-	const allWateringSchedules: { readonly value: WateringSchedule[] } =
-		getContext('wateringSchedules');
-	const allWateringLogs: { readonly value: WateringLog[] } = getContext('wateringLogs');
-
-	const plantId = $derived($page.params.id);
-
-	// Derived reactive data from live queries (auto-updates on any change)
-	let plant = $derived(getPlantById(allPlants.value, plantId));
-	let photos = $derived(getPhotosForPlant(allPlantPhotos.value, plantId));
-	let wateringSchedule = $derived(getScheduleForPlant(allWateringSchedules.value, plantId));
-	let wateringHistory = $derived(getLogsForPlant(allWateringLogs.value, plantId));
-
-	let watering = $state(false);
-
-	async function handleWater() {
-		if (!plant) return;
-		watering = true;
-		const success = await wateringMutations.logWatering(plant.id);
-		if (success) {
-			PlantaEvents.plantWatered();
-		}
-		watering = false;
-	}
-
-	async function handleDelete() {
-		if (!plant) return;
-		if (!confirm(`Moechtest du "${plant.name}" wirklich loeschen?`)) return;
-
-		const success = await plantMutations.delete(plant.id);
-		if (success) {
-			PlantaEvents.plantDeleted();
-			goto('/dashboard');
-		}
-	}
-
-	function formatDate(date: Date | string | undefined | null): string {
-		if (!date) return '-';
-		return new Date(date).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-		});
-	}
-
-	function getHealthBadgeClass(status: string | null | undefined): string {
-		if (!status) return 'healthy';
-		if (status === 'needs_attention') return 'needs_attention';
-		if (status === 'sick') return 'sick';
-		return 'healthy';
-	}
-
-	function getHealthText(status: string | null | undefined): string {
-		const map: Record<string, string> = {
-			healthy: 'Gesund',
-			needs_attention: 'Braucht Aufmerksamkeit',
-			sick: 'Krank',
-		};
-		return map[status || ''] || 'Gesund';
-	}
-
-	function getLightText(light: string | null | undefined): string {
-		const map: Record<string, string> = {
-			low: 'Wenig Licht',
-			medium: 'Mittleres Licht',
-			bright: 'Helles Licht',
-			direct: 'Direkte Sonne',
-		};
-		return map[light || ''] || '-';
-	}
-
-	function getHumidityText(humidity: string | null | undefined): string {
-		const map: Record<string, string> = {
-			low: 'Niedrig',
-			medium: 'Mittel',
-			high: 'Hoch',
-		};
-		return map[humidity || ''] || '-';
-	}
-</script>
-
-<svelte:head>
-	<title>{plant?.name || 'Pflanze'} - Planta</title>
-</svelte:head>
-
-{#if !plant}
-	<div class="text-center py-12">
-		<p class="text-lg">Pflanze nicht gefunden</p>
-		<a href="/dashboard" class="btn btn-primary mt-4">Zurueck zur Uebersicht</a>
-	</div>
-{:else}
-	<div class="space-y-6">
-		<!-- Header -->
-		<div class="flex items-start justify-between">
-			<div>
-				<h1 class="text-2xl font-bold">{plant.name}</h1>
-				{#if plant.scientificName}
-					<p class="text-muted-foreground italic">{plant.scientificName}</p>
-				{/if}
-				{#if plant.commonName && plant.commonName !== plant.name}
-					<p class="text-muted-foreground">{plant.commonName}</p>
-				{/if}
-			</div>
-			<span class="health-badge {getHealthBadgeClass(plant.healthStatus)}">
-				{getHealthText(plant.healthStatus)}
-			</span>
-		</div>
-
-		<!-- Photo Gallery -->
-		{#if photos.length > 0}
-			<div class="grid grid-cols-3 gap-2">
-				{#each photos as photo (photo.id)}
-					<img
-						src={photo.publicUrl}
-						alt={plant.name}
-						class="w-full aspect-square object-cover rounded-lg"
-						class:ring-2={photo.isPrimary}
-						class:ring-primary={photo.isPrimary}
-					/>
-				{/each}
-			</div>
-		{/if}
-
-		<!-- Care Info -->
-		<div class="card">
-			<h2 class="font-semibold mb-4">Pflege</h2>
-			<div class="grid grid-cols-2 gap-4">
-				<div>
-					<p class="text-sm text-muted-foreground">Licht</p>
-					<p class="font-medium">☀️ {getLightText(plant.lightRequirements)}</p>
-				</div>
-				<div>
-					<p class="text-sm text-muted-foreground">Giessen</p>
-					<p class="font-medium">
-						💧 {plant.wateringFrequencyDays ? `Alle ${plant.wateringFrequencyDays} Tage` : '-'}
-					</p>
-				</div>
-				<div>
-					<p class="text-sm text-muted-foreground">Luftfeuchtigkeit</p>
-					<p class="font-medium">💨 {getHumidityText(plant.humidity)}</p>
-				</div>
-				<div>
-					<p class="text-sm text-muted-foreground">Temperatur</p>
-					<p class="font-medium">🌡️ {plant.temperature || '-'}</p>
-				</div>
-			</div>
-			{#if plant.careNotes}
-				<div class="mt-4 pt-4 border-t">
-					<p class="text-sm text-muted-foreground mb-1">Pflegehinweise</p>
-					<p class="text-sm whitespace-pre-line">{plant.careNotes}</p>
-				</div>
-			{/if}
-		</div>
-
-		<!-- Watering Schedule -->
-		<div class="card">
-			<div class="flex items-center justify-between mb-4">
-				<h2 class="font-semibold">Giessplan</h2>
-				<button type="button" class="btn btn-success" onclick={handleWater} disabled={watering}>
-					{#if watering}
-						<span
-							class="inline-block h-4 w-4 animate-spin rounded-full border-2 border-white border-r-transparent"
-						></span>
-					{:else}
-						💧 Jetzt giessen
-					{/if}
-				</button>
-			</div>
-
-			{#if wateringSchedule}
-				<div class="grid grid-cols-2 gap-4 mb-4">
-					<div>
-						<p class="text-sm text-muted-foreground">Zuletzt gegossen</p>
-						<p class="font-medium">{formatDate(wateringSchedule.lastWateredAt)}</p>
-					</div>
-					<div>
-						<p class="text-sm text-muted-foreground">Naechstes Giessen</p>
-						<p class="font-medium">{formatDate(wateringSchedule.nextWateringAt)}</p>
-					</div>
-				</div>
-			{/if}
-
-			{#if wateringHistory.length > 0}
-				<div class="border-t pt-4">
-					<p class="text-sm text-muted-foreground mb-2">Letzte Giessvorgaenge</p>
-					<ul class="space-y-1">
-						{#each wateringHistory.slice(0, 5) as log (log.id)}
-							<li class="text-sm flex justify-between">
-								<span>💧 Gegossen</span>
-								<span class="text-muted-foreground">{formatDate(log.wateredAt)}</span>
-							</li>
-						{/each}
-					</ul>
-				</div>
-			{/if}
-		</div>
-
-		<!-- Actions -->
-		<div class="flex gap-4">
-			<a href="/dashboard" class="btn flex-1 bg-muted text-foreground"> Zurueck </a>
-			<button type="button" class="btn bg-destructive text-white" onclick={handleDelete}>
-				Loeschen
-			</button>
-		</div>
-	</div>
-{/if}
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 2c8711b79..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<ProfilePage user={authStore.user} appName="Planta" />
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 956119019..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION } from '$lib/version';
-
-	let isDark = $derived(theme.isDark);
-</script>
-
-<svelte:head>
-	<title>Einstellungen - Planta</title>
-</svelte:head>
-
-<div class="max-w-xl space-y-6">
-	<h1 class="text-2xl font-bold">Einstellungen</h1>
-
-	<!-- Theme -->
-	<div class="card">
-		<h2 class="font-semibold mb-4">Darstellung</h2>
-		<div class="flex items-center justify-between">
-			<div>
-				<p class="font-medium">Dunkles Design</p>
-				<p class="text-sm text-muted-foreground">Wechsle zwischen hellem und dunklem Modus</p>
-			</div>
-			<button
-				type="button"
-				class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors"
-				class:bg-primary={isDark}
-				class:bg-muted={!isDark}
-				onclick={() => theme.toggleMode()}
-			>
-				<span
-					class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform"
-					class:translate-x-6={isDark}
-					class:translate-x-1={!isDark}
-				></span>
-			</button>
-		</div>
-	</div>
-
-	<!-- Account -->
-	<div class="card">
-		<h2 class="font-semibold mb-4">Konto</h2>
-		<div class="space-y-4">
-			<div>
-				<p class="text-sm text-muted-foreground">E-Mail</p>
-				<p class="font-medium">{authStore.user?.email || '-'}</p>
-			</div>
-		</div>
-	</div>
-
-	<!-- About -->
-	<div class="card">
-		<h2 class="font-semibold mb-4">Über Planta</h2>
-		<p class="text-sm text-muted-foreground">
-			Planta hilft dir, deine Pflanzen zu dokumentieren und zu pflegen. Mache ein Foto und die KI
-			erstellt automatisch einen Steckbrief mit Pflegehinweisen und Gießvorschlägen.
-		</p>
-		<p class="text-sm text-muted-foreground mt-2">Version {APP_VERSION}</p>
-	</div>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</div>
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index 0430e8364..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | Planta</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/planta/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/planta/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 515646940..000000000
--- a/apps/planta/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Planta</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/planta/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/planta/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/planta/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/planta/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/planta/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index a998d3ac6..000000000
--- a/apps/planta/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { PlantaLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | Planta</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Planta"
-	logo={PlantaLogo}
-	primaryColor="#22c55e"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#dcfce7"
-	darkBackground="#052e16"
-	{translations}
-/>
diff --git a/apps/planta/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/planta/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 48ac0a238..000000000
--- a/apps/planta/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,71 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { PlantaLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Get redirect URL from query params or sessionStorage
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/dashboard';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Planta</title>
-</svelte:head>
-
-<LoginPage
-	appName="Planta"
-	logo={PlantaLogo}
-	primaryColor="#22c55e"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#dcfce7"
-	darkBackground="#052e16"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
-/>
diff --git a/apps/planta/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/planta/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 01029a244..000000000
--- a/apps/planta/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { PlantaLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get redirect URL from sessionStorage
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/dashboard';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Planta</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Planta"
-	logo={PlantaLogo}
-	primaryColor="#22c55e"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#dcfce7"
-	darkBackground="#052e16"
-	{translations}
-/>
diff --git a/apps/planta/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/planta/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 2963e64e8..000000000
--- a/apps/planta/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { PlantaLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Planta</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-green-100 to-white dark:from-green-950 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<PlantaLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #22c55e">Planta</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #22c55e"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #22c55e80; border-color: #22c55e"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #22c55e"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #22c55e"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/planta/apps/web-archived/src/routes/+layout.svelte b/apps/planta/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 9faad53a3..000000000
--- a/apps/planta/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { onMount } from 'svelte';
-	import { isLoading as i18nLoading, _ as t } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { plantaOnboarding } from '$lib/stores/app-onboarding.svelte';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(async () => {
-		// Initialize theme
-		theme.initialize();
-
-		// Initialize auth
-		await authStore.initialize();
-
-		loading = false;
-	});
-</script>
-
-{#if !appReady}
-	<div class="flex min-h-screen items-center justify-center bg-background">
-		<div class="text-center">
-			<div
-				class="mb-4 inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid border-primary border-r-transparent"
-			></div>
-			<p class="text-muted-foreground">{$t('common.loading')}</p>
-		</div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-
-	{#if plantaOnboarding.shouldShow}
-		<MiniOnboardingModal store={plantaOnboarding} appName="Planta" appEmoji="🌱" />
-	{/if}
-{/if}
diff --git a/apps/planta/apps/web-archived/src/routes/+layout.ts b/apps/planta/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/planta/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/planta/apps/web-archived/src/routes/+page.svelte b/apps/planta/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index 0fde51b2a..000000000
--- a/apps/planta/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	onMount(() => {
-		if (authStore.isAuthenticated) {
-			goto('/dashboard');
-		} else {
-			goto('/login');
-		}
-	});
-</script>
-
-<div class="flex min-h-screen items-center justify-center">
-	<div
-		class="h-12 w-12 animate-spin rounded-full border-4 border-solid border-primary border-r-transparent"
-	></div>
-</div>
diff --git a/apps/planta/apps/web-archived/src/routes/offline/+page.svelte b/apps/planta/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index f54465f11..000000000
--- a/apps/planta/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Planta"
-	offlineMessage="Planta benötigt eine Internetverbindung für Pflegetipps."
-	accentColor="#16a34a"
-/>
diff --git a/apps/planta/apps/web-archived/src/routes/offline/+page.ts b/apps/planta/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/planta/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/planta/apps/web-archived/svelte.config.js b/apps/planta/apps/web-archived/svelte.config.js
deleted file mode 100644
index 82f308801..000000000
--- a/apps/planta/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter(),
-		prerender: {
-			handleHttpError: ({ path, message }) => {
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/planta/apps/web-archived/tsconfig.json b/apps/planta/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/planta/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/planta/apps/web-archived/vite.config.ts b/apps/planta/apps/web-archived/vite.config.ts
deleted file mode 100644
index a293fce82..000000000
--- a/apps/planta/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Planta - Pflanzenpflege',
-				shortName: 'Planta',
-				description: 'Pflanzenpflege und -identifikation',
-				themeColor: '#22c55e',
-			})
-		),
-	],
-	server: {
-		port: 5191,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, '@planta/shared'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES, '@planta/shared'],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/presi/apps/web-archived/Dockerfile b/apps/presi/apps/web-archived/Dockerfile
deleted file mode 100644
index 8bbdc4b99..000000000
--- a/apps/presi/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,32 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://presi-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/presi/packages/shared ./apps/presi/packages/shared
-COPY apps/presi/apps/web ./apps/presi/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/presi/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/presi/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/presi/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/presi/apps/web/build ./build
-COPY --from=builder /app/apps/presi/apps/web/package.json ./
-
-EXPOSE 5020
-ENV NODE_ENV=production PORT=5020 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5020/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/presi/apps/web-archived/eslint.config.js b/apps/presi/apps/web-archived/eslint.config.js
deleted file mode 100644
index f0e51b62e..000000000
--- a/apps/presi/apps/web-archived/eslint.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-check
-import {
-	baseConfig,
-	typescriptConfig,
-	svelteConfig,
-	prettierConfig,
-} from '@manacore/eslint-config';
-
-export default [
-	{
-		ignores: ['dist/**', '.svelte-kit/**', 'node_modules/**'],
-	},
-	...baseConfig,
-	...typescriptConfig,
-	...svelteConfig,
-	...prettierConfig,
-];
diff --git a/apps/presi/apps/web-archived/package.json b/apps/presi/apps/web-archived/package.json
deleted file mode 100644
index e8a44743e..000000000
--- a/apps/presi/apps/web-archived/package.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-	"name": "@presi/web",
-	"version": "0.2.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev --port 5178",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"type-check": "svelte-kit sync && svelte-check --threshold error",
-		"lint": "eslint .",
-		"format": "prettier --write ."
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.17",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@presi/shared": "workspace:*",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/presi/apps/web-archived/src/app.css b/apps/presi/apps/web-archived/src/app.css
deleted file mode 100644
index f311751a8..000000000
--- a/apps/presi/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,39 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-
-/* Presi-specific styles */
-.slide-container {
-  aspect-ratio: 16 / 9;
-  max-width: 100%;
-}
-
-.presentation-fullscreen {
-  position: fixed;
-  inset: 0;
-  z-index: 50;
-  background-color: hsl(var(--color-background));
-}
-
-/* Custom scrollbar */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: hsl(var(--color-surface));
-}
-
-::-webkit-scrollbar-thumb {
-  background: hsl(var(--color-border));
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: hsl(var(--color-muted-foreground));
-}
diff --git a/apps/presi/apps/web-archived/src/app.d.ts b/apps/presi/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/presi/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/presi/apps/web-archived/src/app.html b/apps/presi/apps/web-archived/src/app.html
deleted file mode 100644
index 84ffad166..000000000
--- a/apps/presi/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    %sveltekit.head%
-  </head>
-  <body data-sveltekit-preload-data="hover">
-    <div style="display: contents">%sveltekit.body%</div>
-  </body>
-</html>
diff --git a/apps/presi/apps/web-archived/src/hooks.client.ts b/apps/presi/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 33a5f6263..000000000
--- a/apps/presi/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'presi-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/presi/apps/web-archived/src/hooks.server.ts b/apps/presi/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 461480e2b..000000000
--- a/apps/presi/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/presi/apps/web-archived/src/lib/api/client.ts b/apps/presi/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index f17320313..000000000
--- a/apps/presi/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-/**
- * Presi API Client — Share endpoints only.
- *
- * All CRUD (decks, slides, themes) is handled via local-first + mana-sync.
- * This client only handles share links which require server-side state.
- */
-
-import { browser } from '$app/environment';
-
-const STORAGE_KEYS = {
-	APP_TOKEN: '@auth/appToken',
-};
-
-function getServerUrl(): string {
-	if (browser) {
-		const injected = (window as unknown as { __PUBLIC_PRESI_SERVER_URL__?: string })
-			.__PUBLIC_PRESI_SERVER_URL__;
-		if (injected) return injected;
-	}
-	return import.meta.env.PUBLIC_PRESI_SERVER_URL || 'http://localhost:3008';
-}
-
-function getToken(): string | null {
-	if (!browser) return null;
-	return localStorage.getItem(STORAGE_KEYS.APP_TOKEN);
-}
-
-async function fetchWithAuth(url: string, options: RequestInit = {}): Promise<Response> {
-	const token = getToken();
-	const headers: HeadersInit = {
-		'Content-Type': 'application/json',
-		...options.headers,
-	};
-	if (token) {
-		(headers as Record<string, string>)['Authorization'] = `Bearer ${token}`;
-	}
-	return fetch(url, { ...options, headers });
-}
-
-// Share API
-export interface ShareLink {
-	id: string;
-	deckId: string;
-	shareCode: string;
-	expiresAt: string | null;
-	createdAt: string;
-}
-
-export const shareApi = {
-	/** Public — view a shared deck by share code (no auth required). */
-	async getByCode(code: string): Promise<{ deck: any; slides: any[] }> {
-		const response = await fetch(`${getServerUrl()}/api/share/${code}`);
-		if (!response.ok) {
-			if (response.status === 404) {
-				throw new Error('Shared deck not found or link has expired');
-			}
-			throw new Error('Failed to fetch shared deck');
-		}
-		return response.json();
-	},
-
-	/** Create a share link for a deck. */
-	async createShare(deckId: string, expiresAt?: string): Promise<ShareLink> {
-		const response = await fetchWithAuth(`${getServerUrl()}/api/share/deck/${deckId}`, {
-			method: 'POST',
-			body: JSON.stringify({ expiresAt }),
-		});
-		if (!response.ok) throw new Error('Failed to create share link');
-		return response.json();
-	},
-
-	/** List share links for a deck. */
-	async getSharesForDeck(deckId: string): Promise<ShareLink[]> {
-		const response = await fetchWithAuth(`${getServerUrl()}/api/share/deck/${deckId}/links`);
-		if (!response.ok) throw new Error('Failed to get share links');
-		return response.json();
-	},
-
-	/** Delete a share link. */
-	async deleteShare(shareId: string): Promise<void> {
-		const response = await fetchWithAuth(`${getServerUrl()}/api/share/${shareId}`, {
-			method: 'DELETE',
-		});
-		if (!response.ok) throw new Error('Failed to delete share link');
-	},
-};
diff --git a/apps/presi/apps/web-archived/src/lib/api/feedback.ts b/apps/presi/apps/web-archived/src/lib/api/feedback.ts
deleted file mode 100644
index ed3a1a223..000000000
--- a/apps/presi/apps/web-archived/src/lib/api/feedback.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Feedback Service Instance for Presi Web App
- */
-
-import { createFeedbackService } from '@manacore/feedback';
-import { auth } from '$lib/stores/auth.svelte';
-import { PUBLIC_MANA_CORE_AUTH_URL } from '$env/static/public';
-
-const MANA_AUTH_URL = PUBLIC_MANA_CORE_AUTH_URL || 'http://localhost:3001';
-
-export const feedbackService = createFeedbackService({
-	apiUrl: MANA_AUTH_URL,
-	appId: 'presi',
-	getAuthToken: async () => auth.getAccessToken(),
-});
diff --git a/apps/presi/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/presi/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index fad645f94..000000000
--- a/apps/presi/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { AppSlider } from '@manacore/shared-ui';
-	import type { AppItem } from '@manacore/shared-ui';
-	import { getActiveManaApps, APP_STATUS_LABELS, APP_SLIDER_LABELS } from '@manacore/shared-branding';
-
-	// Convert active apps to AppItem format (English)
-	const apps: AppItem[] = getActiveManaApps().map((app) => ({
-		name: app.name,
-		description: app.description.en,
-		longDescription: app.longDescription.en,
-		icon: app.icon,
-		color: app.color,
-		comingSoon: app.comingSoon,
-		status: app.status,
-	}));
-
-	const statusLabels = APP_STATUS_LABELS.en;
-	const labels = APP_SLIDER_LABELS.en;
-
-	function handleAppClick(app: AppItem, index: number) {
-		console.log('Opening app:', app.name);
-	}
-</script>
-
-<AppSlider
-	{apps}
-	title={labels.title}
-	isDark={false}
-	{statusLabels}
-	comingSoonLabel={labels.comingSoon}
-	openAppLabel={labels.openApp}
-	onAppClick={handleAppClick}
-/>
diff --git a/apps/presi/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/presi/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/presi/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/presi/apps/web-archived/src/lib/content/help/index.test.ts b/apps/presi/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 745979ace..000000000
--- a/apps/presi/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getPresiHelpContent } from './index';
-
-describe('Presi Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getPresiHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getPresiHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getPresiHelpContent('de');
-		const en = getPresiHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getPresiHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/presi/apps/web-archived/src/lib/content/help/index.ts b/apps/presi/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 589402a0d..000000000
--- a/apps/presi/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-/**
- * Help content for Presi app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getPresiHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-create',
-				question: isDE ? 'Wie erstelle ich eine Präsentation?' : 'How do I create a presentation?',
-				answer: isDE
-					? '<p>Eine neue Präsentation erstellen ist einfach:</p><ol><li>Klicke auf <strong>Neue Präsentation</strong></li><li>Wähle ein Theme oder starte mit einer leeren Vorlage</li><li>Füge Folien hinzu mit dem <strong>+</strong> Button</li><li>Bearbeite Inhalte direkt im Slide-Editor</li></ol><p>Du kannst Text, Bilder, Code-Blöcke und mehr zu jeder Folie hinzufügen.</p>'
-					: '<p>Creating a new presentation is easy:</p><ol><li>Click <strong>New Presentation</strong></li><li>Choose a theme or start with a blank template</li><li>Add slides with the <strong>+</strong> button</li><li>Edit content directly in the slide editor</li></ol><p>You can add text, images, code blocks, and more to each slide.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: ['create', 'presentation', 'slides', 'new'],
-			},
-			{
-				id: 'faq-present',
-				question: isDE ? 'Wie halte ich eine Präsentation?' : 'How do I present?',
-				answer: isDE
-					? '<p>Starte den Präsentationsmodus:</p><ol><li>Klicke auf <strong>Präsentieren</strong> oder drücke <kbd>F</kbd> für Vollbild</li><li>Navigiere mit <kbd>→</kbd> oder <kbd>Leertaste</kbd> zur nächsten Folie</li><li>Gehe mit <kbd>←</kbd> oder <kbd>A</kbd> zur vorherigen Folie</li><li>Drücke <kbd>ESC</kbd> um den Präsentationsmodus zu verlassen</li></ol><p>Im Präsentationsmodus werden alle Steuerelemente ausgeblendet.</p>'
-					: '<p>Start the presentation mode:</p><ol><li>Click <strong>Present</strong> or press <kbd>F</kbd> for fullscreen</li><li>Navigate with <kbd>→</kbd> or <kbd>Space</kbd> to the next slide</li><li>Go back with <kbd>←</kbd> or <kbd>A</kbd> to the previous slide</li><li>Press <kbd>ESC</kbd> to exit presentation mode</li></ol><p>In presentation mode, all controls are hidden for a clean view.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: ['present', 'fullscreen', 'navigation', 'keyboard'],
-			},
-			{
-				id: 'faq-sharing',
-				question: isDE ? 'Wie funktioniert das Teilen?' : 'How does sharing work?',
-				answer: isDE
-					? '<p>Teile deine Präsentationen auf verschiedene Arten:</p><ul><li><strong>Link teilen</strong> — Erstelle einen öffentlichen oder privaten Link</li><li><strong>PDF Export</strong> — Exportiere als PDF zum Offline-Anschauen</li><li><strong>Einbetten</strong> — Bette die Präsentation in eine Webseite ein</li></ul><p>Du kannst festlegen, ob Betrachter die Folien herunterladen dürfen.</p>'
-					: '<p>Share your presentations in different ways:</p><ul><li><strong>Share link</strong> — Create a public or private link</li><li><strong>PDF Export</strong> — Export as PDF for offline viewing</li><li><strong>Embed</strong> — Embed the presentation in a website</li></ul><p>You can control whether viewers are allowed to download the slides.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: ['sharing', 'link', 'pdf', 'export', 'embed'],
-			},
-			{
-				id: 'faq-themes',
-				question: isDE ? 'Welche Themes gibt es?' : 'What themes are available?',
-				answer: isDE
-					? '<p>Presi bietet verschiedene Themes für unterschiedliche Anlässe:</p><ul><li><strong>Professional</strong> — Klar und geschäftlich</li><li><strong>Creative</strong> — Bunt und ausdrucksstark</li><li><strong>Minimal</strong> — Schlicht und elegant</li><li><strong>Dark</strong> — Dunkles Design für Präsentationen in dunklen Räumen</li></ul><p>Jedes Theme kann mit eigenen Farben und Schriftarten angepasst werden.</p>'
-					: '<p>Presi offers different themes for different occasions:</p><ul><li><strong>Professional</strong> — Clean and business-oriented</li><li><strong>Creative</strong> — Colorful and expressive</li><li><strong>Minimal</strong> — Simple and elegant</li><li><strong>Dark</strong> — Dark design for presentations in dim rooms</li></ul><p>Each theme can be customized with your own colors and fonts.</p>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: ['themes', 'design', 'customization', 'styles'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Präsentationen', dataTypeEN: 'presentations' }),
-		],
-		features: [
-			{
-				id: 'feature-editor',
-				title: isDE ? 'Folien-Editor' : 'Slide Editor',
-				description: isDE
-					? 'Ein leistungsstarker Editor zum Erstellen schöner Folien mit Text, Bildern und Code.'
-					: 'A powerful editor for creating beautiful slides with text, images, and code.',
-				icon: '✏️',
-				category: 'core',
-				highlights: isDE
-					? ['Rich-Text-Bearbeitung', 'Bilder & Medien', 'Code-Blöcke']
-					: ['Rich text editing', 'Images & media', 'Code blocks'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-present',
-				title: isDE ? 'Präsentationsmodus' : 'Presentation Mode',
-				description: isDE
-					? 'Halte Präsentationen im Vollbildmodus mit Tastatursteuerung.'
-					: 'Deliver presentations in fullscreen mode with keyboard navigation.',
-				icon: '🎬',
-				category: 'core',
-				highlights: isDE
-					? ['Vollbild', 'Tastatursteuerung', 'Saubere Ansicht']
-					: ['Fullscreen', 'Keyboard controls', 'Clean view'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-sharing',
-				title: isDE ? 'Teilen' : 'Sharing',
-				description: isDE
-					? 'Teile Präsentationen per Link, exportiere als PDF oder bette sie in Webseiten ein.'
-					: 'Share presentations via link, export as PDF, or embed them in websites.',
-				icon: '🔗',
-				category: 'core',
-				highlights: isDE
-					? ['Öffentliche Links', 'PDF-Export', 'Einbettung']
-					: ['Public links', 'PDF export', 'Embedding'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-themes',
-				title: isDE ? 'Themes' : 'Themes',
-				description: isDE
-					? 'Wähle aus verschiedenen professionellen Themes und passe sie an dein Branding an.'
-					: 'Choose from various professional themes and customize them to match your branding.',
-				icon: '🎨',
-				category: 'advanced',
-				highlights: isDE
-					? ['Mehrere Themes', 'Anpassbare Farben', 'Eigene Schriftarten']
-					: ['Multiple themes', 'Customizable colors', 'Custom fonts'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [
-			{
-				id: 'shortcuts-navigation',
-				title: isDE ? 'Navigation' : 'Navigation',
-				category: 'navigation',
-				shortcuts: [
-					{
-						keys: ['←', 'A'],
-						label: isDE ? 'Vorherige Folie' : 'Previous slide',
-					},
-					{
-						keys: ['→', 'D', 'Space'],
-						label: isDE ? 'Nächste Folie' : 'Next slide',
-					},
-					{
-						keys: ['F'],
-						label: isDE ? 'Vollbild' : 'Fullscreen',
-					},
-					{
-						keys: ['ESC'],
-						label: isDE ? 'Präsentation beenden' : 'Exit presentation',
-					},
-				],
-			},
-		],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Presi.</p>'
-				: '<p>Our support team is here to help you with any questions about Presi.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/presi/apps/web-archived/src/lib/data/guest-seed.ts b/apps/presi/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 6c03e363a..000000000
--- a/apps/presi/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Guest seed data for the Presi app.
- *
- * These records are loaded into IndexedDB when a new guest visits the app.
- * They serve as onboarding content that teaches the user how the app works.
- */
-
-import type { LocalDeck, LocalSlide } from './local-store';
-
-const ONBOARDING_DECK_ID = 'onboarding-deck';
-
-export const guestDecks: LocalDeck[] = [
-	{
-		id: ONBOARDING_DECK_ID,
-		title: 'Willkommen bei Presi',
-		description: 'Eine kurze Einführung in die Präsentations-App.',
-		isPublic: false,
-	},
-];
-
-export const guestSlides: LocalSlide[] = [
-	{
-		id: 'slide-1',
-		deckId: ONBOARDING_DECK_ID,
-		order: 1,
-		content: {
-			type: 'title',
-			title: 'Willkommen bei Presi!',
-			subtitle: 'Erstelle Präsentationen direkt im Browser.',
-		},
-	},
-	{
-		id: 'slide-2',
-		deckId: ONBOARDING_DECK_ID,
-		order: 2,
-		content: {
-			type: 'content',
-			title: 'So funktioniert es',
-			bulletPoints: [
-				'Erstelle Decks mit dem + Button',
-				'Füge Slides mit Text, Bildern und Aufzählungen hinzu',
-				'Starte die Präsentation mit dem Play-Button',
-				'Melde dich an, um zu synchronisieren',
-			],
-		},
-	},
-	{
-		id: 'slide-3',
-		deckId: ONBOARDING_DECK_ID,
-		order: 3,
-		content: {
-			type: 'content',
-			title: 'Tastaturkürzel',
-			bulletPoints: [
-				'Pfeiltasten / A+D — Slides navigieren',
-				'F — Vollbild',
-				'ESC — Präsentation beenden',
-				'T — Themes öffnen',
-			],
-		},
-	},
-];
diff --git a/apps/presi/apps/web-archived/src/lib/data/local-store.ts b/apps/presi/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index afeb64514..000000000
--- a/apps/presi/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * Presi — Local-First Data Layer
- *
- * Defines the IndexedDB database, collections, and guest seed data.
- * This is the single source of truth for all Presi data.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestDecks, guestSlides } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalDeck extends BaseRecord {
-	title: string;
-	description?: string | null;
-	themeId?: string | null;
-	isPublic: boolean;
-}
-
-export interface LocalSlide extends BaseRecord {
-	deckId: string;
-	order: number;
-	content: {
-		type: 'title' | 'content' | 'image' | 'split';
-		title?: string;
-		subtitle?: string;
-		body?: string;
-		imageUrl?: string;
-		bulletPoints?: string[];
-	};
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const presiStore = createLocalStore({
-	appId: 'presi',
-	collections: [
-		{
-			name: 'decks',
-			indexes: ['isPublic'],
-			guestSeed: guestDecks,
-		},
-		{
-			name: 'slides',
-			indexes: ['deckId', 'order', '[deckId+order]'],
-			guestSeed: guestSlides,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const deckCollection = presiStore.collection<LocalDeck>('decks');
-export const slideCollection = presiStore.collection<LocalSlide>('slides');
diff --git a/apps/presi/apps/web-archived/src/lib/data/queries.ts b/apps/presi/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 81ca1f47d..000000000
--- a/apps/presi/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Presi
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQuery, useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import type { Deck, Slide } from '@presi/shared';
-import { deckCollection, slideCollection, type LocalDeck, type LocalSlide } from './local-store';
-
-// ─── Type Converters ──────────────────────────────────────
-
-/** Convert LocalDeck (IndexedDB) to shared Deck type. */
-export function toDeck(local: LocalDeck): Deck {
-	return {
-		id: local.id,
-		userId: 'local',
-		title: local.title,
-		description: local.description ?? undefined,
-		themeId: local.themeId ?? undefined,
-		isPublic: local.isPublic,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert LocalSlide (IndexedDB) to shared Slide type. */
-export function toSlide(local: LocalSlide): Slide {
-	return {
-		id: local.id,
-		deckId: local.deckId,
-		order: local.order,
-		content: local.content,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ────────
-
-/** All decks, sorted by updatedAt descending. Auto-updates on any change. */
-export function useAllDecks() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await deckCollection.getAll();
-		return locals
-			.map(toDeck)
-			.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
-	}, [] as Deck[]);
-}
-
-/** Slides for a specific deck, sorted by order. Auto-updates on any change. */
-export function useDeckSlides(deckId: string) {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await slideCollection.getAll({ deckId });
-		return locals.map(toSlide).sort((a, b) => a.order - b.order);
-	}, [] as Slide[]);
-}
-
-/** Single deck by ID. Has loading state. Auto-updates on any change. */
-export function useDeck(id: string) {
-	return useLiveQuery(async () => {
-		const local = await deckCollection.get(id);
-		return local ? toDeck(local) : null;
-	});
-}
-
-// ─── Pure Helper Functions (for $derived) ─────────────────
-
-/** Find a deck by ID from a list. */
-export function findDeckById(decks: Deck[], id: string): Deck | undefined {
-	return decks.find((d) => d.id === id);
-}
diff --git a/apps/presi/apps/web-archived/src/lib/i18n/index.ts b/apps/presi/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index acf6fc325..000000000
--- a/apps/presi/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'it', 'fr', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('it', () => import('./locales/it.json'));
-register('fr', () => import('./locales/fr.json'));
-register('es', () => import('./locales/es.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('presi_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('presi_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/presi/apps/web-archived/src/lib/i18n/locales/de.json b/apps/presi/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 30b2317f2..000000000
--- a/apps/presi/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "Weitere Manacore Apps",
-		"memoro_desc": "KI-gestützte Sprachmemos",
-		"maerchenzauber_desc": "Magische Gute-Nacht-Geschichten",
-		"cards_desc": "KI Lernkarten",
-		"picture_desc": "KI Bildgenerierung",
-		"moodlit_desc": "Dein Stimmungsbegleiter",
-		"manacore_desc": "KI-Produktivitätssuite",
-		"coming_soon": "Demnächst",
-		"download": "Download"
-	}
-}
diff --git a/apps/presi/apps/web-archived/src/lib/i18n/locales/en.json b/apps/presi/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 1cf6356fd..000000000
--- a/apps/presi/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "More Manacore Apps",
-		"memoro_desc": "AI-powered voice memos",
-		"maerchenzauber_desc": "Magical bedtime stories",
-		"cards_desc": "AI flashcards",
-		"picture_desc": "AI image generation",
-		"moodlit_desc": "Your mood companion",
-		"manacore_desc": "AI productivity suite",
-		"coming_soon": "Coming soon",
-		"download": "Download"
-	}
-}
diff --git a/apps/presi/apps/web-archived/src/lib/i18n/locales/es.json b/apps/presi/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index 5f56d6cd0..000000000
--- a/apps/presi/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "Más Apps de Manacore",
-		"memoro_desc": "Notas de voz con IA",
-		"maerchenzauber_desc": "Cuentos mágicos para dormir",
-		"cards_desc": "Flashcards con IA",
-		"picture_desc": "Generación de imágenes con IA",
-		"moodlit_desc": "Tu compañero de ánimo",
-		"manacore_desc": "Suite de productividad IA",
-		"coming_soon": "Próximamente",
-		"download": "Descargar"
-	}
-}
diff --git a/apps/presi/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/presi/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index 2e2308534..000000000
--- a/apps/presi/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "Autres Apps Manacore",
-		"memoro_desc": "Mémos vocaux avec IA",
-		"maerchenzauber_desc": "Histoires magiques du soir",
-		"cards_desc": "Flashcards avec IA",
-		"picture_desc": "Génération d'images avec IA",
-		"moodlit_desc": "Ton compagnon d'humeur",
-		"manacore_desc": "Suite de productivité IA",
-		"coming_soon": "Bientôt disponible",
-		"download": "Télécharger"
-	}
-}
diff --git a/apps/presi/apps/web-archived/src/lib/i18n/locales/it.json b/apps/presi/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index c7558130b..000000000
--- a/apps/presi/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-	"app_slider": {
-		"title": "Altre App Manacore",
-		"memoro_desc": "Memo vocali con IA",
-		"maerchenzauber_desc": "Storie magiche della buonanotte",
-		"cards_desc": "Flashcard con IA",
-		"picture_desc": "Generazione immagini con IA",
-		"moodlit_desc": "Il tuo compagno d'umore",
-		"manacore_desc": "Suite di produttività IA",
-		"coming_soon": "Prossimamente",
-		"download": "Scarica"
-	}
-}
diff --git a/apps/presi/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/presi/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 3cf7ceb3c..000000000
--- a/apps/presi/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-/**
- * Presi-specific onboarding steps
- */
-const presiOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Presi!',
-		description: 'Das kann Presi für dich tun:',
-		emoji: '🎬',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		bullets: [
-			'Präsentationen erstellen & bearbeiten',
-			'Slide-Editor mit verschiedenen Folientypen',
-			'Presenter-Modus für Vorträge',
-			'Teilen über öffentliche Links',
-		],
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Willkommen bei Presi!',
-		description: 'Hier sind einige Tipps für den Start:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Erstelle Präsentationen mit verschiedenen Folientypen',
-			'Nutze den Vollbild-Modus für Vorträge',
-			'Teile Präsentationen über öffentliche Links',
-			'Wende Themes an, um das Design anzupassen',
-		],
-	},
-];
-
-/**
- * Presi app onboarding store
- */
-export const presiOnboarding = createAppOnboardingStore({
-	appId: 'presi',
-	steps: presiOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/presi/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/presi/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index af20cf225..000000000
--- a/apps/presi/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3008,
-});
-
-export const auth = authStore;
diff --git a/apps/presi/apps/web-archived/src/lib/stores/decks.svelte.ts b/apps/presi/apps/web-archived/src/lib/stores/decks.svelte.ts
deleted file mode 100644
index ba5efbb6a..000000000
--- a/apps/presi/apps/web-archived/src/lib/stores/decks.svelte.ts
+++ /dev/null
@@ -1,165 +0,0 @@
-/**
- * Decks Store — Mutation-Only
- *
- * Reads are handled by useLiveQuery hooks in queries.ts.
- * This store only handles writes (create, update, delete).
- */
-
-import type {
-	CreateDeckDto,
-	UpdateDeckDto,
-	CreateSlideDto,
-	UpdateSlideDto,
-	Deck,
-	Slide,
-} from '@presi/shared';
-import {
-	deckCollection,
-	slideCollection,
-	type LocalDeck,
-	type LocalSlide,
-} from '$lib/data/local-store';
-import { toDeck, toSlide } from '$lib/data/queries';
-
-let isLoading = $state(false);
-let error = $state<string | null>(null);
-
-function createDecksStore() {
-	async function createDeck(dto: CreateDeckDto): Promise<Deck | null> {
-		isLoading = true;
-		error = null;
-		try {
-			const newLocal: LocalDeck = {
-				id: crypto.randomUUID(),
-				title: dto.title,
-				description: dto.description || null,
-				themeId: dto.themeId || null,
-				isPublic: false,
-			};
-			const inserted = await deckCollection.insert(newLocal);
-			return toDeck(inserted);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to create deck';
-			console.error('Failed to create deck:', e);
-			return null;
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function updateDeck(id: string, dto: UpdateDeckDto): Promise<boolean> {
-		error = null;
-		try {
-			const localUpdates: Partial<LocalDeck> = {};
-			if (dto.title !== undefined) localUpdates.title = dto.title;
-			if (dto.description !== undefined) localUpdates.description = dto.description;
-			if (dto.themeId !== undefined) localUpdates.themeId = dto.themeId;
-			if (dto.isPublic !== undefined) localUpdates.isPublic = dto.isPublic;
-
-			await deckCollection.update(id, localUpdates);
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update deck';
-			console.error('Failed to update deck:', e);
-			return false;
-		}
-	}
-
-	async function deleteDeck(id: string): Promise<boolean> {
-		error = null;
-		try {
-			// Delete all slides belonging to this deck
-			const slides = await slideCollection.getAll({ deckId: id });
-			for (const slide of slides) {
-				await slideCollection.delete(slide.id);
-			}
-
-			await deckCollection.delete(id);
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete deck';
-			console.error('Failed to delete deck:', e);
-			return false;
-		}
-	}
-
-	async function createSlide(deckId: string, dto: CreateSlideDto): Promise<Slide | null> {
-		error = null;
-		try {
-			const existingSlides = await slideCollection.getAll({ deckId });
-			const order = dto.order ?? existingSlides.length + 1;
-			const newLocal: LocalSlide = {
-				id: crypto.randomUUID(),
-				deckId,
-				order,
-				content: dto.content,
-			};
-			const inserted = await slideCollection.insert(newLocal);
-			return toSlide(inserted);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to create slide';
-			console.error('Failed to create slide:', e);
-			return null;
-		}
-	}
-
-	async function updateSlide(id: string, dto: UpdateSlideDto): Promise<boolean> {
-		error = null;
-		try {
-			const localUpdates: Partial<LocalSlide> = {};
-			if (dto.content !== undefined) localUpdates.content = dto.content;
-			if (dto.order !== undefined) localUpdates.order = dto.order;
-
-			await slideCollection.update(id, localUpdates);
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update slide';
-			console.error('Failed to update slide:', e);
-			return false;
-		}
-	}
-
-	async function deleteSlide(id: string): Promise<boolean> {
-		error = null;
-		try {
-			await slideCollection.delete(id);
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete slide';
-			console.error('Failed to delete slide:', e);
-			return false;
-		}
-	}
-
-	async function reorderSlides(slides: { id: string; order: number }[]): Promise<boolean> {
-		error = null;
-		try {
-			for (const { id, order } of slides) {
-				await slideCollection.update(id, { order });
-			}
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to reorder slides';
-			console.error('Failed to reorder slides:', e);
-			return false;
-		}
-	}
-
-	return {
-		get isLoading() {
-			return isLoading;
-		},
-		get error() {
-			return error;
-		},
-		createDeck,
-		updateDeck,
-		deleteDeck,
-		createSlide,
-		updateSlide,
-		deleteSlide,
-		reorderSlides,
-	};
-}
-
-export const decksStore = createDecksStore();
diff --git a/apps/presi/apps/web-archived/src/lib/stores/navigation.ts b/apps/presi/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index e922e7ce5..000000000
--- a/apps/presi/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed } = createSimpleNavigationStores();
diff --git a/apps/presi/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/presi/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 074782375..000000000
--- a/apps/presi/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- * Tags are stored in shared IndexedDB ('manacore-tags'), accessible across all apps.
- * Use context ('tags') for reads, tagMutations for writes.
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/presi/apps/web-archived/src/lib/stores/theme.ts b/apps/presi/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 2dbc02e60..000000000
--- a/apps/presi/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore({
-	appId: 'presi',
-	defaultVariant: 'stone',
-	primaryColor: {
-		light: '220 9% 46%',
-		dark: '220 9% 56%',
-	},
-});
diff --git a/apps/presi/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/presi/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 718dbd0a5..000000000
--- a/apps/presi/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * User Settings Store for Presi
- *
- * This store syncs settings with mana-core-auth and provides:
- * - Global settings that apply to all apps
- * - Per-app overrides for customization
- * - localStorage caching for offline support
- */
-
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { auth } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'presi',
-	authUrl: getAuthUrl,
-	getAccessToken: () => auth.getAccessToken(),
-});
diff --git a/apps/presi/apps/web-archived/src/lib/version.ts b/apps/presi/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index d63b4cfef..000000000
--- a/apps/presi/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.2.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/presi/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index f620851e0..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,365 +0,0 @@
-<script lang="ts">
-	import { setContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { PillNavigation, QuickInputBar, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { auth } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { THEME_DEFINITIONS } from '@manacore/shared-theme';
-	import { isNavCollapsed as collapsedStore } from '$lib/stores/navigation';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { decksStore } from '$lib/stores/decks.svelte';
-	import { useAllDecks } from '$lib/data/queries';
-	import { presiOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { presiStore } from '$lib/data/local-store';
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('presi', undefined, undefined, auth.user?.tier));
-
-	// Shared tag store (local-first)
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	// Live query: all decks (reactive, auto-updates on IndexedDB changes)
-	const allDecks = useAllDecks();
-
-	let { children } = $props();
-
-	let isCollapsed = $state(false);
-
-	// Guest welcome modal state
-	let showGuestWelcome = $state(false);
-
-	// User email for user dropdown — empty string for guests so PillNav shows login button
-	let userEmail = $derived(auth.isAuthenticated ? auth.user?.email || 'Menü' : '');
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...theme.variants.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	// Navigation items for Presi
-	const navItems: PillNavItem[] = [
-		{ href: '/', label: 'Decks', icon: 'document' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	];
-
-	// Routes where nav should be hidden (present mode, shared view)
-	const hideNavRoutes = ['/present/', '/shared/'];
-
-	function shouldHideNav(pathname: string): boolean {
-		return hideNavRoutes.some((route) => pathname.startsWith(route));
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		collapsedStore.set(collapsed);
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('presi-nav-collapsed', String(collapsed));
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	function handleLogout() {
-		auth.logout();
-		goto('/login');
-	}
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		// Single key shortcuts (no modifiers)
-		if (!event.ctrlKey && !event.metaKey && !event.shiftKey && !event.altKey) {
-			if (event.key.toLowerCase() === 't') {
-				event.preventDefault();
-				goto('/themes');
-			}
-		}
-	}
-
-	// QuickInputBar handlers
-	async function handleInputSearch(query: string): Promise<QuickInputItem[]> {
-		const q = query.toLowerCase();
-		return (allDecks.value ?? [])
-			.filter((d) => d.title.toLowerCase().includes(q) || d.description?.toLowerCase().includes(q))
-			.slice(0, 10)
-			.map((deck) => ({
-				id: deck.id,
-				title: deck.title,
-				subtitle: deck.description || undefined,
-			}));
-	}
-
-	function handleInputSelect(item: QuickInputItem) {
-		goto(`/deck/${item.id}`);
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-deck',
-			label: 'Neue Präsentation',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/new'),
-		},
-		{
-			id: 'all-decks',
-			label: 'Alle Präsentationen',
-			category: 'Navigation',
-			onExecute: () => goto('/'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		// Initialize local-first databases (opens IndexedDB, seeds guest data)
-		await Promise.all([presiStore.initialize(), tagLocalStore.initialize()]);
-
-		// If authenticated, start syncing to server
-		if (auth.isAuthenticated) {
-			const getToken = () => auth.getValidToken();
-			presiStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-
-		// Show guest welcome modal on first visit
-		if (!auth.isAuthenticated && shouldShowGuestWelcome('presi')) {
-			showGuestWelcome = true;
-		}
-
-		if (auth.isAuthenticated) {
-			// Load user settings (requires auth)
-			await userSettings.load();
-		}
-
-		// Redirect to start page if on root and a custom start page is set
-		const currentPath = window.location.pathname;
-		if (currentPath === '/' && userSettings.startPage && userSettings.startPage !== '/') {
-			goto(userSettings.startPage, { replaceState: true });
-		}
-
-		// Initialize collapsed state from localStorage
-		const savedCollapsed = localStorage.getItem('presi-nav-collapsed');
-		if (savedCollapsed === 'true') {
-			isCollapsed = true;
-			collapsedStore.set(true);
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if shouldHideNav($page.url.pathname)}
-	<!-- Present mode and shared view - no nav -->
-	<main class="min-h-screen bg-background">
-		{@render children()}
-	</main>
-{:else}
-	<AuthGate
-		authStore={auth}
-		{goto}
-		allowGuest={true}
-		onReady={handleAuthReady}
-		requiredTier={getManaApp('presi')?.requiredTier}
-		appName={getManaApp('presi')?.name}
-	>
-		<!-- Navigation Layout -->
-		<div class="layout-container">
-			<!-- Floating Pill Navigation -->
-			<PillNavigation
-				items={navItems}
-				currentPath={$page.url.pathname}
-				appName="Presi"
-				homeRoute="/"
-				onToggleTheme={handleToggleTheme}
-				isDark={theme.isDark}
-				{isCollapsed}
-				onCollapsedChange={handleCollapsedChange}
-				showThemeToggle={true}
-				showThemeVariants={true}
-				{themeVariantItems}
-				{currentThemeVariantLabel}
-				themeMode={theme.mode}
-				onThemeModeChange={handleThemeModeChange}
-				showLanguageSwitcher={true}
-				{languageItems}
-				{currentLanguageLabel}
-				showLogout={auth.isAuthenticated}
-				onLogout={handleLogout}
-				loginHref="/login"
-				primaryColor="#64748b"
-				showAppSwitcher={true}
-				{appItems}
-				{userEmail}
-				settingsHref="/settings"
-				manaHref="/mana"
-				profileHref="/profile"
-				themesHref="/themes"
-				helpHref="/help"
-				allAppsHref="/apps"
-				{spotlightActions}
-			/>
-
-			<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-			{#if isTagStripVisible}
-				<TagStrip
-					tags={allTags.value.map((t) => ({
-						id: t.id,
-						name: t.name,
-						color: t.color || '#3b82f6',
-					}))}
-					selectedIds={[]}
-					onToggle={() => {}}
-					onClear={() => {}}
-					managementHref="/tags"
-				/>
-			{/if}
-
-			<!-- Quick Input Bar -->
-			<QuickInputBar
-				onSearch={handleInputSearch}
-				onSelect={handleInputSelect}
-				placeholder="Präsentation suchen..."
-				emptyText="Keine Decks gefunden"
-				searchingText="Suche..."
-				locale={$locale || 'de'}
-				appIcon="search"
-				bottomOffset="70px"
-			/>
-
-			<!-- Main Content -->
-			<main class="main-content">
-				<div class="content-wrapper">
-					{@render children()}
-				</div>
-			</main>
-		</div>
-
-		<!-- Onboarding Modal -->
-		{#if presiOnboarding.shouldShow}
-			<MiniOnboardingModal store={presiOnboarding} appName="Presi" appEmoji="📊" />
-		{/if}
-
-		<!-- Guest Welcome Modal -->
-		<GuestWelcomeModal
-			appId="presi"
-			visible={showGuestWelcome}
-			onClose={() => (showGuestWelcome = false)}
-			onLogin={() => goto('/login')}
-			onRegister={() => goto('/register')}
-			locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-		/>
-
-		{#if auth.isAuthenticated}
-			<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-		{/if}
-		<SyncIndicator />
-	</AuthGate>
-{/if}
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		flex: 1;
-		padding-bottom: 100px;
-	}
-
-	.content-wrapper {
-		max-width: 80rem;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 2rem 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding-left: 1.5rem;
-			padding-right: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding-left: 2rem;
-			padding-right: 2rem;
-		}
-	}
-</style>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 1fe74249d..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,292 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { decksStore } from '$lib/stores/decks.svelte';
-	import { useAllDecks } from '$lib/data/queries';
-	import { PresiEvents } from '@manacore/shared-utils/analytics';
-	import { PageHeader, ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import {
-		Plus,
-		Presentation,
-		Trash,
-		DotsThreeVertical,
-		Clock,
-		Stack,
-		ArrowSquareOut,
-	} from '@manacore/shared-icons';
-
-	let showCreateModal = $state(false);
-	let showDeleteModal = $state(false);
-	let deckToDelete = $state<{ id: string; title: string } | null>(null);
-	let newDeckTitle = $state('');
-	let newDeckDescription = $state('');
-	let isCreating = $state(false);
-
-	const allDecks = useAllDecks();
-	let decks = $derived(allDecks.value ?? []);
-
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuDeck = $state<(typeof decks)[0] | null>(null);
-
-	function handleContextMenu(e: MouseEvent, deck: (typeof decks)[0]) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuDeck = deck;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		if (!contextMenuDeck) return [];
-		const deck = contextMenuDeck;
-		return [
-			{
-				id: 'open',
-				label: 'Open',
-				icon: ArrowSquareOut,
-				action: () => goto(`/deck/${deck.id}`),
-			},
-			{
-				id: 'divider',
-				label: '',
-				type: 'divider',
-			},
-			{
-				id: 'delete',
-				label: 'Delete',
-				icon: Trash,
-				variant: 'danger',
-				action: () => confirmDelete({ id: deck.id, title: deck.title }),
-			},
-		];
-	}
-
-	async function handleCreateDeck(e: SubmitEvent) {
-		e.preventDefault();
-		if (!newDeckTitle.trim()) return;
-
-		isCreating = true;
-		const deck = await decksStore.createDeck({
-			title: newDeckTitle.trim(),
-			description: newDeckDescription.trim() || undefined,
-		});
-
-		if (deck) {
-			PresiEvents.deckCreated();
-			showCreateModal = false;
-			newDeckTitle = '';
-			newDeckDescription = '';
-			goto(`/deck/${deck.id}`);
-		}
-		isCreating = false;
-	}
-
-	function confirmDelete(deck: { id: string; title: string }) {
-		deckToDelete = deck;
-		showDeleteModal = true;
-	}
-
-	async function handleDelete() {
-		if (!deckToDelete) return;
-		await decksStore.deleteDeck(deckToDelete.id);
-		PresiEvents.deckDeleted();
-		showDeleteModal = false;
-		deckToDelete = null;
-	}
-
-	function formatDate(dateString: string) {
-		return new Date(dateString).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: 'short',
-			year: 'numeric',
-		});
-	}
-</script>
-
-<svelte:head>
-	<title>My Decks - Presi</title>
-</svelte:head>
-
-<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-	<PageHeader title="My Presentations" description="Create and manage your slide decks" size="lg">
-		{#snippet actions()}
-			<button
-				onclick={() => (showCreateModal = true)}
-				class="flex items-center gap-2 px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors"
-			>
-				<Plus class="w-5 h-5" />
-				New Deck
-			</button>
-		{/snippet}
-	</PageHeader>
-
-	{#if decks.length === 0}
-		<div class="text-center py-16">
-			<div
-				class="mx-auto w-16 h-16 bg-slate-100 dark:bg-slate-800 rounded-full flex items-center justify-center mb-4"
-			>
-				<Presentation class="w-8 h-8 text-slate-400" />
-			</div>
-			<h2 class="text-lg font-medium text-slate-900 dark:text-white mb-2">No presentations yet</h2>
-			<p class="text-slate-600 dark:text-slate-400 mb-4">Create your first deck to get started</p>
-			<button
-				onclick={() => (showCreateModal = true)}
-				class="inline-flex items-center gap-2 px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors"
-			>
-				<Plus class="w-5 h-5" />
-				Create Deck
-			</button>
-		</div>
-	{:else}
-		<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-			{#each decks as deck (deck.id)}
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<div
-					class="group bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 overflow-hidden hover:shadow-md transition-shadow"
-					oncontextmenu={(e) => handleContextMenu(e, deck)}
-				>
-					<a href="/deck/{deck.id}" class="block">
-						<div
-							class="aspect-video bg-gradient-to-br from-primary-500 to-primary-700 flex items-center justify-center"
-						>
-							<Presentation class="w-12 h-12 text-white/80" />
-						</div>
-						<div class="p-4">
-							<h3 class="font-semibold text-slate-900 dark:text-white truncate">{deck.title}</h3>
-							{#if deck.description}
-								<p class="text-sm text-slate-600 dark:text-slate-400 mt-1 line-clamp-2">
-									{deck.description}
-								</p>
-							{/if}
-							<div class="flex items-center gap-4 mt-3 text-xs text-slate-500 dark:text-slate-400">
-								<span class="flex items-center gap-1">
-									<Clock class="w-3.5 h-3.5" />
-									{formatDate(deck.updatedAt)}
-								</span>
-							</div>
-						</div>
-					</a>
-					<div class="px-4 pb-4 flex justify-end">
-						<button
-							onclick={(e) => {
-								e.preventDefault();
-								confirmDelete({ id: deck.id, title: deck.title });
-							}}
-							class="p-2 text-slate-400 hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/30 rounded-lg transition-colors opacity-0 group-hover:opacity-100"
-							aria-label="Delete deck"
-						>
-							<Trash class="w-4 h-4" />
-						</button>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => {
-		contextMenuVisible = false;
-		contextMenuDeck = null;
-	}}
-/>
-
-<!-- Create Deck Modal -->
-{#if showCreateModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50">
-		<div class="bg-white dark:bg-slate-800 rounded-xl shadow-xl w-full max-w-md">
-			<form onsubmit={handleCreateDeck}>
-				<div class="p-6">
-					<h2 class="text-xl font-semibold text-slate-900 dark:text-white mb-4">Create New Deck</h2>
-
-					<div class="space-y-4">
-						<div>
-							<label
-								for="title"
-								class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1"
-							>
-								Title
-							</label>
-							<input
-								type="text"
-								id="title"
-								bind:value={newDeckTitle}
-								required
-								class="w-full px-4 py-2 border border-slate-300 dark:border-slate-600 rounded-lg bg-white dark:bg-slate-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-transparent"
-								placeholder="My Presentation"
-							/>
-						</div>
-
-						<div>
-							<label
-								for="description"
-								class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1"
-							>
-								Description (optional)
-							</label>
-							<textarea
-								id="description"
-								bind:value={newDeckDescription}
-								rows="3"
-								class="w-full px-4 py-2 border border-slate-300 dark:border-slate-600 rounded-lg bg-white dark:bg-slate-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-transparent resize-none"
-								placeholder="What is this presentation about?"
-							></textarea>
-						</div>
-					</div>
-				</div>
-
-				<div class="px-6 py-4 bg-slate-50 dark:bg-slate-900/50 flex justify-end gap-3 rounded-b-xl">
-					<button
-						type="button"
-						onclick={() => (showCreateModal = false)}
-						class="px-4 py-2 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-700 rounded-lg transition-colors"
-					>
-						Cancel
-					</button>
-					<button
-						type="submit"
-						disabled={isCreating || !newDeckTitle.trim()}
-						class="px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors disabled:opacity-50"
-					>
-						{isCreating ? 'Creating...' : 'Create'}
-					</button>
-				</div>
-			</form>
-		</div>
-	</div>
-{/if}
-
-<!-- Delete Confirmation Modal -->
-{#if showDeleteModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50">
-		<div class="bg-white dark:bg-slate-800 rounded-xl shadow-xl w-full max-w-md p-6">
-			<h2 class="text-xl font-semibold text-slate-900 dark:text-white mb-2">Delete Deck</h2>
-			<p class="text-slate-600 dark:text-slate-400 mb-6">
-				Are you sure you want to delete "{deckToDelete?.title}"? This action cannot be undone.
-			</p>
-			<div class="flex justify-end gap-3">
-				<button
-					onclick={() => {
-						showDeleteModal = false;
-						deckToDelete = null;
-					}}
-					class="px-4 py-2 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-700 rounded-lg transition-colors"
-				>
-					Cancel
-				</button>
-				<button
-					onclick={handleDelete}
-					class="px-4 py-2 bg-red-600 hover:bg-red-700 text-white font-medium rounded-lg transition-colors"
-				>
-					Delete
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/apps/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/apps/+page.svelte
deleted file mode 100644
index 50e7d865c..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/apps/+page.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import { AppsPage } from '@manacore/shared-ui';
-</script>
-
-<div class="apps-page-wrapper">
-	<AppsPage currentAppId="presi" locale="de" title="Alle Apps" />
-</div>
-
-<style>
-	.apps-page-wrapper {
-		background-color: hsl(var(--background));
-		min-height: 100%;
-	}
-</style>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/deck/[id]/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/deck/[id]/+page.svelte
deleted file mode 100644
index 81e49ef19..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/deck/[id]/+page.svelte
+++ /dev/null
@@ -1,680 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
-	import { decksStore } from '$lib/stores/decks.svelte';
-	import { useDeck, useDeckSlides } from '$lib/data/queries';
-	import { auth } from '$lib/stores/auth.svelte';
-	import { PresiEvents } from '@manacore/shared-utils/analytics';
-	import { shareApi } from '$lib/api/client';
-	import type { ShareLink } from '$lib/api/client';
-	import type { Slide, SlideContent } from '@presi/shared';
-	import {
-		ArrowLeft,
-		Play,
-		Plus,
-		Trash,
-		DotsSixVertical,
-		CaretUp,
-		CaretDown,
-		Image,
-		TextT,
-		List,
-		PencilSimple,
-		X,
-		FloppyDisk,
-		ShareNetwork,
-		Link,
-		Copy,
-		Check,
-		ArrowSquareOut,
-	} from '@manacore/shared-icons';
-
-	let showSlideModal = $state(false);
-	let editingSlide = $state<Slide | null>(null);
-	let showDeleteModal = $state(false);
-	let slideToDelete = $state<Slide | null>(null);
-
-	// Share modal state
-	let showShareModal = $state(false);
-	let shareLinks = $state<ShareLink[]>([]);
-	let isLoadingShares = $state(false);
-	let isCreatingShare = $state(false);
-	let copiedLinkId = $state<string | null>(null);
-
-	// Slide form state
-	let slideTitle = $state('');
-	let slideBody = $state('');
-	let slideBulletPoints = $state<string[]>(['']);
-	let slideImageUrl = $state('');
-	let slideNotes = $state('');
-	let isSaving = $state(false);
-
-	const deckId = $page.params.id as string;
-
-	// Reactive live queries — auto-update on IndexedDB changes
-	const deckQuery = useDeck(deckId);
-	const slidesQuery = useDeckSlides(deckId);
-	let currentDeck = $derived(deckQuery.value);
-	let currentSlides = $derived(slidesQuery.value ?? []);
-
-	function openCreateSlide() {
-		editingSlide = null;
-		slideTitle = '';
-		slideBody = '';
-		slideBulletPoints = [''];
-		slideImageUrl = '';
-		slideNotes = '';
-		showSlideModal = true;
-	}
-
-	function openEditSlide(slide: Slide) {
-		editingSlide = slide;
-		slideTitle = slide.content.title || '';
-		slideBody = slide.content.body || '';
-		slideBulletPoints = slide.content.bulletPoints?.length ? [...slide.content.bulletPoints] : [''];
-		slideImageUrl = slide.content.imageUrl || '';
-		slideNotes = '';
-		showSlideModal = true;
-	}
-
-	async function handleSaveSlide(e: SubmitEvent) {
-		e.preventDefault();
-		isSaving = true;
-
-		const content: SlideContent = {
-			type: slideImageUrl
-				? 'image'
-				: slideBulletPoints.filter((b) => b.trim()).length > 0
-					? 'content'
-					: 'title',
-			title: slideTitle || undefined,
-			body: slideBody || undefined,
-			bulletPoints: slideBulletPoints.filter((b) => b.trim()),
-			imageUrl: slideImageUrl || undefined,
-		};
-
-		if (editingSlide) {
-			await decksStore.updateSlide(editingSlide.id, { content });
-			PresiEvents.slideEdited();
-		} else {
-			await decksStore.createSlide(deckId, { content });
-			PresiEvents.slideCreated();
-		}
-
-		isSaving = false;
-		showSlideModal = false;
-	}
-
-	function confirmDeleteSlide(slide: Slide) {
-		slideToDelete = slide;
-		showDeleteModal = true;
-	}
-
-	async function handleDeleteSlide() {
-		if (!slideToDelete) return;
-		await decksStore.deleteSlide(slideToDelete.id);
-		PresiEvents.slideDeleted();
-		showDeleteModal = false;
-		slideToDelete = null;
-	}
-
-	async function moveSlide(slide: Slide, direction: 'up' | 'down') {
-		const slides = currentSlides;
-		const currentIndex = slides.findIndex((s) => s.id === slide.id);
-		if (currentIndex === -1) return;
-
-		const newSlides = slides.map((s, i) => ({ id: s.id, order: i + 1 }));
-
-		if (direction === 'up' && currentIndex > 0) {
-			[newSlides[currentIndex], newSlides[currentIndex - 1]] = [
-				newSlides[currentIndex - 1],
-				newSlides[currentIndex],
-			];
-		} else if (direction === 'down' && currentIndex < slides.length - 1) {
-			[newSlides[currentIndex], newSlides[currentIndex + 1]] = [
-				newSlides[currentIndex + 1],
-				newSlides[currentIndex],
-			];
-		}
-
-		// Update order values
-		newSlides.forEach((s, i) => (s.order = i + 1));
-		await decksStore.reorderSlides(newSlides);
-		PresiEvents.slideReordered(direction);
-	}
-
-	function addBulletPoint() {
-		slideBulletPoints = [...slideBulletPoints, ''];
-	}
-
-	function removeBulletPoint(index: number) {
-		slideBulletPoints = slideBulletPoints.filter((_, i) => i !== index);
-		if (slideBulletPoints.length === 0) {
-			slideBulletPoints = [''];
-		}
-	}
-
-	function updateBulletPoint(index: number, value: string) {
-		slideBulletPoints[index] = value;
-	}
-
-	// Share functions
-	async function openShareModal() {
-		showShareModal = true;
-		isLoadingShares = true;
-		try {
-			shareLinks = await shareApi.getSharesForDeck(deckId);
-		} catch (e) {
-			console.error('Failed to load share links:', e);
-		} finally {
-			isLoadingShares = false;
-		}
-	}
-
-	async function createShareLink() {
-		isCreatingShare = true;
-		try {
-			const newShare = await shareApi.createShare(deckId);
-			shareLinks = [newShare, ...shareLinks];
-			PresiEvents.shareLinkCreated();
-		} catch (e) {
-			console.error('Failed to create share link:', e);
-		} finally {
-			isCreatingShare = false;
-		}
-	}
-
-	async function deleteShareLink(shareId: string) {
-		try {
-			await shareApi.deleteShare(shareId);
-			shareLinks = shareLinks.filter((s) => s.id !== shareId);
-			PresiEvents.shareLinkDeleted();
-		} catch (e) {
-			console.error('Failed to delete share link:', e);
-		}
-	}
-
-	function getShareUrl(shareCode: string): string {
-		if (!browser) return '';
-		return `${window.location.origin}/shared/${shareCode}`;
-	}
-
-	async function copyShareLink(share: ShareLink) {
-		const url = getShareUrl(share.shareCode);
-		try {
-			await navigator.clipboard.writeText(url);
-			PresiEvents.shareLinkCopied();
-			copiedLinkId = share.id;
-			setTimeout(() => {
-				copiedLinkId = null;
-			}, 2000);
-		} catch (e) {
-			console.error('Failed to copy link:', e);
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{currentDeck?.title || 'Loading...'} - Presi</title>
-</svelte:head>
-
-<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-	{#if deckQuery.loading}
-		<div class="flex items-center justify-center py-16">
-			<div
-				class="animate-spin rounded-full h-10 w-10 border-4 border-primary-500 border-t-transparent"
-			></div>
-		</div>
-	{:else if currentDeck}
-		<!-- Header -->
-		<div class="flex items-center justify-between mb-8">
-			<div class="flex items-center gap-4">
-				<a
-					href="/"
-					class="p-2 hover:bg-slate-100 dark:hover:bg-slate-800 rounded-lg transition-colors"
-				>
-					<ArrowLeft class="w-5 h-5 text-slate-600 dark:text-slate-400" />
-				</a>
-				<div>
-					<h1 class="text-2xl font-bold text-slate-900 dark:text-white">
-						{currentDeck.title}
-					</h1>
-					{#if currentDeck.description}
-						<p class="text-slate-600 dark:text-slate-400 mt-1">
-							{currentDeck.description}
-						</p>
-					{/if}
-				</div>
-			</div>
-
-			<div class="flex items-center gap-3">
-				<button
-					onclick={openCreateSlide}
-					class="flex items-center gap-2 px-4 py-2 bg-slate-100 dark:bg-slate-700 hover:bg-slate-200 dark:hover:bg-slate-600 text-slate-700 dark:text-slate-200 font-medium rounded-lg transition-colors"
-				>
-					<Plus class="w-5 h-5" />
-					Add Slide
-				</button>
-				{#if auth.isAuthenticated}
-					<button
-						onclick={openShareModal}
-						class="flex items-center gap-2 px-4 py-2 bg-slate-100 dark:bg-slate-700 hover:bg-slate-200 dark:hover:bg-slate-600 text-slate-700 dark:text-slate-200 font-medium rounded-lg transition-colors"
-					>
-						<ShareNetwork class="w-5 h-5" />
-						Share
-					</button>
-				{/if}
-				{#if currentSlides.length > 0}
-					<a
-						href="/present/{deckId}"
-						class="flex items-center gap-2 px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors"
-					>
-						<Play class="w-5 h-5" />
-						Present
-					</a>
-				{/if}
-			</div>
-		</div>
-
-		<!-- Slides Grid -->
-		{#if currentSlides.length === 0}
-			<div class="text-center py-16">
-				<div
-					class="mx-auto w-16 h-16 bg-slate-100 dark:bg-slate-800 rounded-full flex items-center justify-center mb-4"
-				>
-					<TextT class="w-8 h-8 text-slate-400" />
-				</div>
-				<h2 class="text-lg font-medium text-slate-900 dark:text-white mb-2">No slides yet</h2>
-				<p class="text-slate-600 dark:text-slate-400 mb-4">Add your first slide to get started</p>
-				<button
-					onclick={openCreateSlide}
-					class="inline-flex items-center gap-2 px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors"
-				>
-					<Plus class="w-5 h-5" />
-					Add Slide
-				</button>
-			</div>
-		{:else}
-			<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-				{#each currentSlides as slide, index (slide.id)}
-					<div
-						class="group bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 overflow-hidden"
-					>
-						<!-- Slide Preview -->
-						<button
-							onclick={() => openEditSlide(slide)}
-							class="w-full aspect-video bg-slate-100 dark:bg-slate-700 p-4 flex flex-col items-center justify-center text-left"
-						>
-							{#if slide.content.imageUrl}
-								<img
-									src={slide.content.imageUrl}
-									alt={slide.content.title || 'Slide image'}
-									class="w-full h-full object-cover"
-								/>
-							{:else}
-								<div class="w-full h-full flex flex-col items-center justify-center p-4">
-									{#if slide.content.title}
-										<h3
-											class="text-lg font-semibold text-slate-900 dark:text-white text-center line-clamp-2"
-										>
-											{slide.content.title}
-										</h3>
-									{/if}
-									{#if slide.content.bulletPoints?.length}
-										<ul class="mt-2 text-sm text-slate-600 dark:text-slate-400 space-y-1">
-											{#each slide.content.bulletPoints.slice(0, 3) as point}
-												<li class="truncate">• {point}</li>
-											{/each}
-											{#if slide.content.bulletPoints.length > 3}
-												<li class="text-slate-400">
-													+{slide.content.bulletPoints.length - 3} more
-												</li>
-											{/if}
-										</ul>
-									{/if}
-								</div>
-							{/if}
-						</button>
-
-						<!-- Slide Controls -->
-						<div
-							class="p-3 flex items-center justify-between border-t border-slate-200 dark:border-slate-700"
-						>
-							<span class="text-sm text-slate-500 dark:text-slate-400">Slide {index + 1}</span>
-							<div
-								class="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity"
-							>
-								<button
-									onclick={() => moveSlide(slide, 'up')}
-									disabled={index === 0}
-									class="p-1.5 hover:bg-slate-100 dark:hover:bg-slate-700 rounded disabled:opacity-30"
-									aria-label="Move up"
-								>
-									<CaretUp class="w-4 h-4 text-slate-600 dark:text-slate-400" />
-								</button>
-								<button
-									onclick={() => moveSlide(slide, 'down')}
-									disabled={index === currentSlides.length - 1}
-									class="p-1.5 hover:bg-slate-100 dark:hover:bg-slate-700 rounded disabled:opacity-30"
-									aria-label="Move down"
-								>
-									<CaretDown class="w-4 h-4 text-slate-600 dark:text-slate-400" />
-								</button>
-								<button
-									onclick={() => openEditSlide(slide)}
-									class="p-1.5 hover:bg-slate-100 dark:hover:bg-slate-700 rounded"
-									aria-label="Edit"
-								>
-									<PencilSimple class="w-4 h-4 text-slate-600 dark:text-slate-400" />
-								</button>
-								<button
-									onclick={() => confirmDeleteSlide(slide)}
-									class="p-1.5 hover:bg-red-50 dark:hover:bg-red-900/30 rounded"
-									aria-label="Delete"
-								>
-									<Trash class="w-4 h-4 text-red-500" />
-								</button>
-							</div>
-						</div>
-					</div>
-				{/each}
-			</div>
-		{/if}
-	{/if}
-</div>
-
-<!-- Slide Editor Modal -->
-{#if showSlideModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 overflow-y-auto">
-		<div class="bg-white dark:bg-slate-800 rounded-xl shadow-xl w-full max-w-2xl my-8">
-			<form onsubmit={handleSaveSlide}>
-				<div
-					class="p-6 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between"
-				>
-					<h2 class="text-xl font-semibold text-slate-900 dark:text-white">
-						{editingSlide ? 'Edit Slide' : 'New Slide'}
-					</h2>
-					<button
-						type="button"
-						onclick={() => (showSlideModal = false)}
-						class="p-2 hover:bg-slate-100 dark:hover:bg-slate-700 rounded-lg"
-					>
-						<X class="w-5 h-5 text-slate-600 dark:text-slate-400" />
-					</button>
-				</div>
-
-				<div class="p-6 space-y-6 max-h-[60vh] overflow-y-auto">
-					<!-- Title -->
-					<div>
-						<label
-							for="slideTitle"
-							class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1"
-						>
-							Title
-						</label>
-						<input
-							type="text"
-							id="slideTitle"
-							bind:value={slideTitle}
-							class="w-full px-4 py-2 border border-slate-300 dark:border-slate-600 rounded-lg bg-white dark:bg-slate-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-transparent"
-							placeholder="Slide title"
-						/>
-					</div>
-
-					<!-- Image URL -->
-					<div>
-						<label
-							for="slideImage"
-							class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1"
-						>
-							<span class="flex items-center gap-2">
-								<Image class="w-4 h-4" />
-								Image URL (optional)
-							</span>
-						</label>
-						<input
-							type="url"
-							id="slideImage"
-							bind:value={slideImageUrl}
-							class="w-full px-4 py-2 border border-slate-300 dark:border-slate-600 rounded-lg bg-white dark:bg-slate-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-transparent"
-							placeholder="https://example.com/image.jpg"
-						/>
-					</div>
-
-					<!-- Body Text -->
-					<div>
-						<label
-							for="slideBody"
-							class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1"
-						>
-							Body Text (optional)
-						</label>
-						<textarea
-							id="slideBody"
-							bind:value={slideBody}
-							rows="3"
-							class="w-full px-4 py-2 border border-slate-300 dark:border-slate-600 rounded-lg bg-white dark:bg-slate-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-transparent resize-none"
-							placeholder="Main content text..."
-						></textarea>
-					</div>
-
-					<!-- Bullet Points -->
-					<div>
-						<label class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
-							<span class="flex items-center gap-2">
-								<List class="w-4 h-4" />
-								Bullet Points
-							</span>
-						</label>
-						<div class="space-y-2">
-							{#each slideBulletPoints as point, index}
-								<div class="flex items-center gap-2">
-									<span class="text-slate-400">•</span>
-									<input
-										type="text"
-										value={point}
-										oninput={(e) => updateBulletPoint(index, (e.target as HTMLInputElement).value)}
-										class="flex-1 px-4 py-2 border border-slate-300 dark:border-slate-600 rounded-lg bg-white dark:bg-slate-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-transparent"
-										placeholder="Add a point..."
-									/>
-									<button
-										type="button"
-										onclick={() => removeBulletPoint(index)}
-										class="p-2 hover:bg-red-50 dark:hover:bg-red-900/30 rounded-lg"
-									>
-										<X class="w-4 h-4 text-red-500" />
-									</button>
-								</div>
-							{/each}
-							<button
-								type="button"
-								onclick={addBulletPoint}
-								class="flex items-center gap-2 px-3 py-2 text-sm text-primary-600 hover:bg-primary-50 dark:hover:bg-primary-900/30 rounded-lg"
-							>
-								<Plus class="w-4 h-4" />
-								Add bullet point
-							</button>
-						</div>
-					</div>
-
-					<!-- Speaker Notes -->
-					<div>
-						<label
-							for="slideNotes"
-							class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1"
-						>
-							Speaker Notes (optional)
-						</label>
-						<textarea
-							id="slideNotes"
-							bind:value={slideNotes}
-							rows="2"
-							class="w-full px-4 py-2 border border-slate-300 dark:border-slate-600 rounded-lg bg-white dark:bg-slate-700 text-slate-900 dark:text-white focus:ring-2 focus:ring-primary-500 focus:border-transparent resize-none"
-							placeholder="Notes only visible to presenter..."
-						></textarea>
-					</div>
-				</div>
-
-				<div class="px-6 py-4 bg-slate-50 dark:bg-slate-900/50 flex justify-end gap-3 rounded-b-xl">
-					<button
-						type="button"
-						onclick={() => (showSlideModal = false)}
-						class="px-4 py-2 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-700 rounded-lg transition-colors"
-					>
-						Cancel
-					</button>
-					<button
-						type="submit"
-						disabled={isSaving}
-						class="flex items-center gap-2 px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors disabled:opacity-50"
-					>
-						<FloppyDisk class="w-4 h-4" />
-						{isSaving ? 'Saving...' : 'Save'}
-					</button>
-				</div>
-			</form>
-		</div>
-	</div>
-{/if}
-
-<!-- Delete Confirmation Modal -->
-{#if showDeleteModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50">
-		<div class="bg-white dark:bg-slate-800 rounded-xl shadow-xl w-full max-w-md p-6">
-			<h2 class="text-xl font-semibold text-slate-900 dark:text-white mb-2">Delete Slide</h2>
-			<p class="text-slate-600 dark:text-slate-400 mb-6">
-				Are you sure you want to delete this slide? This action cannot be undone.
-			</p>
-			<div class="flex justify-end gap-3">
-				<button
-					onclick={() => {
-						showDeleteModal = false;
-						slideToDelete = null;
-					}}
-					class="px-4 py-2 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-700 rounded-lg transition-colors"
-				>
-					Cancel
-				</button>
-				<button
-					onclick={handleDeleteSlide}
-					class="px-4 py-2 bg-red-600 hover:bg-red-700 text-white font-medium rounded-lg transition-colors"
-				>
-					Delete
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<!-- Share Modal -->
-{#if showShareModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50">
-		<div class="bg-white dark:bg-slate-800 rounded-xl shadow-xl w-full max-w-lg">
-			<div
-				class="p-6 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between"
-			>
-				<div class="flex items-center gap-3">
-					<div class="p-2 bg-primary-100 dark:bg-primary-900/30 rounded-lg">
-						<ShareNetwork class="w-5 h-5 text-primary-600 dark:text-primary-400" />
-					</div>
-					<h2 class="text-xl font-semibold text-slate-900 dark:text-white">Share Presentation</h2>
-				</div>
-				<button
-					onclick={() => (showShareModal = false)}
-					class="p-2 hover:bg-slate-100 dark:hover:bg-slate-700 rounded-lg"
-				>
-					<X class="w-5 h-5 text-slate-600 dark:text-slate-400" />
-				</button>
-			</div>
-
-			<div class="p-6">
-				{#if isLoadingShares}
-					<div class="flex items-center justify-center py-8">
-						<div
-							class="animate-spin rounded-full h-8 w-8 border-4 border-primary-500 border-t-transparent"
-						></div>
-					</div>
-				{:else}
-					<div class="space-y-4">
-						<!-- Create new link button -->
-						<button
-							onclick={createShareLink}
-							disabled={isCreatingShare}
-							class="w-full flex items-center justify-center gap-2 px-4 py-3 border-2 border-dashed border-slate-300 dark:border-slate-600 rounded-lg text-slate-600 dark:text-slate-400 hover:border-primary-500 hover:text-primary-600 dark:hover:text-primary-400 transition-colors disabled:opacity-50"
-						>
-							<Link class="w-5 h-5" />
-							{isCreatingShare ? 'Creating...' : 'Create Share Link'}
-						</button>
-
-						<!-- Existing links -->
-						{#if shareLinks.length > 0}
-							<div class="space-y-3 mt-4">
-								<h3 class="text-sm font-medium text-slate-700 dark:text-slate-300">Active Links</h3>
-								{#each shareLinks as share (share.id)}
-									<div
-										class="flex items-center gap-3 p-3 bg-slate-50 dark:bg-slate-700/50 rounded-lg"
-									>
-										<div class="flex-1 min-w-0">
-											<div
-												class="flex items-center gap-2 text-sm font-mono text-slate-600 dark:text-slate-400"
-											>
-												<Link class="w-4 h-4 flex-shrink-0" />
-												<span class="truncate">{getShareUrl(share.shareCode)}</span>
-											</div>
-											<div class="text-xs text-slate-500 dark:text-slate-500 mt-1">
-												Created {new Date(share.createdAt).toLocaleDateString()}
-												{#if share.expiresAt}
-													· Expires {new Date(share.expiresAt).toLocaleDateString()}
-												{/if}
-											</div>
-										</div>
-										<div class="flex items-center gap-1">
-											<a
-												href="/shared/{share.shareCode}"
-												target="_blank"
-												class="p-2 hover:bg-slate-200 dark:hover:bg-slate-600 rounded-lg transition-colors"
-												title="Open in new tab"
-											>
-												<ArrowSquareOut class="w-4 h-4 text-slate-600 dark:text-slate-400" />
-											</a>
-											<button
-												onclick={() => copyShareLink(share)}
-												class="p-2 hover:bg-slate-200 dark:hover:bg-slate-600 rounded-lg transition-colors"
-												title="Copy link"
-											>
-												{#if copiedLinkId === share.id}
-													<Check class="w-4 h-4 text-green-600" />
-												{:else}
-													<Copy class="w-4 h-4 text-slate-600 dark:text-slate-400" />
-												{/if}
-											</button>
-											<button
-												onclick={() => deleteShareLink(share.id)}
-												class="p-2 hover:bg-red-50 dark:hover:bg-red-900/30 rounded-lg transition-colors"
-												title="Delete link"
-											>
-												<Trash class="w-4 h-4 text-red-500" />
-											</button>
-										</div>
-									</div>
-								{/each}
-							</div>
-						{:else}
-							<p class="text-center text-sm text-slate-500 dark:text-slate-400 py-4">
-								No share links yet. Create one to share this presentation.
-							</p>
-						{/if}
-					</div>
-				{/if}
-			</div>
-
-			<div class="px-6 py-4 bg-slate-50 dark:bg-slate-900/50 rounded-b-xl">
-				<p class="text-xs text-slate-500 dark:text-slate-400 text-center">
-					Anyone with the link can view this presentation without signing in.
-				</p>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index ede288b5d..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { feedbackService } from '$lib/api/feedback';
-	import { auth } from '$lib/stores/auth.svelte';
-</script>
-
-<FeedbackPage {feedbackService} appName="Presi" currentUserId={auth.user?.id} />
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 8e94e0cec..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getPresiHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getPresiHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Presi kennen'
-					: 'Find answers and learn how to use Presi',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Presi</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Presi"
-	appId="presi"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index bc1c6dcca..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/mana/+page.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-
-	function handleSubscribe(planId: string) {
-		console.log('Subscribe to plan:', planId);
-		alert(`Abo "${planId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		console.log('Buy package:', packageId);
-		alert(`Paket "${packageId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-</script>
-
-<svelte:head>
-	<title>Mana - Presi</title>
-</svelte:head>
-
-<div class="mana-page">
-	<SubscriptionPage
-		appName="Presi"
-		onSubscribe={handleSubscribe}
-		onBuyPackage={handleBuyPackage}
-		currentPlanId="free"
-		pageTitle="Wähle dein Abo"
-		subscriptionsTitle="Abonnements"
-		packagesTitle="Einmal-Pakete"
-		yearlyDiscount="20% Rabatt"
-	/>
-</div>
-
-<style>
-	.mana-page {
-		min-height: 100%;
-		width: 100%;
-		overflow-x: hidden;
-		background-color: hsl(var(--background));
-	}
-</style>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/present/[id]/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/present/[id]/+page.svelte
deleted file mode 100644
index 8fb9ab214..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/present/[id]/+page.svelte
+++ /dev/null
@@ -1,328 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { decksStore } from '$lib/stores/decks.svelte';
-	import { useDeck, useDeckSlides } from '$lib/data/queries';
-	import { PresiEvents } from '@manacore/shared-utils/analytics';
-	import type { Slide } from '@presi/shared';
-	import {
-		X,
-		CaretLeft,
-		CaretRight,
-		Play,
-		Pause,
-		Eye,
-		EyeSlash,
-		ArrowsOut,
-		ArrowsIn,
-		Clock,
-	} from '@manacore/shared-icons';
-
-	let currentSlideIndex = $state(0);
-	let isFullscreen = $state(false);
-	let showNotes = $state(false);
-	let isTimerRunning = $state(false);
-	let elapsedSeconds = $state(0);
-	let showControls = $state(true);
-	let hideControlsTimeout: ReturnType<typeof setTimeout> | null = null;
-	let timerInterval: ReturnType<typeof setInterval> | null = null;
-
-	const deckId = $page.params.id as string;
-
-	// Reactive live queries
-	const deckQuery = useDeck(deckId);
-	const slidesQuery = useDeckSlides(deckId);
-	let currentDeck = $derived(deckQuery.value);
-	let currentSlides = $derived(slidesQuery.value ?? []);
-
-	let maxSlideReached = $state(0);
-	let hasTrackedStart = $state(false);
-
-	// Track presentation start once slides are loaded
-	$effect(() => {
-		if (currentSlides.length > 0 && !hasTrackedStart) {
-			PresiEvents.presentationStarted(currentSlides.length);
-			hasTrackedStart = true;
-		}
-	});
-
-	onMount(() => {
-		// Keyboard navigation
-		window.addEventListener('keydown', handleKeydown);
-		window.addEventListener('mousemove', handleMouseMove);
-		document.addEventListener('fullscreenchange', handleFullscreenChange);
-
-		return () => {
-			window.removeEventListener('keydown', handleKeydown);
-			window.removeEventListener('mousemove', handleMouseMove);
-			document.removeEventListener('fullscreenchange', handleFullscreenChange);
-			if (timerInterval) clearInterval(timerInterval);
-			if (hideControlsTimeout) clearTimeout(hideControlsTimeout);
-		};
-	});
-
-	function handleKeydown(e: KeyboardEvent) {
-		switch (e.key) {
-			case 'ArrowLeft':
-			case 'a':
-				prevSlide();
-				break;
-			case 'ArrowRight':
-			case 'd':
-			case ' ':
-				nextSlide();
-				break;
-			case 'Escape':
-				exitPresentation();
-				break;
-			case 'f':
-				toggleFullscreen();
-				break;
-		}
-		resetHideControlsTimer();
-	}
-
-	function handleMouseMove() {
-		showControls = true;
-		resetHideControlsTimer();
-	}
-
-	function resetHideControlsTimer() {
-		if (hideControlsTimeout) clearTimeout(hideControlsTimeout);
-		hideControlsTimeout = setTimeout(() => {
-			showControls = false;
-		}, 3000);
-	}
-
-	function handleFullscreenChange() {
-		isFullscreen = !!document.fullscreenElement;
-	}
-
-	function prevSlide() {
-		if (currentSlideIndex > 0) {
-			currentSlideIndex--;
-		}
-	}
-
-	function nextSlide() {
-		if (currentSlideIndex < currentSlides.length - 1) {
-			currentSlideIndex++;
-			if (currentSlideIndex > maxSlideReached) maxSlideReached = currentSlideIndex;
-		}
-	}
-
-	function goToSlide(index: number) {
-		currentSlideIndex = index;
-	}
-
-	function toggleFullscreen() {
-		if (!document.fullscreenElement) {
-			document.documentElement.requestFullscreen();
-		} else {
-			document.exitFullscreen();
-		}
-	}
-
-	function toggleTimer() {
-		isTimerRunning = !isTimerRunning;
-		if (isTimerRunning) {
-			timerInterval = setInterval(() => {
-				elapsedSeconds++;
-			}, 1000);
-		} else if (timerInterval) {
-			clearInterval(timerInterval);
-			timerInterval = null;
-		}
-	}
-
-	function formatTime(seconds: number): string {
-		const mins = Math.floor(seconds / 60);
-		const secs = seconds % 60;
-		return `${mins}:${secs.toString().padStart(2, '0')}`;
-	}
-
-	function exitPresentation() {
-		PresiEvents.presentationExited(elapsedSeconds, maxSlideReached + 1);
-		if (document.fullscreenElement) {
-			document.exitFullscreen();
-		}
-		goto(`/deck/${deckId}`);
-	}
-
-	const currentSlide = $derived(currentSlides[currentSlideIndex]);
-</script>
-
-<svelte:head>
-	<title>Presenting: {currentDeck?.title || 'Loading...'}</title>
-</svelte:head>
-
-<div class="fixed inset-0 bg-slate-900 text-white flex flex-col">
-	{#if deckQuery.loading}
-		<div class="flex-1 flex items-center justify-center">
-			<div
-				class="animate-spin rounded-full h-12 w-12 border-4 border-primary-500 border-t-transparent"
-			></div>
-		</div>
-	{:else if currentSlide}
-		<!-- Top Bar -->
-		<div
-			class="absolute top-0 left-0 right-0 z-10 p-4 flex items-center justify-between bg-gradient-to-b from-black/50 to-transparent transition-opacity duration-300"
-			class:opacity-0={!showControls}
-			class:pointer-events-none={!showControls}
-		>
-			<div class="flex items-center gap-4">
-				<h1 class="text-lg font-medium truncate max-w-xs">{currentDeck?.title}</h1>
-				<span class="text-sm text-slate-400">
-					Slide {currentSlideIndex + 1} of {currentSlides.length}
-				</span>
-			</div>
-			<button
-				onclick={exitPresentation}
-				class="p-2 hover:bg-white/10 rounded-lg transition-colors"
-				aria-label="Exit presentation"
-			>
-				<X class="w-6 h-6" />
-			</button>
-		</div>
-
-		<!-- Main Slide Area -->
-		<div class="flex-1 flex items-center justify-center p-8 pt-20 pb-32">
-			<div
-				class="w-full max-w-6xl aspect-video bg-slate-800 rounded-2xl shadow-2xl overflow-hidden flex flex-col items-center justify-center p-12"
-			>
-				{#if currentSlide.content.imageUrl}
-					<img
-						src={currentSlide.content.imageUrl}
-						alt={currentSlide.content.title || 'Slide image'}
-						class="max-w-full max-h-full object-contain"
-					/>
-				{:else}
-					<div class="text-center max-w-4xl">
-						{#if currentSlide.content.title}
-							<h2 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-8">
-								{currentSlide.content.title}
-							</h2>
-						{/if}
-						{#if currentSlide.content.body}
-							<p class="text-xl md:text-2xl text-slate-300 mb-8">{currentSlide.content.body}</p>
-						{/if}
-						{#if currentSlide.content.bulletPoints?.length}
-							<ul class="text-left text-xl md:text-2xl space-y-4 mx-auto max-w-2xl">
-								{#each currentSlide.content.bulletPoints as point}
-									<li class="flex items-start gap-4">
-										<span class="text-primary-400 mt-1">•</span>
-										<span>{point}</span>
-									</li>
-								{/each}
-							</ul>
-						{/if}
-					</div>
-				{/if}
-			</div>
-		</div>
-
-		<!-- Speaker Notes -->
-		{#if showNotes && currentSlide.content.subtitle}
-			<div class="absolute bottom-32 left-1/2 -translate-x-1/2 w-full max-w-2xl px-4">
-				<div class="bg-slate-800/90 rounded-lg p-4 backdrop-blur-sm">
-					<h3 class="text-sm font-medium text-slate-400 mb-2">Speaker Notes</h3>
-					<p class="text-slate-200">{currentSlide.content.subtitle}</p>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Bottom Controls -->
-		<div
-			class="absolute bottom-0 left-0 right-0 z-10 p-4 bg-gradient-to-t from-black/50 to-transparent transition-opacity duration-300"
-			class:opacity-0={!showControls}
-			class:pointer-events-none={!showControls}
-		>
-			<div class="max-w-4xl mx-auto flex items-center justify-between">
-				<!-- Left: Timer -->
-				<div class="flex items-center gap-4">
-					<button
-						onclick={toggleTimer}
-						class="p-2 hover:bg-white/10 rounded-lg transition-colors"
-						aria-label={isTimerRunning ? 'Pause timer' : 'Start timer'}
-					>
-						{#if isTimerRunning}
-							<Pause class="w-5 h-5" />
-						{:else}
-							<Play class="w-5 h-5" />
-						{/if}
-					</button>
-					<div class="flex items-center gap-2 text-slate-300">
-						<Clock class="w-4 h-4" />
-						<span class="font-mono">{formatTime(elapsedSeconds)}</span>
-					</div>
-				</div>
-
-				<!-- Center: Navigation -->
-				<div class="flex items-center gap-2">
-					<button
-						onclick={prevSlide}
-						disabled={currentSlideIndex === 0}
-						class="p-3 hover:bg-white/10 rounded-lg transition-colors disabled:opacity-30"
-						aria-label="Previous slide"
-					>
-						<CaretLeft class="w-6 h-6" />
-					</button>
-
-					<!-- Slide Dots -->
-					<div class="flex items-center gap-2 px-4">
-						{#each currentSlides as _, index}
-							<button
-								onclick={() => goToSlide(index)}
-								class="w-2 h-2 rounded-full transition-all"
-								class:bg-primary-500={index === currentSlideIndex}
-								class:w-4={index === currentSlideIndex}
-								class:bg-slate-500={index !== currentSlideIndex}
-								aria-label="Go to slide {index + 1}"
-							></button>
-						{/each}
-					</div>
-
-					<button
-						onclick={nextSlide}
-						disabled={currentSlideIndex === currentSlides.length - 1}
-						class="p-3 hover:bg-white/10 rounded-lg transition-colors disabled:opacity-30"
-						aria-label="Next slide"
-					>
-						<CaretRight class="w-6 h-6" />
-					</button>
-				</div>
-
-				<!-- Right: Options -->
-				<div class="flex items-center gap-2">
-					<button
-						onclick={() => (showNotes = !showNotes)}
-						class="p-2 hover:bg-white/10 rounded-lg transition-colors"
-						aria-label={showNotes ? 'Hide notes' : 'Show notes'}
-					>
-						{#if showNotes}
-							<EyeSlash class="w-5 h-5" />
-						{:else}
-							<Eye class="w-5 h-5" />
-						{/if}
-					</button>
-					<button
-						onclick={toggleFullscreen}
-						class="p-2 hover:bg-white/10 rounded-lg transition-colors"
-						aria-label={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
-					>
-						{#if isFullscreen}
-							<ArrowsIn class="w-5 h-5" />
-						{:else}
-							<ArrowsOut class="w-5 h-5" />
-						{/if}
-					</button>
-				</div>
-			</div>
-		</div>
-	{:else}
-		<div class="flex-1 flex items-center justify-center">
-			<p class="text-slate-400">No slides in this deck</p>
-		</div>
-	{/if}
-</div>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 6d87f73d2..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,123 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import type { UserProfile, ProfileActions } from '@manacore/shared-profile-ui';
-	import { auth } from '$lib/stores/auth.svelte';
-	import { useAllDecks } from '$lib/data/queries';
-	import { goto } from '$app/navigation';
-	import { FolderOpen, Stack, Calendar } from '@manacore/shared-icons';
-
-	const allDecks = useAllDecks();
-	let decks = $derived(allDecks.value ?? []);
-
-	// Map auth store user to UserProfile
-	let userProfile = $derived<UserProfile>({
-		id: auth.user?.id || '',
-		email: auth.user?.email || '',
-		role: auth.user?.role,
-	});
-
-	// Profile actions
-	const actions: ProfileActions = {
-		onLogout: async () => {
-			await auth.logout();
-			goto('/login');
-		},
-		onDeleteAccount: () => {
-			alert('Konto löschen ist noch nicht implementiert.');
-		},
-	};
-
-	function formatDate(dateString: string) {
-		return new Date(dateString).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: 'long',
-			year: 'numeric',
-		});
-	}
-</script>
-
-<ProfilePage
-	user={userProfile}
-	appName="Presi"
-	{actions}
-	pageTitle="Profil"
-	accountInfoTitle="Konto-Informationen"
-	actionsTitle="Aktionen"
-	emailLabel="E-Mail"
-	nameLabel="Name"
-	memberSinceLabel="Mitglied seit"
-	lastLoginLabel="Letzter Login"
-	roleLabel="Rolle"
-	editProfileLabel="Profil bearbeiten"
-	changePasswordLabel="Passwort ändern"
-	logoutLabel="Abmelden"
-	deleteAccountLabel="Konto löschen"
-	deleteAccountWarning="Diese Aktion kann nicht rückgängig gemacht werden."
-/>
-
-<!-- Stats Section -->
-<div class="mx-auto max-w-xl px-4 pb-8">
-	<!-- Stats Card -->
-	<section class="mb-6">
-		<h2 class="text-lg font-semibold text-foreground mb-4">Statistiken</h2>
-		<div
-			class="p-5 rounded-2xl bg-white/85 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/10 shadow-sm"
-		>
-			<div class="grid grid-cols-2 gap-4">
-				<div class="text-center p-4 bg-black/5 dark:bg-white/5 rounded-xl">
-					<div class="flex justify-center mb-2">
-						<FolderOpen class="w-6 h-6 text-primary" />
-					</div>
-					<div class="text-2xl font-bold text-foreground">
-						{decks.length}
-					</div>
-					<div class="text-sm text-muted-foreground">Präsentationen</div>
-				</div>
-				<div class="text-center p-4 bg-black/5 dark:bg-white/5 rounded-xl">
-					<div class="flex justify-center mb-2">
-						<Stack class="w-6 h-6 text-primary" />
-					</div>
-					<div class="text-2xl font-bold text-foreground">-</div>
-					<div class="text-sm text-muted-foreground">Folien</div>
-				</div>
-			</div>
-		</div>
-	</section>
-
-	<!-- Recent Presentations -->
-	{#if decks.length > 0}
-		<section>
-			<h2 class="text-lg font-semibold text-foreground mb-4">Letzte Präsentationen</h2>
-			<div
-				class="rounded-2xl bg-white/85 dark:bg-white/10 backdrop-blur-xl border border-black/10 dark:border-white/10 shadow-sm overflow-hidden"
-			>
-				<div class="divide-y divide-black/10 dark:divide-white/10">
-					{#each decks.slice(0, 5) as deck (deck.id)}
-						<a
-							href="/deck/{deck.id}"
-							class="flex items-center justify-between p-4 hover:bg-black/5 dark:hover:bg-white/5 transition-colors"
-						>
-							<div class="flex items-center gap-3">
-								<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center">
-									<FolderOpen class="w-5 h-5 text-primary" />
-								</div>
-								<div>
-									<h4 class="font-medium text-foreground">{deck.title}</h4>
-									{#if deck.description}
-										<p class="text-sm text-muted-foreground truncate max-w-xs">
-											{deck.description}
-										</p>
-									{/if}
-								</div>
-							</div>
-							<div class="flex items-center gap-2 text-sm text-muted-foreground">
-								<Calendar class="w-4 h-4" />
-								{formatDate(deck.updatedAt)}
-							</div>
-						</a>
-					{/each}
-				</div>
-			</div>
-		</section>
-	{/if}
-</div>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index b17e11d60..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,127 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { auth } from '$lib/stores/auth.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		SettingsToggle,
-		SettingsDangerZone,
-		SettingsDangerButton,
-		GlobalSettingsSection,
-	} from '@manacore/shared-ui';
-	import { User, Envelope, ShieldCheck, Sun, Moon, Monitor, SignOut } from '@manacore/shared-icons';
-
-	function handleLogout() {
-		auth.logout();
-		goto('/login');
-	}
-
-	function setThemeMode(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	onMount(async () => {
-		await userSettings.load();
-	});
-</script>
-
-<svelte:head>
-	<title>Settings - Presi</title>
-</svelte:head>
-
-<SettingsPage title="Settings" subtitle="Manage your account and preferences.">
-	<!-- Account Section -->
-	<SettingsSection title="Account">
-		{#snippet icon()}
-			<User />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="Email" description={auth.user?.email || 'Not available'}>
-				{#snippet icon()}
-					<Envelope />
-				{/snippet}
-			</SettingsRow>
-			<SettingsRow label="User ID" description={auth.user?.id || 'Not available'} border={false}>
-				{#snippet icon()}
-					<ShieldCheck />
-				{/snippet}
-				<span class="font-mono text-xs text-[hsl(var(--muted-foreground))]"
-					>{auth.user?.id || '-'}</span
-				>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Appearance Section -->
-	<SettingsSection title="Appearance">
-		{#snippet icon()}
-			<Sun />
-		{/snippet}
-
-		<SettingsCard>
-			<div class="px-5 py-4">
-				<p class="font-medium text-[hsl(var(--foreground))] mb-2">Theme</p>
-				<p class="text-sm text-[hsl(var(--muted-foreground))] mb-4">Choose your preferred theme</p>
-				<div class="grid grid-cols-3 gap-3">
-					<button
-						onclick={() => setThemeMode('light')}
-						class="flex flex-col items-center gap-2 p-4 rounded-lg border-2 transition-colors
-							{theme.mode === 'light'
-							? 'border-[hsl(var(--primary))] bg-[hsl(var(--primary)/0.1)]'
-							: 'border-[hsl(var(--border))]'}"
-					>
-						<Sun size={24} class="text-amber-500" />
-						<span class="text-sm font-medium text-[hsl(var(--foreground))]">Light</span>
-					</button>
-					<button
-						onclick={() => setThemeMode('dark')}
-						class="flex flex-col items-center gap-2 p-4 rounded-lg border-2 transition-colors
-							{theme.mode === 'dark'
-							? 'border-[hsl(var(--primary))] bg-[hsl(var(--primary)/0.1)]'
-							: 'border-[hsl(var(--border))]'}"
-					>
-						<Moon size={24} class="text-indigo-500" />
-						<span class="text-sm font-medium text-[hsl(var(--foreground))]">Dark</span>
-					</button>
-					<button
-						onclick={() => setThemeMode('system')}
-						class="flex flex-col items-center gap-2 p-4 rounded-lg border-2 transition-colors
-							{theme.mode === 'system'
-							? 'border-[hsl(var(--primary))] bg-[hsl(var(--primary)/0.1)]'
-							: 'border-[hsl(var(--border))]'}"
-					>
-						<Monitor size={24} class="text-[hsl(var(--muted-foreground))]" />
-						<span class="text-sm font-medium text-[hsl(var(--foreground))]">System</span>
-					</button>
-				</div>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Global Settings Section -->
-	<GlobalSettingsSection {userSettings} />
-
-	<!-- Danger Zone -->
-	<SettingsDangerZone title="Danger Zone">
-		<SettingsDangerButton
-			label="Sign out"
-			description="Sign out of your account on this device"
-			buttonText="Sign out"
-			onclick={handleLogout}
-			border={false}
-		>
-			{#snippet icon()}
-				<SignOut />
-			{/snippet}
-		</SettingsDangerButton>
-	</SettingsDangerZone>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/shared/[code]/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/shared/[code]/+page.svelte
deleted file mode 100644
index 8f3e4611c..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/shared/[code]/+page.svelte
+++ /dev/null
@@ -1,316 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-	import { page } from '$app/stores';
-	import { shareApi } from '$lib/api/client';
-	import { PresiEvents } from '@manacore/shared-utils/analytics';
-	import type { Slide } from '@presi/shared';
-	import {
-		CaretLeft,
-		CaretRight,
-		Play,
-		Pause,
-		ArrowsOut,
-		ArrowsIn,
-		Clock,
-		Presentation,
-		WarningCircle,
-	} from '@manacore/shared-icons';
-
-	let deck = $state<any>(null);
-	let slides = $state<Slide[]>([]);
-	let isLoading = $state(true);
-	let error = $state('');
-	let currentSlideIndex = $state(0);
-	let isFullscreen = $state(false);
-	let isTimerRunning = $state(false);
-	let elapsedSeconds = $state(0);
-	let showControls = $state(true);
-	let hideControlsTimeout: ReturnType<typeof setTimeout> | null = null;
-	let timerInterval: ReturnType<typeof setInterval> | null = null;
-
-	const shareCode = $page.params.code as string;
-
-	async function loadSharedDeck() {
-		try {
-			const data = await shareApi.getByCode(shareCode);
-			deck = data;
-			slides = data.slides || [];
-			PresiEvents.sharedDeckViewed();
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to load shared deck';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	onMount(() => {
-		loadSharedDeck();
-
-		// Keyboard navigation
-		window.addEventListener('keydown', handleKeydown);
-		window.addEventListener('mousemove', handleMouseMove);
-		document.addEventListener('fullscreenchange', handleFullscreenChange);
-
-		return () => {
-			window.removeEventListener('keydown', handleKeydown);
-			window.removeEventListener('mousemove', handleMouseMove);
-			document.removeEventListener('fullscreenchange', handleFullscreenChange);
-			if (timerInterval) clearInterval(timerInterval);
-			if (hideControlsTimeout) clearTimeout(hideControlsTimeout);
-		};
-	});
-
-	function handleKeydown(e: KeyboardEvent) {
-		switch (e.key) {
-			case 'ArrowLeft':
-			case 'a':
-				prevSlide();
-				break;
-			case 'ArrowRight':
-			case 'd':
-			case ' ':
-				nextSlide();
-				break;
-			case 'f':
-				toggleFullscreen();
-				break;
-		}
-		resetHideControlsTimer();
-	}
-
-	function handleMouseMove() {
-		showControls = true;
-		resetHideControlsTimer();
-	}
-
-	function resetHideControlsTimer() {
-		if (hideControlsTimeout) clearTimeout(hideControlsTimeout);
-		hideControlsTimeout = setTimeout(() => {
-			showControls = false;
-		}, 3000);
-	}
-
-	function handleFullscreenChange() {
-		isFullscreen = !!document.fullscreenElement;
-	}
-
-	function prevSlide() {
-		if (currentSlideIndex > 0) {
-			currentSlideIndex--;
-		}
-	}
-
-	function nextSlide() {
-		if (currentSlideIndex < slides.length - 1) {
-			currentSlideIndex++;
-		}
-	}
-
-	function goToSlide(index: number) {
-		currentSlideIndex = index;
-	}
-
-	function toggleFullscreen() {
-		if (!document.fullscreenElement) {
-			document.documentElement.requestFullscreen();
-		} else {
-			document.exitFullscreen();
-		}
-	}
-
-	function toggleTimer() {
-		isTimerRunning = !isTimerRunning;
-		if (isTimerRunning) {
-			timerInterval = setInterval(() => {
-				elapsedSeconds++;
-			}, 1000);
-		} else if (timerInterval) {
-			clearInterval(timerInterval);
-			timerInterval = null;
-		}
-	}
-
-	function formatTime(seconds: number): string {
-		const mins = Math.floor(seconds / 60);
-		const secs = seconds % 60;
-		return `${mins}:${secs.toString().padStart(2, '0')}`;
-	}
-
-	const currentSlide = $derived(slides[currentSlideIndex]);
-</script>
-
-<svelte:head>
-	<title>{deck?.title || 'Shared Presentation'} - Presi</title>
-</svelte:head>
-
-<div class="fixed inset-0 bg-slate-900 text-white flex flex-col">
-	{#if isLoading}
-		<div class="flex-1 flex items-center justify-center">
-			<div
-				class="animate-spin rounded-full h-12 w-12 border-4 border-primary-500 border-t-transparent"
-			></div>
-		</div>
-	{:else if error}
-		<div class="flex-1 flex flex-col items-center justify-center px-4">
-			<div class="p-4 bg-red-900/30 rounded-full mb-4">
-				<WarningCircle class="w-12 h-12 text-red-400" />
-			</div>
-			<h1 class="text-2xl font-bold mb-2">Unable to load presentation</h1>
-			<p class="text-slate-400 text-center max-w-md mb-6">{error}</p>
-			<a
-				href="/login"
-				class="px-6 py-2 bg-primary-600 hover:bg-primary-700 rounded-lg font-medium transition-colors"
-			>
-				Sign in to Presi
-			</a>
-		</div>
-	{:else if currentSlide}
-		<!-- Top Bar -->
-		<div
-			class="absolute top-0 left-0 right-0 z-10 p-4 flex items-center justify-between bg-gradient-to-b from-black/50 to-transparent transition-opacity duration-300"
-			class:opacity-0={!showControls}
-			class:pointer-events-none={!showControls}
-		>
-			<div class="flex items-center gap-4">
-				<div class="flex items-center gap-2 text-primary-400">
-					<Presentation class="w-5 h-5" />
-					<span class="text-sm font-medium">Presi</span>
-				</div>
-				<h1 class="text-lg font-medium truncate max-w-xs">{deck?.title}</h1>
-				<span class="text-sm text-slate-400">
-					Slide {currentSlideIndex + 1} of {slides.length}
-				</span>
-			</div>
-			<a
-				href="/login"
-				class="px-4 py-1.5 bg-primary-600 hover:bg-primary-700 rounded-lg text-sm font-medium transition-colors"
-			>
-				Sign in
-			</a>
-		</div>
-
-		<!-- Main Slide Area -->
-		<div class="flex-1 flex items-center justify-center p-8 pt-20 pb-32">
-			<div
-				class="w-full max-w-6xl aspect-video bg-slate-800 rounded-2xl shadow-2xl overflow-hidden flex flex-col items-center justify-center p-12"
-			>
-				{#if currentSlide.content.imageUrl}
-					<img
-						src={currentSlide.content.imageUrl}
-						alt={currentSlide.content.title || 'Slide image'}
-						class="max-w-full max-h-full object-contain"
-					/>
-				{:else}
-					<div class="text-center max-w-4xl">
-						{#if currentSlide.content.title}
-							<h2 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-8">
-								{currentSlide.content.title}
-							</h2>
-						{/if}
-						{#if currentSlide.content.body}
-							<p class="text-xl md:text-2xl text-slate-300 mb-8">{currentSlide.content.body}</p>
-						{/if}
-						{#if currentSlide.content.bulletPoints?.length}
-							<ul class="text-left text-xl md:text-2xl space-y-4 mx-auto max-w-2xl">
-								{#each currentSlide.content.bulletPoints as point}
-									<li class="flex items-start gap-4">
-										<span class="text-primary-400 mt-1">•</span>
-										<span>{point}</span>
-									</li>
-								{/each}
-							</ul>
-						{/if}
-					</div>
-				{/if}
-			</div>
-		</div>
-
-		<!-- Bottom Controls -->
-		<div
-			class="absolute bottom-0 left-0 right-0 z-10 p-4 bg-gradient-to-t from-black/50 to-transparent transition-opacity duration-300"
-			class:opacity-0={!showControls}
-			class:pointer-events-none={!showControls}
-		>
-			<div class="max-w-4xl mx-auto flex items-center justify-between">
-				<!-- Left: Timer -->
-				<div class="flex items-center gap-4">
-					<button
-						onclick={toggleTimer}
-						class="p-2 hover:bg-white/10 rounded-lg transition-colors"
-						aria-label={isTimerRunning ? 'Pause timer' : 'Start timer'}
-					>
-						{#if isTimerRunning}
-							<Pause class="w-5 h-5" />
-						{:else}
-							<Play class="w-5 h-5" />
-						{/if}
-					</button>
-					<div class="flex items-center gap-2 text-slate-300">
-						<Clock class="w-4 h-4" />
-						<span class="font-mono">{formatTime(elapsedSeconds)}</span>
-					</div>
-				</div>
-
-				<!-- Center: Navigation -->
-				<div class="flex items-center gap-2">
-					<button
-						onclick={prevSlide}
-						disabled={currentSlideIndex === 0}
-						class="p-3 hover:bg-white/10 rounded-lg transition-colors disabled:opacity-30"
-						aria-label="Previous slide"
-					>
-						<CaretLeft class="w-6 h-6" />
-					</button>
-
-					<!-- Slide Dots -->
-					<div class="flex items-center gap-2 px-4">
-						{#each slides as _, index}
-							<button
-								onclick={() => goToSlide(index)}
-								class="w-2 h-2 rounded-full transition-all"
-								class:bg-primary-500={index === currentSlideIndex}
-								class:w-4={index === currentSlideIndex}
-								class:bg-slate-500={index !== currentSlideIndex}
-								aria-label="Go to slide {index + 1}"
-							></button>
-						{/each}
-					</div>
-
-					<button
-						onclick={nextSlide}
-						disabled={currentSlideIndex === slides.length - 1}
-						class="p-3 hover:bg-white/10 rounded-lg transition-colors disabled:opacity-30"
-						aria-label="Next slide"
-					>
-						<CaretRight class="w-6 h-6" />
-					</button>
-				</div>
-
-				<!-- Right: Fullscreen -->
-				<div class="flex items-center gap-2">
-					<button
-						onclick={toggleFullscreen}
-						class="p-2 hover:bg-white/10 rounded-lg transition-colors"
-						aria-label={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
-					>
-						{#if isFullscreen}
-							<ArrowsIn class="w-5 h-5" />
-						{:else}
-							<ArrowsOut class="w-5 h-5" />
-						{/if}
-					</button>
-				</div>
-			</div>
-		</div>
-	{:else}
-		<div class="flex-1 flex flex-col items-center justify-center">
-			<p class="text-slate-400 mb-4">No slides in this presentation</p>
-			<a
-				href="/login"
-				class="px-6 py-2 bg-primary-600 hover:bg-primary-700 rounded-lg font-medium transition-colors"
-			>
-				Sign in to Presi
-			</a>
-		</div>
-	{/if}
-</div>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index 71f129776..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | Presi</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/presi/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/presi/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index bbd586e38..000000000
--- a/apps/presi/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Presi</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/presi/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/presi/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 6d64ad0a3..000000000
--- a/apps/presi/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { PresiLogo } from '@manacore/shared-branding';
-	import { auth } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return auth.forgotPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | Presi</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Presi"
-	logo={PresiLogo}
-	primaryColor="#f97316"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#fff7ed"
-	darkBackground="#1c1210"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</ForgotPasswordPage>
diff --git a/apps/presi/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/presi/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 9bfc978c9..000000000
--- a/apps/presi/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { PresiLogo } from '@manacore/shared-branding';
-	import { auth } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Get redirect URL from query params
-	const redirectTo = $derived($page.url.searchParams.get('redirectTo') || '/');
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return auth.login(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return auth.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Presi</title>
-</svelte:head>
-
-<LoginPage
-	appName="Presi"
-	logo={PresiLogo}
-	primaryColor="#f97316"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={auth.isPasskeyAvailable()}
-	onSignInWithPasskey={() => auth.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => auth.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => auth.verifyBackupCode(code)}
-	onSendMagicLink={(email) => auth.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#fff7ed"
-	darkBackground="#1c1210"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</LoginPage>
diff --git a/apps/presi/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/presi/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 95be5a79e..000000000
--- a/apps/presi/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { PresiLogo } from '@manacore/shared-branding';
-	import { auth } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return auth.register(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return auth.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Presi</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Presi"
-	logo={PresiLogo}
-	primaryColor="#f97316"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect="/"
-	loginPath="/login"
-	lightBackground="#fff7ed"
-	darkBackground="#1c1210"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</RegisterPage>
diff --git a/apps/presi/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/presi/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 27cc51f24..000000000
--- a/apps/presi/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { PresiLogo } from '@manacore/shared-branding';
-	import { auth } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await auth.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Presi</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-orange-100 to-white dark:from-stone-900 dark:to-stone-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<PresiLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #f97316">Presi</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #f97316"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #f9731680; border-color: #f97316"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #f97316"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #f97316"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/presi/apps/web-archived/src/routes/+error.svelte b/apps/presi/apps/web-archived/src/routes/+error.svelte
deleted file mode 100644
index 6aeab6600..000000000
--- a/apps/presi/apps/web-archived/src/routes/+error.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-</script>
-
-<div class="flex min-h-[60vh] flex-col items-center justify-center text-center">
-	<h1 class="text-6xl font-bold text-purple-600 mb-4">{$page.status}</h1>
-	<p class="text-xl text-muted-foreground mb-8">{$page.error?.message || 'Seite nicht gefunden'}</p>
-	<a href="/" class="btn btn-primary">Zurück zur Startseite</a>
-</div>
diff --git a/apps/presi/apps/web-archived/src/routes/+layout.svelte b/apps/presi/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 4a273cb3f..000000000
--- a/apps/presi/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
-	import { auth } from '$lib/stores/auth.svelte';
-	import { theme } from '$lib/stores/theme';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-
-	onMount(async () => {
-		// Initialize theme
-		theme.initialize();
-
-		// Initialize auth
-		auth.init();
-
-		loading = false;
-	});
-</script>
-
-<svelte:head>
-	<title>Presi - Presentation Creator</title>
-</svelte:head>
-
-{#if loading || auth.isLoading}
-	<div class="flex min-h-screen items-center justify-center bg-background">
-		<div class="text-center">
-			<div
-				class="mb-4 inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid border-primary border-r-transparent"
-			></div>
-			<p class="text-muted-foreground">Laden...</p>
-		</div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-{/if}
diff --git a/apps/presi/apps/web-archived/src/routes/+layout.ts b/apps/presi/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/presi/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/presi/apps/web-archived/src/routes/health/+server.ts b/apps/presi/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index fd9b2cde2..000000000
--- a/apps/presi/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'presi-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/presi/apps/web-archived/src/routes/offline/+page.svelte b/apps/presi/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 83a30c8f5..000000000
--- a/apps/presi/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Presi"
-	offlineMessage="Presi benötigt eine Internetverbindung für Präsentationen."
-	accentColor="#9333ea"
-/>
diff --git a/apps/presi/apps/web-archived/src/routes/offline/+page.ts b/apps/presi/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/presi/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/presi/apps/web-archived/svelte.config.js b/apps/presi/apps/web-archived/svelte.config.js
deleted file mode 100644
index 1392f4f91..000000000
--- a/apps/presi/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		alias: {
-			$lib: './src/lib',
-		},
-		prerender: {
-			handleHttpError: ({ path, referrer, message }) => {
-				// Ignore missing favicon during prerender
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/presi/apps/web-archived/tsconfig.json b/apps/presi/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/presi/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/presi/apps/web-archived/vite.config.ts b/apps/presi/apps/web-archived/vite.config.ts
deleted file mode 100644
index 09f14d96f..000000000
--- a/apps/presi/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import path from 'path';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Presi - Präsentationen',
-				shortName: 'Presi',
-				description: 'Präsentationen erstellen und halten',
-				themeColor: '#a855f7',
-				preset: 'full',
-			})
-		),
-	],
-	server: {
-		port: 5178,
-		strictPort: true,
-		fs: {
-			allow: [
-				path.resolve(__dirname, '../../../../node_modules'),
-				path.resolve(__dirname, 'src'),
-				path.resolve(__dirname, '.svelte-kit'),
-				path.resolve(__dirname, 'node_modules'),
-				path.resolve(__dirname, '../../node_modules'),
-			],
-		},
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/questions/apps/web-archived/.env.example b/apps/questions/apps/web-archived/.env.example
deleted file mode 100644
index 18fefce29..000000000
--- a/apps/questions/apps/web-archived/.env.example
+++ /dev/null
@@ -1,7 +0,0 @@
-# Questions Web App Environment Variables
-
-# Backend API URL
-PUBLIC_BACKEND_URL=http://localhost:3011
-
-# Mana Core Auth URL
-PUBLIC_MANA_CORE_AUTH_URL=http://localhost:3001
diff --git a/apps/questions/apps/web-archived/package.json b/apps/questions/apps/web-archived/package.json
deleted file mode 100644
index 4af30cf71..000000000
--- a/apps/questions/apps/web-archived/package.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"name": "@questions/web",
-	"version": "0.1.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"date-fns": "^4.1.0",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/questions/apps/web-archived/src/app.css b/apps/questions/apps/web-archived/src/app.css
deleted file mode 100644
index 268dc921e..000000000
--- a/apps/questions/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,186 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-:root {
-	/* Questions App - Indigo/Blue Theme */
-	--color-primary: #6366f1;
-	--color-primary-hover: #4f46e5;
-	--color-primary-light: #818cf8;
-	--color-primary-dark: #4338ca;
-
-	--color-secondary: #e0e7ff;
-	--color-secondary-hover: #c7d2fe;
-
-	--color-accent: #8b5cf6;
-	--color-accent-hover: #7c3aed;
-
-	/* Question status colors */
-	--color-status-open: #6b7280;
-	--color-status-researching: #3b82f6;
-	--color-status-answered: #22c55e;
-	--color-status-archived: #9ca3af;
-
-	/* Research depth colors */
-	--color-depth-quick: #22c55e;
-	--color-depth-standard: #eab308;
-	--color-depth-deep: #8b5cf6;
-
-	/* Priority colors */
-	--color-priority-low: #6b7280;
-	--color-priority-normal: #3b82f6;
-	--color-priority-high: #f97316;
-	--color-priority-urgent: #ef4444;
-}
-
-/* Dark mode overrides */
-:root.dark {
-	--color-secondary: #1e1b4b;
-	--color-secondary-hover: #2e1065;
-}
-
-/* Question card transitions */
-.question-card {
-	transition:
-		transform 0.15s ease,
-		box-shadow 0.15s ease,
-		border-color 0.15s ease;
-}
-
-.question-card:hover {
-	transform: translateY(-2px);
-	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-}
-
-/* Collection item styling */
-.collection-item {
-	transition: background-color 0.15s ease;
-}
-
-.collection-item:hover {
-	background-color: var(--color-secondary);
-}
-
-.collection-item.active {
-	background-color: var(--color-secondary);
-	border-left: 3px solid var(--color-primary);
-}
-
-/* Research progress animation */
-.research-progress {
-	background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);
-	animation: pulse 2s infinite;
-}
-
-@keyframes pulse {
-	0%,
-	100% {
-		opacity: 1;
-	}
-	50% {
-		opacity: 0.7;
-	}
-}
-
-/* Source card */
-.source-card {
-	transition: all 0.15s ease;
-	border-left: 3px solid transparent;
-}
-
-.source-card:hover {
-	border-left-color: var(--color-primary);
-	background-color: var(--color-secondary);
-}
-
-/* Answer styling */
-.answer-accepted {
-	border: 2px solid var(--color-status-answered);
-	background-color: rgba(34, 197, 94, 0.05);
-}
-
-/* Tag badges */
-.tag-badge {
-	transition: all 0.15s ease;
-}
-
-.tag-badge:hover {
-	transform: scale(1.05);
-}
-
-/* Depth indicator */
-.depth-indicator {
-	display: inline-flex;
-	align-items: center;
-	gap: 0.25rem;
-	padding: 0.25rem 0.5rem;
-	border-radius: 9999px;
-	font-size: 0.75rem;
-	font-weight: 500;
-}
-
-.depth-quick {
-	background-color: rgba(34, 197, 94, 0.1);
-	color: var(--color-depth-quick);
-}
-
-.depth-standard {
-	background-color: rgba(234, 179, 8, 0.1);
-	color: var(--color-depth-standard);
-}
-
-.depth-deep {
-	background-color: rgba(139, 92, 246, 0.1);
-	color: var(--color-depth-deep);
-}
-
-/* Markdown content styling */
-.markdown-content {
-	line-height: 1.7;
-}
-
-.markdown-content h1,
-.markdown-content h2,
-.markdown-content h3 {
-	margin-top: 1.5em;
-	margin-bottom: 0.5em;
-	font-weight: 600;
-}
-
-.markdown-content p {
-	margin-bottom: 1em;
-}
-
-.markdown-content ul,
-.markdown-content ol {
-	margin-left: 1.5em;
-	margin-bottom: 1em;
-}
-
-.markdown-content code {
-	background-color: var(--color-secondary);
-	padding: 0.125rem 0.25rem;
-	border-radius: 0.25rem;
-	font-size: 0.875em;
-}
-
-.markdown-content pre {
-	background-color: var(--color-secondary);
-	padding: 1rem;
-	border-radius: 0.5rem;
-	overflow-x: auto;
-	margin-bottom: 1em;
-}
-
-.markdown-content blockquote {
-	border-left: 3px solid var(--color-primary);
-	padding-left: 1rem;
-	margin-left: 0;
-	color: var(--color-text-muted);
-}
diff --git a/apps/questions/apps/web-archived/src/app.d.ts b/apps/questions/apps/web-archived/src/app.d.ts
deleted file mode 100644
index 6788e7f2a..000000000
--- a/apps/questions/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
-
-// See https://kit.svelte.dev/docs/types#app
-// for information about these interfaces
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/apps/questions/apps/web-archived/src/app.html b/apps/questions/apps/web-archived/src/app.html
deleted file mode 100644
index 3908e9ccf..000000000
--- a/apps/questions/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="theme-color" content="#6366f1" />
-		<meta name="description" content="Questions - AI-powered research assistant" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/questions/apps/web-archived/src/hooks.client.ts b/apps/questions/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index a5682ee5b..000000000
--- a/apps/questions/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'questions-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/questions/apps/web-archived/src/hooks.server.ts b/apps/questions/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 461480e2b..000000000
--- a/apps/questions/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/questions/apps/web-archived/src/lib/api/answers.ts b/apps/questions/apps/web-archived/src/lib/api/answers.ts
deleted file mode 100644
index c45fc0e38..000000000
--- a/apps/questions/apps/web-archived/src/lib/api/answers.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { apiClient } from './client';
-import type { Answer } from '$lib/types';
-
-export interface RateAnswerDto {
-	rating: number;
-	feedback?: string;
-}
-
-export const answersApi = {
-	async getByQuestion(questionId: string): Promise<Answer[]> {
-		return apiClient.get<Answer[]>(`/api/v1/answers/question/${questionId}`);
-	},
-
-	async getAccepted(questionId: string): Promise<Answer | null> {
-		return apiClient.get<Answer | null>(`/api/v1/answers/question/${questionId}/accepted`);
-	},
-
-	async getById(id: string): Promise<Answer> {
-		return apiClient.get<Answer>(`/api/v1/answers/${id}`);
-	},
-
-	async rate(id: string, data: RateAnswerDto): Promise<Answer> {
-		return apiClient.post<Answer>(`/api/v1/answers/${id}/rate`, data);
-	},
-
-	async accept(id: string, isAccepted: boolean): Promise<Answer> {
-		return apiClient.post<Answer>(`/api/v1/answers/${id}/accept`, { isAccepted });
-	},
-
-	async delete(id: string): Promise<void> {
-		await apiClient.delete(`/api/v1/answers/${id}`);
-	},
-};
diff --git a/apps/questions/apps/web-archived/src/lib/api/client.ts b/apps/questions/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index 472e7234d..000000000
--- a/apps/questions/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * API Client for Questions backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { PUBLIC_BACKEND_URL } from '$env/static/public';
-
-const BASE_URL = PUBLIC_BACKEND_URL || 'http://localhost:3011';
-
-// Token storage for manual token management
-let currentToken: string | null = null;
-
-/**
- * Questions API client instance
- * - Supports manual token setting via setAccessToken()
- * - Runtime URL injection via window.__PUBLIC_BACKEND_URL__
- * - Consistent ApiResult<T> response format
- */
-const api = createApiClient({
-	baseUrl: BASE_URL,
-	apiPrefix: '',
-	getAuthToken: async () => currentToken,
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-/**
- * Legacy ApiClient class wrapper for backward compatibility
- * Maintains throw-based error handling for existing code
- */
-class ApiClient {
-	setAccessToken(token: string | null) {
-		currentToken = token;
-	}
-
-	getAccessToken(): string | null {
-		return currentToken;
-	}
-
-	async fetch<T>(endpoint: string, options: { method?: string; body?: unknown } = {}): Promise<T> {
-		const { method = 'GET', body } = options;
-
-		let result: ApiResult<T>;
-		switch (method) {
-			case 'POST':
-				result = await api.post<T>(endpoint, body);
-				break;
-			case 'PUT':
-				result = await api.put<T>(endpoint, body);
-				break;
-			case 'DELETE':
-				result = await api.delete<T>(endpoint);
-				break;
-			default:
-				result = await api.get<T>(endpoint);
-		}
-
-		if (result.error) {
-			throw new Error(result.error.message);
-		}
-
-		if (result.data === null) {
-			return {} as T;
-		}
-
-		return result.data;
-	}
-
-	get<T>(endpoint: string, headers?: Record<string, string>): Promise<T> {
-		return this.fetch<T>(endpoint, { method: 'GET' });
-	}
-
-	post<T>(endpoint: string, body?: unknown, headers?: Record<string, string>): Promise<T> {
-		return this.fetch<T>(endpoint, { method: 'POST', body });
-	}
-
-	put<T>(endpoint: string, body?: unknown, headers?: Record<string, string>): Promise<T> {
-		return this.fetch<T>(endpoint, { method: 'PUT', body });
-	}
-
-	delete<T>(endpoint: string, headers?: Record<string, string>): Promise<T> {
-		return this.fetch<T>(endpoint, { method: 'DELETE' });
-	}
-}
-
-export const apiClient = new ApiClient();
diff --git a/apps/questions/apps/web-archived/src/lib/api/collections.ts b/apps/questions/apps/web-archived/src/lib/api/collections.ts
deleted file mode 100644
index 9ec8995b1..000000000
--- a/apps/questions/apps/web-archived/src/lib/api/collections.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { apiClient } from './client';
-import type { Collection, CreateCollectionDto, UpdateCollectionDto } from '$lib/types';
-
-export const collectionsApi = {
-	async getAll(): Promise<Collection[]> {
-		return apiClient.get<Collection[]>('/api/v1/collections');
-	},
-
-	async getById(id: string): Promise<Collection> {
-		return apiClient.get<Collection>(`/api/v1/collections/${id}`);
-	},
-
-	async getDefault(): Promise<Collection | null> {
-		return apiClient.get<Collection | null>('/api/v1/collections/default');
-	},
-
-	async create(data: CreateCollectionDto): Promise<Collection> {
-		return apiClient.post<Collection>('/api/v1/collections', data);
-	},
-
-	async update(id: string, data: UpdateCollectionDto): Promise<Collection> {
-		return apiClient.put<Collection>(`/api/v1/collections/${id}`, data);
-	},
-
-	async delete(id: string): Promise<void> {
-		await apiClient.delete(`/api/v1/collections/${id}`);
-	},
-
-	async reorder(orderedIds: string[]): Promise<void> {
-		await apiClient.post('/api/v1/collections/reorder', { orderedIds });
-	},
-};
diff --git a/apps/questions/apps/web-archived/src/lib/api/index.ts b/apps/questions/apps/web-archived/src/lib/api/index.ts
deleted file mode 100644
index 48d25f2ea..000000000
--- a/apps/questions/apps/web-archived/src/lib/api/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export { apiClient } from './client';
-export { questionsApi } from './questions';
-export { collectionsApi } from './collections';
-export { researchApi } from './research';
-export { answersApi } from './answers';
-export { sourcesApi } from './sources';
diff --git a/apps/questions/apps/web-archived/src/lib/api/questions.ts b/apps/questions/apps/web-archived/src/lib/api/questions.ts
deleted file mode 100644
index e20de37af..000000000
--- a/apps/questions/apps/web-archived/src/lib/api/questions.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { apiClient } from './client';
-import type {
-	Question,
-	CreateQuestionDto,
-	UpdateQuestionDto,
-	PaginatedResponse,
-} from '$lib/types';
-
-export interface QuestionFilters {
-	collectionId?: string;
-	status?: string;
-	search?: string;
-	tags?: string[];
-	limit?: number;
-	offset?: number;
-}
-
-export const questionsApi = {
-	async getAll(filters?: QuestionFilters): Promise<PaginatedResponse<Question>> {
-		const params = new URLSearchParams();
-		if (filters?.collectionId) params.set('collectionId', filters.collectionId);
-		if (filters?.status) params.set('status', filters.status);
-		if (filters?.search) params.set('search', filters.search);
-		if (filters?.tags?.length) params.set('tags', filters.tags.join(','));
-		if (filters?.limit) params.set('limit', filters.limit.toString());
-		if (filters?.offset) params.set('offset', filters.offset.toString());
-
-		const query = params.toString();
-		return apiClient.get<PaginatedResponse<Question>>(
-			`/api/v1/questions${query ? `?${query}` : ''}`,
-		);
-	},
-
-	async getById(id: string): Promise<Question> {
-		return apiClient.get<Question>(`/api/v1/questions/${id}`);
-	},
-
-	async create(data: CreateQuestionDto): Promise<Question> {
-		return apiClient.post<Question>('/api/v1/questions', data);
-	},
-
-	async update(id: string, data: UpdateQuestionDto): Promise<Question> {
-		return apiClient.put<Question>(`/api/v1/questions/${id}`, data);
-	},
-
-	async delete(id: string): Promise<void> {
-		await apiClient.delete(`/api/v1/questions/${id}`);
-	},
-
-	async updateStatus(id: string, status: string): Promise<Question> {
-		return apiClient.put<Question>(`/api/v1/questions/${id}/status`, { status });
-	},
-};
diff --git a/apps/questions/apps/web-archived/src/lib/api/research.ts b/apps/questions/apps/web-archived/src/lib/api/research.ts
deleted file mode 100644
index 8abcbaf65..000000000
--- a/apps/questions/apps/web-archived/src/lib/api/research.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { apiClient } from './client';
-import type { ResearchResult, StartResearchDto } from '$lib/types';
-
-export const researchApi = {
-	async start(data: StartResearchDto): Promise<ResearchResult> {
-		return apiClient.post<ResearchResult>('/api/v1/research/start', data);
-	},
-
-	async getByQuestion(questionId: string): Promise<ResearchResult[]> {
-		return apiClient.get<ResearchResult[]>(`/api/v1/research/question/${questionId}`);
-	},
-
-	async getById(id: string): Promise<ResearchResult> {
-		return apiClient.get<ResearchResult>(`/api/v1/research/${id}`);
-	},
-
-	async checkHealth(): Promise<{ service: string; status: string }> {
-		return apiClient.get('/api/v1/research/health/search');
-	},
-};
diff --git a/apps/questions/apps/web-archived/src/lib/api/sources.ts b/apps/questions/apps/web-archived/src/lib/api/sources.ts
deleted file mode 100644
index c7a353f0c..000000000
--- a/apps/questions/apps/web-archived/src/lib/api/sources.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { apiClient } from './client';
-import type { Source } from '$lib/types';
-
-export const sourcesApi = {
-	async getByResearchResult(researchResultId: string): Promise<Source[]> {
-		return apiClient.get<Source[]>(`/api/v1/sources/research/${researchResultId}`);
-	},
-
-	async getByQuestion(questionId: string): Promise<Source[]> {
-		return apiClient.get<Source[]>(`/api/v1/sources/question/${questionId}`);
-	},
-
-	async getById(id: string): Promise<Source> {
-		return apiClient.get<Source>(`/api/v1/sources/${id}`);
-	},
-
-	async getContent(id: string): Promise<{ text: string; markdown?: string }> {
-		return apiClient.get(`/api/v1/sources/${id}/content`);
-	},
-};
diff --git a/apps/questions/apps/web-archived/src/lib/components/CollectionModal.svelte b/apps/questions/apps/web-archived/src/lib/components/CollectionModal.svelte
deleted file mode 100644
index c902b6c2e..000000000
--- a/apps/questions/apps/web-archived/src/lib/components/CollectionModal.svelte
+++ /dev/null
@@ -1,218 +0,0 @@
-<script lang="ts">
-	import { X } from '@manacore/shared-icons';
-	import { collectionsStore } from '$lib/stores';
-	import type { Collection, CreateCollectionDto, UpdateCollectionDto } from '$lib/types';
-
-	interface Props {
-		collection?: Collection | null;
-		onClose: () => void;
-		onSave: (collection: Collection) => void;
-	}
-
-	let { collection = null, onClose, onSave }: Props = $props();
-
-	let name = $state(collection?.name || '');
-	let description = $state(collection?.description || '');
-	let color = $state(collection?.color || '#6366f1');
-	let icon = $state(collection?.icon || 'folder');
-	let isDefault = $state(collection?.isDefault || false);
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-
-	const colors = [
-		'#6366f1', // Indigo
-		'#8b5cf6', // Violet
-		'#ec4899', // Pink
-		'#ef4444', // Red
-		'#f97316', // Orange
-		'#eab308', // Yellow
-		'#22c55e', // Green
-		'#14b8a6', // Teal
-		'#3b82f6', // Blue
-		'#6b7280', // Gray
-	];
-
-	const icons = [
-		'folder',
-		'star',
-		'heart',
-		'bookmark',
-		'lightbulb',
-		'rocket',
-		'code',
-		'book',
-		'briefcase',
-		'globe',
-	];
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-
-		if (!name.trim()) {
-			error = 'Name is required';
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		try {
-			let saved: Collection | null;
-
-			if (collection) {
-				const data: UpdateCollectionDto = {
-					name: name.trim(),
-					description: description.trim() || undefined,
-					color,
-					icon,
-					isDefault,
-				};
-				saved = await collectionsStore.update(collection.id, data);
-			} else {
-				const data: CreateCollectionDto = {
-					name: name.trim(),
-					description: description.trim() || undefined,
-					color,
-					icon,
-					isDefault,
-				};
-				saved = await collectionsStore.create(data);
-			}
-
-			if (saved) {
-				onSave(saved);
-			} else {
-				error = collectionsStore.error || 'Failed to save collection';
-			}
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to save collection';
-		} finally {
-			loading = false;
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-</script>
-
-<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-<div
-	class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"
-	onclick={handleBackdropClick}
->
-	<div class="w-full max-w-md rounded-xl bg-card shadow-xl" onclick={(e) => e.stopPropagation()}>
-		<!-- Header -->
-		<div class="flex items-center justify-between border-b border-border px-6 py-4">
-			<h2 class="text-lg font-semibold text-foreground">
-				{collection ? 'Edit Collection' : 'New Collection'}
-			</h2>
-			<button onclick={onClose} class="rounded-lg p-2 text-muted-foreground hover:bg-secondary">
-				<X class="h-5 w-5" />
-			</button>
-		</div>
-
-		<!-- Form -->
-		<form onsubmit={handleSubmit} class="p-6">
-			{#if error}
-				<div class="mb-4 rounded-lg bg-destructive/10 p-3 text-sm text-destructive">
-					{error}
-				</div>
-			{/if}
-
-			<!-- Name -->
-			<div class="mb-4">
-				<label for="name" class="mb-1 block text-sm font-medium text-foreground">Name</label>
-				<input
-					type="text"
-					id="name"
-					bind:value={name}
-					placeholder="Collection name"
-					class="w-full rounded-lg border border-border bg-background px-4 py-2 text-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-				/>
-			</div>
-
-			<!-- Description -->
-			<div class="mb-4">
-				<label for="description" class="mb-1 block text-sm font-medium text-foreground"
-					>Description</label
-				>
-				<textarea
-					id="description"
-					bind:value={description}
-					placeholder="Optional description"
-					rows="2"
-					class="w-full rounded-lg border border-border bg-background px-4 py-2 text-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-				></textarea>
-			</div>
-
-			<!-- Color -->
-			<div class="mb-4">
-				<label class="mb-2 block text-sm font-medium text-foreground">Color</label>
-				<div class="flex flex-wrap gap-2">
-					{#each colors as c}
-						<button
-							type="button"
-							onclick={() => (color = c)}
-							class="h-8 w-8 rounded-full border-2 transition-transform hover:scale-110 {color === c
-								? 'border-foreground scale-110'
-								: 'border-transparent'}"
-							style="background-color: {c}"
-						></button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Icon -->
-			<div class="mb-4">
-				<label class="mb-2 block text-sm font-medium text-foreground">Icon</label>
-				<div class="flex flex-wrap gap-2">
-					{#each icons as i}
-						<button
-							type="button"
-							onclick={() => (icon = i)}
-							class="flex h-10 w-10 items-center justify-center rounded-lg border-2 text-sm transition-all {icon ===
-							i
-								? 'border-primary bg-primary/10'
-								: 'border-border hover:border-primary/50'}"
-						>
-							{i.charAt(0).toUpperCase()}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Default -->
-			<div class="mb-6">
-				<label class="flex items-center gap-3">
-					<input
-						type="checkbox"
-						bind:checked={isDefault}
-						class="h-5 w-5 rounded border-border text-primary focus:ring-primary"
-					/>
-					<span class="text-foreground">Set as default collection</span>
-				</label>
-			</div>
-
-			<!-- Actions -->
-			<div class="flex gap-3">
-				<button
-					type="button"
-					onclick={onClose}
-					class="flex-1 rounded-lg border border-border px-4 py-2 font-medium text-foreground hover:bg-secondary"
-				>
-					Cancel
-				</button>
-				<button
-					type="submit"
-					disabled={loading}
-					class="flex-1 rounded-lg bg-primary px-4 py-2 font-medium text-primary-foreground hover:bg-primary-hover disabled:opacity-50"
-				>
-					{loading ? 'Saving...' : collection ? 'Update' : 'Create'}
-				</button>
-			</div>
-		</form>
-	</div>
-</div>
diff --git a/apps/questions/apps/web-archived/src/lib/components/ErrorAlert.svelte b/apps/questions/apps/web-archived/src/lib/components/ErrorAlert.svelte
deleted file mode 100644
index 2ec9210a8..000000000
--- a/apps/questions/apps/web-archived/src/lib/components/ErrorAlert.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { WarningCircle, X, ArrowsClockwise } from '@manacore/shared-icons';
-
-	interface Props {
-		message: string;
-		onDismiss?: () => void;
-		onRetry?: () => void;
-	}
-
-	let { message, onDismiss, onRetry }: Props = $props();
-</script>
-
-<div
-	class="flex items-start gap-3 rounded-lg border border-destructive/20 bg-destructive/10 p-4"
-	role="alert"
->
-	<WarningCircle class="mt-0.5 h-5 w-5 flex-shrink-0 text-destructive" />
-
-	<div class="flex-1">
-		<p class="text-sm font-medium text-destructive">Error</p>
-		<p class="mt-1 text-sm text-foreground">{message}</p>
-
-		{#if onRetry}
-			<button
-				onclick={onRetry}
-				class="mt-2 inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline"
-			>
-				<ArrowsClockwise class="h-4 w-4" />
-				Try again
-			</button>
-		{/if}
-	</div>
-
-	{#if onDismiss}
-		<button onclick={onDismiss} class="text-muted-foreground hover:text-foreground">
-			<X class="h-5 w-5" />
-		</button>
-	{/if}
-</div>
diff --git a/apps/questions/apps/web-archived/src/lib/components/index.ts b/apps/questions/apps/web-archived/src/lib/components/index.ts
deleted file mode 100644
index 5132757ad..000000000
--- a/apps/questions/apps/web-archived/src/lib/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as CollectionModal } from './CollectionModal.svelte';
-export { default as ErrorAlert } from './ErrorAlert.svelte';
-export * from './skeletons';
diff --git a/apps/questions/apps/web-archived/src/lib/components/skeletons/QuestionDetailSkeleton.svelte b/apps/questions/apps/web-archived/src/lib/components/skeletons/QuestionDetailSkeleton.svelte
deleted file mode 100644
index 067724d23..000000000
--- a/apps/questions/apps/web-archived/src/lib/components/skeletons/QuestionDetailSkeleton.svelte
+++ /dev/null
@@ -1,56 +0,0 @@
-<div class="p-6 animate-pulse">
-	<!-- Header -->
-	<div class="mb-6">
-		<div class="mb-4 h-4 w-32 rounded bg-muted"></div>
-		<div class="h-8 w-3/4 rounded bg-muted"></div>
-		<div class="mt-2 h-5 w-1/2 rounded bg-muted"></div>
-
-		<div class="mt-4 flex items-center gap-3">
-			<div class="h-6 w-24 rounded-full bg-muted"></div>
-			<div class="h-6 w-20 rounded-full bg-muted"></div>
-			<div class="h-6 w-16 rounded-full bg-muted"></div>
-		</div>
-	</div>
-
-	<!-- Research Results -->
-	<div class="mb-8">
-		<div class="mb-4 h-6 w-40 rounded bg-muted"></div>
-		<div class="rounded-xl border border-border bg-card p-6">
-			<div class="mb-4 h-5 w-24 rounded bg-muted"></div>
-			<div class="space-y-2">
-				<div class="h-4 w-full rounded bg-muted"></div>
-				<div class="h-4 w-full rounded bg-muted"></div>
-				<div class="h-4 w-3/4 rounded bg-muted"></div>
-			</div>
-
-			<div class="mt-6 mb-4 h-5 w-28 rounded bg-muted"></div>
-			<div class="space-y-2">
-				<div class="h-4 w-2/3 rounded bg-muted"></div>
-				<div class="h-4 w-1/2 rounded bg-muted"></div>
-				<div class="h-4 w-3/4 rounded bg-muted"></div>
-			</div>
-		</div>
-	</div>
-
-	<!-- Sources -->
-	<div>
-		<div class="mb-4 h-6 w-32 rounded bg-muted"></div>
-		<div class="space-y-3">
-			{#each Array(3) as _}
-				<div class="rounded-lg border border-border bg-card p-4">
-					<div class="flex items-start gap-4">
-						<div class="flex-1">
-							<div class="h-5 w-3/4 rounded bg-muted"></div>
-							<div class="mt-1 h-4 w-1/4 rounded bg-muted"></div>
-							<div class="mt-2 h-4 w-full rounded bg-muted"></div>
-							<div class="mt-3 flex gap-4">
-								<div class="h-4 w-16 rounded bg-muted"></div>
-								<div class="h-4 w-20 rounded bg-muted"></div>
-							</div>
-						</div>
-					</div>
-				</div>
-			{/each}
-		</div>
-	</div>
-</div>
diff --git a/apps/questions/apps/web-archived/src/lib/components/skeletons/QuestionSkeleton.svelte b/apps/questions/apps/web-archived/src/lib/components/skeletons/QuestionSkeleton.svelte
deleted file mode 100644
index f0adafcb6..000000000
--- a/apps/questions/apps/web-archived/src/lib/components/skeletons/QuestionSkeleton.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	interface Props {
-		count?: number;
-	}
-
-	let { count = 5 }: Props = $props();
-</script>
-
-<div class="space-y-3">
-	{#each Array(count) as _, i}
-		<div class="rounded-xl border border-border bg-card p-4 animate-pulse">
-			<div class="flex items-start gap-4">
-				<!-- Status Icon -->
-				<div class="mt-1">
-					<div class="h-5 w-5 rounded-full bg-muted"></div>
-				</div>
-
-				<!-- Content -->
-				<div class="flex-1">
-					<div class="h-5 w-3/4 rounded bg-muted"></div>
-					<div class="mt-2 h-4 w-1/2 rounded bg-muted"></div>
-
-					<div class="mt-3 flex items-center gap-3">
-						<div class="h-5 w-16 rounded-full bg-muted"></div>
-						<div class="h-5 w-16 rounded-full bg-muted"></div>
-						<div class="h-4 w-20 rounded bg-muted"></div>
-					</div>
-				</div>
-			</div>
-		</div>
-	{/each}
-</div>
diff --git a/apps/questions/apps/web-archived/src/lib/components/skeletons/index.ts b/apps/questions/apps/web-archived/src/lib/components/skeletons/index.ts
deleted file mode 100644
index 5a52fea21..000000000
--- a/apps/questions/apps/web-archived/src/lib/components/skeletons/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as QuestionSkeleton } from './QuestionSkeleton.svelte';
-export { default as QuestionDetailSkeleton } from './QuestionDetailSkeleton.svelte';
-
-// App Loading Skeleton (from shared-ui with 'sidebar' layout)
-export { AppLoadingSkeleton } from '@manacore/shared-ui';
diff --git a/apps/questions/apps/web-archived/src/lib/content/help/index.test.ts b/apps/questions/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 3662cd991..000000000
--- a/apps/questions/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getQuestionsHelpContent } from './index';
-
-describe('Questions Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getQuestionsHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getQuestionsHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getQuestionsHelpContent('de');
-		const en = getQuestionsHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getQuestionsHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/questions/apps/web-archived/src/lib/content/help/index.ts b/apps/questions/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index e56248bf0..000000000
--- a/apps/questions/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-/**
- * Help content for Questions app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getQuestionsHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-research',
-				question: isDE ? 'Wie funktioniert die KI-Recherche?' : 'How does AI research work?',
-				answer: isDE
-					? '<p>Questions nutzt KI und Websuche, um deine Fragen gründlich zu beantworten:</p><ol><li>Stelle eine Frage oder gib ein Recherchethema ein</li><li>Die KI durchsucht das Web nach relevanten Quellen</li><li>Informationen werden analysiert, zusammengefasst und mit Quellenangaben versehen</li><li>Du erhältst eine strukturierte Antwort mit verlinkten Quellen</li></ol><p>Je spezifischer deine Frage, desto besser die Ergebnisse.</p>'
-					: '<p>Questions uses AI and web search to thoroughly answer your questions:</p><ol><li>Ask a question or enter a research topic</li><li>The AI searches the web for relevant sources</li><li>Information is analyzed, summarized, and attributed to sources</li><li>You receive a structured answer with linked sources</li></ol><p>The more specific your question, the better the results.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: ['research', 'ai', 'search', 'questions'],
-			},
-			{
-				id: 'faq-depth',
-				question: isDE ? 'Was sind Recherchetiefen?' : 'What are research depths?',
-				answer: isDE
-					? '<p>Du kannst die Gründlichkeit der Recherche steuern:</p><ul><li><strong>Schnell</strong> — Kurze, direkte Antwort aus wenigen Quellen</li><li><strong>Standard</strong> — Ausgewogene Recherche mit mehreren Quellen</li><li><strong>Tief</strong> — Umfassende Analyse mit vielen Quellen und Details</li><li><strong>Experte</strong> — Maximale Tiefe mit akademischen und spezialisierten Quellen</li></ul><p>Tiefere Recherchen dauern länger, liefern aber detailliertere Ergebnisse.</p>'
-					: '<p>You can control the thoroughness of the research:</p><ul><li><strong>Quick</strong> — Brief, direct answer from a few sources</li><li><strong>Standard</strong> — Balanced research with multiple sources</li><li><strong>Deep</strong> — Comprehensive analysis with many sources and details</li><li><strong>Expert</strong> — Maximum depth with academic and specialized sources</li></ul><p>Deeper research takes longer but delivers more detailed results.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: ['depth', 'levels', 'quick', 'deep', 'expert'],
-			},
-			{
-				id: 'faq-sources',
-				question: isDE ? 'Wie funktionieren Quellenangaben?' : 'How do sources work?',
-				answer: isDE
-					? '<p>Jede Antwort enthält verifizierbare Quellenangaben:</p><ul><li>Quellen werden als nummerierte Referenzen im Text angezeigt</li><li>Klicke auf eine Quellenangabe, um die Originalseite zu besuchen</li><li>Die Zuverlässigkeit jeder Quelle wird bewertet</li><li>Du kannst die Quellentypen filtern (Nachricht, Akademisch, Blog, etc.)</li></ul><p>So kannst du jede Information selbst überprüfen.</p>'
-					: '<p>Every answer includes verifiable source attributions:</p><ul><li>Sources are displayed as numbered references in the text</li><li>Click a source reference to visit the original page</li><li>The reliability of each source is evaluated</li><li>You can filter source types (news, academic, blog, etc.)</li></ul><p>This allows you to verify any information yourself.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: ['sources', 'references', 'attribution', 'verification'],
-			},
-			{
-				id: 'faq-collections',
-				question: isDE ? 'Was sind Sammlungen?' : 'What are collections?',
-				answer: isDE
-					? '<p>Sammlungen helfen dir, deine Recherchen zu organisieren:</p><ul><li>Erstelle thematische Sammlungen für verschiedene Projekte</li><li>Speichere Fragen und Antworten in Sammlungen</li><li>Teile Sammlungen mit anderen Nutzern</li><li>Exportiere Sammlungen als Dokument</li></ul><p>Alle deine Recherchen werden automatisch im Verlauf gespeichert.</p>'
-					: '<p>Collections help you organize your research:</p><ul><li>Create thematic collections for different projects</li><li>Save questions and answers to collections</li><li>Share collections with other users</li><li>Export collections as a document</li></ul><p>All your research is automatically saved in the history.</p>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: ['collections', 'organize', 'save', 'share'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Fragen', dataTypeEN: 'questions' }),
-		],
-		features: [
-			{
-				id: 'feature-research',
-				title: isDE ? 'KI-Recherche' : 'AI Research',
-				description: isDE
-					? 'Stelle Fragen und erhalte gründlich recherchierte Antworten mit Quellenangaben.'
-					: 'Ask questions and get thoroughly researched answers with source attributions.',
-				icon: '🔍',
-				category: 'core',
-				highlights: isDE
-					? ['Websuche-Integration', 'Strukturierte Antworten', 'Quellenangaben']
-					: ['Web search integration', 'Structured answers', 'Source attribution'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-sources',
-				title: isDE ? 'Quellenangaben' : 'Source Attribution',
-				description: isDE
-					? 'Jede Antwort enthält verifizierbare Quellenangaben mit Zuverlässigkeitsbewertung.'
-					: 'Every answer includes verifiable source attributions with reliability ratings.',
-				icon: '📚',
-				category: 'core',
-				highlights: isDE
-					? ['Nummerierte Referenzen', 'Direkte Links', 'Zuverlässigkeitsbewertung']
-					: ['Numbered references', 'Direct links', 'Reliability ratings'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-collections',
-				title: isDE ? 'Sammlungen' : 'Collections',
-				description: isDE
-					? 'Organisiere deine Recherchen in thematischen Sammlungen zum Teilen und Exportieren.'
-					: 'Organize your research into thematic collections for sharing and exporting.',
-				icon: '📂',
-				category: 'core',
-				highlights: isDE
-					? ['Thematische Ordnung', 'Teilen & Export', 'Automatischer Verlauf']
-					: ['Thematic organization', 'Share & export', 'Automatic history'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-depth',
-				title: isDE ? 'Mehrere Recherchetiefen' : 'Multiple Depth Levels',
-				description: isDE
-					? 'Wähle zwischen schnellen Antworten und tiefgehenden Expertenrecherchen.'
-					: 'Choose between quick answers and in-depth expert research.',
-				icon: '📊',
-				category: 'advanced',
-				highlights: isDE
-					? ['4 Tiefenstufen', 'Akademische Quellen', 'Anpassbare Gründlichkeit']
-					: ['4 depth levels', 'Academic sources', 'Adjustable thoroughness'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Questions.</p>'
-				: '<p>Our support team is here to help you with any questions about Questions.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/questions/apps/web-archived/src/lib/data/demo-questions.ts b/apps/questions/apps/web-archived/src/lib/data/demo-questions.ts
deleted file mode 100644
index 617a013f3..000000000
--- a/apps/questions/apps/web-archived/src/lib/data/demo-questions.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-/**
- * Demo Questions - Static sample questions for unauthenticated users
- *
- * Shows a realistic set of research questions to demonstrate
- * the app's capabilities without requiring login.
- */
-
-import type { Question, Collection } from '$lib/types';
-
-/**
- * Demo collection for sample questions
- */
-export const DEMO_COLLECTION: Collection = {
-	id: 'demo-collection',
-	userId: 'demo',
-	name: 'Tech Research',
-	description: 'Sample technology research questions',
-	color: '#8b5cf6',
-	icon: 'folder',
-	isDefault: true,
-	sortOrder: 0,
-	createdAt: new Date().toISOString(),
-	updatedAt: new Date().toISOString(),
-	questionCount: 5,
-};
-
-/**
- * Generate demo questions for unauthenticated users
- */
-export function generateDemoQuestions(): Question[] {
-	const now = new Date();
-
-	return [
-		{
-			id: 'demo_1',
-			userId: 'demo',
-			collectionId: DEMO_COLLECTION.id,
-			title: 'What are the key differences between React Server Components and traditional SSR?',
-			description:
-				'I want to understand how RSC differs from traditional server-side rendering approaches and when to use each.',
-			status: 'answered',
-			priority: 'high',
-			tags: ['react', 'ssr', 'web-development'],
-			researchDepth: 'deep',
-			createdAt: new Date(now.getTime() - 2 * 24 * 60 * 60 * 1000).toISOString(),
-			updatedAt: new Date(now.getTime() - 1 * 24 * 60 * 60 * 1000).toISOString(),
-		},
-		{
-			id: 'demo_2',
-			userId: 'demo',
-			collectionId: DEMO_COLLECTION.id,
-			title: 'How does vector database similarity search work under the hood?',
-			description:
-				'Exploring the algorithms and data structures used in vector databases for semantic search.',
-			status: 'researching',
-			priority: 'normal',
-			tags: ['ai', 'databases', 'embeddings'],
-			researchDepth: 'standard',
-			createdAt: new Date(now.getTime() - 1 * 24 * 60 * 60 * 1000).toISOString(),
-			updatedAt: new Date(now.getTime() - 12 * 60 * 60 * 1000).toISOString(),
-		},
-		{
-			id: 'demo_3',
-			userId: 'demo',
-			collectionId: DEMO_COLLECTION.id,
-			title: 'What are best practices for implementing OAuth 2.0 with PKCE in mobile apps?',
-			description: 'Security considerations and implementation patterns for mobile authentication.',
-			status: 'open',
-			priority: 'urgent',
-			tags: ['security', 'oauth', 'mobile'],
-			researchDepth: 'deep',
-			createdAt: new Date(now.getTime() - 6 * 60 * 60 * 1000).toISOString(),
-			updatedAt: new Date(now.getTime() - 6 * 60 * 60 * 1000).toISOString(),
-		},
-		{
-			id: 'demo_4',
-			userId: 'demo',
-			collectionId: DEMO_COLLECTION.id,
-			title: 'How do transformer models handle context length limitations?',
-			description:
-				'Understanding techniques like sliding window attention, sparse attention, and context compression.',
-			status: 'answered',
-			priority: 'normal',
-			tags: ['ai', 'transformers', 'llm'],
-			researchDepth: 'standard',
-			createdAt: new Date(now.getTime() - 5 * 24 * 60 * 60 * 1000).toISOString(),
-			updatedAt: new Date(now.getTime() - 3 * 24 * 60 * 60 * 1000).toISOString(),
-		},
-		{
-			id: 'demo_5',
-			userId: 'demo',
-			collectionId: DEMO_COLLECTION.id,
-			title: 'What are the trade-offs between monorepo and polyrepo architectures?',
-			description:
-				'Comparing build systems, dependency management, and team collaboration patterns.',
-			status: 'open',
-			priority: 'low',
-			tags: ['architecture', 'devops', 'tooling'],
-			researchDepth: 'quick',
-			createdAt: new Date(now.getTime() - 3 * 24 * 60 * 60 * 1000).toISOString(),
-			updatedAt: new Date(now.getTime() - 3 * 24 * 60 * 60 * 1000).toISOString(),
-		},
-	];
-}
-
-/**
- * Check if an ID belongs to a demo question
- */
-export function isDemoQuestion(id: string): boolean {
-	return id.startsWith('demo_');
-}
-
-/**
- * Check if an ID belongs to the demo collection
- */
-export function isDemoCollection(id: string): boolean {
-	return id === DEMO_COLLECTION.id;
-}
diff --git a/apps/questions/apps/web-archived/src/lib/data/guest-seed.ts b/apps/questions/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index f7e004e0e..000000000
--- a/apps/questions/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Guest seed data for the Questions app.
- *
- * Provides demo collections and questions for the onboarding experience.
- */
-
-import type { LocalCollection, LocalQuestion } from './local-store';
-
-const DEMO_COLLECTION_ID = 'demo-research';
-
-export const guestCollections: LocalCollection[] = [
-	{
-		id: DEMO_COLLECTION_ID,
-		name: 'Erste Recherche',
-		description: 'Beispiel-Sammlung zum Kennenlernen.',
-		color: '#6366f1',
-		icon: 'search',
-		isDefault: true,
-		sortOrder: 0,
-	},
-];
-
-export const guestQuestions: LocalQuestion[] = [
-	{
-		id: 'q-1',
-		collectionId: DEMO_COLLECTION_ID,
-		title: 'Was ist Local-First Software?',
-		description: 'Wie funktioniert der Ansatz und welche Vorteile hat er?',
-		status: 'open',
-		priority: 'normal',
-		tags: ['tech', 'architektur'],
-		researchDepth: 'standard',
-	},
-	{
-		id: 'q-2',
-		collectionId: DEMO_COLLECTION_ID,
-		title: 'Welche Datenbanken eignen sich für Offline-First Apps?',
-		status: 'open',
-		priority: 'normal',
-		tags: ['tech', 'datenbank'],
-		researchDepth: 'quick',
-	},
-];
diff --git a/apps/questions/apps/web-archived/src/lib/data/local-store.ts b/apps/questions/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 6d34bf7b9..000000000
--- a/apps/questions/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-/**
- * Questions — Local-First Data Layer
- *
- * Questions, collections, and answers stored locally.
- * Research (via mana-search) remains server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestCollections, guestQuestions } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalCollection extends BaseRecord {
-	name: string;
-	description?: string | null;
-	color: string;
-	icon: string;
-	isDefault: boolean;
-	sortOrder: number;
-}
-
-export interface LocalQuestion extends BaseRecord {
-	collectionId?: string | null;
-	title: string;
-	description?: string | null;
-	status: 'open' | 'researching' | 'answered' | 'archived';
-	priority: 'low' | 'normal' | 'high' | 'urgent';
-	tags: string[];
-	researchDepth: 'quick' | 'standard' | 'deep';
-}
-
-export interface LocalAnswer extends BaseRecord {
-	questionId: string;
-	researchResultId?: string | null;
-	content: string;
-	citations: Array<{ sourceId: string; text: string }>;
-	rating?: number | null;
-	isAccepted: boolean;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const questionsAppStore = createLocalStore({
-	appId: 'questions',
-	collections: [
-		{
-			name: 'collections',
-			indexes: ['sortOrder', 'isDefault'],
-			guestSeed: guestCollections,
-		},
-		{
-			name: 'questions',
-			indexes: ['collectionId', 'status', 'priority', '[collectionId+status]'],
-			guestSeed: guestQuestions,
-		},
-		{
-			name: 'answers',
-			indexes: ['questionId', 'isAccepted'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const collectionCollection = questionsAppStore.collection<LocalCollection>('collections');
-export const questionCollection = questionsAppStore.collection<LocalQuestion>('questions');
-export const answerCollection = questionsAppStore.collection<LocalAnswer>('answers');
diff --git a/apps/questions/apps/web-archived/src/lib/data/queries.ts b/apps/questions/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 03173f512..000000000
--- a/apps/questions/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-/**
- * Reactive Queries & Pure Filter Helpers for Questions
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	collectionCollection,
-	questionCollection,
-	answerCollection,
-	type LocalCollection,
-	type LocalQuestion,
-	type LocalAnswer,
-} from './local-store';
-import type { Collection, Question } from '$lib/types';
-
-// ─── Type Converters ────────────────────────────────────────
-
-/** Convert a LocalCollection (IndexedDB record) to the shared Collection type. */
-export function toCollection(local: LocalCollection): Collection {
-	return {
-		id: local.id,
-		userId: 'local',
-		name: local.name,
-		description: local.description ?? undefined,
-		color: local.color,
-		icon: local.icon,
-		isDefault: local.isDefault,
-		sortOrder: local.sortOrder,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert a LocalQuestion (IndexedDB record) to the shared Question type. */
-export function toQuestion(local: LocalQuestion): Question {
-	return {
-		id: local.id,
-		userId: 'local',
-		collectionId: local.collectionId ?? undefined,
-		title: local.title,
-		description: local.description ?? undefined,
-		status: local.status,
-		priority: local.priority,
-		tags: local.tags ?? [],
-		researchDepth: local.researchDepth,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ──────────
-
-/** All collections, sorted by sortOrder. Auto-updates on any change. */
-export function useAllCollections() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await collectionCollection.getAll(undefined, {
-			sortBy: 'sortOrder',
-			sortDirection: 'asc',
-		});
-		return locals.map(toCollection);
-	}, [] as Collection[]);
-}
-
-/** All questions. Auto-updates on any change. */
-export function useAllQuestions() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await questionCollection.getAll();
-		return locals.map(toQuestion);
-	}, [] as Question[]);
-}
-
-/** All answers for a given question. */
-export function useAnswersByQuestion(questionId: string) {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await answerCollection.getAll();
-		return locals.filter((a) => a.questionId === questionId);
-	}, [] as LocalAnswer[]);
-}
-
-// ─── Pure Filter Functions (for $derived) ───────────────────
-
-/** Filter questions by collection ID. */
-export function filterByCollection(questions: Question[], collectionId: string | null): Question[] {
-	if (!collectionId) return questions;
-	return questions.filter((q) => q.collectionId === collectionId);
-}
-
-/** Filter questions by status. */
-export function filterByStatus(questions: Question[], status: string): Question[] {
-	if (!status) return questions;
-	return questions.filter((q) => q.status === status);
-}
-
-/** Filter questions by search query across title, description, and tags. */
-export function searchQuestions(questions: Question[], query: string): Question[] {
-	if (!query.trim()) return questions;
-	const search = query.toLowerCase().trim();
-	return questions.filter(
-		(q) =>
-			q.title.toLowerCase().includes(search) ||
-			q.description?.toLowerCase().includes(search) ||
-			q.tags?.some((t: string) => t.toLowerCase().includes(search))
-	);
-}
diff --git a/apps/questions/apps/web-archived/src/lib/i18n/index.ts b/apps/questions/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 6510856ca..000000000
--- a/apps/questions/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('questions_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('questions_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/questions/apps/web-archived/src/lib/i18n/locales/de.json b/apps/questions/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 2f8bbadc0..000000000
--- a/apps/questions/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,96 +0,0 @@
-{
-	"app": {
-		"name": "Questions",
-		"loading": "Laden...",
-		"tagline": "KI-gestützte Recherche"
-	},
-	"nav": {
-		"questions": "Fragen",
-		"collections": "Sammlungen",
-		"research": "Recherche",
-		"settings": "Einstellungen"
-	},
-	"question": {
-		"create": "Frage erstellen",
-		"edit": "Frage bearbeiten",
-		"delete": "Frage löschen",
-		"title": "Frage",
-		"description": "Beschreibung",
-		"status": "Status",
-		"priority": "Priorität",
-		"noQuestions": "Noch keine Fragen",
-		"addFirst": "Stelle deine erste Frage"
-	},
-	"status": {
-		"open": "Offen",
-		"researching": "Wird recherchiert",
-		"answered": "Beantwortet",
-		"archived": "Archiviert"
-	},
-	"priority": {
-		"low": "Niedrig",
-		"medium": "Mittel",
-		"high": "Hoch"
-	},
-	"collection": {
-		"create": "Sammlung erstellen",
-		"edit": "Sammlung bearbeiten",
-		"delete": "Sammlung löschen",
-		"name": "Name",
-		"color": "Farbe",
-		"noCollections": "Keine Sammlungen"
-	},
-	"research": {
-		"start": "Recherche starten",
-		"inProgress": "Recherche läuft...",
-		"depth": "Recherchetiefe",
-		"quick": "Schnell",
-		"standard": "Standard",
-		"deep": "Tiefgehend",
-		"sources": "Quellen",
-		"summary": "Zusammenfassung",
-		"keyPoints": "Kernpunkte",
-		"followUp": "Weiterführende Fragen"
-	},
-	"answer": {
-		"create": "Antwort erstellen",
-		"edit": "Antwort bearbeiten",
-		"accept": "Antwort akzeptieren",
-		"rate": "Bewerten",
-		"noAnswer": "Noch keine Antwort"
-	},
-	"source": {
-		"view": "Quelle ansehen",
-		"extract": "Inhalt extrahieren",
-		"noSources": "Keine Quellen gefunden"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"add": "Hinzufügen",
-		"close": "Schließen",
-		"search": "Suchen",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"loading": "Laden..."
-	},
-	"errors": {
-		"loadQuestions": "Fragen konnten nicht geladen werden",
-		"researchFailed": "Recherche fehlgeschlagen",
-		"saveFailed": "Speichern fehlgeschlagen",
-		"loadSources": "Quellen konnten nicht geladen werden"
-	},
-	"success": {
-		"questionCreated": "Frage erstellt",
-		"questionDeleted": "Frage gelöscht",
-		"researchStarted": "Recherche gestartet",
-		"answerAccepted": "Antwort akzeptiert"
-	}
-}
diff --git a/apps/questions/apps/web-archived/src/lib/i18n/locales/en.json b/apps/questions/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 78e29de13..000000000
--- a/apps/questions/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,96 +0,0 @@
-{
-	"app": {
-		"name": "Questions",
-		"loading": "Loading...",
-		"tagline": "AI-powered research"
-	},
-	"nav": {
-		"questions": "Questions",
-		"collections": "Collections",
-		"research": "Research",
-		"settings": "Settings"
-	},
-	"question": {
-		"create": "Create question",
-		"edit": "Edit question",
-		"delete": "Delete question",
-		"title": "Question",
-		"description": "Description",
-		"status": "Status",
-		"priority": "Priority",
-		"noQuestions": "No questions yet",
-		"addFirst": "Ask your first question"
-	},
-	"status": {
-		"open": "Open",
-		"researching": "Researching",
-		"answered": "Answered",
-		"archived": "Archived"
-	},
-	"priority": {
-		"low": "Low",
-		"medium": "Medium",
-		"high": "High"
-	},
-	"collection": {
-		"create": "Create collection",
-		"edit": "Edit collection",
-		"delete": "Delete collection",
-		"name": "Name",
-		"color": "Color",
-		"noCollections": "No collections"
-	},
-	"research": {
-		"start": "Start research",
-		"inProgress": "Research in progress...",
-		"depth": "Research depth",
-		"quick": "Quick",
-		"standard": "Standard",
-		"deep": "Deep",
-		"sources": "Sources",
-		"summary": "Summary",
-		"keyPoints": "Key points",
-		"followUp": "Follow-up questions"
-	},
-	"answer": {
-		"create": "Create answer",
-		"edit": "Edit answer",
-		"accept": "Accept answer",
-		"rate": "Rate",
-		"noAnswer": "No answer yet"
-	},
-	"source": {
-		"view": "View source",
-		"extract": "Extract content",
-		"noSources": "No sources found"
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"register": "Register"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"add": "Add",
-		"close": "Close",
-		"search": "Search",
-		"error": "Error",
-		"success": "Success",
-		"loading": "Loading..."
-	},
-	"errors": {
-		"loadQuestions": "Failed to load questions",
-		"researchFailed": "Research failed",
-		"saveFailed": "Failed to save",
-		"loadSources": "Failed to load sources"
-	},
-	"success": {
-		"questionCreated": "Question created",
-		"questionDeleted": "Question deleted",
-		"researchStarted": "Research started",
-		"answerAccepted": "Answer accepted"
-	}
-}
diff --git a/apps/questions/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/questions/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 5395f42d6..000000000
--- a/apps/questions/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-const questionsOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Questions!',
-		description: 'Das kann Questions für dich tun:',
-		emoji: '🔬',
-		gradient: { from: 'violet-500', to: 'violet-700' },
-		bullets: [
-			'Fragen stellen & recherchieren lassen',
-			'Web-Suche & automatische Quellenextraktion',
-			'KI-generierte Antworten aus Quellen',
-			'Sammlungen für bessere Organisation',
-		],
-	},
-	{
-		id: 'researchDepth',
-		type: 'select',
-		question: 'Wie gründlich soll die Recherche sein?',
-		description: 'Du kannst die Tiefe pro Frage anpassen.',
-		emoji: '🔍',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'quick',
-				label: 'Schnell',
-				description: '5 Quellen, schnelle Antwort',
-				emoji: '⚡',
-			},
-			{
-				id: 'standard',
-				label: 'Standard',
-				description: '15 Quellen mit Extraktion (Empfohlen)',
-				emoji: '📖',
-			},
-			{
-				id: 'deep',
-				label: 'Gründlich',
-				description: '30 Quellen, alle Kategorien',
-				emoji: '🔬',
-			},
-		],
-		defaultValue: 'standard',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Dein Recherche-Assistent ist bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Stelle präzise Fragen für bessere Ergebnisse',
-			'Nutze Sammlungen, um Themen zu gruppieren',
-			'Quellen werden automatisch extrahiert',
-			'Bewerte Antworten, um die Qualität zu verbessern',
-		],
-	},
-];
-
-export const questionsOnboarding = createAppOnboardingStore({
-	appId: 'questions',
-	steps: questionsOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/questions/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/questions/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 462f03ac7..000000000
--- a/apps/questions/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3011,
-});
diff --git a/apps/questions/apps/web-archived/src/lib/stores/collections.svelte.ts b/apps/questions/apps/web-archived/src/lib/stores/collections.svelte.ts
deleted file mode 100644
index 97f81f052..000000000
--- a/apps/questions/apps/web-archived/src/lib/stores/collections.svelte.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-/**
- * Collections Store — Mutation-Only
- *
- * All reads are handled by useLiveQuery (see $lib/data/queries.ts).
- * This store only exposes mutations that write to IndexedDB.
- * The live queries will automatically pick up the changes.
- */
-
-import { collectionCollection, type LocalCollection } from '$lib/data/local-store';
-import { toCollection } from '$lib/data/queries';
-import { QuestionsEvents } from '@manacore/shared-utils/analytics';
-import type { Collection, CreateCollectionDto, UpdateCollectionDto } from '$lib/types';
-
-let loading = $state(false);
-let error = $state<string | null>(null);
-let selectedId = $state<string | null>(null);
-
-export const collectionsStore = {
-	get loading() {
-		return loading;
-	},
-	get error() {
-		return error;
-	},
-	get selectedId() {
-		return selectedId;
-	},
-
-	/**
-	 * Create a new collection — writes to IndexedDB instantly.
-	 */
-	async create(data: CreateCollectionDto): Promise<Collection | null> {
-		loading = true;
-		error = null;
-
-		try {
-			const newLocal: LocalCollection = {
-				id: crypto.randomUUID(),
-				name: data.name,
-				description: data.description ?? null,
-				color: data.color || '#6366f1',
-				icon: data.icon || 'folder',
-				isDefault: data.isDefault || false,
-				sortOrder: Date.now(),
-			};
-
-			const inserted = await collectionCollection.insert(newLocal);
-			QuestionsEvents.collectionCreated();
-			return toCollection(inserted);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to create collection';
-			return null;
-		} finally {
-			loading = false;
-		}
-	},
-
-	/**
-	 * Update a collection — writes to IndexedDB instantly.
-	 */
-	async update(id: string, data: UpdateCollectionDto): Promise<Collection | null> {
-		error = null;
-
-		try {
-			const updateData: Partial<LocalCollection> = {};
-			if (data.name !== undefined) updateData.name = data.name;
-			if (data.description !== undefined) updateData.description = data.description ?? null;
-			if (data.color !== undefined) updateData.color = data.color;
-			if (data.icon !== undefined) updateData.icon = data.icon;
-			if (data.isDefault !== undefined) updateData.isDefault = data.isDefault;
-
-			const updated = await collectionCollection.update(id, updateData);
-			if (updated) return toCollection(updated);
-			return null;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update collection';
-			return null;
-		}
-	},
-
-	/**
-	 * Delete a collection — removes from IndexedDB instantly.
-	 */
-	async delete(id: string): Promise<boolean> {
-		error = null;
-
-		try {
-			await collectionCollection.delete(id);
-			QuestionsEvents.collectionDeleted();
-			if (selectedId === id) {
-				selectedId = null;
-			}
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete collection';
-			return false;
-		}
-	},
-
-	/**
-	 * Reorder collections — updates sortOrder in IndexedDB.
-	 */
-	async reorder(orderedIds: string[]): Promise<boolean> {
-		error = null;
-
-		try {
-			for (let i = 0; i < orderedIds.length; i++) {
-				await collectionCollection.update(orderedIds[i], { sortOrder: i });
-			}
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to reorder collections';
-			return false;
-		}
-	},
-
-	select(id: string | null) {
-		selectedId = id;
-	},
-
-	/**
-	 * No longer relevant — all collections are local and editable.
-	 */
-	isDemoCollection(_id: string): boolean {
-		return false;
-	},
-
-	clear() {
-		error = null;
-		selectedId = null;
-	},
-};
diff --git a/apps/questions/apps/web-archived/src/lib/stores/index.ts b/apps/questions/apps/web-archived/src/lib/stores/index.ts
deleted file mode 100644
index fb294d996..000000000
--- a/apps/questions/apps/web-archived/src/lib/stores/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { authStore } from './auth.svelte';
-export { questionsStore } from './questions.svelte';
-export { collectionsStore } from './collections.svelte';
-export { theme } from './theme';
diff --git a/apps/questions/apps/web-archived/src/lib/stores/questions.svelte.ts b/apps/questions/apps/web-archived/src/lib/stores/questions.svelte.ts
deleted file mode 100644
index d62ea171b..000000000
--- a/apps/questions/apps/web-archived/src/lib/stores/questions.svelte.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-/**
- * Questions Store — Mutation-Only
- *
- * All reads are handled by useLiveQuery (see $lib/data/queries.ts).
- * This store only exposes mutations that write to IndexedDB.
- * The live queries will automatically pick up the changes.
- */
-
-import { questionCollection, type LocalQuestion } from '$lib/data/local-store';
-import { toQuestion } from '$lib/data/queries';
-import { QuestionsEvents } from '@manacore/shared-utils/analytics';
-import type { Question, CreateQuestionDto, UpdateQuestionDto } from '$lib/types';
-
-let loading = $state(false);
-let error = $state<string | null>(null);
-
-export const questionsStore = {
-	get loading() {
-		return loading;
-	},
-	get error() {
-		return error;
-	},
-
-	/**
-	 * Create a new question — writes to IndexedDB instantly.
-	 */
-	async create(data: CreateQuestionDto): Promise<Question | null> {
-		loading = true;
-		error = null;
-
-		try {
-			const newLocal: LocalQuestion = {
-				id: crypto.randomUUID(),
-				collectionId: data.collectionId ?? null,
-				title: data.title,
-				description: data.description ?? null,
-				status: 'open',
-				priority: data.priority || 'normal',
-				tags: data.tags || [],
-				researchDepth: data.researchDepth || 'standard',
-			};
-
-			const inserted = await questionCollection.insert(newLocal);
-			QuestionsEvents.questionCreated(data.researchDepth || 'standard');
-			return toQuestion(inserted);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to create question';
-			return null;
-		} finally {
-			loading = false;
-		}
-	},
-
-	/**
-	 * Update a question — writes to IndexedDB instantly.
-	 */
-	async update(id: string, data: UpdateQuestionDto): Promise<Question | null> {
-		error = null;
-
-		try {
-			const updateData: Partial<LocalQuestion> = {};
-			if (data.title !== undefined) updateData.title = data.title;
-			if (data.description !== undefined) updateData.description = data.description ?? null;
-			if (data.collectionId !== undefined) updateData.collectionId = data.collectionId ?? null;
-			if (data.tags !== undefined) updateData.tags = data.tags;
-			if (data.priority !== undefined)
-				updateData.priority = data.priority as LocalQuestion['priority'];
-			if (data.researchDepth !== undefined)
-				updateData.researchDepth = data.researchDepth as LocalQuestion['researchDepth'];
-
-			const updated = await questionCollection.update(id, updateData);
-			if (updated) return toQuestion(updated);
-			return null;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update question';
-			return null;
-		}
-	},
-
-	/**
-	 * Delete a question — removes from IndexedDB instantly.
-	 */
-	async delete(id: string): Promise<boolean> {
-		error = null;
-
-		try {
-			await questionCollection.delete(id);
-			QuestionsEvents.questionDeleted();
-			return true;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete question';
-			return false;
-		}
-	},
-
-	/**
-	 * Update question status — writes to IndexedDB instantly.
-	 */
-	async updateStatus(id: string, status: string): Promise<Question | null> {
-		error = null;
-
-		try {
-			const updated = await questionCollection.update(id, {
-				status: status as LocalQuestion['status'],
-			});
-			if (updated) return toQuestion(updated);
-			return null;
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update status';
-			return null;
-		}
-	},
-
-	/**
-	 * No longer relevant — all questions are local and editable.
-	 */
-	isDemoQuestion(_id: string): boolean {
-		return false;
-	},
-
-	clear() {
-		error = null;
-	},
-};
diff --git a/apps/questions/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/questions/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 074782375..000000000
--- a/apps/questions/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- * Tags are stored in shared IndexedDB ('manacore-tags'), accessible across all apps.
- * Use context ('tags') for reads, tagMutations for writes.
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/questions/apps/web-archived/src/lib/stores/theme.ts b/apps/questions/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 838ae5c38..000000000
--- a/apps/questions/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * Theme Store - Manages theme state
- * Uses shared theme store from @manacore/shared-theme
- */
-
-import { createThemeStore, type ThemeMode } from '@manacore/shared-theme';
-
-const sharedTheme = createThemeStore({ appId: 'questions' });
-
-// Wrapper to maintain backward-compatible API
-export const theme = {
-	// Legacy API (current → mode)
-	get current() {
-		return sharedTheme.mode;
-	},
-
-	// Forward all other getters
-	get mode() {
-		return sharedTheme.mode;
-	},
-	get isDark() {
-		return sharedTheme.isDark;
-	},
-	get variant() {
-		return sharedTheme.variant;
-	},
-	get variants() {
-		return sharedTheme.variants;
-	},
-
-	// Legacy API (set → setMode)
-	set(newTheme: ThemeMode) {
-		sharedTheme.setMode(newTheme);
-	},
-
-	// Legacy API (toggle → toggleMode)
-	toggle() {
-		sharedTheme.toggleMode();
-	},
-
-	// Forward new API
-	initialize: sharedTheme.initialize,
-	setMode: sharedTheme.setMode,
-	setVariant: sharedTheme.setVariant,
-	toggleMode: sharedTheme.toggleMode,
-	cycleMode: sharedTheme.cycleMode,
-};
diff --git a/apps/questions/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/questions/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index a981fc7c2..000000000
--- a/apps/questions/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'questions',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getValidToken(),
-});
diff --git a/apps/questions/apps/web-archived/src/lib/types/index.ts b/apps/questions/apps/web-archived/src/lib/types/index.ts
deleted file mode 100644
index 0fac15bbc..000000000
--- a/apps/questions/apps/web-archived/src/lib/types/index.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-export interface Collection {
-	id: string;
-	userId: string;
-	name: string;
-	description?: string;
-	color: string;
-	icon: string;
-	isDefault: boolean;
-	sortOrder: number;
-	createdAt: string;
-	updatedAt: string;
-	questionCount?: number;
-}
-
-export interface Question {
-	id: string;
-	userId: string;
-	collectionId?: string;
-	title: string;
-	description?: string;
-	status: QuestionStatus;
-	priority: QuestionPriority;
-	tags: string[];
-	researchDepth: ResearchDepth;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export type QuestionStatus = 'open' | 'researching' | 'answered' | 'archived';
-export type QuestionPriority = 'low' | 'normal' | 'high' | 'urgent';
-export type ResearchDepth = 'quick' | 'standard' | 'deep';
-
-export interface ResearchResult {
-	id: string;
-	questionId: string;
-	modelId: string;
-	provider: string;
-	researchDepth: ResearchDepth;
-	summary: string;
-	keyPoints: string[];
-	followUpQuestions: string[];
-	promptTokens?: number;
-	completionTokens?: number;
-	estimatedCost?: number;
-	createdAt: string;
-	durationMs?: number;
-	sources?: Source[];
-}
-
-export interface Source {
-	id: string;
-	researchResultId: string;
-	url: string;
-	title: string;
-	snippet?: string;
-	domain?: string;
-	extractedContent?: string;
-	contentMarkdown?: string;
-	wordCount?: number;
-	readingTime?: number;
-	relevanceScore?: number;
-	position: number;
-	engine?: string;
-	author?: string;
-	publishedDate?: string;
-	siteName?: string;
-	createdAt: string;
-}
-
-export interface Answer {
-	id: string;
-	questionId: string;
-	researchResultId?: string;
-	content: string;
-	contentMarkdown?: string;
-	summary?: string;
-	modelId: string;
-	provider: string;
-	promptTokens?: number;
-	completionTokens?: number;
-	estimatedCost?: number;
-	confidence?: number;
-	sourceCount?: number;
-	citations: Citation[];
-	rating?: number;
-	feedback?: string;
-	isAccepted: boolean;
-	version: number;
-	createdAt: string;
-	updatedAt: string;
-	durationMs?: number;
-}
-
-export interface Citation {
-	sourceId: string;
-	text: string;
-	position: number;
-}
-
-export interface CreateQuestionDto {
-	title: string;
-	description?: string;
-	collectionId?: string;
-	tags?: string[];
-	priority?: QuestionPriority;
-	researchDepth?: ResearchDepth;
-}
-
-export interface UpdateQuestionDto {
-	title?: string;
-	description?: string;
-	collectionId?: string;
-	tags?: string[];
-	priority?: QuestionPriority;
-	status?: QuestionStatus;
-	researchDepth?: ResearchDepth;
-}
-
-export interface CreateCollectionDto {
-	name: string;
-	description?: string;
-	color?: string;
-	icon?: string;
-	isDefault?: boolean;
-}
-
-export interface UpdateCollectionDto {
-	name?: string;
-	description?: string;
-	color?: string;
-	icon?: string;
-	isDefault?: boolean;
-	sortOrder?: number;
-}
-
-export interface StartResearchDto {
-	questionId: string;
-	depth?: ResearchDepth;
-	categories?: string[];
-	engines?: string[];
-	language?: string;
-	maxSources?: number;
-}
-
-export interface PaginatedResponse<T> {
-	data: T[];
-	total: number;
-}
diff --git a/apps/questions/apps/web-archived/src/lib/version.ts b/apps/questions/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 360404f66..000000000
--- a/apps/questions/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.1.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/questions/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 88a1cda51..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,344 +0,0 @@
-<script lang="ts">
-	import { onMount, setContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { locale } from 'svelte-i18n';
-	import { authStore, collectionsStore, questionsStore } from '$lib/stores';
-	import { theme } from '$lib/stores/theme';
-	import { AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { questionsAppStore } from '$lib/data/local-store';
-	import {
-		useAllCollections,
-		useAllQuestions,
-		filterByCollection,
-		searchQuestions,
-	} from '$lib/data/queries';
-	import { PillNavigation, QuickInputBar, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		CreatePreview,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-
-	let { children } = $props();
-
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	// Reactive live queries from IndexedDB
-	const allCollections = useAllCollections();
-	const allQuestions = useAllQuestions();
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('questions', undefined, undefined, authStore.user?.tier));
-
-	// Mobile detection
-	let isMobile = $state(false);
-
-	function updateMobileState() {
-		if (browser) {
-			isMobile = window.innerWidth <= 640;
-		}
-	}
-
-	// Navigation mode state
-	let isCollapsed = $state(false);
-
-	// Theme state
-	let isDark = $derived(theme.current === 'dark');
-
-	// User email for nav
-	let userEmail = $derived(authStore.user?.email || 'Menu');
-
-	let showGuestWelcome = $state(false);
-
-	async function handleAuthReady() {
-		await Promise.all([questionsAppStore.initialize(), tagLocalStore.initialize()]);
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			questionsAppStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-		}
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('questions')) {
-			showGuestWelcome = true;
-		}
-		updateMobileState();
-		if (browser) {
-			const savedCollapsed = localStorage.getItem('questions-nav-collapsed');
-			if (savedCollapsed === 'true') {
-				isCollapsed = true;
-			}
-		}
-	}
-
-	async function handleSignOut() {
-		await authStore.signOut();
-		apiClient.setAccessToken(null);
-		goto('/login');
-	}
-
-	function handleToggleTheme() {
-		theme.toggle();
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('questions-nav-collapsed', String(collapsed));
-		}
-	}
-
-	// InputBar search - search questions from liveQuery data
-	async function handleSearch(query: string): Promise<QuickInputItem[]> {
-		if (!query.trim()) return [];
-
-		const results = searchQuestions(allQuestions.value, query);
-		return results.slice(0, 10).map((q) => ({
-			id: q.id,
-			title: q.title,
-			subtitle: q.status || 'pending',
-		}));
-	}
-
-	function handleSelect(item: QuickInputItem) {
-		goto(`/question/${item.id}`);
-	}
-
-	// Quick-create handler - parse question input
-	function handleParseCreate(query: string): CreatePreview | null {
-		if (!query.trim() || query.length < 3) return null;
-
-		// Simple parsing: the entire query is the question title
-		return {
-			title: `Create: "${query}"`,
-			subtitle: 'New question',
-		};
-	}
-
-	async function handleCreate(query: string): Promise<void> {
-		if (!query.trim()) return;
-
-		const question = await questionsStore.create({
-			title: query,
-			collectionId: collectionsStore.selectedId || undefined,
-		});
-
-		if (question) {
-			goto(`/question/${question.id}`);
-		}
-	}
-
-	// Collection dropdown items — driven by liveQuery
-	let collectionItems = $derived<PillDropdownItem[]>([
-		{
-			id: 'all',
-			label: 'All Questions',
-			icon: 'help-circle',
-			onClick: () => selectCollection(null),
-			active: !collectionsStore.selectedId,
-		},
-		...allCollections.value.map((c) => ({
-			id: c.id,
-			label: c.name,
-			icon: 'folder',
-			onClick: () => selectCollection(c.id),
-			active: collectionsStore.selectedId === c.id,
-		})),
-	]);
-
-	let currentCollectionLabel = $derived(
-		collectionsStore.selectedId
-			? allCollections.value.find((c) => c.id === collectionsStore.selectedId)?.name || 'Collection'
-			: 'All Questions'
-	);
-
-	function selectCollection(id: string | null) {
-		collectionsStore.select(id);
-	}
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-question',
-			label: 'Neue Frage',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/'),
-		},
-		{
-			id: 'collections',
-			label: 'Sammlungen',
-			category: 'Navigation',
-			onExecute: () => goto('/collections'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	// Navigation items
-	let navItems = $derived<PillNavItem[]>([
-		{ href: '/', label: 'Questions', icon: 'help-circle' },
-		{ href: '/collections', label: 'Collections', icon: 'folder' },
-		{ href: '/settings', label: 'Settings', icon: 'settings' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	]);
-</script>
-
-<svelte:window onresize={updateMobileState} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('questions')?.requiredTier}
-	appName={getManaApp('questions')?.name}
->
-	<div class="layout-container">
-		<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-		{#if isTagStripVisible}
-			<TagStrip
-				tags={allTags.value.map((t) => ({
-					id: t.id,
-					name: t.name,
-					color: t.color || '#3b82f6',
-				}))}
-				selectedIds={[]}
-				onToggle={() => {}}
-				onClear={() => {}}
-				managementHref="/tags"
-			/>
-		{/if}
-
-		<!-- Navigation -->
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="Questions"
-			homeRoute="/"
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			showLogout={true}
-			onLogout={handleSignOut}
-			loginHref="/login"
-			primaryColor="#8b5cf6"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			settingsHref="/settings"
-			themesHref="/themes"
-			helpHref="/help"
-			profileHref="/profile"
-			{spotlightActions}
-		/>
-
-		<!-- Quick Input Bar -->
-		<QuickInputBar
-			onSearch={handleSearch}
-			onSelect={handleSelect}
-			placeholder="New question or search..."
-			emptyText="No questions found"
-			searchingText="Searching..."
-			searchText="Search"
-			onCreate={handleCreate}
-			onParseCreate={handleParseCreate}
-			createText="Create"
-			deferSearch={true}
-			locale={$locale || 'en'}
-			appIcon="help-circle"
-			bottomOffset={isMobile ? '70px' : '70px'}
-		/>
-
-		<!-- Main Content -->
-		<main class="main-content bg-background">
-			<div class="content-wrapper">
-				{@render children()}
-			</div>
-		</main>
-	</div>
-
-	<GuestWelcomeModal
-		appId="questions"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale="de"
-	/>
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		height: 100vh;
-		overflow: hidden;
-	}
-
-	.main-content {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		min-height: 0;
-		padding-bottom: calc(80px + env(safe-area-inset-bottom));
-	}
-
-	.content-wrapper {
-		flex: 1;
-		overflow-y: auto;
-		padding: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding: 2rem;
-		}
-	}
-
-	@media (max-width: 640px) {
-		.main-content {
-			padding-bottom: calc(150px + env(safe-area-inset-bottom));
-		}
-
-		.content-wrapper {
-			padding: 0.75rem;
-		}
-	}
-</style>
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 25e319c34..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,205 +0,0 @@
-<script lang="ts">
-	import { collectionsStore } from '$lib/stores';
-	import { ErrorAlert } from '$lib/components';
-	import {
-		MagnifyingGlass,
-		Funnel,
-		Clock,
-		CheckCircle,
-		CircleNotch,
-		Archive,
-	} from '@manacore/shared-icons';
-	import type { QuestionStatus, ResearchDepth } from '$lib/types';
-	import {
-		useAllQuestions,
-		useAllCollections,
-		filterByCollection,
-		filterByStatus,
-		searchQuestions,
-	} from '$lib/data/queries';
-
-	// Live queries — auto-update on IndexedDB changes
-	const allQuestions = useAllQuestions();
-	const allCollections = useAllCollections();
-
-	let searchQuery = $state('');
-	let statusFilter = $state<QuestionStatus | ''>('');
-
-	// Derived filtered list — pure functions over liveQuery data
-	let filteredQuestions = $derived.by(() => {
-		let result = allQuestions.value;
-		result = filterByCollection(result, collectionsStore.selectedId);
-		if (statusFilter) result = filterByStatus(result, statusFilter);
-		if (searchQuery) result = searchQuestions(result, searchQuery);
-		return result;
-	});
-
-	let selectedCollection = $derived(
-		collectionsStore.selectedId
-			? allCollections.value.find((c) => c.id === collectionsStore.selectedId)
-			: null
-	);
-
-	const statusIcons = {
-		open: { icon: Clock, color: 'text-gray-500' },
-		researching: { icon: CircleNotch, color: 'text-blue-500' },
-		answered: { icon: CheckCircle, color: 'text-green-500' },
-		archived: { icon: Archive, color: 'text-gray-400' },
-	};
-
-	const depthLabels: Record<ResearchDepth, string> = {
-		quick: 'Quick',
-		standard: 'Standard',
-		deep: 'Deep',
-	};
-
-	function formatDate(dateString: string): string {
-		const date = new Date(dateString);
-		const now = new Date();
-		const diff = now.getTime() - date.getTime();
-		const days = Math.floor(diff / (1000 * 60 * 60 * 24));
-
-		if (days === 0) return 'Today';
-		if (days === 1) return 'Yesterday';
-		if (days < 7) return `${days} days ago`;
-
-		return date.toLocaleDateString('en-US', {
-			month: 'short',
-			day: 'numeric',
-			year: date.getFullYear() !== now.getFullYear() ? 'numeric' : undefined,
-		});
-	}
-</script>
-
-<div class="p-6">
-	<!-- Header -->
-	<div class="mb-6">
-		<h1 class="text-2xl font-bold text-foreground">
-			{selectedCollection ? selectedCollection.name : 'All Questions'}
-		</h1>
-		<p class="mt-1 text-muted-foreground">
-			{filteredQuestions.length} question{filteredQuestions.length !== 1 ? 's' : ''}
-		</p>
-	</div>
-
-	<!-- Search and Filters -->
-	<div class="mb-6 flex gap-4">
-		<div class="relative flex-1">
-			<MagnifyingGlass
-				class="absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground"
-			/>
-			<input
-				type="text"
-				bind:value={searchQuery}
-				placeholder="Search questions..."
-				class="w-full rounded-lg border border-border bg-background py-2 pl-10 pr-4 text-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-			/>
-		</div>
-
-		<select
-			bind:value={statusFilter}
-			class="rounded-lg border border-border bg-background px-4 py-2 text-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-		>
-			<option value="">All Status</option>
-			<option value="open">Open</option>
-			<option value="researching">Researching</option>
-			<option value="answered">Answered</option>
-			<option value="archived">Archived</option>
-		</select>
-	</div>
-
-	<!-- Error -->
-	{#if collectionsStore.error}
-		<div class="mb-6">
-			<ErrorAlert message={collectionsStore.error} onRetry={() => {}} onDismiss={() => {}} />
-		</div>
-	{/if}
-
-	<!-- Questions List -->
-	{#if filteredQuestions.length === 0}
-		<div class="py-12 text-center">
-			<div class="mb-4 text-6xl">🤔</div>
-			<h2 class="mb-2 text-xl font-semibold text-foreground">No questions yet</h2>
-			<p class="mb-4 text-muted-foreground">
-				Start by asking a question and let AI research it for you.
-			</p>
-			<a
-				href="/new"
-				class="inline-flex items-center gap-2 rounded-lg bg-primary px-4 py-2 font-medium text-primary-foreground hover:bg-primary-hover"
-			>
-				Ask a Question
-			</a>
-		</div>
-	{:else}
-		<div class="space-y-3">
-			{#each filteredQuestions as question}
-				{@const StatusIcon = statusIcons[question.status]?.icon || Clock}
-				{@const statusColor = statusIcons[question.status]?.color || 'text-gray-500'}
-
-				<a
-					href="/question/{question.id}"
-					class="question-card block rounded-xl border border-border bg-card p-4"
-				>
-					<div class="flex items-start gap-4">
-						<!-- Status Icon -->
-						<div class="mt-1">
-							<StatusIcon
-								class="h-5 w-5 {statusColor} {question.status === 'researching'
-									? 'animate-spin'
-									: ''}"
-							/>
-						</div>
-
-						<!-- Content -->
-						<div class="flex-1 min-w-0">
-							<h3 class="font-medium text-foreground line-clamp-2">
-								{question.title}
-							</h3>
-
-							{#if question.description}
-								<p class="mt-1 text-sm text-muted-foreground line-clamp-2">
-									{question.description}
-								</p>
-							{/if}
-
-							<div class="mt-3 flex flex-wrap items-center gap-3">
-								<!-- Tags -->
-								{#if question.tags?.length}
-									<div class="flex gap-1">
-										{#each question.tags.slice(0, 3) as tag}
-											<span
-												class="tag-badge rounded-full bg-secondary px-2 py-0.5 text-xs text-foreground"
-											>
-												{tag}
-											</span>
-										{/each}
-										{#if question.tags.length > 3}
-											<span class="text-xs text-muted-foreground">+{question.tags.length - 3}</span>
-										{/if}
-									</div>
-								{/if}
-
-								<!-- Depth -->
-								<span class="depth-indicator depth-{question.researchDepth}">
-									{depthLabels[question.researchDepth]}
-								</span>
-
-								<!-- Date -->
-								<span class="text-xs text-muted-foreground">
-									{formatDate(question.createdAt)}
-								</span>
-							</div>
-						</div>
-
-						<!-- Priority Indicator -->
-						{#if question.priority !== 'normal'}
-							<div
-								class="priority-indicator h-full min-h-[60px] priority-{question.priority}"
-							></div>
-						{/if}
-					</div>
-				</a>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/collections/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/collections/+page.svelte
deleted file mode 100644
index 776f5d4db..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/collections/+page.svelte
+++ /dev/null
@@ -1,171 +0,0 @@
-<script lang="ts">
-	import { collectionsStore } from '$lib/stores';
-	import CollectionModal from '$lib/components/CollectionModal.svelte';
-	import {
-		ArrowLeft,
-		Plus,
-		PencilSimple,
-		Trash,
-		FolderOpen,
-		DotsSixVertical,
-	} from '@manacore/shared-icons';
-	import type { Collection } from '$lib/types';
-	import { useAllCollections } from '$lib/data/queries';
-
-	// Live query — auto-updates on IndexedDB changes
-	const allCollections = useAllCollections();
-
-	let showModal = $state(false);
-	let editingCollection = $state<Collection | null>(null);
-	let deleteConfirm = $state<string | null>(null);
-
-	function openCreateModal() {
-		editingCollection = null;
-		showModal = true;
-	}
-
-	function openEditModal(collection: Collection) {
-		editingCollection = collection;
-		showModal = true;
-	}
-
-	function closeModal() {
-		showModal = false;
-		editingCollection = null;
-	}
-
-	function handleSave() {
-		closeModal();
-	}
-
-	async function handleDelete(id: string) {
-		const success = await collectionsStore.delete(id);
-		if (success) {
-			deleteConfirm = null;
-		}
-	}
-</script>
-
-<div class="mx-auto max-w-2xl p-6">
-	<!-- Header -->
-	<div class="mb-6 flex items-center justify-between">
-		<div>
-			<a
-				href="/"
-				class="mb-4 inline-flex items-center gap-2 text-muted-foreground hover:text-foreground"
-			>
-				<ArrowLeft class="h-4 w-4" />
-				Back to questions
-			</a>
-			<h1 class="text-2xl font-bold text-foreground">Collections</h1>
-			<p class="mt-1 text-muted-foreground">Organize your questions into collections</p>
-		</div>
-		<button
-			onclick={openCreateModal}
-			class="flex items-center gap-2 rounded-lg bg-primary px-4 py-2 font-medium text-primary-foreground hover:bg-primary-hover"
-		>
-			<Plus class="h-5 w-5" />
-			New Collection
-		</button>
-	</div>
-
-	<!-- Collections List -->
-	{#if allCollections.value.length === 0}
-		<div class="rounded-xl border border-dashed border-border p-8 text-center">
-			<div class="mb-4 text-4xl">📁</div>
-			<h2 class="mb-2 text-lg font-semibold text-foreground">No collections yet</h2>
-			<p class="mb-4 text-muted-foreground">
-				Create your first collection to organize your questions.
-			</p>
-			<button
-				onclick={openCreateModal}
-				class="inline-flex items-center gap-2 rounded-lg bg-primary px-4 py-2 font-medium text-primary-foreground hover:bg-primary-hover"
-			>
-				<Plus class="h-5 w-5" />
-				Create Collection
-			</button>
-		</div>
-	{:else}
-		<div class="space-y-3">
-			{#each allCollections.value as collection}
-				<div
-					class="flex items-center gap-4 rounded-xl border border-border bg-card p-4 transition-all hover:border-primary/50"
-				>
-					<!-- Drag Handle -->
-					<div class="cursor-grab text-muted-foreground">
-						<DotsSixVertical class="h-5 w-5" />
-					</div>
-
-					<!-- Icon & Color -->
-					<div
-						class="flex h-10 w-10 items-center justify-center rounded-lg"
-						style="background-color: {collection.color}20"
-					>
-						<FolderOpen class="h-5 w-5" style="color: {collection.color}" />
-					</div>
-
-					<!-- Info -->
-					<div class="flex-1 min-w-0">
-						<div class="flex items-center gap-2">
-							<h3 class="font-medium text-foreground">{collection.name}</h3>
-							{#if collection.isDefault}
-								<span class="rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary">
-									Default
-								</span>
-							{/if}
-						</div>
-						{#if collection.description}
-							<p class="mt-0.5 text-sm text-muted-foreground truncate">
-								{collection.description}
-							</p>
-						{/if}
-						<p class="mt-1 text-xs text-muted-foreground">
-							{collection.questionCount || 0} questions
-						</p>
-					</div>
-
-					<!-- Actions -->
-					<div class="flex items-center gap-2">
-						<button
-							onclick={() => openEditModal(collection)}
-							class="rounded-lg p-2 text-muted-foreground hover:bg-secondary hover:text-foreground"
-							title="Edit"
-						>
-							<PencilSimple class="h-4 w-4" />
-						</button>
-
-						{#if deleteConfirm === collection.id}
-							<div class="flex items-center gap-1">
-								<button
-									onclick={() => handleDelete(collection.id)}
-									class="rounded-lg bg-destructive px-3 py-1 text-sm text-destructive-foreground hover:bg-destructive/90"
-								>
-									Delete
-								</button>
-								<button
-									onclick={() => (deleteConfirm = null)}
-									class="rounded-lg border border-border px-3 py-1 text-sm text-foreground hover:bg-secondary"
-								>
-									Cancel
-								</button>
-							</div>
-						{:else}
-							<button
-								onclick={() => (deleteConfirm = collection.id)}
-								class="rounded-lg p-2 text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
-								title="Delete"
-							>
-								<Trash class="h-4 w-4" />
-							</button>
-						{/if}
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<!-- Modal -->
-{#if showModal}
-	<CollectionModal collection={editingCollection} onClose={closeModal} onSave={handleSave} />
-{/if}
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index 3983315d4..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { browser } from '$app/environment';
-	import { FeedbackPage } from '@manacore/feedback';
-	import { createFeedbackService } from '@manacore/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	function getAuthUrl(): string {
-		if (browser && typeof window !== 'undefined') {
-			const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-				.__PUBLIC_MANA_CORE_AUTH_URL__;
-			return injectedUrl || 'http://localhost:3001';
-		}
-		return 'http://localhost:3001';
-	}
-
-	const feedbackService = createFeedbackService({
-		appId: 'questions',
-		apiUrl: getAuthUrl(),
-		getAuthToken: () => authStore.getValidToken(),
-	});
-</script>
-
-<FeedbackPage {feedbackService} appName="Questions" currentUserId={authStore.user?.id} />
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index eb22232b1..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getQuestionsHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getQuestionsHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Questions kennen'
-					: 'Find answers and learn how to use Questions',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Questions</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Questions"
-	appId="questions"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/new/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/new/+page.svelte
deleted file mode 100644
index 473d12400..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/new/+page.svelte
+++ /dev/null
@@ -1,219 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { questionsStore, collectionsStore } from '$lib/stores';
-	import { researchApi } from '$lib/api/research';
-	import { ArrowLeft, Lightning, Clock, Sparkle } from '@manacore/shared-icons';
-	import type { ResearchDepth, QuestionPriority } from '$lib/types';
-	import { useAllCollections } from '$lib/data/queries';
-
-	// Live query for collections dropdown
-	const allCollections = useAllCollections();
-
-	let title = $state('');
-	let description = $state('');
-	let collectionId = $state<string | undefined>(collectionsStore.selectedId || undefined);
-	let tags = $state<string[]>([]);
-	let tagInput = $state('');
-	let priority = $state<QuestionPriority>('normal');
-	let researchDepth = $state<ResearchDepth>('standard');
-	let startResearch = $state(true);
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-
-	const depthOptions: {
-		value: ResearchDepth;
-		label: string;
-		description: string;
-		icon: typeof Lightning;
-	}[] = [
-		{ value: 'quick', label: 'Quick', description: '5 sources, fast results', icon: Lightning },
-		{ value: 'standard', label: 'Standard', description: '15 sources, balanced', icon: Clock },
-		{ value: 'deep', label: 'Deep', description: '30+ sources, comprehensive', icon: Sparkle },
-	];
-
-	function addTag() {
-		const tag = tagInput.trim().toLowerCase();
-		if (tag && !tags.includes(tag)) {
-			tags = [...tags, tag];
-		}
-		tagInput = '';
-	}
-
-	function removeTag(tag: string) {
-		tags = tags.filter((t) => t !== tag);
-	}
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-
-		if (!title.trim()) {
-			error = 'Please enter a question';
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		const question = await questionsStore.create({
-			title: title.trim(),
-			description: description.trim() || undefined,
-			collectionId,
-			tags,
-			priority,
-			researchDepth,
-		});
-
-		if (question) {
-			if (startResearch) {
-				// Start research in the background
-				researchApi.start({ questionId: question.id, depth: researchDepth }).catch(console.error);
-			}
-			goto(`/question/${question.id}`);
-		} else {
-			error = questionsStore.error || 'Failed to create question';
-			loading = false;
-		}
-	}
-</script>
-
-<div class="mx-auto max-w-2xl p-6">
-	<!-- Header -->
-	<div class="mb-6">
-		<a
-			href="/"
-			class="mb-4 inline-flex items-center gap-2 text-muted-foreground hover:text-foreground"
-		>
-			<ArrowLeft class="h-4 w-4" />
-			Back to questions
-		</a>
-		<h1 class="text-2xl font-bold text-foreground">Ask a Question</h1>
-		<p class="mt-1 text-muted-foreground">Enter your question and let AI research it for you</p>
-	</div>
-
-	<form onsubmit={handleSubmit} class="space-y-6">
-		{#if error}
-			<div class="rounded-lg bg-destructive/10 p-3 text-sm text-destructive">
-				{error}
-			</div>
-		{/if}
-
-		<!-- Question Title -->
-		<div>
-			<label for="title" class="mb-2 block font-medium text-foreground">Your Question</label>
-			<input
-				type="text"
-				id="title"
-				bind:value={title}
-				placeholder="What would you like to know?"
-				class="w-full rounded-lg border border-border bg-background px-4 py-3 text-lg text-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-			/>
-		</div>
-
-		<!-- Description -->
-		<div>
-			<label for="description" class="mb-2 block font-medium text-foreground">
-				Additional Context <span class="text-muted-foreground">(optional)</span>
-			</label>
-			<textarea
-				id="description"
-				bind:value={description}
-				placeholder="Provide any additional details or context..."
-				rows="3"
-				class="w-full rounded-lg border border-border bg-background px-4 py-3 text-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-			></textarea>
-		</div>
-
-		<!-- Collection -->
-		<div>
-			<label for="collection" class="mb-2 block font-medium text-foreground">Collection</label>
-			<select
-				id="collection"
-				bind:value={collectionId}
-				class="w-full rounded-lg border border-border bg-background px-4 py-2 text-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-			>
-				<option value={undefined}>No collection</option>
-				{#each allCollections.value as collection}
-					<option value={collection.id}>{collection.name}</option>
-				{/each}
-			</select>
-		</div>
-
-		<!-- Tags -->
-		<div>
-			<label for="tags" class="mb-2 block font-medium text-foreground">Tags</label>
-			<div class="flex flex-wrap gap-2 mb-2">
-				{#each tags as tag}
-					<span class="inline-flex items-center gap-1 rounded-full bg-secondary px-3 py-1 text-sm">
-						{tag}
-						<button
-							type="button"
-							onclick={() => removeTag(tag)}
-							class="ml-1 text-muted-foreground hover:text-foreground"
-						>
-							×
-						</button>
-					</span>
-				{/each}
-			</div>
-			<input
-				type="text"
-				id="tags"
-				bind:value={tagInput}
-				onkeydown={(e) => e.key === 'Enter' && (e.preventDefault(), addTag())}
-				placeholder="Add a tag and press Enter"
-				class="w-full rounded-lg border border-border bg-background px-4 py-2 text-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
-			/>
-		</div>
-
-		<!-- Research Depth -->
-		<div>
-			<label class="mb-2 block font-medium text-foreground">Research Depth</label>
-			<div class="grid grid-cols-3 gap-3">
-				{#each depthOptions as option}
-					<button
-						type="button"
-						onclick={() => (researchDepth = option.value)}
-						class="rounded-lg border-2 p-4 text-left transition-all {researchDepth === option.value
-							? 'border-primary bg-primary/5'
-							: 'border-border hover:border-primary/50'}"
-					>
-						<svelte:component this={option.icon} class="mb-2 h-5 w-5 text-primary" />
-						<div class="font-medium text-foreground">{option.label}</div>
-						<div class="mt-1 text-xs text-muted-foreground">{option.description}</div>
-					</button>
-				{/each}
-			</div>
-		</div>
-
-		<!-- Start Research Toggle -->
-		<div class="flex items-center gap-3">
-			<input
-				type="checkbox"
-				id="startResearch"
-				bind:checked={startResearch}
-				class="h-5 w-5 rounded border-border text-primary focus:ring-primary"
-			/>
-			<label for="startResearch" class="text-foreground">
-				Start research immediately after creating
-			</label>
-		</div>
-
-		<!-- Submit -->
-		<div class="flex gap-3">
-			<a
-				href="/"
-				class="flex-1 rounded-lg border border-border px-4 py-3 text-center font-medium text-foreground hover:bg-secondary"
-			>
-				Cancel
-			</a>
-			<button
-				type="submit"
-				disabled={loading || !title.trim()}
-				class="flex-1 rounded-lg bg-primary px-4 py-3 font-medium text-primary-foreground hover:bg-primary-hover disabled:opacity-50"
-			>
-				{loading ? 'Creating...' : 'Ask Question'}
-			</button>
-		</div>
-	</form>
-</div>
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 019c459ac..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<ProfilePage user={authStore.user} appName="Questions" />
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/question/[id]/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/question/[id]/+page.svelte
deleted file mode 100644
index 9db86b32e..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/question/[id]/+page.svelte
+++ /dev/null
@@ -1,320 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/state';
-	import { onMount } from 'svelte';
-	import { questionsApi } from '$lib/api/questions';
-	import { researchApi } from '$lib/api/research';
-	import { sourcesApi } from '$lib/api/sources';
-	import { QuestionsEvents } from '@manacore/shared-utils/analytics';
-	import { QuestionDetailSkeleton, ErrorAlert } from '$lib/components';
-	import {
-		ArrowLeft,
-		Clock,
-		CircleNotch,
-		CheckCircle,
-		Archive,
-		Play,
-		ArrowSquareOut,
-		CaretDown,
-		CaretUp,
-	} from '@manacore/shared-icons';
-	import type { Question, ResearchResult, Source } from '$lib/types';
-
-	let question = $state<Question | null>(null);
-	let researchResults = $state<ResearchResult[]>([]);
-	let sources = $state<Source[]>([]);
-	let loading = $state(true);
-	let researchLoading = $state(false);
-	let error = $state<string | null>(null);
-	let expandedSources = $state<Set<string>>(new Set());
-
-	const statusLabels = {
-		open: { label: 'Open', color: 'bg-gray-100 text-gray-700' },
-		researching: { label: 'Researching', color: 'bg-blue-100 text-blue-700' },
-		answered: { label: 'Answered', color: 'bg-green-100 text-green-700' },
-		archived: { label: 'Archived', color: 'bg-gray-100 text-gray-500' },
-	};
-
-	onMount(async () => {
-		await loadQuestion();
-	});
-
-	async function loadQuestion() {
-		loading = true;
-		error = null;
-
-		try {
-			const id = page.params.id;
-			if (!id) {
-				throw new Error('Question ID is required');
-			}
-			question = await questionsApi.getById(id);
-			researchResults = await researchApi.getByQuestion(id);
-			sources = await sourcesApi.getByQuestion(id);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to load question';
-		} finally {
-			loading = false;
-		}
-	}
-
-	async function startResearch() {
-		if (!question) return;
-
-		researchLoading = true;
-		error = null;
-
-		try {
-			const result = await researchApi.start({
-				questionId: question.id,
-				depth: question.researchDepth,
-			});
-			QuestionsEvents.researchStarted(question.researchDepth);
-			researchResults = [result, ...researchResults];
-			sources = await sourcesApi.getByQuestion(question.id);
-			// Reload question to get updated status
-			question = await questionsApi.getById(question.id);
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to start research';
-		} finally {
-			researchLoading = false;
-		}
-	}
-
-	function toggleSource(id: string) {
-		if (expandedSources.has(id)) {
-			expandedSources.delete(id);
-			expandedSources = new Set(expandedSources);
-		} else {
-			expandedSources.add(id);
-			expandedSources = new Set(expandedSources);
-		}
-	}
-
-	function formatDate(dateString: string): string {
-		return new Date(dateString).toLocaleDateString('en-US', {
-			month: 'short',
-			day: 'numeric',
-			year: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit',
-		});
-	}
-</script>
-
-{#if loading}
-	<QuestionDetailSkeleton />
-{:else if error}
-	<div class="p-6">
-		<ErrorAlert message={error} onRetry={loadQuestion} />
-	</div>
-{:else if question}
-	<div class="p-6">
-		<!-- Header -->
-		<div class="mb-6">
-			<a
-				href="/"
-				class="mb-4 inline-flex items-center gap-2 text-muted-foreground hover:text-foreground"
-			>
-				<ArrowLeft class="h-4 w-4" />
-				Back to questions
-			</a>
-
-			<div class="flex items-start justify-between gap-4">
-				<div class="flex-1">
-					<h1 class="text-2xl font-bold text-foreground">{question.title}</h1>
-					{#if question.description}
-						<p class="mt-2 text-muted-foreground">{question.description}</p>
-					{/if}
-
-					<div class="mt-4 flex flex-wrap items-center gap-3">
-						<!-- Status Badge -->
-						<span
-							class="rounded-full px-3 py-1 text-sm font-medium {statusLabels[question.status]
-								.color}"
-						>
-							{statusLabels[question.status].label}
-						</span>
-
-						<!-- Depth -->
-						<span class="depth-indicator depth-{question.researchDepth}">
-							{question.researchDepth}
-						</span>
-
-						<!-- Tags -->
-						{#if question.tags?.length}
-							{#each question.tags as tag}
-								<span class="rounded-full bg-secondary px-2 py-0.5 text-xs text-foreground">
-									{tag}
-								</span>
-							{/each}
-						{/if}
-
-						<!-- Date -->
-						<span class="text-sm text-muted-foreground">
-							{formatDate(question.createdAt)}
-						</span>
-					</div>
-				</div>
-
-				<!-- Actions -->
-				<div class="flex gap-2">
-					{#if question.status === 'open'}
-						<button
-							onclick={startResearch}
-							disabled={researchLoading}
-							class="flex items-center gap-2 rounded-lg bg-primary px-4 py-2 font-medium text-primary-foreground hover:bg-primary-hover disabled:opacity-50"
-						>
-							{#if researchLoading}
-								<CircleNotch class="h-5 w-5 animate-spin" />
-								Researching...
-							{:else}
-								<Play class="h-5 w-5" />
-								Start Research
-							{/if}
-						</button>
-					{/if}
-				</div>
-			</div>
-		</div>
-
-		<!-- Research Results -->
-		{#if researchResults.length > 0}
-			<div class="mb-8">
-				<h2 class="mb-4 text-lg font-semibold text-foreground">Research Results</h2>
-
-				{#each researchResults as result}
-					<div class="mb-6 rounded-xl border border-border bg-card p-6">
-						<!-- Summary -->
-						<div class="mb-4">
-							<h3 class="mb-2 font-medium text-foreground">Summary</h3>
-							<div class="markdown-content text-foreground whitespace-pre-wrap">
-								{result.summary}
-							</div>
-						</div>
-
-						<!-- Key Points -->
-						{#if result.keyPoints?.length}
-							<div class="mb-4">
-								<h3 class="mb-2 font-medium text-foreground">Key Points</h3>
-								<ul class="list-disc space-y-1 pl-5 text-foreground">
-									{#each result.keyPoints as point}
-										<li>{point}</li>
-									{/each}
-								</ul>
-							</div>
-						{/if}
-
-						<!-- Follow-up Questions -->
-						{#if result.followUpQuestions?.length}
-							<div class="mb-4">
-								<h3 class="mb-2 font-medium text-foreground">Follow-up Questions</h3>
-								<ul class="space-y-2">
-									{#each result.followUpQuestions as followUp}
-										<li class="text-muted-foreground">{followUp}</li>
-									{/each}
-								</ul>
-							</div>
-						{/if}
-
-						<!-- Meta -->
-						<div class="mt-4 flex items-center gap-4 text-sm text-muted-foreground">
-							<span>Depth: {result.researchDepth}</span>
-							{#if result.durationMs}
-								<span>Duration: {(result.durationMs / 1000).toFixed(1)}s</span>
-							{/if}
-							<span>{formatDate(result.createdAt)}</span>
-						</div>
-					</div>
-				{/each}
-			</div>
-		{:else if question.status === 'open'}
-			<div class="mb-8 rounded-xl border border-dashed border-border p-8 text-center">
-				<div class="mb-4 text-4xl">🔍</div>
-				<h2 class="mb-2 text-lg font-semibold text-foreground">No research yet</h2>
-				<p class="mb-4 text-muted-foreground">
-					Click "Start Research" to begin gathering information about this question.
-				</p>
-			</div>
-		{/if}
-
-		<!-- Sources -->
-		{#if sources.length > 0}
-			<div>
-				<h2 class="mb-4 text-lg font-semibold text-foreground">Sources ({sources.length})</h2>
-
-				<div class="space-y-3">
-					{#each sources as source}
-						<div class="source-card rounded-lg border border-border bg-card p-4">
-							<div class="flex items-start justify-between gap-4">
-								<div class="flex-1 min-w-0">
-									<div class="flex items-center gap-2">
-										<span class="text-xs text-muted-foreground">#{source.position}</span>
-										<a
-											href={source.url}
-											target="_blank"
-											rel="noopener noreferrer"
-											class="font-medium text-foreground hover:text-primary"
-										>
-											{source.title}
-										</a>
-										<ArrowSquareOut class="h-4 w-4 text-muted-foreground" />
-									</div>
-
-									<p class="mt-1 text-sm text-muted-foreground">{source.domain}</p>
-
-									{#if source.snippet}
-										<p class="mt-2 text-sm text-foreground line-clamp-2">
-											{source.snippet}
-										</p>
-									{/if}
-
-									{#if source.extractedContent && expandedSources.has(source.id)}
-										<div class="mt-4 rounded-lg bg-secondary/50 p-4">
-											<div class="markdown-content text-sm text-foreground whitespace-pre-wrap">
-												{source.extractedContent.substring(0, 2000)}
-												{#if source.extractedContent.length > 2000}
-													<span class="text-muted-foreground">... (truncated)</span>
-												{/if}
-											</div>
-										</div>
-									{/if}
-
-									<div class="mt-3 flex items-center gap-4">
-										{#if source.relevanceScore}
-											<span class="text-xs text-muted-foreground">
-												Score: {(source.relevanceScore * 100).toFixed(0)}%
-											</span>
-										{/if}
-										{#if source.wordCount}
-											<span class="text-xs text-muted-foreground">
-												{source.wordCount} words
-											</span>
-										{/if}
-										{#if source.engine}
-											<span class="text-xs text-muted-foreground">
-												via {source.engine}
-											</span>
-										{/if}
-									</div>
-								</div>
-
-								{#if source.extractedContent}
-									<button
-										onclick={() => toggleSource(source.id)}
-										class="rounded-lg p-2 text-muted-foreground hover:bg-secondary hover:text-foreground"
-									>
-										{#if expandedSources.has(source.id)}
-											<CaretUp class="h-5 w-5" />
-										{:else}
-											<CaretDown class="h-5 w-5" />
-										{/if}
-									</button>
-								{/if}
-							</div>
-						</div>
-					{/each}
-				</div>
-			</div>
-		{/if}
-	</div>
-{/if}
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 4d2c570a0..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,181 +0,0 @@
-<script lang="ts">
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { APP_VERSION } from '$lib/version';
-	import { ArrowLeft, User, Moon, Sun, Desktop, Bell, Shield, Trash } from '@manacore/shared-icons';
-
-	let currentTheme = $state(theme.current);
-	let deleteConfirm = $state(false);
-
-	function setTheme(newTheme: 'light' | 'dark' | 'system') {
-		theme.set(newTheme);
-		currentTheme = newTheme;
-	}
-
-	const themeOptions = [
-		{ value: 'light', label: 'Light', icon: Sun },
-		{ value: 'dark', label: 'Dark', icon: Moon },
-		{ value: 'system', label: 'System', icon: Desktop },
-	] as const;
-</script>
-
-<div class="mx-auto max-w-2xl p-6">
-	<!-- Header -->
-	<div class="mb-8">
-		<a
-			href="/"
-			class="mb-4 inline-flex items-center gap-2 text-muted-foreground hover:text-foreground"
-		>
-			<ArrowLeft class="h-4 w-4" />
-			Back to questions
-		</a>
-		<h1 class="text-2xl font-bold text-foreground">Settings</h1>
-	</div>
-
-	<!-- Account Section -->
-	<section class="mb-8">
-		<h2 class="mb-4 flex items-center gap-2 text-lg font-semibold text-foreground">
-			<User class="h-5 w-5" />
-			Account
-		</h2>
-		<div class="rounded-xl border border-border bg-card p-6">
-			<div class="space-y-4">
-				<div>
-					<label class="text-sm text-muted-foreground">Email</label>
-					<p class="font-medium text-foreground">{authStore.user?.email || 'Not signed in'}</p>
-				</div>
-				<div>
-					<label class="text-sm text-muted-foreground">User ID</label>
-					<p class="font-mono text-sm text-foreground">{authStore.user?.id || '-'}</p>
-				</div>
-			</div>
-		</div>
-	</section>
-
-	<!-- Appearance Section -->
-	<section class="mb-8">
-		<h2 class="mb-4 flex items-center gap-2 text-lg font-semibold text-foreground">
-			<Moon class="h-5 w-5" />
-			Appearance
-		</h2>
-		<div class="rounded-xl border border-border bg-card p-6">
-			<label class="mb-3 block text-sm font-medium text-foreground">Theme</label>
-			<div class="grid grid-cols-3 gap-3">
-				{#each themeOptions as option}
-					<button
-						onclick={() => setTheme(option.value)}
-						class="flex flex-col items-center gap-2 rounded-lg border-2 p-4 transition-all {currentTheme ===
-						option.value
-							? 'border-primary bg-primary/5'
-							: 'border-border hover:border-primary/50'}"
-					>
-						<svelte:component this={option.icon} class="h-6 w-6" />
-						<span class="text-sm font-medium">{option.label}</span>
-					</button>
-				{/each}
-			</div>
-		</div>
-	</section>
-
-	<!-- Notifications Section -->
-	<section class="mb-8">
-		<h2 class="mb-4 flex items-center gap-2 text-lg font-semibold text-foreground">
-			<Bell class="h-5 w-5" />
-			Notifications
-		</h2>
-		<div class="rounded-xl border border-border bg-card p-6">
-			<div class="space-y-4">
-				<label class="flex items-center justify-between">
-					<div>
-						<p class="font-medium text-foreground">Research Complete</p>
-						<p class="text-sm text-muted-foreground">Get notified when research is finished</p>
-					</div>
-					<input
-						type="checkbox"
-						checked
-						class="h-5 w-5 rounded border-border text-primary focus:ring-primary"
-					/>
-				</label>
-
-				<label class="flex items-center justify-between">
-					<div>
-						<p class="font-medium text-foreground">Weekly Summary</p>
-						<p class="text-sm text-muted-foreground">Receive a weekly summary of your questions</p>
-					</div>
-					<input
-						type="checkbox"
-						class="h-5 w-5 rounded border-border text-primary focus:ring-primary"
-					/>
-				</label>
-			</div>
-		</div>
-	</section>
-
-	<!-- Privacy Section -->
-	<section class="mb-8">
-		<h2 class="mb-4 flex items-center gap-2 text-lg font-semibold text-foreground">
-			<Shield class="h-5 w-5" />
-			Privacy & Data
-		</h2>
-		<div class="rounded-xl border border-border bg-card p-6">
-			<div class="space-y-4">
-				<div>
-					<p class="font-medium text-foreground">Export Data</p>
-					<p class="mb-2 text-sm text-muted-foreground">
-						Download all your questions and research data
-					</p>
-					<button
-						class="rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-secondary"
-					>
-						Export as JSON
-					</button>
-				</div>
-
-				<hr class="border-border" />
-
-				<div>
-					<p class="font-medium text-destructive">Delete Account</p>
-					<p class="mb-2 text-sm text-muted-foreground">
-						Permanently delete your account and all data
-					</p>
-					{#if deleteConfirm}
-						<div class="flex gap-2">
-							<button
-								class="rounded-lg bg-destructive px-4 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90"
-							>
-								Confirm Delete
-							</button>
-							<button
-								onclick={() => (deleteConfirm = false)}
-								class="rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-secondary"
-							>
-								Cancel
-							</button>
-						</div>
-					{:else}
-						<button
-							onclick={() => (deleteConfirm = true)}
-							class="flex items-center gap-2 rounded-lg border border-destructive px-4 py-2 text-sm font-medium text-destructive hover:bg-destructive/10"
-						>
-							<Trash class="h-4 w-4" />
-							Delete Account
-						</button>
-					{/if}
-				</div>
-			</div>
-		</div>
-	</section>
-
-	<!-- About Section -->
-	<section class="mb-8">
-		<div class="rounded-xl border border-border bg-card p-6 text-center">
-			<p class="text-sm text-muted-foreground">
-				Questions App v{APP_VERSION}
-				<br />
-				Powered by mana-search
-			</p>
-		</div>
-	</section>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</div>
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index b843f4a5e..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | Questions</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/questions/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/questions/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 1c22e9ec0..000000000
--- a/apps/questions/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Questions</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/questions/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/questions/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index 91578956b..000000000
--- a/apps/questions/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let { children } = $props();
-
-	$effect(() => {
-		if (authStore.initialized && authStore.isAuthenticated) {
-			goto('/');
-		}
-	});
-</script>
-
-<div class="flex min-h-screen items-center justify-center bg-gradient-to-br from-primary/5 to-accent/5">
-	<div class="w-full max-w-md px-4">
-		{@render children()}
-	</div>
-</div>
diff --git a/apps/questions/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/questions/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 35d484f8b..000000000
--- a/apps/questions/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { QuestionsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | Questions</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Questions"
-	logo={QuestionsLogo}
-	primaryColor="#8b5cf6"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#f3e8ff"
-	darkBackground="#1e1033"
-	{translations}
-/>
diff --git a/apps/questions/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/questions/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index db61d5420..000000000
--- a/apps/questions/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,77 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { QuestionsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { apiClient } from '$lib/api/client';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Get redirect URL from query params or sessionStorage
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		const result = await authStore.signIn(email, password);
-		if (result.success) {
-			const token = await authStore.getValidToken();
-			apiClient.setAccessToken(token);
-		}
-		return result;
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Questions</title>
-</svelte:head>
-
-<LoginPage
-	appName="Questions"
-	logo={QuestionsLogo}
-	primaryColor="#8b5cf6"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#f3e8ff"
-	darkBackground="#1e1033"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
-/>
diff --git a/apps/questions/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/questions/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 11d61100a..000000000
--- a/apps/questions/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { QuestionsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get redirect URL from sessionStorage
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Questions</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Questions"
-	logo={QuestionsLogo}
-	primaryColor="#8b5cf6"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#f3e8ff"
-	darkBackground="#1e1033"
-	{translations}
-/>
diff --git a/apps/questions/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/questions/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 490658906..000000000
--- a/apps/questions/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { QuestionsLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Questions</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-violet-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<QuestionsLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #8b5cf6">Questions</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #8b5cf6"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #8b5cf680; border-color: #8b5cf6"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #8b5cf6"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #8b5cf6"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/questions/apps/web-archived/src/routes/+layout.svelte b/apps/questions/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index eee85b411..000000000
--- a/apps/questions/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { onMount } from 'svelte';
-	import { isLoading as i18nLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { apiClient } from '$lib/api/client';
-	import { AppLoadingSkeleton } from '$lib/components/skeletons';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { questionsOnboarding } from '$lib/stores/app-onboarding.svelte';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(async () => {
-		theme.initialize();
-		await authStore.initialize();
-
-		// Set token in API client when authenticated
-		if (authStore.isAuthenticated) {
-			const token = await authStore.getValidToken();
-			apiClient.setAccessToken(token);
-		}
-
-		loading = false;
-	});
-</script>
-
-{#if !appReady}
-	<AppLoadingSkeleton layout="sidebar" />
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-
-	{#if questionsOnboarding.shouldShow}
-		<MiniOnboardingModal store={questionsOnboarding} appName="Questions" appEmoji="🔬" />
-	{/if}
-{/if}
diff --git a/apps/questions/apps/web-archived/src/routes/+layout.ts b/apps/questions/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/questions/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/questions/apps/web-archived/src/routes/health/+server.ts b/apps/questions/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index f8ddc452f..000000000
--- a/apps/questions/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { json } from '@sveltejs/kit';
-
-export async function GET() {
-	return json({
-		status: 'ok',
-		timestamp: new Date().toISOString(),
-	});
-}
diff --git a/apps/questions/apps/web-archived/src/routes/offline/+page.svelte b/apps/questions/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 51bdb64cc..000000000
--- a/apps/questions/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Questions"
-	offlineMessage="Questions benötigt eine Internetverbindung für Antworten."
-	accentColor="#7c3aed"
-/>
diff --git a/apps/questions/apps/web-archived/src/routes/offline/+page.ts b/apps/questions/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/questions/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/questions/apps/web-archived/svelte.config.js b/apps/questions/apps/web-archived/svelte.config.js
deleted file mode 100644
index e2175299c..000000000
--- a/apps/questions/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		prerender: {
-			handleHttpError: ({ path, referrer, message }) => {
-				// Ignore missing favicon during prerender
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/questions/apps/web-archived/tsconfig.json b/apps/questions/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/questions/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/questions/apps/web-archived/vite.config.ts b/apps/questions/apps/web-archived/vite.config.ts
deleted file mode 100644
index 248acd87f..000000000
--- a/apps/questions/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Questions - Fragen & Antworten',
-				shortName: 'Questions',
-				description: 'KI-gestützte Recherche und Fragen',
-				themeColor: '#8b5cf6',
-			})
-		),
-	],
-	server: {
-		port: 5111,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/skilltree/apps/web-archived/.env.production.example b/apps/skilltree/apps/web-archived/.env.production.example
deleted file mode 100644
index 313246818..000000000
--- a/apps/skilltree/apps/web-archived/.env.production.example
+++ /dev/null
@@ -1,12 +0,0 @@
-# SkillTree Web App - Production Environment Variables
-# Copy this file to .env.production and fill in the values
-
-# =============================================================================
-# REQUIRED
-# =============================================================================
-
-# Backend API URL
-PUBLIC_BACKEND_URL=https://skilltree-api.mana.how
-
-# Mana Core Auth URL for authentication
-PUBLIC_MANA_CORE_AUTH_URL=https://auth.mana.how
diff --git a/apps/skilltree/apps/web-archived/Dockerfile b/apps/skilltree/apps/web-archived/Dockerfile
deleted file mode 100644
index e04e76f2c..000000000
--- a/apps/skilltree/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,31 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://mana-auth
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/skilltree/apps/web ./apps/skilltree/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/skilltree/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/skilltree/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/skilltree/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/skilltree/apps/web/build ./build
-COPY --from=builder /app/apps/skilltree/apps/web/package.json ./
-
-EXPOSE 5021
-ENV NODE_ENV=production PORT=5021 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5021/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/skilltree/apps/web-archived/package.json b/apps/skilltree/apps/web-archived/package.json
deleted file mode 100644
index c4742bfea..000000000
--- a/apps/skilltree/apps/web-archived/package.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-	"name": "@skilltree/web",
-	"version": "0.2.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest",
-		"test:run": "vitest run",
-		"test:coverage": "vitest run --coverage"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@testing-library/svelte": "^5.2.6",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"jsdom": "^25.0.1",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0",
-		"vitest": "^4.0.18"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-ui": "workspace:^",
-		"@manacore/shared-utils": "workspace:*",
-		"svelte-i18n": "^4.0.1",
-		"uuid": "^11.0.0"
-	},
-	"type": "module"
-}
diff --git a/apps/skilltree/apps/web-archived/src/app.css b/apps/skilltree/apps/web-archived/src/app.css
deleted file mode 100644
index 48822d4bf..000000000
--- a/apps/skilltree/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,141 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-
-:root {
-	/* SkillTree - Emerald/Green Theme (Growth & Progress) */
-	--color-primary: #10b981;
-	--color-primary-hover: #059669;
-	--color-primary-light: #34d399;
-	--color-primary-dark: #047857;
-
-	--color-secondary: #ecfdf5;
-	--color-secondary-hover: #d1fae5;
-
-	--color-accent: #6ee7b7;
-	--color-accent-hover: #34d399;
-
-	/* XP & Level Colors */
-	--color-xp: #fbbf24;
-	--color-xp-glow: rgba(251, 191, 36, 0.4);
-	--color-level-up: #f59e0b;
-
-	/* Skill Levels */
-	--color-level-0: #6b7280;
-	--color-level-1: #3b82f6;
-	--color-level-2: #8b5cf6;
-	--color-level-3: #ec4899;
-	--color-level-4: #f97316;
-	--color-level-5: #fbbf24;
-
-	/* Branch Colors */
-	--color-branch-intellect: #3b82f6;
-	--color-branch-body: #ef4444;
-	--color-branch-creativity: #ec4899;
-	--color-branch-social: #8b5cf6;
-	--color-branch-practical: #f97316;
-	--color-branch-mindset: #10b981;
-}
-
-/* Dark mode overrides */
-:root.dark {
-	--color-secondary: #064e3b;
-	--color-secondary-hover: #065f46;
-}
-
-/* Skill card */
-.skill-card {
-	transition:
-		transform 0.2s ease,
-		box-shadow 0.2s ease,
-		border-color 0.2s ease;
-}
-
-.skill-card:hover {
-	transform: translateY(-2px);
-	box-shadow: 0 8px 25px -5px rgba(16, 185, 129, 0.2);
-}
-
-/* XP Progress Bar */
-.xp-bar {
-	background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-xp) 100%);
-	transition: width 0.5s ease;
-}
-
-.xp-bar-container {
-	background: rgba(107, 114, 128, 0.2);
-	overflow: hidden;
-}
-
-/* Level badge glow animation */
-@keyframes level-glow {
-	0%,
-	100% {
-		box-shadow: 0 0 5px var(--color-xp-glow);
-	}
-	50% {
-		box-shadow: 0 0 20px var(--color-xp-glow);
-	}
-}
-
-.level-badge-glow {
-	animation: level-glow 2s ease-in-out infinite;
-}
-
-/* Level up animation */
-@keyframes level-up {
-	0% {
-		transform: scale(1);
-	}
-	50% {
-		transform: scale(1.2);
-	}
-	100% {
-		transform: scale(1);
-	}
-}
-
-.level-up-animation {
-	animation: level-up 0.5s ease-in-out;
-}
-
-/* Branch indicator */
-.branch-indicator {
-	width: 4px;
-	border-radius: 2px;
-}
-
-/* Skill tree node */
-.tree-node {
-	transition:
-		transform 0.2s ease,
-		opacity 0.2s ease;
-}
-
-.tree-node:hover {
-	transform: scale(1.05);
-}
-
-.tree-node.locked {
-	opacity: 0.5;
-	filter: grayscale(0.8);
-}
-
-/* Progress ring */
-.progress-ring {
-	transition: stroke-dashoffset 0.5s ease;
-}
-
-/* Add XP button pulse */
-@keyframes pulse-xp {
-	0%,
-	100% {
-		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
-	}
-	50% {
-		box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
-	}
-}
-
-.pulse-xp:hover {
-	animation: pulse-xp 1.5s infinite;
-}
diff --git a/apps/skilltree/apps/web-archived/src/app.d.ts b/apps/skilltree/apps/web-archived/src/app.d.ts
deleted file mode 100644
index 8e8e79928..000000000
--- a/apps/skilltree/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
-
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/apps/skilltree/apps/web-archived/src/app.html b/apps/skilltree/apps/web-archived/src/app.html
deleted file mode 100644
index 0b9a66d8c..000000000
--- a/apps/skilltree/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-
-		<!-- Favicon -->
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-
-		<!-- Theme Color -->
-		<meta name="theme-color" content="#10b981" />
-
-		<!-- PWA -->
-		<meta name="mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<meta name="apple-mobile-web-app-title" content="SkillTree" />
-
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/skilltree/apps/web-archived/src/hooks.client.ts b/apps/skilltree/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 8bc9f2235..000000000
--- a/apps/skilltree/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'skilltree-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/skilltree/apps/web-archived/src/hooks.server.ts b/apps/skilltree/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 80f9bb67c..000000000
--- a/apps/skilltree/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/skilltree/apps/web-archived/src/lib/api/achievements.ts b/apps/skilltree/apps/web-archived/src/lib/api/achievements.ts
deleted file mode 100644
index 991cae600..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/api/achievements.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { apiClient } from './client';
-import type { AchievementWithStatus, Achievement } from '$lib/types';
-
-interface AchievementsResponse {
-	achievements: AchievementWithStatus[];
-}
-
-interface UnlockedResponse {
-	achievements: Achievement[];
-}
-
-interface AchievementStatsResponse {
-	stats: { total: number; unlocked: number };
-}
-
-export async function getAchievements(): Promise<AchievementWithStatus[]> {
-	const response = await apiClient.get<AchievementsResponse>('/api/v1/achievements');
-	return response.achievements;
-}
-
-export async function getUnlockedAchievements(): Promise<Achievement[]> {
-	const response = await apiClient.get<UnlockedResponse>('/api/v1/achievements/unlocked');
-	return response.achievements;
-}
-
-export async function getAchievementStats(): Promise<{ total: number; unlocked: number }> {
-	const response = await apiClient.get<AchievementStatsResponse>('/api/v1/achievements/stats');
-	return response.stats;
-}
diff --git a/apps/skilltree/apps/web-archived/src/lib/api/activities.ts b/apps/skilltree/apps/web-archived/src/lib/api/activities.ts
deleted file mode 100644
index d2cca8c5f..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/api/activities.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { apiClient } from './client';
-import type { Activity } from '$lib/types';
-
-interface ActivitiesResponse {
-	activities: Activity[];
-}
-
-export async function getActivities(skillId?: string, limit?: number): Promise<Activity[]> {
-	const params = new URLSearchParams();
-	if (skillId) params.append('skillId', skillId);
-	if (limit) params.append('limit', String(limit));
-	const queryString = params.toString() ? `?${params.toString()}` : '';
-	const response = await apiClient.get<ActivitiesResponse>(`/api/v1/activities${queryString}`);
-	return response.activities;
-}
-
-export async function getRecentActivities(limit = 10): Promise<Activity[]> {
-	return getActivities(undefined, limit);
-}
-
-export async function getSkillActivities(skillId: string): Promise<Activity[]> {
-	return getActivities(skillId);
-}
diff --git a/apps/skilltree/apps/web-archived/src/lib/api/client.ts b/apps/skilltree/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index 01e38492c..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * API Client for SkillTree backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { PUBLIC_BACKEND_URL } from '$env/static/public';
-
-const BASE_URL = PUBLIC_BACKEND_URL || 'http://localhost:3024';
-
-// Token storage for manual token management
-let currentToken: string | null = null;
-
-/**
- * SkillTree API client instance
- * - Supports manual token setting via setAccessToken()
- * - Runtime URL injection via window.__PUBLIC_BACKEND_URL__
- * - Consistent ApiResult<T> response format
- */
-const api = createApiClient({
-	baseUrl: BASE_URL,
-	apiPrefix: '',
-	getAuthToken: async () => currentToken,
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-/**
- * Legacy ApiClient class wrapper for backward compatibility
- * Maintains throw-based error handling for existing code
- */
-class ApiClient {
-	setAccessToken(token: string | null) {
-		currentToken = token;
-	}
-
-	getAccessToken(): string | null {
-		return currentToken;
-	}
-
-	async fetch<T>(endpoint: string, options: { method?: string; body?: unknown } = {}): Promise<T> {
-		const { method = 'GET', body } = options;
-
-		let result: ApiResult<T>;
-		switch (method) {
-			case 'POST':
-				result = await api.post<T>(endpoint, body);
-				break;
-			case 'PUT':
-				result = await api.put<T>(endpoint, body);
-				break;
-			case 'DELETE':
-				result = await api.delete<T>(endpoint);
-				break;
-			default:
-				result = await api.get<T>(endpoint);
-		}
-
-		if (result.error) {
-			throw new Error(result.error.message);
-		}
-
-		if (result.data === null) {
-			return {} as T;
-		}
-
-		return result.data;
-	}
-
-	get<T>(endpoint: string, headers?: Record<string, string>): Promise<T> {
-		return this.fetch<T>(endpoint, { method: 'GET' });
-	}
-
-	post<T>(endpoint: string, body?: unknown, headers?: Record<string, string>): Promise<T> {
-		return this.fetch<T>(endpoint, { method: 'POST', body });
-	}
-
-	put<T>(endpoint: string, body?: unknown, headers?: Record<string, string>): Promise<T> {
-		return this.fetch<T>(endpoint, { method: 'PUT', body });
-	}
-
-	delete<T>(endpoint: string, headers?: Record<string, string>): Promise<T> {
-		return this.fetch<T>(endpoint, { method: 'DELETE' });
-	}
-}
-
-export const apiClient = new ApiClient();
diff --git a/apps/skilltree/apps/web-archived/src/lib/api/skills.ts b/apps/skilltree/apps/web-archived/src/lib/api/skills.ts
deleted file mode 100644
index 889d034d7..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/api/skills.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { apiClient } from './client';
-import type { Skill, Activity, UserStats, SkillBranch, AchievementUnlockResult } from '$lib/types';
-
-interface CreateSkillDto {
-	name: string;
-	description?: string;
-	branch: SkillBranch;
-	parentId?: string;
-	icon?: string;
-	color?: string;
-}
-
-interface UpdateSkillDto {
-	name?: string;
-	description?: string;
-	branch?: SkillBranch;
-	parentId?: string | null;
-	icon?: string;
-	color?: string | null;
-}
-
-interface AddXpDto {
-	xp: number;
-	description: string;
-	duration?: number;
-}
-
-interface AddXpResponse {
-	skill: Skill;
-	activity: Activity;
-	leveledUp: boolean;
-	previousLevel: number;
-	newLevel: number;
-	newAchievements: AchievementUnlockResult[];
-}
-
-interface CreateSkillResponse {
-	skill: Skill;
-	newAchievements: AchievementUnlockResult[];
-}
-
-interface SkillsResponse {
-	skills: Skill[];
-}
-
-interface SkillResponse {
-	skill: Skill;
-}
-
-interface StatsResponse {
-	stats: UserStats;
-}
-
-export async function getSkills(branch?: SkillBranch): Promise<Skill[]> {
-	const queryString = branch ? `?branch=${branch}` : '';
-	const response = await apiClient.get<SkillsResponse>(`/api/v1/skills${queryString}`);
-	return response.skills;
-}
-
-export async function getSkill(id: string): Promise<Skill> {
-	const response = await apiClient.get<SkillResponse>(`/api/v1/skills/${id}`);
-	return response.skill;
-}
-
-export async function createSkill(data: CreateSkillDto): Promise<CreateSkillResponse> {
-	return await apiClient.post<CreateSkillResponse>('/api/v1/skills', data);
-}
-
-export async function updateSkill(id: string, data: UpdateSkillDto): Promise<Skill> {
-	const response = await apiClient.put<SkillResponse>(`/api/v1/skills/${id}`, data);
-	return response.skill;
-}
-
-export async function deleteSkill(id: string): Promise<void> {
-	await apiClient.delete(`/api/v1/skills/${id}`);
-}
-
-export async function addXp(skillId: string, data: AddXpDto): Promise<AddXpResponse> {
-	return await apiClient.post<AddXpResponse>(`/api/v1/skills/${skillId}/xp`, data);
-}
-
-export async function getStats(): Promise<UserStats> {
-	const response = await apiClient.get<StatsResponse>('/api/v1/skills/stats');
-	return response.stats;
-}
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/AchievementCard.svelte b/apps/skilltree/apps/web-archived/src/lib/components/AchievementCard.svelte
deleted file mode 100644
index 5c0130824..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/AchievementCard.svelte
+++ /dev/null
@@ -1,93 +0,0 @@
-<script lang="ts">
-	import type { AchievementWithStatus } from '$lib/types';
-	import { RARITY_INFO } from '$lib/types';
-	import { Trophy, Lock, Star } from '@manacore/shared-icons';
-
-	interface Props {
-		achievement: AchievementWithStatus;
-	}
-
-	let { achievement }: Props = $props();
-
-	const rarity = $derived(RARITY_INFO[achievement.rarity]);
-	const progressPercent = $derived(
-		achievement.unlocked
-			? 100
-			: Math.round((achievement.progress / achievement.condition.threshold) * 100)
-	);
-</script>
-
-<div
-	class="relative rounded-xl border p-4 transition-all duration-200 {achievement.unlocked
-		? `${rarity.bgColor} ${rarity.borderColor}`
-		: 'border-gray-700/50 bg-gray-800/30'} {achievement.unlocked
-		? 'hover:-translate-y-0.5 hover:shadow-lg'
-		: 'opacity-70'}"
->
-	<!-- Rarity indicator -->
-	<div class="absolute right-3 top-3">
-		<span class="rounded-full px-2 py-0.5 text-xs font-medium {rarity.color} {rarity.bgColor}">
-			{rarity.name}
-		</span>
-	</div>
-
-	<div class="flex items-start gap-3">
-		<!-- Icon -->
-		<div
-			class="flex h-12 w-12 shrink-0 items-center justify-center rounded-full {achievement.unlocked
-				? 'bg-yellow-500/20'
-				: 'bg-gray-700/50'}"
-		>
-			{#if achievement.unlocked}
-				<Trophy class="h-6 w-6 text-yellow-400" />
-			{:else}
-				<Lock class="h-6 w-6 text-gray-500" />
-			{/if}
-		</div>
-
-		<div class="min-w-0 flex-1">
-			<!-- Name -->
-			<h3 class="font-semibold {achievement.unlocked ? 'text-white' : 'text-gray-400'}">
-				{achievement.name}
-			</h3>
-
-			<!-- Description -->
-			<p class="mt-0.5 text-sm {achievement.unlocked ? 'text-gray-300' : 'text-gray-500'}">
-				{achievement.description}
-			</p>
-
-			<!-- Progress bar (if not unlocked) -->
-			{#if !achievement.unlocked}
-				<div class="mt-2">
-					<div class="flex items-center justify-between text-xs text-gray-500">
-						<span>{achievement.progress} / {achievement.condition.threshold}</span>
-						<span>{progressPercent}%</span>
-					</div>
-					<div class="mt-1 h-1.5 overflow-hidden rounded-full bg-gray-700">
-						<div
-							class="h-full rounded-full bg-gradient-to-r from-gray-500 to-gray-400 transition-all duration-300"
-							style="width: {progressPercent}%"
-						></div>
-					</div>
-				</div>
-			{/if}
-
-			<!-- XP reward + unlock date -->
-			<div class="mt-2 flex items-center gap-3 text-xs">
-				<span
-					class="flex items-center gap-1 {achievement.unlocked
-						? 'text-yellow-400'
-						: 'text-gray-500'}"
-				>
-					<Star class="h-3 w-3" />
-					+{achievement.xpReward} XP
-				</span>
-				{#if achievement.unlocked && achievement.unlockedAt}
-					<span class="text-gray-500">
-						{new Date(achievement.unlockedAt).toLocaleDateString('de-DE')}
-					</span>
-				{/if}
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/AchievementCelebration.svelte b/apps/skilltree/apps/web-archived/src/lib/components/AchievementCelebration.svelte
deleted file mode 100644
index 449be8768..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/AchievementCelebration.svelte
+++ /dev/null
@@ -1,151 +0,0 @@
-<script lang="ts">
-	import type { AchievementUnlockResult } from '$lib/types';
-	import { RARITY_INFO } from '$lib/types';
-	import { Trophy, Sparkle, Star } from '@manacore/shared-icons';
-	import { onMount } from 'svelte';
-
-	interface Props {
-		result: AchievementUnlockResult;
-		onClose: () => void;
-	}
-
-	let { result, onClose }: Props = $props();
-
-	const rarity = RARITY_INFO[result.achievement.rarity];
-
-	function getRarityGradient(r: string): string {
-		const gradients: Record<string, string> = {
-			common: 'from-gray-500 to-gray-600',
-			uncommon: 'from-green-500 to-green-600',
-			rare: 'from-blue-500 to-blue-600',
-			epic: 'from-purple-500 to-purple-600',
-			legendary: 'from-yellow-400 to-yellow-500',
-		};
-		return gradients[r] ?? gradients.common;
-	}
-
-	// Auto-close after 3.5 seconds
-	onMount(() => {
-		const timer = setTimeout(onClose, 3500);
-		return () => clearTimeout(timer);
-	});
-</script>
-
-<div
-	class="fixed inset-0 z-[100] flex items-center justify-center bg-black/80 backdrop-blur-sm"
-	onclick={onClose}
-	role="dialog"
-	aria-modal="true"
->
-	<div class="celebration-container text-center">
-		<!-- Sparkle effects -->
-		<div class="sparkles">
-			{#each Array(10) as _, i}
-				<div class="sparkle" style="--delay: {i * 0.08}s; --angle: {i * 36}deg">
-					<Sparkle class="h-5 w-5 text-yellow-400" />
-				</div>
-			{/each}
-		</div>
-
-		<!-- Main content -->
-		<div class="relative z-10">
-			<!-- Trophy icon -->
-			<div
-				class="mx-auto mb-4 flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br {getRarityGradient(
-					result.achievement.rarity
-				)} achievement-bounce shadow-lg shadow-yellow-500/20"
-			>
-				<Trophy class="h-10 w-10 text-white" />
-			</div>
-
-			<!-- Achievement unlocked text -->
-			<h2 class="mb-1 text-2xl font-bold text-yellow-400 achievement-text">
-				Achievement freigeschaltet!
-			</h2>
-
-			<!-- Achievement name -->
-			<p class="mb-2 text-xl font-semibold text-white">{result.achievement.name}</p>
-
-			<!-- Description -->
-			<p class="mb-4 text-gray-400">{result.achievement.description}</p>
-
-			<!-- Rarity + XP reward -->
-			<div class="inline-flex items-center gap-3">
-				<span class="rounded-full px-3 py-1 text-sm font-medium {rarity.color} {rarity.bgColor}">
-					{rarity.name}
-				</span>
-				<span class="flex items-center gap-1 text-yellow-400">
-					<Star class="h-4 w-4" />
-					+{result.xpReward} XP
-				</span>
-			</div>
-
-			<!-- Click to close -->
-			<p class="mt-6 text-sm text-gray-500">Klicken zum Schließen</p>
-		</div>
-	</div>
-</div>
-
-<style>
-	.celebration-container {
-		position: relative;
-		padding: 2rem;
-	}
-
-	.sparkles {
-		position: absolute;
-		inset: 0;
-		pointer-events: none;
-	}
-
-	.sparkle {
-		position: absolute;
-		top: 50%;
-		left: 50%;
-		animation: sparkle-fly 0.8s ease-out forwards;
-		animation-delay: var(--delay);
-		opacity: 0;
-	}
-
-	@keyframes sparkle-fly {
-		0% {
-			transform: translate(-50%, -50%) rotate(var(--angle)) translateY(0);
-			opacity: 1;
-		}
-		100% {
-			transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-120px);
-			opacity: 0;
-		}
-	}
-
-	.achievement-bounce {
-		animation: ach-bounce 0.5s ease-out;
-	}
-
-	@keyframes ach-bounce {
-		0% {
-			transform: scale(0);
-		}
-		60% {
-			transform: scale(1.15);
-		}
-		100% {
-			transform: scale(1);
-		}
-	}
-
-	.achievement-text {
-		animation: ach-glow 1s ease-in-out infinite alternate;
-	}
-
-	@keyframes ach-glow {
-		from {
-			text-shadow: 0 0 8px rgba(251, 191, 36, 0.4);
-		}
-		to {
-			text-shadow:
-				0 0 20px rgba(251, 191, 36, 0.6),
-				0 0 40px rgba(251, 191, 36, 0.3);
-		}
-	}
-</style>
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/AddSkillModal.svelte b/apps/skilltree/apps/web-archived/src/lib/components/AddSkillModal.svelte
deleted file mode 100644
index 41a3ef571..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/AddSkillModal.svelte
+++ /dev/null
@@ -1,126 +0,0 @@
-<script lang="ts">
-	import type { Skill, SkillBranch } from '$lib/types';
-	import { BRANCH_INFO } from '$lib/types';
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		onClose: () => void;
-		onSave: (skill: Partial<Skill>) => Promise<void>;
-	}
-
-	let { onClose, onSave }: Props = $props();
-
-	let name = $state('');
-	let description = $state('');
-	let branch = $state<SkillBranch>('intellect');
-	let saving = $state(false);
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		if (!name.trim()) return;
-
-		saving = true;
-		try {
-			await onSave({
-				name: name.trim(),
-				description: description.trim(),
-				branch,
-			});
-		} finally {
-			saving = false;
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-</script>
-
-<div
-	class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm"
-	onclick={handleBackdropClick}
-	role="dialog"
-	aria-modal="true"
->
-	<div class="mx-4 w-full max-w-md rounded-2xl border border-gray-700 bg-gray-800 p-6 shadow-xl">
-		<!-- Header -->
-		<div class="mb-6 flex items-center justify-between">
-			<h2 class="text-xl font-bold text-white">Neuer Skill</h2>
-			<button
-				onclick={onClose}
-				class="rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-700 hover:text-white"
-			>
-				<X class="h-5 w-5" />
-			</button>
-		</div>
-
-		<form onsubmit={handleSubmit} class="space-y-4">
-			<!-- Name -->
-			<div>
-				<label for="name" class="mb-1 block text-sm font-medium text-gray-300"> Name * </label>
-				<input
-					id="name"
-					type="text"
-					bind:value={name}
-					placeholder="z.B. TypeScript"
-					class="w-full rounded-lg border border-gray-600 bg-gray-700 px-4 py-2 text-white placeholder-gray-400 focus:border-emerald-500 focus:outline-none focus:ring-1 focus:ring-emerald-500"
-					required
-				/>
-			</div>
-
-			<!-- Description -->
-			<div>
-				<label for="description" class="mb-1 block text-sm font-medium text-gray-300">
-					Beschreibung
-				</label>
-				<textarea
-					id="description"
-					bind:value={description}
-					placeholder="Worum geht es bei diesem Skill?"
-					rows="3"
-					class="w-full rounded-lg border border-gray-600 bg-gray-700 px-4 py-2 text-white placeholder-gray-400 focus:border-emerald-500 focus:outline-none focus:ring-1 focus:ring-emerald-500"
-				></textarea>
-			</div>
-
-			<!-- Branch -->
-			<div>
-				<label for="branch" class="mb-2 block text-sm font-medium text-gray-300"> Kategorie </label>
-				<div class="grid grid-cols-2 gap-2">
-					{#each Object.entries(BRANCH_INFO) as [key, info]}
-						<button
-							type="button"
-							onclick={() => (branch = key as SkillBranch)}
-							class="flex items-center gap-2 rounded-lg border px-3 py-2 text-left text-sm transition-colors {branch ===
-							key
-								? 'border-emerald-500 bg-emerald-500/20 text-white'
-								: 'border-gray-600 bg-gray-700/50 text-gray-300 hover:border-gray-500'}"
-						>
-							<span class="h-3 w-3 rounded-full" style="background-color: {info.color}"></span>
-							{info.name}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Actions -->
-			<div class="flex gap-3 pt-4">
-				<button
-					type="button"
-					onclick={onClose}
-					class="flex-1 rounded-lg border border-gray-600 bg-transparent px-4 py-2 font-medium text-gray-300 transition-colors hover:bg-gray-700"
-				>
-					Abbrechen
-				</button>
-				<button
-					type="submit"
-					disabled={!name.trim() || saving}
-					class="flex-1 rounded-lg bg-emerald-600 px-4 py-2 font-medium text-white transition-colors hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-50"
-				>
-					{saving ? 'Speichern...' : 'Erstellen'}
-				</button>
-			</div>
-		</form>
-	</div>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/AddXpModal.svelte b/apps/skilltree/apps/web-archived/src/lib/components/AddXpModal.svelte
deleted file mode 100644
index f887768af..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/AddXpModal.svelte
+++ /dev/null
@@ -1,171 +0,0 @@
-<script lang="ts">
-	import type { Skill } from '$lib/types';
-	import { LEVEL_NAMES } from '$lib/types';
-	import { X, Lightning, Clock, Star } from '@manacore/shared-icons';
-
-	interface Props {
-		skill: Skill;
-		onClose: () => void;
-		onSave: (xp: number, description: string, duration?: number) => Promise<void>;
-	}
-
-	let { skill, onClose, onSave }: Props = $props();
-
-	let xp = $state(10);
-	let description = $state('');
-	let duration = $state<number | undefined>(undefined);
-	let saving = $state(false);
-
-	// Quick XP presets
-	const xpPresets = [
-		{ label: '+5', value: 5, desc: 'Kurz geübt' },
-		{ label: '+10', value: 10, desc: 'Normale Session' },
-		{ label: '+25', value: 25, desc: 'Intensive Session' },
-		{ label: '+50', value: 50, desc: 'Großer Fortschritt' },
-		{ label: '+100', value: 100, desc: 'Meilenstein erreicht' },
-	];
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		if (xp <= 0) return;
-
-		saving = true;
-		try {
-			await onSave(xp, description || `+${xp} XP`, duration);
-		} finally {
-			saving = false;
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function selectPreset(preset: { value: number; desc: string }) {
-		xp = preset.value;
-		if (!description) {
-			description = preset.desc;
-		}
-	}
-</script>
-
-<div
-	class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm"
-	onclick={handleBackdropClick}
-	role="dialog"
-	aria-modal="true"
->
-	<div class="mx-4 w-full max-w-md rounded-2xl border border-gray-700 bg-gray-800 p-6 shadow-xl">
-		<!-- Header -->
-		<div class="mb-6 flex items-center justify-between">
-			<div>
-				<h2 class="text-xl font-bold text-white">XP hinzufügen</h2>
-				<p class="text-sm text-gray-400">{skill.name} (Lvl {skill.level})</p>
-			</div>
-			<button
-				onclick={onClose}
-				class="rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-700 hover:text-white"
-			>
-				<X class="h-5 w-5" />
-			</button>
-		</div>
-
-		<form onsubmit={handleSubmit} class="space-y-4">
-			<!-- Quick XP Presets -->
-			<div>
-				<label class="mb-2 block text-sm font-medium text-gray-300"> Schnellauswahl </label>
-				<div class="flex flex-wrap gap-2">
-					{#each xpPresets as preset}
-						<button
-							type="button"
-							onclick={() => selectPreset(preset)}
-							class="rounded-lg border px-3 py-1.5 text-sm font-medium transition-colors {xp ===
-							preset.value
-								? 'border-emerald-500 bg-emerald-500/20 text-emerald-400'
-								: 'border-gray-600 bg-gray-700/50 text-gray-300 hover:border-gray-500'}"
-						>
-							{preset.label}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Custom XP -->
-			<div>
-				<label for="xp" class="mb-1 block text-sm font-medium text-gray-300">
-					<Lightning class="mr-1 inline h-4 w-4 text-yellow-500" />
-					XP Menge
-				</label>
-				<input
-					id="xp"
-					type="number"
-					bind:value={xp}
-					min="1"
-					max="1000"
-					class="w-full rounded-lg border border-gray-600 bg-gray-700 px-4 py-2 text-white placeholder-gray-400 focus:border-emerald-500 focus:outline-none focus:ring-1 focus:ring-emerald-500"
-				/>
-			</div>
-
-			<!-- Description -->
-			<div>
-				<label for="description" class="mb-1 block text-sm font-medium text-gray-300">
-					Was hast du gemacht?
-				</label>
-				<input
-					id="description"
-					type="text"
-					bind:value={description}
-					placeholder="z.B. Tutorial abgeschlossen"
-					class="w-full rounded-lg border border-gray-600 bg-gray-700 px-4 py-2 text-white placeholder-gray-400 focus:border-emerald-500 focus:outline-none focus:ring-1 focus:ring-emerald-500"
-				/>
-			</div>
-
-			<!-- Duration (optional) -->
-			<div>
-				<label for="duration" class="mb-1 block text-sm font-medium text-gray-300">
-					<Clock class="mr-1 inline h-4 w-4 text-gray-400" />
-					Dauer (optional, Minuten)
-				</label>
-				<input
-					id="duration"
-					type="number"
-					bind:value={duration}
-					min="1"
-					placeholder="z.B. 30"
-					class="w-full rounded-lg border border-gray-600 bg-gray-700 px-4 py-2 text-white placeholder-gray-400 focus:border-emerald-500 focus:outline-none focus:ring-1 focus:ring-emerald-500"
-				/>
-			</div>
-
-			<!-- Preview -->
-			<div class="rounded-lg bg-gray-700/50 p-3">
-				<div class="flex items-center justify-between text-sm">
-					<span class="text-gray-400">Vorschau</span>
-					<span class="font-medium text-emerald-400">+{xp} XP</span>
-				</div>
-				<div class="mt-1 text-xs text-gray-500">
-					Neuer Stand: {(skill.totalXp + xp).toLocaleString()} XP
-				</div>
-			</div>
-
-			<!-- Actions -->
-			<div class="flex gap-3 pt-2">
-				<button
-					type="button"
-					onclick={onClose}
-					class="flex-1 rounded-lg border border-gray-600 bg-transparent px-4 py-2 font-medium text-gray-300 transition-colors hover:bg-gray-700"
-				>
-					Abbrechen
-				</button>
-				<button
-					type="submit"
-					disabled={xp <= 0 || saving}
-					class="flex-1 rounded-lg bg-emerald-600 px-4 py-2 font-medium text-white transition-colors hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-50"
-				>
-					{saving ? 'Speichern...' : 'XP vergeben'}
-				</button>
-			</div>
-		</form>
-	</div>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/EditSkillModal.svelte b/apps/skilltree/apps/web-archived/src/lib/components/EditSkillModal.svelte
deleted file mode 100644
index 679e274f8..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/EditSkillModal.svelte
+++ /dev/null
@@ -1,192 +0,0 @@
-<script lang="ts">
-	import type { Skill, SkillBranch } from '$lib/types';
-	import { BRANCH_INFO } from '$lib/types';
-	import { X, Trash } from '@manacore/shared-icons';
-
-	interface Props {
-		skill: Skill;
-		onClose: () => void;
-		onSave: (updates: Partial<Skill>) => Promise<void>;
-		onDelete: () => void;
-	}
-
-	let { skill, onClose, onSave, onDelete }: Props = $props();
-
-	let name = $state(skill.name);
-	let description = $state(skill.description);
-	let branch = $state<SkillBranch>(skill.branch);
-	let saving = $state(false);
-	let showDeleteConfirm = $state(false);
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		if (!name.trim()) return;
-
-		saving = true;
-		try {
-			await onSave({
-				name: name.trim(),
-				description: description.trim(),
-				branch,
-			});
-			onClose();
-		} finally {
-			saving = false;
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function confirmDelete() {
-		onDelete();
-		onClose();
-	}
-</script>
-
-<div
-	class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm"
-	onclick={handleBackdropClick}
-	role="dialog"
-	aria-modal="true"
->
-	<div class="mx-4 w-full max-w-md rounded-2xl border border-gray-700 bg-gray-800 p-6 shadow-xl">
-		<!-- Header -->
-		<div class="mb-6 flex items-center justify-between">
-			<h2 class="text-xl font-bold text-white">Skill bearbeiten</h2>
-			<button
-				onclick={onClose}
-				class="rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-700 hover:text-white"
-			>
-				<X class="h-5 w-5" />
-			</button>
-		</div>
-
-		{#if showDeleteConfirm}
-			<!-- Delete Confirmation -->
-			<div class="text-center">
-				<div
-					class="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-500/20"
-				>
-					<Trash class="h-8 w-8 text-red-500" />
-				</div>
-				<h3 class="mb-2 text-lg font-semibold text-white">Skill löschen?</h3>
-				<p class="mb-6 text-gray-400">
-					"{skill.name}" und alle zugehörigen Aktivitäten werden unwiderruflich gelöscht.
-				</p>
-				<div class="flex gap-3">
-					<button
-						onclick={() => (showDeleteConfirm = false)}
-						class="flex-1 rounded-lg border border-gray-600 bg-transparent px-4 py-2 font-medium text-gray-300 transition-colors hover:bg-gray-700"
-					>
-						Abbrechen
-					</button>
-					<button
-						onclick={confirmDelete}
-						class="flex-1 rounded-lg bg-red-600 px-4 py-2 font-medium text-white transition-colors hover:bg-red-500"
-					>
-						Löschen
-					</button>
-				</div>
-			</div>
-		{:else}
-			<form onsubmit={handleSubmit} class="space-y-4">
-				<!-- Name -->
-				<div>
-					<label for="name" class="mb-1 block text-sm font-medium text-gray-300"> Name * </label>
-					<input
-						id="name"
-						type="text"
-						bind:value={name}
-						placeholder="z.B. TypeScript"
-						class="w-full rounded-lg border border-gray-600 bg-gray-700 px-4 py-2 text-white placeholder-gray-400 focus:border-emerald-500 focus:outline-none focus:ring-1 focus:ring-emerald-500"
-						required
-					/>
-				</div>
-
-				<!-- Description -->
-				<div>
-					<label for="description" class="mb-1 block text-sm font-medium text-gray-300">
-						Beschreibung
-					</label>
-					<textarea
-						id="description"
-						bind:value={description}
-						placeholder="Worum geht es bei diesem Skill?"
-						rows="3"
-						class="w-full rounded-lg border border-gray-600 bg-gray-700 px-4 py-2 text-white placeholder-gray-400 focus:border-emerald-500 focus:outline-none focus:ring-1 focus:ring-emerald-500"
-					></textarea>
-				</div>
-
-				<!-- Branch -->
-				<div>
-					<label class="mb-2 block text-sm font-medium text-gray-300"> Kategorie </label>
-					<div class="grid grid-cols-2 gap-2">
-						{#each Object.entries(BRANCH_INFO) as [key, info]}
-							<button
-								type="button"
-								onclick={() => (branch = key as SkillBranch)}
-								class="flex items-center gap-2 rounded-lg border px-3 py-2 text-left text-sm transition-colors {branch ===
-								key
-									? 'border-emerald-500 bg-emerald-500/20 text-white'
-									: 'border-gray-600 bg-gray-700/50 text-gray-300 hover:border-gray-500'}"
-							>
-								<span class="h-3 w-3 rounded-full" style="background-color: {info.color}"></span>
-								{info.name}
-							</button>
-						{/each}
-					</div>
-				</div>
-
-				<!-- Stats (read-only) -->
-				<div class="rounded-lg bg-gray-700/50 p-3">
-					<div class="grid grid-cols-3 gap-4 text-center text-sm">
-						<div>
-							<div class="text-gray-400">Level</div>
-							<div class="font-semibold text-white">{skill.level}</div>
-						</div>
-						<div>
-							<div class="text-gray-400">Total XP</div>
-							<div class="font-semibold text-white">{skill.totalXp.toLocaleString()}</div>
-						</div>
-						<div>
-							<div class="text-gray-400">Erstellt</div>
-							<div class="font-semibold text-white">
-								{new Date(skill.createdAt).toLocaleDateString('de-DE')}
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<!-- Actions -->
-				<div class="flex gap-3 pt-4">
-					<button
-						type="button"
-						onclick={() => (showDeleteConfirm = true)}
-						class="rounded-lg bg-red-600/20 p-2 text-red-400 transition-colors hover:bg-red-600/30"
-						title="Löschen"
-					>
-						<Trash class="h-5 w-5" />
-					</button>
-					<button
-						type="button"
-						onclick={onClose}
-						class="flex-1 rounded-lg border border-gray-600 bg-transparent px-4 py-2 font-medium text-gray-300 transition-colors hover:bg-gray-700"
-					>
-						Abbrechen
-					</button>
-					<button
-						type="submit"
-						disabled={!name.trim() || saving}
-						class="flex-1 rounded-lg bg-emerald-600 px-4 py-2 font-medium text-white transition-colors hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-50"
-					>
-						{saving ? 'Speichern...' : 'Speichern'}
-					</button>
-				</div>
-			</form>
-		{/if}
-	</div>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/LevelUpCelebration.svelte b/apps/skilltree/apps/web-archived/src/lib/components/LevelUpCelebration.svelte
deleted file mode 100644
index 662a9d444..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/LevelUpCelebration.svelte
+++ /dev/null
@@ -1,176 +0,0 @@
-<script lang="ts">
-	import { LEVEL_NAMES } from '$lib/types';
-	import { Star, Trophy, Sparkle } from '@manacore/shared-icons';
-	import { onMount } from 'svelte';
-
-	interface Props {
-		skillName: string;
-		newLevel: number;
-		onClose: () => void;
-	}
-
-	let { skillName, newLevel, onClose }: Props = $props();
-
-	const levelName = LEVEL_NAMES[newLevel] ?? 'Unbekannt';
-
-	// Auto-close after 4 seconds
-	onMount(() => {
-		const timer = setTimeout(onClose, 4000);
-		return () => clearTimeout(timer);
-	});
-
-	function getLevelColor(level: number): string {
-		const colors = [
-			'from-gray-500 to-gray-600',
-			'from-blue-500 to-blue-600',
-			'from-purple-500 to-purple-600',
-			'from-pink-500 to-pink-600',
-			'from-orange-500 to-orange-600',
-			'from-yellow-400 to-yellow-500',
-		];
-		return colors[level] ?? colors[0];
-	}
-</script>
-
-<div
-	class="fixed inset-0 z-[100] flex items-center justify-center bg-black/80 backdrop-blur-sm"
-	onclick={onClose}
-	role="dialog"
-	aria-modal="true"
->
-	<div class="celebration-container text-center">
-		<!-- Sparkle effects -->
-		<div class="sparkles">
-			{#each Array(12) as _, i}
-				<div class="sparkle" style="--delay: {i * 0.1}s; --angle: {i * 30}deg">
-					<Sparkle class="h-6 w-6 text-yellow-400" />
-				</div>
-			{/each}
-		</div>
-
-		<!-- Main content -->
-		<div class="relative z-10">
-			<!-- Trophy icon -->
-			<div
-				class="mx-auto mb-4 flex h-24 w-24 items-center justify-center rounded-full bg-gradient-to-br {getLevelColor(
-					newLevel
-				)} level-up-bounce shadow-lg shadow-yellow-500/30"
-			>
-				<Trophy class="h-12 w-12 text-white" />
-			</div>
-
-			<!-- Level up text -->
-			<h2 class="mb-2 text-3xl font-bold text-white level-up-text">LEVEL UP!</h2>
-
-			<!-- Skill name -->
-			<p class="mb-4 text-xl text-gray-300">{skillName}</p>
-
-			<!-- New level badge -->
-			<div
-				class="inline-flex items-center gap-2 rounded-full bg-gradient-to-r {getLevelColor(
-					newLevel
-				)} px-6 py-3 text-lg font-bold text-white shadow-lg"
-			>
-				<Star class="h-5 w-5 fill-current" />
-				Level {newLevel} - {levelName}
-				<Star class="h-5 w-5 fill-current" />
-			</div>
-
-			<!-- Stars -->
-			<div class="mt-6 flex justify-center gap-2">
-				{#each Array(newLevel) as _, i}
-					<Star
-						class="h-8 w-8 fill-yellow-400 text-yellow-400 star-pop"
-						style="animation-delay: {0.5 + i * 0.1}s"
-					/>
-				{/each}
-			</div>
-
-			<!-- Click to close -->
-			<p class="mt-6 text-sm text-gray-500">Klicken zum Schließen</p>
-		</div>
-	</div>
-</div>
-
-<style>
-	.celebration-container {
-		position: relative;
-		padding: 2rem;
-	}
-
-	.sparkles {
-		position: absolute;
-		inset: 0;
-		pointer-events: none;
-	}
-
-	.sparkle {
-		position: absolute;
-		top: 50%;
-		left: 50%;
-		animation: sparkle-fly 1s ease-out forwards;
-		animation-delay: var(--delay);
-		opacity: 0;
-	}
-
-	@keyframes sparkle-fly {
-		0% {
-			transform: translate(-50%, -50%) rotate(var(--angle)) translateY(0);
-			opacity: 1;
-		}
-		100% {
-			transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-150px);
-			opacity: 0;
-		}
-	}
-
-	.level-up-bounce {
-		animation: level-bounce 0.6s ease-out;
-	}
-
-	@keyframes level-bounce {
-		0% {
-			transform: scale(0);
-		}
-		50% {
-			transform: scale(1.2);
-		}
-		70% {
-			transform: scale(0.9);
-		}
-		100% {
-			transform: scale(1);
-		}
-	}
-
-	.level-up-text {
-		animation: text-glow 1s ease-in-out infinite alternate;
-	}
-
-	@keyframes text-glow {
-		from {
-			text-shadow: 0 0 10px rgba(251, 191, 36, 0.5);
-		}
-		to {
-			text-shadow:
-				0 0 30px rgba(251, 191, 36, 0.8),
-				0 0 60px rgba(251, 191, 36, 0.4);
-		}
-	}
-
-	:global(.star-pop) {
-		opacity: 0;
-		animation: star-pop 0.4s ease-out forwards;
-	}
-
-	@keyframes star-pop {
-		0% {
-			transform: scale(0) rotate(-180deg);
-			opacity: 0;
-		}
-		100% {
-			transform: scale(1) rotate(0deg);
-			opacity: 1;
-		}
-	}
-</style>
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/SkillCard.svelte b/apps/skilltree/apps/web-archived/src/lib/components/SkillCard.svelte
deleted file mode 100644
index f42c976cc..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/SkillCard.svelte
+++ /dev/null
@@ -1,115 +0,0 @@
-<script lang="ts">
-	import type { Skill } from '$lib/types';
-	import { BRANCH_INFO, LEVEL_NAMES, xpProgress, xpForNextLevel } from '$lib/types';
-	import { Plus, Trash, PencilSimple, Star } from '@manacore/shared-icons';
-
-	interface Props {
-		skill: Skill;
-		onAddXp: () => void;
-		onEdit: () => void;
-		onDelete: () => void;
-	}
-
-	let { skill, onAddXp, onEdit, onDelete }: Props = $props();
-
-	const branchInfo = $derived(BRANCH_INFO[skill.branch]);
-	const levelName = $derived(LEVEL_NAMES[skill.level]);
-	const progress = $derived(xpProgress(skill.totalXp, skill.level));
-	const nextLevelXp = $derived(xpForNextLevel(skill.level));
-	const isMaxLevel = $derived(skill.level >= LEVEL_NAMES.length - 1);
-
-	function getLevelColor(level: number): string {
-		const colors = [
-			'text-gray-400',
-			'text-blue-400',
-			'text-purple-400',
-			'text-pink-400',
-			'text-orange-400',
-			'text-yellow-400',
-		];
-		return colors[level] ?? colors[0];
-	}
-</script>
-
-<div
-	class="skill-card group relative overflow-hidden rounded-xl border border-gray-700 bg-gray-800/50 p-4"
->
-	<!-- Branch Indicator -->
-	<div
-		class="branch-indicator absolute left-0 top-0 h-full"
-		style="background-color: {branchInfo.color}"
-	></div>
-
-	<!-- Header -->
-	<div class="mb-3 flex items-start justify-between pl-3">
-		<div>
-			<h3 class="text-lg font-semibold text-white">{skill.name}</h3>
-			<p class="text-sm text-gray-400">{branchInfo.name}</p>
-		</div>
-		<div class="flex items-center gap-1">
-			{#each Array(skill.level) as _, i}
-				<Star class="h-4 w-4 fill-yellow-500 text-yellow-500" />
-			{/each}
-			{#each Array(5 - skill.level) as _, i}
-				<Star class="h-4 w-4 text-gray-600" />
-			{/each}
-		</div>
-	</div>
-
-	<!-- Level Badge -->
-	<div class="mb-3 pl-3">
-		<span
-			class="inline-flex items-center gap-1 rounded-full bg-gray-700/50 px-3 py-1 text-sm {getLevelColor(
-				skill.level
-			)}"
-		>
-			Lvl {skill.level} - {levelName}
-		</span>
-	</div>
-
-	<!-- XP Progress -->
-	<div class="mb-4 pl-3">
-		<div class="mb-1 flex justify-between text-sm">
-			<span class="text-gray-400">XP</span>
-			<span class="text-gray-300">
-				{skill.totalXp.toLocaleString()}
-				{#if !isMaxLevel}
-					/ {nextLevelXp.toLocaleString()}
-				{/if}
-			</span>
-		</div>
-		<div class="xp-bar-container h-2 rounded-full">
-			<div class="xp-bar h-full rounded-full" style="width: {progress}%"></div>
-		</div>
-	</div>
-
-	<!-- Description -->
-	{#if skill.description}
-		<p class="mb-4 pl-3 text-sm text-gray-400 line-clamp-2">{skill.description}</p>
-	{/if}
-
-	<!-- Actions -->
-	<div class="flex items-center gap-2 pl-3">
-		<button
-			onclick={onAddXp}
-			class="pulse-xp flex flex-1 items-center justify-center gap-2 rounded-lg bg-emerald-600/20 px-3 py-2 text-sm font-medium text-emerald-400 transition-colors hover:bg-emerald-600/30"
-		>
-			<Plus class="h-4 w-4" />
-			XP hinzufügen
-		</button>
-		<button
-			onclick={onEdit}
-			class="rounded-lg bg-gray-600/20 p-2 text-gray-400 opacity-0 transition-all hover:bg-gray-600/30 hover:text-white group-hover:opacity-100"
-			title="Bearbeiten"
-		>
-			<PencilSimple class="h-4 w-4" />
-		</button>
-		<button
-			onclick={onDelete}
-			class="rounded-lg bg-red-600/20 p-2 text-red-400 opacity-0 transition-all hover:bg-red-600/30 group-hover:opacity-100"
-			title="Löschen"
-		>
-			<Trash class="h-4 w-4" />
-		</button>
-	</div>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/SkillTemplates.svelte b/apps/skilltree/apps/web-archived/src/lib/components/SkillTemplates.svelte
deleted file mode 100644
index 0a3e165ce..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/SkillTemplates.svelte
+++ /dev/null
@@ -1,210 +0,0 @@
-<script lang="ts">
-	import type { Skill, SkillBranch } from '$lib/types';
-	import { BRANCH_INFO } from '$lib/types';
-	import { X, Plus, Sparkle, Check } from '@manacore/shared-icons';
-
-	interface Props {
-		onClose: () => void;
-		onAddSkill: (skill: Partial<Skill>) => Promise<void>;
-	}
-
-	let { onClose, onAddSkill }: Props = $props();
-
-	interface SkillTemplate {
-		name: string;
-		description: string;
-		branch: SkillBranch;
-	}
-
-	const templates: Record<string, SkillTemplate[]> = {
-		'Web Developer': [
-			{ name: 'HTML & CSS', description: 'Grundlagen der Webentwicklung', branch: 'intellect' },
-			{ name: 'JavaScript', description: 'Die Sprache des Webs', branch: 'intellect' },
-			{ name: 'TypeScript', description: 'Typsicheres JavaScript', branch: 'intellect' },
-			{ name: 'React', description: 'UI-Bibliothek für moderne Apps', branch: 'intellect' },
-			{ name: 'Node.js', description: 'Backend mit JavaScript', branch: 'intellect' },
-			{ name: 'Git', description: 'Versionskontrolle', branch: 'practical' },
-		],
-		'Fitness & Gesundheit': [
-			{ name: 'Krafttraining', description: 'Muskelaufbau und Stärke', branch: 'body' },
-			{ name: 'Ausdauer', description: 'Cardio und Kondition', branch: 'body' },
-			{ name: 'Yoga', description: 'Flexibilität und Balance', branch: 'body' },
-			{ name: 'Ernährung', description: 'Gesunde Essgewohnheiten', branch: 'body' },
-			{ name: 'Schlaf', description: 'Erholsamer Schlaf', branch: 'mindset' },
-			{ name: 'Stressmanagement', description: 'Umgang mit Stress', branch: 'mindset' },
-		],
-		'Kreative Künste': [
-			{ name: 'Zeichnen', description: 'Grundlagen des Zeichnens', branch: 'creativity' },
-			{ name: 'Malen', description: 'Farben und Techniken', branch: 'creativity' },
-			{ name: 'Fotografie', description: 'Bilder einfangen', branch: 'creativity' },
-			{ name: 'Musik', description: 'Instrument spielen', branch: 'creativity' },
-			{ name: 'Schreiben', description: 'Kreatives Schreiben', branch: 'creativity' },
-			{ name: 'Design', description: 'Visuelles Design', branch: 'creativity' },
-		],
-		Sprachen: [
-			{ name: 'Englisch', description: 'Die Weltsprache', branch: 'intellect' },
-			{ name: 'Spanisch', description: 'Spanisch sprechen', branch: 'intellect' },
-			{ name: 'Französisch', description: 'La langue française', branch: 'intellect' },
-			{ name: 'Japanisch', description: '日本語', branch: 'intellect' },
-			{ name: 'Deutsch', description: 'Deutsche Sprache', branch: 'intellect' },
-		],
-		Produktivität: [
-			{ name: 'Zeitmanagement', description: 'Zeit effektiv nutzen', branch: 'mindset' },
-			{ name: 'Fokus', description: 'Konzentration verbessern', branch: 'mindset' },
-			{ name: 'Organisation', description: 'Ordnung und Struktur', branch: 'practical' },
-			{ name: 'Kommunikation', description: 'Klar kommunizieren', branch: 'social' },
-			{ name: 'Problemlösung', description: 'Analytisches Denken', branch: 'intellect' },
-		],
-		'Kochen & Haushalt': [
-			{ name: 'Kochen', description: 'Leckere Gerichte zubereiten', branch: 'practical' },
-			{ name: 'Backen', description: 'Süßes und Brot', branch: 'practical' },
-			{ name: 'Haushaltsführung', description: 'Sauberkeit und Ordnung', branch: 'practical' },
-			{ name: 'Gartenarbeit', description: 'Grüner Daumen', branch: 'practical' },
-			{ name: 'Heimwerken', description: 'Reparaturen selbst machen', branch: 'practical' },
-		],
-	};
-
-	let selectedTemplate = $state<string | null>(null);
-	let addedSkills = $state<Set<string>>(new Set());
-	let adding = $state(false);
-
-	async function addSkill(template: SkillTemplate) {
-		if (addedSkills.has(template.name)) return;
-
-		adding = true;
-		try {
-			await onAddSkill(template);
-			addedSkills = new Set([...addedSkills, template.name]);
-		} finally {
-			adding = false;
-		}
-	}
-
-	async function addAllFromTemplate(templateName: string) {
-		const skills = templates[templateName];
-		if (!skills) return;
-
-		adding = true;
-		try {
-			for (const skill of skills) {
-				if (!addedSkills.has(skill.name)) {
-					await onAddSkill(skill);
-					addedSkills = new Set([...addedSkills, skill.name]);
-				}
-			}
-		} finally {
-			adding = false;
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-</script>
-
-<div
-	class="fixed inset-0 z-50 flex items-center justify-center overflow-y-auto bg-black/60 backdrop-blur-sm p-4"
-	onclick={handleBackdropClick}
-	role="dialog"
-	aria-modal="true"
->
-	<div class="w-full max-w-2xl rounded-2xl border border-gray-700 bg-gray-800 p-6 shadow-xl my-8">
-		<!-- Header -->
-		<div class="mb-6 flex items-center justify-between">
-			<div class="flex items-center gap-2">
-				<Sparkle class="h-6 w-6 text-yellow-500" />
-				<h2 class="text-xl font-bold text-white">Skill-Vorlagen</h2>
-			</div>
-			<button
-				onclick={onClose}
-				class="rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-700 hover:text-white"
-			>
-				<X class="h-5 w-5" />
-			</button>
-		</div>
-
-		<p class="mb-6 text-gray-400">
-			Starte schnell mit vorgefertigten Skill-Sets. Wähle eine Vorlage und füge einzelne Skills oder
-			alle auf einmal hinzu.
-		</p>
-
-		<!-- Template List -->
-		<div class="space-y-4 max-h-[60vh] overflow-y-auto pr-2">
-			{#each Object.entries(templates) as [name, skills]}
-				<div class="rounded-xl border border-gray-700 bg-gray-900/50 overflow-hidden">
-					<!-- Template Header -->
-					<div class="flex items-center justify-between p-4 hover:bg-gray-800/50 transition-colors">
-						<button
-							onclick={() => (selectedTemplate = selectedTemplate === name ? null : name)}
-							class="flex-1 text-left"
-						>
-							<h3 class="font-semibold text-white">{name}</h3>
-							<p class="text-sm text-gray-400">{skills.length} Skills</p>
-						</button>
-						<div class="flex items-center gap-2">
-							<button
-								onclick={() => addAllFromTemplate(name)}
-								disabled={adding}
-								class="rounded-lg bg-emerald-600/20 px-3 py-1.5 text-sm font-medium text-emerald-400 transition-colors hover:bg-emerald-600/30 disabled:opacity-50"
-							>
-								Alle hinzufügen
-							</button>
-							<button
-								onclick={() => (selectedTemplate = selectedTemplate === name ? null : name)}
-								class="text-gray-500 text-xl px-2"
-							>
-								{selectedTemplate === name ? '−' : '+'}
-							</button>
-						</div>
-					</div>
-
-					<!-- Expanded Skills -->
-					{#if selectedTemplate === name}
-						<div class="border-t border-gray-700 p-4 space-y-2">
-							{#each skills as skill}
-								{@const isAdded = addedSkills.has(skill.name)}
-								<div class="flex items-center justify-between rounded-lg bg-gray-800/50 px-3 py-2">
-									<div class="flex items-center gap-3">
-										<span
-											class="h-3 w-3 rounded-full"
-											style="background-color: {BRANCH_INFO[skill.branch].color}"
-										></span>
-										<div>
-											<span class="font-medium text-white">{skill.name}</span>
-											<span class="text-gray-400 text-sm"> - {skill.description}</span>
-										</div>
-									</div>
-									<button
-										onclick={() => addSkill(skill)}
-										disabled={isAdded || adding}
-										class="rounded-lg p-1.5 transition-colors {isAdded
-											? 'bg-emerald-600/20 text-emerald-400'
-											: 'bg-gray-700 text-gray-300 hover:bg-gray-600'}"
-									>
-										{#if isAdded}
-											<Check size={16} />
-										{:else}
-											<Plus class="h-4 w-4" />
-										{/if}
-									</button>
-								</div>
-							{/each}
-						</div>
-					{/if}
-				</div>
-			{/each}
-		</div>
-
-		<!-- Footer -->
-		<div class="mt-6 flex justify-end">
-			<button
-				onclick={onClose}
-				class="rounded-lg bg-gray-700 px-4 py-2 font-medium text-white transition-colors hover:bg-gray-600"
-			>
-				Fertig
-			</button>
-		</div>
-	</div>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/lib/components/StatsOverview.svelte b/apps/skilltree/apps/web-archived/src/lib/components/StatsOverview.svelte
deleted file mode 100644
index 4efceea44..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/components/StatsOverview.svelte
+++ /dev/null
@@ -1,102 +0,0 @@
-<script lang="ts">
-	import {
-		useAllSkills,
-		useAllActivities,
-		useAllAchievements,
-		computeUserStats,
-	} from '$lib/data/queries';
-	import { buildAchievementStatus, getAchievementStats } from '$lib/stores/achievements.svelte';
-	import { Trophy, Lightning, Target, Fire, Medal } from '@manacore/shared-icons';
-
-	// Reactive live queries
-	const allSkills = useAllSkills();
-	const allActivities = useAllActivities();
-	const allAchievementsRaw = useAllAchievements();
-
-	const userStats = $derived(computeUserStats(allSkills.value, allActivities.value));
-	const achievementStats = $derived(
-		getAchievementStats(buildAchievementStatus(allAchievementsRaw.value))
-	);
-</script>
-
-<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-5">
-	<!-- Total XP -->
-	<div class="rounded-xl border border-gray-700 bg-gray-800/50 p-4">
-		<div class="flex items-center gap-3">
-			<div class="flex h-12 w-12 items-center justify-center rounded-full bg-yellow-500/20">
-				<Lightning class="h-6 w-6 text-yellow-500" />
-			</div>
-			<div>
-				<p class="text-sm text-gray-400">Gesamt-XP</p>
-				<p class="text-2xl font-bold text-white">
-					{userStats.totalXp.toLocaleString()}
-				</p>
-			</div>
-		</div>
-	</div>
-
-	<!-- Total Skills -->
-	<div class="rounded-xl border border-gray-700 bg-gray-800/50 p-4">
-		<div class="flex items-center gap-3">
-			<div class="flex h-12 w-12 items-center justify-center rounded-full bg-emerald-500/20">
-				<Target class="h-6 w-6 text-emerald-500" />
-			</div>
-			<div>
-				<p class="text-sm text-gray-400">Skills</p>
-				<p class="text-2xl font-bold text-white">
-					{userStats.totalSkills}
-				</p>
-			</div>
-		</div>
-	</div>
-
-	<!-- Highest Level -->
-	<div class="rounded-xl border border-gray-700 bg-gray-800/50 p-4">
-		<div class="flex items-center gap-3">
-			<div class="flex h-12 w-12 items-center justify-center rounded-full bg-purple-500/20">
-				<Trophy class="h-6 w-6 text-purple-500" />
-			</div>
-			<div>
-				<p class="text-sm text-gray-400">Hochstes Level</p>
-				<p class="text-2xl font-bold text-white">
-					{userStats.highestLevel}
-				</p>
-			</div>
-		</div>
-	</div>
-
-	<!-- Streak -->
-	<div class="rounded-xl border border-gray-700 bg-gray-800/50 p-4">
-		<div class="flex items-center gap-3">
-			<div class="flex h-12 w-12 items-center justify-center rounded-full bg-orange-500/20">
-				<Fire class="h-6 w-6 text-orange-500" />
-			</div>
-			<div>
-				<p class="text-sm text-gray-400">Streak</p>
-				<p class="text-2xl font-bold text-white">
-					{userStats.streakDays} Tage
-				</p>
-			</div>
-		</div>
-	</div>
-
-	<!-- Achievements -->
-	<a
-		href="/achievements"
-		class="rounded-xl border border-gray-700 bg-gray-800/50 p-4 transition-colors hover:border-yellow-600/50 hover:bg-yellow-900/10"
-	>
-		<div class="flex items-center gap-3">
-			<div class="flex h-12 w-12 items-center justify-center rounded-full bg-yellow-500/20">
-				<Medal class="h-6 w-6 text-yellow-500" />
-			</div>
-			<div>
-				<p class="text-sm text-gray-400">Achievements</p>
-				<p class="text-2xl font-bold text-white">
-					{achievementStats.unlocked}<span class="text-sm font-normal text-gray-500"
-						>/{achievementStats.total}</span
-					>
-				</p>
-			</div>
-		</div>
-	</a>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/lib/content/help/index.ts b/apps/skilltree/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 119f7f9ae..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-/**
- * Help content for SkillTree app
- */
-
-import type { HelpContent } from '@manacore/help';
-
-export function getSkillTreeHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-xp',
-				question: isDE ? 'Wie funktioniert das XP-System?' : 'How does the XP system work?',
-				answer: isDE
-					? '<p>SkillTree verwendet ein RPG-ähnliches Erfahrungspunkte-System:</p><ul><li>Du sammelst <strong>XP</strong> (Erfahrungspunkte) für jede protokollierte Aktivität</li><li>Die XP-Menge hängt von Dauer und Intensität der Aktivität ab</li><li>Wenn du genug XP gesammelt hast, steigst du ein <strong>Level</strong> auf</li><li>Höhere Level erfordern mehr XP — genau wie in einem RPG</li></ul><p>Dein Gesamtlevel zeigt deinen Fortschritt über alle Skill-Bereiche hinweg.</p>'
-					: '<p>SkillTree uses an RPG-style experience points system:</p><ul><li>You earn <strong>XP</strong> (experience points) for every logged activity</li><li>The amount of XP depends on the duration and intensity of the activity</li><li>When you collect enough XP, you <strong>level up</strong></li><li>Higher levels require more XP — just like in an RPG</li></ul><p>Your total level shows your progress across all skill branches.</p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: ['xp', 'experience', 'level', 'rpg', 'points'],
-			},
-			{
-				id: 'faq-branches',
-				question: isDE ? 'Was sind Skill-Bereiche?' : 'What are skill branches?',
-				answer: isDE
-					? '<p>Skill-Bereiche sind die 6 Hauptkategorien deiner persönlichen Entwicklung:</p><ul><li><strong>Wissen</strong> — Lernen, Lesen, Kurse</li><li><strong>Fitness</strong> — Sport, Bewegung, Gesundheit</li><li><strong>Kreativität</strong> — Kunst, Musik, Schreiben</li><li><strong>Sozial</strong> — Kommunikation, Networking, Teamarbeit</li><li><strong>Technik</strong> — Programmieren, Tools, Technologie</li><li><strong>Achtsamkeit</strong> — Meditation, Reflexion, Wohlbefinden</li></ul><p>Jeder Bereich hat seinen eigenen Fortschrittsbaum und Level.</p>'
-					: '<p>Skill branches are the 6 main categories of your personal development:</p><ul><li><strong>Knowledge</strong> — Learning, reading, courses</li><li><strong>Fitness</strong> — Sports, exercise, health</li><li><strong>Creativity</strong> — Art, music, writing</li><li><strong>Social</strong> — Communication, networking, teamwork</li><li><strong>Tech</strong> — Programming, tools, technology</li><li><strong>Mindfulness</strong> — Meditation, reflection, well-being</li></ul><p>Each branch has its own progress tree and level.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: ['branches', 'categories', 'skills', 'types'],
-			},
-			{
-				id: 'faq-logging',
-				question: isDE ? 'Wie protokolliere ich Aktivitäten?' : 'How do I log activities?',
-				answer: isDE
-					? '<p>Aktivitäten protokollieren ist schnell und einfach:</p><ol><li>Tippe auf <strong>Aktivität loggen</strong></li><li>Wähle den Skill-Bereich aus</li><li>Beschreibe kurz, was du gemacht hast</li><li>Gib die Dauer an</li><li>Die XP werden automatisch berechnet und gutgeschrieben</li></ol><p>Du kannst auch vergangene Aktivitäten nachträglich eintragen.</p>'
-					: '<p>Logging activities is quick and easy:</p><ol><li>Tap <strong>Log Activity</strong></li><li>Select the skill branch</li><li>Briefly describe what you did</li><li>Enter the duration</li><li>XP is automatically calculated and credited</li></ol><p>You can also log past activities retroactively.</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: ['logging', 'activities', 'tracking', 'record'],
-			},
-			{
-				id: 'faq-achievements',
-				question: isDE ? 'Wie funktionieren Erfolge?' : 'How do achievements work?',
-				answer: isDE
-					? '<p>Erfolge sind besondere Meilensteine, die du freischalten kannst:</p><ul><li><strong>Streak-Erfolge</strong> — Protokolliere Aktivitäten an aufeinanderfolgenden Tagen</li><li><strong>Level-Erfolge</strong> — Erreiche bestimmte Level in Skill-Bereichen</li><li><strong>Vielseitigkeit</strong> — Sei in mehreren Bereichen aktiv</li><li><strong>Spezial-Erfolge</strong> — Besondere Herausforderungen und Meilensteine</li></ul><p>Freigeschaltete Erfolge werden in deinem Profil angezeigt.</p>'
-					: '<p>Achievements are special milestones you can unlock:</p><ul><li><strong>Streak achievements</strong> — Log activities on consecutive days</li><li><strong>Level achievements</strong> — Reach certain levels in skill branches</li><li><strong>Versatility</strong> — Be active across multiple branches</li><li><strong>Special achievements</strong> — Unique challenges and milestones</li></ul><p>Unlocked achievements are displayed on your profile.</p>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: ['achievements', 'milestones', 'badges', 'streaks'],
-			},
-			{
-				id: 'faq-privacy',
-				question: isDE ? 'Wie werden meine Daten geschützt?' : 'How is my data protected?',
-				answer: isDE
-					? '<p>SkillTree ist <strong>offline-first</strong> und speichert deine Daten lokal:</p><ul><li>Alle Daten werden in <strong>IndexedDB</strong> direkt auf deinem Gerät gespeichert</li><li>Es werden keine Daten an Server gesendet</li><li>Die App funktioniert vollständig ohne Internetverbindung</li><li>Deine Fortschritte, Aktivitäten und Erfolge verlassen nie dein Gerät</li></ul><p>Du hast die volle Kontrolle über deine Daten — sie gehören dir allein.</p>'
-					: '<p>SkillTree is <strong>offline-first</strong> and stores your data locally:</p><ul><li>All data is stored in <strong>IndexedDB</strong> directly on your device</li><li>No data is sent to servers</li><li>The app works completely without an internet connection</li><li>Your progress, activities, and achievements never leave your device</li></ul><p>You have full control over your data — it belongs to you alone.</p>',
-				category: 'privacy',
-				order: 5,
-				language: isDE ? 'de' : 'en',
-				tags: ['privacy', 'offline', 'indexeddb', 'local', 'data'],
-			},
-		],
-		features: [
-			{
-				id: 'feature-branches',
-				title: isDE ? 'Skill-Bereiche (6 Typen)' : 'Skill Branches (6 Types)',
-				description: isDE
-					? 'Verfolge deinen Fortschritt in 6 Lebensbereichen: Wissen, Fitness, Kreativität, Sozial, Technik und Achtsamkeit.'
-					: 'Track your progress across 6 life areas: Knowledge, Fitness, Creativity, Social, Tech, and Mindfulness.',
-				icon: '🌳',
-				category: 'core',
-				highlights: isDE
-					? ['6 Lebensbereiche', 'Individueller Fortschritt', 'Visueller Skill-Baum']
-					: ['6 life areas', 'Individual progress', 'Visual skill tree'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-xp',
-				title: isDE ? 'XP-Levelsystem' : 'XP Leveling',
-				description: isDE
-					? 'Sammle Erfahrungspunkte und steige Level auf — gamifizierte persönliche Entwicklung im RPG-Stil.'
-					: 'Earn experience points and level up — gamified personal development in RPG style.',
-				icon: '⭐',
-				category: 'core',
-				highlights: isDE
-					? ['RPG-Levelsystem', 'Automatische XP-Berechnung', 'Gesamtlevel']
-					: ['RPG level system', 'Automatic XP calculation', 'Total level'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-logging',
-				title: isDE ? 'Aktivitäten-Protokoll' : 'Activity Logging',
-				description: isDE
-					? 'Protokolliere Aktivitäten schnell und einfach, um XP zu sammeln und deinen Fortschritt zu verfolgen.'
-					: 'Log activities quickly and easily to earn XP and track your progress.',
-				icon: '📝',
-				category: 'core',
-				highlights: isDE
-					? ['Schnelle Eingabe', 'Rückwirkende Einträge', 'Automatische XP']
-					: ['Quick entry', 'Retroactive logging', 'Automatic XP'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-achievements',
-				title: isDE ? 'Erfolge' : 'Achievements',
-				description: isDE
-					? 'Schalte Erfolge frei für Streaks, Level-Meilensteine und besondere Herausforderungen.'
-					: 'Unlock achievements for streaks, level milestones, and special challenges.',
-				icon: '🏆',
-				category: 'advanced',
-				highlights: isDE
-					? ['Streak-Belohnungen', 'Level-Meilensteine', 'Spezial-Herausforderungen']
-					: ['Streak rewards', 'Level milestones', 'Special challenges'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um SkillTree.</p>'
-				: '<p>Our support team is here to help you with any questions about SkillTree.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/skilltree/apps/web-archived/src/lib/data/guest-seed.ts b/apps/skilltree/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 8dca1792e..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * Guest seed data for the SkilltTree app.
- *
- * Provides demo skills across multiple branches with activities and an achievement
- * to showcase the leveling system, XP progression, and activity feed.
- */
-
-import type { LocalSkill, LocalActivity, LocalAchievement } from './local-store';
-
-const DEMO_CODING_ID = 'demo-coding';
-const DEMO_FITNESS_ID = 'demo-fitness';
-const DEMO_CREATIVE_ID = 'demo-creative';
-
-export const guestSkills: LocalSkill[] = [
-	{
-		id: DEMO_CODING_ID,
-		name: 'Programmieren',
-		description: 'Software-Entwicklung und Coding-Skills',
-		branch: 'intellect',
-		icon: '💻',
-		currentXp: 250,
-		totalXp: 250,
-		level: 1,
-	},
-	{
-		id: DEMO_FITNESS_ID,
-		name: 'Fitness',
-		description: 'Körperliche Fitness und Training',
-		branch: 'body',
-		icon: '💪',
-		currentXp: 120,
-		totalXp: 120,
-		level: 1,
-	},
-	{
-		id: DEMO_CREATIVE_ID,
-		name: 'Zeichnen',
-		description: 'Illustration, Skizzen und visuelles Denken',
-		branch: 'creativity',
-		icon: '🎨',
-		currentXp: 60,
-		totalXp: 60,
-		level: 0,
-	},
-];
-
-export const guestActivities: LocalActivity[] = [
-	{
-		id: 'activity-1',
-		skillId: DEMO_CODING_ID,
-		xpEarned: 100,
-		description: 'TypeScript-Projekt aufgesetzt',
-		duration: 60,
-		timestamp: new Date(Date.now() - 4 * 24 * 60 * 60 * 1000).toISOString(),
-	},
-	{
-		id: 'activity-2',
-		skillId: DEMO_FITNESS_ID,
-		xpEarned: 50,
-		description: '5 km Joggen im Park',
-		duration: 35,
-		timestamp: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toISOString(),
-	},
-	{
-		id: 'activity-3',
-		skillId: DEMO_CODING_ID,
-		xpEarned: 100,
-		description: 'REST API mit Hono gebaut',
-		duration: 90,
-		timestamp: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
-	},
-	{
-		id: 'activity-4',
-		skillId: DEMO_CREATIVE_ID,
-		xpEarned: 60,
-		description: 'Erste Skizzen mit Procreate',
-		duration: 45,
-		timestamp: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
-	},
-	{
-		id: 'activity-5',
-		skillId: DEMO_FITNESS_ID,
-		xpEarned: 70,
-		description: 'Krafttraining — Oberkörper',
-		duration: 50,
-		timestamp: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000).toISOString(),
-	},
-	{
-		id: 'activity-6',
-		skillId: DEMO_CODING_ID,
-		xpEarned: 50,
-		description: 'Unit Tests geschrieben',
-		duration: 30,
-		timestamp: new Date(Date.now() - 12 * 60 * 60 * 1000).toISOString(),
-	},
-];
-
-export const guestAchievements: LocalAchievement[] = [
-	{
-		id: 'achievement-1',
-		key: 'first-skill',
-		name: 'Erste Schritte',
-		description: 'Deinen ersten Skill erstellt',
-		icon: '🌱',
-		unlockedAt: new Date(Date.now() - 4 * 24 * 60 * 60 * 1000).toISOString(),
-	},
-];
diff --git a/apps/skilltree/apps/web-archived/src/lib/data/local-store.ts b/apps/skilltree/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 1381ecdcf..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * SkilltTree — Local-First Data Layer (via @manacore/local-store)
- *
- * Adds unified sync support alongside the existing idb-based IndexedDB storage.
- * Skills, activities, and achievements are synced to the server when authenticated.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestSkills, guestActivities, guestAchievements } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalSkill extends BaseRecord {
-	name: string;
-	description: string;
-	branch: 'intellect' | 'body' | 'creativity' | 'social' | 'practical' | 'mindset' | 'custom';
-	parentId?: string | null;
-	icon: string;
-	color?: string | null;
-	currentXp: number;
-	totalXp: number;
-	level: number;
-}
-
-export interface LocalActivity extends BaseRecord {
-	skillId: string;
-	xpEarned: number;
-	description: string;
-	duration?: number | null;
-	timestamp: string;
-}
-
-export interface LocalAchievement extends BaseRecord {
-	key: string;
-	name: string;
-	description: string;
-	icon: string;
-	unlockedAt: string;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const skilltreeStore = createLocalStore({
-	appId: 'skilltree',
-	collections: [
-		{
-			name: 'skills',
-			indexes: ['branch', 'parentId', 'level'],
-			guestSeed: guestSkills,
-		},
-		{
-			name: 'activities',
-			indexes: ['skillId', 'timestamp'],
-			guestSeed: guestActivities,
-		},
-		{
-			name: 'achievements',
-			indexes: ['key', 'unlockedAt'],
-			guestSeed: guestAchievements,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const skillCollection = skilltreeStore.collection<LocalSkill>('skills');
-export const activityCollection = skilltreeStore.collection<LocalActivity>('activities');
-export const achievementCollection = skilltreeStore.collection<LocalAchievement>('achievements');
diff --git a/apps/skilltree/apps/web-archived/src/lib/data/queries.ts b/apps/skilltree/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index b4a71ed4c..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for SkilltTree
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	skillCollection,
-	activityCollection,
-	achievementCollection,
-	type LocalSkill,
-	type LocalActivity,
-	type LocalAchievement,
-} from './local-store';
-import type { Skill, Activity, SkillBranch, UserStats } from '$lib/types';
-import { BRANCH_INFO } from '$lib/types';
-
-// ─── Type Converters ───────────────────────────────────────
-
-export function toSkill(local: LocalSkill): Skill {
-	return {
-		id: local.id,
-		name: local.name,
-		description: local.description,
-		branch: local.branch,
-		parentId: local.parentId ?? null,
-		icon: local.icon,
-		color: local.color ?? null,
-		currentXp: local.currentXp,
-		totalXp: local.totalXp,
-		level: local.level,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toActivity(local: LocalActivity): Activity {
-	return {
-		id: local.id,
-		skillId: local.skillId,
-		xpEarned: local.xpEarned,
-		description: local.description,
-		duration: local.duration ?? null,
-		timestamp: local.timestamp,
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All skills, auto-updates on any change. */
-export function useAllSkills() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await skillCollection.getAll();
-		return locals.map(toSkill);
-	}, [] as Skill[]);
-}
-
-/** All activities, auto-updates on any change. */
-export function useAllActivities() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await activityCollection.getAll();
-		return locals.map(toActivity);
-	}, [] as Activity[]);
-}
-
-/** All achievements (raw local records), auto-updates on any change. */
-export function useAllAchievements() {
-	return useLiveQueryWithDefault(async () => {
-		return await achievementCollection.getAll();
-	}, [] as LocalAchievement[]);
-}
-
-// ─── Pure Filter/Helper Functions (for $derived) ──────────
-
-/** Group skills by branch. */
-export function groupByBranch(skills: Skill[]): Record<SkillBranch, Skill[]> {
-	const grouped: Record<SkillBranch, Skill[]> = {
-		intellect: [],
-		body: [],
-		creativity: [],
-		social: [],
-		practical: [],
-		mindset: [],
-		custom: [],
-	};
-	for (const skill of skills) {
-		grouped[skill.branch].push(skill);
-	}
-	return grouped;
-}
-
-/** Get top N skills by total XP. */
-export function getTopSkills(skills: Skill[], n = 5): Skill[] {
-	return [...skills].sort((a, b) => b.totalXp - a.totalXp).slice(0, n);
-}
-
-/** Get recent N activities sorted by timestamp descending. */
-export function getRecentActivities(activities: Activity[], n = 10): Activity[] {
-	return [...activities]
-		.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime())
-		.slice(0, n);
-}
-
-/** Compute branch-level stats. */
-export function computeBranchStats(
-	skills: Skill[]
-): Record<SkillBranch, { count: number; totalXp: number; avgLevel: number }> {
-	const stats = {} as Record<SkillBranch, { count: number; totalXp: number; avgLevel: number }>;
-	for (const branch of Object.keys(BRANCH_INFO) as SkillBranch[]) {
-		const branchSkills = skills.filter((s) => s.branch === branch);
-		stats[branch] = {
-			count: branchSkills.length,
-			totalXp: branchSkills.reduce((sum, s) => sum + s.totalXp, 0),
-			avgLevel:
-				branchSkills.length > 0
-					? branchSkills.reduce((sum, s) => sum + s.level, 0) / branchSkills.length
-					: 0,
-		};
-	}
-	return stats;
-}
-
-/** Calculate activity streak in days. */
-export function calculateStreak(activities: Activity[]): number {
-	if (activities.length === 0) return 0;
-
-	const today = new Date();
-	today.setHours(0, 0, 0, 0);
-
-	const sortedDates = activities
-		.map((a) => {
-			const d = new Date(a.timestamp);
-			d.setHours(0, 0, 0, 0);
-			return d.getTime();
-		})
-		.filter((v, i, a) => a.indexOf(v) === i)
-		.sort((a, b) => b - a);
-
-	let streak = 0;
-	let expectedDate = today.getTime();
-
-	for (const date of sortedDates) {
-		if (date === expectedDate || date === expectedDate - 86400000) {
-			streak++;
-			expectedDate = date - 86400000;
-		} else if (date < expectedDate - 86400000) {
-			break;
-		}
-	}
-
-	return streak;
-}
-
-/** Compute aggregate user stats from skills and activities. */
-export function computeUserStats(skills: Skill[], activities: Activity[]): UserStats {
-	const sortedActivities = [...activities].sort(
-		(a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
-	);
-
-	return {
-		totalXp: skills.reduce((sum, s) => sum + s.totalXp, 0),
-		totalSkills: skills.length,
-		highestLevel: skills.reduce((max, s) => Math.max(max, s.level), 0),
-		streakDays: calculateStreak(activities),
-		lastActivityDate: sortedActivities.length > 0 ? sortedActivities[0].timestamp : null,
-	};
-}
-
-/** Filter skills by branch (or return all if 'all'). */
-export function filterByBranch(skills: Skill[], branch: SkillBranch | 'all'): Skill[] {
-	if (branch === 'all') return skills;
-	return skills.filter((s) => s.branch === branch);
-}
-
-/** Find a skill by ID. */
-export function getSkillById(skills: Skill[], id: string): Skill | undefined {
-	return skills.find((s) => s.id === id);
-}
-
-/** Get all activities for a specific skill. */
-export function getSkillActivities(activities: Activity[], skillId: string): Activity[] {
-	return activities.filter((a) => a.skillId === skillId);
-}
diff --git a/apps/skilltree/apps/web-archived/src/lib/i18n/index.ts b/apps/skilltree/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 301bd9990..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('skilltree_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('skilltree_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/skilltree/apps/web-archived/src/lib/i18n/locales/de.json b/apps/skilltree/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index b42723763..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,112 +0,0 @@
-{
-	"app": {
-		"name": "SkillTree",
-		"loading": "Laden...",
-		"tagline": "Level Up Your Life"
-	},
-	"nav": {
-		"skills": "Skills",
-		"activities": "Aktivitäten",
-		"stats": "Statistiken",
-		"settings": "Einstellungen"
-	},
-	"skill": {
-		"create": "Skill erstellen",
-		"edit": "Skill bearbeiten",
-		"delete": "Skill löschen",
-		"name": "Name",
-		"description": "Beschreibung",
-		"branch": "Kategorie",
-		"level": "Level",
-		"xp": "XP",
-		"totalXp": "Gesamt-XP",
-		"noSkills": "Noch keine Skills",
-		"addFirst": "Füge deinen ersten Skill hinzu"
-	},
-	"branch": {
-		"intellect": "Intellekt",
-		"body": "Körper",
-		"creativity": "Kreativität",
-		"social": "Soziales",
-		"practical": "Praktisches",
-		"mindset": "Mindset"
-	},
-	"level": {
-		"unknown": "Unbekannt",
-		"beginner": "Anfänger",
-		"intermediate": "Fortgeschritten",
-		"competent": "Kompetent",
-		"expert": "Experte",
-		"master": "Meister"
-	},
-	"activity": {
-		"log": "Aktivität loggen",
-		"recent": "Letzte Aktivitäten",
-		"xpEarned": "+{xp} XP",
-		"noActivities": "Noch keine Aktivitäten"
-	},
-	"stats": {
-		"totalXp": "Gesamt-XP",
-		"totalSkills": "Skills",
-		"highestLevel": "Höchstes Level",
-		"streak": "Streak",
-		"achievements": "Achievements"
-	},
-	"achievement": {
-		"title": "Achievements",
-		"unlocked": "Freigeschaltet",
-		"locked": "Gesperrt",
-		"progress": "Fortschritt",
-		"celebration": "Achievement freigeschaltet!",
-		"clickToClose": "Klicken zum Schließen",
-		"noAchievements": "Keine Achievements gefunden",
-		"showAll": "Alle zeigen",
-		"showUnlocked": "Nur freigeschaltete",
-		"all": "Alle",
-		"rarity": {
-			"common": "Gewöhnlich",
-			"uncommon": "Ungewöhnlich",
-			"rare": "Selten",
-			"epic": "Episch",
-			"legendary": "Legendär"
-		},
-		"category": {
-			"xp": "Erfahrung",
-			"skills": "Skills",
-			"levels": "Level",
-			"activities": "Aktivitäten",
-			"streak": "Streak",
-			"branches": "Branches",
-			"special": "Speziell"
-		}
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"add": "Hinzufügen",
-		"close": "Schließen",
-		"search": "Suchen",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"loading": "Laden..."
-	},
-	"errors": {
-		"loadSkills": "Skills konnten nicht geladen werden",
-		"createSkill": "Skill konnte nicht erstellt werden",
-		"updateSkill": "Skill konnte nicht aktualisiert werden",
-		"deleteSkill": "Skill konnte nicht gelöscht werden"
-	},
-	"success": {
-		"skillCreated": "Skill erstellt",
-		"skillUpdated": "Skill aktualisiert",
-		"skillDeleted": "Skill gelöscht",
-		"xpAdded": "XP hinzugefügt"
-	}
-}
diff --git a/apps/skilltree/apps/web-archived/src/lib/i18n/locales/en.json b/apps/skilltree/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 3b2372476..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,112 +0,0 @@
-{
-	"app": {
-		"name": "SkillTree",
-		"loading": "Loading...",
-		"tagline": "Level Up Your Life"
-	},
-	"nav": {
-		"skills": "Skills",
-		"activities": "Activities",
-		"stats": "Statistics",
-		"settings": "Settings"
-	},
-	"skill": {
-		"create": "Create skill",
-		"edit": "Edit skill",
-		"delete": "Delete skill",
-		"name": "Name",
-		"description": "Description",
-		"branch": "Category",
-		"level": "Level",
-		"xp": "XP",
-		"totalXp": "Total XP",
-		"noSkills": "No skills yet",
-		"addFirst": "Add your first skill"
-	},
-	"branch": {
-		"intellect": "Intellect",
-		"body": "Body",
-		"creativity": "Creativity",
-		"social": "Social",
-		"practical": "Practical",
-		"mindset": "Mindset"
-	},
-	"level": {
-		"unknown": "Unknown",
-		"beginner": "Beginner",
-		"intermediate": "Intermediate",
-		"competent": "Competent",
-		"expert": "Expert",
-		"master": "Master"
-	},
-	"activity": {
-		"log": "Log activity",
-		"recent": "Recent activities",
-		"xpEarned": "+{xp} XP",
-		"noActivities": "No activities yet"
-	},
-	"stats": {
-		"totalXp": "Total XP",
-		"totalSkills": "Skills",
-		"highestLevel": "Highest Level",
-		"streak": "Streak",
-		"achievements": "Achievements"
-	},
-	"achievement": {
-		"title": "Achievements",
-		"unlocked": "Unlocked",
-		"locked": "Locked",
-		"progress": "Progress",
-		"celebration": "Achievement unlocked!",
-		"clickToClose": "Click to close",
-		"noAchievements": "No achievements found",
-		"showAll": "Show all",
-		"showUnlocked": "Unlocked only",
-		"all": "All",
-		"rarity": {
-			"common": "Common",
-			"uncommon": "Uncommon",
-			"rare": "Rare",
-			"epic": "Epic",
-			"legendary": "Legendary"
-		},
-		"category": {
-			"xp": "Experience",
-			"skills": "Skills",
-			"levels": "Level",
-			"activities": "Activities",
-			"streak": "Streak",
-			"branches": "Branches",
-			"special": "Special"
-		}
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"register": "Register"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"add": "Add",
-		"close": "Close",
-		"search": "Search",
-		"error": "Error",
-		"success": "Success",
-		"loading": "Loading..."
-	},
-	"errors": {
-		"loadSkills": "Failed to load skills",
-		"createSkill": "Failed to create skill",
-		"updateSkill": "Failed to update skill",
-		"deleteSkill": "Failed to delete skill"
-	},
-	"success": {
-		"skillCreated": "Skill created",
-		"skillUpdated": "Skill updated",
-		"skillDeleted": "Skill deleted",
-		"xpAdded": "XP added"
-	}
-}
diff --git a/apps/skilltree/apps/web-archived/src/lib/services/storage.ts b/apps/skilltree/apps/web-archived/src/lib/services/storage.ts
deleted file mode 100644
index 03e1887f2..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/services/storage.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { skillCollection, activityCollection, achievementCollection } from '$lib/data/local-store';
-
-export async function exportData() {
-	const [skills, activities, achievements] = await Promise.all([
-		skillCollection.getAll(),
-		activityCollection.getAll(),
-		achievementCollection.getAll(),
-	]);
-	return { skills, activities, achievements, exportedAt: new Date().toISOString() };
-}
-
-export async function importData(data: {
-	skills?: unknown[];
-	activities?: unknown[];
-	achievements?: unknown[];
-}) {
-	if (Array.isArray(data.skills)) {
-		for (const skill of data.skills) {
-			await skillCollection.insert(skill as never).catch(() => null);
-		}
-	}
-	if (Array.isArray(data.activities)) {
-		for (const activity of data.activities) {
-			await activityCollection.insert(activity as never).catch(() => null);
-		}
-	}
-	if (Array.isArray(data.achievements)) {
-		for (const achievement of data.achievements) {
-			await achievementCollection.insert(achievement as never).catch(() => null);
-		}
-	}
-}
diff --git a/apps/skilltree/apps/web-archived/src/lib/stores/achievements.svelte.ts b/apps/skilltree/apps/web-archived/src/lib/stores/achievements.svelte.ts
deleted file mode 100644
index 30ba79117..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/stores/achievements.svelte.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-/**
- * Achievements Store — Write Actions + Unlock Queue
- *
- * Reads are handled by useLiveQuery hooks in queries.ts.
- * This store handles achievement checking logic and the unlock celebration queue.
- */
-
-import type {
-	AchievementWithStatus,
-	AchievementUnlockResult,
-	AchievementCategory,
-	Skill,
-	Activity,
-	UserStats,
-} from '$lib/types';
-import { ACHIEVEMENT_DEFINITIONS } from '$lib/types';
-import { achievementCollection, type LocalAchievement } from '$lib/data/local-store';
-
-// Queue of recently unlocked achievements to show celebrations
-let unlockQueue = $state<AchievementUnlockResult[]>([]);
-
-// ─── Derived helpers (pure functions for consumers) ──────────
-
-/** Build achievement status list from stored records and definitions. */
-export function buildAchievementStatus(stored: LocalAchievement[]): AchievementWithStatus[] {
-	if (stored.length === 0) {
-		return ACHIEVEMENT_DEFINITIONS.map((def) => ({
-			...def,
-			unlocked: false,
-			unlockedAt: null,
-			progress: 0,
-		}));
-	}
-	return ACHIEVEMENT_DEFINITIONS.map((def) => {
-		const found = stored.find((s) => s.key === def.id || s.id === def.id);
-		return {
-			...def,
-			unlocked: found?.unlockedAt ? true : false,
-			unlockedAt: found?.unlockedAt || null,
-			progress: 0,
-		};
-	});
-}
-
-export function getUnlockedAchievements(
-	achievements: AchievementWithStatus[]
-): AchievementWithStatus[] {
-	return achievements.filter((a) => a.unlocked);
-}
-
-export function getLockedAchievements(
-	achievements: AchievementWithStatus[]
-): AchievementWithStatus[] {
-	return achievements.filter((a) => !a.unlocked);
-}
-
-export function getAchievementsByCategory(
-	achievements: AchievementWithStatus[]
-): Record<AchievementCategory, AchievementWithStatus[]> {
-	const grouped: Record<AchievementCategory, AchievementWithStatus[]> = {
-		xp: [],
-		skills: [],
-		levels: [],
-		activities: [],
-		streak: [],
-		branches: [],
-		special: [],
-	};
-	for (const a of achievements) {
-		grouped[a.category].push(a);
-	}
-	return grouped;
-}
-
-export function getAchievementStats(achievements: AchievementWithStatus[]): {
-	total: number;
-	unlocked: number;
-} {
-	return {
-		total: achievements.length,
-		unlocked: achievements.filter((a) => a.unlocked).length,
-	};
-}
-
-export function getCompletionPercentage(achievements: AchievementWithStatus[]): number {
-	if (achievements.length === 0) return 0;
-	return Math.round((achievements.filter((a) => a.unlocked).length / achievements.length) * 100);
-}
-
-// ─── Actions ─────────────────────────────────────────────────
-
-async function seedIfEmpty() {
-	const stored = await achievementCollection.getAll();
-	if (stored.length === 0) {
-		for (const def of ACHIEVEMENT_DEFINITIONS) {
-			await achievementCollection.insert({
-				id: def.id,
-				key: def.id,
-				name: def.name,
-				description: def.description,
-				icon: def.icon,
-				unlockedAt: '',
-			});
-		}
-	}
-}
-
-/**
- * Check achievements locally (offline mode).
- * Called after skill/activity changes.
- */
-async function checkLocal(context: {
-	skills: Skill[];
-	activities: Activity[];
-	userStats: UserStats;
-	lastActivityXp?: number;
-}): Promise<AchievementUnlockResult[]> {
-	const { skills, activities: allActivities, userStats: stats, lastActivityXp } = context;
-
-	// Get current achievements from DB
-	const stored = await achievementCollection.getAll();
-	const achievements = buildAchievementStatus(stored);
-
-	const uniqueBranches = new Set(skills.map((s) => s.branch).filter((b) => b !== 'custom'));
-
-	const mainBranches = ['intellect', 'body', 'creativity', 'social', 'practical', 'mindset'];
-	const branchMaxLevels = new Map<string, number>();
-	for (const branch of mainBranches) {
-		const branchSkills = skills.filter((s) => s.branch === branch);
-		if (branchSkills.length > 0) {
-			branchMaxLevels.set(branch, Math.max(...branchSkills.map((s) => s.level)));
-		}
-	}
-	const allBranchesMinLevel =
-		branchMaxLevels.size === 6 ? Math.min(...branchMaxLevels.values()) : 0;
-
-	const userData = {
-		totalXp: stats.totalXp,
-		totalSkills: skills.length,
-		highestLevel: stats.highestLevel,
-		totalActivities: allActivities.length,
-		streakDays: stats.streakDays,
-		uniqueBranches: uniqueBranches.size,
-		allBranchesMinLevel,
-		lastActivityXp: lastActivityXp ?? 0,
-	};
-
-	const newlyUnlocked: AchievementUnlockResult[] = [];
-
-	for (const a of achievements) {
-		if (a.unlocked) continue;
-
-		const condition = a.condition;
-		let current = 0;
-		let met = false;
-
-		switch (condition.type) {
-			case 'total_xp':
-				current = userData.totalXp;
-				met = current >= condition.threshold;
-				break;
-			case 'total_skills':
-				current = userData.totalSkills;
-				met = current >= condition.threshold;
-				break;
-			case 'highest_level':
-				current = userData.highestLevel;
-				met = current >= condition.threshold;
-				break;
-			case 'total_activities':
-				current = userData.totalActivities;
-				met = current >= condition.threshold;
-				break;
-			case 'streak_days':
-				current = userData.streakDays;
-				met = current >= condition.threshold;
-				break;
-			case 'unique_branches':
-				current = userData.uniqueBranches;
-				met = current >= condition.threshold;
-				break;
-			case 'single_activity_xp':
-				current = userData.lastActivityXp;
-				met = current >= condition.threshold;
-				break;
-			case 'all_branches_min_level':
-				current = userData.allBranchesMinLevel;
-				met = current >= condition.threshold;
-				break;
-		}
-
-		if (met) {
-			await achievementCollection.update(a.id, {
-				unlockedAt: new Date().toISOString(),
-			});
-			newlyUnlocked.push({ achievement: a, xpReward: a.xpReward });
-		}
-	}
-
-	if (newlyUnlocked.length > 0) {
-		unlockQueue = [...unlockQueue, ...newlyUnlocked];
-	}
-
-	return newlyUnlocked;
-}
-
-function popUnlockQueue(): AchievementUnlockResult | null {
-	if (unlockQueue.length === 0) return null;
-	const [first, ...rest] = unlockQueue;
-	unlockQueue = rest;
-	return first;
-}
-
-export const achievementStore = {
-	get unlockQueue() {
-		return unlockQueue;
-	},
-
-	seedIfEmpty,
-	checkLocal,
-	popUnlockQueue,
-};
diff --git a/apps/skilltree/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/skilltree/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index b84b3b17b..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-const skilltreeOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei SkillTree!',
-		description: 'Das kann SkillTree für dich tun:',
-		emoji: '🌳',
-		gradient: { from: 'emerald-500', to: 'emerald-700' },
-		bullets: [
-			'RPG-Skill-Baum für echte Fähigkeiten',
-			'6 Bereiche: Intellekt, Körper, Kreativität, Sozial, Praktisch, Mindset',
-			'XP sammeln & Level aufsteigen',
-			'Aktivitäten loggen & Fortschritt tracken',
-		],
-	},
-	{
-		id: 'focusBranch',
-		type: 'select',
-		question: 'Welcher Bereich interessiert dich am meisten?',
-		description: 'Du kannst alle Bereiche nutzen — das ist nur dein Startfokus.',
-		emoji: '🎯',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'intellect',
-				label: 'Intellekt',
-				description: 'Wissen, Sprachen, Wissenschaft',
-				emoji: '🧠',
-			},
-			{
-				id: 'body',
-				label: 'Körper',
-				description: 'Fitness, Sport, Gesundheit',
-				emoji: '💪',
-			},
-			{
-				id: 'creativity',
-				label: 'Kreativität',
-				description: 'Kunst, Musik, Schreiben',
-				emoji: '🎨',
-			},
-			{
-				id: 'social',
-				label: 'Sozial',
-				description: 'Kommunikation, Führung',
-				emoji: '👥',
-			},
-			{
-				id: 'practical',
-				label: 'Praktisch',
-				description: 'Handwerk, Kochen, Technik',
-				emoji: '🔧',
-			},
-			{
-				id: 'mindset',
-				label: 'Mindset',
-				description: 'Meditation, Fokus, Resilienz',
-				emoji: '🧘',
-			},
-		],
-		defaultValue: 'intellect',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Dein Skill-Baum ist bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Erstelle Skills in deinem Fokus-Bereich',
-			'Logge Aktivitäten, um XP zu sammeln',
-			'Level reichen von Anfänger bis Meister',
-			'Bleib dran — regelmäßige Aktivitäten geben Bonus-XP',
-		],
-	},
-];
-
-export const skilltreeOnboarding = createAppOnboardingStore({
-	appId: 'skilltree',
-	steps: skilltreeOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/skilltree/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/skilltree/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index ad4569c78..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3024,
-});
diff --git a/apps/skilltree/apps/web-archived/src/lib/stores/skills.svelte.ts b/apps/skilltree/apps/web-archived/src/lib/stores/skills.svelte.ts
deleted file mode 100644
index cb51e2a00..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/stores/skills.svelte.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-/**
- * Skills Store — Write Actions Only
- *
- * Reads are handled by useLiveQuery hooks in queries.ts.
- * This store only exposes mutation actions that write to IndexedDB.
- */
-
-import type { Skill, Activity } from '$lib/types';
-import { calculateLevel, createDefaultSkill, createActivity } from '$lib/types';
-import { SkillTreeEvents } from '@manacore/shared-utils/analytics';
-import {
-	skillCollection,
-	activityCollection,
-	type LocalSkill,
-	type LocalActivity,
-} from '$lib/data/local-store';
-
-// ─── Actions ─────────────────────────────────────────────────
-
-async function addSkill(data: Partial<Skill>): Promise<Skill> {
-	const skill = createDefaultSkill(data);
-	const localSkill: LocalSkill = {
-		id: skill.id,
-		name: skill.name,
-		description: skill.description,
-		branch: skill.branch,
-		parentId: skill.parentId,
-		icon: skill.icon,
-		color: skill.color,
-		currentXp: skill.currentXp,
-		totalXp: skill.totalXp,
-		level: skill.level,
-	};
-	await skillCollection.insert(localSkill);
-	SkillTreeEvents.skillCreated(data.branch || 'custom');
-	return skill;
-}
-
-async function updateSkill(id: string, updates: Partial<Skill>): Promise<void> {
-	const localUpdates: Partial<LocalSkill> = {};
-	if (updates.name !== undefined) localUpdates.name = updates.name;
-	if (updates.description !== undefined) localUpdates.description = updates.description;
-	if (updates.branch !== undefined) localUpdates.branch = updates.branch;
-	if (updates.parentId !== undefined) localUpdates.parentId = updates.parentId;
-	if (updates.icon !== undefined) localUpdates.icon = updates.icon;
-	if (updates.color !== undefined) localUpdates.color = updates.color;
-
-	await skillCollection.update(id, localUpdates);
-}
-
-async function deleteSkill(id: string): Promise<void> {
-	// Delete all activities for this skill
-	const skillActivities = await activityCollection.getAll({ skillId: id });
-	for (const a of skillActivities) {
-		await activityCollection.delete(a.id);
-	}
-	await skillCollection.delete(id);
-	SkillTreeEvents.skillDeleted();
-}
-
-async function addXp(
-	skillId: string,
-	xp: number,
-	description: string,
-	duration?: number
-): Promise<{ leveledUp: boolean; newLevel: number }> {
-	const existing = await skillCollection.getAll({ id: skillId });
-	const skill = existing.find((s) => s.id === skillId);
-	if (!skill) return { leveledUp: false, newLevel: 0 };
-
-	const newTotalXp = skill.totalXp + xp;
-	const newCurrentXp = skill.currentXp + xp;
-	const newLevel = calculateLevel(newTotalXp);
-	const leveledUp = newLevel > skill.level;
-
-	await skillCollection.update(skillId, {
-		totalXp: newTotalXp,
-		currentXp: newCurrentXp,
-		level: newLevel,
-	});
-
-	const activity = createActivity(skillId, xp, description, duration);
-	const localActivity: LocalActivity = {
-		id: activity.id,
-		skillId: activity.skillId,
-		xpEarned: activity.xpEarned,
-		description: activity.description,
-		duration: activity.duration,
-		timestamp: activity.timestamp,
-	};
-	await activityCollection.insert(localActivity);
-
-	SkillTreeEvents.xpAdded(xp, leveledUp);
-
-	return { leveledUp, newLevel };
-}
-
-// Export store (write-only actions)
-export const skillStore = {
-	addSkill,
-	updateSkill,
-	deleteSkill,
-	addXp,
-};
diff --git a/apps/skilltree/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/skilltree/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index f1cc1a57f..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'skilltree',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/skilltree/apps/web-archived/src/lib/types/index.test.ts b/apps/skilltree/apps/web-archived/src/lib/types/index.test.ts
deleted file mode 100644
index 5264de55d..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/types/index.test.ts
+++ /dev/null
@@ -1,378 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import {
-	calculateLevel,
-	xpForNextLevel,
-	xpProgress,
-	createDefaultSkill,
-	createActivity,
-	LEVEL_THRESHOLDS,
-	LEVEL_NAMES,
-	BRANCH_INFO,
-	type Skill,
-	type SkillBranch,
-} from './index';
-
-describe('Level System', () => {
-	describe('calculateLevel', () => {
-		it('should return level 0 for 0 XP', () => {
-			expect(calculateLevel(0)).toBe(0);
-		});
-
-		it('should return level 0 for XP below 100', () => {
-			expect(calculateLevel(50)).toBe(0);
-			expect(calculateLevel(99)).toBe(0);
-		});
-
-		it('should return level 1 for XP between 100 and 499', () => {
-			expect(calculateLevel(100)).toBe(1);
-			expect(calculateLevel(250)).toBe(1);
-			expect(calculateLevel(499)).toBe(1);
-		});
-
-		it('should return level 2 for XP between 500 and 1499', () => {
-			expect(calculateLevel(500)).toBe(2);
-			expect(calculateLevel(1000)).toBe(2);
-			expect(calculateLevel(1499)).toBe(2);
-		});
-
-		it('should return level 3 for XP between 1500 and 3999', () => {
-			expect(calculateLevel(1500)).toBe(3);
-			expect(calculateLevel(2500)).toBe(3);
-			expect(calculateLevel(3999)).toBe(3);
-		});
-
-		it('should return level 4 for XP between 4000 and 9999', () => {
-			expect(calculateLevel(4000)).toBe(4);
-			expect(calculateLevel(7000)).toBe(4);
-			expect(calculateLevel(9999)).toBe(4);
-		});
-
-		it('should return level 5 (max) for XP 10000 and above', () => {
-			expect(calculateLevel(10000)).toBe(5);
-			expect(calculateLevel(50000)).toBe(5);
-			expect(calculateLevel(1000000)).toBe(5);
-		});
-
-		it('should handle negative XP by returning 0', () => {
-			expect(calculateLevel(-100)).toBe(0);
-		});
-	});
-
-	describe('xpForNextLevel', () => {
-		it('should return 100 XP for level 0', () => {
-			expect(xpForNextLevel(0)).toBe(100);
-		});
-
-		it('should return 500 XP for level 1', () => {
-			expect(xpForNextLevel(1)).toBe(500);
-		});
-
-		it('should return 1500 XP for level 2', () => {
-			expect(xpForNextLevel(2)).toBe(1500);
-		});
-
-		it('should return 4000 XP for level 3', () => {
-			expect(xpForNextLevel(3)).toBe(4000);
-		});
-
-		it('should return 10000 XP for level 4', () => {
-			expect(xpForNextLevel(4)).toBe(10000);
-		});
-
-		it('should return Infinity for max level (5)', () => {
-			expect(xpForNextLevel(5)).toBe(Infinity);
-		});
-
-		it('should return Infinity for levels beyond max', () => {
-			expect(xpForNextLevel(6)).toBe(Infinity);
-			expect(xpForNextLevel(100)).toBe(Infinity);
-		});
-	});
-
-	describe('xpProgress', () => {
-		it('should return 0% at level threshold', () => {
-			expect(xpProgress(0, 0)).toBe(0);
-			expect(xpProgress(100, 1)).toBe(0);
-			expect(xpProgress(500, 2)).toBe(0);
-		});
-
-		it('should return 50% at midpoint', () => {
-			// Level 0: 0-100, midpoint is 50
-			expect(xpProgress(50, 0)).toBe(50);
-			// Level 1: 100-500, midpoint is 300
-			expect(xpProgress(300, 1)).toBe(50);
-		});
-
-		it('should return close to 100% near next threshold', () => {
-			expect(xpProgress(99, 0)).toBeCloseTo(99, 0);
-			expect(xpProgress(499, 1)).toBeCloseTo(99.75, 1);
-		});
-
-		it('should return 100% for max level', () => {
-			expect(xpProgress(10000, 5)).toBe(100);
-			expect(xpProgress(50000, 5)).toBe(100);
-		});
-
-		it('should clamp progress between 0 and 100', () => {
-			// Progress should never exceed 100
-			expect(xpProgress(200, 0)).toBeLessThanOrEqual(100);
-			// Progress should never be negative
-			expect(xpProgress(-10, 0)).toBeGreaterThanOrEqual(0);
-		});
-
-		it('should calculate correct progress for level 2', () => {
-			// Level 2: 500-1500 (range of 1000)
-			// At 750 XP: (750-500)/(1500-500) = 250/1000 = 25%
-			expect(xpProgress(750, 2)).toBe(25);
-		});
-	});
-
-	describe('LEVEL_THRESHOLDS', () => {
-		it('should have 6 levels (0-5)', () => {
-			expect(LEVEL_THRESHOLDS).toHaveLength(6);
-		});
-
-		it('should start at 0', () => {
-			expect(LEVEL_THRESHOLDS[0]).toBe(0);
-		});
-
-		it('should be in ascending order', () => {
-			for (let i = 1; i < LEVEL_THRESHOLDS.length; i++) {
-				expect(LEVEL_THRESHOLDS[i]).toBeGreaterThan(LEVEL_THRESHOLDS[i - 1]);
-			}
-		});
-
-		it('should have expected values', () => {
-			expect(LEVEL_THRESHOLDS).toEqual([0, 100, 500, 1500, 4000, 10000]);
-		});
-	});
-
-	describe('LEVEL_NAMES', () => {
-		it('should have a name for each level', () => {
-			expect(LEVEL_NAMES).toHaveLength(6);
-		});
-
-		it('should have German names', () => {
-			expect(LEVEL_NAMES[0]).toBe('Unbekannt');
-			expect(LEVEL_NAMES[1]).toBe('Anfänger');
-			expect(LEVEL_NAMES[2]).toBe('Fortgeschritten');
-			expect(LEVEL_NAMES[3]).toBe('Kompetent');
-			expect(LEVEL_NAMES[4]).toBe('Experte');
-			expect(LEVEL_NAMES[5]).toBe('Meister');
-		});
-	});
-});
-
-describe('Branch System', () => {
-	describe('BRANCH_INFO', () => {
-		const branches: SkillBranch[] = [
-			'intellect',
-			'body',
-			'creativity',
-			'social',
-			'practical',
-			'mindset',
-			'custom',
-		];
-
-		it('should have info for all 7 branches', () => {
-			expect(Object.keys(BRANCH_INFO)).toHaveLength(7);
-		});
-
-		it.each(branches)('should have complete info for %s branch', (branch) => {
-			const info = BRANCH_INFO[branch];
-			expect(info).toBeDefined();
-			expect(info.name).toBeTruthy();
-			expect(info.icon).toBeTruthy();
-			expect(info.color).toBeTruthy();
-			expect(info.description).toBeTruthy();
-		});
-
-		it('should have German names', () => {
-			expect(BRANCH_INFO.intellect.name).toBe('Intellekt');
-			expect(BRANCH_INFO.body.name).toBe('Körper');
-			expect(BRANCH_INFO.creativity.name).toBe('Kreativität');
-			expect(BRANCH_INFO.social.name).toBe('Sozial');
-			expect(BRANCH_INFO.practical.name).toBe('Praktisch');
-			expect(BRANCH_INFO.mindset.name).toBe('Mindset');
-			expect(BRANCH_INFO.custom.name).toBe('Eigene');
-		});
-
-		it('should have correct icons', () => {
-			expect(BRANCH_INFO.intellect.icon).toBe('brain');
-			expect(BRANCH_INFO.body.icon).toBe('dumbbell');
-			expect(BRANCH_INFO.creativity.icon).toBe('palette');
-			expect(BRANCH_INFO.social.icon).toBe('users');
-			expect(BRANCH_INFO.practical.icon).toBe('wrench');
-			expect(BRANCH_INFO.mindset.icon).toBe('heart');
-			expect(BRANCH_INFO.custom.icon).toBe('star');
-		});
-	});
-});
-
-describe('Factory Functions', () => {
-	describe('createDefaultSkill', () => {
-		beforeEach(() => {
-			vi.useFakeTimers();
-			vi.setSystemTime(new Date('2026-01-28T12:00:00Z'));
-		});
-
-		it('should create a skill with default values', () => {
-			const skill = createDefaultSkill();
-
-			expect(skill.id).toBeTruthy();
-			expect(skill.name).toBe('');
-			expect(skill.description).toBe('');
-			expect(skill.branch).toBe('custom');
-			expect(skill.parentId).toBeNull();
-			expect(skill.icon).toBe('star');
-			expect(skill.color).toBeNull();
-			expect(skill.currentXp).toBe(0);
-			expect(skill.totalXp).toBe(0);
-			expect(skill.level).toBe(0);
-		});
-
-		it('should generate unique IDs', () => {
-			const skill1 = createDefaultSkill();
-			const skill2 = createDefaultSkill();
-			expect(skill1.id).not.toBe(skill2.id);
-		});
-
-		it('should set timestamps', () => {
-			const skill = createDefaultSkill();
-			expect(skill.createdAt).toBeTruthy();
-			expect(skill.updatedAt).toBeTruthy();
-			expect(skill.createdAt).toBe(skill.updatedAt);
-		});
-
-		it('should merge partial values', () => {
-			const skill = createDefaultSkill({
-				name: 'TypeScript',
-				description: 'Learn TypeScript',
-				branch: 'intellect',
-				totalXp: 500,
-				level: 2,
-			});
-
-			expect(skill.name).toBe('TypeScript');
-			expect(skill.description).toBe('Learn TypeScript');
-			expect(skill.branch).toBe('intellect');
-			expect(skill.totalXp).toBe(500);
-			expect(skill.level).toBe(2);
-			// Default values should still be set
-			expect(skill.icon).toBe('star');
-			expect(skill.parentId).toBeNull();
-		});
-
-		it('should allow overriding all fields', () => {
-			const customSkill: Partial<Skill> = {
-				id: 'custom-id',
-				name: 'Custom Skill',
-				description: 'A custom skill',
-				branch: 'body',
-				parentId: 'parent-123',
-				icon: 'star',
-				color: '#FF0000',
-				currentXp: 100,
-				totalXp: 100,
-				level: 1,
-			};
-
-			const skill = createDefaultSkill(customSkill);
-
-			expect(skill.id).toBe('custom-id');
-			expect(skill.name).toBe('Custom Skill');
-			expect(skill.parentId).toBe('parent-123');
-			expect(skill.color).toBe('#FF0000');
-		});
-	});
-
-	describe('createActivity', () => {
-		beforeEach(() => {
-			vi.useFakeTimers();
-			vi.setSystemTime(new Date('2026-01-28T12:00:00Z'));
-		});
-
-		it('should create an activity with required fields', () => {
-			const activity = createActivity('skill-123', 50, 'Practiced for 30 minutes');
-
-			expect(activity.id).toBeTruthy();
-			expect(activity.skillId).toBe('skill-123');
-			expect(activity.xpEarned).toBe(50);
-			expect(activity.description).toBe('Practiced for 30 minutes');
-			expect(activity.duration).toBeNull();
-			expect(activity.timestamp).toBeTruthy();
-		});
-
-		it('should include duration when provided', () => {
-			const activity = createActivity('skill-123', 100, 'Long session', 60);
-
-			expect(activity.duration).toBe(60);
-		});
-
-		it('should set duration to null when undefined', () => {
-			const activity = createActivity('skill-123', 25, 'Quick practice', undefined);
-
-			expect(activity.duration).toBeNull();
-		});
-
-		it('should generate unique IDs', () => {
-			const activity1 = createActivity('skill-1', 10, 'Activity 1');
-			const activity2 = createActivity('skill-1', 10, 'Activity 2');
-
-			expect(activity1.id).not.toBe(activity2.id);
-		});
-
-		it('should set current timestamp', () => {
-			const activity = createActivity('skill-123', 10, 'Test');
-			const expectedTime = new Date('2026-01-28T12:00:00Z').toISOString();
-
-			expect(activity.timestamp).toBe(expectedTime);
-		});
-
-		it('should handle zero XP', () => {
-			const activity = createActivity('skill-123', 0, 'Just a note');
-
-			expect(activity.xpEarned).toBe(0);
-		});
-
-		it('should handle large XP values', () => {
-			const activity = createActivity('skill-123', 10000, 'Major milestone');
-
-			expect(activity.xpEarned).toBe(10000);
-		});
-	});
-});
-
-describe('Edge Cases', () => {
-	describe('Level calculations with boundary values', () => {
-		it('should handle exact threshold values', () => {
-			expect(calculateLevel(100)).toBe(1);
-			expect(calculateLevel(500)).toBe(2);
-			expect(calculateLevel(1500)).toBe(3);
-			expect(calculateLevel(4000)).toBe(4);
-			expect(calculateLevel(10000)).toBe(5);
-		});
-
-		it('should handle one below threshold', () => {
-			expect(calculateLevel(99)).toBe(0);
-			expect(calculateLevel(499)).toBe(1);
-			expect(calculateLevel(1499)).toBe(2);
-			expect(calculateLevel(3999)).toBe(3);
-			expect(calculateLevel(9999)).toBe(4);
-		});
-	});
-
-	describe('Progress calculations at boundaries', () => {
-		it('should handle zero XP at level 0', () => {
-			expect(xpProgress(0, 0)).toBe(0);
-		});
-
-		it('should handle XP exactly at level-up', () => {
-			// When XP equals next threshold, progress should be 100% for current level
-			// But calculateLevel would put them at next level
-			// This tests the edge case
-			expect(xpProgress(100, 0)).toBe(100);
-		});
-	});
-});
diff --git a/apps/skilltree/apps/web-archived/src/lib/types/index.ts b/apps/skilltree/apps/web-archived/src/lib/types/index.ts
deleted file mode 100644
index 9e1bf724e..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/types/index.ts
+++ /dev/null
@@ -1,554 +0,0 @@
-// Skill Tree Types
-
-export type SkillBranch =
-	| 'intellect'
-	| 'body'
-	| 'creativity'
-	| 'social'
-	| 'practical'
-	| 'mindset'
-	| 'custom';
-
-export interface Skill {
-	id: string;
-	name: string;
-	description: string;
-	branch: SkillBranch;
-	parentId: string | null;
-	icon: string;
-	color: string | null;
-	currentXp: number;
-	totalXp: number;
-	level: number;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export interface Activity {
-	id: string;
-	skillId: string;
-	xpEarned: number;
-	description: string;
-	duration: number | null; // minutes
-	timestamp: string;
-}
-
-export interface UserStats {
-	totalXp: number;
-	totalSkills: number;
-	highestLevel: number;
-	streakDays: number;
-	lastActivityDate: string | null;
-}
-
-// Level thresholds (XP needed for each level)
-export const LEVEL_THRESHOLDS = [0, 100, 500, 1500, 4000, 10000] as const;
-
-export const LEVEL_NAMES = [
-	'Unbekannt',
-	'Anfänger',
-	'Fortgeschritten',
-	'Kompetent',
-	'Experte',
-	'Meister',
-] as const;
-
-export const BRANCH_INFO: Record<
-	SkillBranch,
-	{ name: string; icon: string; color: string; description: string }
-> = {
-	intellect: {
-		name: 'Intellekt',
-		icon: 'brain',
-		color: 'var(--color-branch-intellect)',
-		description: 'Wissen, Sprachen, Wissenschaft',
-	},
-	body: {
-		name: 'Körper',
-		icon: 'dumbbell',
-		color: 'var(--color-branch-body)',
-		description: 'Fitness, Sport, Gesundheit',
-	},
-	creativity: {
-		name: 'Kreativität',
-		icon: 'palette',
-		color: 'var(--color-branch-creativity)',
-		description: 'Kunst, Musik, Schreiben',
-	},
-	social: {
-		name: 'Sozial',
-		icon: 'users',
-		color: 'var(--color-branch-social)',
-		description: 'Kommunikation, Leadership, Empathie',
-	},
-	practical: {
-		name: 'Praktisch',
-		icon: 'wrench',
-		color: 'var(--color-branch-practical)',
-		description: 'Handwerk, Kochen, Technologie',
-	},
-	mindset: {
-		name: 'Mindset',
-		icon: 'heart',
-		color: 'var(--color-branch-mindset)',
-		description: 'Meditation, Fokus, Resilienz',
-	},
-	custom: {
-		name: 'Eigene',
-		icon: 'star',
-		color: 'var(--color-primary)',
-		description: 'Eigene Kategorien',
-	},
-};
-
-// Helper functions
-export function calculateLevel(xp: number): number {
-	for (let i = LEVEL_THRESHOLDS.length - 1; i >= 0; i--) {
-		if (xp >= LEVEL_THRESHOLDS[i]) {
-			return i;
-		}
-	}
-	return 0;
-}
-
-export function xpForNextLevel(currentLevel: number): number {
-	if (currentLevel >= LEVEL_THRESHOLDS.length - 1) {
-		return Infinity;
-	}
-	return LEVEL_THRESHOLDS[currentLevel + 1];
-}
-
-export function xpProgress(xp: number, level: number): number {
-	if (level >= LEVEL_THRESHOLDS.length - 1) {
-		return 100;
-	}
-	const currentThreshold = LEVEL_THRESHOLDS[level];
-	const nextThreshold = LEVEL_THRESHOLDS[level + 1];
-	const progress = ((xp - currentThreshold) / (nextThreshold - currentThreshold)) * 100;
-	return Math.min(100, Math.max(0, progress));
-}
-
-export function createDefaultSkill(partial: Partial<Skill> = {}): Skill {
-	const now = new Date().toISOString();
-	return {
-		id: crypto.randomUUID(),
-		name: '',
-		description: '',
-		branch: 'custom',
-		parentId: null,
-		icon: 'star',
-		color: null,
-		currentXp: 0,
-		totalXp: 0,
-		level: 0,
-		createdAt: now,
-		updatedAt: now,
-		...partial,
-	};
-}
-
-export function createActivity(
-	skillId: string,
-	xpEarned: number,
-	description: string,
-	duration?: number
-): Activity {
-	return {
-		id: crypto.randomUUID(),
-		skillId,
-		xpEarned,
-		description,
-		duration: duration ?? null,
-		timestamp: new Date().toISOString(),
-	};
-}
-
-// Achievement Types
-
-export type AchievementCategory =
-	| 'xp'
-	| 'skills'
-	| 'levels'
-	| 'activities'
-	| 'streak'
-	| 'branches'
-	| 'special';
-
-export type AchievementRarity = 'common' | 'uncommon' | 'rare' | 'epic' | 'legendary';
-
-export interface AchievementCondition {
-	type: string;
-	threshold: number;
-}
-
-export interface Achievement {
-	id: string;
-	name: string;
-	description: string;
-	icon: string;
-	category: AchievementCategory;
-	rarity: AchievementRarity;
-	xpReward: number;
-	sortOrder: number;
-	condition: AchievementCondition;
-}
-
-export interface AchievementWithStatus extends Achievement {
-	unlocked: boolean;
-	unlockedAt: string | null;
-	progress: number;
-}
-
-export interface AchievementUnlockResult {
-	achievement: Achievement;
-	xpReward: number;
-}
-
-export const RARITY_INFO: Record<
-	AchievementRarity,
-	{ name: string; color: string; bgColor: string; borderColor: string }
-> = {
-	common: {
-		name: 'Gewöhnlich',
-		color: 'text-gray-300',
-		bgColor: 'bg-gray-700/50',
-		borderColor: 'border-gray-600',
-	},
-	uncommon: {
-		name: 'Ungewöhnlich',
-		color: 'text-green-400',
-		bgColor: 'bg-green-900/30',
-		borderColor: 'border-green-700',
-	},
-	rare: {
-		name: 'Selten',
-		color: 'text-blue-400',
-		bgColor: 'bg-blue-900/30',
-		borderColor: 'border-blue-700',
-	},
-	epic: {
-		name: 'Episch',
-		color: 'text-purple-400',
-		bgColor: 'bg-purple-900/30',
-		borderColor: 'border-purple-700',
-	},
-	legendary: {
-		name: 'Legendär',
-		color: 'text-yellow-400',
-		bgColor: 'bg-yellow-900/30',
-		borderColor: 'border-yellow-600',
-	},
-};
-
-export const ACHIEVEMENT_CATEGORY_INFO: Record<
-	AchievementCategory,
-	{ name: string; icon: string }
-> = {
-	xp: { name: 'Erfahrung', icon: 'star' },
-	skills: { name: 'Skills', icon: 'grid' },
-	levels: { name: 'Level', icon: 'arrow-up' },
-	activities: { name: 'Aktivitäten', icon: 'lightning' },
-	streak: { name: 'Streak', icon: 'flame' },
-	branches: { name: 'Branches', icon: 'compass' },
-	special: { name: 'Speziell', icon: 'trophy' },
-};
-
-/**
- * All achievement definitions for offline/local evaluation.
- * Mirrors the backend ACHIEVEMENT_DEFINITIONS.
- */
-export const ACHIEVEMENT_DEFINITIONS: Achievement[] = [
-	// XP
-	{
-		id: 'xp_100',
-		name: 'Erste Schritte',
-		description: 'Sammle 100 XP insgesamt',
-		icon: 'star',
-		category: 'xp',
-		rarity: 'common',
-		xpReward: 10,
-		sortOrder: 1,
-		condition: { type: 'total_xp', threshold: 100 },
-	},
-	{
-		id: 'xp_1000',
-		name: 'Tausender-Club',
-		description: 'Sammle 1.000 XP insgesamt',
-		icon: 'star',
-		category: 'xp',
-		rarity: 'uncommon',
-		xpReward: 25,
-		sortOrder: 2,
-		condition: { type: 'total_xp', threshold: 1000 },
-	},
-	{
-		id: 'xp_5000',
-		name: 'XP-Sammler',
-		description: 'Sammle 5.000 XP insgesamt',
-		icon: 'star',
-		category: 'xp',
-		rarity: 'rare',
-		xpReward: 50,
-		sortOrder: 3,
-		condition: { type: 'total_xp', threshold: 5000 },
-	},
-	{
-		id: 'xp_10000',
-		name: 'XP-Legende',
-		description: 'Sammle 10.000 XP insgesamt',
-		icon: 'crown',
-		category: 'xp',
-		rarity: 'epic',
-		xpReward: 100,
-		sortOrder: 4,
-		condition: { type: 'total_xp', threshold: 10000 },
-	},
-	{
-		id: 'xp_50000',
-		name: 'Grenzenlos',
-		description: 'Sammle 50.000 XP insgesamt',
-		icon: 'crown',
-		category: 'xp',
-		rarity: 'legendary',
-		xpReward: 250,
-		sortOrder: 5,
-		condition: { type: 'total_xp', threshold: 50000 },
-	},
-	// Skills
-	{
-		id: 'skills_1',
-		name: 'Der Anfang',
-		description: 'Erstelle deinen ersten Skill',
-		icon: 'plus',
-		category: 'skills',
-		rarity: 'common',
-		xpReward: 10,
-		sortOrder: 10,
-		condition: { type: 'total_skills', threshold: 1 },
-	},
-	{
-		id: 'skills_5',
-		name: 'Vielseitig',
-		description: 'Erstelle 5 Skills',
-		icon: 'grid',
-		category: 'skills',
-		rarity: 'uncommon',
-		xpReward: 25,
-		sortOrder: 11,
-		condition: { type: 'total_skills', threshold: 5 },
-	},
-	{
-		id: 'skills_10',
-		name: 'Skill-Sammler',
-		description: 'Erstelle 10 Skills',
-		icon: 'grid',
-		category: 'skills',
-		rarity: 'rare',
-		xpReward: 50,
-		sortOrder: 12,
-		condition: { type: 'total_skills', threshold: 10 },
-	},
-	{
-		id: 'skills_20',
-		name: 'Meister aller Klassen',
-		description: 'Erstelle 20 Skills',
-		icon: 'grid',
-		category: 'skills',
-		rarity: 'epic',
-		xpReward: 100,
-		sortOrder: 13,
-		condition: { type: 'total_skills', threshold: 20 },
-	},
-	// Levels
-	{
-		id: 'level_1',
-		name: 'Anfänger',
-		description: 'Erreiche Level 1 mit einem Skill',
-		icon: 'arrow-up',
-		category: 'levels',
-		rarity: 'common',
-		xpReward: 15,
-		sortOrder: 20,
-		condition: { type: 'highest_level', threshold: 1 },
-	},
-	{
-		id: 'level_3',
-		name: 'Kompetent',
-		description: 'Erreiche Level 3 mit einem Skill',
-		icon: 'arrow-up',
-		category: 'levels',
-		rarity: 'rare',
-		xpReward: 50,
-		sortOrder: 21,
-		condition: { type: 'highest_level', threshold: 3 },
-	},
-	{
-		id: 'level_5',
-		name: 'Meister',
-		description: 'Erreiche Level 5 mit einem Skill',
-		icon: 'crown',
-		category: 'levels',
-		rarity: 'legendary',
-		xpReward: 200,
-		sortOrder: 22,
-		condition: { type: 'highest_level', threshold: 5 },
-	},
-	// Activities
-	{
-		id: 'activities_1',
-		name: 'Erste Aktion',
-		description: 'Logge deine erste Aktivität',
-		icon: 'lightning',
-		category: 'activities',
-		rarity: 'common',
-		xpReward: 5,
-		sortOrder: 30,
-		condition: { type: 'total_activities', threshold: 1 },
-	},
-	{
-		id: 'activities_10',
-		name: 'Dranbleiber',
-		description: 'Logge 10 Aktivitäten',
-		icon: 'lightning',
-		category: 'activities',
-		rarity: 'uncommon',
-		xpReward: 20,
-		sortOrder: 31,
-		condition: { type: 'total_activities', threshold: 10 },
-	},
-	{
-		id: 'activities_50',
-		name: 'Fleißig',
-		description: 'Logge 50 Aktivitäten',
-		icon: 'lightning',
-		category: 'activities',
-		rarity: 'rare',
-		xpReward: 50,
-		sortOrder: 32,
-		condition: { type: 'total_activities', threshold: 50 },
-	},
-	{
-		id: 'activities_100',
-		name: 'Unaufhaltsam',
-		description: 'Logge 100 Aktivitäten',
-		icon: 'fire',
-		category: 'activities',
-		rarity: 'epic',
-		xpReward: 100,
-		sortOrder: 33,
-		condition: { type: 'total_activities', threshold: 100 },
-	},
-	{
-		id: 'activities_500',
-		name: 'Maschine',
-		description: 'Logge 500 Aktivitäten',
-		icon: 'fire',
-		category: 'activities',
-		rarity: 'legendary',
-		xpReward: 250,
-		sortOrder: 34,
-		condition: { type: 'total_activities', threshold: 500 },
-	},
-	// Streak
-	{
-		id: 'streak_3',
-		name: '3-Tage-Streak',
-		description: 'Halte einen 3-Tage-Streak',
-		icon: 'flame',
-		category: 'streak',
-		rarity: 'common',
-		xpReward: 15,
-		sortOrder: 40,
-		condition: { type: 'streak_days', threshold: 3 },
-	},
-	{
-		id: 'streak_7',
-		name: 'Wochenkrieger',
-		description: 'Halte einen 7-Tage-Streak',
-		icon: 'flame',
-		category: 'streak',
-		rarity: 'uncommon',
-		xpReward: 30,
-		sortOrder: 41,
-		condition: { type: 'streak_days', threshold: 7 },
-	},
-	{
-		id: 'streak_14',
-		name: 'Zwei-Wochen-Held',
-		description: 'Halte einen 14-Tage-Streak',
-		icon: 'flame',
-		category: 'streak',
-		rarity: 'rare',
-		xpReward: 75,
-		sortOrder: 42,
-		condition: { type: 'streak_days', threshold: 14 },
-	},
-	{
-		id: 'streak_30',
-		name: 'Monatsmeister',
-		description: 'Halte einen 30-Tage-Streak',
-		icon: 'flame',
-		category: 'streak',
-		rarity: 'epic',
-		xpReward: 150,
-		sortOrder: 43,
-		condition: { type: 'streak_days', threshold: 30 },
-	},
-	{
-		id: 'streak_100',
-		name: 'Hundert Tage',
-		description: 'Halte einen 100-Tage-Streak',
-		icon: 'flame',
-		category: 'streak',
-		rarity: 'legendary',
-		xpReward: 500,
-		sortOrder: 44,
-		condition: { type: 'streak_days', threshold: 100 },
-	},
-	// Branches
-	{
-		id: 'branches_3',
-		name: 'Entdecker',
-		description: 'Habe Skills in 3 verschiedenen Branches',
-		icon: 'compass',
-		category: 'branches',
-		rarity: 'uncommon',
-		xpReward: 25,
-		sortOrder: 50,
-		condition: { type: 'unique_branches', threshold: 3 },
-	},
-	{
-		id: 'branches_all',
-		name: 'Universalgelehrter',
-		description: 'Habe Skills in allen 6 Branches',
-		icon: 'compass',
-		category: 'branches',
-		rarity: 'epic',
-		xpReward: 100,
-		sortOrder: 51,
-		condition: { type: 'unique_branches', threshold: 6 },
-	},
-	// Special
-	{
-		id: 'single_xp_100',
-		name: 'Mammut-Session',
-		description: 'Verdiene 100+ XP in einer einzelnen Aktivität',
-		icon: 'zap',
-		category: 'special',
-		rarity: 'rare',
-		xpReward: 25,
-		sortOrder: 60,
-		condition: { type: 'single_activity_xp', threshold: 100 },
-	},
-	{
-		id: 'all_branches_level_1',
-		name: 'Allrounder',
-		description: 'Erreiche Level 1 in allen 6 Branches',
-		icon: 'shield',
-		category: 'special',
-		rarity: 'epic',
-		xpReward: 150,
-		sortOrder: 61,
-		condition: { type: 'all_branches_min_level', threshold: 1 },
-	},
-];
diff --git a/apps/skilltree/apps/web-archived/src/lib/version.ts b/apps/skilltree/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index d63b4cfef..000000000
--- a/apps/skilltree/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.2.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/skilltree/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index c7d31b6e2..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { SkillTreeLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | SkillTree</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="SkillTree"
-	logo={SkillTreeLogo}
-	primaryColor="#10b981"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#d1fae5"
-	darkBackground="#064e3b"
-	{translations}
-/>
diff --git a/apps/skilltree/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 6b274ef67..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,77 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { SkillTreeLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { apiClient } from '$lib/api/client';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Get redirect URL from query params or sessionStorage
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		const result = await authStore.signIn(email, password);
-		if (result.success) {
-			const token = await authStore.getValidToken();
-			apiClient.setAccessToken(token);
-		}
-		return result;
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | SkillTree</title>
-</svelte:head>
-
-<LoginPage
-	appName="SkillTree"
-	logo={SkillTreeLogo}
-	primaryColor="#10b981"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#d1fae5"
-	darkBackground="#064e3b"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
-/>
diff --git a/apps/skilltree/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index f557745bf..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { locale } from 'svelte-i18n';
-	import { SkillTreeLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import '$lib/i18n';
-
-	// Get redirect URL from sessionStorage
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | SkillTree</title>
-</svelte:head>
-
-<RegisterPage
-	appName="SkillTree"
-	logo={SkillTreeLogo}
-	primaryColor="#10b981"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#d1fae5"
-	darkBackground="#064e3b"
-	{translations}
-/>
diff --git a/apps/skilltree/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 5c870bd84..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { SkillTreeLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - SkillTree</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-emerald-100 to-white dark:from-emerald-950 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<SkillTreeLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #10b981">SkillTree</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #10b981"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #10b98180; border-color: #10b981"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #10b981"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #10b981"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/routes/+layout.svelte b/apps/skilltree/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index c31c53bad..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { isLoading as i18nLoading, _ as t } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { achievementStore } from '$lib/stores/achievements.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { skilltreeOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { SessionExpiredBanner, AuthGate } from '@manacore/shared-auth-ui';
-	import { skilltreeStore } from '$lib/data/local-store';
-
-	let { children } = $props();
-
-	async function handleAuthReady() {
-		// Initialize local-first database (IndexedDB via Dexie.js)
-		await skilltreeStore.initialize();
-		if (authStore.isAuthenticated) {
-			skilltreeStore.startSync(() => authStore.getValidToken());
-		}
-		// Seed achievement definitions into IndexedDB if first run
-		await achievementStore.seedIfEmpty();
-	}
-</script>
-
-<svelte:head>
-	<title>{$t('app.name')} - {$t('app.tagline')}</title>
-	<meta name="description" content="Track your skills like a game. Level up in real life." />
-</svelte:head>
-
-<AuthGate {authStore} allowGuest={true} onReady={handleAuthReady}>
-	{#if $i18nLoading}
-		<div class="flex min-h-screen items-center justify-center bg-gray-900">
-			<div class="text-center">
-				<div class="mb-4 text-6xl">🌳</div>
-				<div class="text-xl text-gray-300">Loading...</div>
-			</div>
-		</div>
-	{:else}
-		<div class="min-h-screen bg-gray-900 text-gray-100">
-			{@render children()}
-		</div>
-
-		{#if skilltreeOnboarding.shouldShow}
-			<MiniOnboardingModal store={skilltreeOnboarding} appName="SkillTree" appEmoji="🌳" />
-		{/if}
-		<SessionExpiredBanner locale="de" loginHref="/login" />
-	{/if}
-	<SyncIndicator />
-</AuthGate>
diff --git a/apps/skilltree/apps/web-archived/src/routes/+layout.ts b/apps/skilltree/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/skilltree/apps/web-archived/src/routes/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index 46eefb6ff..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,382 +0,0 @@
-<script lang="ts">
-	import { skillStore } from '$lib/stores/skills.svelte';
-	import { achievementStore } from '$lib/stores/achievements.svelte';
-	import {
-		useAllSkills,
-		useAllActivities,
-		useAllAchievements,
-		filterByBranch,
-		getRecentActivities,
-		getSkillById,
-		computeUserStats,
-	} from '$lib/data/queries';
-	import { buildAchievementStatus, getAchievementStats } from '$lib/stores/achievements.svelte';
-	import { BRANCH_INFO } from '$lib/types';
-	import type { Skill, SkillBranch, AchievementUnlockResult } from '$lib/types';
-	import SkillCard from '$lib/components/SkillCard.svelte';
-	import AddSkillModal from '$lib/components/AddSkillModal.svelte';
-	import AddXpModal from '$lib/components/AddXpModal.svelte';
-	import EditSkillModal from '$lib/components/EditSkillModal.svelte';
-	import LevelUpCelebration from '$lib/components/LevelUpCelebration.svelte';
-	import AchievementCelebration from '$lib/components/AchievementCelebration.svelte';
-	import StatsOverview from '$lib/components/StatsOverview.svelte';
-	import SkillTemplates from '$lib/components/SkillTemplates.svelte';
-	import {
-		Plus,
-		Tree,
-		Lightning,
-		DownloadSimple,
-		UploadSimple,
-		Sparkle,
-		Graph,
-		Trophy,
-	} from '@manacore/shared-icons';
-
-	// Reactive live queries — auto-update when IndexedDB changes
-	const allSkills = useAllSkills();
-	const allActivities = useAllActivities();
-	const allAchievementsRaw = useAllAchievements();
-
-	// Derived values from live queries
-	const skills = $derived(allSkills.value);
-	const activities = $derived(allActivities.value);
-	const achievements = $derived(buildAchievementStatus(allAchievementsRaw.value));
-	const achievementStats = $derived(getAchievementStats(achievements));
-	const userStats = $derived(computeUserStats(skills, activities));
-
-	// Modal states
-	let showAddSkillModal = $state(false);
-	let showAddXpModal = $state(false);
-	let showEditSkillModal = $state(false);
-	let showTemplatesModal = $state(false);
-	let selectedSkill = $state<Skill | null>(null);
-	let selectedBranch = $state<SkillBranch | 'all'>('all');
-
-	// Level up celebration
-	let showLevelUp = $state(false);
-	let levelUpSkillName = $state('');
-	let levelUpNewLevel = $state(0);
-
-	// Achievement celebration
-	let showAchievementCelebration = $state(false);
-	let currentAchievementUnlock = $state<AchievementUnlockResult | null>(null);
-
-	const filteredSkills = $derived(filterByBranch(skills, selectedBranch));
-
-	function openAddXpModal(skill: Skill) {
-		selectedSkill = skill;
-		showAddXpModal = true;
-	}
-
-	function openEditModal(skill: Skill) {
-		selectedSkill = skill;
-		showEditSkillModal = true;
-	}
-
-	function closeModals() {
-		showAddXpModal = false;
-		showEditSkillModal = false;
-		selectedSkill = null;
-	}
-
-	function triggerLevelUp(skillName: string, newLevel: number) {
-		levelUpSkillName = skillName;
-		levelUpNewLevel = newLevel;
-		showLevelUp = true;
-	}
-
-	function showNextAchievement() {
-		const next = achievementStore.popUnlockQueue();
-		if (next) {
-			currentAchievementUnlock = next;
-			showAchievementCelebration = true;
-		} else {
-			showAchievementCelebration = false;
-			currentAchievementUnlock = null;
-		}
-	}
-
-	async function checkAchievementsLocal(lastActivityXp?: number) {
-		await achievementStore.checkLocal({
-			skills,
-			activities,
-			userStats,
-			lastActivityXp,
-		});
-		showNextAchievement();
-	}
-
-	async function handleAddXp(xp: number, description: string, duration?: number) {
-		if (!selectedSkill) return;
-
-		const skillName = selectedSkill.name;
-		const result = await skillStore.addXp(selectedSkill.id, xp, description, duration);
-
-		closeModals();
-
-		if (result.leveledUp) {
-			triggerLevelUp(skillName, result.newLevel);
-		}
-
-		// Check achievements (offline mode triggers local check)
-		await checkAchievementsLocal(xp);
-	}
-
-	async function handleExport() {
-		const { exportData } = await import('$lib/services/storage');
-		const data = await exportData();
-		const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
-		const url = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = `skilltree-backup-${new Date().toISOString().split('T')[0]}.json`;
-		a.click();
-		URL.revokeObjectURL(url);
-	}
-
-	async function handleImport() {
-		const input = document.createElement('input');
-		input.type = 'file';
-		input.accept = '.json';
-		input.onchange = async (e) => {
-			const file = (e.target as HTMLInputElement).files?.[0];
-			if (!file) return;
-
-			try {
-				const text = await file.text();
-				const data = JSON.parse(text);
-				const { importData } = await import('$lib/services/storage');
-				await importData(data);
-				// Reload the store
-				window.location.reload();
-			} catch (error) {
-				console.error('Import failed:', error);
-				alert('Import fehlgeschlagen. Bitte überprüfe die Datei.');
-			}
-		};
-		input.click();
-	}
-</script>
-
-<div class="min-h-screen">
-	<!-- Header -->
-	<header class="border-b border-gray-800 bg-gray-900/80 backdrop-blur-sm sticky top-0 z-40">
-		<div class="mx-auto max-w-7xl px-4 py-4">
-			<div class="flex items-center justify-between">
-				<div class="flex items-center gap-3">
-					<Tree class="h-8 w-8 text-emerald-500" />
-					<h1 class="text-2xl font-bold text-white">SkillTree</h1>
-				</div>
-				<div class="flex items-center gap-2">
-					<!-- Achievements -->
-					<a
-						href="/achievements"
-						class="relative rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-800 hover:text-yellow-400"
-						title="Achievements"
-					>
-						<Trophy class="h-5 w-5" />
-						{#if achievementStats.unlocked > 0}
-							<span
-								class="absolute -right-0.5 -top-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-yellow-500 text-[10px] font-bold text-gray-900"
-							>
-								{achievementStats.unlocked}
-							</span>
-						{/if}
-					</a>
-					<!-- Tree View -->
-					<a
-						href="/tree"
-						class="rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-800 hover:text-emerald-400"
-						title="Skill-Tree Ansicht"
-					>
-						<Graph class="h-5 w-5" />
-					</a>
-					<!-- Templates -->
-					<button
-						onclick={() => (showTemplatesModal = true)}
-						class="rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-800 hover:text-yellow-500"
-						title="Skill-Vorlagen"
-					>
-						<Sparkle class="h-5 w-5" />
-					</button>
-					<!-- Export/Import -->
-					<button
-						onclick={handleExport}
-						class="rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-800 hover:text-white"
-						title="Daten exportieren"
-					>
-						<DownloadSimple class="h-5 w-5" />
-					</button>
-					<button
-						onclick={handleImport}
-						class="rounded-lg p-2 text-gray-400 transition-colors hover:bg-gray-800 hover:text-white"
-						title="Daten importieren"
-					>
-						<UploadSimple class="h-5 w-5" />
-					</button>
-					<!-- Add Skill -->
-					<button
-						onclick={() => (showAddSkillModal = true)}
-						class="flex items-center gap-2 rounded-lg bg-emerald-600 px-4 py-2 font-medium text-white transition-colors hover:bg-emerald-500"
-					>
-						<Plus class="h-5 w-5" />
-						<span class="hidden sm:inline">Skill hinzufügen</span>
-					</button>
-				</div>
-			</div>
-		</div>
-	</header>
-
-	<main class="mx-auto max-w-7xl px-4 py-8">
-		<!-- Stats Overview -->
-		<StatsOverview />
-
-		<!-- Branch Filter -->
-		<div class="mb-6 mt-8">
-			<div class="flex flex-wrap gap-2">
-				<button
-					onclick={() => (selectedBranch = 'all')}
-					class="rounded-full px-4 py-2 text-sm font-medium transition-colors {selectedBranch ===
-					'all'
-						? 'bg-emerald-600 text-white'
-						: 'bg-gray-800 text-gray-300 hover:bg-gray-700'}"
-				>
-					Alle ({skills.length})
-				</button>
-				{#each Object.entries(BRANCH_INFO) as [branch, info]}
-					{@const count = skills.filter((s) => s.branch === branch).length}
-					{#if count > 0 || branch !== 'custom'}
-						<button
-							onclick={() => (selectedBranch = branch as SkillBranch)}
-							class="rounded-full px-4 py-2 text-sm font-medium transition-colors {selectedBranch ===
-							branch
-								? 'bg-emerald-600 text-white'
-								: 'bg-gray-800 text-gray-300 hover:bg-gray-700'}"
-						>
-							{info.name} ({count})
-						</button>
-					{/if}
-				{/each}
-			</div>
-		</div>
-
-		<!-- Skills Grid -->
-		{#if filteredSkills.length === 0}
-			<div class="mt-16 text-center">
-				<div
-					class="mx-auto mb-6 flex h-24 w-24 items-center justify-center rounded-full bg-gray-800"
-				>
-					<Tree class="h-12 w-12 text-gray-600" />
-				</div>
-				<h2 class="mb-2 text-xl font-semibold text-gray-300">Noch keine Skills</h2>
-				<p class="mb-6 text-gray-500">Füge deinen ersten Skill hinzu und beginne dein Abenteuer!</p>
-				<button
-					onclick={() => (showAddSkillModal = true)}
-					class="inline-flex items-center gap-2 rounded-lg bg-emerald-600 px-6 py-3 font-medium text-white transition-colors hover:bg-emerald-500"
-				>
-					<Plus class="h-5 w-5" />
-					Ersten Skill erstellen
-				</button>
-			</div>
-		{:else}
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each filteredSkills as skill (skill.id)}
-					<SkillCard
-						{skill}
-						onAddXp={() => openAddXpModal(skill)}
-						onEdit={() => openEditModal(skill)}
-						onDelete={() => skillStore.deleteSkill(skill.id)}
-					/>
-				{/each}
-			</div>
-		{/if}
-
-		<!-- Recent Activity -->
-		{#if getRecentActivities(activities).length > 0}
-			<div class="mt-12">
-				<h2 class="mb-4 flex items-center gap-2 text-lg font-semibold text-white">
-					<Lightning class="h-5 w-5 text-yellow-500" />
-					Letzte Aktivitäten
-				</h2>
-				<div class="space-y-2">
-					{#each getRecentActivities(activities).slice(0, 5) as activity}
-						{@const skill = getSkillById(skills, activity.skillId)}
-						{#if skill}
-							<div class="flex items-center justify-between rounded-lg bg-gray-800/50 px-4 py-3">
-								<div class="flex items-center gap-3">
-									<div
-										class="flex h-8 w-8 items-center justify-center rounded-full bg-emerald-900/50 text-sm font-medium text-emerald-400"
-									>
-										+{activity.xpEarned}
-									</div>
-									<div>
-										<span class="font-medium text-white">{skill.name}</span>
-										<span class="text-gray-400"> - {activity.description}</span>
-									</div>
-								</div>
-								<span class="text-sm text-gray-500">
-									{new Date(activity.timestamp).toLocaleDateString('de-DE')}
-								</span>
-							</div>
-						{/if}
-					{/each}
-				</div>
-			</div>
-		{/if}
-	</main>
-</div>
-
-<!-- Modals -->
-{#if showAddSkillModal}
-	<AddSkillModal
-		onClose={() => (showAddSkillModal = false)}
-		onSave={async (skill) => {
-			await skillStore.addSkill(skill);
-			showAddSkillModal = false;
-			await checkAchievementsLocal();
-		}}
-	/>
-{/if}
-
-{#if showAddXpModal && selectedSkill}
-	<AddXpModal skill={selectedSkill} onClose={closeModals} onSave={handleAddXp} />
-{/if}
-
-{#if showEditSkillModal && selectedSkill}
-	<EditSkillModal
-		skill={selectedSkill}
-		onClose={closeModals}
-		onSave={async (updates) => {
-			if (selectedSkill) {
-				await skillStore.updateSkill(selectedSkill.id, updates);
-			}
-		}}
-		onDelete={() => {
-			if (selectedSkill) {
-				skillStore.deleteSkill(selectedSkill.id);
-			}
-		}}
-	/>
-{/if}
-
-{#if showLevelUp}
-	<LevelUpCelebration
-		skillName={levelUpSkillName}
-		newLevel={levelUpNewLevel}
-		onClose={() => (showLevelUp = false)}
-	/>
-{/if}
-
-{#if showTemplatesModal}
-	<SkillTemplates
-		onClose={() => (showTemplatesModal = false)}
-		onAddSkill={async (skill) => {
-			await skillStore.addSkill(skill);
-			await checkAchievementsLocal();
-		}}
-	/>
-{/if}
-
-{#if showAchievementCelebration && currentAchievementUnlock}
-	<AchievementCelebration result={currentAchievementUnlock} onClose={showNextAchievement} />
-{/if}
diff --git a/apps/skilltree/apps/web-archived/src/routes/achievements/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/achievements/+page.svelte
deleted file mode 100644
index bcbd0f5f6..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/achievements/+page.svelte
+++ /dev/null
@@ -1,152 +0,0 @@
-<script lang="ts">
-	import { useAllAchievements } from '$lib/data/queries';
-	import {
-		buildAchievementStatus,
-		getAchievementStats,
-		getCompletionPercentage,
-	} from '$lib/stores/achievements.svelte';
-	import { ACHIEVEMENT_CATEGORY_INFO, RARITY_INFO } from '$lib/types';
-	import type { AchievementCategory } from '$lib/types';
-	import AchievementCard from '$lib/components/AchievementCard.svelte';
-	import { ArrowLeft, Trophy, Star } from '@manacore/shared-icons';
-
-	// Reactive live query
-	const allAchievementsRaw = useAllAchievements();
-	const achievements = $derived(buildAchievementStatus(allAchievementsRaw.value));
-	const stats = $derived(getAchievementStats(achievements));
-	const completion = $derived(getCompletionPercentage(achievements));
-
-	let selectedCategory = $state<AchievementCategory | 'all'>('all');
-	let showOnlyUnlocked = $state(false);
-
-	const filteredAchievements = $derived(() => {
-		let list = achievements;
-		if (selectedCategory !== 'all') {
-			list = list.filter((a) => a.category === selectedCategory);
-		}
-		if (showOnlyUnlocked) {
-			list = list.filter((a) => a.unlocked);
-		}
-		return list.sort((a, b) => a.sortOrder - b.sortOrder);
-	});
-
-	const categoryEntries = Object.entries(ACHIEVEMENT_CATEGORY_INFO) as [
-		AchievementCategory,
-		{ name: string; icon: string },
-	][];
-</script>
-
-<div class="min-h-screen">
-	<!-- Header -->
-	<header class="border-b border-gray-800 bg-gray-900/80 backdrop-blur-sm sticky top-0 z-40">
-		<div class="mx-auto max-w-7xl px-4 py-4">
-			<div class="flex items-center justify-between">
-				<div class="flex items-center gap-3">
-					<a
-						href="/"
-						class="flex items-center gap-2 rounded-lg px-3 py-2 text-gray-400 transition-colors hover:bg-gray-800 hover:text-white"
-					>
-						<ArrowLeft class="h-5 w-5" />
-					</a>
-					<Trophy class="h-7 w-7 text-yellow-400" />
-					<h1 class="text-2xl font-bold text-white">Achievements</h1>
-				</div>
-
-				<!-- Stats badge -->
-				<div class="flex items-center gap-3">
-					<div class="flex items-center gap-2 rounded-full bg-yellow-500/10 px-4 py-2">
-						<Trophy class="h-4 w-4 text-yellow-400" />
-						<span class="font-semibold text-yellow-400">
-							{stats.unlocked} / {stats.total}
-						</span>
-					</div>
-				</div>
-			</div>
-		</div>
-	</header>
-
-	<main class="mx-auto max-w-7xl px-4 py-8">
-		<!-- Progress overview -->
-		<div class="mb-8 rounded-xl border border-gray-700 bg-gray-800/50 p-6">
-			<div class="flex items-center justify-between mb-3">
-				<h2 class="text-lg font-semibold text-white">Fortschritt</h2>
-				<span class="text-2xl font-bold text-yellow-400">{completion}%</span>
-			</div>
-			<div class="h-3 overflow-hidden rounded-full bg-gray-700">
-				<div
-					class="h-full rounded-full bg-gradient-to-r from-yellow-500 to-yellow-400 transition-all duration-500"
-					style="width: {completion}%"
-				></div>
-			</div>
-			<div class="mt-3 flex flex-wrap gap-4 text-sm">
-				{#each Object.entries(RARITY_INFO) as [rarity, info]}
-					{@const count = achievements.filter((a) => a.rarity === rarity && a.unlocked).length}
-					{@const total = achievements.filter((a) => a.rarity === rarity).length}
-					<span class="flex items-center gap-1.5 {info.color}">
-						<Star class="h-3 w-3" />
-						{info.name}: {count}/{total}
-					</span>
-				{/each}
-			</div>
-		</div>
-
-		<!-- Filters -->
-		<div class="mb-6 flex flex-wrap items-center gap-2">
-			<button
-				onclick={() => (selectedCategory = 'all')}
-				class="rounded-full px-4 py-2 text-sm font-medium transition-colors {selectedCategory ===
-				'all'
-					? 'bg-yellow-500 text-gray-900'
-					: 'bg-gray-800 text-gray-300 hover:bg-gray-700'}"
-			>
-				Alle ({achievements.length})
-			</button>
-			{#each categoryEntries as [category, info]}
-				{@const count = achievements.filter((a) => a.category === category).length}
-				<button
-					onclick={() => (selectedCategory = category)}
-					class="rounded-full px-4 py-2 text-sm font-medium transition-colors {selectedCategory ===
-					category
-						? 'bg-yellow-500 text-gray-900'
-						: 'bg-gray-800 text-gray-300 hover:bg-gray-700'}"
-				>
-					{info.name} ({count})
-				</button>
-			{/each}
-
-			<div class="ml-auto">
-				<button
-					onclick={() => (showOnlyUnlocked = !showOnlyUnlocked)}
-					class="rounded-full px-4 py-2 text-sm font-medium transition-colors {showOnlyUnlocked
-						? 'bg-yellow-500/20 text-yellow-400'
-						: 'bg-gray-800 text-gray-300 hover:bg-gray-700'}"
-				>
-					{showOnlyUnlocked ? 'Nur freigeschaltete' : 'Alle zeigen'}
-				</button>
-			</div>
-		</div>
-
-		<!-- Achievement grid -->
-		{#if filteredAchievements().length === 0}
-			<div class="mt-16 text-center">
-				<div
-					class="mx-auto mb-6 flex h-24 w-24 items-center justify-center rounded-full bg-gray-800"
-				>
-					<Trophy class="h-12 w-12 text-gray-600" />
-				</div>
-				<h2 class="mb-2 text-xl font-semibold text-gray-300">Keine Achievements gefunden</h2>
-				<p class="text-gray-500">
-					{showOnlyUnlocked
-						? 'Du hast in dieser Kategorie noch keine Achievements freigeschaltet.'
-						: 'Keine Achievements in dieser Kategorie.'}
-				</p>
-			</div>
-		{:else}
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each filteredAchievements() as achievement (achievement.id)}
-					<AchievementCard {achievement} />
-				{/each}
-			</div>
-		{/if}
-	</main>
-</div>
diff --git a/apps/skilltree/apps/web-archived/src/routes/health/+server.ts b/apps/skilltree/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 1d1cd7b64..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'skilltree-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/skilltree/apps/web-archived/src/routes/help/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/help/+page.svelte
deleted file mode 100644
index d7097f533..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getSkillTreeHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getSkillTreeHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne SkillTree kennen'
-					: 'Find answers and learn how to use SkillTree',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | SkillTree</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="SkillTree"
-	appId="skilltree"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/skilltree/apps/web-archived/src/routes/offline/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index e89183093..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="SkillTree"
-	offlineMessage="Deine Skills werden lokal gespeichert und sind offline verfügbar."
-	accentColor="#7c3aed"
-/>
diff --git a/apps/skilltree/apps/web-archived/src/routes/offline/+page.ts b/apps/skilltree/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/skilltree/apps/web-archived/src/routes/tree/+page.svelte b/apps/skilltree/apps/web-archived/src/routes/tree/+page.svelte
deleted file mode 100644
index 000befb8e..000000000
--- a/apps/skilltree/apps/web-archived/src/routes/tree/+page.svelte
+++ /dev/null
@@ -1,274 +0,0 @@
-<script lang="ts">
-	import { useAllSkills } from '$lib/data/queries';
-	import { BRANCH_INFO, LEVEL_NAMES } from '$lib/types';
-	import type { SkillBranch } from '$lib/types';
-	import { ArrowLeft, Star } from '@manacore/shared-icons';
-
-	// Reactive live query
-	const allSkills = useAllSkills();
-	const skills = $derived(allSkills.value);
-
-	// Group skills by branch for radial layout
-	const branches = Object.keys(BRANCH_INFO) as SkillBranch[];
-
-	// Calculate position for each branch (radial layout)
-	function getBranchPosition(branchIndex: number, total: number) {
-		const angle = (branchIndex / total) * 2 * Math.PI - Math.PI / 2;
-		const radius = 280;
-		return {
-			x: 400 + Math.cos(angle) * radius,
-			y: 400 + Math.sin(angle) * radius,
-			angle: (angle * 180) / Math.PI,
-		};
-	}
-
-	// Calculate skill position within a branch
-	function getSkillPosition(
-		branchIndex: number,
-		skillIndex: number,
-		skillCount: number,
-		total: number
-	) {
-		const branchAngle = (branchIndex / total) * 2 * Math.PI - Math.PI / 2;
-		const spreadAngle = 0.3; // How much skills spread within a branch
-		const baseRadius = 180;
-		const radiusStep = 60;
-
-		// Spread skills in a small arc
-		const skillAngle =
-			branchAngle +
-			(skillIndex - (skillCount - 1) / 2) * (spreadAngle / Math.max(skillCount - 1, 1));
-		const radius = baseRadius + skillIndex * radiusStep * 0.3;
-
-		return {
-			x: 400 + Math.cos(skillAngle) * radius,
-			y: 400 + Math.sin(skillAngle) * radius,
-		};
-	}
-
-	function getLevelColor(level: number): string {
-		const colors = ['#6b7280', '#3b82f6', '#8b5cf6', '#ec4899', '#f97316', '#fbbf24'];
-		return colors[level] ?? colors[0];
-	}
-
-	function getNodeSize(level: number): number {
-		return 24 + level * 6;
-	}
-</script>
-
-<svelte:head>
-	<title>Skill Tree View - SkillTree</title>
-</svelte:head>
-
-<div class="min-h-screen bg-gray-900 text-white">
-	<!-- Header -->
-	<header class="border-b border-gray-800 bg-gray-900/80 backdrop-blur-sm sticky top-0 z-40">
-		<div class="mx-auto max-w-7xl px-4 py-4">
-			<div class="flex items-center gap-4">
-				<a
-					href="/"
-					class="flex items-center gap-2 rounded-lg px-3 py-2 text-gray-400 transition-colors hover:bg-gray-800 hover:text-white"
-				>
-					<ArrowLeft class="h-5 w-5" />
-					Zurück
-				</a>
-				<h1 class="text-xl font-bold">Skill Tree Visualisierung</h1>
-			</div>
-		</div>
-	</header>
-
-	<main class="p-4">
-		{#if skills.length === 0}
-			<div class="mt-16 text-center">
-				<p class="text-gray-400">Noch keine Skills vorhanden. Erstelle zuerst einige Skills!</p>
-				<a
-					href="/"
-					class="mt-4 inline-block rounded-lg bg-emerald-600 px-4 py-2 font-medium text-white hover:bg-emerald-500"
-				>
-					Skills erstellen
-				</a>
-			</div>
-		{:else}
-			<!-- Legend -->
-			<div class="mb-6 flex flex-wrap justify-center gap-4">
-				{#each Object.entries(BRANCH_INFO) as [branch, info]}
-					{@const count = skills.filter((s) => s.branch === branch).length}
-					{#if count > 0}
-						<div class="flex items-center gap-2 rounded-full bg-gray-800 px-3 py-1.5 text-sm">
-							<span class="h-3 w-3 rounded-full" style="background-color: {info.color}"></span>
-							{info.name} ({count})
-						</div>
-					{/if}
-				{/each}
-			</div>
-
-			<!-- Tree SVG -->
-			<div class="flex justify-center overflow-auto">
-				<svg
-					viewBox="0 0 800 800"
-					class="max-w-full"
-					style="min-width: 600px; height: auto; max-height: 80vh;"
-				>
-					<!-- Background circles -->
-					<circle
-						cx="400"
-						cy="400"
-						r="120"
-						fill="none"
-						stroke="#374151"
-						stroke-width="1"
-						stroke-dasharray="4"
-					/>
-					<circle
-						cx="400"
-						cy="400"
-						r="200"
-						fill="none"
-						stroke="#374151"
-						stroke-width="1"
-						stroke-dasharray="4"
-					/>
-					<circle
-						cx="400"
-						cy="400"
-						r="280"
-						fill="none"
-						stroke="#374151"
-						stroke-width="1"
-						stroke-dasharray="4"
-					/>
-
-					<!-- Center node -->
-					<circle cx="400" cy="400" r="50" fill="#10b981" opacity="0.2" />
-					<circle cx="400" cy="400" r="40" fill="#10b981" opacity="0.4" />
-					<circle cx="400" cy="400" r="30" fill="#10b981" />
-					<text x="400" y="405" text-anchor="middle" fill="white" font-size="12" font-weight="bold">
-						YOU
-					</text>
-
-					<!-- Branch lines and labels -->
-					{#each branches as branch, i}
-						{@const pos = getBranchPosition(i, branches.length)}
-						{@const branchSkills = skills.filter((s) => s.branch === branch)}
-						{#if branchSkills.length > 0}
-							<!-- Line from center to branch -->
-							<line
-								x1="400"
-								y1="400"
-								x2={pos.x}
-								y2={pos.y}
-								stroke={BRANCH_INFO[branch].color}
-								stroke-width="2"
-								opacity="0.3"
-							/>
-
-							<!-- Branch label -->
-							<text
-								x={pos.x}
-								y={pos.y}
-								text-anchor="middle"
-								fill={BRANCH_INFO[branch].color}
-								font-size="14"
-								font-weight="bold"
-								dy="-20"
-							>
-								{BRANCH_INFO[branch].name}
-							</text>
-
-							<!-- Skills in this branch -->
-							{#each branchSkills as skill, j}
-								{@const skillPos = getSkillPosition(i, j, branchSkills.length, branches.length)}
-								{@const size = getNodeSize(skill.level)}
-
-								<!-- Connection line -->
-								<line
-									x1="400"
-									y1="400"
-									x2={skillPos.x}
-									y2={skillPos.y}
-									stroke={BRANCH_INFO[branch].color}
-									stroke-width="1"
-									opacity="0.2"
-								/>
-
-								<!-- Skill node -->
-								<g
-									class="tree-node cursor-pointer"
-									transform="translate({skillPos.x}, {skillPos.y})"
-								>
-									<!-- Glow effect for high level -->
-									{#if skill.level >= 4}
-										<circle
-											r={size + 8}
-											fill={getLevelColor(skill.level)}
-											opacity="0.2"
-											class="animate-pulse"
-										/>
-									{/if}
-
-									<!-- Node background -->
-									<circle
-										r={size}
-										fill="#1f2937"
-										stroke={getLevelColor(skill.level)}
-										stroke-width="3"
-									/>
-
-									<!-- Level indicator -->
-									<text
-										text-anchor="middle"
-										dy="5"
-										fill={getLevelColor(skill.level)}
-										font-size="14"
-										font-weight="bold"
-									>
-										{skill.level}
-									</text>
-
-									<!-- Skill name (on hover/always for important skills) -->
-									<title>{skill.name} (Level {skill.level} - {skill.totalXp} XP)</title>
-								</g>
-
-								<!-- Skill label -->
-								<text
-									x={skillPos.x}
-									y={skillPos.y + size + 16}
-									text-anchor="middle"
-									fill="#9ca3af"
-									font-size="10"
-									class="pointer-events-none"
-								>
-									{skill.name.length > 12 ? skill.name.slice(0, 12) + '...' : skill.name}
-								</text>
-							{/each}
-						{/if}
-					{/each}
-				</svg>
-			</div>
-
-			<!-- Level Legend -->
-			<div class="mt-8 flex flex-wrap justify-center gap-4">
-				{#each LEVEL_NAMES as name, level}
-					<div class="flex items-center gap-2 text-sm">
-						<div
-							class="flex h-6 w-6 items-center justify-center rounded-full border-2 text-xs font-bold"
-							style="border-color: {getLevelColor(level)}; color: {getLevelColor(level)}"
-						>
-							{level}
-						</div>
-						<span class="text-gray-400">{name}</span>
-					</div>
-				{/each}
-			</div>
-		{/if}
-	</main>
-</div>
-
-<style>
-	.tree-node {
-		transition: transform 0.2s ease;
-	}
-	.tree-node:hover {
-		transform: scale(1.15);
-	}
-</style>
diff --git a/apps/skilltree/apps/web-archived/src/test/setup.ts b/apps/skilltree/apps/web-archived/src/test/setup.ts
deleted file mode 100644
index 7c13569ef..000000000
--- a/apps/skilltree/apps/web-archived/src/test/setup.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// Test setup file
-import { vi } from 'vitest';
-
-// Mock crypto.randomUUID for tests
-if (typeof crypto === 'undefined') {
-	global.crypto = {
-		randomUUID: () => 'test-uuid-' + Math.random().toString(36).substr(2, 9),
-	} as Crypto;
-}
diff --git a/apps/skilltree/apps/web-archived/svelte.config.js b/apps/skilltree/apps/web-archived/svelte.config.js
deleted file mode 100644
index ba4d67816..000000000
--- a/apps/skilltree/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-		prerender: {
-			handleHttpError: ({ path, message }) => {
-				if (path === '/favicon.png') return;
-				throw new Error(message);
-			},
-		},
-	},
-};
-
-export default config;
diff --git a/apps/skilltree/apps/web-archived/tsconfig.json b/apps/skilltree/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/skilltree/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/skilltree/apps/web-archived/vite.config.ts b/apps/skilltree/apps/web-archived/vite.config.ts
deleted file mode 100644
index 23ac0a5f9..000000000
--- a/apps/skilltree/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'SkillTree - Skills',
-				shortName: 'SkillTree',
-				description: 'Skill-Tracking und Entwicklung',
-				themeColor: '#8b5cf6',
-			})
-		),
-	],
-	server: {
-		port: 5195,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/skilltree/apps/web-archived/vitest.config.ts b/apps/skilltree/apps/web-archived/vitest.config.ts
deleted file mode 100644
index 0608bf0c4..000000000
--- a/apps/skilltree/apps/web-archived/vitest.config.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import { svelte } from '@sveltejs/vite-plugin-svelte';
-import { resolve } from 'path';
-
-export default defineConfig({
-	plugins: [svelte({ hot: !process.env.VITEST })],
-	test: {
-		include: ['src/**/*.{test,spec}.{js,ts}'],
-		globals: true,
-		environment: 'jsdom',
-		setupFiles: ['./src/test/setup.ts'],
-	},
-	resolve: {
-		alias: {
-			$lib: resolve('./src/lib'),
-		},
-	},
-});
diff --git a/apps/storage/apps/web-archived/Dockerfile b/apps/storage/apps/web-archived/Dockerfile
deleted file mode 100644
index 805d07543..000000000
--- a/apps/storage/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,32 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://storage-server
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/storage/packages/shared ./apps/storage/packages/shared
-COPY apps/storage/apps/web ./apps/storage/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/storage/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/storage/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/storage/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/storage/apps/web/build ./build
-COPY --from=builder /app/apps/storage/apps/web/package.json ./
-
-EXPOSE 5023
-ENV NODE_ENV=production PORT=5023 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5023/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/storage/apps/web-archived/e2e/auth.spec.ts b/apps/storage/apps/web-archived/e2e/auth.spec.ts
deleted file mode 100644
index 1e05344af..000000000
--- a/apps/storage/apps/web-archived/e2e/auth.spec.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-// Auth tests run WITHOUT storageState (unauthenticated)
-
-// Helper: wait for the app to finish loading (skeleton disappears)
-async function waitForAppReady(page: import('@playwright/test').Page) {
-	// The root layout shows a loading spinner until auth initializes
-	// Wait for it to disappear and the actual page content to render
-	await page.waitForFunction(
-		() => {
-			// Check if loading skeleton is gone
-			const skeleton = document.querySelector('.app-loading-skeleton, [data-skeleton]');
-			return !skeleton || skeleton.children.length === 0;
-		},
-		{ timeout: 30000 }
-	);
-	// Give Svelte time to render
-	await page.waitForTimeout(500);
-}
-
-test.describe('Authentication', () => {
-	test('login page renders with email and password fields', async ({ page }) => {
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		// LoginPage uses id="email" and id="password" (from shared-auth-ui)
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email');
-		const passwordInput = page.locator('input[type="password"], input[name="password"], #password');
-
-		await expect(emailInput.first()).toBeVisible({ timeout: 10000 });
-		await expect(passwordInput.first()).toBeVisible({ timeout: 5000 });
-		await expect(page.locator('button[type="submit"]')).toBeVisible();
-	});
-
-	test('invalid credentials show error message', async ({ page }) => {
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-		const passwordInput = page
-			.locator('input[type="password"], input[name="password"], #password')
-			.first();
-
-		await emailInput.fill('nonexistent@test.local');
-		await passwordInput.fill('WrongPassword123!');
-		await page.locator('button[type="submit"]').click();
-
-		// Error alert should appear
-		const errorAlert = page.locator('#form-error, [role="alert"]');
-		await expect(errorAlert.first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('unauthenticated access to /files redirects to /login', async ({ page }) => {
-		await page.goto('/files');
-
-		// The app layout's onMount redirects unauthenticated users to /login
-		await page.waitForURL(/\/login/, { timeout: 30000 });
-	});
-});
diff --git a/apps/storage/apps/web-archived/e2e/files.spec.ts b/apps/storage/apps/web-archived/e2e/files.spec.ts
deleted file mode 100644
index 9e4355b01..000000000
--- a/apps/storage/apps/web-archived/e2e/files.spec.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-// Helper: wait for the app to finish loading
-async function waitForAppReady(page: import('@playwright/test').Page) {
-	await page.waitForFunction(
-		() => {
-			const skeleton = document.querySelector('.app-loading-skeleton, [data-skeleton]');
-			return !skeleton || skeleton.children.length === 0;
-		},
-		{ timeout: 30000 }
-	);
-	await page.waitForTimeout(500);
-}
-
-test.describe('File Management', () => {
-	test('root page (/) redirects to /files', async ({ page }) => {
-		await page.goto('/');
-
-		// The root +page.svelte does goto('/files') on mount
-		await page.waitForURL(/\/files/, { timeout: 15000 });
-	});
-
-	test('files page shows "Meine Dateien" heading', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		const heading = page.locator('h1', { hasText: 'Meine Dateien' });
-		await expect(heading).toBeVisible({ timeout: 10000 });
-	});
-
-	test('files page has view toggle buttons (grid/list)', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		const gridButton = page.locator('button[aria-label="Rasteransicht"]');
-		const listButton = page.locator('button[aria-label="Listenansicht"]');
-
-		await expect(gridButton).toBeVisible({ timeout: 10000 });
-		await expect(listButton).toBeVisible();
-	});
-
-	test('files page has "Hochladen" and "Neuer Ordner" buttons', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		const uploadButton = page.locator('button', { hasText: 'Hochladen' });
-		const newFolderButton = page.locator('button', { hasText: 'Neuer Ordner' });
-
-		await expect(uploadButton).toBeVisible({ timeout: 10000 });
-		await expect(newFolderButton).toBeVisible();
-	});
-
-	test('clicking "Neuer Ordner" opens modal with name input', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		// Click the "Neuer Ordner" button
-		const newFolderButton = page.locator('button', { hasText: 'Neuer Ordner' }).first();
-		await newFolderButton.click();
-
-		// Modal should appear with role="dialog"
-		const modal = page.locator('[role="dialog"]');
-		await expect(modal).toBeVisible({ timeout: 5000 });
-
-		// Modal should have the title "Neuer Ordner"
-		const modalTitle = page.locator('#modal-title');
-		await expect(modalTitle).toHaveText('Neuer Ordner');
-
-		// Modal should have a folder name input
-		const nameInput = page.locator('#folder-name');
-		await expect(nameInput).toBeVisible();
-		await expect(nameInput).toHaveAttribute('type', 'text');
-
-		// Modal should have a submit button
-		const createButton = page.locator('[role="dialog"] button[type="submit"]');
-		await expect(createButton).toBeVisible();
-		await expect(createButton).toHaveText('Erstellen');
-	});
-
-	test('empty state shows upload prompt', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		// When no files exist, the empty state should show
-		// It may show loading first, then empty state or file list
-		// We check for either empty state or file content
-		const emptyState = page.locator('.empty-state');
-		const fileContent = page.locator('.files-page');
-
-		await expect(fileContent).toBeVisible({ timeout: 10000 });
-
-		// If empty state is visible, verify its content
-		if (await emptyState.isVisible()) {
-			const emptyHeading = page.locator('.empty-state h2', { hasText: 'Noch keine Dateien' });
-			await expect(emptyHeading).toBeVisible();
-
-			const emptyText = page.locator('.empty-state p', {
-				hasText: 'Lade deine ersten Dateien hoch',
-			});
-			await expect(emptyText).toBeVisible();
-		}
-	});
-
-	test('view toggle switches between grid and list view', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		const gridButton = page.locator('button[aria-label="Rasteransicht"]');
-		const listButton = page.locator('button[aria-label="Listenansicht"]');
-
-		// Click list view button
-		await listButton.click();
-		await expect(listButton).toHaveClass(/active/);
-
-		// Click grid view button
-		await gridButton.click();
-		await expect(gridButton).toHaveClass(/active/);
-	});
-});
diff --git a/apps/storage/apps/web-archived/e2e/integration.spec.ts b/apps/storage/apps/web-archived/e2e/integration.spec.ts
deleted file mode 100644
index f1ee1ca2a..000000000
--- a/apps/storage/apps/web-archived/e2e/integration.spec.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-/**
- * Integration E2E tests that require a running backend.
- *
- * Prerequisites:
- *   pnpm dev:storage:app  (starts backend + web)
- *
- * These tests verify real API interactions through the UI.
- * Skip in CI unless backend is available.
- */
-
-const BACKEND_URL = process.env.BACKEND_URL || 'http://localhost:3016';
-
-async function waitForAppReady(page: import('@playwright/test').Page) {
-	await page.waitForFunction(
-		() => {
-			const skeleton = document.querySelector('.app-loading-skeleton, [data-skeleton]');
-			return !skeleton || skeleton.children.length === 0;
-		},
-		{ timeout: 30000 }
-	);
-	await page.waitForTimeout(500);
-}
-
-async function isBackendAvailable(): Promise<boolean> {
-	try {
-		const res = await fetch(`${BACKEND_URL}/api/v1/health`);
-		return res.ok;
-	} catch {
-		return false;
-	}
-}
-
-test.describe('Integration: File Operations', () => {
-	test.beforeAll(async () => {
-		const available = await isBackendAvailable();
-		if (!available) {
-			test.skip();
-		}
-	});
-
-	test('create folder via UI', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		// Open new folder modal
-		const newFolderBtn = page.locator('button', { hasText: 'Neuer Ordner' }).first();
-		await newFolderBtn.click();
-
-		// Fill in folder name
-		const modal = page.locator('[role="dialog"]');
-		await expect(modal).toBeVisible({ timeout: 5000 });
-
-		const nameInput = page.locator('#folder-name');
-		const testFolderName = `Test-Ordner-${Date.now()}`;
-		await nameInput.fill(testFolderName);
-
-		// Submit
-		const createBtn = page.locator('[role="dialog"] button[type="submit"]');
-		await createBtn.click();
-
-		// Verify folder appears
-		await expect(page.locator(`text=${testFolderName}`)).toBeVisible({ timeout: 10000 });
-	});
-
-	test('upload file via drag zone', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		// Click upload button to show upload zone
-		const uploadBtn = page.locator('button', { hasText: 'Hochladen' }).first();
-		await uploadBtn.click();
-
-		// Upload zone should be visible
-		const uploadZone = page.locator('.upload-zone, [class*="upload"]');
-		await expect(uploadZone.first()).toBeVisible({ timeout: 5000 });
-
-		// Create a test file and upload it via the file input
-		const fileInput = page.locator('input[type="file"]');
-		if (await fileInput.isVisible()) {
-			const testContent = Buffer.from('Hello from Playwright E2E test');
-			await fileInput.setInputFiles({
-				name: `test-${Date.now()}.txt`,
-				mimeType: 'text/plain',
-				buffer: testContent,
-			});
-
-			// Wait for upload to complete
-			await page.waitForTimeout(2000);
-		}
-	});
-
-	test('search returns results for existing content', async ({ page }) => {
-		await page.goto('/search');
-		await waitForAppReady(page);
-
-		const searchInput = page.locator('input[type="search"], input[placeholder*="Suche"]').first();
-		await expect(searchInput).toBeVisible({ timeout: 10000 });
-
-		// Search for a common term
-		await searchInput.fill('test');
-		await searchInput.press('Enter');
-
-		// Wait for results or no-results message
-		await page.waitForTimeout(2000);
-
-		// Either results appear or "Keine Ergebnisse"
-		const hasResults = await page.locator('.file-card, .file-row, .folder-card').count();
-		const noResults = await page.locator('text=Keine Ergebnisse').isVisible();
-		expect(hasResults > 0 || noResults).toBeTruthy();
-	});
-
-	test('file preview modal opens on click', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		// If there are files, click the first one
-		const fileCard = page.locator('.file-card').first();
-		if (await fileCard.isVisible({ timeout: 3000 }).catch(() => false)) {
-			await fileCard.click();
-
-			// Preview modal should open
-			const modal = page.locator('[role="dialog"]');
-			await expect(modal).toBeVisible({ timeout: 5000 });
-
-			// Modal should have file details
-			await expect(page.locator('.file-details, .detail-row')).toBeVisible({ timeout: 3000 });
-		}
-	});
-
-	test('share modal opens from file actions', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		const fileCard = page.locator('.file-card').first();
-		if (await fileCard.isVisible({ timeout: 3000 }).catch(() => false)) {
-			// Click file to open preview
-			await fileCard.click();
-			await page.waitForTimeout(500);
-
-			// Click share button in modal
-			const shareBtn = page.locator('button', { hasText: 'Teilen' }).first();
-			if (await shareBtn.isVisible()) {
-				await shareBtn.click();
-
-				// Share modal should appear
-				await expect(page.locator('text=Link erstellen')).toBeVisible({ timeout: 5000 });
-			}
-		}
-	});
-
-	test('trash page loads', async ({ page }) => {
-		await page.goto('/trash');
-		await waitForAppReady(page);
-
-		// Should show either empty trash or list of items
-		const heading = page.locator('h1', { hasText: 'Papierkorb' });
-		await expect(heading).toBeVisible({ timeout: 10000 });
-	});
-
-	test('favorites page loads', async ({ page }) => {
-		await page.goto('/favorites');
-		await waitForAppReady(page);
-
-		const heading = page.locator('h1', { hasText: 'Favoriten' });
-		await expect(heading).toBeVisible({ timeout: 10000 });
-	});
-
-	test('settings page shows real storage usage', async ({ page }) => {
-		await page.goto('/settings');
-		await waitForAppReady(page);
-
-		// Storage section should show real data (not "2.5 GB")
-		const storageSection = page.locator('text=Speicherplatz');
-		await expect(storageSection).toBeVisible({ timeout: 10000 });
-
-		// Should show "von 10 GB verwendet"
-		await expect(page.locator('text=von 10 GB verwendet')).toBeVisible({ timeout: 5000 });
-	});
-});
diff --git a/apps/storage/apps/web-archived/e2e/navigation.spec.ts b/apps/storage/apps/web-archived/e2e/navigation.spec.ts
deleted file mode 100644
index 316a8ee50..000000000
--- a/apps/storage/apps/web-archived/e2e/navigation.spec.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-// Helper: wait for the app to finish loading
-async function waitForAppReady(page: import('@playwright/test').Page) {
-	await page.waitForFunction(
-		() => {
-			const skeleton = document.querySelector('.app-loading-skeleton, [data-skeleton]');
-			return !skeleton || skeleton.children.length === 0;
-		},
-		{ timeout: 30000 }
-	);
-	await page.waitForTimeout(500);
-}
-
-test.describe('Navigation', () => {
-	test('all nav items exist: Dateien, Geteilt, Favoriten, Papierkorb, Suche', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		// The PillNavigation renders navigation links
-		const navItems = ['Dateien', 'Geteilt', 'Favoriten', 'Papierkorb', 'Suche'];
-
-		for (const label of navItems) {
-			const navLink = page.locator(`a, button`, { hasText: label }).first();
-			await expect(navLink).toBeVisible({ timeout: 10000 });
-		}
-	});
-
-	test('clicking navigation items changes URL', async ({ page }) => {
-		await page.goto('/files');
-		await waitForAppReady(page);
-
-		// Navigate to Favoriten
-		const favoritesLink = page.locator('a[href="/favorites"]').first();
-		await favoritesLink.click();
-		await expect(page).toHaveURL(/\/favorites/);
-
-		// Navigate to Papierkorb
-		const trashLink = page.locator('a[href="/trash"]').first();
-		await trashLink.click();
-		await expect(page).toHaveURL(/\/trash/);
-
-		// Navigate to Suche
-		const searchLink = page.locator('a[href="/search"]').first();
-		await searchLink.click();
-		await expect(page).toHaveURL(/\/search/);
-
-		// Navigate back to Dateien
-		const filesLink = page.locator('a[href="/files"]').first();
-		await filesLink.click();
-		await expect(page).toHaveURL(/\/files/);
-	});
-
-	test('search page has search input', async ({ page }) => {
-		await page.goto('/search');
-		await waitForAppReady(page);
-
-		const searchInput = page.locator('input[type="search"]');
-		await expect(searchInput).toBeVisible({ timeout: 10000 });
-		await expect(searchInput).toHaveAttribute('placeholder', 'Dateien und Ordner durchsuchen...');
-	});
-
-	test('trash page shows "Papierkorb" heading', async ({ page }) => {
-		await page.goto('/trash');
-		await waitForAppReady(page);
-
-		const heading = page.locator('h1', { hasText: 'Papierkorb' });
-		await expect(heading).toBeVisible({ timeout: 10000 });
-	});
-
-	test('settings page loads', async ({ page }) => {
-		await page.goto('/settings');
-		await waitForAppReady(page);
-
-		// The settings page has a title "Einstellungen"
-		const heading = page.getByText('Einstellungen', { exact: false }).first();
-		await expect(heading).toBeVisible({ timeout: 10000 });
-	});
-
-	test('offline page renders correctly', async ({ page }) => {
-		await page.goto('/offline');
-
-		// The offline page shows either "Du bist offline" or "Verbindung wiederhergestellt"
-		// Since we are connected during tests, it may redirect
-		// But we can check the page title
-		await expect(page).toHaveTitle(/Offline - Storage/);
-
-		// The page should contain the offline heading or redirect message
-		const offlineHeading = page.locator('h1');
-		await expect(offlineHeading).toBeVisible({ timeout: 10000 });
-
-		// Should show one of the expected texts
-		const headingText = await offlineHeading.textContent();
-		expect(
-			headingText === 'Du bist offline' || headingText === 'Verbindung wiederhergestellt!'
-		).toBeTruthy();
-	});
-});
diff --git a/apps/storage/apps/web-archived/e2e/search.spec.ts b/apps/storage/apps/web-archived/e2e/search.spec.ts
deleted file mode 100644
index 03af770e2..000000000
--- a/apps/storage/apps/web-archived/e2e/search.spec.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-// Helper: wait for the app to finish loading
-async function waitForAppReady(page: import('@playwright/test').Page) {
-	await page.waitForFunction(
-		() => {
-			const skeleton = document.querySelector('.app-loading-skeleton, [data-skeleton]');
-			return !skeleton || skeleton.children.length === 0;
-		},
-		{ timeout: 30000 }
-	);
-	await page.waitForTimeout(500);
-}
-
-test.describe('Search', () => {
-	test('search page renders with input field', async ({ page }) => {
-		await page.goto('/search');
-		await waitForAppReady(page);
-
-		// Page heading
-		const heading = page.locator('h1', { hasText: 'Suche' });
-		await expect(heading).toBeVisible({ timeout: 10000 });
-
-		// Search input field
-		const searchInput = page.locator('input[type="search"]');
-		await expect(searchInput).toBeVisible();
-	});
-
-	test('search input has correct type="search"', async ({ page }) => {
-		await page.goto('/search');
-		await waitForAppReady(page);
-
-		const searchInput = page.locator('input[type="search"]');
-		await expect(searchInput).toBeVisible({ timeout: 10000 });
-		await expect(searchInput).toHaveAttribute('type', 'search');
-		await expect(searchInput).toHaveAttribute('aria-label', 'Dateien und Ordner durchsuchen');
-	});
-
-	test('empty search shows initial state message', async ({ page }) => {
-		await page.goto('/search');
-		await waitForAppReady(page);
-
-		// When no search has been performed, the initial state should show
-		const initialMessage = page.locator('.empty-state h2', {
-			hasText: 'Dateien durchsuchen',
-		});
-		await expect(initialMessage).toBeVisible({ timeout: 10000 });
-
-		const hintText = page.locator('.empty-state p', {
-			hasText: 'Gib einen Suchbegriff ein',
-		});
-		await expect(hintText).toBeVisible();
-	});
-
-	test('search button exists and is disabled when input is empty', async ({ page }) => {
-		await page.goto('/search');
-		await waitForAppReady(page);
-
-		// The search bar has a submit button
-		const searchButton = page.locator('.search-bar button', { hasText: 'Suchen' });
-		await expect(searchButton).toBeVisible({ timeout: 10000 });
-
-		// Button should be disabled when input is empty
-		await expect(searchButton).toBeDisabled();
-
-		// Type something into the search input
-		const searchInput = page.locator('input[type="search"]');
-		await searchInput.fill('test query');
-
-		// Button should now be enabled
-		await expect(searchButton).toBeEnabled();
-
-		// Clear the input
-		await searchInput.fill('');
-
-		// Button should be disabled again
-		await expect(searchButton).toBeDisabled();
-	});
-});
diff --git a/apps/storage/apps/web-archived/eslint.config.js b/apps/storage/apps/web-archived/eslint.config.js
deleted file mode 100644
index f0e51b62e..000000000
--- a/apps/storage/apps/web-archived/eslint.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-check
-import {
-	baseConfig,
-	typescriptConfig,
-	svelteConfig,
-	prettierConfig,
-} from '@manacore/eslint-config';
-
-export default [
-	{
-		ignores: ['dist/**', '.svelte-kit/**', 'node_modules/**'],
-	},
-	...baseConfig,
-	...typescriptConfig,
-	...svelteConfig,
-	...prettierConfig,
-];
diff --git a/apps/storage/apps/web-archived/package.json b/apps/storage/apps/web-archived/package.json
deleted file mode 100644
index a0eed7d1e..000000000
--- a/apps/storage/apps/web-archived/package.json
+++ /dev/null
@@ -1,64 +0,0 @@
-{
-	"name": "@storage/web",
-	"version": "0.2.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"test": "vitest run",
-		"test:watch": "vitest",
-		"test:e2e": "playwright test",
-		"test:e2e:ui": "playwright test --ui"
-	},
-	"devDependencies": {
-		"@testing-library/svelte": "^5.2.0",
-		"jsdom": "^26.1.0",
-		"vitest": "^3.2.1",
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/storage/apps/web-archived/playwright.config.ts b/apps/storage/apps/web-archived/playwright.config.ts
deleted file mode 100644
index fbce03f7b..000000000
--- a/apps/storage/apps/web-archived/playwright.config.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-	testDir: './e2e',
-	fullyParallel: true,
-	forbidOnly: !!process.env.CI,
-	retries: process.env.CI ? 2 : 0,
-	workers: 1,
-	reporter: process.env.CI ? [['github'], ['html', { open: 'never' }]] : [['html']],
-
-	use: {
-		baseURL: 'http://localhost:5185',
-		trace: 'on-first-retry',
-		screenshot: 'only-on-failure',
-		video: 'retain-on-failure',
-		actionTimeout: 10000,
-		navigationTimeout: 30000,
-	},
-
-	timeout: 60000,
-	expect: { timeout: 5000 },
-
-	projects: process.env.CI
-		? [
-				{ name: 'chromium', use: { ...devices['Desktop Chrome'] } },
-				{ name: 'firefox', use: { ...devices['Desktop Firefox'] } },
-				{ name: 'webkit', use: { ...devices['Desktop Safari'] } },
-			]
-		: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
-
-	webServer: {
-		command: 'pnpm run build && pnpm run preview --port 5185',
-		port: 5185,
-		reuseExistingServer: !process.env.CI,
-		timeout: 120000,
-	},
-
-	outputDir: 'test-results/',
-});
diff --git a/apps/storage/apps/web-archived/scripts/generate-icons.mjs b/apps/storage/apps/web-archived/scripts/generate-icons.mjs
deleted file mode 100644
index a681ee265..000000000
--- a/apps/storage/apps/web-archived/scripts/generate-icons.mjs
+++ /dev/null
@@ -1,21 +0,0 @@
-#!/usr/bin/env node
-import { readFileSync } from 'fs';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const staticDir = join(__dirname, '..', 'static');
-const sizes = [
-	{ name: 'favicon.png', size: 32 },
-	{ name: 'pwa-192x192.png', size: 192 },
-	{ name: 'pwa-512x512.png', size: 512 },
-	{ name: 'apple-touch-icon.png', size: 180 },
-];
-async function generateIcons() {
-	const sharp = (await import('sharp')).default;
-	const svgBuffer = readFileSync(join(staticDir, 'favicon.svg'));
-	for (const { name, size } of sizes) {
-		await sharp(svgBuffer).resize(size, size).png().toFile(join(staticDir, name));
-		console.log(`Generated: ${name} (${size}x${size})`);
-	}
-}
-generateIcons();
diff --git a/apps/storage/apps/web-archived/src/app.css b/apps/storage/apps/web-archived/src/app.css
deleted file mode 100644
index 95f3aac1a..000000000
--- a/apps/storage/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,9 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-@source "../../../../packages/shared-theme-ui/src";
-@source "../../../../packages/shared-feedback-ui/src";
diff --git a/apps/storage/apps/web-archived/src/app.d.ts b/apps/storage/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/storage/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/storage/apps/web-archived/src/app.html b/apps/storage/apps/web-archived/src/app.html
deleted file mode 100644
index 46d92dd7e..000000000
--- a/apps/storage/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
-
-		<!-- PWA Meta Tags -->
-		<meta name="theme-color" content="#06b6d4" />
-		<meta name="application-name" content="Storage" />
-		<meta name="description" content="Storage - Dein sicherer Cloud-Speicher für Dateien, Ordner und mehr." />
-
-		<!-- PWA/iOS Meta Tags -->
-		<meta name="mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<meta name="apple-mobile-web-app-title" content="Storage" />
-		<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" />
-
-		<!-- Favicon -->
-		<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/favicon.svg" />
-		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon.png" />
-		<meta property="og:type" content="website" />
-		<meta property="og:title" content="Storage - Cloud Drive" />
-		<meta property="og:description" content="Dein sicherer Cloud-Speicher für Dateien, Ordner und mehr." />
-		<meta property="og:site_name" content="Storage" />
-		<title>Storage - Cloud Drive</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/storage/apps/web-archived/src/hooks.client.ts b/apps/storage/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index b529a520b..000000000
--- a/apps/storage/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'storage-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/storage/apps/web-archived/src/hooks.server.ts b/apps/storage/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index e19c80e25..000000000
--- a/apps/storage/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Adds security headers
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT ||
-	process.env.PUBLIC_MANA_CORE_AUTH_URL ||
-	'http://localhost:3001';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT ||
-	process.env.PUBLIC_BACKEND_URL ||
-	'http://localhost:3016';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/storage/apps/web-archived/src/lib/api/client-integration.test.ts b/apps/storage/apps/web-archived/src/lib/api/client-integration.test.ts
deleted file mode 100644
index ace24e1ee..000000000
--- a/apps/storage/apps/web-archived/src/lib/api/client-integration.test.ts
+++ /dev/null
@@ -1,676 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock shared-api-client
-const mockGet = vi.fn();
-const mockPost = vi.fn();
-const mockPatch = vi.fn();
-const mockDelete = vi.fn();
-const mockPut = vi.fn();
-const mockUpload = vi.fn();
-
-vi.mock('@manacore/shared-api-client', () => ({
-	createApiClient: () => ({
-		get: mockGet,
-		post: mockPost,
-		patch: mockPatch,
-		delete: mockDelete,
-		put: mockPut,
-		upload: mockUpload,
-	}),
-}));
-
-const mockGetAccessToken = vi.fn().mockResolvedValue('test-token');
-
-vi.mock('$lib/stores/auth.svelte', () => ({
-	authStore: {
-		getAccessToken: mockGetAccessToken,
-	},
-}));
-
-// Mock global fetch for download tests
-const mockFetch = vi.fn();
-vi.stubGlobal('fetch', mockFetch);
-
-// Import after mocks are set up
-const { filesApi, foldersApi, sharesApi, tagsApi, trashApi, searchApi } = await import('./client');
-
-beforeEach(() => {
-	vi.clearAllMocks();
-	mockGetAccessToken.mockResolvedValue('test-token');
-});
-
-// ---------------------------------------------------------------------------
-// Helpers: reusable factory data
-// ---------------------------------------------------------------------------
-
-function makeFile(overrides: Record<string, unknown> = {}) {
-	return {
-		id: 'file-1',
-		userId: 'user-1',
-		name: 'document.pdf',
-		originalName: 'document.pdf',
-		mimeType: 'application/pdf',
-		size: 102400,
-		storagePath: '/user-1/document.pdf',
-		storageKey: 'user-1/document.pdf',
-		parentFolderId: null,
-		currentVersion: 1,
-		isFavorite: false,
-		isDeleted: false,
-		deletedAt: null,
-		createdAt: '2026-01-01T00:00:00Z',
-		updatedAt: '2026-01-01T00:00:00Z',
-		...overrides,
-	};
-}
-
-function makeFolder(overrides: Record<string, unknown> = {}) {
-	return {
-		id: 'folder-1',
-		userId: 'user-1',
-		name: 'Documents',
-		description: null,
-		color: null,
-		parentFolderId: null,
-		path: '/Documents',
-		depth: 0,
-		isFavorite: false,
-		isDeleted: false,
-		deletedAt: null,
-		createdAt: '2026-01-01T00:00:00Z',
-		updatedAt: '2026-01-01T00:00:00Z',
-		...overrides,
-	};
-}
-
-function makeShare(overrides: Record<string, unknown> = {}) {
-	return {
-		id: 'share-1',
-		userId: 'user-1',
-		fileId: 'file-1',
-		folderId: null,
-		shareType: 'file',
-		shareToken: 'abc123token',
-		accessLevel: 'view',
-		password: null,
-		maxDownloads: null,
-		downloadCount: 0,
-		expiresAt: null,
-		isActive: true,
-		createdAt: '2026-01-01T00:00:00Z',
-		...overrides,
-	};
-}
-
-function makeTag(overrides: Record<string, unknown> = {}) {
-	return {
-		id: 'tag-1',
-		userId: 'user-1',
-		name: 'Important',
-		color: '#ff0000',
-		createdAt: '2026-01-01T00:00:00Z',
-		...overrides,
-	};
-}
-
-// ---------------------------------------------------------------------------
-// 1. File upload flow
-// ---------------------------------------------------------------------------
-
-describe('File upload flow', () => {
-	it('creates FormData with file only when no folderId is provided', async () => {
-		const uploadedFile = makeFile({ name: 'photo.jpg', mimeType: 'image/jpeg' });
-		mockUpload.mockResolvedValue({ data: uploadedFile });
-
-		const file = new File(['binary-content'], 'photo.jpg', { type: 'image/jpeg' });
-		const result = await filesApi.upload(file);
-
-		expect(mockUpload).toHaveBeenCalledTimes(1);
-		const [endpoint, formData] = mockUpload.mock.calls[0];
-		expect(endpoint).toBe('/files/upload');
-		expect(formData).toBeInstanceOf(FormData);
-		expect(formData.get('file')).toBe(file);
-		expect(formData.get('parentFolderId')).toBeNull();
-		expect(result.data).toEqual(uploadedFile);
-		expect(result.error).toBeUndefined();
-	});
-
-	it('creates FormData with file and folderId when folderId is provided', async () => {
-		const uploadedFile = makeFile({ parentFolderId: 'folder-1' });
-		mockUpload.mockResolvedValue({ data: uploadedFile });
-
-		const file = new File(['data'], 'report.pdf', { type: 'application/pdf' });
-		const result = await filesApi.upload(file, 'folder-1');
-
-		const [, formData] = mockUpload.mock.calls[0];
-		expect(formData.get('file')).toBe(file);
-		expect(formData.get('parentFolderId')).toBe('folder-1');
-		expect(result.data).toEqual(uploadedFile);
-	});
-
-	it('returns error when upload fails', async () => {
-		mockUpload.mockResolvedValue({ error: { message: 'File too large' } });
-
-		const file = new File(['x'.repeat(200)], 'huge.bin');
-		const result = await filesApi.upload(file);
-
-		expect(result.error).toBe('File too large');
-		expect(result.data).toBeUndefined();
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 2. File download
-// ---------------------------------------------------------------------------
-
-describe('File download', () => {
-	it('fetches blob with correct auth header', async () => {
-		const blobData = new Blob(['file-content'], { type: 'text/plain' });
-		mockFetch.mockResolvedValue({
-			ok: true,
-			blob: () => Promise.resolve(blobData),
-		});
-
-		const result = await filesApi.download('file-1');
-
-		expect(mockFetch).toHaveBeenCalledWith('http://localhost:3016/api/v1/files/file-1/download', {
-			headers: { Authorization: 'Bearer test-token' },
-		});
-		expect(result).toBeInstanceOf(Blob);
-		expect(result).toBe(blobData);
-	});
-
-	it('returns null when response is not ok', async () => {
-		mockFetch.mockResolvedValue({
-			ok: false,
-			status: 404,
-		});
-
-		const result = await filesApi.download('missing-file');
-
-		expect(result).toBeNull();
-	});
-
-	it('returns null on network error', async () => {
-		mockFetch.mockRejectedValue(new TypeError('Failed to fetch'));
-
-		const result = await filesApi.download('file-1');
-
-		expect(result).toBeNull();
-	});
-
-	it('uses the token from authStore', async () => {
-		mockGetAccessToken.mockResolvedValue('different-token');
-		mockFetch.mockResolvedValue({
-			ok: true,
-			blob: () => Promise.resolve(new Blob()),
-		});
-
-		await filesApi.download('file-1');
-
-		expect(mockGetAccessToken).toHaveBeenCalled();
-		expect(mockFetch).toHaveBeenCalledWith(
-			expect.any(String),
-			expect.objectContaining({
-				headers: { Authorization: 'Bearer different-token' },
-			})
-		);
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 3. Folder with contents
-// ---------------------------------------------------------------------------
-
-describe('Folder with contents', () => {
-	it('returns folder, files, and subfolders', async () => {
-		const folder = makeFolder({ id: 'folder-1', name: 'Projects' });
-		const files = [
-			makeFile({ id: 'f1', name: 'readme.md', parentFolderId: 'folder-1' }),
-			makeFile({ id: 'f2', name: 'notes.txt', parentFolderId: 'folder-1' }),
-		];
-		const subfolders = [
-			makeFolder({ id: 'sf1', name: 'src', parentFolderId: 'folder-1', depth: 1 }),
-		];
-
-		mockGet.mockResolvedValue({
-			data: { folder, files, subfolders },
-		});
-
-		const result = await foldersApi.get('folder-1');
-
-		expect(mockGet).toHaveBeenCalledWith('/folders/folder-1');
-		expect(result.data?.folder).toEqual(folder);
-		expect(result.data?.files).toHaveLength(2);
-		expect(result.data?.subfolders).toHaveLength(1);
-		expect(result.data?.files[0].name).toBe('readme.md');
-		expect(result.data?.subfolders[0].name).toBe('src');
-	});
-
-	it('returns error when folder does not exist', async () => {
-		mockGet.mockResolvedValue({ error: { message: 'Folder not found' } });
-
-		const result = await foldersApi.get('nonexistent');
-
-		expect(result.error).toBe('Folder not found');
-		expect(result.data).toBeUndefined();
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 4. Search with encoding
-// ---------------------------------------------------------------------------
-
-describe('Search with encoding', () => {
-	it('encodes spaces in the query', async () => {
-		mockGet.mockResolvedValue({ data: { files: [], folders: [] } });
-
-		await searchApi.search('my documents');
-
-		expect(mockGet).toHaveBeenCalledWith('/search?q=my%20documents');
-	});
-
-	it('encodes German umlauts (ä, ö, ü, ß)', async () => {
-		mockGet.mockResolvedValue({ data: { files: [], folders: [] } });
-
-		await searchApi.search('Übersicht für Bücher');
-
-		expect(mockGet).toHaveBeenCalledWith(`/search?q=${encodeURIComponent('Übersicht für Bücher')}`);
-	});
-
-	it('encodes ampersands and special URL characters', async () => {
-		mockGet.mockResolvedValue({ data: { files: [], folders: [] } });
-
-		await searchApi.search('Q&A / notes #1');
-
-		expect(mockGet).toHaveBeenCalledWith(`/search?q=${encodeURIComponent('Q&A / notes #1')}`);
-	});
-
-	it('returns matching files and folders from search results', async () => {
-		const searchResults = {
-			files: [makeFile({ id: 'f1', name: 'Ärzte-Bericht.pdf' })],
-			folders: [makeFolder({ id: 'fo1', name: 'Ärzte' })],
-		};
-		mockGet.mockResolvedValue({ data: searchResults });
-
-		const result = await searchApi.search('Ärzte');
-
-		expect(result.data?.files).toHaveLength(1);
-		expect(result.data?.folders).toHaveLength(1);
-		expect(result.data?.files[0].name).toBe('Ärzte-Bericht.pdf');
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 5. Share creation with all options
-// ---------------------------------------------------------------------------
-
-describe('Share creation with all options', () => {
-	it('creates share with password, maxDownloads, and expiresAt', async () => {
-		const shareData = {
-			fileId: 'file-1',
-			accessLevel: 'download' as const,
-			password: 'securePass123!',
-			maxDownloads: 5,
-			expiresAt: '2026-06-01T00:00:00Z',
-		};
-		const createdShare = makeShare({
-			...shareData,
-			shareToken: 'generated-token',
-			accessLevel: 'download',
-		});
-		mockPost.mockResolvedValue({ data: createdShare });
-
-		const result = await sharesApi.create(shareData);
-
-		expect(mockPost).toHaveBeenCalledWith('/shares', shareData);
-		expect(result.data?.shareToken).toBe('generated-token');
-		expect(result.data?.password).toBe('securePass123!');
-		expect(result.data?.maxDownloads).toBe(5);
-		expect(result.data?.expiresAt).toBe('2026-06-01T00:00:00Z');
-	});
-
-	it('creates share with minimal options (fileId only)', async () => {
-		const shareData = { fileId: 'file-1' };
-		mockPost.mockResolvedValue({
-			data: makeShare({ accessLevel: 'view', password: null, maxDownloads: null }),
-		});
-
-		const result = await sharesApi.create(shareData);
-
-		expect(mockPost).toHaveBeenCalledWith('/shares', { fileId: 'file-1' });
-		expect(result.data?.accessLevel).toBe('view');
-		expect(result.data?.password).toBeNull();
-		expect(result.data?.maxDownloads).toBeNull();
-	});
-
-	it('creates share for a folder', async () => {
-		const shareData = { folderId: 'folder-1', accessLevel: 'edit' as const };
-		mockPost.mockResolvedValue({
-			data: makeShare({
-				fileId: null,
-				folderId: 'folder-1',
-				shareType: 'folder',
-				accessLevel: 'edit',
-			}),
-		});
-
-		const result = await sharesApi.create(shareData);
-
-		expect(mockPost).toHaveBeenCalledWith('/shares', shareData);
-		expect(result.data?.shareType).toBe('folder');
-		expect(result.data?.folderId).toBe('folder-1');
-		expect(result.data?.fileId).toBeNull();
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 6. Trash restore flow
-// ---------------------------------------------------------------------------
-
-describe('Trash restore flow', () => {
-	it('restores a file using type=file query param', async () => {
-		const restoredFile = makeFile({ isDeleted: false, deletedAt: null });
-		mockPost.mockResolvedValue({ data: restoredFile });
-
-		const result = await trashApi.restore('file-1', 'file');
-
-		expect(mockPost).toHaveBeenCalledWith('/trash/file-1/restore?type=file', undefined);
-		expect(result.data).toEqual(restoredFile);
-	});
-
-	it('restores a folder using type=folder query param', async () => {
-		const restoredFolder = makeFolder({ isDeleted: false, deletedAt: null });
-		mockPost.mockResolvedValue({ data: restoredFolder });
-
-		const result = await trashApi.restore('folder-1', 'folder');
-
-		expect(mockPost).toHaveBeenCalledWith('/trash/folder-1/restore?type=folder', undefined);
-		expect(result.data).toEqual(restoredFolder);
-	});
-
-	it('permanently deletes a file with type=file', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		const result = await trashApi.permanentDelete('file-1', 'file');
-
-		expect(mockDelete).toHaveBeenCalledWith('/trash/file-1?type=file');
-		expect(result.data).toEqual({ success: true });
-	});
-
-	it('permanently deletes a folder with type=folder', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		const result = await trashApi.permanentDelete('folder-1', 'folder');
-
-		expect(mockDelete).toHaveBeenCalledWith('/trash/folder-1?type=folder');
-		expect(result.data).toEqual({ success: true });
-	});
-
-	it('empties the entire trash', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		const result = await trashApi.empty();
-
-		expect(mockDelete).toHaveBeenCalledWith('/trash');
-		expect(result.data).toEqual({ success: true });
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 7. Bulk operations (multi-step sequence)
-// ---------------------------------------------------------------------------
-
-describe('Bulk operations', () => {
-	it('create folder, upload file to it, then share it', async () => {
-		// Step 1: Create a folder
-		const newFolder = makeFolder({ id: 'new-folder', name: 'Shared Project' });
-		mockPost.mockResolvedValueOnce({ data: newFolder });
-
-		const folderResult = await foldersApi.create('Shared Project', undefined, 'blue');
-		expect(folderResult.data).toEqual(newFolder);
-		expect(mockPost).toHaveBeenCalledWith('/folders', {
-			name: 'Shared Project',
-			parentFolderId: undefined,
-			color: 'blue',
-		});
-
-		// Step 2: Upload a file into that folder
-		const uploadedFile = makeFile({
-			id: 'uploaded-file',
-			name: 'design.fig',
-			parentFolderId: 'new-folder',
-		});
-		mockUpload.mockResolvedValueOnce({ data: uploadedFile });
-
-		const file = new File(['figma-data'], 'design.fig');
-		const uploadResult = await filesApi.upload(file, 'new-folder');
-		expect(uploadResult.data).toEqual(uploadedFile);
-
-		// Step 3: Share the file
-		const share = makeShare({ fileId: 'uploaded-file', accessLevel: 'download' });
-		mockPost.mockResolvedValueOnce({ data: share });
-
-		const shareResult = await sharesApi.create({
-			fileId: 'uploaded-file',
-			accessLevel: 'download',
-		});
-		expect(shareResult.data?.shareToken).toBe('abc123token');
-		expect(shareResult.data?.fileId).toBe('uploaded-file');
-	});
-
-	it('list files, rename one, then move it to another folder', async () => {
-		// Step 1: List files
-		const files = [
-			makeFile({ id: 'f1', name: 'old-name.txt' }),
-			makeFile({ id: 'f2', name: 'other.txt' }),
-		];
-		mockGet.mockResolvedValueOnce({ data: files });
-
-		const listResult = await filesApi.list();
-		expect(listResult.data).toHaveLength(2);
-
-		// Step 2: Rename the first file
-		const renamedFile = makeFile({ id: 'f1', name: 'new-name.txt' });
-		mockPatch.mockResolvedValueOnce({ data: renamedFile });
-
-		const renameResult = await filesApi.rename('f1', 'new-name.txt');
-		expect(mockPatch).toHaveBeenCalledWith('/files/f1', { name: 'new-name.txt' });
-		expect(renameResult.data?.name).toBe('new-name.txt');
-
-		// Step 3: Move it to a folder
-		const movedFile = makeFile({ id: 'f1', name: 'new-name.txt', parentFolderId: 'folder-1' });
-		mockPatch.mockResolvedValueOnce({ data: movedFile });
-
-		const moveResult = await filesApi.move('f1', 'folder-1');
-		expect(mockPatch).toHaveBeenCalledWith('/files/f1/move', { parentFolderId: 'folder-1' });
-		expect(moveResult.data).toEqual(movedFile);
-	});
-
-	it('create tag, create another tag, then list all tags', async () => {
-		const tag1 = makeTag({ id: 'tag-1', name: 'Work', color: '#0000ff' });
-		const tag2 = makeTag({ id: 'tag-2', name: 'Personal', color: '#00ff00' });
-
-		mockPost.mockResolvedValueOnce({ data: tag1 });
-		mockPost.mockResolvedValueOnce({ data: tag2 });
-		mockGet.mockResolvedValueOnce({ data: [tag1, tag2] });
-
-		const r1 = await tagsApi.create('Work', '#0000ff');
-		const r2 = await tagsApi.create('Personal', '#00ff00');
-		const r3 = await tagsApi.list();
-
-		expect(r1.data?.name).toBe('Work');
-		expect(r2.data?.name).toBe('Personal');
-		expect(r3.data).toHaveLength(2);
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 8. Error propagation
-// ---------------------------------------------------------------------------
-
-describe('Error propagation', () => {
-	it('wraps API error in { error: message } format for GET', async () => {
-		mockGet.mockResolvedValue({ error: { message: 'Unauthorized' } });
-
-		const result = await filesApi.list();
-
-		expect(result).toEqual({ error: 'Unauthorized' });
-		expect(result.data).toBeUndefined();
-	});
-
-	it('wraps API error in { error: message } format for POST', async () => {
-		mockPost.mockResolvedValue({ error: { message: 'Validation failed' } });
-
-		const result = await foldersApi.create('');
-
-		expect(result).toEqual({ error: 'Validation failed' });
-	});
-
-	it('wraps API error in { error: message } format for PATCH', async () => {
-		mockPatch.mockResolvedValue({ error: { message: 'Not found' } });
-
-		const result = await filesApi.rename('missing', 'new-name');
-
-		expect(result).toEqual({ error: 'Not found' });
-	});
-
-	it('wraps API error in { error: message } format for DELETE', async () => {
-		mockDelete.mockResolvedValue({ error: { message: 'Forbidden' } });
-
-		const result = await filesApi.delete('not-yours');
-
-		expect(result).toEqual({ error: 'Forbidden' });
-	});
-
-	it('wraps API error for upload', async () => {
-		mockUpload.mockResolvedValue({ error: { message: 'Storage quota exceeded' } });
-
-		const file = new File(['data'], 'file.txt');
-		const result = await filesApi.upload(file);
-
-		expect(result).toEqual({ error: 'Storage quota exceeded' });
-	});
-
-	it('returns data with no error property on success', async () => {
-		const file = makeFile();
-		mockGet.mockResolvedValue({ data: file });
-
-		const result = await filesApi.get('file-1');
-
-		expect(result.data).toEqual(file);
-		expect(result.error).toBeUndefined();
-	});
-
-	it('returns null data as undefined in legacy format', async () => {
-		mockGet.mockResolvedValue({ data: null });
-
-		const result = await filesApi.get('file-1');
-
-		expect(result.data).toBeUndefined();
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 9. Tag operations
-// ---------------------------------------------------------------------------
-
-describe('Tag operations', () => {
-	it('creates a tag with name and color', async () => {
-		const tag = makeTag({ name: 'Urgent', color: '#ff0000' });
-		mockPost.mockResolvedValue({ data: tag });
-
-		const result = await tagsApi.create('Urgent', '#ff0000');
-
-		expect(mockPost).toHaveBeenCalledWith('/tags', { name: 'Urgent', color: '#ff0000' });
-		expect(result.data).toEqual(tag);
-	});
-
-	it('creates a tag without color', async () => {
-		const tag = makeTag({ name: 'Archive', color: null });
-		mockPost.mockResolvedValue({ data: tag });
-
-		const result = await tagsApi.create('Archive');
-
-		expect(mockPost).toHaveBeenCalledWith('/tags', { name: 'Archive', color: undefined });
-		expect(result.data?.color).toBeNull();
-	});
-
-	it('updates a tag name and color', async () => {
-		const updatedTag = makeTag({ name: 'Renamed', color: '#00ff00' });
-		mockPatch.mockResolvedValue({ data: updatedTag });
-
-		const result = await tagsApi.update('tag-1', { name: 'Renamed', color: '#00ff00' });
-
-		expect(mockPatch).toHaveBeenCalledWith('/tags/tag-1', {
-			name: 'Renamed',
-			color: '#00ff00',
-		});
-		expect(result.data?.name).toBe('Renamed');
-	});
-
-	it('lists all tags', async () => {
-		const tags = [
-			makeTag({ id: 'tag-1', name: 'Work' }),
-			makeTag({ id: 'tag-2', name: 'Personal' }),
-			makeTag({ id: 'tag-3', name: 'Archive' }),
-		];
-		mockGet.mockResolvedValue({ data: tags });
-
-		const result = await tagsApi.list();
-
-		expect(mockGet).toHaveBeenCalledWith('/tags');
-		expect(result.data).toHaveLength(3);
-	});
-
-	it('deletes a tag', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		const result = await tagsApi.delete('tag-1');
-
-		expect(mockDelete).toHaveBeenCalledWith('/tags/tag-1');
-		expect(result.data).toEqual({ success: true });
-	});
-});
-
-// ---------------------------------------------------------------------------
-// 10. Favorites endpoint
-// ---------------------------------------------------------------------------
-
-describe('Favorites endpoint', () => {
-	it('returns structured response with favorite files and folders', async () => {
-		const favFiles = [
-			makeFile({ id: 'f1', name: 'starred.pdf', isFavorite: true }),
-			makeFile({ id: 'f2', name: 'bookmarked.doc', isFavorite: true }),
-		];
-		const favFolders = [makeFolder({ id: 'fo1', name: 'Pinned', isFavorite: true })];
-
-		mockGet.mockResolvedValue({ data: { files: favFiles, folders: favFolders } });
-
-		const result = await searchApi.favorites();
-
-		expect(mockGet).toHaveBeenCalledWith('/favorites');
-		expect(result.data?.files).toHaveLength(2);
-		expect(result.data?.folders).toHaveLength(1);
-		expect(result.data?.files.every((f: { isFavorite: boolean }) => f.isFavorite)).toBe(true);
-		expect(result.data?.folders[0].isFavorite).toBe(true);
-	});
-
-	it('returns empty arrays when no favorites exist', async () => {
-		mockGet.mockResolvedValue({ data: { files: [], folders: [] } });
-
-		const result = await searchApi.favorites();
-
-		expect(result.data?.files).toEqual([]);
-		expect(result.data?.folders).toEqual([]);
-	});
-
-	it('returns error when user is not authenticated', async () => {
-		mockGet.mockResolvedValue({ error: { message: 'Unauthorized' } });
-
-		const result = await searchApi.favorites();
-
-		expect(result.error).toBe('Unauthorized');
-		expect(result.data).toBeUndefined();
-	});
-});
diff --git a/apps/storage/apps/web-archived/src/lib/api/client.test.ts b/apps/storage/apps/web-archived/src/lib/api/client.test.ts
deleted file mode 100644
index 9c39ca571..000000000
--- a/apps/storage/apps/web-archived/src/lib/api/client.test.ts
+++ /dev/null
@@ -1,290 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock shared-api-client
-const mockGet = vi.fn();
-const mockPost = vi.fn();
-const mockPatch = vi.fn();
-const mockDelete = vi.fn();
-const mockUpload = vi.fn();
-
-vi.mock('@manacore/shared-api-client', () => ({
-	createApiClient: () => ({
-		get: mockGet,
-		post: mockPost,
-		patch: mockPatch,
-		delete: mockDelete,
-		put: vi.fn(),
-		upload: mockUpload,
-	}),
-}));
-
-vi.mock('$lib/stores/auth.svelte', () => ({
-	authStore: {
-		getAccessToken: vi.fn().mockResolvedValue('test-token'),
-	},
-}));
-
-// Import after mocks are set up
-const { filesApi, foldersApi, sharesApi, tagsApi, trashApi, searchApi } = await import('./client');
-
-beforeEach(() => {
-	vi.clearAllMocks();
-});
-
-describe('filesApi', () => {
-	it('list() calls GET /files', async () => {
-		const mockFiles = [{ id: '1', name: 'test.txt' }];
-		mockGet.mockResolvedValue({ data: mockFiles });
-
-		const result = await filesApi.list();
-
-		expect(mockGet).toHaveBeenCalledWith('/files');
-		expect(result.data).toEqual(mockFiles);
-	});
-
-	it('list(folderId) calls GET /files?folderId=folder-id', async () => {
-		const mockFiles = [{ id: '2', name: 'nested.txt' }];
-		mockGet.mockResolvedValue({ data: mockFiles });
-
-		const result = await filesApi.list('folder-id');
-
-		expect(mockGet).toHaveBeenCalledWith('/files?folderId=folder-id');
-		expect(result.data).toEqual(mockFiles);
-	});
-
-	it('rename(id, name) calls PATCH /files/:id', async () => {
-		const updatedFile = { id: 'file-1', name: 'renamed.txt' };
-		mockPatch.mockResolvedValue({ data: updatedFile });
-
-		const result = await filesApi.rename('file-1', 'renamed.txt');
-
-		expect(mockPatch).toHaveBeenCalledWith('/files/file-1', { name: 'renamed.txt' });
-		expect(result.data).toEqual(updatedFile);
-	});
-
-	it('delete(id) calls DELETE /files/:id', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		const result = await filesApi.delete('file-1');
-
-		expect(mockDelete).toHaveBeenCalledWith('/files/file-1');
-		expect(result.data).toEqual({ success: true });
-	});
-
-	it('toggleFavorite(id) calls POST /files/:id/favorite', async () => {
-		const updatedFile = { id: 'file-1', isFavorite: true };
-		mockPost.mockResolvedValue({ data: updatedFile });
-
-		const result = await filesApi.toggleFavorite('file-1');
-
-		expect(mockPost).toHaveBeenCalledWith('/files/file-1/favorite', undefined);
-		expect(result.data).toEqual(updatedFile);
-	});
-
-	it('returns error on API failure', async () => {
-		mockGet.mockResolvedValue({ error: { message: 'Not found' } });
-
-		const result = await filesApi.list();
-
-		expect(result.error).toBe('Not found');
-		expect(result.data).toBeUndefined();
-	});
-});
-
-describe('foldersApi', () => {
-	it('create(name) calls POST /folders', async () => {
-		const newFolder = { id: 'folder-1', name: 'New Folder' };
-		mockPost.mockResolvedValue({ data: newFolder });
-
-		const result = await foldersApi.create('New Folder');
-
-		expect(mockPost).toHaveBeenCalledWith('/folders', {
-			name: 'New Folder',
-			parentFolderId: undefined,
-			color: undefined,
-		});
-		expect(result.data).toEqual(newFolder);
-	});
-
-	it('create(name, parentId, color) passes all params', async () => {
-		mockPost.mockResolvedValue({ data: { id: 'folder-2' } });
-
-		await foldersApi.create('Sub Folder', 'parent-1', 'blue');
-
-		expect(mockPost).toHaveBeenCalledWith('/folders', {
-			name: 'Sub Folder',
-			parentFolderId: 'parent-1',
-			color: 'blue',
-		});
-	});
-
-	it('list() calls GET /folders', async () => {
-		mockGet.mockResolvedValue({ data: [] });
-
-		await foldersApi.list();
-
-		expect(mockGet).toHaveBeenCalledWith('/folders');
-	});
-
-	it('list(parentId) calls GET /folders?parentId=...', async () => {
-		mockGet.mockResolvedValue({ data: [] });
-
-		await foldersApi.list('parent-1');
-
-		expect(mockGet).toHaveBeenCalledWith('/folders?parentId=parent-1');
-	});
-
-	it('delete(id) calls DELETE /folders/:id', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		const result = await foldersApi.delete('folder-1');
-
-		expect(mockDelete).toHaveBeenCalledWith('/folders/folder-1');
-		expect(result.data).toEqual({ success: true });
-	});
-});
-
-describe('sharesApi', () => {
-	it('list() calls GET /shares', async () => {
-		const mockShares = [{ id: 'share-1', shareToken: 'abc' }];
-		mockGet.mockResolvedValue({ data: mockShares });
-
-		const result = await sharesApi.list();
-
-		expect(mockGet).toHaveBeenCalledWith('/shares');
-		expect(result.data).toEqual(mockShares);
-	});
-
-	it('create(data) calls POST /shares', async () => {
-		const shareData = { fileId: 'file-1', accessLevel: 'view' as const };
-		mockPost.mockResolvedValue({ data: { id: 'share-1', shareToken: 'xyz' } });
-
-		const result = await sharesApi.create(shareData);
-
-		expect(mockPost).toHaveBeenCalledWith('/shares', shareData);
-		expect(result.data).toEqual({ id: 'share-1', shareToken: 'xyz' });
-	});
-
-	it('delete(id) calls DELETE /shares/:id', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		await sharesApi.delete('share-1');
-
-		expect(mockDelete).toHaveBeenCalledWith('/shares/share-1');
-	});
-});
-
-describe('tagsApi', () => {
-	it('create(name, color) calls POST /tags', async () => {
-		const newTag = { id: 'tag-1', name: 'Important', color: 'red' };
-		mockPost.mockResolvedValue({ data: newTag });
-
-		const result = await tagsApi.create('Important', 'red');
-
-		expect(mockPost).toHaveBeenCalledWith('/tags', { name: 'Important', color: 'red' });
-		expect(result.data).toEqual(newTag);
-	});
-
-	it('create(name) works without color', async () => {
-		mockPost.mockResolvedValue({ data: { id: 'tag-2', name: 'Work' } });
-
-		await tagsApi.create('Work');
-
-		expect(mockPost).toHaveBeenCalledWith('/tags', { name: 'Work', color: undefined });
-	});
-
-	it('list() calls GET /tags', async () => {
-		mockGet.mockResolvedValue({ data: [] });
-
-		await tagsApi.list();
-
-		expect(mockGet).toHaveBeenCalledWith('/tags');
-	});
-
-	it('delete(id) calls DELETE /tags/:id', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		await tagsApi.delete('tag-1');
-
-		expect(mockDelete).toHaveBeenCalledWith('/tags/tag-1');
-	});
-});
-
-describe('trashApi', () => {
-	it('list() calls GET /trash', async () => {
-		const trashItems = { files: [], folders: [] };
-		mockGet.mockResolvedValue({ data: trashItems });
-
-		const result = await trashApi.list();
-
-		expect(mockGet).toHaveBeenCalledWith('/trash');
-		expect(result.data).toEqual(trashItems);
-	});
-
-	it('restore(id, type) calls POST /trash/:id/restore', async () => {
-		mockPost.mockResolvedValue({ data: { id: 'file-1' } });
-
-		await trashApi.restore('file-1', 'file');
-
-		expect(mockPost).toHaveBeenCalledWith('/trash/file-1/restore?type=file', undefined);
-	});
-
-	it('empty() calls DELETE /trash', async () => {
-		mockDelete.mockResolvedValue({ data: { success: true } });
-
-		await trashApi.empty();
-
-		expect(mockDelete).toHaveBeenCalledWith('/trash');
-	});
-});
-
-describe('searchApi', () => {
-	it('search(query) calls GET /search?q=...', async () => {
-		const searchResults = { files: [{ id: '1', name: 'match.txt' }], folders: [] };
-		mockGet.mockResolvedValue({ data: searchResults });
-
-		const result = await searchApi.search('match');
-
-		expect(mockGet).toHaveBeenCalledWith('/search?q=match');
-		expect(result.data).toEqual(searchResults);
-	});
-
-	it('search(query) encodes special characters', async () => {
-		mockGet.mockResolvedValue({ data: { files: [], folders: [] } });
-
-		await searchApi.search('hello world & more');
-
-		expect(mockGet).toHaveBeenCalledWith('/search?q=hello%20world%20%26%20more');
-	});
-
-	it('favorites() calls GET /favorites', async () => {
-		const favs = { files: [{ id: '1', isFavorite: true }], folders: [] };
-		mockGet.mockResolvedValue({ data: favs });
-
-		const result = await searchApi.favorites();
-
-		expect(mockGet).toHaveBeenCalledWith('/favorites');
-		expect(result.data).toEqual(favs);
-	});
-});
-
-describe('error handling', () => {
-	it('returns error message when API returns error', async () => {
-		mockGet.mockResolvedValue({ error: { message: 'Unauthorized' } });
-
-		const result = await filesApi.get('non-existent');
-
-		expect(result.error).toBe('Unauthorized');
-		expect(result.data).toBeUndefined();
-	});
-
-	it('returns data when API succeeds', async () => {
-		const file = { id: 'file-1', name: 'test.txt' };
-		mockGet.mockResolvedValue({ data: file });
-
-		const result = await filesApi.get('file-1');
-
-		expect(result.data).toEqual(file);
-		expect(result.error).toBeUndefined();
-	});
-});
diff --git a/apps/storage/apps/web-archived/src/lib/api/client.ts b/apps/storage/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index 6145d4c28..000000000
--- a/apps/storage/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,331 +0,0 @@
-/**
- * API Client for Storage Backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { browser } from '$app/environment';
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { authStore } from '$lib/stores/auth.svelte';
-
-// Use client URL in browser (injected by hooks.server.ts), SSR URL on server
-function getApiUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_BACKEND_URL__?: string })
-			.__PUBLIC_BACKEND_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return process.env.PUBLIC_BACKEND_URL || 'http://localhost:3016';
-}
-
-const API_URL = getApiUrl();
-
-/**
- * Storage API client instance
- * - Auto token handling via authStore.getValidToken()
- * - Consistent ApiResult<T> response format
- */
-const api = createApiClient({
-	baseUrl: API_URL,
-	apiPrefix: '/api/v1',
-	getAuthToken: () => authStore.getAccessToken(),
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-// Legacy type alias for backward compatibility
-export interface ApiResponse<T> {
-	data?: T;
-	error?: string;
-}
-
-/**
- * Convert ApiResult to legacy ApiResponse format
- */
-function toLegacyResponse<T>(result: ApiResult<T>): ApiResponse<T> {
-	if (result.error) {
-		return { error: result.error.message };
-	}
-	return { data: result.data ?? undefined };
-}
-
-/**
- * Legacy request wrapper for backward compatibility
- */
-async function request<T>(endpoint: string, options: RequestInit = {}): Promise<ApiResponse<T>> {
-	const method = options.method || 'GET';
-	const body = options.body ? JSON.parse(options.body as string) : undefined;
-
-	let result: ApiResult<T>;
-	switch (method) {
-		case 'POST':
-			result = await api.post<T>(endpoint, body);
-			break;
-		case 'PUT':
-			result = await api.put<T>(endpoint, body);
-			break;
-		case 'PATCH':
-			result = await api.patch<T>(endpoint, body);
-			break;
-		case 'DELETE':
-			result = await api.delete<T>(endpoint);
-			break;
-		default:
-			result = await api.get<T>(endpoint);
-	}
-
-	return toLegacyResponse(result);
-}
-
-// File Types
-export interface StorageFile {
-	id: string;
-	userId: string;
-	name: string;
-	originalName: string;
-	mimeType: string;
-	size: number;
-	storagePath: string;
-	storageKey: string;
-	parentFolderId: string | null;
-	currentVersion: number;
-	isFavorite: boolean;
-	isDeleted: boolean;
-	deletedAt: string | null;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export interface StorageFolder {
-	id: string;
-	userId: string;
-	name: string;
-	description: string | null;
-	color: string | null;
-	parentFolderId: string | null;
-	path: string;
-	depth: number;
-	isFavorite: boolean;
-	isDeleted: boolean;
-	deletedAt: string | null;
-	createdAt: string;
-	updatedAt: string;
-}
-
-export interface Share {
-	id: string;
-	userId: string;
-	fileId: string | null;
-	folderId: string | null;
-	shareType: 'file' | 'folder';
-	shareToken: string;
-	accessLevel: 'view' | 'edit' | 'download';
-	password: string | null;
-	maxDownloads: number | null;
-	downloadCount: number;
-	expiresAt: string | null;
-	isActive: boolean;
-	createdAt: string;
-}
-
-export interface FileVersion {
-	id: string;
-	fileId: string;
-	versionNumber: number;
-	storagePath: string;
-	storageKey: string;
-	size: number;
-	checksum: string | null;
-	comment: string | null;
-	createdBy: string;
-	createdAt: string;
-}
-
-export interface Tag {
-	id: string;
-	userId: string;
-	name: string;
-	color: string | null;
-	createdAt: string;
-}
-
-export interface StorageStats {
-	totalFiles: number;
-	totalSize: number;
-	favoriteCount: number;
-	recentFiles: StorageFile[];
-}
-
-// Files API
-export const filesApi = {
-	list: (folderId?: string) =>
-		request<StorageFile[]>(`/files${folderId ? `?folderId=${folderId}` : ''}`),
-
-	get: (id: string) => request<StorageFile>(`/files/${id}`),
-
-	stats: () => request<StorageStats>('/files/stats'),
-
-	upload: async (file: File, folderId?: string): Promise<ApiResponse<StorageFile>> => {
-		const formData = new FormData();
-		formData.append('file', file);
-		if (folderId) {
-			formData.append('parentFolderId', folderId);
-		}
-
-		const result = await api.upload<StorageFile>('/files/upload', formData);
-		return toLegacyResponse(result);
-	},
-
-	download: async (id: string): Promise<Blob | null> => {
-		const token = await authStore.getAccessToken();
-		try {
-			const response = await fetch(`${API_URL}/api/v1/files/${id}/download`, {
-				headers: {
-					Authorization: `Bearer ${token}`,
-				},
-			});
-			if (!response.ok) return null;
-			return await response.blob();
-		} catch {
-			return null;
-		}
-	},
-
-	rename: (id: string, name: string) =>
-		request<StorageFile>(`/files/${id}`, {
-			method: 'PATCH',
-			body: JSON.stringify({ name }),
-		}),
-
-	move: (id: string, parentFolderId: string | null) =>
-		request<StorageFile>(`/files/${id}/move`, {
-			method: 'PATCH',
-			body: JSON.stringify({ parentFolderId }),
-		}),
-
-	delete: (id: string) => request<{ success: boolean }>(`/files/${id}`, { method: 'DELETE' }),
-
-	toggleFavorite: (id: string) => request<StorageFile>(`/files/${id}/favorite`, { method: 'POST' }),
-
-	getVersions: (fileId: string) => request<FileVersion[]>(`/files/${fileId}/versions`),
-
-	uploadVersion: async (
-		fileId: string,
-		file: File,
-		comment?: string
-	): Promise<ApiResponse<FileVersion>> => {
-		const formData = new FormData();
-		formData.append('file', file);
-		if (comment) formData.append('comment', comment);
-		const result = await api.upload<FileVersion>(`/files/${fileId}/versions`, formData);
-		return toLegacyResponse(result);
-	},
-};
-
-// Folders API
-export const foldersApi = {
-	list: (parentId?: string) =>
-		request<StorageFolder[]>(`/folders${parentId ? `?parentId=${parentId}` : ''}`),
-
-	get: (id: string) =>
-		request<{ folder: StorageFolder; files: StorageFile[]; subfolders: StorageFolder[] }>(
-			`/folders/${id}`
-		),
-
-	create: (name: string, parentFolderId?: string, color?: string) =>
-		request<StorageFolder>('/folders', {
-			method: 'POST',
-			body: JSON.stringify({ name, parentFolderId, color }),
-		}),
-
-	rename: (id: string, name: string) =>
-		request<StorageFolder>(`/folders/${id}`, {
-			method: 'PATCH',
-			body: JSON.stringify({ name }),
-		}),
-
-	move: (id: string, parentFolderId: string | null) =>
-		request<StorageFolder>(`/folders/${id}/move`, {
-			method: 'PATCH',
-			body: JSON.stringify({ parentFolderId }),
-		}),
-
-	delete: (id: string) => request<{ success: boolean }>(`/folders/${id}`, { method: 'DELETE' }),
-
-	toggleFavorite: (id: string) =>
-		request<StorageFolder>(`/folders/${id}/favorite`, { method: 'POST' }),
-};
-
-// Shares API
-export const sharesApi = {
-	list: () => request<Share[]>('/shares'),
-
-	get: (token: string) =>
-		request<{ share: Share; file?: StorageFile; folder?: StorageFolder }>(`/shares/${token}`),
-
-	create: (data: {
-		fileId?: string;
-		folderId?: string;
-		accessLevel?: 'view' | 'edit' | 'download';
-		password?: string;
-		maxDownloads?: number;
-		expiresAt?: string;
-	}) =>
-		request<Share>('/shares', {
-			method: 'POST',
-			body: JSON.stringify(data),
-		}),
-
-	delete: (id: string) => request<{ success: boolean }>(`/shares/${id}`, { method: 'DELETE' }),
-};
-
-// Tags API
-export const tagsApi = {
-	list: () => request<Tag[]>('/tags'),
-
-	create: (name: string, color?: string) =>
-		request<Tag>('/tags', {
-			method: 'POST',
-			body: JSON.stringify({ name, color }),
-		}),
-
-	update: (id: string, data: { name?: string; color?: string }) =>
-		request<Tag>(`/tags/${id}`, {
-			method: 'PATCH',
-			body: JSON.stringify(data),
-		}),
-
-	delete: (id: string) => request<{ success: boolean }>(`/tags/${id}`, { method: 'DELETE' }),
-
-	getFileTags: (fileId: string) => request<Tag[]>(`/tags/file/${fileId}`),
-
-	addToFile: (fileId: string, tagId: string) =>
-		request<{ success: boolean }>(`/tags/file/${fileId}/${tagId}`, { method: 'POST' }),
-
-	removeFromFile: (fileId: string, tagId: string) =>
-		request<{ success: boolean }>(`/tags/file/${fileId}/${tagId}`, { method: 'DELETE' }),
-};
-
-// Trash API
-export const trashApi = {
-	list: () => request<{ files: StorageFile[]; folders: StorageFolder[] }>('/trash'),
-
-	restore: (id: string, type: 'file' | 'folder') =>
-		request<StorageFile | StorageFolder>(`/trash/${id}/restore?type=${type}`, {
-			method: 'POST',
-		}),
-
-	permanentDelete: (id: string, type: 'file' | 'folder') =>
-		request<{ success: boolean }>(`/trash/${id}?type=${type}`, { method: 'DELETE' }),
-
-	empty: () => request<{ success: boolean }>('/trash', { method: 'DELETE' }),
-};
-
-// Search API
-export const searchApi = {
-	search: (query: string) =>
-		request<{ files: StorageFile[]; folders: StorageFolder[] }>(
-			`/search?q=${encodeURIComponent(query)}`
-		),
-
-	favorites: () => request<{ files: StorageFile[]; folders: StorageFolder[] }>('/favorites'),
-};
diff --git a/apps/storage/apps/web-archived/src/lib/audio/analyzer.ts b/apps/storage/apps/web-archived/src/lib/audio/analyzer.ts
deleted file mode 100644
index 20ff7cef1..000000000
--- a/apps/storage/apps/web-archived/src/lib/audio/analyzer.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Audio Analyzer - connects Web Audio API AnalyserNode to the player's Audio element.
- * Singleton: one AudioContext and AnalyserNode shared by all visualizer components.
- */
-
-let audioContext: AudioContext | null = null;
-let analyserNode: AnalyserNode | null = null;
-let sourceNode: MediaElementAudioSourceNode | null = null;
-let connectedElement: HTMLAudioElement | null = null;
-
-export function connectAnalyzer(audio: HTMLAudioElement): AnalyserNode {
-	if (!audioContext) {
-		audioContext = new AudioContext();
-	}
-
-	if (!analyserNode) {
-		analyserNode = audioContext.createAnalyser();
-	}
-
-	analyserNode.fftSize = 256;
-	analyserNode.smoothingTimeConstant = 0.8;
-	analyserNode.minDecibels = -90;
-	analyserNode.maxDecibels = -10;
-
-	if (connectedElement !== audio) {
-		if (sourceNode) {
-			sourceNode.disconnect();
-		}
-		sourceNode = audioContext.createMediaElementSource(audio);
-		sourceNode.connect(analyserNode);
-		analyserNode.connect(audioContext.destination);
-		connectedElement = audio;
-	}
-
-	return analyserNode;
-}
-
-export async function resumeAudioContext(): Promise<void> {
-	if (audioContext?.state === 'suspended') {
-		await audioContext.resume();
-	}
-}
-
-export function getFrequencyData(): Uint8Array | null {
-	if (!analyserNode) return null;
-	const data = new Uint8Array(analyserNode.frequencyBinCount);
-	analyserNode.getByteFrequencyData(data);
-	return data;
-}
diff --git a/apps/storage/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/storage/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/storage/apps/web-archived/src/lib/components/audio/FrequencyBars.svelte b/apps/storage/apps/web-archived/src/lib/components/audio/FrequencyBars.svelte
deleted file mode 100644
index 6920201d9..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/audio/FrequencyBars.svelte
+++ /dev/null
@@ -1,154 +0,0 @@
-<script lang="ts">
-	import { audioPlayerStore } from '$lib/stores/audio-player.svelte';
-	import { connectAnalyzer, getFrequencyData, resumeAudioContext } from '$lib/audio/analyzer';
-
-	interface Props {
-		barCount?: number;
-		barGap?: number;
-		barRadius?: number;
-		color?: string;
-		height?: number;
-		mirror?: boolean;
-	}
-
-	let {
-		barCount = 32,
-		barGap = 2,
-		barRadius = 2,
-		color = 'gradient',
-		height = 64,
-		mirror = false,
-	}: Props = $props();
-
-	let canvas: HTMLCanvasElement | undefined = $state();
-	let animationId: number | null = null;
-	let isConnected = $state(false);
-
-	$effect(() => {
-		const audio = audioPlayerStore.getAudioElement();
-		if (audio && audioPlayerStore.isPlaying && !isConnected) {
-			try {
-				connectAnalyzer(audio);
-				resumeAudioContext();
-				isConnected = true;
-			} catch (e) {
-				console.warn('[Visualizer] Failed to connect analyzer:', e);
-			}
-		}
-	});
-
-	$effect(() => {
-		if (audioPlayerStore.isPlaying && canvas && isConnected) {
-			startAnimation();
-		} else {
-			stopAnimation();
-			if (canvas) drawBars(null);
-		}
-
-		return () => stopAnimation();
-	});
-
-	function startAnimation() {
-		if (animationId !== null) return;
-
-		function loop() {
-			const data = getFrequencyData();
-			drawBars(data);
-			animationId = requestAnimationFrame(loop);
-		}
-		animationId = requestAnimationFrame(loop);
-	}
-
-	function stopAnimation() {
-		if (animationId !== null) {
-			cancelAnimationFrame(animationId);
-			animationId = null;
-		}
-	}
-
-	function drawBars(frequencyData: Uint8Array | null) {
-		if (!canvas) return;
-
-		const ctx = canvas.getContext('2d');
-		if (!ctx) return;
-
-		const dpr = window.devicePixelRatio || 1;
-		const w = canvas.clientWidth;
-		const h = canvas.clientHeight;
-
-		if (canvas.width !== w * dpr || canvas.height !== h * dpr) {
-			canvas.width = w * dpr;
-			canvas.height = h * dpr;
-			ctx.scale(dpr, dpr);
-		}
-
-		ctx.clearRect(0, 0, w, h);
-
-		const effectiveBarCount = mirror ? Math.ceil(barCount / 2) : barCount;
-		const totalGap = barGap * (barCount - 1);
-		const barWidth = Math.max(1, (w - totalGap) / barCount);
-
-		const bars = new Float32Array(effectiveBarCount);
-		if (frequencyData) {
-			const binCount = frequencyData.length;
-			for (let i = 0; i < effectiveBarCount; i++) {
-				const logStart = Math.pow(i / effectiveBarCount, 1.5) * binCount;
-				const logEnd = Math.pow((i + 1) / effectiveBarCount, 1.5) * binCount;
-				const start = Math.floor(logStart);
-				const end = Math.max(start + 1, Math.floor(logEnd));
-
-				let sum = 0;
-				for (let j = start; j < end && j < binCount; j++) {
-					sum += frequencyData[j];
-				}
-				bars[i] = sum / (end - start) / 255;
-			}
-		}
-
-		for (let i = 0; i < barCount; i++) {
-			let barIndex: number;
-			if (mirror) {
-				const center = Math.floor(barCount / 2);
-				barIndex = Math.abs(i - center);
-				barIndex = Math.min(barIndex, effectiveBarCount - 1);
-			} else {
-				barIndex = Math.min(i, effectiveBarCount - 1);
-			}
-
-			const value = bars[barIndex];
-			const minHeight = 2;
-			const barHeight = Math.max(minHeight, value * h);
-
-			const x = i * (barWidth + barGap);
-			const y = h - barHeight;
-
-			if (color === 'gradient') {
-				const hue = mirror
-					? 200 + (Math.abs(i - barCount / 2) / (barCount / 2)) * 120
-					: 200 + (i / barCount) * 120;
-				const lightness = 50 + value * 20;
-				ctx.fillStyle = `hsl(${hue}, 80%, ${lightness}%)`;
-			} else {
-				ctx.fillStyle = color;
-			}
-
-			if (barRadius > 0) {
-				const r = Math.min(barRadius, barWidth / 2, barHeight / 2);
-				ctx.beginPath();
-				ctx.moveTo(x + r, y);
-				ctx.lineTo(x + barWidth - r, y);
-				ctx.quadraticCurveTo(x + barWidth, y, x + barWidth, y + r);
-				ctx.lineTo(x + barWidth, y + barHeight);
-				ctx.lineTo(x, y + barHeight);
-				ctx.lineTo(x, y + r);
-				ctx.quadraticCurveTo(x, y, x + r, y);
-				ctx.fill();
-			} else {
-				ctx.fillRect(x, y, barWidth, barHeight);
-			}
-		}
-	}
-</script>
-
-<canvas bind:this={canvas} class="w-full block" style="height: {height}px;" aria-hidden="true"
-></canvas>
diff --git a/apps/storage/apps/web-archived/src/lib/components/audio/FullPlayer.svelte b/apps/storage/apps/web-archived/src/lib/components/audio/FullPlayer.svelte
deleted file mode 100644
index 29c70869b..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/audio/FullPlayer.svelte
+++ /dev/null
@@ -1,414 +0,0 @@
-<script lang="ts">
-	import { audioPlayerStore } from '$lib/stores/audio-player.svelte';
-	import FrequencyBars from './FrequencyBars.svelte';
-	import {
-		Play,
-		Pause,
-		SkipForward,
-		SkipBack,
-		X,
-		FileAudio,
-		SpeakerHigh,
-		SpeakerLow,
-		SpeakerNone,
-	} from '@manacore/shared-icons';
-
-	let innerHeight = $state(typeof window !== 'undefined' ? window.innerHeight : 800);
-
-	let progress = $derived(
-		audioPlayerStore.duration > 0
-			? (audioPlayerStore.currentTime / audioPlayerStore.duration) * 100
-			: 0
-	);
-
-	function formatTime(s: number): string {
-		if (!s || !isFinite(s)) return '0:00';
-		return Math.floor(s / 60) + ':' + String(Math.floor(s % 60)).padStart(2, '0');
-	}
-
-	function handleProgressClick(e: MouseEvent) {
-		const bar = e.currentTarget as HTMLElement;
-		const rect = bar.getBoundingClientRect();
-		const fraction = (e.clientX - rect.left) / rect.width;
-		const time = fraction * audioPlayerStore.duration;
-		audioPlayerStore.seekTo(time);
-	}
-
-	function handleVolumeInput(e: Event) {
-		const input = e.target as HTMLInputElement;
-		audioPlayerStore.setVolume(parseFloat(input.value));
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			audioPlayerStore.toggleFullPlayer();
-		} else if (e.key === ' ') {
-			e.preventDefault();
-			audioPlayerStore.togglePlay();
-		} else if (e.key === 'ArrowLeft') {
-			audioPlayerStore.seekTo(Math.max(0, audioPlayerStore.currentTime - 5));
-		} else if (e.key === 'ArrowRight') {
-			audioPlayerStore.seekTo(
-				Math.min(audioPlayerStore.duration, audioPlayerStore.currentTime + 5)
-			);
-		}
-	}
-
-	let VolumeIcon = $derived(
-		audioPlayerStore.volume === 0
-			? SpeakerNone
-			: audioPlayerStore.volume < 0.5
-				? SpeakerLow
-				: SpeakerHigh
-	);
-</script>
-
-<svelte:window bind:innerHeight />
-
-{#if audioPlayerStore.showFullPlayer && audioPlayerStore.currentFile}
-	<div
-		class="full-player"
-		role="dialog"
-		aria-modal="true"
-		aria-label="Audio Player"
-		onkeydown={handleKeydown}
-		tabindex="-1"
-	>
-		<!-- Visualizer background -->
-		<div class="viz-background">
-			<FrequencyBars barCount={96} height={innerHeight} barGap={2} barRadius={3} mirror={true} />
-		</div>
-
-		<!-- Dark overlay -->
-		<div class="viz-overlay"></div>
-
-		<!-- Content -->
-		<div class="content-layer">
-			<!-- Top bar -->
-			<div class="top-bar">
-				<button
-					class="top-btn"
-					onclick={() => audioPlayerStore.toggleFullPlayer()}
-					aria-label="Schließen"
-				>
-					<X size={24} />
-				</button>
-				<div class="now-playing">Wird abgespielt</div>
-				<div style="width: 40px"></div>
-			</div>
-
-			<!-- Spacer -->
-			<div class="flex-1"></div>
-
-			<!-- File info + controls -->
-			<div class="bottom-section">
-				<!-- Icon + File info -->
-				<div class="file-hero">
-					<div class="file-hero-icon">
-						<FileAudio size={48} />
-					</div>
-					<div class="file-hero-name">{audioPlayerStore.currentFile.name}</div>
-					<div class="file-hero-type">{audioPlayerStore.currentFile.mimeType}</div>
-				</div>
-
-				<!-- Progress bar -->
-				<div class="progress-section">
-					<button class="progress-bar" onclick={handleProgressClick} aria-label="Seek">
-						<div class="progress-bar-fill" style="width: {progress}%"></div>
-						<div class="progress-bar-thumb" style="left: {progress}%"></div>
-					</button>
-					<div class="progress-times">
-						<span>{formatTime(audioPlayerStore.currentTime)}</span>
-						<span>{formatTime(audioPlayerStore.duration)}</span>
-					</div>
-				</div>
-
-				<!-- Transport controls -->
-				<div class="transport">
-					<button
-						class="transport-btn"
-						onclick={() => audioPlayerStore.previousTrack()}
-						aria-label="Vorheriger Track"
-					>
-						<SkipBack size={28} weight="fill" />
-					</button>
-
-					<button
-						class="transport-btn play"
-						onclick={() => audioPlayerStore.togglePlay()}
-						aria-label={audioPlayerStore.isPlaying ? 'Pause' : 'Abspielen'}
-					>
-						{#if audioPlayerStore.isPlaying}
-							<Pause size={32} weight="fill" />
-						{:else}
-							<Play size={32} weight="fill" />
-						{/if}
-					</button>
-
-					<button
-						class="transport-btn"
-						onclick={() => audioPlayerStore.nextTrack()}
-						aria-label="Nächster Track"
-					>
-						<SkipForward size={28} weight="fill" />
-					</button>
-				</div>
-
-				<!-- Volume -->
-				<div class="volume-row">
-					<VolumeIcon size={18} />
-					<input
-						type="range"
-						min="0"
-						max="1"
-						step="0.01"
-						value={audioPlayerStore.volume}
-						oninput={handleVolumeInput}
-						class="volume-slider"
-						aria-label="Lautstärke"
-					/>
-				</div>
-
-				<!-- Queue info -->
-				{#if audioPlayerStore.queue.length > 1}
-					<div class="queue-info">
-						Track {audioPlayerStore.currentIndex + 1} von {audioPlayerStore.queue.length}
-					</div>
-				{/if}
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.full-player {
-		position: fixed;
-		inset: 0;
-		z-index: 50;
-		background: #000;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.viz-background {
-		position: absolute;
-		inset: 0;
-		z-index: 0;
-	}
-
-	.viz-background :global(canvas) {
-		height: 100% !important;
-		width: 100% !important;
-	}
-
-	.viz-overlay {
-		position: absolute;
-		inset: 0;
-		z-index: 1;
-		background: linear-gradient(
-			to bottom,
-			rgba(0, 0, 0, 0.3) 0%,
-			rgba(0, 0, 0, 0.1) 40%,
-			rgba(0, 0, 0, 0.4) 70%,
-			rgba(0, 0, 0, 0.85) 100%
-		);
-		pointer-events: none;
-	}
-
-	.content-layer {
-		position: relative;
-		z-index: 2;
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-	}
-
-	.top-bar {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem;
-	}
-
-	.top-btn {
-		padding: 0.5rem;
-		border-radius: var(--radius-lg);
-		background: rgba(255, 255, 255, 0.1);
-		border: none;
-		color: white;
-		cursor: pointer;
-		backdrop-filter: blur(8px);
-		transition: background 150ms ease;
-	}
-
-	.top-btn:hover {
-		background: rgba(255, 255, 255, 0.2);
-	}
-
-	.now-playing {
-		font-size: 0.875rem;
-		color: rgba(255, 255, 255, 0.7);
-	}
-
-	.flex-1 {
-		flex: 1;
-	}
-
-	.bottom-section {
-		padding: 1.5rem;
-		padding-bottom: 2.5rem;
-		display: flex;
-		flex-direction: column;
-		gap: 1.25rem;
-		max-width: 28rem;
-		margin: 0 auto;
-		width: 100%;
-	}
-
-	.file-hero {
-		text-align: center;
-	}
-
-	.file-hero-icon {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: 5rem;
-		height: 5rem;
-		border-radius: var(--radius-xl);
-		background: rgba(255, 255, 255, 0.1);
-		color: white;
-		margin-bottom: 0.75rem;
-		backdrop-filter: blur(8px);
-	}
-
-	.file-hero-name {
-		font-size: 1.25rem;
-		font-weight: 700;
-		color: white;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.file-hero-type {
-		font-size: 0.8125rem;
-		color: rgba(255, 255, 255, 0.5);
-		margin-top: 0.25rem;
-	}
-
-	.progress-section {
-		width: 100%;
-	}
-
-	.progress-bar {
-		position: relative;
-		width: 100%;
-		height: 6px;
-		background: rgba(255, 255, 255, 0.2);
-		border-radius: 3px;
-		cursor: pointer;
-		border: none;
-		padding: 0;
-		display: block;
-	}
-
-	.progress-bar-fill {
-		height: 100%;
-		background: white;
-		border-radius: 3px;
-		transition: width 100ms ease;
-	}
-
-	.progress-bar-thumb {
-		position: absolute;
-		top: 50%;
-		transform: translate(-50%, -50%);
-		width: 14px;
-		height: 14px;
-		background: white;
-		border-radius: 50%;
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-	}
-
-	.progress-times {
-		display: flex;
-		justify-content: space-between;
-		margin-top: 0.5rem;
-		font-size: 0.75rem;
-		color: rgba(255, 255, 255, 0.5);
-		font-variant-numeric: tabular-nums;
-	}
-
-	.transport {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 2rem;
-	}
-
-	.transport-btn {
-		padding: 0.5rem;
-		border-radius: 50%;
-		background: transparent;
-		border: none;
-		color: white;
-		cursor: pointer;
-		transition: all 150ms ease;
-	}
-
-	.transport-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.transport-btn.play {
-		padding: 1rem;
-		background: white;
-		color: black;
-	}
-
-	.transport-btn.play:hover {
-		opacity: 0.9;
-	}
-
-	.volume-row {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.75rem;
-		color: rgba(255, 255, 255, 0.5);
-	}
-
-	.volume-slider {
-		width: 6rem;
-		height: 4px;
-		border-radius: 2px;
-		appearance: none;
-		background: rgba(255, 255, 255, 0.2);
-		cursor: pointer;
-	}
-
-	.volume-slider::-webkit-slider-thumb {
-		appearance: none;
-		width: 12px;
-		height: 12px;
-		border-radius: 50%;
-		background: white;
-		cursor: pointer;
-	}
-
-	.volume-slider::-moz-range-thumb {
-		width: 12px;
-		height: 12px;
-		border-radius: 50%;
-		background: white;
-		cursor: pointer;
-		border: none;
-	}
-
-	.queue-info {
-		text-align: center;
-		font-size: 0.75rem;
-		color: rgba(255, 255, 255, 0.4);
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/audio/MiniPlayer.svelte b/apps/storage/apps/web-archived/src/lib/components/audio/MiniPlayer.svelte
deleted file mode 100644
index fe3b91f0f..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/audio/MiniPlayer.svelte
+++ /dev/null
@@ -1,269 +0,0 @@
-<script lang="ts">
-	import { audioPlayerStore } from '$lib/stores/audio-player.svelte';
-	import FrequencyBars from './FrequencyBars.svelte';
-	import { Play, Pause, SkipForward, SkipBack, X, FileAudio } from '@manacore/shared-icons';
-
-	let progress = $derived(
-		audioPlayerStore.duration > 0
-			? (audioPlayerStore.currentTime / audioPlayerStore.duration) * 100
-			: 0
-	);
-
-	function formatTime(s: number): string {
-		if (!s || !isFinite(s)) return '0:00';
-		return Math.floor(s / 60) + ':' + String(Math.floor(s % 60)).padStart(2, '0');
-	}
-</script>
-
-{#if audioPlayerStore.currentFile}
-	<div class="mini-player">
-		<!-- Error toast -->
-		{#if audioPlayerStore.error}
-			<div class="error-bar">
-				<span class="error-text">{audioPlayerStore.error}</span>
-				<button
-					class="error-dismiss"
-					onclick={() => audioPlayerStore.clearError()}
-					aria-label="Schließen"
-				>
-					<X size={14} />
-				</button>
-			</div>
-		{/if}
-
-		<!-- Frequency visualizer + progress bar -->
-		<div class="viz-wrapper">
-			<div class="viz-bars">
-				<FrequencyBars barCount={64} height={20} barGap={1} barRadius={1} />
-			</div>
-			<div class="progress-track">
-				<div class="progress-fill" style="width: {progress}%"></div>
-			</div>
-		</div>
-
-		<div class="player-content">
-			<!-- File info -->
-			<button class="file-info" onclick={() => audioPlayerStore.toggleFullPlayer()}>
-				<div class="file-icon">
-					<FileAudio size={20} />
-				</div>
-				<div class="file-meta">
-					<div class="file-name">{audioPlayerStore.currentFile.name}</div>
-					<div class="file-time">
-						{formatTime(audioPlayerStore.currentTime)} / {formatTime(audioPlayerStore.duration)}
-					</div>
-				</div>
-			</button>
-
-			<!-- Controls -->
-			<div class="controls">
-				{#if audioPlayerStore.queue.length > 1}
-					<button
-						class="control-btn"
-						onclick={() => audioPlayerStore.previousTrack()}
-						aria-label="Vorheriger Track"
-					>
-						<SkipBack size={18} />
-					</button>
-				{/if}
-
-				<button
-					class="control-btn primary"
-					onclick={() => audioPlayerStore.togglePlay()}
-					aria-label={audioPlayerStore.isPlaying ? 'Pause' : 'Abspielen'}
-				>
-					{#if audioPlayerStore.isPlaying}
-						<Pause size={20} weight="fill" />
-					{:else}
-						<Play size={20} weight="fill" />
-					{/if}
-				</button>
-
-				{#if audioPlayerStore.queue.length > 1}
-					<button
-						class="control-btn"
-						onclick={() => audioPlayerStore.nextTrack()}
-						aria-label="Nächster Track"
-					>
-						<SkipForward size={18} />
-					</button>
-				{/if}
-
-				<button
-					class="control-btn close"
-					onclick={() => audioPlayerStore.stop()}
-					aria-label="Player schließen"
-				>
-					<X size={16} />
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.mini-player {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		z-index: 40;
-		background: rgb(var(--color-surface-elevated));
-		border-top: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-xl) var(--radius-xl) 0 0;
-		box-shadow: var(--shadow-lg);
-	}
-
-	.error-bar {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.375rem 1rem;
-		background: rgb(var(--color-error) / 0.1);
-		border-bottom: 1px solid rgb(var(--color-error) / 0.2);
-		font-size: 0.8125rem;
-		color: rgb(var(--color-error));
-	}
-
-	.error-text {
-		flex: 1;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.error-dismiss {
-		padding: 0.125rem;
-		background: transparent;
-		border: none;
-		color: inherit;
-		cursor: pointer;
-		flex-shrink: 0;
-	}
-
-	.viz-wrapper {
-		position: relative;
-	}
-
-	.viz-bars {
-		opacity: 0.4;
-	}
-
-	.progress-track {
-		position: absolute;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		height: 3px;
-		background: rgb(var(--color-border));
-	}
-
-	.progress-fill {
-		height: 100%;
-		background: rgb(var(--color-primary));
-		transition: width 0.2s ease;
-	}
-
-	.player-content {
-		display: flex;
-		align-items: center;
-		height: 3.5rem;
-		padding: 0 0.75rem;
-		gap: 0.5rem;
-	}
-
-	.file-info {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		flex: 1;
-		min-width: 0;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		text-align: left;
-		padding: 0;
-		color: inherit;
-	}
-
-	.file-icon {
-		width: 2.25rem;
-		height: 2.25rem;
-		border-radius: var(--radius-md);
-		background: rgb(var(--color-primary) / 0.1);
-		color: rgb(var(--color-primary));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-shrink: 0;
-	}
-
-	.file-meta {
-		min-width: 0;
-	}
-
-	.file-name {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.file-time {
-		font-size: 0.6875rem;
-		color: rgb(var(--color-text-secondary));
-		font-variant-numeric: tabular-nums;
-	}
-
-	.controls {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		flex-shrink: 0;
-	}
-
-	.control-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0.375rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-md);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all 150ms ease;
-	}
-
-	.control-btn:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.control-btn.primary {
-		padding: 0.5rem;
-		background: rgb(var(--color-primary));
-		color: white;
-		border-radius: 50%;
-	}
-
-	.control-btn.primary:hover {
-		opacity: 0.9;
-	}
-
-	.control-btn.close {
-		margin-left: 0.25rem;
-	}
-
-	.control-btn.close:hover {
-		color: rgb(var(--color-error));
-	}
-
-	@media (max-width: 480px) {
-		.file-time {
-			display: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/Breadcrumb.svelte b/apps/storage/apps/web-archived/src/lib/components/files/Breadcrumb.svelte
deleted file mode 100644
index 051c96459..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/Breadcrumb.svelte
+++ /dev/null
@@ -1,90 +0,0 @@
-<script lang="ts">
-	import { CaretRight, House } from '@manacore/shared-icons';
-
-	interface BreadcrumbItem {
-		id: string | null;
-		name: string;
-	}
-
-	interface Props {
-		items: BreadcrumbItem[];
-		onNavigate: (id: string | null) => void;
-	}
-
-	let { items, onNavigate }: Props = $props();
-</script>
-
-<nav class="breadcrumb" aria-label="Breadcrumb">
-	<ol class="breadcrumb-list">
-		<li class="breadcrumb-item">
-			<button onclick={() => onNavigate(null)} class="breadcrumb-link" aria-label="Home">
-				<House size={16} />
-				<span>Meine Dateien</span>
-			</button>
-		</li>
-		{#each items as item, index (item.id)}
-			<li class="breadcrumb-item">
-				<CaretRight size={16} class="separator" />
-				{#if index === items.length - 1}
-					<span class="breadcrumb-current">{item.name}</span>
-				{:else}
-					<button onclick={() => onNavigate(item.id)} class="breadcrumb-link">
-						{item.name}
-					</button>
-				{/if}
-			</li>
-		{/each}
-	</ol>
-</nav>
-
-<style>
-	.breadcrumb {
-		margin-bottom: 1.5rem;
-	}
-
-	.breadcrumb-list {
-		display: flex;
-		align-items: center;
-		flex-wrap: wrap;
-		gap: 0.25rem;
-		list-style: none;
-		padding: 0;
-		margin: 0;
-	}
-
-	.breadcrumb-item {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	.breadcrumb-link {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.25rem 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.breadcrumb-link:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.breadcrumb-current {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-		padding: 0.25rem 0.5rem;
-	}
-
-	.breadcrumb-item :global(.separator) {
-		color: rgb(var(--color-text-tertiary));
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/BulkActionBar.svelte b/apps/storage/apps/web-archived/src/lib/components/files/BulkActionBar.svelte
deleted file mode 100644
index d600c2cad..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/BulkActionBar.svelte
+++ /dev/null
@@ -1,141 +0,0 @@
-<script lang="ts">
-	import { X, Trash, CheckSquare } from '@manacore/shared-icons';
-	import { filesStore } from '$lib/stores/files.svelte';
-	import { toastStore } from '@manacore/shared-ui';
-	import type { StorageFile, StorageFolder } from '$lib/api/client';
-
-	interface Props {
-		files?: StorageFile[];
-		folders?: StorageFolder[];
-	}
-
-	let { files = [], folders = [] }: Props = $props();
-
-	let deleting = $state(false);
-
-	async function handleDelete() {
-		const count = filesStore.selectionCount;
-		if (!confirm(`${count} Element(e) in den Papierkorb verschieben?`)) return;
-
-		deleting = true;
-		const result = await filesStore.deleteSelected(files, folders);
-		deleting = false;
-
-		if (result.hasErrors) {
-			toastStore.error('Einige Elemente konnten nicht gelöscht werden');
-		} else {
-			toastStore.success(`${result.deleted} Element(e) gelöscht`);
-		}
-	}
-</script>
-
-{#if filesStore.selectionCount > 0}
-	<div class="bulk-bar">
-		<div class="bulk-info">
-			<CheckSquare size={16} />
-			<span>{filesStore.selectionCount} ausgewählt</span>
-		</div>
-
-		<div class="bulk-actions">
-			<button class="bulk-btn danger" onclick={handleDelete} disabled={deleting}>
-				<Trash size={16} />
-				<span>{deleting ? 'Lösche...' : 'Löschen'}</span>
-			</button>
-
-			<button class="bulk-btn" onclick={() => filesStore.selectAllFromLists(files, folders)}>
-				Alle auswählen
-			</button>
-
-			<button
-				class="bulk-btn close"
-				onclick={() => filesStore.clearSelection()}
-				aria-label="Auswahl aufheben"
-			>
-				<X size={16} />
-			</button>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.bulk-bar {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.625rem 1rem;
-		margin-bottom: 1rem;
-		background: rgb(var(--color-primary) / 0.08);
-		border: 1px solid rgb(var(--color-primary) / 0.2);
-		border-radius: var(--radius-lg);
-		animation: slideIn 200ms ease;
-	}
-
-	@keyframes slideIn {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.bulk-info {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-primary));
-	}
-
-	.bulk-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.bulk-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.75rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.8125rem;
-		color: rgb(var(--color-text-primary));
-		cursor: pointer;
-		transition: all 150ms ease;
-	}
-
-	.bulk-btn:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.bulk-btn.danger {
-		color: rgb(var(--color-error));
-		border-color: rgb(var(--color-error) / 0.3);
-	}
-
-	.bulk-btn.danger:hover {
-		background: rgb(var(--color-error));
-		color: white;
-	}
-
-	.bulk-btn.close {
-		padding: 0.375rem;
-	}
-
-	.bulk-btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	@media (max-width: 640px) {
-		.bulk-btn span {
-			display: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/EmptyState.svelte b/apps/storage/apps/web-archived/src/lib/components/files/EmptyState.svelte
deleted file mode 100644
index f7436189e..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/EmptyState.svelte
+++ /dev/null
@@ -1,324 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	interface Props {
-		/** Which illustration to show */
-		type: 'files' | 'trash' | 'favorites' | 'search' | 'folder' | 'shared';
-		title: string;
-		description: string;
-		actions?: Snippet;
-	}
-
-	let { type, title, description, actions }: Props = $props();
-</script>
-
-<div class="empty-state">
-	<div class="illustration">
-		{#if type === 'files' || type === 'folder'}
-			<!-- Cloud folder illustration -->
-			<svg
-				width="120"
-				height="120"
-				viewBox="0 0 120 120"
-				fill="none"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<circle cx="60" cy="60" r="50" fill="rgb(var(--color-primary) / 0.06)" />
-				<rect
-					x="30"
-					y="42"
-					width="60"
-					height="40"
-					rx="4"
-					fill="rgb(var(--color-primary) / 0.15)"
-					stroke="rgb(var(--color-primary) / 0.3)"
-					stroke-width="1.5"
-				/>
-				<path
-					d="M30 46C30 43.7909 31.7909 42 34 42H48L53 36H86C88.2091 36 90 37.7909 90 40V42H30Z"
-					fill="rgb(var(--color-primary) / 0.25)"
-					stroke="rgb(var(--color-primary) / 0.3)"
-					stroke-width="1.5"
-				/>
-				<path
-					d="M52 60L56 56L60 60"
-					stroke="rgb(var(--color-primary) / 0.5)"
-					stroke-width="2"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-				/>
-				<line
-					x1="56"
-					y1="56"
-					x2="56"
-					y2="72"
-					stroke="rgb(var(--color-primary) / 0.5)"
-					stroke-width="2"
-					stroke-linecap="round"
-				/>
-				<path
-					d="M64 60L68 56L72 60"
-					stroke="rgb(var(--color-primary) / 0.3)"
-					stroke-width="2"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-				/>
-				<line
-					x1="68"
-					y1="56"
-					x2="68"
-					y2="68"
-					stroke="rgb(var(--color-primary) / 0.3)"
-					stroke-width="2"
-					stroke-linecap="round"
-				/>
-			</svg>
-		{:else if type === 'trash'}
-			<!-- Empty trash illustration -->
-			<svg
-				width="120"
-				height="120"
-				viewBox="0 0 120 120"
-				fill="none"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<circle cx="60" cy="60" r="50" fill="rgb(var(--color-text-secondary) / 0.05)" />
-				<rect
-					x="40"
-					y="44"
-					width="40"
-					height="42"
-					rx="3"
-					fill="rgb(var(--color-text-secondary) / 0.08)"
-					stroke="rgb(var(--color-text-secondary) / 0.2)"
-					stroke-width="1.5"
-				/>
-				<rect
-					x="36"
-					y="38"
-					width="48"
-					height="6"
-					rx="2"
-					fill="rgb(var(--color-text-secondary) / 0.12)"
-					stroke="rgb(var(--color-text-secondary) / 0.2)"
-					stroke-width="1.5"
-				/>
-				<line
-					x1="50"
-					y1="52"
-					x2="50"
-					y2="78"
-					stroke="rgb(var(--color-text-secondary) / 0.15)"
-					stroke-width="1.5"
-					stroke-linecap="round"
-				/>
-				<line
-					x1="60"
-					y1="52"
-					x2="60"
-					y2="78"
-					stroke="rgb(var(--color-text-secondary) / 0.15)"
-					stroke-width="1.5"
-					stroke-linecap="round"
-				/>
-				<line
-					x1="70"
-					y1="52"
-					x2="70"
-					y2="78"
-					stroke="rgb(var(--color-text-secondary) / 0.15)"
-					stroke-width="1.5"
-					stroke-linecap="round"
-				/>
-				<path
-					d="M52 38V34C52 32.8954 52.8954 32 54 32H66C67.1046 32 68 32.8954 68 34V38"
-					stroke="rgb(var(--color-text-secondary) / 0.2)"
-					stroke-width="1.5"
-				/>
-				<circle
-					cx="60"
-					cy="62"
-					r="8"
-					fill="rgb(var(--color-success) / 0.1)"
-					stroke="rgb(var(--color-success) / 0.3)"
-					stroke-width="1.5"
-				/>
-				<path
-					d="M56 62L59 65L65 59"
-					stroke="rgb(var(--color-success) / 0.5)"
-					stroke-width="1.5"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-				/>
-			</svg>
-		{:else if type === 'favorites'}
-			<!-- No favorites illustration -->
-			<svg
-				width="120"
-				height="120"
-				viewBox="0 0 120 120"
-				fill="none"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<circle cx="60" cy="60" r="50" fill="rgb(var(--color-warning) / 0.05)" />
-				<path
-					d="M60 40L65.5 51.2L78 53L69 61.8L71 74L60 68.2L49 74L51 61.8L42 53L54.5 51.2L60 40Z"
-					fill="rgb(var(--color-warning) / 0.1)"
-					stroke="rgb(var(--color-warning) / 0.3)"
-					stroke-width="1.5"
-					stroke-linejoin="round"
-				/>
-				<circle cx="60" cy="57" r="4" fill="rgb(var(--color-warning) / 0.15)" />
-				<path
-					d="M60 45L63 51"
-					stroke="rgb(var(--color-warning) / 0.2)"
-					stroke-width="1"
-					stroke-linecap="round"
-				/>
-				<path
-					d="M60 45L57 51"
-					stroke="rgb(var(--color-warning) / 0.2)"
-					stroke-width="1"
-					stroke-linecap="round"
-				/>
-			</svg>
-		{:else if type === 'search'}
-			<!-- No results illustration -->
-			<svg
-				width="120"
-				height="120"
-				viewBox="0 0 120 120"
-				fill="none"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<circle cx="60" cy="60" r="50" fill="rgb(var(--color-primary) / 0.05)" />
-				<circle
-					cx="54"
-					cy="54"
-					r="16"
-					fill="rgb(var(--color-primary) / 0.06)"
-					stroke="rgb(var(--color-primary) / 0.25)"
-					stroke-width="2"
-				/>
-				<line
-					x1="65"
-					y1="65"
-					x2="78"
-					y2="78"
-					stroke="rgb(var(--color-primary) / 0.25)"
-					stroke-width="3"
-					stroke-linecap="round"
-				/>
-				<path
-					d="M48 54H60"
-					stroke="rgb(var(--color-primary) / 0.15)"
-					stroke-width="1.5"
-					stroke-linecap="round"
-				/>
-				<path
-					d="M54 48V60"
-					stroke="rgb(var(--color-primary) / 0.15)"
-					stroke-width="1.5"
-					stroke-linecap="round"
-				/>
-			</svg>
-		{:else if type === 'shared'}
-			<!-- No shares illustration -->
-			<svg
-				width="120"
-				height="120"
-				viewBox="0 0 120 120"
-				fill="none"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<circle cx="60" cy="60" r="50" fill="rgb(var(--color-primary) / 0.05)" />
-				<circle
-					cx="44"
-					cy="52"
-					r="6"
-					fill="rgb(var(--color-primary) / 0.1)"
-					stroke="rgb(var(--color-primary) / 0.25)"
-					stroke-width="1.5"
-				/>
-				<circle
-					cx="76"
-					cy="42"
-					r="6"
-					fill="rgb(var(--color-primary) / 0.1)"
-					stroke="rgb(var(--color-primary) / 0.25)"
-					stroke-width="1.5"
-				/>
-				<circle
-					cx="76"
-					cy="68"
-					r="6"
-					fill="rgb(var(--color-primary) / 0.1)"
-					stroke="rgb(var(--color-primary) / 0.25)"
-					stroke-width="1.5"
-				/>
-				<line
-					x1="50"
-					y1="50"
-					x2="70"
-					y2="44"
-					stroke="rgb(var(--color-primary) / 0.2)"
-					stroke-width="1.5"
-					stroke-dasharray="3 3"
-				/>
-				<line
-					x1="50"
-					y1="55"
-					x2="70"
-					y2="65"
-					stroke="rgb(var(--color-primary) / 0.2)"
-					stroke-width="1.5"
-					stroke-dasharray="3 3"
-				/>
-			</svg>
-		{/if}
-	</div>
-
-	<h2 class="empty-title">{title}</h2>
-	<p class="empty-description">{description}</p>
-
-	{#if actions}
-		<div class="empty-actions">
-			{@render actions()}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 3rem 2rem;
-		text-align: center;
-	}
-
-	.illustration {
-		margin-bottom: 1rem;
-	}
-
-	.empty-title {
-		margin: 0 0 0.5rem;
-		font-size: 1.25rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.empty-description {
-		margin: 0 0 1.5rem;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-		max-width: 320px;
-		line-height: 1.5;
-	}
-
-	.empty-actions {
-		display: flex;
-		gap: 0.75rem;
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FileCard.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FileCard.svelte
deleted file mode 100644
index 46141a6a1..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FileCard.svelte
+++ /dev/null
@@ -1,251 +0,0 @@
-<script lang="ts">
-	import type { StorageFile } from '$lib/api/client';
-	import {
-		File,
-		FileImage,
-		FileText,
-		FileVideo,
-		FileAudio,
-		FileZip,
-		Heart,
-		DotsThreeVertical,
-	} from '@manacore/shared-icons';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import { filesStore } from '$lib/stores/files.svelte';
-
-	interface Props {
-		file: StorageFile;
-		onClick?: () => void;
-		onAction?: (action: string) => void;
-	}
-
-	let { file, onClick, onAction }: Props = $props();
-
-	let isSelected = $derived(filesStore.selectedFileIds.has(file.id));
-	let hasSelection = $derived(filesStore.selectionCount > 0);
-
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let isDragging = $state(false);
-
-	function getFileIcon(mimeType: string) {
-		if (mimeType.startsWith('image/')) return FileImage;
-		if (mimeType.startsWith('video/')) return FileVideo;
-		if (mimeType.startsWith('audio/')) return FileAudio;
-		if (mimeType.startsWith('text/')) return FileText;
-		if (mimeType.includes('zip') || mimeType.includes('archive')) return FileZip;
-		return File;
-	}
-
-	function formatFileSize(bytes: number): string {
-		if (bytes === 0) return '0 B';
-		const k = 1024;
-		const sizes = ['B', 'KB', 'MB', 'GB'];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
-	}
-
-	function handleContextMenu(e: MouseEvent) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuVisible = true;
-	}
-
-	function handleMenuClick(e: MouseEvent) {
-		e.stopPropagation();
-		const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
-		contextMenuX = rect.right;
-		contextMenuY = rect.bottom;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		return [
-			{ id: 'download', label: 'Herunterladen' },
-			{ id: 'rename', label: 'Umbenennen' },
-			{ id: 'share', label: 'Teilen' },
-			{ id: 'favorite', label: file.isFavorite ? 'Favorit entfernen' : 'Als Favorit' },
-			{ id: 'move', label: 'Verschieben' },
-			{ id: 'divider', label: '', type: 'divider' },
-			{ id: 'delete', label: 'Löschen', variant: 'danger' },
-		];
-	}
-
-	function handleContextMenuSelect(item: ContextMenuItem) {
-		onAction?.(item.id);
-	}
-
-	const Icon = getFileIcon(file.mimeType);
-</script>
-
-<div
-	class="file-card"
-	class:dragging={isDragging}
-	class:selected={isSelected}
-	onclick={(e) => {
-		if (hasSelection) {
-			e.stopPropagation();
-			filesStore.toggleFileSelection(file.id);
-		} else {
-			onClick?.();
-		}
-	}}
-	oncontextmenu={handleContextMenu}
-	role="button"
-	tabindex="0"
-	draggable="true"
-	ondragstart={(e) => {
-		e.dataTransfer?.setData('application/json', JSON.stringify({ type: 'file', id: file.id }));
-		e.dataTransfer!.effectAllowed = 'move';
-		isDragging = true;
-	}}
-	ondragend={() => {
-		isDragging = false;
-	}}
->
-	{#if hasSelection}
-		<input
-			type="checkbox"
-			class="select-checkbox"
-			checked={isSelected}
-			onclick={(e) => {
-				e.stopPropagation();
-				filesStore.toggleFileSelection(file.id);
-			}}
-			aria-label="Datei auswählen"
-		/>
-	{/if}
-	<div class="file-icon">
-		<Icon size={40} strokeWidth={1.5} />
-		{#if file.isFavorite}
-			<div class="favorite-badge">
-				<Heart size={12} fill="currentColor" />
-			</div>
-		{/if}
-	</div>
-	<div class="file-info">
-		<span class="file-name" title={file.name}>{file.name}</span>
-		<span class="file-size">{formatFileSize(file.size)}</span>
-	</div>
-	<button
-		class="menu-button"
-		onclick={handleMenuClick}
-		type="button"
-		aria-label="Aktionen für {file.name}"
-		aria-haspopup="menu"
-	>
-		<DotsThreeVertical size={16} />
-	</button>
-</div>
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => (contextMenuVisible = false)}
-	onSelect={handleContextMenuSelect}
-/>
-
-<style>
-	.file-card {
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 1rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-lg);
-		cursor: pointer;
-		transition: all var(--transition-fast);
-		text-align: center;
-	}
-
-	.file-card:hover {
-		border-color: rgb(var(--color-primary));
-		box-shadow: var(--shadow-md);
-	}
-
-	.file-card.selected {
-		border-color: rgb(var(--color-primary));
-		background: rgb(var(--color-primary) / 0.06);
-	}
-
-	.select-checkbox {
-		position: absolute;
-		top: 0.5rem;
-		left: 0.5rem;
-		width: 16px;
-		height: 16px;
-		accent-color: rgb(var(--color-primary));
-		cursor: pointer;
-	}
-
-	.file-card.dragging {
-		opacity: 0.5;
-		transform: scale(0.95);
-		border-style: dashed;
-	}
-
-	.file-icon {
-		position: relative;
-		color: rgb(var(--color-primary));
-		margin-bottom: 0.75rem;
-	}
-
-	.favorite-badge {
-		position: absolute;
-		top: -4px;
-		right: -4px;
-		color: rgb(var(--color-warning));
-	}
-
-	.file-info {
-		width: 100%;
-		overflow: hidden;
-	}
-
-	.file-name {
-		display: block;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.file-size {
-		display: block;
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-secondary));
-		margin-top: 0.25rem;
-	}
-
-	.menu-button {
-		position: absolute;
-		top: 0.5rem;
-		right: 0.5rem;
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		opacity: 0;
-		transition: opacity var(--transition-fast);
-	}
-
-	.file-card:hover .menu-button {
-		opacity: 1;
-	}
-
-	.menu-button:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FileGrid.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FileGrid.svelte
deleted file mode 100644
index babf48403..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FileGrid.svelte
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts">
-	import type { StorageFile, StorageFolder } from '$lib/api/client';
-	import FileCard from './FileCard.svelte';
-	import FolderCard from './FolderCard.svelte';
-
-	interface Props {
-		files: StorageFile[];
-		folders: StorageFolder[];
-		onFileClick?: (file: StorageFile) => void;
-		onFolderClick?: (folder: StorageFolder) => void;
-		onFileAction?: (action: string, file: StorageFile) => void;
-		onFolderAction?: (action: string, folder: StorageFolder) => void;
-		onMoveToFolder?: (itemType: 'file' | 'folder', itemId: string, targetFolderId: string) => void;
-	}
-
-	let {
-		files,
-		folders,
-		onFileClick,
-		onFolderClick,
-		onFileAction,
-		onFolderAction,
-		onMoveToFolder,
-	}: Props = $props();
-</script>
-
-<div class="file-grid">
-	{#each folders as folder, i (folder.id)}
-		<div class="grid-item" style="--delay: {i * 30}ms">
-			<FolderCard
-				{folder}
-				onClick={() => onFolderClick?.(folder)}
-				onAction={(action) => onFolderAction?.(action, folder)}
-				onDrop={(data) => onMoveToFolder?.(data.type, data.id, folder.id)}
-			/>
-		</div>
-	{/each}
-	{#each files as file, i (file.id)}
-		<div class="grid-item" style="--delay: {(folders.length + i) * 30}ms">
-			<FileCard
-				{file}
-				onClick={() => onFileClick?.(file)}
-				onAction={(action) => onFileAction?.(action, file)}
-			/>
-		</div>
-	{/each}
-</div>
-
-<style>
-	.file-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-		gap: 1rem;
-	}
-
-	.grid-item {
-		animation: fadeSlideIn 0.3s ease-out both;
-		animation-delay: var(--delay, 0ms);
-	}
-
-	@keyframes fadeSlideIn {
-		from {
-			opacity: 0;
-			transform: translateY(8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	@media (max-width: 640px) {
-		.file-grid {
-			grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-			gap: 0.75rem;
-		}
-	}
-
-	@media (prefers-reduced-motion: reduce) {
-		.grid-item {
-			animation: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FileList.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FileList.svelte
deleted file mode 100644
index 0a8a6cfd1..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FileList.svelte
+++ /dev/null
@@ -1,109 +0,0 @@
-<script lang="ts">
-	import type { StorageFile, StorageFolder } from '$lib/api/client';
-	import FileRow from './FileRow.svelte';
-	import FolderRow from './FolderRow.svelte';
-
-	interface Props {
-		files: StorageFile[];
-		folders: StorageFolder[];
-		onFileClick?: (file: StorageFile) => void;
-		onFolderClick?: (folder: StorageFolder) => void;
-		onFileAction?: (action: string, file: StorageFile) => void;
-		onFolderAction?: (action: string, folder: StorageFolder) => void;
-	}
-
-	let { files, folders, onFileClick, onFolderClick, onFileAction, onFolderAction }: Props =
-		$props();
-
-	function formatFileSize(bytes: number): string {
-		if (bytes === 0) return '0 B';
-		const k = 1024;
-		const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
-	}
-
-	function formatDate(dateStr: string): string {
-		return new Date(dateStr).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-		});
-	}
-</script>
-
-<div class="file-list" role="table" aria-label="Dateien und Ordner">
-	<div class="list-header" role="row">
-		<span class="col-name" role="columnheader">Name</span>
-		<span class="col-size" role="columnheader">Größe</span>
-		<span class="col-date" role="columnheader">Geändert</span>
-		<span class="col-actions" role="columnheader"><span class="sr-only">Aktionen</span></span>
-	</div>
-	<div class="list-body" role="rowgroup">
-		{#each folders as folder (folder.id)}
-			<FolderRow
-				{folder}
-				{formatDate}
-				onClick={() => onFolderClick?.(folder)}
-				onAction={(action) => onFolderAction?.(action, folder)}
-			/>
-		{/each}
-		{#each files as file (file.id)}
-			<FileRow
-				{file}
-				{formatFileSize}
-				{formatDate}
-				onClick={() => onFileClick?.(file)}
-				onAction={(action) => onFileAction?.(action, file)}
-			/>
-		{/each}
-	</div>
-</div>
-
-<style>
-	.file-list {
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-lg);
-		overflow: hidden;
-	}
-
-	.list-header {
-		display: grid;
-		grid-template-columns: 1fr 100px 120px 50px;
-		gap: 1rem;
-		padding: 0.75rem 1rem;
-		background: rgb(var(--color-surface));
-		border-bottom: 1px solid rgb(var(--color-border));
-		font-size: 0.75rem;
-		font-weight: 600;
-		text-transform: uppercase;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.list-body {
-		background: rgb(var(--color-surface-elevated));
-	}
-
-	.sr-only {
-		position: absolute;
-		width: 1px;
-		height: 1px;
-		padding: 0;
-		margin: -1px;
-		overflow: hidden;
-		clip: rect(0, 0, 0, 0);
-		white-space: nowrap;
-		border-width: 0;
-	}
-
-	@media (max-width: 640px) {
-		.list-header {
-			grid-template-columns: 1fr 50px;
-		}
-
-		.col-size,
-		.col-date {
-			display: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FilePreviewModal.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FilePreviewModal.svelte
deleted file mode 100644
index 03f2e72ac..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FilePreviewModal.svelte
+++ /dev/null
@@ -1,718 +0,0 @@
-<script lang="ts">
-	import {
-		X,
-		DownloadSimple,
-		PencilSimple,
-		ShareNetwork,
-		Heart,
-		Trash,
-		ClockCounterClockwise,
-		File,
-		FileImage,
-		FileText,
-		FileVideo,
-		FileAudio,
-		FileZip,
-		Play,
-		Pause,
-	} from '@manacore/shared-icons';
-	import type { StorageFile } from '$lib/api/client';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import FileVersionsModal from './FileVersionsModal.svelte';
-	import { audioPlayerStore, getAudioFiles } from '$lib/stores/audio-player.svelte';
-	import TagPicker from './TagPicker.svelte';
-	import { browser } from '$app/environment';
-
-	interface Props {
-		open: boolean;
-		file: StorageFile | null;
-		/** All files in the current folder (for building audio queue) */
-		allFiles?: StorageFile[];
-		onClose: () => void;
-		onAction: (action: string, file: StorageFile) => void;
-	}
-
-	let { open, file, allFiles = [], onClose, onAction }: Props = $props();
-
-	let showVersions = $state(false);
-
-	let isImage = $derived(file?.mimeType.startsWith('image/') ?? false);
-	let isAudio = $derived(file?.mimeType.startsWith('audio/') ?? false);
-	let isVideo = $derived(file?.mimeType.startsWith('video/') ?? false);
-	let isPdf = $derived(file?.mimeType === 'application/pdf');
-	let isTextOrCode = $derived(
-		file?.mimeType.startsWith('text/') ||
-			file?.mimeType.includes('javascript') ||
-			file?.mimeType.includes('json') ||
-			file?.mimeType.includes('xml') ||
-			file?.mimeType.includes('yaml') ||
-			file?.mimeType.includes('markdown') ||
-			false
-	);
-	let isMarkdown = $derived(
-		file?.name.endsWith('.md') || file?.mimeType.includes('markdown') || false
-	);
-
-	let imageUrl = $derived(
-		isImage && file ? `http://localhost:3016/api/v1/files/${file.id}/download` : null
-	);
-
-	/** Presigned URL for video/PDF preview */
-	let presignedUrl = $state<string | null>(null);
-	let textContent = $state<string | null>(null);
-	let textLoading = $state(false);
-
-	// Fetch presigned URL for video/PDF when file changes
-	$effect(() => {
-		presignedUrl = null;
-		textContent = null;
-
-		if (!file || !browser) return;
-
-		if (isVideo || isPdf) {
-			fetchPresignedUrl(file.id);
-		} else if (isTextOrCode) {
-			fetchTextContent(file.id);
-		}
-	});
-
-	async function fetchPresignedUrl(fileId: string) {
-		try {
-			const token = await authStore.getAccessToken();
-			const res = await fetch(`http://localhost:3016/api/v1/files/${fileId}/download?url=true`, {
-				headers: { Authorization: `Bearer ${token}` },
-			});
-			if (res.ok) {
-				const data = await res.json();
-				presignedUrl = data.url;
-			}
-		} catch (e) {
-			console.warn('Failed to get presigned URL:', e);
-		}
-	}
-
-	async function fetchTextContent(fileId: string) {
-		textLoading = true;
-		try {
-			const token = await authStore.getAccessToken();
-			const res = await fetch(`http://localhost:3016/api/v1/files/${fileId}/download`, {
-				headers: { Authorization: `Bearer ${token}` },
-			});
-			if (res.ok) {
-				const text = await res.text();
-				// Limit preview to ~50KB to avoid performance issues
-				textContent = text.length > 50000 ? text.slice(0, 50000) + '\n\n… (gekürzt)' : text;
-			}
-		} catch (e) {
-			console.warn('Failed to fetch text content:', e);
-		} finally {
-			textLoading = false;
-		}
-	}
-
-	/** Check if this file is currently playing in the global player */
-	let isCurrentlyPlaying = $derived(
-		audioPlayerStore.currentFile?.id === file?.id && audioPlayerStore.isPlaying
-	);
-
-	function handlePlayAudio() {
-		if (!file) return;
-
-		// If this file is already playing, toggle play/pause
-		if (audioPlayerStore.currentFile?.id === file.id) {
-			audioPlayerStore.togglePlay();
-			return;
-		}
-
-		// Build queue from all audio files in the folder
-		const audioFiles = getAudioFiles(allFiles);
-		const currentIndex = audioFiles.findIndex((f) => f.id === file!.id);
-		const audioFile = { id: file.id, name: file.name, mimeType: file.mimeType, size: file.size };
-
-		if (audioFiles.length > 0 && currentIndex >= 0) {
-			audioPlayerStore.playFile(audioFile, audioFiles, currentIndex);
-		} else {
-			audioPlayerStore.playFile(audioFile);
-		}
-	}
-
-	function getFileIcon(mimeType: string) {
-		if (mimeType.startsWith('image/')) return FileImage;
-		if (mimeType.startsWith('video/')) return FileVideo;
-		if (mimeType.startsWith('audio/')) return FileAudio;
-		if (mimeType.startsWith('text/')) return FileText;
-		if (mimeType.includes('zip') || mimeType.includes('archive')) return FileZip;
-		return File;
-	}
-
-	function formatFileSize(bytes: number): string {
-		if (bytes === 0) return '0 B';
-		const k = 1024;
-		const sizes = ['B', 'KB', 'MB', 'GB'];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
-	}
-
-	function formatDate(dateStr: string): string {
-		return new Date(dateStr).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit',
-		});
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-
-	/** Simple markdown to HTML renderer (no external dependency) */
-	function renderMarkdown(md: string): string {
-		let html = md
-			// Escape HTML
-			.replace(/&/g, '&amp;')
-			.replace(/</g, '&lt;')
-			.replace(/>/g, '&gt;')
-			// Code blocks (``` ... ```)
-			.replace(/```(\w*)\n([\s\S]*?)```/g, '<pre><code>$2</code></pre>')
-			// Inline code
-			.replace(/`([^`]+)`/g, '<code>$1</code>')
-			// Headers
-			.replace(/^#### (.+)$/gm, '<h4>$1</h4>')
-			.replace(/^### (.+)$/gm, '<h3>$1</h3>')
-			.replace(/^## (.+)$/gm, '<h2>$1</h2>')
-			.replace(/^# (.+)$/gm, '<h1>$1</h1>')
-			// Bold & italic
-			.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
-			.replace(/\*(.+?)\*/g, '<em>$1</em>')
-			// Links
-			.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>')
-			// Unordered lists
-			.replace(/^[*-] (.+)$/gm, '<li>$1</li>')
-			// Horizontal rules
-			.replace(/^---$/gm, '<hr>')
-			// Paragraphs (double newlines)
-			.replace(/\n\n/g, '</p><p>');
-
-		// Wrap loose <li> in <ul>
-		html = html.replace(/((?:<li>.*<\/li>\s*)+)/g, '<ul>$1</ul>');
-
-		return `<p>${html}</p>`;
-	}
-
-	function handleAction(action: string) {
-		if (file) {
-			onAction(action, file);
-		}
-	}
-</script>
-
-{#if open && file}
-	{@const Icon = getFileIcon(file.mimeType)}
-	<div
-		class="modal-overlay"
-		onclick={onClose}
-		onkeydown={handleKeydown}
-		role="dialog"
-		aria-modal="true"
-		aria-labelledby="preview-modal-title"
-		tabindex="-1"
-	>
-		<div class="modal-content" onclick={(e) => e.stopPropagation()}>
-			<div class="modal-header">
-				<h2 id="preview-modal-title">{file.name}</h2>
-				<button class="close-button" onclick={onClose} aria-label="Schließen">
-					<X size={20} />
-				</button>
-			</div>
-
-			<div class="modal-body">
-				<div class="preview-area">
-					{#if isImage && imageUrl}
-						<img src={imageUrl} alt={file.name} class="image-preview" />
-					{:else if isVideo}
-						{#if presignedUrl}
-							<!-- svelte-ignore a11y_media_has_caption -->
-							<video src={presignedUrl} controls class="video-preview" preload="metadata">
-								Dein Browser unterstützt kein Video.
-							</video>
-						{:else}
-							<div class="no-preview">
-								<FileVideo size={48} />
-								<p>Video wird geladen…</p>
-							</div>
-						{/if}
-					{:else if isAudio}
-						<div class="audio-preview">
-							<button
-								class="audio-play-btn"
-								onclick={handlePlayAudio}
-								aria-label={isCurrentlyPlaying ? 'Pause' : 'Abspielen'}
-							>
-								<div class="audio-play-icon">
-									{#if isCurrentlyPlaying}
-										<Pause size={32} weight="fill" />
-									{:else}
-										<Play size={32} weight="fill" />
-									{/if}
-								</div>
-							</button>
-							<p class="audio-label">{isCurrentlyPlaying ? 'Wird abgespielt' : 'Abspielen'}</p>
-						</div>
-					{:else if isPdf}
-						{#if presignedUrl}
-							<iframe src={presignedUrl} class="pdf-preview" title="PDF Vorschau: {file.name}"
-							></iframe>
-						{:else}
-							<div class="no-preview">
-								<Icon size={48} />
-								<p>PDF wird geladen…</p>
-							</div>
-						{/if}
-					{:else if isTextOrCode}
-						{#if textLoading}
-							<div class="no-preview">
-								<Icon size={48} />
-								<p>Inhalt wird geladen…</p>
-							</div>
-						{:else if textContent !== null}
-							{#if isMarkdown}
-								<div class="text-preview markdown-preview">
-									{@html renderMarkdown(textContent)}
-								</div>
-							{:else}
-								<pre class="text-preview"><code>{textContent}</code></pre>
-							{/if}
-						{:else}
-							<div class="no-preview">
-								<Icon size={64} />
-								<p>Vorschau nicht verfügbar</p>
-							</div>
-						{/if}
-					{:else}
-						<div class="no-preview">
-							<Icon size={64} />
-						</div>
-					{/if}
-				</div>
-
-				<div class="file-details">
-					<div class="detail-row">
-						<span class="detail-label">Name</span>
-						<span class="detail-value">{file.name}</span>
-					</div>
-					<div class="detail-row">
-						<span class="detail-label">Typ</span>
-						<span class="detail-value">{file.mimeType}</span>
-					</div>
-					<div class="detail-row">
-						<span class="detail-label">Größe</span>
-						<span class="detail-value">{formatFileSize(file.size)}</span>
-					</div>
-					<div class="detail-row">
-						<span class="detail-label">Erstellt</span>
-						<span class="detail-value">{formatDate(file.createdAt)}</span>
-					</div>
-					<div class="detail-row">
-						<span class="detail-label">Geändert</span>
-						<span class="detail-value">{formatDate(file.updatedAt)}</span>
-					</div>
-					<div class="detail-row">
-						<span class="detail-label">Favorit</span>
-						<span class="detail-value">{file.isFavorite ? 'Ja' : 'Nein'}</span>
-					</div>
-				</div>
-
-				<TagPicker fileId={file.id} />
-			</div>
-
-			<div class="modal-actions">
-				<button
-					class="action-btn"
-					onclick={() => handleAction('download')}
-					aria-label="Herunterladen"
-				>
-					<DownloadSimple size={18} />
-					<span>Herunterladen</span>
-				</button>
-				<button class="action-btn" onclick={() => handleAction('rename')} aria-label="Umbenennen">
-					<PencilSimple size={18} />
-					<span>Umbenennen</span>
-				</button>
-				<button class="action-btn" onclick={() => handleAction('share')} aria-label="Teilen">
-					<ShareNetwork size={18} />
-					<span>Teilen</span>
-				</button>
-				<button class="action-btn" onclick={() => (showVersions = true)} aria-label="Versionen">
-					<ClockCounterClockwise size={18} />
-					<span>Versionen</span>
-				</button>
-				<button
-					class="action-btn"
-					class:favorited={file.isFavorite}
-					onclick={() => handleAction('favorite')}
-					aria-label={file.isFavorite ? 'Favorit entfernen' : 'Als Favorit markieren'}
-				>
-					<Heart size={18} fill={file.isFavorite ? 'currentColor' : 'none'} />
-					<span>{file.isFavorite ? 'Favorit entfernen' : 'Favorit'}</span>
-				</button>
-				<button
-					class="action-btn danger"
-					onclick={() => handleAction('delete')}
-					aria-label="Löschen"
-				>
-					<Trash size={18} />
-					<span>Löschen</span>
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<FileVersionsModal open={showVersions} {file} onClose={() => (showVersions = false)} />
-
-<style>
-	.modal-overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 1000;
-		backdrop-filter: blur(4px);
-	}
-
-	.modal-content {
-		background: rgb(var(--color-surface-elevated));
-		border-radius: var(--radius-xl);
-		box-shadow: var(--shadow-xl);
-		width: 100%;
-		max-width: 700px;
-		max-height: 90vh;
-		margin: 1rem;
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1.5rem;
-		border-bottom: 1px solid rgb(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	.modal-header h2 {
-		margin: 0;
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		min-width: 0;
-		padding-right: 1rem;
-	}
-
-	.close-button {
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		flex-shrink: 0;
-	}
-
-	.close-button:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.modal-body {
-		padding: 1.5rem;
-		overflow-y: auto;
-		flex: 1;
-		min-height: 0;
-	}
-
-	.preview-area {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-height: 200px;
-		margin-bottom: 1.5rem;
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-lg);
-		overflow: hidden;
-	}
-
-	.image-preview {
-		max-width: 100%;
-		max-height: 400px;
-		object-fit: contain;
-	}
-
-	.video-preview {
-		width: 100%;
-		max-height: 400px;
-		border-radius: var(--radius-md);
-		background: #000;
-	}
-
-	.pdf-preview {
-		width: 100%;
-		height: 500px;
-		border: none;
-		border-radius: var(--radius-md);
-	}
-
-	.text-preview {
-		width: 100%;
-		max-height: 400px;
-		overflow: auto;
-		padding: 1rem;
-		margin: 0;
-		font-size: 0.8125rem;
-		line-height: 1.6;
-		color: rgb(var(--color-text-primary));
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-md);
-		text-align: left;
-		white-space: pre-wrap;
-		word-break: break-word;
-		font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
-		tab-size: 4;
-	}
-
-	.text-preview code {
-		font-family: inherit;
-		font-size: inherit;
-	}
-
-	.markdown-preview {
-		font-family: inherit;
-		white-space: normal;
-	}
-
-	.markdown-preview :global(h1) {
-		font-size: 1.375rem;
-		font-weight: 700;
-		margin: 0 0 0.5rem;
-	}
-
-	.markdown-preview :global(h2) {
-		font-size: 1.125rem;
-		font-weight: 600;
-		margin: 1rem 0 0.375rem;
-	}
-
-	.markdown-preview :global(h3) {
-		font-size: 1rem;
-		font-weight: 600;
-		margin: 0.75rem 0 0.25rem;
-	}
-
-	.markdown-preview :global(code) {
-		font-family: 'SF Mono', 'Fira Code', monospace;
-		font-size: 0.8em;
-		padding: 0.125rem 0.375rem;
-		background: rgb(var(--color-border) / 0.5);
-		border-radius: var(--radius-sm);
-	}
-
-	.markdown-preview :global(pre) {
-		background: rgb(var(--color-surface-elevated));
-		padding: 0.75rem;
-		border-radius: var(--radius-md);
-		overflow-x: auto;
-		margin: 0.5rem 0;
-	}
-
-	.markdown-preview :global(pre code) {
-		padding: 0;
-		background: none;
-	}
-
-	.markdown-preview :global(ul) {
-		padding-left: 1.25rem;
-		margin: 0.375rem 0;
-	}
-
-	.markdown-preview :global(li) {
-		margin: 0.125rem 0;
-	}
-
-	.markdown-preview :global(hr) {
-		border: none;
-		border-top: 1px solid rgb(var(--color-border));
-		margin: 0.75rem 0;
-	}
-
-	.markdown-preview :global(a) {
-		color: rgb(var(--color-primary));
-		text-decoration: underline;
-	}
-
-	.markdown-preview :global(strong) {
-		font-weight: 600;
-	}
-
-	.audio-preview {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 0.75rem;
-		padding: 2rem;
-	}
-
-	.audio-play-btn {
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		padding: 0;
-	}
-
-	.audio-play-icon {
-		width: 4.5rem;
-		height: 4.5rem;
-		border-radius: 50%;
-		background: rgb(var(--color-primary));
-		color: white;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: all 200ms ease;
-		box-shadow: 0 4px 20px rgb(var(--color-primary) / 0.3);
-	}
-
-	.audio-play-btn:hover .audio-play-icon {
-		transform: scale(1.08);
-		box-shadow: 0 6px 28px rgb(var(--color-primary) / 0.4);
-	}
-
-	.audio-label {
-		margin: 0;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.no-preview {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 0.75rem;
-		padding: 2rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.no-preview p {
-		margin: 0;
-		font-size: 0.875rem;
-	}
-
-	.file-details {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.detail-row {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 0.375rem 0;
-		border-bottom: 1px solid rgb(var(--color-border));
-	}
-
-	.detail-row:last-child {
-		border-bottom: none;
-	}
-
-	.detail-label {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.detail-value {
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		text-align: right;
-		word-break: break-all;
-		max-width: 60%;
-	}
-
-	.modal-actions {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		padding: 1rem 1.5rem;
-		border-top: 1px solid rgb(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.75rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.action-btn:hover {
-		background: rgb(var(--color-surface-elevated));
-		border-color: rgb(var(--color-text-secondary));
-	}
-
-	.action-btn.favorited {
-		color: rgb(var(--color-warning));
-	}
-
-	.action-btn.danger {
-		color: rgb(var(--color-error));
-	}
-
-	.action-btn.danger:hover {
-		background: rgb(var(--color-error));
-		border-color: rgb(var(--color-error));
-		color: white;
-	}
-
-	@media (max-width: 640px) {
-		.modal-content {
-			max-width: 100%;
-			max-height: 100vh;
-			margin: 0;
-			border-radius: 0;
-		}
-
-		.modal-actions {
-			justify-content: center;
-		}
-
-		.action-btn span {
-			display: none;
-		}
-
-		.action-btn {
-			padding: 0.625rem;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FileRow.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FileRow.svelte
deleted file mode 100644
index 5dbdc7979..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FileRow.svelte
+++ /dev/null
@@ -1,209 +0,0 @@
-<script lang="ts">
-	import type { StorageFile } from '$lib/api/client';
-	import {
-		File,
-		FileImage,
-		FileText,
-		FileVideo,
-		FileAudio,
-		FileZip,
-		Heart,
-		DotsThreeVertical,
-	} from '@manacore/shared-icons';
-
-	interface Props {
-		file: StorageFile;
-		formatFileSize: (bytes: number) => string;
-		formatDate: (dateStr: string) => string;
-		onClick?: () => void;
-		onAction?: (action: string) => void;
-	}
-
-	let { file, formatFileSize, formatDate, onClick, onAction }: Props = $props();
-
-	let showMenu = $state(false);
-
-	function getFileIcon(mimeType: string) {
-		if (mimeType.startsWith('image/')) return FileImage;
-		if (mimeType.startsWith('video/')) return FileVideo;
-		if (mimeType.startsWith('audio/')) return FileAudio;
-		if (mimeType.startsWith('text/')) return FileText;
-		if (mimeType.includes('zip') || mimeType.includes('archive')) return FileZip;
-		return File;
-	}
-
-	function handleMenuClick(e: MouseEvent) {
-		e.stopPropagation();
-		showMenu = !showMenu;
-	}
-
-	function handleAction(action: string) {
-		showMenu = false;
-		onAction?.(action);
-	}
-
-	const Icon = getFileIcon(file.mimeType);
-</script>
-
-<div class="file-row" onclick={onClick} role="button" tabindex="0">
-	<span class="col-name">
-		<span class="icon">
-			<Icon size={20} strokeWidth={1.5} />
-		</span>
-		<span class="name" title={file.name}>{file.name}</span>
-		{#if file.isFavorite}
-			<Heart size={14} fill="currentColor" class="favorite-icon" />
-		{/if}
-	</span>
-	<span class="col-size">{formatFileSize(file.size)}</span>
-	<span class="col-date">{formatDate(file.updatedAt)}</span>
-	<span class="col-actions">
-		<button
-			class="menu-button"
-			onclick={handleMenuClick}
-			type="button"
-			aria-label="Aktionen für {file.name}"
-			aria-expanded={showMenu}
-			aria-haspopup="menu"
-		>
-			<DotsThreeVertical size={16} />
-		</button>
-		{#if showMenu}
-			<div class="menu-dropdown" role="menu" aria-label="Dateiaktionen">
-				<button role="menuitem" onclick={() => handleAction('download')}>Herunterladen</button>
-				<button role="menuitem" onclick={() => handleAction('rename')}>Umbenennen</button>
-				<button role="menuitem" onclick={() => handleAction('share')}>Teilen</button>
-				<button role="menuitem" onclick={() => handleAction('favorite')}>
-					{file.isFavorite ? 'Favorit entfernen' : 'Als Favorit'}
-				</button>
-				<button role="menuitem" onclick={() => handleAction('move')}>Verschieben</button>
-				<hr />
-				<button role="menuitem" class="danger" onclick={() => handleAction('delete')}
-					>Löschen</button
-				>
-			</div>
-		{/if}
-	</span>
-</div>
-
-<style>
-	.file-row {
-		display: grid;
-		grid-template-columns: 1fr 100px 120px 50px;
-		gap: 1rem;
-		padding: 0.75rem 1rem;
-		align-items: center;
-		border-bottom: 1px solid rgb(var(--color-border));
-		background: transparent;
-		border-left: none;
-		border-right: none;
-		border-top: none;
-		cursor: pointer;
-		transition: background var(--transition-fast);
-		width: 100%;
-		text-align: left;
-	}
-
-	.file-row:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.col-name {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		min-width: 0;
-	}
-
-	.icon {
-		flex-shrink: 0;
-		color: rgb(var(--color-primary));
-	}
-
-	.name {
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.col-name :global(.favorite-icon) {
-		flex-shrink: 0;
-		color: rgb(var(--color-warning));
-	}
-
-	.col-size,
-	.col-date {
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.col-actions {
-		position: relative;
-	}
-
-	.menu-button {
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-	}
-
-	.menu-button:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.menu-dropdown {
-		position: absolute;
-		top: 100%;
-		right: 0;
-		min-width: 150px;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		box-shadow: var(--shadow-lg);
-		z-index: 100;
-		overflow: hidden;
-	}
-
-	.menu-dropdown button {
-		display: block;
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		text-align: left;
-		background: none;
-		border: none;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		cursor: pointer;
-	}
-
-	.menu-dropdown button:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.menu-dropdown button.danger {
-		color: rgb(var(--color-error));
-	}
-
-	.menu-dropdown hr {
-		margin: 0.25rem 0;
-		border: none;
-		border-top: 1px solid rgb(var(--color-border));
-	}
-
-	@media (max-width: 640px) {
-		.file-row {
-			grid-template-columns: 1fr 50px;
-		}
-
-		.col-size,
-		.col-date {
-			display: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FileSkeletonGrid.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FileSkeletonGrid.svelte
deleted file mode 100644
index 29b5158f1..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FileSkeletonGrid.svelte
+++ /dev/null
@@ -1,74 +0,0 @@
-<script lang="ts">
-	interface Props {
-		count?: number;
-	}
-
-	let { count = 8 }: Props = $props();
-</script>
-
-<div class="skeleton-grid" role="status" aria-label="Dateien werden geladen">
-	{#each Array(count) as _, i}
-		<div class="skeleton-card" style="opacity: {1 - i * 0.08}">
-			<div class="skeleton-icon shimmer"></div>
-			<div class="skeleton-name shimmer"></div>
-			<div class="skeleton-size shimmer"></div>
-		</div>
-	{/each}
-</div>
-
-<style>
-	.skeleton-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-		gap: 1rem;
-	}
-
-	.skeleton-card {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 1.25rem 1rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-lg);
-	}
-
-	.skeleton-icon {
-		width: 40px;
-		height: 40px;
-		border-radius: var(--radius-md);
-	}
-
-	.skeleton-name {
-		width: 80%;
-		height: 14px;
-		border-radius: var(--radius-sm);
-	}
-
-	.skeleton-size {
-		width: 40%;
-		height: 11px;
-		border-radius: var(--radius-sm);
-	}
-
-	.shimmer {
-		background: linear-gradient(
-			90deg,
-			rgb(var(--color-border) / 0.3) 25%,
-			rgb(var(--color-border) / 0.6) 50%,
-			rgb(var(--color-border) / 0.3) 75%
-		);
-		background-size: 200% 100%;
-		animation: shimmer 1.5s ease-in-out infinite;
-	}
-
-	@keyframes shimmer {
-		0% {
-			background-position: 200% 0;
-		}
-		100% {
-			background-position: -200% 0;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FileSkeletonList.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FileSkeletonList.svelte
deleted file mode 100644
index c33781a60..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FileSkeletonList.svelte
+++ /dev/null
@@ -1,85 +0,0 @@
-<script lang="ts">
-	interface Props {
-		count?: number;
-	}
-
-	let { count = 6 }: Props = $props();
-</script>
-
-<div class="skeleton-list" role="status" aria-label="Dateien werden geladen">
-	{#each Array(count) as _, i}
-		<div class="skeleton-row" style="opacity: {1 - i * 0.1}">
-			<div class="skeleton-icon shimmer"></div>
-			<div class="skeleton-name shimmer"></div>
-			<div class="skeleton-size shimmer"></div>
-			<div class="skeleton-date shimmer"></div>
-		</div>
-	{/each}
-</div>
-
-<style>
-	.skeleton-list {
-		display: flex;
-		flex-direction: column;
-	}
-
-	.skeleton-row {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem 1rem;
-		border-bottom: 1px solid rgb(var(--color-border));
-	}
-
-	.skeleton-icon {
-		width: 32px;
-		height: 32px;
-		border-radius: var(--radius-sm);
-		flex-shrink: 0;
-	}
-
-	.skeleton-name {
-		flex: 1;
-		height: 14px;
-		max-width: 200px;
-		border-radius: var(--radius-sm);
-	}
-
-	.skeleton-size {
-		width: 60px;
-		height: 12px;
-		border-radius: var(--radius-sm);
-	}
-
-	.skeleton-date {
-		width: 100px;
-		height: 12px;
-		border-radius: var(--radius-sm);
-	}
-
-	.shimmer {
-		background: linear-gradient(
-			90deg,
-			rgb(var(--color-border) / 0.3) 25%,
-			rgb(var(--color-border) / 0.6) 50%,
-			rgb(var(--color-border) / 0.3) 75%
-		);
-		background-size: 200% 100%;
-		animation: shimmer 1.5s ease-in-out infinite;
-	}
-
-	@keyframes shimmer {
-		0% {
-			background-position: 200% 0;
-		}
-		100% {
-			background-position: -200% 0;
-		}
-	}
-
-	@media (max-width: 640px) {
-		.skeleton-date {
-			display: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FileVersionsModal.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FileVersionsModal.svelte
deleted file mode 100644
index c3a2eb6df..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FileVersionsModal.svelte
+++ /dev/null
@@ -1,413 +0,0 @@
-<script lang="ts">
-	import { X, UploadSimple, ClockCounterClockwise } from '@manacore/shared-icons';
-	import { filesApi, type StorageFile, type FileVersion } from '$lib/api/client';
-
-	interface Props {
-		open: boolean;
-		file: StorageFile | null;
-		onClose: () => void;
-	}
-
-	let { open, file, onClose }: Props = $props();
-
-	let versions = $state<FileVersion[]>([]);
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let uploading = $state(false);
-	let comment = $state('');
-	let fileInput = $state<HTMLInputElement | null>(null);
-
-	$effect(() => {
-		if (open && file) {
-			loadVersions();
-		} else {
-			versions = [];
-			error = null;
-			comment = '';
-		}
-	});
-
-	async function loadVersions() {
-		if (!file) return;
-		loading = true;
-		error = null;
-		try {
-			const response = await filesApi.getVersions(file.id);
-			if (response.error) {
-				error = response.error;
-			} else {
-				versions = response.data ?? [];
-			}
-		} catch {
-			error = 'Fehler beim Laden der Versionen';
-		} finally {
-			loading = false;
-		}
-	}
-
-	function triggerFileSelect() {
-		fileInput?.click();
-	}
-
-	async function handleFileSelected(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const selectedFile = input.files?.[0];
-		if (!selectedFile || !file) return;
-
-		uploading = true;
-		error = null;
-		try {
-			const response = await filesApi.uploadVersion(
-				file.id,
-				selectedFile,
-				comment.trim() || undefined
-			);
-			if (response.error) {
-				error = response.error;
-			} else {
-				comment = '';
-				await loadVersions();
-			}
-		} catch {
-			error = 'Fehler beim Hochladen der Version';
-		} finally {
-			uploading = false;
-			input.value = '';
-		}
-	}
-
-	function formatFileSize(bytes: number): string {
-		if (bytes === 0) return '0 B';
-		const k = 1024;
-		const sizes = ['B', 'KB', 'MB', 'GB'];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
-	}
-
-	function formatDate(dateStr: string): string {
-		return new Date(dateStr).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit',
-		});
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-{#if open && file}
-	<div
-		class="modal-overlay"
-		onclick={onClose}
-		onkeydown={handleKeydown}
-		role="dialog"
-		aria-modal="true"
-		aria-labelledby="versions-modal-title"
-		tabindex="-1"
-	>
-		<div class="modal-content" onclick={(e) => e.stopPropagation()}>
-			<div class="modal-header">
-				<h2 id="versions-modal-title">Versionen - {file.name}</h2>
-				<button class="close-button" onclick={onClose} aria-label="Schliessen">
-					<X size={20} />
-				</button>
-			</div>
-
-			<div class="modal-body">
-				<!-- Upload new version -->
-				<div class="upload-section">
-					<div class="comment-input">
-						<label for="version-comment">Kommentar (optional)</label>
-						<input
-							type="text"
-							id="version-comment"
-							bind:value={comment}
-							placeholder="Beschreibung der Aenderungen..."
-							disabled={uploading}
-						/>
-					</div>
-					<input
-						type="file"
-						bind:this={fileInput}
-						onchange={handleFileSelected}
-						class="hidden-input"
-					/>
-					<button
-						class="upload-btn"
-						onclick={triggerFileSelect}
-						disabled={uploading}
-						aria-label="Neue Version hochladen"
-					>
-						<UploadSimple size={18} />
-						<span>{uploading ? 'Wird hochgeladen...' : 'Neue Version hochladen'}</span>
-					</button>
-				</div>
-
-				{#if error}
-					<div class="error-message">{error}</div>
-				{/if}
-
-				<!-- Version list -->
-				{#if loading}
-					<div class="loading-state">
-						<p>Versionen werden geladen...</p>
-					</div>
-				{:else if versions.length === 0}
-					<div class="empty-state">
-						<ClockCounterClockwise size={48} />
-						<p>Keine Versionen vorhanden</p>
-					</div>
-				{:else}
-					<ul class="version-list">
-						{#each versions as version (version.id)}
-							<li class="version-item">
-								<div class="version-header">
-									<span class="version-number">Version {version.versionNumber}</span>
-									<span class="version-size">{formatFileSize(version.size)}</span>
-								</div>
-								<div class="version-meta">
-									<span class="version-date">{formatDate(version.createdAt)}</span>
-								</div>
-								{#if version.comment}
-									<p class="version-comment">{version.comment}</p>
-								{/if}
-							</li>
-						{/each}
-					</ul>
-				{/if}
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.modal-overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 1000;
-		backdrop-filter: blur(4px);
-	}
-
-	.modal-content {
-		background: rgb(var(--color-surface-elevated));
-		border-radius: var(--radius-xl);
-		box-shadow: var(--shadow-xl);
-		width: 100%;
-		max-width: 520px;
-		max-height: 90vh;
-		margin: 1rem;
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1.5rem;
-		border-bottom: 1px solid rgb(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	.modal-header h2 {
-		margin: 0;
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		min-width: 0;
-		padding-right: 1rem;
-	}
-
-	.close-button {
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		flex-shrink: 0;
-	}
-
-	.close-button:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.modal-body {
-		padding: 1.5rem;
-		overflow-y: auto;
-		flex: 1;
-		min-height: 0;
-	}
-
-	.upload-section {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-		margin-bottom: 1.5rem;
-		padding-bottom: 1.5rem;
-		border-bottom: 1px solid rgb(var(--color-border));
-	}
-
-	.comment-input label {
-		display: block;
-		margin-bottom: 0.375rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.comment-input input {
-		width: 100%;
-		padding: 0.625rem 0.75rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.comment-input input:focus {
-		outline: none;
-		border-color: rgb(var(--color-primary));
-		box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
-	}
-
-	.comment-input input:disabled {
-		opacity: 0.5;
-	}
-
-	.hidden-input {
-		display: none;
-	}
-
-	.upload-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.625rem 1rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: white;
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.upload-btn:hover:not(:disabled) {
-		opacity: 0.9;
-	}
-
-	.upload-btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.error-message {
-		padding: 0.75rem;
-		margin-bottom: 1rem;
-		background: rgba(var(--color-error), 0.1);
-		border: 1px solid rgba(var(--color-error), 0.3);
-		border-radius: var(--radius-md);
-		color: rgb(var(--color-error));
-		font-size: 0.875rem;
-	}
-
-	.loading-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 0.75rem;
-		padding: 2rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.loading-state p,
-	.empty-state p {
-		margin: 0;
-		font-size: 0.875rem;
-	}
-
-	.version-list {
-		list-style: none;
-		margin: 0;
-		padding: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.version-item {
-		padding: 0.75rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-	}
-
-	.version-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 0.25rem;
-	}
-
-	.version-number {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.version-size {
-		font-size: 0.8125rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.version-meta {
-		display: flex;
-		gap: 0.75rem;
-		align-items: center;
-	}
-
-	.version-date {
-		font-size: 0.8125rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.version-comment {
-		margin: 0.5rem 0 0;
-		padding: 0.5rem;
-		background: rgb(var(--color-surface-elevated));
-		border-radius: var(--radius-sm);
-		font-size: 0.8125rem;
-		color: rgb(var(--color-text-secondary));
-		font-style: italic;
-	}
-
-	@media (max-width: 640px) {
-		.modal-content {
-			max-width: 100%;
-			max-height: 100vh;
-			margin: 0;
-			border-radius: 0;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FolderCard.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FolderCard.svelte
deleted file mode 100644
index cfe523b7d..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FolderCard.svelte
+++ /dev/null
@@ -1,289 +0,0 @@
-<script lang="ts">
-	import type { StorageFolder } from '$lib/api/client';
-	import { Folder, Heart, DotsThreeVertical } from '@manacore/shared-icons';
-	import { filesStore } from '$lib/stores/files.svelte';
-
-	interface Props {
-		folder: StorageFolder;
-		onClick?: () => void;
-		onAction?: (action: string) => void;
-		onDrop?: (data: { type: 'file' | 'folder'; id: string }) => void;
-	}
-
-	let { folder, onClick, onAction, onDrop }: Props = $props();
-
-	let isSelected = $derived(filesStore.selectedFolderIds.has(folder.id));
-	let hasSelection = $derived(filesStore.selectionCount > 0);
-
-	let showMenu = $state(false);
-	let isDragOver = $state(false);
-	let isDragging = $state(false);
-
-	function handleDragOver(e: DragEvent) {
-		e.preventDefault();
-		e.stopPropagation();
-		if (e.dataTransfer) e.dataTransfer.dropEffect = 'move';
-		isDragOver = true;
-	}
-
-	function handleDragLeave(e: DragEvent) {
-		e.preventDefault();
-		isDragOver = false;
-	}
-
-	function handleDrop(e: DragEvent) {
-		e.preventDefault();
-		e.stopPropagation();
-		isDragOver = false;
-		const raw = e.dataTransfer?.getData('application/json');
-		if (raw) {
-			try {
-				const data = JSON.parse(raw);
-				if (data.id !== folder.id) {
-					onDrop?.(data);
-				}
-			} catch {}
-		}
-	}
-
-	function handleMenuClick(e: MouseEvent) {
-		e.stopPropagation();
-		showMenu = !showMenu;
-	}
-
-	function handleAction(action: string) {
-		showMenu = false;
-		onAction?.(action);
-	}
-
-	// Color mapping for folder colors
-	const colorMap: Record<string, string> = {
-		blue: '#3b82f6',
-		green: '#22c55e',
-		yellow: '#eab308',
-		red: '#ef4444',
-		purple: '#a855f7',
-		pink: '#ec4899',
-		orange: '#f97316',
-		teal: '#14b8a6',
-	};
-
-	let folderColor = $derived(folder.color ? colorMap[folder.color] || folder.color : undefined);
-</script>
-
-<div
-	class="folder-card"
-	class:drag-over={isDragOver}
-	class:dragging={isDragging}
-	class:selected={isSelected}
-	onclick={(e) => {
-		if (hasSelection) {
-			e.stopPropagation();
-			filesStore.toggleFolderSelection(folder.id);
-		} else {
-			onClick?.();
-		}
-	}}
-	role="button"
-	tabindex="0"
-	draggable="true"
-	ondragstart={(e) => {
-		e.dataTransfer?.setData('application/json', JSON.stringify({ type: 'folder', id: folder.id }));
-		e.dataTransfer!.effectAllowed = 'move';
-		isDragging = true;
-	}}
-	ondragend={() => {
-		isDragging = false;
-	}}
-	ondragover={handleDragOver}
-	ondragleave={handleDragLeave}
-	ondrop={handleDrop}
->
-	{#if hasSelection}
-		<input
-			type="checkbox"
-			class="select-checkbox"
-			checked={isSelected}
-			onclick={(e) => {
-				e.stopPropagation();
-				filesStore.toggleFolderSelection(folder.id);
-			}}
-			aria-label="Ordner auswählen"
-		/>
-	{/if}
-	<div class="folder-icon" style:color={folderColor}>
-		<Folder size={40} strokeWidth={1.5} fill="currentColor" />
-		{#if folder.isFavorite}
-			<div class="favorite-badge">
-				<Heart size={12} fill="currentColor" />
-			</div>
-		{/if}
-	</div>
-	<div class="folder-info">
-		<span class="folder-name" title={folder.name}>{folder.name}</span>
-	</div>
-	<button
-		class="menu-button"
-		onclick={handleMenuClick}
-		type="button"
-		aria-label="Aktionen für {folder.name}"
-		aria-expanded={showMenu}
-		aria-haspopup="menu"
-	>
-		<DotsThreeVertical size={16} />
-	</button>
-
-	{#if showMenu}
-		<div class="menu-dropdown" role="menu" aria-label="Ordneraktionen">
-			<button role="menuitem" onclick={() => handleAction('rename')}>Umbenennen</button>
-			<button role="menuitem" onclick={() => handleAction('share')}>Teilen</button>
-			<button role="menuitem" onclick={() => handleAction('favorite')}>
-				{folder.isFavorite ? 'Favorit entfernen' : 'Als Favorit'}
-			</button>
-			<button role="menuitem" onclick={() => handleAction('move')}>Verschieben</button>
-			<hr />
-			<button role="menuitem" class="danger" onclick={() => handleAction('delete')}>Löschen</button>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.folder-card {
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 1rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-lg);
-		cursor: pointer;
-		transition: all var(--transition-fast);
-		text-align: center;
-	}
-
-	.folder-card:hover {
-		border-color: rgb(var(--color-primary));
-		box-shadow: var(--shadow-md);
-	}
-
-	.folder-card.selected {
-		border-color: rgb(var(--color-primary));
-		background: rgb(var(--color-primary) / 0.06);
-	}
-
-	.select-checkbox {
-		position: absolute;
-		top: 0.5rem;
-		left: 0.5rem;
-		width: 16px;
-		height: 16px;
-		accent-color: rgb(var(--color-primary));
-		cursor: pointer;
-		z-index: 2;
-	}
-
-	.folder-card.drag-over {
-		border-color: rgb(var(--color-success));
-		border-style: dashed;
-		background: rgba(var(--color-success), 0.05);
-		box-shadow: var(--shadow-lg);
-		transform: scale(1.02);
-	}
-
-	.folder-card.dragging {
-		opacity: 0.5;
-		transform: scale(0.95);
-		border-style: dashed;
-	}
-
-	.folder-icon {
-		position: relative;
-		color: rgb(var(--color-primary));
-		margin-bottom: 0.75rem;
-	}
-
-	.favorite-badge {
-		position: absolute;
-		top: -4px;
-		right: -4px;
-		color: rgb(var(--color-warning));
-	}
-
-	.folder-info {
-		width: 100%;
-		overflow: hidden;
-	}
-
-	.folder-name {
-		display: block;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.menu-button {
-		position: absolute;
-		top: 0.5rem;
-		right: 0.5rem;
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		opacity: 0;
-		transition: opacity var(--transition-fast);
-	}
-
-	.folder-card:hover .menu-button {
-		opacity: 1;
-	}
-
-	.menu-button:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.menu-dropdown {
-		position: absolute;
-		top: 2rem;
-		right: 0.5rem;
-		min-width: 150px;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		box-shadow: var(--shadow-lg);
-		z-index: 100;
-		overflow: hidden;
-	}
-
-	.menu-dropdown button {
-		display: block;
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		text-align: left;
-		background: none;
-		border: none;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		cursor: pointer;
-	}
-
-	.menu-dropdown button:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.menu-dropdown button.danger {
-		color: rgb(var(--color-error));
-	}
-
-	.menu-dropdown hr {
-		margin: 0.25rem 0;
-		border: none;
-		border-top: 1px solid rgb(var(--color-border));
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/FolderRow.svelte b/apps/storage/apps/web-archived/src/lib/components/files/FolderRow.svelte
deleted file mode 100644
index ce712ac6c..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/FolderRow.svelte
+++ /dev/null
@@ -1,202 +0,0 @@
-<script lang="ts">
-	import type { StorageFolder } from '$lib/api/client';
-	import { Folder, Heart, DotsThreeVertical } from '@manacore/shared-icons';
-
-	interface Props {
-		folder: StorageFolder;
-		formatDate: (dateStr: string) => string;
-		onClick?: () => void;
-		onAction?: (action: string) => void;
-	}
-
-	let { folder, formatDate, onClick, onAction }: Props = $props();
-
-	let showMenu = $state(false);
-
-	// Color mapping for folder colors
-	const colorMap: Record<string, string> = {
-		blue: '#3b82f6',
-		green: '#22c55e',
-		yellow: '#eab308',
-		red: '#ef4444',
-		purple: '#a855f7',
-		pink: '#ec4899',
-		orange: '#f97316',
-		teal: '#14b8a6',
-	};
-
-	let folderColor = $derived(folder.color ? colorMap[folder.color] || folder.color : undefined);
-
-	function handleMenuClick(e: MouseEvent) {
-		e.stopPropagation();
-		showMenu = !showMenu;
-	}
-
-	function handleAction(action: string) {
-		showMenu = false;
-		onAction?.(action);
-	}
-</script>
-
-<div class="folder-row" onclick={onClick} role="button" tabindex="0">
-	<span class="col-name">
-		<span class="icon" style:color={folderColor}>
-			<Folder size={20} strokeWidth={1.5} fill="currentColor" />
-		</span>
-		<span class="name" title={folder.name}>{folder.name}</span>
-		{#if folder.isFavorite}
-			<Heart size={14} fill="currentColor" class="favorite-icon" />
-		{/if}
-	</span>
-	<span class="col-size">—</span>
-	<span class="col-date">{formatDate(folder.updatedAt)}</span>
-	<span class="col-actions">
-		<button
-			class="menu-button"
-			onclick={handleMenuClick}
-			type="button"
-			aria-label="Aktionen für {folder.name}"
-			aria-expanded={showMenu}
-			aria-haspopup="menu"
-		>
-			<DotsThreeVertical size={16} />
-		</button>
-		{#if showMenu}
-			<div class="menu-dropdown" role="menu" aria-label="Ordneraktionen">
-				<button role="menuitem" onclick={() => handleAction('rename')}>Umbenennen</button>
-				<button role="menuitem" onclick={() => handleAction('share')}>Teilen</button>
-				<button role="menuitem" onclick={() => handleAction('favorite')}>
-					{folder.isFavorite ? 'Favorit entfernen' : 'Als Favorit'}
-				</button>
-				<button role="menuitem" onclick={() => handleAction('move')}>Verschieben</button>
-				<hr />
-				<button role="menuitem" class="danger" onclick={() => handleAction('delete')}
-					>Löschen</button
-				>
-			</div>
-		{/if}
-	</span>
-</div>
-
-<style>
-	.folder-row {
-		display: grid;
-		grid-template-columns: 1fr 100px 120px 50px;
-		gap: 1rem;
-		padding: 0.75rem 1rem;
-		align-items: center;
-		border-bottom: 1px solid rgb(var(--color-border));
-		background: transparent;
-		border-left: none;
-		border-right: none;
-		border-top: none;
-		cursor: pointer;
-		transition: background var(--transition-fast);
-		width: 100%;
-		text-align: left;
-	}
-
-	.folder-row:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.col-name {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		min-width: 0;
-	}
-
-	.icon {
-		flex-shrink: 0;
-		color: rgb(var(--color-primary));
-	}
-
-	.name {
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		font-weight: 500;
-	}
-
-	.col-name :global(.favorite-icon) {
-		flex-shrink: 0;
-		color: rgb(var(--color-warning));
-	}
-
-	.col-size,
-	.col-date {
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.col-actions {
-		position: relative;
-	}
-
-	.menu-button {
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-	}
-
-	.menu-button:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.menu-dropdown {
-		position: absolute;
-		top: 100%;
-		right: 0;
-		min-width: 150px;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		box-shadow: var(--shadow-lg);
-		z-index: 100;
-		overflow: hidden;
-	}
-
-	.menu-dropdown button {
-		display: block;
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		text-align: left;
-		background: none;
-		border: none;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		cursor: pointer;
-	}
-
-	.menu-dropdown button:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.menu-dropdown button.danger {
-		color: rgb(var(--color-error));
-	}
-
-	.menu-dropdown hr {
-		margin: 0.25rem 0;
-		border: none;
-		border-top: 1px solid rgb(var(--color-border));
-	}
-
-	@media (max-width: 640px) {
-		.folder-row {
-			grid-template-columns: 1fr 50px;
-		}
-
-		.col-size,
-		.col-date {
-			display: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/NewFolderModal.svelte b/apps/storage/apps/web-archived/src/lib/components/files/NewFolderModal.svelte
deleted file mode 100644
index eec1b8faf..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/NewFolderModal.svelte
+++ /dev/null
@@ -1,283 +0,0 @@
-<script lang="ts">
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		open: boolean;
-		onClose: () => void;
-		onCreate: (name: string, color?: string) => void;
-	}
-
-	let { open, onClose, onCreate }: Props = $props();
-
-	let folderName = $state('');
-	let selectedColor = $state<string | undefined>(undefined);
-	let loading = $state(false);
-
-	const colors = [
-		{ id: 'blue', value: '#3b82f6', label: 'Blau' },
-		{ id: 'green', value: '#22c55e', label: 'Grün' },
-		{ id: 'yellow', value: '#eab308', label: 'Gelb' },
-		{ id: 'red', value: '#ef4444', label: 'Rot' },
-		{ id: 'purple', value: '#a855f7', label: 'Lila' },
-		{ id: 'pink', value: '#ec4899', label: 'Pink' },
-		{ id: 'orange', value: '#f97316', label: 'Orange' },
-		{ id: 'teal', value: '#14b8a6', label: 'Türkis' },
-	];
-
-	async function handleSubmit() {
-		if (!folderName.trim()) return;
-
-		loading = true;
-		try {
-			await onCreate(folderName.trim(), selectedColor);
-			folderName = '';
-			selectedColor = undefined;
-			onClose();
-		} finally {
-			loading = false;
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-{#if open}
-	<div
-		class="modal-overlay"
-		onclick={onClose}
-		onkeydown={handleKeydown}
-		role="dialog"
-		aria-modal="true"
-		aria-labelledby="modal-title"
-		tabindex="-1"
-	>
-		<div class="modal-content" onclick={(e) => e.stopPropagation()}>
-			<div class="modal-header">
-				<h2 id="modal-title">Neuer Ordner</h2>
-				<button class="close-button" onclick={onClose} aria-label="Schließen">
-					<X size={20} />
-				</button>
-			</div>
-
-			<form
-				onsubmit={(e) => {
-					e.preventDefault();
-					handleSubmit();
-				}}
-			>
-				<div class="form-group">
-					<label for="folder-name">Ordnername</label>
-					<input
-						type="text"
-						id="folder-name"
-						bind:value={folderName}
-						placeholder="Neuer Ordner"
-						autofocus
-					/>
-				</div>
-
-				<div class="form-group">
-					<label>Ordnerfarbe (optional)</label>
-					<div class="color-picker">
-						<button
-							type="button"
-							class="color-option default"
-							class:selected={!selectedColor}
-							onclick={() => (selectedColor = undefined)}
-							aria-label="Standard"
-						>
-							<span class="checkmark">✓</span>
-						</button>
-						{#each colors as color (color.id)}
-							<button
-								type="button"
-								class="color-option"
-								class:selected={selectedColor === color.id}
-								style="background-color: {color.value}"
-								onclick={() => (selectedColor = color.id)}
-								aria-label={color.label}
-							>
-								{#if selectedColor === color.id}
-									<span class="checkmark white">✓</span>
-								{/if}
-							</button>
-						{/each}
-					</div>
-				</div>
-
-				<div class="modal-actions">
-					<button type="button" class="btn-secondary" onclick={onClose}>Abbrechen</button>
-					<button type="submit" class="btn-primary" disabled={!folderName.trim() || loading}>
-						{loading ? 'Erstellen...' : 'Erstellen'}
-					</button>
-				</div>
-			</form>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.modal-overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 1000;
-		backdrop-filter: blur(4px);
-	}
-
-	.modal-content {
-		background: rgb(var(--color-surface-elevated));
-		border-radius: var(--radius-xl);
-		box-shadow: var(--shadow-xl);
-		width: 100%;
-		max-width: 400px;
-		margin: 1rem;
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1.5rem;
-		border-bottom: 1px solid rgb(var(--color-border));
-	}
-
-	.modal-header h2 {
-		margin: 0;
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.close-button {
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-	}
-
-	.close-button:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	form {
-		padding: 1.5rem;
-	}
-
-	.form-group {
-		margin-bottom: 1.25rem;
-	}
-
-	.form-group label {
-		display: block;
-		margin-bottom: 0.5rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.form-group input {
-		width: 100%;
-		padding: 0.75rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.form-group input:focus {
-		outline: none;
-		border-color: rgb(var(--color-primary));
-		box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
-	}
-
-	.color-picker {
-		display: flex;
-		gap: 0.5rem;
-		flex-wrap: wrap;
-	}
-
-	.color-option {
-		width: 32px;
-		height: 32px;
-		border-radius: 50%;
-		border: 2px solid transparent;
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: all var(--transition-fast);
-	}
-
-	.color-option.default {
-		background: rgb(var(--color-surface));
-		border-color: rgb(var(--color-border));
-	}
-
-	.color-option.selected {
-		border-color: rgb(var(--color-text-primary));
-		transform: scale(1.1);
-	}
-
-	.checkmark {
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.checkmark.white {
-		color: white;
-	}
-
-	.modal-actions {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.75rem;
-		margin-top: 1.5rem;
-	}
-
-	.btn-secondary,
-	.btn-primary {
-		padding: 0.625rem 1rem;
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.btn-secondary {
-		background: transparent;
-		border: 1px solid rgb(var(--color-border));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.btn-secondary:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.btn-primary {
-		background: rgb(var(--color-primary));
-		border: none;
-		color: white;
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		opacity: 0.9;
-	}
-
-	.btn-primary:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/ShareModal.svelte b/apps/storage/apps/web-archived/src/lib/components/files/ShareModal.svelte
deleted file mode 100644
index df8c6ab0a..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/ShareModal.svelte
+++ /dev/null
@@ -1,386 +0,0 @@
-<script lang="ts">
-	import { X, Link, Copy, Check } from '@manacore/shared-icons';
-	import { sharesApi } from '$lib/api/client';
-	import type { Share } from '$lib/api/client';
-	import { toastStore } from '@manacore/shared-ui';
-
-	interface Props {
-		open: boolean;
-		fileId?: string | null;
-		folderId?: string | null;
-		fileName?: string;
-		onClose: () => void;
-	}
-
-	let { open, fileId = null, folderId = null, fileName = '', onClose }: Props = $props();
-
-	let accessLevel = $state<'view' | 'edit' | 'download'>('view');
-	let password = $state('');
-	let maxDownloads = $state<number | undefined>(undefined);
-	let expiresInDays = $state<number | undefined>(undefined);
-	let creating = $state(false);
-	let createdShare = $state<Share | null>(null);
-	let copied = $state(false);
-
-	let shareUrl = $derived(
-		createdShare ? `${window.location.origin}/public/share/${createdShare.shareToken}` : ''
-	);
-
-	function reset() {
-		accessLevel = 'view';
-		password = '';
-		maxDownloads = undefined;
-		expiresInDays = undefined;
-		creating = false;
-		createdShare = null;
-		copied = false;
-	}
-
-	function handleClose() {
-		reset();
-		onClose();
-	}
-
-	async function handleCreate() {
-		creating = true;
-		try {
-			const result = await sharesApi.create({
-				fileId: fileId || undefined,
-				folderId: folderId || undefined,
-				accessLevel,
-				password: password || undefined,
-				maxDownloads: maxDownloads || undefined,
-				expiresAt: expiresInDays
-					? new Date(Date.now() + expiresInDays * 86400000).toISOString()
-					: undefined,
-			});
-			if (result.data) {
-				createdShare = result.data;
-			} else {
-				toastStore.error(result.error || 'Fehler beim Erstellen des Links');
-			}
-		} catch {
-			toastStore.error('Fehler beim Erstellen des Links');
-		} finally {
-			creating = false;
-		}
-	}
-
-	async function handleCopy() {
-		try {
-			await navigator.clipboard.writeText(shareUrl);
-			copied = true;
-			toastStore.success('Link kopiert');
-			setTimeout(() => (copied = false), 2000);
-		} catch {
-			toastStore.error('Kopieren fehlgeschlagen');
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') handleClose();
-	}
-</script>
-
-{#if open}
-	<div
-		class="modal-overlay"
-		onclick={handleClose}
-		onkeydown={handleKeydown}
-		role="dialog"
-		aria-modal="true"
-		aria-label="Teilen"
-		tabindex="-1"
-	>
-		<div class="modal-content" onclick={(e) => e.stopPropagation()}>
-			<div class="modal-header">
-				<h2>
-					<Link size={18} />
-					{createdShare ? 'Link erstellt' : 'Teilen'}
-				</h2>
-				<button class="close-btn" onclick={handleClose} aria-label="Schließen">
-					<X size={20} />
-				</button>
-			</div>
-
-			{#if createdShare}
-				<!-- Success: show link -->
-				<div class="modal-body">
-					<p class="share-info">
-						Link für <strong>{fileName}</strong> wurde erstellt.
-					</p>
-					<div class="link-row">
-						<input type="text" readonly value={shareUrl} class="link-input" />
-						<button class="copy-btn" onclick={handleCopy} aria-label="Link kopieren">
-							{#if copied}
-								<Check size={18} />
-							{:else}
-								<Copy size={18} />
-							{/if}
-						</button>
-					</div>
-					<div class="share-details">
-						<span class="detail"
-							>Zugriff: {accessLevel === 'view'
-								? 'Ansehen'
-								: accessLevel === 'download'
-									? 'Herunterladen'
-									: 'Bearbeiten'}</span
-						>
-						{#if createdShare.expiresAt}
-							<span class="detail"
-								>Läuft ab: {new Date(createdShare.expiresAt).toLocaleDateString('de-DE')}</span
-							>
-						{/if}
-						{#if createdShare.maxDownloads}
-							<span class="detail">Max. Downloads: {createdShare.maxDownloads}</span>
-						{/if}
-						{#if password}
-							<span class="detail">Passwortgeschützt</span>
-						{/if}
-					</div>
-				</div>
-				<div class="modal-actions">
-					<button class="btn primary" onclick={handleClose}>Fertig</button>
-				</div>
-			{:else}
-				<!-- Form: create share -->
-				<div class="modal-body">
-					<p class="share-info">
-						Erstelle einen Link zum Teilen von <strong>{fileName}</strong>.
-					</p>
-
-					<div class="form-group">
-						<label for="access-level">Zugriff</label>
-						<select id="access-level" bind:value={accessLevel}>
-							<option value="view">Nur ansehen</option>
-							<option value="download">Herunterladen erlaubt</option>
-							<option value="edit">Bearbeiten erlaubt</option>
-						</select>
-					</div>
-
-					<div class="form-group">
-						<label for="expires">Gültigkeit</label>
-						<select id="expires" bind:value={expiresInDays}>
-							<option value={undefined}>Kein Ablaufdatum</option>
-							<option value={1}>1 Tag</option>
-							<option value={7}>7 Tage</option>
-							<option value={30}>30 Tage</option>
-							<option value={90}>90 Tage</option>
-						</select>
-					</div>
-
-					<div class="form-group">
-						<label for="max-downloads">Max. Downloads</label>
-						<input
-							id="max-downloads"
-							type="number"
-							min="1"
-							placeholder="Unbegrenzt"
-							bind:value={maxDownloads}
-						/>
-					</div>
-
-					<div class="form-group">
-						<label for="password">Passwort (optional)</label>
-						<input
-							id="password"
-							type="password"
-							placeholder="Kein Passwort"
-							bind:value={password}
-						/>
-					</div>
-				</div>
-
-				<div class="modal-actions">
-					<button class="btn secondary" onclick={handleClose}>Abbrechen</button>
-					<button class="btn primary" onclick={handleCreate} disabled={creating}>
-						{creating ? 'Erstelle...' : 'Link erstellen'}
-					</button>
-				</div>
-			{/if}
-		</div>
-	</div>
-{/if}
-
-<style>
-	.modal-overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 1000;
-		backdrop-filter: blur(4px);
-	}
-
-	.modal-content {
-		background: rgb(var(--color-surface-elevated));
-		border-radius: var(--radius-xl);
-		box-shadow: var(--shadow-xl);
-		width: 100%;
-		max-width: 440px;
-		margin: 1rem;
-		overflow: hidden;
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1.25rem;
-		border-bottom: 1px solid rgb(var(--color-border));
-	}
-
-	.modal-header h2 {
-		margin: 0;
-		font-size: 1rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.close-btn {
-		padding: 0.25rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-	}
-
-	.close-btn:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.modal-body {
-		padding: 1.25rem;
-	}
-
-	.share-info {
-		margin: 0 0 1rem;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-		line-height: 1.5;
-	}
-
-	.share-info strong {
-		color: rgb(var(--color-text-primary));
-	}
-
-	.link-row {
-		display: flex;
-		gap: 0.5rem;
-		margin-bottom: 0.75rem;
-	}
-
-	.link-input {
-		flex: 1;
-		padding: 0.5rem 0.75rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.8125rem;
-		color: rgb(var(--color-text-primary));
-		font-family: monospace;
-	}
-
-	.copy-btn {
-		padding: 0.5rem 0.75rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		color: white;
-		cursor: pointer;
-		transition: opacity 150ms ease;
-	}
-
-	.copy-btn:hover {
-		opacity: 0.9;
-	}
-
-	.share-details {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-	}
-
-	.detail {
-		font-size: 0.75rem;
-		padding: 0.25rem 0.5rem;
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.form-group {
-		margin-bottom: 0.875rem;
-	}
-
-	.form-group label {
-		display: block;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-secondary));
-		margin-bottom: 0.375rem;
-	}
-
-	.form-group select,
-	.form-group input {
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.form-group select:focus,
-	.form-group input:focus {
-		outline: none;
-		border-color: rgb(var(--color-primary));
-	}
-
-	.modal-actions {
-		display: flex;
-		justify-content: flex-end;
-		gap: 0.5rem;
-		padding: 0.75rem 1.25rem;
-		border-top: 1px solid rgb(var(--color-border));
-	}
-
-	.btn {
-		padding: 0.5rem 1rem;
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 150ms ease;
-	}
-
-	.btn.secondary {
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.btn.primary {
-		background: rgb(var(--color-primary));
-		border: 1px solid rgb(var(--color-primary));
-		color: white;
-	}
-
-	.btn.primary:hover {
-		opacity: 0.9;
-	}
-
-	.btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/TagPicker.svelte b/apps/storage/apps/web-archived/src/lib/components/files/TagPicker.svelte
deleted file mode 100644
index e84519d3c..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/TagPicker.svelte
+++ /dev/null
@@ -1,311 +0,0 @@
-<script lang="ts">
-	import { Tag as TagIcon, Plus, X } from '@manacore/shared-icons';
-	import { tagsApi } from '$lib/api/client';
-	import type { Tag } from '$lib/api/client';
-	import { toastStore } from '@manacore/shared-ui';
-
-	interface Props {
-		fileId: string;
-	}
-
-	let { fileId }: Props = $props();
-
-	let allTags = $state<Tag[]>([]);
-	let fileTags = $state<Tag[]>([]);
-	let loading = $state(true);
-	let showDropdown = $state(false);
-	let newTagName = $state('');
-	let creating = $state(false);
-
-	let availableTags = $derived(allTags.filter((t) => !fileTags.some((ft) => ft.id === t.id)));
-
-	const TAG_COLORS = [
-		{ name: 'blue', value: '#3b82f6' },
-		{ name: 'green', value: '#22c55e' },
-		{ name: 'yellow', value: '#eab308' },
-		{ name: 'red', value: '#ef4444' },
-		{ name: 'purple', value: '#a855f7' },
-		{ name: 'pink', value: '#ec4899' },
-		{ name: 'orange', value: '#f97316' },
-		{ name: 'teal', value: '#14b8a6' },
-	];
-
-	$effect(() => {
-		loadTags();
-	});
-
-	async function loadTags() {
-		loading = true;
-		const [allResult, fileResult] = await Promise.all([
-			tagsApi.list(),
-			tagsApi.getFileTags(fileId),
-		]);
-		if (allResult.data) allTags = allResult.data;
-		if (fileResult.data) fileTags = fileResult.data;
-		loading = false;
-	}
-
-	async function addTag(tag: Tag) {
-		const result = await tagsApi.addToFile(fileId, tag.id);
-		if (!result.error) {
-			fileTags = [...fileTags, tag];
-		}
-		showDropdown = false;
-	}
-
-	async function removeTag(tagId: string) {
-		const result = await tagsApi.removeFromFile(fileId, tagId);
-		if (!result.error) {
-			fileTags = fileTags.filter((t) => t.id !== tagId);
-		}
-	}
-
-	async function createAndAddTag() {
-		if (!newTagName.trim()) return;
-		creating = true;
-		const color = TAG_COLORS[Math.floor(Math.random() * TAG_COLORS.length)].value;
-		const result = await tagsApi.create(newTagName.trim(), color);
-		if (result.data) {
-			allTags = [...allTags, result.data];
-			await addTag(result.data);
-			newTagName = '';
-		} else {
-			toastStore.error('Tag konnte nicht erstellt werden');
-		}
-		creating = false;
-	}
-
-	function getTagColor(tag: Tag): string {
-		return tag.color || '#6b7280';
-	}
-</script>
-
-<div class="tag-picker">
-	<div class="tag-label">
-		<TagIcon size={14} />
-		<span>Tags</span>
-	</div>
-
-	{#if loading}
-		<div class="tags-loading">Laden...</div>
-	{:else}
-		<div class="tags-list">
-			{#each fileTags as tag (tag.id)}
-				<span class="tag" style="--tag-color: {getTagColor(tag)}">
-					<span class="tag-dot"></span>
-					{tag.name}
-					<button class="tag-remove" onclick={() => removeTag(tag.id)} aria-label="Tag entfernen">
-						<X size={10} />
-					</button>
-				</span>
-			{/each}
-
-			<div class="add-tag-wrapper">
-				<button class="add-tag-btn" onclick={() => (showDropdown = !showDropdown)}>
-					<Plus size={12} />
-					<span>Tag</span>
-				</button>
-
-				{#if showDropdown}
-					<div class="tag-dropdown">
-						{#if availableTags.length > 0}
-							<div class="dropdown-section">
-								{#each availableTags as tag (tag.id)}
-									<button class="dropdown-item" onclick={() => addTag(tag)}>
-										<span class="tag-dot-sm" style="background: {getTagColor(tag)}"></span>
-										{tag.name}
-									</button>
-								{/each}
-							</div>
-						{/if}
-						<div class="dropdown-create">
-							<input
-								type="text"
-								placeholder="Neuer Tag..."
-								bind:value={newTagName}
-								onkeydown={(e) => e.key === 'Enter' && createAndAddTag()}
-							/>
-							<button
-								class="create-btn"
-								onclick={createAndAddTag}
-								disabled={!newTagName.trim() || creating}
-							>
-								<Plus size={14} />
-							</button>
-						</div>
-					</div>
-				{/if}
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tag-picker {
-		margin-top: 0.5rem;
-	}
-
-	.tag-label {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-secondary));
-		margin-bottom: 0.375rem;
-	}
-
-	.tags-loading {
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.tags-list {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.375rem;
-		align-items: center;
-	}
-
-	.tag {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.125rem 0.5rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: 9999px;
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.tag-dot {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		background: var(--tag-color);
-		flex-shrink: 0;
-	}
-
-	.tag-remove {
-		display: flex;
-		align-items: center;
-		padding: 0;
-		background: transparent;
-		border: none;
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		margin-left: 0.125rem;
-	}
-
-	.tag-remove:hover {
-		color: rgb(var(--color-error));
-	}
-
-	.add-tag-wrapper {
-		position: relative;
-	}
-
-	.add-tag-btn {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.125rem 0.5rem;
-		background: transparent;
-		border: 1px dashed rgb(var(--color-border));
-		border-radius: 9999px;
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all 150ms ease;
-	}
-
-	.add-tag-btn:hover {
-		border-color: rgb(var(--color-primary));
-		color: rgb(var(--color-primary));
-	}
-
-	.tag-dropdown {
-		position: absolute;
-		top: 100%;
-		left: 0;
-		margin-top: 0.375rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		box-shadow: var(--shadow-lg);
-		min-width: 180px;
-		z-index: 10;
-		overflow: hidden;
-	}
-
-	.dropdown-section {
-		max-height: 150px;
-		overflow-y: auto;
-		padding: 0.25rem;
-	}
-
-	.dropdown-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		width: 100%;
-		padding: 0.375rem 0.625rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		font-size: 0.8125rem;
-		color: rgb(var(--color-text-primary));
-		cursor: pointer;
-		text-align: left;
-	}
-
-	.dropdown-item:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.tag-dot-sm {
-		width: 8px;
-		height: 8px;
-		border-radius: 50%;
-		flex-shrink: 0;
-	}
-
-	.dropdown-create {
-		display: flex;
-		gap: 0.25rem;
-		padding: 0.375rem;
-		border-top: 1px solid rgb(var(--color-border));
-	}
-
-	.dropdown-create input {
-		flex: 1;
-		padding: 0.25rem 0.5rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-sm);
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.dropdown-create input:focus {
-		outline: none;
-		border-color: rgb(var(--color-primary));
-	}
-
-	.create-btn {
-		display: flex;
-		align-items: center;
-		padding: 0.25rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-sm);
-		color: white;
-		cursor: pointer;
-	}
-
-	.create-btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/components/files/UploadZone.svelte b/apps/storage/apps/web-archived/src/lib/components/files/UploadZone.svelte
deleted file mode 100644
index 7d247e124..000000000
--- a/apps/storage/apps/web-archived/src/lib/components/files/UploadZone.svelte
+++ /dev/null
@@ -1,165 +0,0 @@
-<script lang="ts">
-	import { UploadSimple } from '@manacore/shared-icons';
-
-	interface Props {
-		onUpload: (files: FileList) => void;
-		uploading?: boolean;
-		progress?: number;
-	}
-
-	let { onUpload, uploading = false, progress = 0 }: Props = $props();
-
-	let isDragging = $state(false);
-	let fileInput: HTMLInputElement;
-
-	function handleDragOver(e: DragEvent) {
-		e.preventDefault();
-		isDragging = true;
-	}
-
-	function handleDragLeave(e: DragEvent) {
-		e.preventDefault();
-		isDragging = false;
-	}
-
-	function handleDrop(e: DragEvent) {
-		e.preventDefault();
-		isDragging = false;
-
-		if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
-			onUpload(e.dataTransfer.files);
-		}
-	}
-
-	function handleFileSelect(e: Event) {
-		const target = e.target as HTMLInputElement;
-		if (target.files && target.files.length > 0) {
-			onUpload(target.files);
-			target.value = '';
-		}
-	}
-
-	function openFileDialog() {
-		fileInput?.click();
-	}
-</script>
-
-<div
-	class="upload-zone"
-	class:dragging={isDragging}
-	class:uploading
-	ondragover={handleDragOver}
-	ondragleave={handleDragLeave}
-	ondrop={handleDrop}
-	role="button"
-	tabindex="0"
-	aria-label="Dateien zum Hochladen hierher ziehen oder klicken"
-	onclick={openFileDialog}
-	onkeydown={(e) => e.key === 'Enter' && openFileDialog()}
->
-	<input
-		type="file"
-		multiple
-		bind:this={fileInput}
-		onchange={handleFileSelect}
-		class="file-input"
-		aria-label="Dateien auswählen"
-	/>
-
-	{#if uploading}
-		<div class="upload-progress" role="status" aria-live="polite">
-			<div
-				class="progress-bar"
-				role="progressbar"
-				aria-valuenow={progress}
-				aria-valuemin={0}
-				aria-valuemax={100}
-				aria-label="Upload-Fortschritt"
-			>
-				<div class="progress-fill" style="width: {progress}%"></div>
-			</div>
-			<span class="progress-text">Hochladen... {progress}%</span>
-		</div>
-	{:else}
-		<div class="upload-content">
-			<UploadSimple size={32} />
-			<span class="upload-text">
-				Dateien hierher ziehen oder <strong>klicken</strong> zum Auswählen
-			</span>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.upload-zone {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 2rem;
-		border: 2px dashed rgb(var(--color-border));
-		border-radius: var(--radius-lg);
-		background: rgb(var(--color-surface));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.upload-zone:hover,
-	.upload-zone.dragging {
-		border-color: rgb(var(--color-primary));
-		background: rgba(var(--color-primary), 0.05);
-	}
-
-	.upload-zone.uploading {
-		cursor: default;
-	}
-
-	.file-input {
-		display: none;
-	}
-
-	.upload-content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.75rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.upload-text {
-		font-size: 0.875rem;
-		text-align: center;
-	}
-
-	.upload-text strong {
-		color: rgb(var(--color-primary));
-	}
-
-	.upload-progress {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.75rem;
-		width: 100%;
-		max-width: 300px;
-	}
-
-	.progress-bar {
-		width: 100%;
-		height: 8px;
-		background: rgb(var(--color-surface-elevated));
-		border-radius: 4px;
-		overflow: hidden;
-	}
-
-	.progress-fill {
-		height: 100%;
-		background: rgb(var(--color-primary));
-		border-radius: 4px;
-		transition: width 0.3s ease;
-	}
-
-	.progress-text {
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/lib/content/help/index.test.ts b/apps/storage/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index bfe17bfad..000000000
--- a/apps/storage/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getStorageHelpContent } from './index';
-
-describe('Storage Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getStorageHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getStorageHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getStorageHelpContent('de');
-		const en = getStorageHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getStorageHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/storage/apps/web-archived/src/lib/content/help/index.ts b/apps/storage/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 77694eb1d..000000000
--- a/apps/storage/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-/**
- * Help content for Storage app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getStorageHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-upload',
-				question: isDE ? 'Wie lade ich Dateien hoch?' : 'How do I upload files?',
-				answer: isDE
-					? '<p>Du kannst Dateien auf verschiedene Arten hochladen:</p><ul><li><strong>Drag & Drop</strong>: Ziehe Dateien direkt in den Browser</li><li><strong>Upload-Button</strong>: Klicke auf das Upload-Symbol in der Toolbar</li><li>Es können bis zu 10 Dateien gleichzeitig hochgeladen werden (max. 100 MB pro Datei)</li></ul>'
-					: '<p>You can upload files in several ways:</p><ul><li><strong>Drag & drop</strong>: Drag files directly into the browser</li><li><strong>Upload button</strong>: Click the upload icon in the toolbar</li><li>Up to 10 files can be uploaded simultaneously (max 100 MB per file)</li></ul>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['hochladen', 'upload', 'dateien'] : ['upload', 'files', 'drag-drop'],
-			},
-			{
-				id: 'faq-share',
-				question: isDE ? 'Wie teile ich Dateien mit anderen?' : 'How do I share files?',
-				answer: isDE
-					? '<p>Um eine Datei oder einen Ordner zu teilen:</p><ul><li>Rechtsklick auf die Datei und wähle <strong>Teilen</strong></li><li>Ein Share-Link wird erstellt, den du kopieren kannst</li><li>Optional: Setze ein <strong>Passwort</strong>, ein <strong>Ablaufdatum</strong> oder ein <strong>Download-Limit</strong></li><li>Geteilte Links können jederzeit widerrufen werden</li></ul>'
-					: '<p>To share a file or folder:</p><ul><li>Right-click the file and select <strong>Share</strong></li><li>A share link will be created that you can copy</li><li>Optional: Set a <strong>password</strong>, <strong>expiration date</strong>, or <strong>download limit</strong></li><li>Shared links can be revoked at any time</li></ul>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['teilen', 'link', 'freigabe'] : ['share', 'link', 'access'],
-			},
-			{
-				id: 'faq-versions',
-				question: isDE ? 'Wie funktioniert die Versionierung?' : 'How does versioning work?',
-				answer: isDE
-					? '<p>Jede Datei unterstützt automatische Versionierung:</p><ul><li>Lade eine neue Version hoch, um die Datei zu aktualisieren</li><li>Alle vorherigen Versionen bleiben erhalten</li><li>Du kannst jederzeit ältere Versionen herunterladen</li><li>Jede Version zeigt Größe, Datum und optionalen Kommentar</li></ul>'
-					: '<p>Every file supports automatic versioning:</p><ul><li>Upload a new version to update the file</li><li>All previous versions are preserved</li><li>You can download older versions at any time</li><li>Each version shows size, date, and optional comment</li></ul>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['version', 'historie', 'aktualisieren'] : ['version', 'history', 'update'],
-			},
-			{
-				id: 'faq-trash',
-				question: isDE ? 'Wie funktioniert der Papierkorb?' : 'How does the trash work?',
-				answer: isDE
-					? '<p>Gelöschte Dateien landen zunächst im Papierkorb:</p><ul><li>Im Papierkorb können Dateien <strong>wiederhergestellt</strong> werden</li><li>Einzelne Dateien oder der gesamte Papierkorb können <strong>endgültig gelöscht</strong> werden</li><li>Endgültig gelöschte Dateien können nicht wiederhergestellt werden</li></ul>'
-					: '<p>Deleted files are moved to the trash first:</p><ul><li>Files in trash can be <strong>restored</strong></li><li>Individual files or the entire trash can be <strong>permanently deleted</strong></li><li>Permanently deleted files cannot be recovered</li></ul>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['papierkorb', 'löschen', 'wiederherstellen'] : ['trash', 'delete', 'restore'],
-			},
-			...getPrivacyFAQs(locale, {
-				dataTypeDE: 'Dateien',
-				dataTypeEN: 'files',
-				extraBulletsDE: [
-					'<strong>S3-Storage</strong>: Dateien werden sicher in S3-kompatiblem Speicher (MinIO) abgelegt',
-				],
-				extraBulletsEN: [
-					'<strong>S3 storage</strong>: Files are securely stored in S3-compatible storage (MinIO)',
-				],
-			}),
-		],
-		features: [
-			{
-				id: 'feature-storage',
-				title: isDE ? 'Cloud-Speicher' : 'Cloud Storage',
-				description: isDE
-					? 'Sichere Dateiablage mit Ordnerstruktur'
-					: 'Secure file storage with folder structure',
-				icon: '☁️',
-				category: 'core',
-				highlights: isDE
-					? ['Drag & Drop Upload', 'Ordner-Hierarchie', 'Datei-Tags']
-					: ['Drag & drop upload', 'Folder hierarchy', 'File tags'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-sharing',
-				title: isDE ? 'Dateien teilen' : 'File Sharing',
-				description: isDE ? 'Teile Dateien sicher per Link' : 'Share files securely via link',
-				icon: '🔗',
-				category: 'core',
-				highlights: isDE
-					? ['Passwortschutz', 'Ablaufdatum', 'Download-Limit']
-					: ['Password protection', 'Expiration date', 'Download limit'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-versioning',
-				title: isDE ? 'Versionierung' : 'Versioning',
-				description: isDE
-					? 'Automatische Versionskontrolle für alle Dateien'
-					: 'Automatic version control for all files',
-				icon: '📝',
-				category: 'advanced',
-				highlights: isDE
-					? ['Versions-Historie', 'Kommentare', 'Ältere Versionen laden']
-					: ['Version history', 'Comments', 'Download older versions'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-search',
-				title: isDE ? 'Suche' : 'Search',
-				description: isDE
-					? 'Finde Dateien und Ordner blitzschnell'
-					: 'Find files and folders instantly',
-				icon: '🔍',
-				category: 'core',
-				highlights: isDE
-					? ['Volltextsuche', 'Tag-Filter', 'Favoriten']
-					: ['Full-text search', 'Tag filters', 'Favorites'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [
-			{
-				id: 'shortcuts-nav',
-				category: 'navigation',
-				title: 'Navigation',
-				language: isDE ? 'de' : 'en',
-				order: 1,
-				shortcuts: [
-					{ shortcut: 'Cmd/Ctrl + K', action: isDE ? 'Suche öffnen' : 'Open search' },
-					{ shortcut: 'Cmd/Ctrl + 1', action: isDE ? 'Dateien' : 'Files' },
-					{ shortcut: 'Cmd/Ctrl + 2', action: isDE ? 'Geteilt' : 'Shared' },
-					{ shortcut: 'Cmd/Ctrl + 3', action: isDE ? 'Favoriten' : 'Favorites' },
-					{ shortcut: 'Cmd/Ctrl + 4', action: isDE ? 'Papierkorb' : 'Trash' },
-				],
-			},
-		],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Storage.</p>'
-				: '<p>Our support team is here to help you with any storage-related questions.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/storage/apps/web-archived/src/lib/data/guest-seed.ts b/apps/storage/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 010ec6e5a..000000000
--- a/apps/storage/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * Guest seed data for the Storage app.
- *
- * Provides demo folders and tags for the onboarding experience.
- */
-
-import type { LocalFolder, LocalTag } from './local-store';
-
-export const guestFolders: LocalFolder[] = [
-	{
-		id: 'folder-documents',
-		name: 'Dokumente',
-		description: 'Wichtige Dokumente',
-		color: '#3b82f6',
-		path: '/folder-documents',
-		depth: 0,
-		isFavorite: false,
-		isDeleted: false,
-	},
-	{
-		id: 'folder-photos',
-		name: 'Fotos',
-		description: 'Fotosammlung',
-		color: '#22c55e',
-		path: '/folder-photos',
-		depth: 0,
-		isFavorite: true,
-		isDeleted: false,
-	},
-	{
-		id: 'folder-music',
-		name: 'Musik',
-		description: 'Audio-Dateien',
-		color: '#a855f7',
-		path: '/folder-music',
-		depth: 0,
-		isFavorite: false,
-		isDeleted: false,
-	},
-];
-
-export const guestTags: LocalTag[] = [
-	{
-		id: 'tag-important',
-		name: 'Wichtig',
-		color: '#ef4444',
-	},
-	{
-		id: 'tag-work',
-		name: 'Arbeit',
-		color: '#3b82f6',
-	},
-	{
-		id: 'tag-personal',
-		name: 'Privat',
-		color: '#22c55e',
-	},
-];
diff --git a/apps/storage/apps/web-archived/src/lib/data/local-store.ts b/apps/storage/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index a719759c6..000000000
--- a/apps/storage/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * Storage — Local-First Data Layer
- *
- * File/folder metadata, tags, and favorites stored locally.
- * Actual file upload/download, shares, and versions remain server-side.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestFolders, guestTags } from './guest-seed';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalFile extends BaseRecord {
-	name: string;
-	originalName: string;
-	mimeType: string;
-	size: number;
-	storagePath: string;
-	storageKey: string;
-	parentFolderId?: string | null;
-	currentVersion: number;
-	isFavorite: boolean;
-	isDeleted: boolean;
-	checksum?: string | null;
-	thumbnailPath?: string | null;
-}
-
-export interface LocalFolder extends BaseRecord {
-	name: string;
-	description?: string | null;
-	color?: string | null;
-	parentFolderId?: string | null;
-	path: string;
-	depth: number;
-	isFavorite: boolean;
-	isDeleted: boolean;
-}
-
-export interface LocalTag extends BaseRecord {
-	name: string;
-	color?: string | null;
-}
-
-export interface LocalFileTag extends BaseRecord {
-	fileId: string;
-	tagId: string;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const storageStore = createLocalStore({
-	appId: 'storage',
-	collections: [
-		{
-			name: 'files',
-			indexes: ['parentFolderId', 'mimeType', 'isFavorite', 'isDeleted', 'name'],
-		},
-		{
-			name: 'folders',
-			indexes: ['parentFolderId', 'path', 'depth', 'isFavorite', 'isDeleted'],
-			guestSeed: guestFolders,
-		},
-		{
-			name: 'tags',
-			indexes: ['name'],
-			guestSeed: guestTags,
-		},
-		{
-			name: 'fileTags',
-			indexes: ['fileId', 'tagId', '[fileId+tagId]'],
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const fileCollection = storageStore.collection<LocalFile>('files');
-export const folderCollection = storageStore.collection<LocalFolder>('folders');
-export const tagCollection = storageStore.collection<LocalTag>('tags');
-export const fileTagCollection = storageStore.collection<LocalFileTag>('fileTags');
diff --git a/apps/storage/apps/web-archived/src/lib/data/queries.ts b/apps/storage/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index 0c624a656..000000000
--- a/apps/storage/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Storage
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	fileCollection,
-	folderCollection,
-	tagCollection,
-	fileTagCollection,
-	type LocalFile,
-	type LocalFolder,
-	type LocalTag,
-	type LocalFileTag,
-} from './local-store';
-import type { StorageFile, StorageFolder, Tag } from '$lib/api/client';
-
-// ─── Type Converters ──────────────────────────────────────
-
-/** Convert LocalFile (IndexedDB) to StorageFile type. */
-export function toFile(local: LocalFile): StorageFile {
-	return {
-		id: local.id,
-		userId: 'local',
-		name: local.name,
-		originalName: local.originalName,
-		mimeType: local.mimeType,
-		size: local.size,
-		storagePath: local.storagePath,
-		storageKey: local.storageKey,
-		parentFolderId: local.parentFolderId ?? null,
-		currentVersion: local.currentVersion,
-		isFavorite: local.isFavorite,
-		isDeleted: local.isDeleted,
-		deletedAt: null,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert LocalFolder (IndexedDB) to StorageFolder type. */
-export function toFolder(local: LocalFolder): StorageFolder {
-	return {
-		id: local.id,
-		userId: 'local',
-		name: local.name,
-		description: local.description ?? null,
-		color: local.color ?? null,
-		parentFolderId: local.parentFolderId ?? null,
-		path: local.path,
-		depth: local.depth,
-		isFavorite: local.isFavorite,
-		isDeleted: local.isDeleted,
-		deletedAt: null,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-/** Convert LocalTag (IndexedDB) to Tag type. */
-export function toTag(local: LocalTag): Tag {
-	return {
-		id: local.id,
-		userId: 'local',
-		name: local.name,
-		color: local.color ?? null,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ────────
-
-/** All non-deleted files, sorted by name. Auto-updates on any change. */
-export function useAllFiles() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await fileCollection.getAll();
-		return locals
-			.filter((f) => !f.isDeleted)
-			.map(toFile)
-			.sort((a, b) => a.name.localeCompare(b.name));
-	}, [] as StorageFile[]);
-}
-
-/** All non-deleted folders, sorted by name. Auto-updates on any change. */
-export function useAllFolders() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await folderCollection.getAll();
-		return locals
-			.filter((f) => !f.isDeleted)
-			.map(toFolder)
-			.sort((a, b) => a.name.localeCompare(b.name));
-	}, [] as StorageFolder[]);
-}
-
-/** All tags, sorted by name. Auto-updates on any change. */
-export function useAllStorageTags() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await tagCollection.getAll();
-		return locals.map(toTag).sort((a, b) => a.name.localeCompare(b.name));
-	}, [] as Tag[]);
-}
-
-// ─── Pure Helper Functions (for $derived) ─────────────────
-
-/** Get files in a specific folder (null = root). */
-export function getFilesInFolder(files: StorageFile[], folderId: string | null): StorageFile[] {
-	return files.filter((f) => (f.parentFolderId ?? null) === folderId);
-}
-
-/** Get subfolders of a specific folder (null = root). */
-export function getFoldersInFolder(
-	folders: StorageFolder[],
-	parentFolderId: string | null
-): StorageFolder[] {
-	return folders.filter((f) => (f.parentFolderId ?? null) === parentFolderId);
-}
-
-/** Get favorite files. */
-export function getFavoriteFiles(files: StorageFile[]): StorageFile[] {
-	return files.filter((f) => f.isFavorite);
-}
-
-/** Get favorite folders. */
-export function getFavoriteFolders(folders: StorageFolder[]): StorageFolder[] {
-	return folders.filter((f) => f.isFavorite);
-}
-
-/** Find a folder by ID. */
-export function findFolderById(folders: StorageFolder[], id: string): StorageFolder | undefined {
-	return folders.find((f) => f.id === id);
-}
diff --git a/apps/storage/apps/web-archived/src/lib/i18n/index.ts b/apps/storage/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 840e7798a..000000000
--- a/apps/storage/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'it', 'fr', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('fr', () => import('./locales/fr.json'));
-register('es', () => import('./locales/es.json'));
-register('it', () => import('./locales/it.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('storage_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('storage_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/storage/apps/web-archived/src/lib/i18n/locales/de.json b/apps/storage/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 73b86ca7b..000000000
--- a/apps/storage/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-	"app": {
-		"name": "Storage",
-		"description": "Sichere Cloud-Speicherung für deine Dateien"
-	},
-	"nav": {
-		"files": "Dateien",
-		"shared": "Geteilt",
-		"favorites": "Favoriten",
-		"trash": "Papierkorb",
-		"search": "Suche",
-		"settings": "Einstellungen",
-		"profile": "Profil",
-		"feedback": "Feedback"
-	},
-	"files": {
-		"title": "Meine Dateien",
-		"upload": "Hochladen",
-		"newFolder": "Neuer Ordner",
-		"empty": "Keine Dateien vorhanden",
-		"dropHere": "Dateien hier ablegen",
-		"viewGrid": "Rasteransicht",
-		"viewList": "Listenansicht"
-	},
-	"folder": {
-		"create": "Ordner erstellen",
-		"name": "Ordnername",
-		"color": "Ordnerfarbe"
-	},
-	"actions": {
-		"download": "Herunterladen",
-		"rename": "Umbenennen",
-		"move": "Verschieben",
-		"share": "Teilen",
-		"favorite": "Als Favorit markieren",
-		"unfavorite": "Favorit entfernen",
-		"delete": "Löschen",
-		"restore": "Wiederherstellen",
-		"permanentDelete": "Endgültig löschen"
-	},
-	"trash": {
-		"title": "Papierkorb",
-		"empty": "Papierkorb ist leer",
-		"emptyTrash": "Papierkorb leeren",
-		"restoreAll": "Alle wiederherstellen"
-	},
-	"share": {
-		"title": "Teilen",
-		"createLink": "Link erstellen",
-		"copyLink": "Link kopieren",
-		"linkCopied": "Link kopiert!",
-		"accessLevel": "Zugriffsebene",
-		"view": "Ansehen",
-		"download": "Herunterladen",
-		"edit": "Bearbeiten",
-		"password": "Passwortschutz",
-		"expiration": "Ablaufdatum",
-		"maxDownloads": "Max. Downloads"
-	},
-	"search": {
-		"title": "Suche",
-		"placeholder": "Dateien und Ordner durchsuchen...",
-		"noResults": "Keine Ergebnisse gefunden"
-	},
-	"favorites": {
-		"title": "Favoriten",
-		"empty": "Keine Favoriten vorhanden"
-	},
-	"common": {
-		"loading": "Laden...",
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"confirm": "Bestätigen",
-		"error": "Fehler",
-		"success": "Erfolgreich"
-	}
-}
diff --git a/apps/storage/apps/web-archived/src/lib/i18n/locales/en.json b/apps/storage/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index c829638ad..000000000
--- a/apps/storage/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-	"app": {
-		"name": "Storage",
-		"description": "Secure cloud storage for your files"
-	},
-	"nav": {
-		"files": "Files",
-		"shared": "Shared",
-		"favorites": "Favorites",
-		"trash": "Trash",
-		"search": "Search",
-		"settings": "Settings",
-		"profile": "Profile",
-		"feedback": "Feedback"
-	},
-	"files": {
-		"title": "My Files",
-		"upload": "Upload",
-		"newFolder": "New Folder",
-		"empty": "No files yet",
-		"dropHere": "Drop files here",
-		"viewGrid": "Grid view",
-		"viewList": "List view"
-	},
-	"folder": {
-		"create": "Create folder",
-		"name": "Folder name",
-		"color": "Folder color"
-	},
-	"actions": {
-		"download": "Download",
-		"rename": "Rename",
-		"move": "Move",
-		"share": "Share",
-		"favorite": "Add to favorites",
-		"unfavorite": "Remove from favorites",
-		"delete": "Delete",
-		"restore": "Restore",
-		"permanentDelete": "Delete permanently"
-	},
-	"trash": {
-		"title": "Trash",
-		"empty": "Trash is empty",
-		"emptyTrash": "Empty trash",
-		"restoreAll": "Restore all"
-	},
-	"share": {
-		"title": "Share",
-		"createLink": "Create link",
-		"copyLink": "Copy link",
-		"linkCopied": "Link copied!",
-		"accessLevel": "Access level",
-		"view": "View",
-		"download": "Download",
-		"edit": "Edit",
-		"password": "Password protection",
-		"expiration": "Expiration date",
-		"maxDownloads": "Max downloads"
-	},
-	"search": {
-		"title": "Search",
-		"placeholder": "Search files and folders...",
-		"noResults": "No results found"
-	},
-	"favorites": {
-		"title": "Favorites",
-		"empty": "No favorites yet"
-	},
-	"common": {
-		"loading": "Loading...",
-		"save": "Save",
-		"cancel": "Cancel",
-		"confirm": "Confirm",
-		"error": "Error",
-		"success": "Success"
-	}
-}
diff --git a/apps/storage/apps/web-archived/src/lib/i18n/locales/es.json b/apps/storage/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index 45d9b3dce..000000000
--- a/apps/storage/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-	"app": {
-		"name": "Storage",
-		"description": "Almacenamiento seguro en la nube para tus archivos"
-	},
-	"nav": {
-		"files": "Archivos",
-		"shared": "Compartido",
-		"favorites": "Favoritos",
-		"trash": "Papelera",
-		"search": "Buscar",
-		"settings": "Ajustes",
-		"profile": "Perfil",
-		"feedback": "Feedback"
-	},
-	"files": {
-		"title": "Mis archivos",
-		"upload": "Subir",
-		"newFolder": "Nueva carpeta",
-		"empty": "Aún no hay archivos",
-		"dropHere": "Arrastra archivos aquí",
-		"viewGrid": "Vista de cuadrícula",
-		"viewList": "Vista de lista"
-	},
-	"folder": {
-		"create": "Crear carpeta",
-		"name": "Nombre de la carpeta",
-		"color": "Color de la carpeta"
-	},
-	"actions": {
-		"download": "Descargar",
-		"rename": "Renombrar",
-		"move": "Mover",
-		"share": "Compartir",
-		"favorite": "Añadir a favoritos",
-		"unfavorite": "Quitar de favoritos",
-		"delete": "Eliminar",
-		"restore": "Restaurar",
-		"permanentDelete": "Eliminar permanentemente"
-	},
-	"trash": {
-		"title": "Papelera",
-		"empty": "La papelera está vacía",
-		"emptyTrash": "Vaciar papelera",
-		"restoreAll": "Restaurar todo"
-	},
-	"share": {
-		"title": "Compartir",
-		"createLink": "Crear enlace",
-		"copyLink": "Copiar enlace",
-		"linkCopied": "¡Enlace copiado!",
-		"accessLevel": "Nivel de acceso",
-		"view": "Ver",
-		"download": "Descargar",
-		"edit": "Editar",
-		"password": "Protección con contraseña",
-		"expiration": "Fecha de expiración",
-		"maxDownloads": "Descargas máx."
-	},
-	"search": {
-		"title": "Buscar",
-		"placeholder": "Buscar archivos y carpetas...",
-		"noResults": "Sin resultados"
-	},
-	"favorites": {
-		"title": "Favoritos",
-		"empty": "Aún no hay favoritos"
-	},
-	"common": {
-		"loading": "Cargando...",
-		"save": "Guardar",
-		"cancel": "Cancelar",
-		"confirm": "Confirmar",
-		"error": "Error",
-		"success": "Éxito"
-	}
-}
diff --git a/apps/storage/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/storage/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index cfcc7795e..000000000
--- a/apps/storage/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-	"app": {
-		"name": "Storage",
-		"description": "Stockage cloud sécurisé pour vos fichiers"
-	},
-	"nav": {
-		"files": "Fichiers",
-		"shared": "Partagés",
-		"favorites": "Favoris",
-		"trash": "Corbeille",
-		"search": "Recherche",
-		"settings": "Paramètres",
-		"profile": "Profil",
-		"feedback": "Feedback"
-	},
-	"files": {
-		"title": "Mes fichiers",
-		"upload": "Télécharger",
-		"newFolder": "Nouveau dossier",
-		"empty": "Pas encore de fichiers",
-		"dropHere": "Déposez les fichiers ici",
-		"viewGrid": "Vue grille",
-		"viewList": "Vue liste"
-	},
-	"folder": {
-		"create": "Créer un dossier",
-		"name": "Nom du dossier",
-		"color": "Couleur du dossier"
-	},
-	"actions": {
-		"download": "Télécharger",
-		"rename": "Renommer",
-		"move": "Déplacer",
-		"share": "Partager",
-		"favorite": "Ajouter aux favoris",
-		"unfavorite": "Retirer des favoris",
-		"delete": "Supprimer",
-		"restore": "Restaurer",
-		"permanentDelete": "Supprimer définitivement"
-	},
-	"trash": {
-		"title": "Corbeille",
-		"empty": "La corbeille est vide",
-		"emptyTrash": "Vider la corbeille",
-		"restoreAll": "Tout restaurer"
-	},
-	"share": {
-		"title": "Partager",
-		"createLink": "Créer un lien",
-		"copyLink": "Copier le lien",
-		"linkCopied": "Lien copié !",
-		"accessLevel": "Niveau d'accès",
-		"view": "Consulter",
-		"download": "Télécharger",
-		"edit": "Modifier",
-		"password": "Protection par mot de passe",
-		"expiration": "Date d'expiration",
-		"maxDownloads": "Téléchargements max."
-	},
-	"search": {
-		"title": "Recherche",
-		"placeholder": "Rechercher des fichiers et dossiers...",
-		"noResults": "Aucun résultat"
-	},
-	"favorites": {
-		"title": "Favoris",
-		"empty": "Pas encore de favoris"
-	},
-	"common": {
-		"loading": "Chargement...",
-		"save": "Enregistrer",
-		"cancel": "Annuler",
-		"confirm": "Confirmer",
-		"error": "Erreur",
-		"success": "Succès"
-	}
-}
diff --git a/apps/storage/apps/web-archived/src/lib/i18n/locales/it.json b/apps/storage/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index fa0241e4b..000000000
--- a/apps/storage/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-	"app": {
-		"name": "Storage",
-		"description": "Archiviazione cloud sicura per i tuoi file"
-	},
-	"nav": {
-		"files": "File",
-		"shared": "Condivisi",
-		"favorites": "Preferiti",
-		"trash": "Cestino",
-		"search": "Cerca",
-		"settings": "Impostazioni",
-		"profile": "Profilo",
-		"feedback": "Feedback"
-	},
-	"files": {
-		"title": "I miei file",
-		"upload": "Carica",
-		"newFolder": "Nuova cartella",
-		"empty": "Nessun file ancora",
-		"dropHere": "Trascina i file qui",
-		"viewGrid": "Vista griglia",
-		"viewList": "Vista elenco"
-	},
-	"folder": {
-		"create": "Crea cartella",
-		"name": "Nome cartella",
-		"color": "Colore cartella"
-	},
-	"actions": {
-		"download": "Scarica",
-		"rename": "Rinomina",
-		"move": "Sposta",
-		"share": "Condividi",
-		"favorite": "Aggiungi ai preferiti",
-		"unfavorite": "Rimuovi dai preferiti",
-		"delete": "Elimina",
-		"restore": "Ripristina",
-		"permanentDelete": "Elimina definitivamente"
-	},
-	"trash": {
-		"title": "Cestino",
-		"empty": "Il cestino è vuoto",
-		"emptyTrash": "Svuota cestino",
-		"restoreAll": "Ripristina tutto"
-	},
-	"share": {
-		"title": "Condividi",
-		"createLink": "Crea link",
-		"copyLink": "Copia link",
-		"linkCopied": "Link copiato!",
-		"accessLevel": "Livello di accesso",
-		"view": "Visualizza",
-		"download": "Scarica",
-		"edit": "Modifica",
-		"password": "Protezione con password",
-		"expiration": "Data di scadenza",
-		"maxDownloads": "Download max."
-	},
-	"search": {
-		"title": "Cerca",
-		"placeholder": "Cerca file e cartelle...",
-		"noResults": "Nessun risultato"
-	},
-	"favorites": {
-		"title": "Preferiti",
-		"empty": "Nessun preferito ancora"
-	},
-	"common": {
-		"loading": "Caricamento...",
-		"save": "Salva",
-		"cancel": "Annulla",
-		"confirm": "Conferma",
-		"error": "Errore",
-		"success": "Successo"
-	}
-}
diff --git a/apps/storage/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/storage/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 39b0802d3..000000000
--- a/apps/storage/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-/**
- * Storage-specific onboarding steps
- */
-const storageOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Storage!',
-		description: 'Das kann Storage für dich tun:',
-		emoji: '☁️',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		bullets: [
-			'Dateien hochladen & verwalten',
-			'Ordnerstruktur & Tags',
-			'Sichere Links mit Passwortschutz',
-			'Drag & Drop Upload',
-		],
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Willkommen bei Storage!',
-		description: 'Hier sind einige Tipps für den Start:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Lade Dateien per Drag & Drop hoch',
-			'Organisiere Inhalte in Ordnern',
-			'Teile Dateien über sichere Links mit Passwortschutz',
-			'Nutze Favoriten und Tags für schnellen Zugriff',
-		],
-	},
-];
-
-/**
- * Storage app onboarding store
- */
-export const storageOnboarding = createAppOnboardingStore({
-	appId: 'storage',
-	steps: storageOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/storage/apps/web-archived/src/lib/stores/audio-player.svelte.ts b/apps/storage/apps/web-archived/src/lib/stores/audio-player.svelte.ts
deleted file mode 100644
index 1de34c232..000000000
--- a/apps/storage/apps/web-archived/src/lib/stores/audio-player.svelte.ts
+++ /dev/null
@@ -1,238 +0,0 @@
-import type { StorageFile } from '$lib/api/client';
-import { authStore } from '$lib/stores/auth.svelte';
-import { browser } from '$app/environment';
-
-export interface AudioFile {
-	id: string;
-	name: string;
-	mimeType: string;
-	size: number;
-}
-
-function getBackendUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injected = (window as unknown as { __PUBLIC_BACKEND_URL__?: string })
-			.__PUBLIC_BACKEND_URL__;
-		if (injected) return injected;
-	}
-	return 'http://localhost:3016';
-}
-
-function createAudioPlayerStore() {
-	let state = $state({
-		currentFile: null as AudioFile | null,
-		isPlaying: false,
-		currentTime: 0,
-		duration: 0,
-		volume: 1,
-		queue: [] as AudioFile[],
-		currentIndex: 0,
-		showFullPlayer: false,
-		error: null as string | null,
-	});
-
-	let audio: HTMLAudioElement | null = null;
-
-	if (browser) {
-		audio = new Audio();
-		audio.crossOrigin = 'anonymous';
-		audio.addEventListener('timeupdate', () => {
-			state.currentTime = audio!.currentTime;
-		});
-		audio.addEventListener('loadedmetadata', () => {
-			state.duration = audio!.duration;
-		});
-		audio.addEventListener('ended', () => {
-			handleNext();
-		});
-		audio.addEventListener('error', () => {
-			const mediaError = audio!.error;
-			const msg =
-				mediaError?.code === MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED
-					? 'Audioformat wird nicht unterstützt'
-					: mediaError?.code === MediaError.MEDIA_ERR_NETWORK
-						? 'Netzwerkfehler beim Laden'
-						: 'Audiodatei konnte nicht geladen werden';
-			state.error = msg;
-			state.isPlaying = false;
-		});
-	}
-
-	async function getDownloadUrl(fileId: string): Promise<string> {
-		const token = await authStore.getAccessToken();
-		const res = await fetch(`${getBackendUrl()}/api/v1/files/${fileId}/download?url=true`, {
-			headers: { Authorization: `Bearer ${token}` },
-		});
-		if (!res.ok) throw new Error('Failed to get download URL');
-		const data = await res.json();
-		return data.url;
-	}
-
-	function updateMediaSession(file: AudioFile) {
-		if (typeof navigator !== 'undefined' && 'mediaSession' in navigator) {
-			navigator.mediaSession.metadata = new MediaMetadata({
-				title: file.name,
-			});
-			navigator.mediaSession.setActionHandler('play', () => store.togglePlay());
-			navigator.mediaSession.setActionHandler('pause', () => store.togglePlay());
-			navigator.mediaSession.setActionHandler('nexttrack', () => store.nextTrack());
-			navigator.mediaSession.setActionHandler('previoustrack', () => store.previousTrack());
-		}
-	}
-
-	async function loadAndPlay(file: AudioFile) {
-		if (!audio) return;
-
-		state.currentFile = file;
-		state.currentTime = 0;
-		state.duration = 0;
-		state.error = null;
-
-		try {
-			const url = await getDownloadUrl(file.id);
-			audio.src = url;
-			await audio.play();
-			state.isPlaying = true;
-			updateMediaSession(file);
-		} catch (e) {
-			console.warn(`[Storage Player] Failed to play "${file.name}":`, e);
-			state.isPlaying = false;
-			if (!state.error) {
-				state.error = 'Datei konnte nicht abgespielt werden.';
-			}
-		}
-	}
-
-	function handleNext() {
-		if (state.queue.length === 0) {
-			state.isPlaying = false;
-			return;
-		}
-
-		if (state.currentIndex < state.queue.length - 1) {
-			state.currentIndex++;
-			loadAndPlay(state.queue[state.currentIndex]);
-		} else {
-			state.isPlaying = false;
-			if (audio) audio.pause();
-		}
-	}
-
-	const store = {
-		get currentFile() {
-			return state.currentFile;
-		},
-		get isPlaying() {
-			return state.isPlaying;
-		},
-		get currentTime() {
-			return state.currentTime;
-		},
-		get duration() {
-			return state.duration;
-		},
-		get volume() {
-			return state.volume;
-		},
-		get queue() {
-			return state.queue;
-		},
-		get currentIndex() {
-			return state.currentIndex;
-		},
-		get showFullPlayer() {
-			return state.showFullPlayer;
-		},
-		get error() {
-			return state.error;
-		},
-
-		async playFile(file: AudioFile, queue?: AudioFile[], startIndex?: number) {
-			if (queue) {
-				state.queue = [...queue];
-				state.currentIndex = startIndex ?? 0;
-			} else {
-				state.queue = [file];
-				state.currentIndex = 0;
-			}
-			await loadAndPlay(file);
-		},
-
-		togglePlay() {
-			if (!audio || !state.currentFile) return;
-			if (state.isPlaying) {
-				audio.pause();
-				state.isPlaying = false;
-			} else {
-				audio.play();
-				state.isPlaying = true;
-			}
-		},
-
-		seekTo(time: number) {
-			if (!audio) return;
-			audio.currentTime = time;
-			state.currentTime = time;
-		},
-
-		setVolume(vol: number) {
-			if (!audio) return;
-			const clamped = Math.max(0, Math.min(1, vol));
-			audio.volume = clamped;
-			state.volume = clamped;
-		},
-
-		nextTrack() {
-			handleNext();
-		},
-
-		previousTrack() {
-			if (state.currentTime > 3) {
-				store.seekTo(0);
-				return;
-			}
-			if (state.currentIndex > 0) {
-				state.currentIndex--;
-				loadAndPlay(state.queue[state.currentIndex]);
-			}
-		},
-
-		toggleFullPlayer() {
-			state.showFullPlayer = !state.showFullPlayer;
-		},
-
-		clearError() {
-			state.error = null;
-		},
-
-		stop() {
-			if (audio) {
-				audio.pause();
-				audio.src = '';
-			}
-			state.currentFile = null;
-			state.isPlaying = false;
-			state.currentTime = 0;
-			state.duration = 0;
-			state.queue = [];
-			state.currentIndex = 0;
-			state.showFullPlayer = false;
-			state.error = null;
-		},
-
-		getAudioElement(): HTMLAudioElement | null {
-			return audio;
-		},
-	};
-
-	return store;
-}
-
-export const audioPlayerStore = createAudioPlayerStore();
-
-/** Extract audio files from a list of StorageFiles */
-export function getAudioFiles(files: StorageFile[]): AudioFile[] {
-	return files
-		.filter((f) => f.mimeType.startsWith('audio/'))
-		.map((f) => ({ id: f.id, name: f.name, mimeType: f.mimeType, size: f.size }));
-}
diff --git a/apps/storage/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/storage/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 01a5dc551..000000000
--- a/apps/storage/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3016,
-});
diff --git a/apps/storage/apps/web-archived/src/lib/stores/files.svelte.ts b/apps/storage/apps/web-archived/src/lib/stores/files.svelte.ts
deleted file mode 100644
index 4d4d90312..000000000
--- a/apps/storage/apps/web-archived/src/lib/stores/files.svelte.ts
+++ /dev/null
@@ -1,251 +0,0 @@
-/**
- * Files Store — Mutation-Only (Local-First reads via queries.ts)
- *
- * Reads are handled by useLiveQuery hooks in queries.ts.
- * This store handles writes, selection state, view mode, and
- * server-side operations (upload, download, share) that remain API-based.
- */
-
-import { filesApi, foldersApi } from '$lib/api/client';
-import type { StorageFile, StorageFolder } from '$lib/api/client';
-import { trackEvent, StorageEvents } from '@manacore/shared-utils/analytics';
-import {
-	fileCollection,
-	folderCollection,
-	type LocalFile,
-	type LocalFolder,
-} from '$lib/data/local-store';
-import { toFile, toFolder } from '$lib/data/queries';
-
-let loading = $state(false);
-let error = $state<string | null>(null);
-let viewMode = $state<'grid' | 'list'>('grid');
-let selectedFileIds = $state<Set<string>>(new Set());
-let selectedFolderIds = $state<Set<string>>(new Set());
-let currentFolderId = $state<string | null>(null);
-
-export const filesStore = {
-	get loading() {
-		return loading;
-	},
-	get error() {
-		return error;
-	},
-	get viewMode() {
-		return viewMode;
-	},
-	get selectedFileIds() {
-		return selectedFileIds;
-	},
-	get selectedFolderIds() {
-		return selectedFolderIds;
-	},
-	get selectionCount() {
-		return selectedFileIds.size + selectedFolderIds.size;
-	},
-	get currentFolderId() {
-		return currentFolderId;
-	},
-
-	toggleFileSelection(id: string) {
-		const next = new Set(selectedFileIds);
-		if (next.has(id)) next.delete(id);
-		else next.add(id);
-		selectedFileIds = next;
-	},
-
-	toggleFolderSelection(id: string) {
-		const next = new Set(selectedFolderIds);
-		if (next.has(id)) next.delete(id);
-		else next.add(id);
-		selectedFolderIds = next;
-	},
-
-	selectAllFromLists(files: StorageFile[], folders: StorageFolder[]) {
-		selectedFileIds = new Set(files.map((f) => f.id));
-		selectedFolderIds = new Set(folders.map((f) => f.id));
-	},
-
-	clearSelection() {
-		selectedFileIds = new Set();
-		selectedFolderIds = new Set();
-	},
-
-	setViewMode(mode: 'grid' | 'list') {
-		viewMode = mode;
-		StorageEvents.viewModeChanged(mode);
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('storage-view-mode', mode);
-		}
-	},
-
-	initViewMode() {
-		if (typeof localStorage !== 'undefined') {
-			const saved = localStorage.getItem('storage-view-mode');
-			if (saved === 'grid' || saved === 'list') {
-				viewMode = saved;
-			}
-		}
-	},
-
-	setCurrentFolder(folderId: string | null) {
-		currentFolderId = folderId;
-		selectedFileIds = new Set();
-		selectedFolderIds = new Set();
-	},
-
-	// ─── Server-side operations (remain API-based) ────────
-
-	async uploadFile(file: File, parentFolderId?: string | null) {
-		const result = await filesApi.upload(file, parentFolderId ?? currentFolderId ?? undefined);
-		if (result.data) {
-			// Also insert into local store for liveQuery reactivity
-			const localFile: LocalFile = {
-				id: result.data.id,
-				name: result.data.name,
-				originalName: result.data.originalName,
-				mimeType: result.data.mimeType,
-				size: result.data.size,
-				storagePath: result.data.storagePath,
-				storageKey: result.data.storageKey,
-				parentFolderId: result.data.parentFolderId,
-				currentVersion: result.data.currentVersion,
-				isFavorite: result.data.isFavorite,
-				isDeleted: result.data.isDeleted,
-			};
-			await fileCollection.insert(localFile);
-			trackEvent('file_uploaded', { size: Math.round(file.size / 1024) });
-		}
-		return result;
-	},
-
-	async createFolder(name: string, color?: string) {
-		const result = await foldersApi.create(name, currentFolderId ?? undefined, color);
-		if (result.data) {
-			// Also insert into local store for liveQuery reactivity
-			const localFolder: LocalFolder = {
-				id: result.data.id,
-				name: result.data.name,
-				description: result.data.description,
-				color: result.data.color,
-				parentFolderId: result.data.parentFolderId,
-				path: result.data.path,
-				depth: result.data.depth,
-				isFavorite: result.data.isFavorite,
-				isDeleted: result.data.isDeleted,
-			};
-			await folderCollection.insert(localFolder);
-			trackEvent('folder_created');
-		}
-		return result;
-	},
-
-	async deleteFile(id: string) {
-		const result = await filesApi.delete(id);
-		if (!result.error) {
-			await fileCollection.update(id, { isDeleted: true });
-			StorageEvents.fileDeleted();
-		}
-		return result;
-	},
-
-	async deleteFolder(id: string) {
-		const result = await foldersApi.delete(id);
-		if (!result.error) {
-			await folderCollection.update(id, { isDeleted: true });
-			StorageEvents.folderDeleted();
-		}
-		return result;
-	},
-
-	async deleteSelected(files: StorageFile[], folders: StorageFolder[]) {
-		const fileIds = [...selectedFileIds];
-		const folderIds = [...selectedFolderIds];
-
-		const results = await Promise.all([
-			...fileIds.map((id) => filesApi.delete(id)),
-			...folderIds.map((id) => foldersApi.delete(id)),
-		]);
-
-		const hasErrors = results.some((r) => r.error);
-		if (!hasErrors) {
-			for (const id of fileIds) {
-				await fileCollection.update(id, { isDeleted: true });
-			}
-			for (const id of folderIds) {
-				await folderCollection.update(id, { isDeleted: true });
-			}
-		}
-
-		selectedFileIds = new Set();
-		selectedFolderIds = new Set();
-		return { deleted: fileIds.length + folderIds.length, hasErrors };
-	},
-
-	async toggleFileFavorite(id: string) {
-		const result = await filesApi.toggleFavorite(id);
-		if (result.data) {
-			await fileCollection.update(id, { isFavorite: result.data.isFavorite });
-			StorageEvents.fileFavorited(result.data.isFavorite);
-		}
-		return result;
-	},
-
-	async toggleFolderFavorite(id: string) {
-		const result = await foldersApi.toggleFavorite(id);
-		if (result.data) {
-			await folderCollection.update(id, { isFavorite: result.data.isFavorite });
-			StorageEvents.folderFavorited(result.data.isFavorite);
-		}
-		return result;
-	},
-
-	async renameFile(id: string, name: string) {
-		const result = await filesApi.rename(id, name);
-		if (result.data) {
-			await fileCollection.update(id, { name: result.data.name });
-		}
-		return result;
-	},
-
-	async renameFolder(id: string, name: string) {
-		const result = await foldersApi.rename(id, name);
-		if (result.data) {
-			await folderCollection.update(id, { name: result.data.name });
-		}
-		return result;
-	},
-
-	async moveFile(id: string, targetFolderId: string) {
-		const result = await filesApi.move(id, targetFolderId);
-		if (!result.error) {
-			await fileCollection.update(id, { parentFolderId: targetFolderId });
-		}
-		return result;
-	},
-
-	async moveFolder(id: string, targetFolderId: string) {
-		const result = await foldersApi.move(id, targetFolderId);
-		if (!result.error) {
-			await folderCollection.update(id, { parentFolderId: targetFolderId });
-		}
-		return result;
-	},
-
-	async downloadFile(id: string, filename: string) {
-		const blob = await filesApi.download(id);
-		if (blob) {
-			const url = URL.createObjectURL(blob);
-			const a = document.createElement('a');
-			a.href = url;
-			a.download = filename;
-			document.body.appendChild(a);
-			a.click();
-			document.body.removeChild(a);
-			URL.revokeObjectURL(url);
-			StorageEvents.fileDownloaded();
-			return true;
-		}
-		return false;
-	},
-};
diff --git a/apps/storage/apps/web-archived/src/lib/stores/navigation.ts b/apps/storage/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index e922e7ce5..000000000
--- a/apps/storage/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed } = createSimpleNavigationStores();
diff --git a/apps/storage/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/storage/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 200a58b23..000000000
--- a/apps/storage/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/storage/apps/web-archived/src/lib/stores/theme.svelte.ts b/apps/storage/apps/web-archived/src/lib/stores/theme.svelte.ts
deleted file mode 100644
index ea2678fed..000000000
--- a/apps/storage/apps/web-archived/src/lib/stores/theme.svelte.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * Theme Store - Manages theme state
- * Uses shared theme store from @manacore/shared-theme
- */
-
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore({ appId: 'storage' });
diff --git a/apps/storage/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/storage/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 5ec39773a..000000000
--- a/apps/storage/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * User Settings Store for Storage
- *
- * This store syncs settings with mana-core-auth and provides:
- * - Global settings that apply to all apps
- * - Per-app overrides for customization
- * - localStorage caching for offline support
- */
-
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'storage',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/storage/apps/web-archived/src/lib/version.ts b/apps/storage/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index d63b4cfef..000000000
--- a/apps/storage/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.2.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/storage/apps/web-archived/src/routes/+layout.svelte b/apps/storage/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 83d6c442a..000000000
--- a/apps/storage/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,365 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import { locale } from 'svelte-i18n';
-	import { PillNavigation, setupGlobalErrorHandler, TagStrip } from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import type { PillNavItem, PillDropdownItem, SpotlightAction } from '@manacore/shared-ui';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { setContext } from 'svelte';
-	import { THEME_DEFINITIONS } from '@manacore/shared-theme';
-	import { isNavCollapsed as collapsedStore } from '$lib/stores/navigation';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { ToastContainer } from '@manacore/shared-ui';
-	import { storageOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { storageStore } from '$lib/data/local-store';
-	import MiniPlayer from '$lib/components/audio/MiniPlayer.svelte';
-	import FullPlayer from '$lib/components/audio/FullPlayer.svelte';
-	import '../app.css';
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('storage', undefined, undefined, authStore.user?.tier));
-
-	// Live query for shared tags (local-first)
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	let { children } = $props();
-
-	let isCollapsed = $state(false);
-
-	// Use theme store's isDark directly
-	let isDark = $derived(theme.isDark);
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...theme.variants.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// User email for user dropdown — empty string for guests so PillNav shows login button
-	let userEmail = $derived(authStore.isAuthenticated ? authStore.user?.email || 'Menü' : '');
-
-	// Guest welcome modal state
-	let showGuestWelcome = $state(false);
-
-	// TagStrip state
-	let isTagStripVisible = $state(true);
-	let selectedTagIds = $state<string[]>([]);
-
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	function handleTagToggle(tagId: string) {
-		if (selectedTagIds.includes(tagId)) {
-			selectedTagIds = selectedTagIds.filter((id) => id !== tagId);
-		} else {
-			selectedTagIds = [...selectedTagIds, tagId];
-		}
-	}
-
-	function handleTagClear() {
-		selectedTagIds = [];
-	}
-
-	// Navigation items for Storage
-	const navItems: PillNavItem[] = [
-		{ href: '/files', label: 'Dateien', icon: 'folder' },
-		{ href: '/shared', label: 'Geteilt', icon: 'share' },
-		{ href: '/favorites', label: 'Favoriten', icon: 'heart' },
-		{ href: '/trash', label: 'Papierkorb', icon: 'trash' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-		{ href: '/search', label: 'Suche', icon: 'search' },
-	];
-
-	// Navigation shortcuts
-	const navRoutes = navItems.map((item) => item.href);
-
-	// Check if current path is auth page
-	let isAuthPage = $derived(
-		$page.url.pathname === '/login' ||
-			$page.url.pathname === '/register' ||
-			$page.url.pathname === '/forgot-password'
-	);
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-
-		// Cmd/Ctrl+K to open search
-		if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
-			event.preventDefault();
-			goto('/search');
-			return;
-		}
-
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) {
-					goto(route);
-				}
-			}
-		}
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		collapsedStore.set(collapsed);
-		if (typeof localStorage !== 'undefined') {
-			localStorage.setItem('storage-nav-collapsed', String(collapsed));
-		}
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'upload',
-			label: 'Datei hochladen',
-			icon: 'plus',
-			shortcut: 'U',
-			category: 'Aktionen',
-			onExecute: () => goto('/'),
-		},
-		{ id: 'all-files', label: 'Alle Dateien', category: 'Navigation', onExecute: () => goto('/') },
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		// Initialize local-first databases
-		await Promise.all([storageStore.initialize(), tagLocalStore.initialize()]);
-
-		// If authenticated, start syncing
-		if (authStore.isAuthenticated) {
-			storageStore.startSync(() => authStore.getValidToken());
-			tagMutations.startSync(() => authStore.getValidToken());
-		}
-
-		// Initialize theme
-		theme.initialize();
-
-		// Show guest welcome on first visit
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('storage')) {
-			showGuestWelcome = true;
-		}
-
-		if (authStore.isAuthenticated) {
-			// Load user settings (require auth)
-			await userSettings.load();
-		}
-
-		// Initialize collapsed state from localStorage
-		const savedCollapsed = localStorage.getItem('storage-nav-collapsed');
-		if (savedCollapsed === 'true') {
-			isCollapsed = true;
-			collapsedStore.set(true);
-		}
-	}
-
-	onMount(() => {
-		// Setup global error handling
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-		return cleanupErrorHandler;
-	});
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<ToastContainer />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('storage')?.requiredTier}
-	appName={getManaApp('storage')?.name}
->
-	{#if isAuthPage}
-		<!-- Auth pages without navigation -->
-		{@render children()}
-	{:else}
-		<!-- Navigation Layout -->
-		<div class="layout-container">
-			<PillNavigation
-				items={navItems}
-				currentPath={$page.url.pathname}
-				appName="Storage"
-				homeRoute="/files"
-				onToggleTheme={handleToggleTheme}
-				{isDark}
-				{spotlightActions}
-				{isCollapsed}
-				onCollapsedChange={handleCollapsedChange}
-				showThemeToggle={true}
-				showThemeVariants={true}
-				{themeVariantItems}
-				{currentThemeVariantLabel}
-				themeMode={theme.mode}
-				onThemeModeChange={handleThemeModeChange}
-				showLanguageSwitcher={true}
-				{languageItems}
-				{currentLanguageLabel}
-				showLogout={authStore.isAuthenticated}
-				onLogout={handleLogout}
-				loginHref="/login"
-				primaryColor="#3b82f6"
-				showAppSwitcher={true}
-				{appItems}
-				{userEmail}
-				settingsHref="/settings"
-				manaHref="/mana"
-				profileHref="/profile"
-				themesHref="/themes"
-				helpHref="/help"
-				allAppsHref="/apps"
-			/>
-
-			<!-- TagStrip (toggled via Tags pill) -->
-			{#if isTagStripVisible}
-				<TagStrip
-					tags={allTags.value.map((t) => ({
-						id: t.id,
-						name: t.name,
-						color: t.color || '#6b7280',
-					}))}
-					selectedIds={selectedTagIds}
-					onToggle={handleTagToggle}
-					onClear={handleTagClear}
-					managementHref="/tags"
-				/>
-			{/if}
-
-			<main class="main-content bg-background">
-				<div class="content-wrapper">
-					{@render children()}
-				</div>
-			</main>
-		</div>
-
-		<!-- Onboarding Modal -->
-		{#if storageOnboarding.shouldShow}
-			<MiniOnboardingModal store={storageOnboarding} appName="Storage" appEmoji="☁️" />
-		{/if}
-
-		{#if authStore.isAuthenticated}
-			<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-		{/if}
-
-		<!-- Audio Player -->
-		<MiniPlayer />
-		<FullPlayer />
-	{/if}
-
-	<!-- Guest Welcome Modal -->
-	<GuestWelcomeModal
-		appId="storage"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		flex: 1;
-		padding-bottom: 100px;
-	}
-
-	.content-wrapper {
-		max-width: 80rem;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 2rem 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper {
-			padding-left: 1.5rem;
-			padding-right: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper {
-			padding-left: 2rem;
-			padding-right: 2rem;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/+layout.ts b/apps/storage/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/storage/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/storage/apps/web-archived/src/routes/+page.svelte b/apps/storage/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index cc685c19d..000000000
--- a/apps/storage/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	// Redirect to /files on root
-	onMount(() => {
-		goto('/files');
-	});
-</script>
-
-<div class="flex min-h-screen items-center justify-center" role="status" aria-live="polite">
-	<p class="text-muted-foreground">Weiterleitung...</p>
-</div>
diff --git a/apps/storage/apps/web-archived/src/routes/favorites/+page.svelte b/apps/storage/apps/web-archived/src/routes/favorites/+page.svelte
deleted file mode 100644
index 873ee890b..000000000
--- a/apps/storage/apps/web-archived/src/routes/favorites/+page.svelte
+++ /dev/null
@@ -1,255 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { Heart, GridFour, List } from '@manacore/shared-icons';
-	import { searchApi } from '$lib/api/client';
-	import type { StorageFile, StorageFolder } from '$lib/api/client';
-	import { filesStore } from '$lib/stores/files.svelte';
-	import { toastStore } from '@manacore/shared-ui';
-	import FileGrid from '$lib/components/files/FileGrid.svelte';
-	import FileList from '$lib/components/files/FileList.svelte';
-	import FilePreviewModal from '$lib/components/files/FilePreviewModal.svelte';
-	import FileSkeletonGrid from '$lib/components/files/FileSkeletonGrid.svelte';
-	import FileSkeletonList from '$lib/components/files/FileSkeletonList.svelte';
-	import EmptyState from '$lib/components/files/EmptyState.svelte';
-
-	let previewFile = $state<StorageFile | null>(null);
-	let files = $state<StorageFile[]>([]);
-	let folders = $state<StorageFolder[]>([]);
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-
-	onMount(async () => {
-		filesStore.initViewMode();
-		await loadFavorites();
-	});
-
-	async function loadFavorites() {
-		loading = true;
-		error = null;
-
-		const result = await searchApi.favorites();
-		if (result.error) {
-			error = result.error;
-		} else if (result.data) {
-			files = result.data.files;
-			folders = result.data.folders;
-		}
-
-		loading = false;
-	}
-
-	function handleFolderClick(folder: StorageFolder) {
-		goto(`/files/${folder.id}`);
-	}
-
-	function handleFileClick(file: StorageFile) {
-		previewFile = file;
-	}
-
-	async function handleFileAction(action: string, file: StorageFile) {
-		if (action === 'favorite') {
-			const result = await filesStore.toggleFileFavorite(file.id);
-			if (!result.error) {
-				files = files.filter((f) => f.id !== file.id);
-				toastStore.success('Favorit entfernt');
-			}
-		}
-	}
-
-	async function handleFolderAction(action: string, folder: StorageFolder) {
-		if (action === 'favorite') {
-			const result = await filesStore.toggleFolderFavorite(folder.id);
-			if (!result.error) {
-				folders = folders.filter((f) => f.id !== folder.id);
-				toastStore.success('Favorit entfernt');
-			}
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Favoriten - Storage</title>
-	<meta name="description" content="Deine favorisierten Dateien und Ordner auf einen Blick." />
-</svelte:head>
-
-<div class="favorites-page">
-	<div class="page-header">
-		<h1>
-			<Heart size={24} />
-			Favoriten
-		</h1>
-
-		<div class="view-toggle">
-			<button
-				class="view-btn"
-				class:active={filesStore.viewMode === 'grid'}
-				onclick={() => filesStore.setViewMode('grid')}
-				aria-label="Rasteransicht"
-			>
-				<GridFour size={18} />
-			</button>
-			<button
-				class="view-btn"
-				class:active={filesStore.viewMode === 'list'}
-				onclick={() => filesStore.setViewMode('list')}
-				aria-label="Listenansicht"
-			>
-				<List size={18} />
-			</button>
-		</div>
-	</div>
-
-	{#if loading}
-		{#if filesStore.viewMode === 'grid'}
-			<FileSkeletonGrid />
-		{:else}
-			<FileSkeletonList />
-		{/if}
-	{:else if error}
-		<div class="error-state">
-			<p>Fehler: {error}</p>
-			<button onclick={loadFavorites}>Erneut versuchen</button>
-		</div>
-	{:else if files.length === 0 && folders.length === 0}
-		<EmptyState
-			type="favorites"
-			title="Keine Favoriten"
-			description="Markiere Dateien und Ordner als Favoriten, um sie hier schnell zu finden."
-		/>
-	{:else if filesStore.viewMode === 'grid'}
-		<FileGrid
-			{files}
-			{folders}
-			onFileClick={handleFileClick}
-			onFolderClick={handleFolderClick}
-			onFileAction={handleFileAction}
-			onFolderAction={handleFolderAction}
-		/>
-	{:else}
-		<FileList
-			{files}
-			{folders}
-			onFileClick={handleFileClick}
-			onFolderClick={handleFolderClick}
-			onFileAction={handleFileAction}
-			onFolderAction={handleFolderAction}
-		/>
-	{/if}
-</div>
-
-<FilePreviewModal
-	open={previewFile !== null}
-	file={previewFile}
-	allFiles={files}
-	onClose={() => (previewFile = null)}
-	onAction={(action, file) => {
-		handleFileAction(action, file);
-		previewFile = null;
-	}}
-/>
-
-<style>
-	.favorites-page {
-		min-height: 100%;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.page-header h1 {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		margin: 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.view-toggle {
-		display: flex;
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-md);
-		padding: 0.25rem;
-	}
-
-	.view-btn {
-		padding: 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.view-btn:hover {
-		color: rgb(var(--color-text-primary));
-	}
-
-	.view-btn.active {
-		background: rgb(var(--color-surface-elevated));
-		color: rgb(var(--color-primary));
-	}
-
-	.loading-state,
-	.error-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		text-align: center;
-	}
-
-	.loading-state .spinner {
-		width: 40px;
-		height: 40px;
-		border: 3px solid rgb(var(--color-border));
-		border-top-color: rgb(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.loading-state p,
-	.error-state p {
-		margin-top: 1rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.error-state button {
-		margin-top: 1rem;
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		color: white;
-		cursor: pointer;
-	}
-
-	.empty-state {
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.empty-state h2 {
-		margin: 1rem 0 0.5rem;
-		font-size: 1.25rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.empty-state p {
-		margin: 0;
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/feedback/+page.svelte b/apps/storage/apps/web-archived/src/routes/feedback/+page.svelte
deleted file mode 100644
index 379cf58d8..000000000
--- a/apps/storage/apps/web-archived/src/routes/feedback/+page.svelte
+++ /dev/null
@@ -1,223 +0,0 @@
-<script lang="ts">
-	import { ChatCircle, PaperPlaneTilt } from '@manacore/shared-icons';
-	import { toastStore } from '@manacore/shared-ui';
-
-	let type = $state<'bug' | 'feature' | 'other'>('feature');
-	let message = $state('');
-	let sending = $state(false);
-
-	async function handleSubmit() {
-		if (!message.trim()) return;
-
-		sending = true;
-
-		// Simulate sending feedback
-		await new Promise((resolve) => setTimeout(resolve, 1000));
-
-		toastStore.success('Feedback gesendet! Vielen Dank.');
-		message = '';
-		type = 'feature';
-		sending = false;
-	}
-</script>
-
-<svelte:head>
-	<title>Feedback - Storage</title>
-</svelte:head>
-
-<div class="feedback-page">
-	<div class="page-header">
-		<h1>
-			<ChatCircle size={24} />
-			Feedback
-		</h1>
-	</div>
-
-	<div class="feedback-card">
-		<p class="intro">
-			Wir freuen uns über dein Feedback! Teile uns mit, was wir verbessern können oder welche
-			Funktionen du dir wünschst.
-		</p>
-
-		<form
-			onsubmit={(e) => {
-				e.preventDefault();
-				handleSubmit();
-			}}
-		>
-			<div class="form-group">
-				<label>Art des Feedbacks</label>
-				<div class="type-selector">
-					<button
-						type="button"
-						class="type-btn"
-						class:active={type === 'bug'}
-						onclick={() => (type = 'bug')}
-					>
-						Bug melden
-					</button>
-					<button
-						type="button"
-						class="type-btn"
-						class:active={type === 'feature'}
-						onclick={() => (type = 'feature')}
-					>
-						Feature-Wunsch
-					</button>
-					<button
-						type="button"
-						class="type-btn"
-						class:active={type === 'other'}
-						onclick={() => (type = 'other')}
-					>
-						Sonstiges
-					</button>
-				</div>
-			</div>
-
-			<div class="form-group">
-				<label for="message">Deine Nachricht</label>
-				<textarea
-					id="message"
-					bind:value={message}
-					placeholder="Beschreibe dein Feedback hier..."
-					rows="6"
-				></textarea>
-			</div>
-
-			<button type="submit" class="submit-btn" disabled={!message.trim() || sending}>
-				<PaperPlaneTilt size={18} />
-				{sending ? 'Wird gesendet...' : 'Feedback senden'}
-			</button>
-		</form>
-	</div>
-</div>
-
-<style>
-	.feedback-page {
-		min-height: 100%;
-		max-width: 600px;
-	}
-
-	.page-header {
-		margin-bottom: 2rem;
-	}
-
-	.page-header h1 {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		margin: 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.feedback-card {
-		padding: 2rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-xl);
-	}
-
-	.intro {
-		margin: 0 0 1.5rem;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-		line-height: 1.6;
-	}
-
-	.form-group {
-		margin-bottom: 1.5rem;
-	}
-
-	.form-group label {
-		display: block;
-		margin-bottom: 0.5rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.type-selector {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.type-btn {
-		flex: 1;
-		padding: 0.625rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.type-btn:hover {
-		border-color: rgb(var(--color-primary));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.type-btn.active {
-		background: rgba(var(--color-primary), 0.1);
-		border-color: rgb(var(--color-primary));
-		color: rgb(var(--color-primary));
-	}
-
-	textarea {
-		width: 100%;
-		padding: 0.75rem;
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		resize: vertical;
-		font-family: inherit;
-	}
-
-	textarea:focus {
-		outline: none;
-		border-color: rgb(var(--color-primary));
-		box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
-	}
-
-	textarea::placeholder {
-		color: rgb(var(--color-text-tertiary));
-	}
-
-	.submit-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		width: 100%;
-		padding: 0.75rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: white;
-		cursor: pointer;
-		transition: opacity var(--transition-fast);
-	}
-
-	.submit-btn:hover:not(:disabled) {
-		opacity: 0.9;
-	}
-
-	.submit-btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	@media (max-width: 480px) {
-		.type-selector {
-			flex-direction: column;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/files/+page.svelte b/apps/storage/apps/web-archived/src/routes/files/+page.svelte
deleted file mode 100644
index ead251ef7..000000000
--- a/apps/storage/apps/web-archived/src/routes/files/+page.svelte
+++ /dev/null
@@ -1,475 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { GridFour, List, Plus, FolderPlus, UploadSimple } from '@manacore/shared-icons';
-	import { filesStore } from '$lib/stores/files.svelte';
-	import {
-		useAllFiles,
-		useAllFolders,
-		getFilesInFolder,
-		getFoldersInFolder,
-	} from '$lib/data/queries';
-	import { toastStore } from '@manacore/shared-ui';
-	import type { StorageFile, StorageFolder } from '$lib/api/client';
-	import FileGrid from '$lib/components/files/FileGrid.svelte';
-	import FileList from '$lib/components/files/FileList.svelte';
-	import Breadcrumb from '$lib/components/files/Breadcrumb.svelte';
-	import UploadZone from '$lib/components/files/UploadZone.svelte';
-	import NewFolderModal from '$lib/components/files/NewFolderModal.svelte';
-	import FilePreviewModal from '$lib/components/files/FilePreviewModal.svelte';
-	import FileSkeletonGrid from '$lib/components/files/FileSkeletonGrid.svelte';
-	import FileSkeletonList from '$lib/components/files/FileSkeletonList.svelte';
-	import EmptyState from '$lib/components/files/EmptyState.svelte';
-	import ShareModal from '$lib/components/files/ShareModal.svelte';
-	import BulkActionBar from '$lib/components/files/BulkActionBar.svelte';
-
-	let previewFile = $state<StorageFile | null>(null);
-	let shareTarget = $state<{ fileId?: string; folderId?: string; name: string } | null>(null);
-	let showUploadZone = $state(false);
-	let showNewFolderModal = $state(false);
-	let uploading = $state(false);
-	let uploadProgress = $state(0);
-
-	// Live queries for reactive reads
-	const allFilesQuery = useAllFiles();
-	const allFoldersQuery = useAllFolders();
-
-	// Root-level files and folders (no parent)
-	let files = $derived(getFilesInFolder(allFilesQuery.value ?? [], null));
-	let folders = $derived(getFoldersInFolder(allFoldersQuery.value ?? [], null));
-
-	// Breadcrumb items (root has none)
-	let breadcrumbItems: { id: string; name: string }[] = [];
-
-	onMount(() => {
-		filesStore.initViewMode();
-		filesStore.setCurrentFolder(null);
-	});
-
-	function handleFolderClick(folder: StorageFolder) {
-		goto(`/files/${folder.id}`);
-	}
-
-	function handleFileClick(file: StorageFile) {
-		previewFile = file;
-	}
-
-	async function handleFileAction(action: string, file: StorageFile) {
-		switch (action) {
-			case 'download':
-				await filesStore.downloadFile(file.id, file.name);
-				toastStore.success('Download gestartet');
-				break;
-			case 'rename':
-				const newName = prompt('Neuer Name:', file.name);
-				if (newName && newName !== file.name) {
-					const result = await filesStore.renameFile(file.id, newName);
-					if (result.error) {
-						toastStore.error(result.error);
-					} else {
-						toastStore.success('Datei umbenannt');
-					}
-				}
-				break;
-			case 'favorite':
-				const favResult = await filesStore.toggleFileFavorite(file.id);
-				if (!favResult.error) {
-					toastStore.success(file.isFavorite ? 'Favorit entfernt' : 'Als Favorit markiert');
-				}
-				break;
-			case 'delete':
-				if (confirm('Datei in den Papierkorb verschieben?')) {
-					const delResult = await filesStore.deleteFile(file.id);
-					if (delResult.error) {
-						toastStore.error(delResult.error);
-					} else {
-						toastStore.success('In den Papierkorb verschoben');
-					}
-				}
-				break;
-			case 'share':
-				shareTarget = { fileId: file.id, name: file.name };
-				break;
-			case 'move':
-				toastStore.info('Verschieben-Funktion kommt bald');
-				break;
-		}
-	}
-
-	async function handleFolderAction(action: string, folder: StorageFolder) {
-		switch (action) {
-			case 'rename':
-				const newName = prompt('Neuer Name:', folder.name);
-				if (newName && newName !== folder.name) {
-					const result = await filesStore.renameFolder(folder.id, newName);
-					if (result.error) {
-						toastStore.error(result.error);
-					} else {
-						toastStore.success('Ordner umbenannt');
-					}
-				}
-				break;
-			case 'favorite':
-				const favResult = await filesStore.toggleFolderFavorite(folder.id);
-				if (!favResult.error) {
-					toastStore.success(folder.isFavorite ? 'Favorit entfernt' : 'Als Favorit markiert');
-				}
-				break;
-			case 'delete':
-				if (confirm('Ordner und Inhalt in den Papierkorb verschieben?')) {
-					const delResult = await filesStore.deleteFolder(folder.id);
-					if (delResult.error) {
-						toastStore.error(delResult.error);
-					} else {
-						toastStore.success('In den Papierkorb verschoben');
-					}
-				}
-				break;
-			case 'share':
-				shareTarget = { folderId: folder.id, name: folder.name };
-				break;
-			case 'move':
-				toastStore.info('Verschieben-Funktion kommt bald');
-				break;
-		}
-	}
-
-	async function handleUpload(files: FileList) {
-		uploading = true;
-		uploadProgress = 0;
-
-		const totalFiles = files.length;
-		let completed = 0;
-
-		for (const file of files) {
-			const result = await filesStore.uploadFile(file);
-			if (result.error) {
-				toastStore.error(`Fehler beim Hochladen von ${file.name}: ${result.error}`);
-			}
-			completed++;
-			uploadProgress = Math.round((completed / totalFiles) * 100);
-		}
-
-		uploading = false;
-		uploadProgress = 0;
-		showUploadZone = false;
-		toastStore.success(`${totalFiles} Datei(en) hochgeladen`);
-	}
-
-	async function handleCreateFolder(name: string, color?: string) {
-		const result = await filesStore.createFolder(name, color);
-		if (result.error) {
-			toastStore.error(result.error);
-		} else {
-			toastStore.success('Ordner erstellt');
-		}
-	}
-
-	async function handleMoveToFolder(
-		itemType: 'file' | 'folder',
-		itemId: string,
-		targetFolderId: string
-	) {
-		if (itemType === 'file') {
-			const result = await filesStore.moveFile(itemId, targetFolderId);
-			if (result?.error) {
-				toastStore.error(result.error);
-			} else {
-				toastStore.success('Datei verschoben');
-			}
-		} else {
-			const result = await filesStore.moveFolder(itemId, targetFolderId);
-			if (result?.error) {
-				toastStore.error(result.error);
-			} else {
-				toastStore.success('Ordner verschoben');
-			}
-		}
-	}
-
-	function handleBreadcrumbNavigate(id: string | null) {
-		if (id) {
-			goto(`/files/${id}`);
-		} else {
-			goto('/files');
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Meine Dateien - Storage</title>
-	<meta
-		name="description"
-		content="Verwalte deine Dateien und Ordner in der Cloud. Hochladen, organisieren und teilen."
-	/>
-</svelte:head>
-
-<div class="files-page">
-	<div class="page-header">
-		<div class="header-left">
-			<h1>Meine Dateien</h1>
-			<Breadcrumb items={breadcrumbItems} onNavigate={handleBreadcrumbNavigate} />
-		</div>
-
-		<div class="header-actions">
-			<div class="view-toggle">
-				<button
-					class="view-btn"
-					class:active={filesStore.viewMode === 'grid'}
-					onclick={() => filesStore.setViewMode('grid')}
-					aria-label="Rasteransicht"
-				>
-					<GridFour size={18} />
-				</button>
-				<button
-					class="view-btn"
-					class:active={filesStore.viewMode === 'list'}
-					onclick={() => filesStore.setViewMode('list')}
-					aria-label="Listenansicht"
-				>
-					<List size={18} />
-				</button>
-			</div>
-
-			<button class="action-btn" onclick={() => (showNewFolderModal = true)}>
-				<FolderPlus size={18} />
-				<span>Neuer Ordner</span>
-			</button>
-
-			<button class="action-btn primary" onclick={() => (showUploadZone = !showUploadZone)}>
-				<UploadSimple size={18} />
-				<span>Hochladen</span>
-			</button>
-		</div>
-	</div>
-
-	{#if showUploadZone}
-		<UploadZone onUpload={handleUpload} {uploading} progress={uploadProgress} />
-	{/if}
-
-	<BulkActionBar {files} {folders} />
-
-	{#if allFilesQuery.error}
-		<div class="error-state">
-			<p>Fehler: {allFilesQuery.error}</p>
-		</div>
-	{:else if files.length === 0 && folders.length === 0}
-		<EmptyState
-			type="files"
-			title="Noch keine Dateien"
-			description="Lade deine ersten Dateien hoch oder erstelle einen Ordner."
-		>
-			{#snippet actions()}
-				<button class="action-btn" onclick={() => (showNewFolderModal = true)}>
-					<FolderPlus size={18} />
-					<span>Neuer Ordner</span>
-				</button>
-				<button class="action-btn primary" onclick={() => (showUploadZone = true)}>
-					<UploadSimple size={18} />
-					<span>Hochladen</span>
-				</button>
-			{/snippet}
-		</EmptyState>
-	{:else if filesStore.viewMode === 'grid'}
-		<FileGrid
-			{files}
-			{folders}
-			onFileClick={handleFileClick}
-			onFolderClick={handleFolderClick}
-			onFileAction={handleFileAction}
-			onFolderAction={handleFolderAction}
-			onMoveToFolder={handleMoveToFolder}
-		/>
-	{:else}
-		<FileList
-			{files}
-			{folders}
-			onFileClick={handleFileClick}
-			onFolderClick={handleFolderClick}
-			onFileAction={handleFileAction}
-			onFolderAction={handleFolderAction}
-		/>
-	{/if}
-</div>
-
-<NewFolderModal
-	open={showNewFolderModal}
-	onClose={() => (showNewFolderModal = false)}
-	onCreate={handleCreateFolder}
-/>
-
-<FilePreviewModal
-	open={previewFile !== null}
-	file={previewFile}
-	allFiles={files}
-	onClose={() => (previewFile = null)}
-	onAction={(action, file) => {
-		handleFileAction(action, file);
-		previewFile = null;
-	}}
-/>
-
-<ShareModal
-	open={shareTarget !== null}
-	fileId={shareTarget?.fileId}
-	folderId={shareTarget?.folderId}
-	fileName={shareTarget?.name || ''}
-	onClose={() => (shareTarget = null)}
-/>
-
-<style>
-	.files-page {
-		min-height: 100%;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: flex-start;
-		gap: 1rem;
-		margin-bottom: 1.5rem;
-	}
-
-	.header-left h1 {
-		margin: 0 0 0.5rem 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.header-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.view-toggle {
-		display: flex;
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-md);
-		padding: 0.25rem;
-	}
-
-	.view-btn {
-		padding: 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.view-btn:hover {
-		color: rgb(var(--color-text-primary));
-	}
-
-	.view-btn.active {
-		background: rgb(var(--color-surface-elevated));
-		color: rgb(var(--color-primary));
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.action-btn:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.action-btn.primary {
-		background: rgb(var(--color-primary));
-		border-color: rgb(var(--color-primary));
-		color: white;
-	}
-
-	.action-btn.primary:hover {
-		opacity: 0.9;
-	}
-
-	.loading-state,
-	.error-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		text-align: center;
-	}
-
-	.loading-state .spinner {
-		width: 40px;
-		height: 40px;
-		border: 3px solid rgb(var(--color-border));
-		border-top-color: rgb(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.loading-state p,
-	.error-state p {
-		margin-top: 1rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.error-state button {
-		margin-top: 1rem;
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		color: white;
-		cursor: pointer;
-	}
-
-	.empty-state {
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.empty-state h2 {
-		margin: 1rem 0 0.5rem;
-		font-size: 1.25rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.empty-state p {
-		margin: 0 0 1.5rem;
-	}
-
-	.empty-actions {
-		display: flex;
-		gap: 0.75rem;
-	}
-
-	@media (max-width: 640px) {
-		.page-header {
-			flex-direction: column;
-		}
-
-		.header-actions {
-			width: 100%;
-			justify-content: space-between;
-		}
-
-		.action-btn span {
-			display: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/files/[folderId]/+page.svelte b/apps/storage/apps/web-archived/src/routes/files/[folderId]/+page.svelte
deleted file mode 100644
index a340d3ce4..000000000
--- a/apps/storage/apps/web-archived/src/routes/files/[folderId]/+page.svelte
+++ /dev/null
@@ -1,518 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import { GridFour, List, FolderPlus, UploadSimple, ArrowLeft } from '@manacore/shared-icons';
-	import { filesStore } from '$lib/stores/files.svelte';
-	import {
-		useAllFiles,
-		useAllFolders,
-		getFilesInFolder,
-		getFoldersInFolder,
-		findFolderById,
-	} from '$lib/data/queries';
-	import { toastStore } from '@manacore/shared-ui';
-	import type { StorageFile, StorageFolder } from '$lib/api/client';
-	import FileGrid from '$lib/components/files/FileGrid.svelte';
-	import FileList from '$lib/components/files/FileList.svelte';
-	import Breadcrumb from '$lib/components/files/Breadcrumb.svelte';
-	import UploadZone from '$lib/components/files/UploadZone.svelte';
-	import NewFolderModal from '$lib/components/files/NewFolderModal.svelte';
-	import FilePreviewModal from '$lib/components/files/FilePreviewModal.svelte';
-	import FileSkeletonGrid from '$lib/components/files/FileSkeletonGrid.svelte';
-	import FileSkeletonList from '$lib/components/files/FileSkeletonList.svelte';
-	import EmptyState from '$lib/components/files/EmptyState.svelte';
-	import ShareModal from '$lib/components/files/ShareModal.svelte';
-	import BulkActionBar from '$lib/components/files/BulkActionBar.svelte';
-
-	let previewFile = $state<StorageFile | null>(null);
-	let shareTarget = $state<{ fileId?: string; folderId?: string; name: string } | null>(null);
-	let showUploadZone = $state(false);
-	let showNewFolderModal = $state(false);
-	let uploading = $state(false);
-	let uploadProgress = $state(0);
-
-	let folderId = $derived($page.params.folderId);
-
-	// Live queries for reactive reads
-	const allFilesQuery = useAllFiles();
-	const allFoldersQuery = useAllFolders();
-
-	// Current folder and its contents
-	let currentFolder = $derived(findFolderById(allFoldersQuery.value ?? [], folderId));
-	let files = $derived(getFilesInFolder(allFilesQuery.value ?? [], folderId));
-	let folders = $derived(getFoldersInFolder(allFoldersQuery.value ?? [], folderId));
-
-	// Breadcrumb items from current folder
-	let breadcrumbItems = $derived(
-		currentFolder ? [{ id: currentFolder.id, name: currentFolder.name }] : []
-	);
-
-	$effect(() => {
-		if (folderId) {
-			filesStore.setCurrentFolder(folderId);
-		}
-	});
-
-	onMount(() => {
-		filesStore.initViewMode();
-	});
-
-	function handleFolderClick(folder: StorageFolder) {
-		goto(`/files/${folder.id}`);
-	}
-
-	function handleFileClick(file: StorageFile) {
-		previewFile = file;
-	}
-
-	async function handleFileAction(action: string, file: StorageFile) {
-		switch (action) {
-			case 'download':
-				await filesStore.downloadFile(file.id, file.name);
-				toastStore.success('Download gestartet');
-				break;
-			case 'rename':
-				const newName = prompt('Neuer Name:', file.name);
-				if (newName && newName !== file.name) {
-					const result = await filesStore.renameFile(file.id, newName);
-					if (result.error) {
-						toastStore.error(result.error);
-					} else {
-						toastStore.success('Datei umbenannt');
-					}
-				}
-				break;
-			case 'favorite':
-				const favResult = await filesStore.toggleFileFavorite(file.id);
-				if (!favResult.error) {
-					toastStore.success(file.isFavorite ? 'Favorit entfernt' : 'Als Favorit markiert');
-				}
-				break;
-			case 'delete':
-				if (confirm('Datei in den Papierkorb verschieben?')) {
-					const delResult = await filesStore.deleteFile(file.id);
-					if (delResult.error) {
-						toastStore.error(delResult.error);
-					} else {
-						toastStore.success('In den Papierkorb verschoben');
-					}
-				}
-				break;
-			case 'share':
-				shareTarget = { fileId: file.id, name: file.name };
-				break;
-			case 'move':
-				toastStore.info('Verschieben-Funktion kommt bald');
-				break;
-		}
-	}
-
-	async function handleFolderAction(action: string, folder: StorageFolder) {
-		switch (action) {
-			case 'rename':
-				const newName = prompt('Neuer Name:', folder.name);
-				if (newName && newName !== folder.name) {
-					const result = await filesStore.renameFolder(folder.id, newName);
-					if (result.error) {
-						toastStore.error(result.error);
-					} else {
-						toastStore.success('Ordner umbenannt');
-					}
-				}
-				break;
-			case 'favorite':
-				const favResult = await filesStore.toggleFolderFavorite(folder.id);
-				if (!favResult.error) {
-					toastStore.success(folder.isFavorite ? 'Favorit entfernt' : 'Als Favorit markiert');
-				}
-				break;
-			case 'delete':
-				if (confirm('Ordner und Inhalt in den Papierkorb verschieben?')) {
-					const delResult = await filesStore.deleteFolder(folder.id);
-					if (delResult.error) {
-						toastStore.error(delResult.error);
-					} else {
-						toastStore.success('In den Papierkorb verschoben');
-					}
-				}
-				break;
-			case 'share':
-				shareTarget = { folderId: folder.id, name: folder.name };
-				break;
-			case 'move':
-				toastStore.info('Verschieben-Funktion kommt bald');
-				break;
-		}
-	}
-
-	async function handleUpload(files: FileList) {
-		uploading = true;
-		uploadProgress = 0;
-
-		const totalFiles = files.length;
-		let completed = 0;
-
-		for (const file of files) {
-			const result = await filesStore.uploadFile(file);
-			if (result.error) {
-				toastStore.error(`Fehler beim Hochladen von ${file.name}: ${result.error}`);
-			}
-			completed++;
-			uploadProgress = Math.round((completed / totalFiles) * 100);
-		}
-
-		uploading = false;
-		uploadProgress = 0;
-		showUploadZone = false;
-		toastStore.success(`${totalFiles} Datei(en) hochgeladen`);
-	}
-
-	async function handleCreateFolder(name: string, color?: string) {
-		const result = await filesStore.createFolder(name, color);
-		if (result.error) {
-			toastStore.error(result.error);
-		} else {
-			toastStore.success('Ordner erstellt');
-		}
-	}
-
-	function handleBreadcrumbNavigate(id: string | null) {
-		if (id) {
-			goto(`/files/${id}`);
-		} else {
-			goto('/files');
-		}
-	}
-
-	async function handleMoveToFolder(
-		itemType: 'file' | 'folder',
-		itemId: string,
-		targetFolderId: string
-	) {
-		if (itemType === 'file') {
-			const result = await filesStore.moveFile(itemId, targetFolderId);
-			if (result?.error) {
-				toastStore.error(result.error);
-			} else {
-				toastStore.success('Datei verschoben');
-			}
-		} else {
-			const result = await filesStore.moveFolder(itemId, targetFolderId);
-			if (result?.error) {
-				toastStore.error(result.error);
-			} else {
-				toastStore.success('Ordner verschoben');
-			}
-		}
-	}
-
-	function goBack() {
-		const parentId = currentFolder?.parentFolderId ?? null;
-		if (parentId) {
-			goto(`/files/${parentId}`);
-		} else {
-			goto('/files');
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{currentFolder?.name || 'Ordner'} - Storage</title>
-</svelte:head>
-
-<div class="files-page">
-	<div class="page-header">
-		<div class="header-left">
-			<button class="back-btn" onclick={goBack} aria-label="Zurück">
-				<ArrowLeft size={20} />
-			</button>
-			<div>
-				<h1>{currentFolder?.name || 'Ordner'}</h1>
-				<Breadcrumb items={breadcrumbItems} onNavigate={handleBreadcrumbNavigate} />
-			</div>
-		</div>
-
-		<div class="header-actions">
-			<div class="view-toggle">
-				<button
-					class="view-btn"
-					class:active={filesStore.viewMode === 'grid'}
-					onclick={() => filesStore.setViewMode('grid')}
-					aria-label="Rasteransicht"
-				>
-					<GridFour size={18} />
-				</button>
-				<button
-					class="view-btn"
-					class:active={filesStore.viewMode === 'list'}
-					onclick={() => filesStore.setViewMode('list')}
-					aria-label="Listenansicht"
-				>
-					<List size={18} />
-				</button>
-			</div>
-
-			<button class="action-btn" onclick={() => (showNewFolderModal = true)}>
-				<FolderPlus size={18} />
-				<span>Neuer Ordner</span>
-			</button>
-
-			<button class="action-btn primary" onclick={() => (showUploadZone = !showUploadZone)}>
-				<UploadSimple size={18} />
-				<span>Hochladen</span>
-			</button>
-		</div>
-	</div>
-
-	{#if showUploadZone}
-		<UploadZone onUpload={handleUpload} {uploading} progress={uploadProgress} />
-	{/if}
-
-	<BulkActionBar {files} {folders} />
-
-	{#if allFilesQuery.error}
-		<div class="error-state">
-			<p>Fehler: {allFilesQuery.error}</p>
-		</div>
-	{:else if files.length === 0 && folders.length === 0}
-		<EmptyState
-			type="folder"
-			title="Leerer Ordner"
-			description="Dieser Ordner ist leer. Lade Dateien hoch oder erstelle Unterordner."
-		>
-			{#snippet actions()}
-				<button class="action-btn" onclick={() => (showNewFolderModal = true)}>
-					<FolderPlus size={18} />
-					<span>Neuer Ordner</span>
-				</button>
-				<button class="action-btn primary" onclick={() => (showUploadZone = true)}>
-					<UploadSimple size={18} />
-					<span>Hochladen</span>
-				</button>
-			{/snippet}
-		</EmptyState>
-	{:else if filesStore.viewMode === 'grid'}
-		<FileGrid
-			{files}
-			{folders}
-			onFileClick={handleFileClick}
-			onFolderClick={handleFolderClick}
-			onFileAction={handleFileAction}
-			onFolderAction={handleFolderAction}
-			onMoveToFolder={handleMoveToFolder}
-		/>
-	{:else}
-		<FileList
-			{files}
-			{folders}
-			onFileClick={handleFileClick}
-			onFolderClick={handleFolderClick}
-			onFileAction={handleFileAction}
-			onFolderAction={handleFolderAction}
-		/>
-	{/if}
-</div>
-
-<NewFolderModal
-	open={showNewFolderModal}
-	onClose={() => (showNewFolderModal = false)}
-	onCreate={handleCreateFolder}
-/>
-
-<FilePreviewModal
-	open={previewFile !== null}
-	file={previewFile}
-	allFiles={files}
-	onClose={() => (previewFile = null)}
-	onAction={(action, file) => {
-		handleFileAction(action, file);
-		previewFile = null;
-	}}
-/>
-
-<ShareModal
-	open={shareTarget !== null}
-	fileId={shareTarget?.fileId}
-	folderId={shareTarget?.folderId}
-	fileName={shareTarget?.name || ''}
-	onClose={() => (shareTarget = null)}
-/>
-
-<style>
-	.files-page {
-		min-height: 100%;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: flex-start;
-		gap: 1rem;
-		margin-bottom: 1.5rem;
-	}
-
-	.header-left {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.75rem;
-	}
-
-	.back-btn {
-		padding: 0.5rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.back-btn:hover {
-		color: rgb(var(--color-text-primary));
-		background: rgb(var(--color-surface));
-	}
-
-	.header-left h1 {
-		margin: 0 0 0.5rem 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.header-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.view-toggle {
-		display: flex;
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-md);
-		padding: 0.25rem;
-	}
-
-	.view-btn {
-		padding: 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.view-btn:hover {
-		color: rgb(var(--color-text-primary));
-	}
-
-	.view-btn.active {
-		background: rgb(var(--color-surface-elevated));
-		color: rgb(var(--color-primary));
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.action-btn:hover {
-		background: rgb(var(--color-surface));
-	}
-
-	.action-btn.primary {
-		background: rgb(var(--color-primary));
-		border-color: rgb(var(--color-primary));
-		color: white;
-	}
-
-	.action-btn.primary:hover {
-		opacity: 0.9;
-	}
-
-	.loading-state,
-	.error-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		text-align: center;
-	}
-
-	.loading-state .spinner {
-		width: 40px;
-		height: 40px;
-		border: 3px solid rgb(var(--color-border));
-		border-top-color: rgb(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.loading-state p,
-	.error-state p {
-		margin-top: 1rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.error-state button {
-		margin-top: 1rem;
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		color: white;
-		cursor: pointer;
-	}
-
-	.empty-state {
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.empty-state h2 {
-		margin: 1rem 0 0.5rem;
-		font-size: 1.25rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.empty-state p {
-		margin: 0 0 1.5rem;
-	}
-
-	.empty-actions {
-		display: flex;
-		gap: 0.75rem;
-	}
-
-	@media (max-width: 640px) {
-		.page-header {
-			flex-direction: column;
-		}
-
-		.header-actions {
-			width: 100%;
-			justify-content: space-between;
-		}
-
-		.action-btn span {
-			display: none;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/forgot-password/+page.svelte b/apps/storage/apps/web-archived/src/routes/forgot-password/+page.svelte
deleted file mode 100644
index 99c1cf1b2..000000000
--- a/apps/storage/apps/web-archived/src/routes/forgot-password/+page.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { ManaIcon } from '@manacore/shared-branding';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleResetPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} - Storage</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Storage"
-	logo={ManaIcon}
-	primaryColor="#3b82f6"
-	onResetPassword={handleResetPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#eff6ff"
-	darkBackground="#0f172a"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-</ForgotPasswordPage>
diff --git a/apps/storage/apps/web-archived/src/routes/health/+server.ts b/apps/storage/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index a58826145..000000000
--- a/apps/storage/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'storage-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/storage/apps/web-archived/src/routes/help/+page.svelte b/apps/storage/apps/web-archived/src/routes/help/+page.svelte
deleted file mode 100644
index e41e9ce71..000000000
--- a/apps/storage/apps/web-archived/src/routes/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getStorageHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getStorageHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Storage kennen'
-					: 'Find answers and learn how to use Storage',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Storage</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Storage"
-	appId="storage"
-	{translations}
-	showBackButton
-	onBack={() => goto('/files')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/storage/apps/web-archived/src/routes/login/+page.svelte b/apps/storage/apps/web-archived/src/routes/login/+page.svelte
deleted file mode 100644
index adc40119c..000000000
--- a/apps/storage/apps/web-archived/src/routes/login/+page.svelte
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { ManaIcon } from '@manacore/shared-branding';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import '$lib/i18n';
-
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} - Storage</title>
-</svelte:head>
-
-<LoginPage
-	appName="Storage"
-	logo={ManaIcon}
-	primaryColor="#3b82f6"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect="/files"
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#eff6ff"
-	darkBackground="#0f172a"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-</LoginPage>
diff --git a/apps/storage/apps/web-archived/src/routes/offline/+page.svelte b/apps/storage/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index b64455de3..000000000
--- a/apps/storage/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Storage"
-	offlineMessage="Storage benötigt eine Internetverbindung für Cloud-Dateien. Kürzlich besuchte Seiten sind möglicherweise noch verfügbar."
-	accentColor="#475569"
-/>
diff --git a/apps/storage/apps/web-archived/src/routes/offline/+page.ts b/apps/storage/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/storage/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/storage/apps/web-archived/src/routes/profile/+page.svelte b/apps/storage/apps/web-archived/src/routes/profile/+page.svelte
deleted file mode 100644
index ff44c92fa..000000000
--- a/apps/storage/apps/web-archived/src/routes/profile/+page.svelte
+++ /dev/null
@@ -1,132 +0,0 @@
-<script lang="ts">
-	import { User } from '@manacore/shared-icons';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<svelte:head>
-	<title>Profil - Storage</title>
-</svelte:head>
-
-<div class="profile-page">
-	<div class="page-header">
-		<h1>
-			<User size={24} />
-			Profil
-		</h1>
-	</div>
-
-	<div class="profile-card">
-		<div class="avatar">
-			<User size={48} />
-		</div>
-		<div class="profile-info">
-			<h2>{authStore.user?.email || 'Nicht angemeldet'}</h2>
-			<p>Mitglied seit 2024</p>
-		</div>
-	</div>
-
-	<div class="profile-section">
-		<h3>Kontoinformationen</h3>
-		<div class="info-row">
-			<span class="label">E-Mail</span>
-			<span class="value">{authStore.user?.email || '—'}</span>
-		</div>
-		<div class="info-row">
-			<span class="label">Benutzer-ID</span>
-			<span class="value">{authStore.user?.id || '—'}</span>
-		</div>
-	</div>
-</div>
-
-<style>
-	.profile-page {
-		min-height: 100%;
-		max-width: 600px;
-	}
-
-	.page-header {
-		margin-bottom: 2rem;
-	}
-
-	.page-header h1 {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		margin: 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.profile-card {
-		display: flex;
-		align-items: center;
-		gap: 1.5rem;
-		padding: 2rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-xl);
-		margin-bottom: 2rem;
-	}
-
-	.avatar {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 80px;
-		height: 80px;
-		background: rgb(var(--color-surface));
-		border-radius: 50%;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.profile-info h2 {
-		margin: 0;
-		font-size: 1.25rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.profile-info p {
-		margin: 0.25rem 0 0;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.profile-section {
-		padding: 1.5rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-xl);
-	}
-
-	.profile-section h3 {
-		margin: 0 0 1rem;
-		font-size: 1rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.info-row {
-		display: flex;
-		justify-content: space-between;
-		padding: 0.75rem 0;
-		border-bottom: 1px solid rgb(var(--color-border));
-	}
-
-	.info-row:last-child {
-		border-bottom: none;
-		padding-bottom: 0;
-	}
-
-	.label {
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.value {
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-primary));
-		font-family: monospace;
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/register/+page.svelte b/apps/storage/apps/web-archived/src/routes/register/+page.svelte
deleted file mode 100644
index 8e40175e5..000000000
--- a/apps/storage/apps/web-archived/src/routes/register/+page.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { ManaIcon } from '@manacore/shared-branding';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} - Storage</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Storage"
-	logo={ManaIcon}
-	primaryColor="#3b82f6"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect="/files"
-	loginPath="/login"
-	lightBackground="#eff6ff"
-	darkBackground="#0f172a"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-</RegisterPage>
diff --git a/apps/storage/apps/web-archived/src/routes/reset-password/+page.svelte b/apps/storage/apps/web-archived/src/routes/reset-password/+page.svelte
deleted file mode 100644
index b0da1ef2a..000000000
--- a/apps/storage/apps/web-archived/src/routes/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { ManaIcon } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Storage</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-blue-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<ManaIcon class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #3b82f6">Storage</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #3b82f6"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #3b82f680; border-color: #3b82f6"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #3b82f6"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #3b82f6"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/storage/apps/web-archived/src/routes/search/+page.svelte b/apps/storage/apps/web-archived/src/routes/search/+page.svelte
deleted file mode 100644
index 6cd7ab6d5..000000000
--- a/apps/storage/apps/web-archived/src/routes/search/+page.svelte
+++ /dev/null
@@ -1,302 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import { MagnifyingGlass, GridFour, List } from '@manacore/shared-icons';
-	import { searchApi } from '$lib/api/client';
-	import { StorageEvents } from '@manacore/shared-utils/analytics';
-	import type { StorageFile, StorageFolder } from '$lib/api/client';
-	import { filesStore } from '$lib/stores/files.svelte';
-	import EmptyState from '$lib/components/files/EmptyState.svelte';
-	import FileGrid from '$lib/components/files/FileGrid.svelte';
-	import FileList from '$lib/components/files/FileList.svelte';
-	import FilePreviewModal from '$lib/components/files/FilePreviewModal.svelte';
-
-	let previewFile = $state<StorageFile | null>(null);
-	let query = $state('');
-	let files = $state<StorageFile[]>([]);
-	let folders = $state<StorageFolder[]>([]);
-	let loading = $state(false);
-	let searched = $state(false);
-
-	// Get initial query from URL
-	let initialQuery = $derived($page.url.searchParams.get('q') || '');
-
-	onMount(() => {
-		filesStore.initViewMode();
-		if (initialQuery) {
-			query = initialQuery;
-			handleSearch();
-		}
-	});
-
-	async function handleSearch() {
-		if (!query.trim()) return;
-
-		loading = true;
-		searched = true;
-
-		const result = await searchApi.search(query.trim());
-		if (result.data) {
-			files = result.data.files;
-			folders = result.data.folders;
-			StorageEvents.searchPerformed(files.length + folders.length);
-		}
-
-		loading = false;
-
-		// Update URL
-		const url = new URL(window.location.href);
-		url.searchParams.set('q', query.trim());
-		window.history.replaceState({}, '', url.toString());
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			handleSearch();
-		}
-	}
-
-	function handleFolderClick(folder: StorageFolder) {
-		goto(`/files/${folder.id}`);
-	}
-
-	function handleFileClick(file: StorageFile) {
-		previewFile = file;
-	}
-</script>
-
-<svelte:head>
-	<title>Suche - Storage</title>
-	<meta name="description" content="Durchsuche deine Dateien und Ordner in der Cloud." />
-</svelte:head>
-
-<div class="search-page">
-	<div class="page-header">
-		<h1>
-			<MagnifyingGlass size={24} />
-			Suche
-		</h1>
-
-		<div class="view-toggle">
-			<button
-				class="view-btn"
-				class:active={filesStore.viewMode === 'grid'}
-				onclick={() => filesStore.setViewMode('grid')}
-				aria-label="Rasteransicht"
-			>
-				<GridFour size={18} />
-			</button>
-			<button
-				class="view-btn"
-				class:active={filesStore.viewMode === 'list'}
-				onclick={() => filesStore.setViewMode('list')}
-				aria-label="Listenansicht"
-			>
-				<List size={18} />
-			</button>
-		</div>
-	</div>
-
-	<div class="search-bar">
-		<MagnifyingGlass size={20} />
-		<input
-			type="search"
-			bind:value={query}
-			onkeydown={handleKeydown}
-			placeholder="Dateien und Ordner durchsuchen..."
-			aria-label="Dateien und Ordner durchsuchen"
-			autofocus
-		/>
-		<button onclick={handleSearch} disabled={!query.trim() || loading}>
-			{loading ? 'Suche...' : 'Suchen'}
-		</button>
-	</div>
-
-	{#if loading}
-		<div class="loading-state" role="status" aria-live="polite">
-			<div class="spinner" aria-hidden="true"></div>
-			<p>Suche läuft...</p>
-		</div>
-	{:else if searched && files.length === 0 && folders.length === 0}
-		<EmptyState
-			type="search"
-			title="Keine Ergebnisse"
-			description={'Keine Dateien oder Ordner für "' + query + '" gefunden.'}
-		/>
-	{:else if searched}
-		<div class="results-header">
-			<span>{files.length + folders.length} Ergebnis(se) für "{query}"</span>
-		</div>
-
-		{#if filesStore.viewMode === 'grid'}
-			<FileGrid {files} {folders} onFileClick={handleFileClick} onFolderClick={handleFolderClick} />
-		{:else}
-			<FileList {files} {folders} onFileClick={handleFileClick} onFolderClick={handleFolderClick} />
-		{/if}
-	{:else}
-		<EmptyState
-			type="search"
-			title="Dateien durchsuchen"
-			description="Gib einen Suchbegriff ein, um Dateien und Ordner zu finden."
-		/>
-	{/if}
-</div>
-
-<FilePreviewModal
-	open={previewFile !== null}
-	file={previewFile}
-	allFiles={files}
-	onClose={() => (previewFile = null)}
-	onAction={() => {
-		previewFile = null;
-	}}
-/>
-
-<style>
-	.search-page {
-		min-height: 100%;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.page-header h1 {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		margin: 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.view-toggle {
-		display: flex;
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-md);
-		padding: 0.25rem;
-	}
-
-	.view-btn {
-		padding: 0.5rem;
-		background: transparent;
-		border: none;
-		border-radius: var(--radius-sm);
-		color: rgb(var(--color-text-secondary));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.view-btn:hover {
-		color: rgb(var(--color-text-primary));
-	}
-
-	.view-btn.active {
-		background: rgb(var(--color-surface-elevated));
-		color: rgb(var(--color-primary));
-	}
-
-	.search-bar {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem 1rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-lg);
-		margin-bottom: 1.5rem;
-	}
-
-	.search-bar :global(svg) {
-		color: rgb(var(--color-text-secondary));
-		flex-shrink: 0;
-	}
-
-	.search-bar input {
-		flex: 1;
-		background: transparent;
-		border: none;
-		font-size: 1rem;
-		color: rgb(var(--color-text-primary));
-		outline: none;
-	}
-
-	.search-bar input::placeholder {
-		color: rgb(var(--color-text-tertiary));
-	}
-
-	.search-bar button {
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: white;
-		cursor: pointer;
-		transition: opacity var(--transition-fast);
-	}
-
-	.search-bar button:hover:not(:disabled) {
-		opacity: 0.9;
-	}
-
-	.search-bar button:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.results-header {
-		margin-bottom: 1rem;
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.loading-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		text-align: center;
-	}
-
-	.loading-state .spinner {
-		width: 40px;
-		height: 40px;
-		border: 3px solid rgb(var(--color-border));
-		border-top-color: rgb(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.loading-state p {
-		margin-top: 1rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.empty-state {
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.empty-state h2 {
-		margin: 1rem 0 0.5rem;
-		font-size: 1.25rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.empty-state p {
-		margin: 0;
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/settings/+page.svelte b/apps/storage/apps/web-archived/src/routes/settings/+page.svelte
deleted file mode 100644
index 9635b3da4..000000000
--- a/apps/storage/apps/web-archived/src/routes/settings/+page.svelte
+++ /dev/null
@@ -1,134 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { THEME_DEFINITIONS } from '@manacore/shared-theme';
-	import { APP_VERSION } from '$lib/version';
-	import { filesApi } from '$lib/api/client';
-	import type { StorageStats } from '$lib/api/client';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		GlobalSettingsSection,
-	} from '@manacore/shared-ui';
-	import { Palette, Database, Info } from '@manacore/shared-icons';
-
-	let stats = $state<StorageStats | null>(null);
-	let maxStorage = 10 * 1024 * 1024 * 1024; // 10 GB
-
-	let usagePercent = $derived(stats ? Math.min(100, (stats.totalSize / maxStorage) * 100) : 0);
-
-	function formatSize(bytes: number): string {
-		if (bytes === 0) return '0 B';
-		const k = 1024;
-		const sizes = ['B', 'KB', 'MB', 'GB'];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
-	}
-
-	onMount(async () => {
-		await userSettings.load();
-		const result = await filesApi.stats();
-		if (result.data) stats = result.data;
-	});
-</script>
-
-<svelte:head>
-	<title>Einstellungen - Storage</title>
-	<meta name="description" content="Passe Darstellung, Speicher und weitere Einstellungen an." />
-</svelte:head>
-
-<SettingsPage title="Einstellungen" subtitle="Passe die App an deine Vorlieben an.">
-	<!-- Appearance Section -->
-	<SettingsSection title="Darstellung">
-		{#snippet icon()}
-			<Palette />
-		{/snippet}
-
-		<SettingsCard>
-			<div class="px-5 py-4">
-				<p class="font-medium text-[hsl(var(--foreground))] mb-2">Farbmodus</p>
-				<p class="text-sm text-[hsl(var(--muted-foreground))] mb-4">
-					Wähle zwischen Hell, Dunkel oder System
-				</p>
-				<div class="flex gap-2">
-					{#each ['light', 'dark', 'system'] as mode}
-						<button
-							class="px-4 py-2 text-sm font-medium rounded-lg transition-colors {theme.mode === mode
-								? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-								: 'bg-[hsl(var(--muted))] hover:bg-[hsl(var(--muted))]/80 text-[hsl(var(--foreground))]'}"
-							onclick={() => theme.setMode(mode as 'light' | 'dark' | 'system')}
-						>
-							{mode === 'light' ? 'Hell' : mode === 'dark' ? 'Dunkel' : 'System'}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<div class="px-5 py-4 border-t border-[hsl(var(--border))]">
-				<p class="font-medium text-[hsl(var(--foreground))] mb-2">Theme</p>
-				<p class="text-sm text-[hsl(var(--muted-foreground))] mb-4">Wähle eine Farbpalette</p>
-				<div class="flex gap-2 flex-wrap">
-					{#each theme.variants as variant}
-						<button
-							class="px-4 py-2 text-sm font-medium rounded-lg transition-colors {theme.variant ===
-							variant
-								? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-								: 'bg-[hsl(var(--muted))] hover:bg-[hsl(var(--muted))]/80 text-[hsl(var(--foreground))]'}"
-							onclick={() => theme.setVariant(variant)}
-						>
-							{THEME_DEFINITIONS[variant].label}
-						</button>
-					{/each}
-				</div>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Storage Section -->
-	<SettingsSection title="Speicher">
-		{#snippet icon()}
-			<Database />
-		{/snippet}
-
-		<SettingsCard>
-			<div class="px-5 py-4">
-				<p class="font-medium text-[hsl(var(--foreground))] mb-2">Speicherplatz</p>
-				<p class="text-sm text-[hsl(var(--muted-foreground))] mb-4">
-					{stats
-						? `${stats.totalFiles} Dateien, ${stats.favoriteCount} Favoriten`
-						: 'Wird geladen...'}
-				</p>
-				<div class="w-full h-2 bg-[hsl(var(--muted))] rounded-full overflow-hidden mb-2">
-					<div
-						class="h-full bg-[hsl(var(--primary))] rounded-full transition-all duration-500"
-						style="width: {usagePercent}%"
-					></div>
-				</div>
-				<p class="text-sm text-[hsl(var(--muted-foreground))]">
-					{stats ? formatSize(stats.totalSize) : '...'} von {formatSize(maxStorage)} verwendet
-				</p>
-			</div>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Global Settings Section -->
-	<GlobalSettingsSection {userSettings} />
-
-	<!-- About Section -->
-	<SettingsSection title="Über">
-		{#snippet icon()}
-			<Info />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="Version" border={false}>
-				<span class="text-[hsl(var(--muted-foreground))]">1.0.0</span>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/storage/apps/web-archived/src/routes/shared/+page.svelte b/apps/storage/apps/web-archived/src/routes/shared/+page.svelte
deleted file mode 100644
index 3e70202ec..000000000
--- a/apps/storage/apps/web-archived/src/routes/shared/+page.svelte
+++ /dev/null
@@ -1,346 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { ShareNetwork, Link, Copy, Trash } from '@manacore/shared-icons';
-	import { sharesApi } from '$lib/api/client';
-	import { StorageEvents } from '@manacore/shared-utils/analytics';
-	import type { Share } from '$lib/api/client';
-	import { toastStore } from '@manacore/shared-ui';
-	import EmptyState from '$lib/components/files/EmptyState.svelte';
-
-	let shares = $state<Share[]>([]);
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-
-	onMount(async () => {
-		await loadShares();
-	});
-
-	async function loadShares() {
-		loading = true;
-		error = null;
-
-		const result = await sharesApi.list();
-		if (result.error) {
-			error = result.error;
-		} else if (result.data) {
-			shares = result.data;
-		}
-
-		loading = false;
-	}
-
-	async function copyShareLink(token: string) {
-		const url = `${window.location.origin}/s/${token}`;
-		await navigator.clipboard.writeText(url);
-		StorageEvents.shareLinkCopied();
-		toastStore.success('Link kopiert!');
-	}
-
-	async function deleteShare(id: string) {
-		if (!confirm('Share-Link wirklich löschen?')) return;
-
-		const result = await sharesApi.delete(id);
-		if (result.error) {
-			toastStore.error(result.error);
-		} else {
-			shares = shares.filter((s) => s.id !== id);
-			StorageEvents.shareLinkDeleted();
-			toastStore.success('Share-Link gelöscht');
-		}
-	}
-
-	function formatDate(dateStr: string | null): string {
-		if (!dateStr) return 'Kein Ablaufdatum';
-		return new Date(dateStr).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-		});
-	}
-
-	function getAccessLevelLabel(level: string): string {
-		switch (level) {
-			case 'view':
-				return 'Ansehen';
-			case 'download':
-				return 'Herunterladen';
-			case 'edit':
-				return 'Bearbeiten';
-			default:
-				return level;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Geteilt - Storage</title>
-	<meta name="description" content="Verwalte deine geteilten Links für Dateien und Ordner." />
-</svelte:head>
-
-<div class="shared-page">
-	<div class="page-header">
-		<h1>
-			<ShareNetwork size={24} />
-			Geteilte Links
-		</h1>
-	</div>
-
-	{#if loading}
-		<div class="loading-state" role="status" aria-live="polite">
-			<div class="spinner" aria-hidden="true"></div>
-			<p>Laden...</p>
-		</div>
-	{:else if error}
-		<div class="error-state">
-			<p>Fehler: {error}</p>
-			<button onclick={loadShares}>Erneut versuchen</button>
-		</div>
-	{:else if shares.length === 0}
-		<EmptyState
-			type="shared"
-			title="Keine geteilten Links"
-			description="Teile Dateien oder Ordner, um Links hier zu verwalten."
-		/>
-	{:else}
-		<div class="shares-list">
-			{#each shares as share (share.id)}
-				<div class="share-item">
-					<div class="share-info">
-						<div class="share-icon">
-							<Link size={20} />
-						</div>
-						<div class="share-details">
-							<span class="share-type">
-								{share.shareType === 'file' ? 'Datei' : 'Ordner'}
-							</span>
-							<div class="share-meta">
-								<span class="badge">{getAccessLevelLabel(share.accessLevel)}</span>
-								{#if share.password}
-									<span class="badge secure">Passwortgeschützt</span>
-								{/if}
-								{#if share.maxDownloads}
-									<span class="badge">{share.downloadCount}/{share.maxDownloads} Downloads</span>
-								{/if}
-							</div>
-							<span class="share-expires">
-								{share.expiresAt ? `Läuft ab: ${formatDate(share.expiresAt)}` : 'Kein Ablaufdatum'}
-							</span>
-						</div>
-					</div>
-					<div class="share-actions">
-						<button class="copy-btn" onclick={() => copyShareLink(share.shareToken)}>
-							<Copy size={16} />
-							Link kopieren
-						</button>
-						<button
-							class="delete-btn"
-							onclick={() => deleteShare(share.id)}
-							aria-label="Share-Link löschen"
-						>
-							<Trash size={16} />
-						</button>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.shared-page {
-		min-height: 100%;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.page-header h1 {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		margin: 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.loading-state,
-	.error-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		text-align: center;
-	}
-
-	.loading-state .spinner {
-		width: 40px;
-		height: 40px;
-		border: 3px solid rgb(var(--color-border));
-		border-top-color: rgb(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.loading-state p,
-	.error-state p {
-		margin-top: 1rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.error-state button {
-		margin-top: 1rem;
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		color: white;
-		cursor: pointer;
-	}
-
-	.empty-state {
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.empty-state h2 {
-		margin: 1rem 0 0.5rem;
-		font-size: 1.25rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.empty-state p {
-		margin: 0;
-	}
-
-	.shares-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.share-item {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 1rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-lg);
-	}
-
-	.share-info {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.75rem;
-	}
-
-	.share-icon {
-		padding: 0.5rem;
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-md);
-		color: rgb(var(--color-primary));
-	}
-
-	.share-details {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.share-type {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.share-meta {
-		display: flex;
-		gap: 0.5rem;
-		flex-wrap: wrap;
-	}
-
-	.badge {
-		padding: 0.125rem 0.5rem;
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-sm);
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.badge.secure {
-		background: rgba(var(--color-success), 0.1);
-		color: rgb(var(--color-success));
-	}
-
-	.share-expires {
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-tertiary));
-	}
-
-	.share-actions {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.copy-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.75rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		font-size: 0.75rem;
-		color: white;
-		cursor: pointer;
-		transition: opacity var(--transition-fast);
-	}
-
-	.copy-btn:hover {
-		opacity: 0.9;
-	}
-
-	.delete-btn {
-		padding: 0.5rem;
-		background: transparent;
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		color: rgb(var(--color-error));
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.delete-btn:hover {
-		background: rgba(var(--color-error), 0.1);
-		border-color: rgb(var(--color-error));
-	}
-
-	@media (max-width: 640px) {
-		.share-item {
-			flex-direction: column;
-			align-items: flex-start;
-			gap: 1rem;
-		}
-
-		.share-actions {
-			width: 100%;
-		}
-
-		.copy-btn {
-			flex: 1;
-			justify-content: center;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/tags/+page.svelte b/apps/storage/apps/web-archived/src/routes/tags/+page.svelte
deleted file mode 100644
index db40a122a..000000000
--- a/apps/storage/apps/web-archived/src/routes/tags/+page.svelte
+++ /dev/null
@@ -1,298 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-	import { toastStore, PageHeader } from '@manacore/shared-ui';
-	import { Plus, Tag as TagIcon, PencilSimple, Trash } from '@manacore/shared-icons';
-
-	const allTags: { value: Tag[] } = getContext('tags');
-
-	let showCreateModal = $state(false);
-	let showEditModal = $state(false);
-	let editingTag = $state<{ id: string; name: string; color: string } | null>(null);
-	let newTagName = $state('');
-	let newTagColor = $state('#3B82F6');
-	let editTagName = $state('');
-	let editTagColor = $state('');
-
-	const predefinedColors = [
-		'#EF4444',
-		'#F59E0B',
-		'#10B981',
-		'#3B82F6',
-		'#8B5CF6',
-		'#EC4899',
-		'#6366F1',
-		'#14B8A6',
-	];
-
-	async function handleCreateTag() {
-		if (!newTagName.trim()) return;
-
-		try {
-			await tagMutations.createTag({
-				name: newTagName.trim(),
-				color: newTagColor,
-			});
-			toastStore.show('Tag erfolgreich erstellt', 'success');
-			newTagName = '';
-			newTagColor = '#3B82F6';
-			showCreateModal = false;
-		} catch (error) {
-			console.error('Error creating tag:', error);
-			toastStore.show('Fehler beim Erstellen des Tags', 'error');
-		}
-	}
-
-	function openEditModal(tag: { id: string; name: string; color?: string | null }) {
-		editingTag = { id: tag.id, name: tag.name, color: tag.color || '#3B82F6' };
-		editTagName = tag.name;
-		editTagColor = tag.color || '#3B82F6';
-		showEditModal = true;
-	}
-
-	async function handleUpdateTag() {
-		if (!editingTag || !editTagName.trim()) return;
-
-		try {
-			await tagMutations.updateTag(editingTag.id, {
-				name: editTagName.trim(),
-				color: editTagColor,
-			});
-			toastStore.show('Tag erfolgreich aktualisiert', 'success');
-			showEditModal = false;
-			editingTag = null;
-		} catch (error) {
-			console.error('Error updating tag:', error);
-			toastStore.show('Fehler beim Aktualisieren des Tags', 'error');
-		}
-	}
-
-	async function handleDeleteTag(tagId: string) {
-		if (!confirm('Möchten Sie diesen Tag wirklich löschen?')) return;
-
-		try {
-			await tagMutations.deleteTag(tagId);
-			toastStore.show('Tag erfolgreich gelöscht', 'success');
-		} catch (error) {
-			console.error('Error deleting tag:', error);
-			toastStore.show('Fehler beim Löschen des Tags', 'error');
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Tags verwalten | Storage</title>
-</svelte:head>
-
-<div class="min-h-screen px-4 py-8">
-	<div class="mx-auto max-w-4xl">
-		<PageHeader
-			title="Tag-Verwaltung"
-			description="Verwalte deine Tags für eine bessere Organisation deiner Dateien"
-			size="lg"
-		>
-			{#snippet actions()}
-				<button
-					onclick={() => (showCreateModal = true)}
-					class="flex items-center gap-2 rounded-2xl bg-blue-600/90 px-6 py-3 text-sm font-medium text-white backdrop-blur-xl transition-all hover:bg-blue-700/90 dark:bg-blue-500/90 dark:hover:bg-blue-600/90"
-				>
-					<Plus size={20} />
-					Neuer Tag
-				</button>
-			{/snippet}
-		</PageHeader>
-
-		<!-- Tags Grid -->
-		{#if allTags.value.length === 0}
-			<div
-				class="rounded-3xl border border-gray-200/50 bg-white/80 p-12 text-center backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/80"
-			>
-				<TagIcon size={64} weight="thin" class="mx-auto text-gray-400 dark:text-gray-500" />
-				<h3 class="mt-4 text-lg font-medium text-gray-900 dark:text-gray-100">
-					Keine Tags vorhanden
-				</h3>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					Erstelle deinen ersten Tag, um deine Dateien zu organisieren
-				</p>
-			</div>
-		{:else}
-			<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each allTags.value as tag (tag.id)}
-					<div
-						class="group relative rounded-2xl border border-gray-200/50 bg-white/80 p-6 backdrop-blur-xl transition-all hover:shadow-lg dark:border-gray-700/50 dark:bg-gray-900/80"
-					>
-						<div class="flex items-start justify-between">
-							<div class="flex items-center gap-3">
-								{#if tag.color}
-									<div class="h-8 w-8 rounded-full" style="background-color: {tag.color};"></div>
-								{/if}
-								<div>
-									<h3 class="font-medium text-gray-900 dark:text-gray-100">{tag.name}</h3>
-								</div>
-							</div>
-
-							<div class="flex gap-2">
-								<button
-									onclick={() => openEditModal(tag)}
-									class="rounded-lg bg-gray-100/80 p-2 text-gray-600 backdrop-blur-xl transition-all hover:bg-gray-200/80 dark:bg-gray-800/80 dark:text-gray-400 dark:hover:bg-gray-700/80"
-									aria-label="Bearbeiten"
-								>
-									<PencilSimple size={16} />
-								</button>
-								<button
-									onclick={() => handleDeleteTag(tag.id)}
-									class="rounded-lg bg-red-100/80 p-2 text-red-600 backdrop-blur-xl transition-all hover:bg-red-200/80 dark:bg-red-900/20 dark:text-red-400 dark:hover:bg-red-900/30"
-									aria-label="Löschen"
-								>
-									<Trash size={16} />
-								</button>
-							</div>
-						</div>
-					</div>
-				{/each}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<!-- Create Tag Modal -->
-{#if showCreateModal}
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm"
-		onclick={() => (showCreateModal = false)}
-		role="presentation"
-	>
-		<div
-			class="w-full max-w-md rounded-3xl border border-gray-200/50 bg-white/95 p-6 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/95"
-			onclick={(e) => e.stopPropagation()}
-			role="dialog"
-		>
-			<h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-gray-100">Neuer Tag</h2>
-
-			<div class="space-y-4">
-				<div>
-					<label
-						for="tag-name"
-						class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
-					>
-						Name
-					</label>
-					<input
-						id="tag-name"
-						type="text"
-						bind:value={newTagName}
-						placeholder="z.B. Wichtig, Projekt, etc."
-						class="w-full rounded-xl border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-					/>
-				</div>
-
-				<div>
-					<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-						Farbe
-					</label>
-					<div class="flex flex-wrap gap-3">
-						{#each predefinedColors as color}
-							<button
-								onclick={() => (newTagColor = color)}
-								class="h-10 w-10 rounded-full transition-all {newTagColor === color
-									? 'ring-2 ring-offset-2 ring-offset-white dark:ring-offset-gray-900'
-									: ''}"
-								style="background-color: {color}; {newTagColor === color
-									? `--tw-ring-color: ${color}`
-									: ''}"
-								aria-label="Farbe auswählen"
-							></button>
-						{/each}
-					</div>
-				</div>
-			</div>
-
-			<div class="mt-6 flex gap-3">
-				<button
-					onclick={() => (showCreateModal = false)}
-					class="flex-1 rounded-xl bg-gray-100 px-4 py-2 text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-				>
-					Abbrechen
-				</button>
-				<button
-					onclick={handleCreateTag}
-					disabled={!newTagName.trim()}
-					class="flex-1 rounded-xl bg-blue-600 px-4 py-2 text-white transition-colors hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-blue-500 dark:hover:bg-blue-600"
-				>
-					Erstellen
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<!-- Edit Tag Modal -->
-{#if showEditModal && editingTag}
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm"
-		onclick={() => (showEditModal = false)}
-		role="presentation"
-	>
-		<div
-			class="w-full max-w-md rounded-3xl border border-gray-200/50 bg-white/95 p-6 shadow-2xl backdrop-blur-xl dark:border-gray-700/50 dark:bg-gray-900/95"
-			onclick={(e) => e.stopPropagation()}
-			role="dialog"
-		>
-			<h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-gray-100">Tag bearbeiten</h2>
-
-			<div class="space-y-4">
-				<div>
-					<label
-						for="edit-tag-name"
-						class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
-					>
-						Name
-					</label>
-					<input
-						id="edit-tag-name"
-						type="text"
-						bind:value={editTagName}
-						class="w-full rounded-xl border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
-					/>
-				</div>
-
-				<div>
-					<label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
-						Farbe
-					</label>
-					<div class="flex flex-wrap gap-3">
-						{#each predefinedColors as color}
-							<button
-								onclick={() => (editTagColor = color)}
-								class="h-10 w-10 rounded-full transition-all {editTagColor === color
-									? 'ring-2 ring-offset-2 ring-offset-white dark:ring-offset-gray-900'
-									: ''}"
-								style="background-color: {color}; {editTagColor === color
-									? `--tw-ring-color: ${color}`
-									: ''}"
-								aria-label="Farbe auswählen"
-							></button>
-						{/each}
-					</div>
-				</div>
-			</div>
-
-			<div class="mt-6 flex gap-3">
-				<button
-					onclick={() => (showEditModal = false)}
-					class="flex-1 rounded-xl bg-gray-100 px-4 py-2 text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-				>
-					Abbrechen
-				</button>
-				<button
-					onclick={handleUpdateTag}
-					disabled={!editTagName.trim()}
-					class="flex-1 rounded-xl bg-blue-600 px-4 py-2 text-white transition-colors hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-blue-500 dark:hover:bg-blue-600"
-				>
-					Speichern
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/storage/apps/web-archived/src/routes/themes/+page.svelte b/apps/storage/apps/web-archived/src/routes/themes/+page.svelte
deleted file mode 100644
index 78d5542e1..000000000
--- a/apps/storage/apps/web-archived/src/routes/themes/+page.svelte
+++ /dev/null
@@ -1,136 +0,0 @@
-<script lang="ts">
-	import { Palette, Check } from '@manacore/shared-icons';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { THEME_DEFINITIONS, THEME_VARIANTS } from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-</script>
-
-<svelte:head>
-	<title>Themes - Storage</title>
-</svelte:head>
-
-<div class="themes-page">
-	<div class="page-header">
-		<h1>
-			<Palette size={24} />
-			Themes
-		</h1>
-	</div>
-
-	<div class="themes-grid">
-		{#each THEME_VARIANTS as variant}
-			{@const def = THEME_DEFINITIONS[variant]}
-			<button
-				class="theme-card"
-				class:active={theme.variant === variant}
-				onclick={() => theme.setVariant(variant)}
-			>
-				<div
-					class="theme-preview"
-					style="background: linear-gradient(135deg, hsl({def.light.primary}), hsl({def.light
-						.secondary}))"
-				>
-					{#if theme.variant === variant}
-						<div class="check-badge">
-							<Check size={16} />
-						</div>
-					{/if}
-				</div>
-				<div class="theme-info">
-					<span class="theme-name">{def.label}</span>
-					<span class="theme-icon">{def.icon}</span>
-				</div>
-			</button>
-		{/each}
-	</div>
-</div>
-
-<style>
-	.themes-page {
-		min-height: 100%;
-	}
-
-	.page-header {
-		margin-bottom: 2rem;
-	}
-
-	.page-header h1 {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		margin: 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.themes-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-		gap: 1rem;
-	}
-
-	.theme-card {
-		position: relative;
-		padding: 0;
-		background: rgb(var(--color-surface-elevated));
-		border: 2px solid rgb(var(--color-border));
-		border-radius: var(--radius-xl);
-		overflow: hidden;
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.theme-card:hover {
-		border-color: rgb(var(--color-primary));
-		transform: translateY(-2px);
-		box-shadow: var(--shadow-lg);
-	}
-
-	.theme-card.active {
-		border-color: rgb(var(--color-primary));
-	}
-
-	.theme-preview {
-		position: relative;
-		height: 100px;
-	}
-
-	.check-badge {
-		position: absolute;
-		top: 0.5rem;
-		right: 0.5rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 28px;
-		height: 28px;
-		background: white;
-		border-radius: 50%;
-		color: rgb(var(--color-primary));
-		box-shadow: var(--shadow-md);
-	}
-
-	.theme-info {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 1rem;
-	}
-
-	.theme-name {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.theme-icon {
-		font-size: 1.25rem;
-	}
-
-	@media (max-width: 480px) {
-		.themes-grid {
-			grid-template-columns: repeat(2, 1fr);
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/src/routes/trash/+page.svelte b/apps/storage/apps/web-archived/src/routes/trash/+page.svelte
deleted file mode 100644
index 4e2918cf7..000000000
--- a/apps/storage/apps/web-archived/src/routes/trash/+page.svelte
+++ /dev/null
@@ -1,365 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { Trash, ArrowCounterClockwise, Warning } from '@manacore/shared-icons';
-	import { trashApi } from '$lib/api/client';
-	import { StorageEvents } from '@manacore/shared-utils/analytics';
-	import type { StorageFile, StorageFolder } from '$lib/api/client';
-	import { toastStore } from '@manacore/shared-ui';
-	import FileSkeletonList from '$lib/components/files/FileSkeletonList.svelte';
-	import EmptyState from '$lib/components/files/EmptyState.svelte';
-
-	let files = $state<StorageFile[]>([]);
-	let folders = $state<StorageFolder[]>([]);
-	let loading = $state(true);
-	let error = $state<string | null>(null);
-
-	onMount(async () => {
-		await loadTrash();
-	});
-
-	async function loadTrash() {
-		loading = true;
-		error = null;
-
-		const result = await trashApi.list();
-		if (result.error) {
-			error = result.error;
-		} else if (result.data) {
-			files = result.data.files;
-			folders = result.data.folders;
-		}
-
-		loading = false;
-	}
-
-	async function handleRestore(id: string, type: 'file' | 'folder') {
-		const result = await trashApi.restore(id, type);
-		if (result.error) {
-			toastStore.error(result.error);
-		} else {
-			if (type === 'file') {
-				files = files.filter((f) => f.id !== id);
-			} else {
-				folders = folders.filter((f) => f.id !== id);
-			}
-			StorageEvents.trashRestored(type);
-			toastStore.success('Wiederhergestellt');
-		}
-	}
-
-	async function handlePermanentDelete(id: string, type: 'file' | 'folder') {
-		if (!confirm('Endgültig löschen? Dies kann nicht rückgängig gemacht werden.')) return;
-
-		const result = await trashApi.permanentDelete(id, type);
-		if (result.error) {
-			toastStore.error(result.error);
-		} else {
-			if (type === 'file') {
-				files = files.filter((f) => f.id !== id);
-			} else {
-				folders = folders.filter((f) => f.id !== id);
-			}
-			toastStore.success('Endgültig gelöscht');
-		}
-	}
-
-	async function handleEmptyTrash() {
-		if (!confirm('Papierkorb leeren? Alle Elemente werden endgültig gelöscht.')) return;
-
-		const result = await trashApi.empty();
-		if (result.error) {
-			toastStore.error(result.error);
-		} else {
-			files = [];
-			folders = [];
-			StorageEvents.trashEmptied();
-			toastStore.success('Papierkorb geleert');
-		}
-	}
-
-	function formatDate(dateStr: string | null): string {
-		if (!dateStr) return '—';
-		return new Date(dateStr).toLocaleDateString('de-DE', {
-			day: '2-digit',
-			month: '2-digit',
-			year: 'numeric',
-		});
-	}
-</script>
-
-<svelte:head>
-	<title>Papierkorb - Storage</title>
-	<meta
-		name="description"
-		content="Gelöschte Dateien und Ordner wiederherstellen oder endgültig löschen."
-	/>
-</svelte:head>
-
-<div class="trash-page">
-	<div class="page-header">
-		<h1>
-			<Trash size={24} />
-			Papierkorb
-		</h1>
-
-		{#if files.length > 0 || folders.length > 0}
-			<button class="empty-btn" onclick={handleEmptyTrash}>
-				<Warning size={16} />
-				Papierkorb leeren
-			</button>
-		{/if}
-	</div>
-
-	{#if loading}
-		<FileSkeletonList />
-	{:else if error}
-		<div class="error-state">
-			<p>Fehler: {error}</p>
-			<button onclick={loadTrash}>Erneut versuchen</button>
-		</div>
-	{:else if files.length === 0 && folders.length === 0}
-		<EmptyState
-			type="trash"
-			title="Papierkorb ist leer"
-			description="Gelöschte Dateien und Ordner erscheinen hier."
-		/>
-	{:else}
-		<div class="trash-list">
-			{#each folders as folder (folder.id)}
-				<div class="trash-item">
-					<div class="item-info">
-						<span class="item-icon folder" role="img" aria-label="Ordner">📁</span>
-						<div class="item-details">
-							<span class="item-name">{folder.name}</span>
-							<span class="item-meta">Gelöscht am {formatDate(folder.deletedAt)}</span>
-						</div>
-					</div>
-					<div class="item-actions">
-						<button class="restore-btn" onclick={() => handleRestore(folder.id, 'folder')}>
-							<ArrowCounterClockwise size={16} />
-							Wiederherstellen
-						</button>
-						<button class="delete-btn" onclick={() => handlePermanentDelete(folder.id, 'folder')}>
-							Endgültig löschen
-						</button>
-					</div>
-				</div>
-			{/each}
-			{#each files as file (file.id)}
-				<div class="trash-item">
-					<div class="item-info">
-						<span class="item-icon file" role="img" aria-label="Datei">📄</span>
-						<div class="item-details">
-							<span class="item-name">{file.name}</span>
-							<span class="item-meta">Gelöscht am {formatDate(file.deletedAt)}</span>
-						</div>
-					</div>
-					<div class="item-actions">
-						<button class="restore-btn" onclick={() => handleRestore(file.id, 'file')}>
-							<ArrowCounterClockwise size={16} />
-							Wiederherstellen
-						</button>
-						<button class="delete-btn" onclick={() => handlePermanentDelete(file.id, 'file')}>
-							Endgültig löschen
-						</button>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.trash-page {
-		min-height: 100%;
-	}
-
-	.page-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.page-header h1 {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		margin: 0;
-		font-size: 1.5rem;
-		font-weight: 600;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.empty-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-error));
-		border: none;
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		color: white;
-		cursor: pointer;
-		transition: opacity var(--transition-fast);
-	}
-
-	.empty-btn:hover {
-		opacity: 0.9;
-	}
-
-	.loading-state,
-	.error-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		text-align: center;
-	}
-
-	.loading-state .spinner {
-		width: 40px;
-		height: 40px;
-		border: 3px solid rgb(var(--color-border));
-		border-top-color: rgb(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.loading-state p,
-	.error-state p {
-		margin-top: 1rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.error-state button {
-		margin-top: 1rem;
-		padding: 0.5rem 1rem;
-		background: rgb(var(--color-primary));
-		border: none;
-		border-radius: var(--radius-md);
-		color: white;
-		cursor: pointer;
-	}
-
-	.empty-state {
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.empty-state h2 {
-		margin: 1rem 0 0.5rem;
-		font-size: 1.25rem;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.empty-state p {
-		margin: 0;
-	}
-
-	.trash-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.trash-item {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 1rem;
-		background: rgb(var(--color-surface-elevated));
-		border: 1px solid rgb(var(--color-border));
-		border-radius: var(--radius-lg);
-	}
-
-	.item-info {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.item-icon {
-		font-size: 1.5rem;
-	}
-
-	.item-details {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.item-name {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.item-meta {
-		font-size: 0.75rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.item-actions {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.restore-btn,
-	.delete-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.375rem 0.75rem;
-		border-radius: var(--radius-md);
-		font-size: 0.75rem;
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.restore-btn {
-		background: rgb(var(--color-surface));
-		border: 1px solid rgb(var(--color-border));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.restore-btn:hover {
-		border-color: rgb(var(--color-primary));
-		color: rgb(var(--color-primary));
-	}
-
-	.delete-btn {
-		background: transparent;
-		border: none;
-		color: rgb(var(--color-error));
-	}
-
-	.delete-btn:hover {
-		text-decoration: underline;
-	}
-
-	@media (max-width: 640px) {
-		.trash-item {
-			flex-direction: column;
-			align-items: flex-start;
-			gap: 1rem;
-		}
-
-		.item-actions {
-			width: 100%;
-		}
-
-		.restore-btn {
-			flex: 1;
-			justify-content: center;
-		}
-	}
-</style>
diff --git a/apps/storage/apps/web-archived/static/apple-touch-icon.png b/apps/storage/apps/web-archived/static/apple-touch-icon.png
deleted file mode 100644
index b70bb49b7..000000000
Binary files a/apps/storage/apps/web-archived/static/apple-touch-icon.png and /dev/null differ
diff --git a/apps/storage/apps/web-archived/static/favicon.png b/apps/storage/apps/web-archived/static/favicon.png
deleted file mode 100644
index 73c97e2bd..000000000
Binary files a/apps/storage/apps/web-archived/static/favicon.png and /dev/null differ
diff --git a/apps/storage/apps/web-archived/static/favicon.svg b/apps/storage/apps/web-archived/static/favicon.svg
deleted file mode 100644
index 120c113a1..000000000
--- a/apps/storage/apps/web-archived/static/favicon.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#06b6d4"/>
-      <stop offset="100%" style="stop-color:#0891b2"/>
-    </linearGradient>
-  </defs>
-  <rect width="512" height="512" rx="96" ry="96" fill="url(#bg)"/>
-  <!-- Folder base -->
-  <path d="M120 200 L120 380 Q120 400 140 400 L372 400 Q392 400 392 380 L392 200 Z" fill="rgba(255,255,255,0.2)"/>
-  <!-- Folder tab -->
-  <path d="M120 200 L120 170 Q120 150 140 150 L220 150 L240 170 L260 150 L392 150 Q392 150 392 170 L392 200 Z" fill="rgba(255,255,255,0.3)"/>
-  <!-- Cloud icon -->
-  <g fill="white" opacity="0.9">
-    <ellipse cx="256" cy="290" rx="60" ry="40"/>
-    <ellipse cx="220" cy="300" rx="40" ry="35"/>
-    <ellipse cx="290" cy="300" rx="40" ry="35"/>
-    <rect x="196" y="295" width="120" height="40" rx="0"/>
-  </g>
-  <!-- Upload arrow -->
-  <g stroke="rgba(6,182,212,0.8)" stroke-width="16" stroke-linecap="round" fill="none">
-    <line x1="256" y1="320" x2="256" y2="265"/>
-    <polyline points="232,285 256,265 280,285"/>
-  </g>
-</svg>
diff --git a/apps/storage/apps/web-archived/static/pwa-192x192.png b/apps/storage/apps/web-archived/static/pwa-192x192.png
deleted file mode 100644
index 4344ab973..000000000
Binary files a/apps/storage/apps/web-archived/static/pwa-192x192.png and /dev/null differ
diff --git a/apps/storage/apps/web-archived/static/pwa-512x512.png b/apps/storage/apps/web-archived/static/pwa-512x512.png
deleted file mode 100644
index 6c6db4255..000000000
Binary files a/apps/storage/apps/web-archived/static/pwa-512x512.png and /dev/null differ
diff --git a/apps/storage/apps/web-archived/svelte.config.js b/apps/storage/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/storage/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/storage/apps/web-archived/tsconfig.json b/apps/storage/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/storage/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/storage/apps/web-archived/vite.config.ts b/apps/storage/apps/web-archived/vite.config.ts
deleted file mode 100644
index ed05b6ba8..000000000
--- a/apps/storage/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-/// <reference types="vitest/config" />
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Storage - Cloud Speicher',
-				shortName: 'Storage',
-				description: 'Cloud-Dateispeicher mit Offline-Unterstützung',
-				themeColor: '#64748b',
-				preset: 'full',
-				shortcuts: [
-					{
-						name: 'Meine Dateien',
-						short_name: 'Dateien',
-						description: 'Dateien und Ordner öffnen',
-						url: '/files',
-					},
-					{
-						name: 'Suche',
-						short_name: 'Suche',
-						description: 'Dateien durchsuchen',
-						url: '/search',
-					},
-					{
-						name: 'Favoriten',
-						short_name: 'Favoriten',
-						description: 'Favorisierte Dateien anzeigen',
-						url: '/favorites',
-					},
-				],
-			})
-		),
-	],
-	server: {
-		port: 5185,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, 'lucide-svelte'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES, 'lucide-svelte'],
-	},
-	test: {
-		environment: 'jsdom',
-		include: ['src/**/*.test.ts'],
-		globals: true,
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/times/apps/web-archived/Dockerfile b/apps/times/apps/web-archived/Dockerfile
deleted file mode 100644
index 15f225f24..000000000
--- a/apps/times/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,53 +0,0 @@
-# syntax=docker/dockerfile:1
-# Build stage - inherits pre-built shared packages from sveltekit-base
-FROM sveltekit-base:local AS builder
-
-# Build arguments for SvelteKit static env vars
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-core-auth:3001
-
-# Set as environment variables for build
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-# Copy app-specific packages
-COPY apps/times/packages/shared ./apps/times/packages/shared
-COPY apps/times/apps/web ./apps/times/apps/web
-
-# Install app-specific dependencies
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-# Build the web app
-WORKDIR /app/apps/times/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-# Production stage
-FROM node:20-alpine AS production
-
-# Keep same directory structure as builder so pnpm symlinks resolve correctly
-WORKDIR /app/apps/times/apps/web
-
-# Copy the pnpm store that symlinks point to (at /app/node_modules/.pnpm)
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-
-# Copy the app's node_modules (contains symlinks to the pnpm store)
-COPY --from=builder /app/apps/times/apps/web/node_modules ./node_modules
-
-# Copy built application
-COPY --from=builder /app/apps/times/apps/web/build ./build
-COPY --from=builder /app/apps/times/apps/web/package.json ./
-
-# Expose port
-EXPOSE 5027
-
-# Set environment variables
-ENV NODE_ENV=production
-ENV PORT=5027
-ENV HOST=0.0.0.0
-
-# Health check
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5027/health || exit 1
-
-# Run the app
-CMD ["node", "build"]
diff --git a/apps/times/apps/web-archived/package.json b/apps/times/apps/web-archived/package.json
deleted file mode 100644
index cc1906d2e..000000000
--- a/apps/times/apps/web-archived/package.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-	"name": "@times/web",
-	"version": "1.0.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:unit": "vitest"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-node": "^5.2.12",
-		"@sveltejs/kit": "^2.21.0",
-		"@sveltejs/vite-plugin-svelte": "^5.1.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^22.15.29",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.2.1",
-		"tailwindcss": "^4.1.7",
-		"typescript": "^5.9.3",
-		"vite": "^6.3.5",
-		"vitest": "^3.2.1",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*"
-	},
-	"dependencies": {
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-landing-ui": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@times/shared": "workspace:*",
-		"date-fns": "^4.1.0",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/times/apps/web-archived/src/app.css b/apps/times/apps/web-archived/src/app.css
deleted file mode 100644
index 11b582298..000000000
--- a/apps/times/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,44 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../packages/shared/src";
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-:root {
-	--primary: 38 92% 50%;
-	--primary-foreground: 0 0% 100%;
-	--accent: 38 92% 50%;
-	--accent-foreground: 0 0% 100%;
-}
-
-/* Timer card glow */
-.timer-active {
-	box-shadow: 0 0 20px rgba(245, 158, 11, 0.15);
-}
-
-/* Entry item transitions */
-.entry-item {
-	transition: transform 0.15s ease, box-shadow 0.15s ease;
-}
-.entry-item:hover {
-	transform: translateY(-1px);
-	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-
-/* Duration display monospace */
-.duration-display {
-	font-variant-numeric: tabular-nums;
-}
-
-/* Project color dot */
-.project-dot {
-	width: 8px;
-	height: 8px;
-	border-radius: 50%;
-	flex-shrink: 0;
-}
diff --git a/apps/times/apps/web-archived/src/app.html b/apps/times/apps/web-archived/src/app.html
deleted file mode 100644
index 27fb3a849..000000000
--- a/apps/times/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.svg" type="image/svg+xml" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="theme-color" content="#f59e0b" />
-		<meta name="mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" />
-		<title>Times</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/times/apps/web-archived/src/lib/components/EntryForm.svelte b/apps/times/apps/web-archived/src/lib/components/EntryForm.svelte
deleted file mode 100644
index ebb2b8eaf..000000000
--- a/apps/times/apps/web-archived/src/lib/components/EntryForm.svelte
+++ /dev/null
@@ -1,330 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { timeEntryCollection } from '$lib/data/local-store';
-	import { X, CurrencyDollar } from '@manacore/shared-icons';
-	import type { Project, Client } from '@times/shared';
-	import {
-		parseMultiEntryInput,
-		resolveEntryIds,
-		formatParsedEntryPreview,
-	} from '$lib/utils/entry-parser';
-	import { getContext as getCtx } from 'svelte';
-
-	let {
-		visible = false,
-		onClose,
-	}: {
-		visible: boolean;
-		onClose: () => void;
-	} = $props();
-
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allClients = getContext<{ value: Client[] }>('clients');
-	const allTags = getContext<{ value: { id: string; name: string }[] }>('tags');
-
-	let description = $state('');
-	let projectId = $state('');
-	let date = $state(new Date().toISOString().split('T')[0]);
-	let durationHours = $state(1);
-	let durationMinutes = $state(0);
-	let isBillable = $state(false);
-
-	// Quick-input state
-	let quickInput = $state('');
-	let quickPreview = $state('');
-	let quickEntryCount = $state(0);
-
-	let activeProjects = $derived(
-		allProjects.value.filter((p) => !p.isArchived).sort((a, b) => a.order - b.order)
-	);
-
-	function handleQuickInput(e: Event) {
-		const text = (e.target as HTMLInputElement).value;
-		quickInput = text;
-
-		if (!text.trim()) {
-			quickPreview = '';
-			quickEntryCount = 0;
-			return;
-		}
-
-		const entries = parseMultiEntryInput(text);
-		quickEntryCount = entries.length;
-
-		const previews = entries.map((e) => formatParsedEntryPreview(e)).filter(Boolean);
-		if (entries.length > 1) previews.unshift(`${entries.length} Einträge`);
-		quickPreview = previews.join(' · ');
-	}
-
-	async function handleQuickSubmit() {
-		if (!quickInput.trim()) return;
-
-		const entries = parseMultiEntryInput(quickInput);
-		const projects = allProjects.value.map((p) => ({ id: p.id, name: p.name }));
-		const tags = allTags?.value?.map((t) => ({ id: t.id, name: t.name })) ?? [];
-
-		for (const parsed of entries) {
-			const resolved = resolveEntryIds(parsed, projects, tags);
-
-			const totalSeconds = resolved.duration || durationHours * 3600 + durationMinutes * 60;
-			if (totalSeconds <= 0) continue;
-
-			const project = resolved.projectId
-				? allProjects.value.find((p) => p.id === resolved.projectId)
-				: null;
-
-			await timeEntryCollection.insert({
-				id: crypto.randomUUID(),
-				projectId: resolved.projectId || null,
-				clientId: project?.clientId ?? null,
-				description: resolved.description,
-				date: resolved.date ? new Date(resolved.date).toISOString().split('T')[0] : date,
-				startTime: resolved.startTime || null,
-				endTime: resolved.endTime || null,
-				duration: totalSeconds,
-				isBillable: resolved.isBillable ?? isBillable,
-				isRunning: false,
-				tags: resolved.tagIds,
-				billingRate: null,
-				visibility: 'private',
-				guildId: null,
-				source: { app: 'manual' },
-			});
-		}
-
-		quickInput = '';
-		quickPreview = '';
-		quickEntryCount = 0;
-		resetForm();
-		onClose();
-	}
-
-	function handleQuickKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			handleQuickSubmit();
-		}
-	}
-
-	function resetForm() {
-		description = '';
-		projectId = '';
-		date = new Date().toISOString().split('T')[0];
-		durationHours = 1;
-		durationMinutes = 0;
-		isBillable = false;
-	}
-
-	async function handleSubmit() {
-		const totalSeconds = durationHours * 3600 + durationMinutes * 60;
-		if (totalSeconds <= 0) return;
-
-		const project = projectId ? allProjects.value.find((p) => p.id === projectId) : null;
-
-		await timeEntryCollection.insert({
-			id: crypto.randomUUID(),
-			projectId: projectId || null,
-			clientId: project?.clientId ?? null,
-			description,
-			date,
-			startTime: null,
-			endTime: null,
-			duration: totalSeconds,
-			isBillable,
-			isRunning: false,
-			tags: [],
-			billingRate: null,
-			visibility: 'private',
-			guildId: null,
-			source: { app: 'manual' },
-		});
-
-		resetForm();
-		onClose();
-	}
-
-	function handleProjectChange(id: string) {
-		projectId = id;
-		const project = allProjects.value.find((p) => p.id === id);
-		if (project) {
-			isBillable = project.isBillable;
-		}
-	}
-
-	// Quick duration buttons
-	const quickDurations = [
-		{ label: '15m', h: 0, m: 15 },
-		{ label: '30m', h: 0, m: 30 },
-		{ label: '1h', h: 1, m: 0 },
-		{ label: '1.5h', h: 1, m: 30 },
-		{ label: '2h', h: 2, m: 0 },
-		{ label: '4h', h: 4, m: 0 },
-	];
-</script>
-
-{#if visible}
-	<!-- Backdrop -->
-	<div
-		class="fixed inset-0 z-50 flex items-end justify-center bg-black/50 backdrop-blur-sm sm:items-center"
-		role="dialog"
-		aria-modal="true"
-	>
-		<div
-			class="w-full max-w-lg rounded-t-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6 shadow-xl sm:rounded-2xl"
-		>
-			<div class="mb-4 flex items-center justify-between">
-				<h2 class="text-lg font-semibold text-[hsl(var(--foreground))]">
-					{$_('entry.manual')}
-				</h2>
-				<button
-					onclick={onClose}
-					class="rounded-lg p-1 text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-				>
-					<X size={20} />
-				</button>
-			</div>
-
-			<!-- Quick Input Bar -->
-			<div class="mb-4">
-				<input
-					type="text"
-					value={quickInput}
-					oninput={handleQuickInput}
-					onkeydown={handleQuickKeydown}
-					placeholder="Schnelleingabe: Meeting 2h @Projekt $; Review 1h"
-					class="w-full rounded-lg border border-dashed border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.3)] px-4 py-2.5 text-sm text-[hsl(var(--foreground))] placeholder:text-xs placeholder:text-[hsl(var(--muted-foreground))] focus:border-solid focus:border-[hsl(var(--primary)/0.5)] focus:bg-[hsl(var(--input))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary)/0.1)]"
-				/>
-				{#if quickPreview}
-					<div class="mt-1 px-1 text-[0.7rem] text-[hsl(var(--muted-foreground))]">
-						{quickPreview}
-					</div>
-				{/if}
-			</div>
-
-			<div class="mb-3 flex items-center gap-2">
-				<div class="h-px flex-1 bg-[hsl(var(--border))]"></div>
-				<span class="text-[0.65rem] text-[hsl(var(--muted-foreground))]">oder manuell</span>
-				<div class="h-px flex-1 bg-[hsl(var(--border))]"></div>
-			</div>
-
-			<form
-				onsubmit={(e) => {
-					e.preventDefault();
-					handleSubmit();
-				}}
-				class="space-y-4"
-			>
-				<!-- Description -->
-				<input
-					type="text"
-					bind:value={description}
-					placeholder={$_('entry.description')}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-sm text-[hsl(var(--foreground))] focus:border-[hsl(var(--primary))] focus:outline-none"
-				/>
-
-				<!-- Project -->
-				<select
-					value={projectId}
-					onchange={(e) => handleProjectChange((e.target as HTMLSelectElement).value)}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2.5 text-sm text-[hsl(var(--foreground))]"
-				>
-					<option value="">{$_('project.internal')}</option>
-					{#each activeProjects as proj}
-						<option value={proj.id}>
-							{proj.name}
-							{#if proj.clientId}
-								{@const client = allClients.value.find((c) => c.id === proj.clientId)}
-								{#if client}
-									· {client.name}{/if}
-							{/if}
-						</option>
-					{/each}
-				</select>
-
-				<!-- Date -->
-				<input
-					type="date"
-					bind:value={date}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-sm text-[hsl(var(--foreground))]"
-				/>
-
-				<!-- Quick Duration Buttons -->
-				<div>
-					<label class="mb-1.5 block text-xs font-medium text-[hsl(var(--muted-foreground))]">
-						{$_('entry.duration')}
-					</label>
-					<div class="mb-2 flex flex-wrap gap-2">
-						{#each quickDurations as qd}
-							<button
-								type="button"
-								onclick={() => {
-									durationHours = qd.h;
-									durationMinutes = qd.m;
-								}}
-								class="rounded-lg border px-3 py-1.5 text-xs transition-colors {durationHours ===
-									qd.h && durationMinutes === qd.m
-									? 'border-[hsl(var(--primary))] bg-[hsl(var(--primary)/0.1)] text-[hsl(var(--primary))]'
-									: 'border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-[hsl(var(--primary)/0.5)]'}"
-							>
-								{qd.label}
-							</button>
-						{/each}
-					</div>
-
-					<!-- Custom Duration -->
-					<div class="flex items-center gap-2">
-						<input
-							type="number"
-							bind:value={durationHours}
-							min="0"
-							max="24"
-							class="w-16 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-center text-sm text-[hsl(var(--foreground))]"
-						/>
-						<span class="text-xs text-[hsl(var(--muted-foreground))]">h</span>
-						<input
-							type="number"
-							bind:value={durationMinutes}
-							min="0"
-							max="59"
-							step="5"
-							class="w-16 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-center text-sm text-[hsl(var(--foreground))]"
-						/>
-						<span class="text-xs text-[hsl(var(--muted-foreground))]">min</span>
-					</div>
-				</div>
-
-				<!-- Billable -->
-				<div class="flex items-center gap-3">
-					<button
-						type="button"
-						onclick={() => (isBillable = !isBillable)}
-						class="flex items-center gap-2 rounded-lg px-3 py-1.5 text-sm transition-colors {isBillable
-							? 'bg-[hsl(var(--primary)/0.1)] text-[hsl(var(--primary))]'
-							: 'text-[hsl(var(--muted-foreground))]'}"
-					>
-						<CurrencyDollar size={16} />
-						{isBillable ? $_('entry.billable') : $_('entry.notBillable')}
-					</button>
-				</div>
-
-				<!-- Submit -->
-				<div class="flex gap-2">
-					<button
-						type="button"
-						onclick={onClose}
-						class="flex-1 rounded-lg border border-[hsl(var(--border))] py-2.5 text-sm text-[hsl(var(--muted-foreground))]"
-					>
-						{$_('common.cancel')}
-					</button>
-					<button
-						type="submit"
-						class="flex-1 rounded-lg bg-[hsl(var(--primary))] py-2.5 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-					>
-						{$_('common.create')}
-					</button>
-				</div>
-			</form>
-		</div>
-	</div>
-{/if}
diff --git a/apps/times/apps/web-archived/src/lib/components/EntryItem.svelte b/apps/times/apps/web-archived/src/lib/components/EntryItem.svelte
deleted file mode 100644
index bc35ac7ca..000000000
--- a/apps/times/apps/web-archived/src/lib/components/EntryItem.svelte
+++ /dev/null
@@ -1,209 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { timeEntryCollection } from '$lib/data/local-store';
-	import { formatDurationCompact } from '$lib/data/queries';
-	import { CurrencyDollar } from '@manacore/shared-icons';
-	import type { TimeEntry, Project, Client } from '@times/shared';
-	import { ConfirmationModal } from '@manacore/shared-ui';
-
-	let {
-		entry,
-		isExpanded = false,
-		onExpand,
-		onCollapse,
-	}: {
-		entry: TimeEntry;
-		isExpanded?: boolean;
-		onExpand?: () => void;
-		onCollapse?: () => void;
-	} = $props();
-
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allClients = getContext<{ value: Client[] }>('clients');
-
-	let editDescription = $state(entry.description);
-	let editProjectId = $state(entry.projectId ?? '');
-	let editIsBillable = $state(entry.isBillable);
-	let editDurationMinutes = $state(Math.round(entry.duration / 60));
-
-	// Sync when entry changes
-	$effect(() => {
-		editDescription = entry.description;
-		editProjectId = entry.projectId ?? '';
-		editIsBillable = entry.isBillable;
-		editDurationMinutes = Math.round(entry.duration / 60);
-	});
-
-	let project = $derived(
-		entry.projectId ? allProjects.value.find((p) => p.id === entry.projectId) : undefined
-	);
-	let client = $derived(
-		entry.clientId ? allClients.value.find((c) => c.id === entry.clientId) : undefined
-	);
-
-	let showDeleteConfirm = $state(false);
-
-	let saveDebounce: ReturnType<typeof setTimeout> | null = null;
-
-	function autoSave(updates: Record<string, unknown>) {
-		if (saveDebounce) clearTimeout(saveDebounce);
-		saveDebounce = setTimeout(async () => {
-			await timeEntryCollection.update(entry.id, updates);
-		}, 500);
-	}
-
-	function handleDescriptionChange(value: string) {
-		editDescription = value;
-		autoSave({ description: value });
-	}
-
-	function handleProjectChange(projectId: string) {
-		editProjectId = projectId;
-		const proj = allProjects.value.find((p) => p.id === projectId);
-		autoSave({
-			projectId: projectId || null,
-			clientId: proj?.clientId ?? null,
-		});
-	}
-
-	function handleBillableToggle() {
-		editIsBillable = !editIsBillable;
-		autoSave({ isBillable: editIsBillable });
-	}
-
-	function handleDurationChange(minutes: number) {
-		editDurationMinutes = minutes;
-		autoSave({ duration: minutes * 60 });
-	}
-
-	async function handleDelete() {
-		showDeleteConfirm = true;
-	}
-
-	async function confirmDelete() {
-		await timeEntryCollection.delete(entry.id);
-		showDeleteConfirm = false;
-		onCollapse?.();
-	}
-
-	let startTimeStr = $derived(
-		entry.startTime
-			? new Date(entry.startTime).toLocaleTimeString('de-DE', {
-					hour: '2-digit',
-					minute: '2-digit',
-				})
-			: ''
-	);
-	let endTimeStr = $derived(
-		entry.endTime
-			? new Date(entry.endTime).toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })
-			: ''
-	);
-</script>
-
-<div
-	class="entry-item rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] transition-all {isExpanded
-		? 'ring-1 ring-[hsl(var(--primary)/0.3)]'
-		: ''}"
->
-	<!-- Compact row (always visible) -->
-	<button
-		class="flex w-full items-center gap-3 px-4 py-3 text-left"
-		onclick={() => (isExpanded ? onCollapse?.() : onExpand?.())}
-	>
-		{#if project}
-			<div class="project-dot" style="background-color: {project.color}"></div>
-		{:else}
-			<div class="project-dot" style="background-color: #9ca3af"></div>
-		{/if}
-		<div class="min-w-0 flex-1">
-			<p class="truncate text-sm font-medium text-[hsl(var(--foreground))]">
-				{entry.description || $_('timer.noDescription')}
-			</p>
-			<p class="text-xs text-[hsl(var(--muted-foreground))]">
-				{project?.name || $_('project.internal')}
-				{#if client}· {client.name}{/if}
-				{#if startTimeStr && endTimeStr}
-					· {startTimeStr} – {endTimeStr}
-				{/if}
-			</p>
-		</div>
-		<div class="text-right shrink-0">
-			<p class="duration-display text-sm font-medium text-[hsl(var(--foreground))]">
-				{formatDurationCompact(entry.duration)}
-			</p>
-			{#if entry.isBillable}
-				<span class="text-xs text-[hsl(var(--primary))]">$</span>
-			{/if}
-		</div>
-	</button>
-
-	<!-- Expanded edit form -->
-	{#if isExpanded}
-		<div class="border-t border-[hsl(var(--border))] px-4 py-3 space-y-3">
-			<!-- Description -->
-			<input
-				type="text"
-				value={editDescription}
-				oninput={(e) => handleDescriptionChange((e.target as HTMLInputElement).value)}
-				placeholder={$_('entry.description')}
-				class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))] focus:border-[hsl(var(--primary))] focus:outline-none"
-			/>
-
-			<!-- Project + Duration row -->
-			<div class="flex gap-2">
-				<select
-					value={editProjectId}
-					onchange={(e) => handleProjectChange((e.target as HTMLSelectElement).value)}
-					class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				>
-					<option value="">{$_('project.internal')}</option>
-					{#each allProjects.value.filter((p) => !p.isArchived) as proj}
-						<option value={proj.id}>{proj.name}</option>
-					{/each}
-				</select>
-
-				<div class="flex items-center gap-1">
-					<input
-						type="number"
-						value={editDurationMinutes}
-						oninput={(e) =>
-							handleDurationChange(parseInt((e.target as HTMLInputElement).value) || 0)}
-						min="0"
-						class="w-20 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-center text-sm text-[hsl(var(--foreground))]"
-					/>
-					<span class="text-xs text-[hsl(var(--muted-foreground))]">min</span>
-				</div>
-			</div>
-
-			<!-- Billable + Delete row -->
-			<div class="flex items-center justify-between">
-				<button
-					onclick={handleBillableToggle}
-					class="flex items-center gap-2 rounded-lg px-3 py-1.5 text-xs transition-colors {editIsBillable
-						? 'bg-[hsl(var(--primary)/0.1)] text-[hsl(var(--primary))]'
-						: 'text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]'}"
-				>
-					<CurrencyDollar size={14} />
-					{editIsBillable ? $_('entry.billable') : $_('entry.notBillable')}
-				</button>
-
-				<button
-					onclick={handleDelete}
-					class="rounded-lg px-3 py-1.5 text-xs text-red-500 transition-colors hover:bg-red-500/10"
-				>
-					{$_('common.delete')}
-				</button>
-			</div>
-		</div>
-	{/if}
-</div>
-
-<ConfirmationModal
-	visible={showDeleteConfirm}
-	title={$_('common.delete')}
-	message={$_('entry.deleteConfirm')}
-	onConfirm={confirmDelete}
-	onClose={() => (showDeleteConfirm = false)}
-/>
diff --git a/apps/times/apps/web-archived/src/lib/components/EntryList.svelte b/apps/times/apps/web-archived/src/lib/components/EntryList.svelte
deleted file mode 100644
index 15db4fd1e..000000000
--- a/apps/times/apps/web-archived/src/lib/components/EntryList.svelte
+++ /dev/null
@@ -1,68 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import EntryItem from './EntryItem.svelte';
-	import { groupEntriesByDate, getTotalDuration, formatDurationCompact } from '$lib/data/queries';
-	import type { TimeEntry } from '@times/shared';
-	import { Clock } from '@manacore/shared-icons';
-
-	let { entries }: { entries: TimeEntry[] } = $props();
-
-	let expandedEntryId = $state<string | null>(null);
-
-	let groupedEntries = $derived(() => {
-		const groups = groupEntriesByDate(entries);
-		// Sort dates descending (newest first)
-		return [...groups.entries()].sort(([a], [b]) => b.localeCompare(a));
-	});
-
-	function formatDateHeader(dateStr: string): string {
-		const today = new Date().toISOString().split('T')[0];
-		const yesterday = new Date(Date.now() - 86400000).toISOString().split('T')[0];
-
-		if (dateStr === today) return $_('entry.today');
-		if (dateStr === yesterday) return 'Gestern';
-
-		return new Date(dateStr + 'T00:00:00').toLocaleDateString('de-DE', {
-			weekday: 'long',
-			day: 'numeric',
-			month: 'long',
-		});
-	}
-</script>
-
-{#if entries.length === 0}
-	<div
-		class="rounded-xl border border-dashed border-[hsl(var(--border))] p-8 text-center text-[hsl(var(--muted-foreground))]"
-	>
-		<Clock size={20} class="mx-auto mb-3 opacity-50" />
-		<p>{$_('entry.noEntries')}</p>
-	</div>
-{:else}
-	<div class="space-y-6">
-		{#each groupedEntries() as [date, dayEntries]}
-			<div>
-				<!-- Day Header -->
-				<div class="mb-2 flex items-center justify-between">
-					<h3 class="text-sm font-medium text-[hsl(var(--muted-foreground))]">
-						{formatDateHeader(date)}
-					</h3>
-					<span class="duration-display text-sm font-medium text-[hsl(var(--foreground))]">
-						{formatDurationCompact(getTotalDuration(dayEntries))}
-					</span>
-				</div>
-
-				<!-- Entries for this day -->
-				<div class="space-y-2">
-					{#each dayEntries as entry (entry.id)}
-						<EntryItem
-							{entry}
-							isExpanded={expandedEntryId === entry.id}
-							onExpand={() => (expandedEntryId = entry.id)}
-							onCollapse={() => (expandedEntryId = null)}
-						/>
-					{/each}
-				</div>
-			</div>
-		{/each}
-	</div>
-{/if}
diff --git a/apps/times/apps/web-archived/src/lib/components/KeyboardShortcuts.svelte b/apps/times/apps/web-archived/src/lib/components/KeyboardShortcuts.svelte
deleted file mode 100644
index db5a6a3b1..000000000
--- a/apps/times/apps/web-archived/src/lib/components/KeyboardShortcuts.svelte
+++ /dev/null
@@ -1,56 +0,0 @@
-<script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { timerStore } from '$lib/stores/timer.svelte';
-
-	let {
-		onNewEntry,
-	}: {
-		onNewEntry?: () => void;
-	} = $props();
-
-	function handleKeydown(e: KeyboardEvent) {
-		// Don't trigger when typing in inputs
-		const target = e.target as HTMLElement;
-		if (
-			target.tagName === 'INPUT' ||
-			target.tagName === 'TEXTAREA' ||
-			target.tagName === 'SELECT'
-		) {
-			// Escape still works in inputs
-			if (e.key === 'Escape') {
-				(target as HTMLInputElement).blur();
-			}
-			return;
-		}
-
-		switch (e.key) {
-			case 's':
-				e.preventDefault();
-				if (timerStore.isRunning) {
-					timerStore.stop();
-				} else {
-					timerStore.start();
-				}
-				break;
-			case 'n':
-				e.preventDefault();
-				onNewEntry?.();
-				break;
-			case 'g':
-				// g then t = go to timer, g then e = entries, etc.
-				break;
-			case '?':
-				// Show keyboard shortcuts help (future)
-				break;
-		}
-	}
-
-	onMount(() => {
-		window.addEventListener('keydown', handleKeydown);
-	});
-
-	onDestroy(() => {
-		window.removeEventListener('keydown', handleKeydown);
-	});
-</script>
diff --git a/apps/times/apps/web-archived/src/lib/components/QuickStart.svelte b/apps/times/apps/web-archived/src/lib/components/QuickStart.svelte
deleted file mode 100644
index 1d78a2cc9..000000000
--- a/apps/times/apps/web-archived/src/lib/components/QuickStart.svelte
+++ /dev/null
@@ -1,59 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { timerStore } from '$lib/stores/timer.svelte';
-	import type { TimeEntry, Project } from '@times/shared';
-
-	const allTimeEntries = getContext<{ value: TimeEntry[] }>('timeEntries');
-	const allProjects = getContext<{ value: Project[] }>('projects');
-
-	// Get unique recent entries (by description+project, deduplicated)
-	let recentEntries = $derived(() => {
-		const seen = new Set<string>();
-		return allTimeEntries.value
-			.filter((e) => !e.isRunning && e.description)
-			.sort((a, b) => (b.createdAt || '').localeCompare(a.createdAt || ''))
-			.filter((e) => {
-				const key = `${e.description}|${e.projectId}`;
-				if (seen.has(key)) return false;
-				seen.add(key);
-				return true;
-			})
-			.slice(0, 5);
-	});
-
-	async function startFromEntry(entry: TimeEntry) {
-		await timerStore.start({
-			projectId: entry.projectId,
-			clientId: entry.clientId,
-			description: entry.description,
-			isBillable: entry.isBillable,
-			tags: entry.tags,
-		});
-	}
-</script>
-
-{#if recentEntries().length > 0}
-	<div>
-		<h3 class="mb-2 text-xs font-medium text-[hsl(var(--muted-foreground))]">Quick Start</h3>
-		<div class="flex flex-wrap gap-2">
-			{#each recentEntries() as entry}
-				{@const project = entry.projectId
-					? allProjects.value.find((p) => p.id === entry.projectId)
-					: undefined}
-				<button
-					onclick={() => startFromEntry(entry)}
-					disabled={timerStore.isRunning}
-					class="flex items-center gap-1.5 rounded-full border border-[hsl(var(--border))] px-3 py-1.5 text-xs transition-colors hover:border-[hsl(var(--primary)/0.5)] hover:bg-[hsl(var(--primary)/0.05)] disabled:opacity-50"
-				>
-					{#if project}
-						<div class="h-2 w-2 rounded-full" style="background-color: {project.color}"></div>
-					{/if}
-					<span class="max-w-[150px] truncate text-[hsl(var(--foreground))]"
-						>{entry.description}</span
-					>
-				</button>
-			{/each}
-		</div>
-	</div>
-{/if}
diff --git a/apps/times/apps/web-archived/src/lib/components/TimerCard.svelte b/apps/times/apps/web-archived/src/lib/components/TimerCard.svelte
deleted file mode 100644
index ccdb495ef..000000000
--- a/apps/times/apps/web-archived/src/lib/components/TimerCard.svelte
+++ /dev/null
@@ -1,188 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { timerStore } from '$lib/stores/timer.svelte';
-	import { formatDuration } from '$lib/data/queries';
-	import { CurrencyDollar, Pause, Play } from '@manacore/shared-icons';
-	import type { Project, Client } from '@times/shared';
-
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allClients = getContext<{ value: Client[] }>('clients');
-
-	let description = $state('');
-	let selectedProjectId = $state<string | null>(null);
-	let isBillable = $state(false);
-
-	// Sync description with running entry
-	$effect(() => {
-		if (timerStore.runningEntry) {
-			description = timerStore.runningEntry.description || '';
-			selectedProjectId = timerStore.runningEntry.projectId ?? null;
-			isBillable = timerStore.runningEntry.isBillable;
-		}
-	});
-
-	let activeProjects = $derived(
-		allProjects.value.filter((p) => !p.isArchived).sort((a, b) => a.order - b.order)
-	);
-
-	let selectedProject = $derived(
-		selectedProjectId ? allProjects.value.find((p) => p.id === selectedProjectId) : null
-	);
-
-	let selectedClient = $derived(
-		selectedProject?.clientId
-			? allClients.value.find((c) => c.id === selectedProject!.clientId)
-			: null
-	);
-
-	let formattedTime = $derived(formatDuration(timerStore.elapsedSeconds));
-
-	async function handleStartStop() {
-		if (timerStore.isRunning) {
-			await timerStore.stop();
-			description = '';
-			selectedProjectId = null;
-			isBillable = false;
-		} else {
-			const clientId = selectedProject?.clientId ?? undefined;
-			await timerStore.start({
-				description,
-				projectId: selectedProjectId ?? undefined,
-				clientId,
-				isBillable,
-			});
-		}
-	}
-
-	let descriptionDebounce: ReturnType<typeof setTimeout> | null = null;
-
-	function handleDescriptionChange(value: string) {
-		description = value;
-		if (!timerStore.isRunning) return;
-		if (descriptionDebounce) clearTimeout(descriptionDebounce);
-		descriptionDebounce = setTimeout(() => {
-			timerStore.updateRunning({ description: value });
-		}, 500);
-	}
-
-	async function handleProjectChange(projectId: string | null) {
-		selectedProjectId = projectId;
-		if (!timerStore.isRunning) return;
-		const project = projectId ? allProjects.value.find((p) => p.id === projectId) : null;
-		await timerStore.updateRunning({
-			projectId: projectId ?? undefined,
-			clientId: project?.clientId ?? undefined,
-			isBillable: project?.isBillable ?? isBillable,
-		});
-		if (project) {
-			isBillable = project.isBillable;
-		}
-	}
-
-	async function handleBillableToggle() {
-		isBillable = !isBillable;
-		if (timerStore.isRunning) {
-			await timerStore.updateRunning({ isBillable });
-		}
-	}
-</script>
-
-<div
-	class="rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6 {timerStore.isRunning
-		? 'timer-active'
-		: ''}"
->
-	<!-- Timer Display -->
-	<div class="mb-4 text-center">
-		<div
-			class="duration-display text-5xl font-bold {timerStore.isRunning
-				? 'text-[hsl(var(--primary))]'
-				: 'text-[hsl(var(--foreground))]'}"
-		>
-			{formattedTime}
-		</div>
-	</div>
-
-	<!-- Description Input -->
-	<div class="mb-4">
-		<input
-			type="text"
-			value={description}
-			oninput={(e) => handleDescriptionChange((e.target as HTMLInputElement).value)}
-			placeholder={$_('timer.whatAreYouWorkingOn')}
-			class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-sm text-[hsl(var(--foreground))] placeholder:text-[hsl(var(--muted-foreground))] focus:border-[hsl(var(--primary))] focus:outline-none focus:ring-1 focus:ring-[hsl(var(--primary))]"
-		/>
-	</div>
-
-	<!-- Project & Billable Row -->
-	<div class="mb-4 flex items-center gap-3">
-		<!-- Project Selector -->
-		<div class="flex-1">
-			<select
-				value={selectedProjectId ?? ''}
-				onchange={(e) => {
-					const val = (e.target as HTMLSelectElement).value;
-					handleProjectChange(val || null);
-				}}
-				class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-			>
-				<option value="">{$_('project.noProjects')}</option>
-				{#each activeProjects as project}
-					<option value={project.id}>
-						{project.name}
-						{#if project.clientId}
-							{@const client = allClients.value.find((c) => c.id === project.clientId)}
-							{#if client}
-								· {client.name}{/if}
-						{/if}
-					</option>
-				{/each}
-			</select>
-		</div>
-
-		<!-- Billable Toggle -->
-		<button
-			onclick={handleBillableToggle}
-			class="flex h-9 w-9 items-center justify-center rounded-lg border transition-colors {isBillable
-				? 'border-[hsl(var(--primary))] bg-[hsl(var(--primary)/0.1)] text-[hsl(var(--primary))]'
-				: 'border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]'}"
-			title={isBillable ? $_('entry.billable') : $_('entry.notBillable')}
-		>
-			<CurrencyDollar size={16} />
-		</button>
-	</div>
-
-	<!-- Start/Stop Button -->
-	<button
-		onclick={handleStartStop}
-		class="w-full rounded-xl py-3 text-lg font-medium transition-all {timerStore.isRunning
-			? 'bg-red-500 text-white hover:bg-red-600'
-			: 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] hover:opacity-90'}"
-	>
-		{#if timerStore.isRunning}
-			<span class="flex items-center justify-center gap-2">
-				<Pause size={20} weight="fill" />
-				{$_('timer.stop')}
-			</span>
-		{:else}
-			<span class="flex items-center justify-center gap-2">
-				<Play size={20} weight="fill" />
-				{$_('timer.start')}
-			</span>
-		{/if}
-	</button>
-
-	<!-- Running info -->
-	{#if timerStore.isRunning && selectedProject}
-		<div
-			class="mt-3 flex items-center justify-center gap-2 text-xs text-[hsl(var(--muted-foreground))]"
-		>
-			<div class="project-dot" style="background-color: {selectedProject.color}"></div>
-			<span>{selectedProject.name}</span>
-			{#if selectedClient}
-				<span>· {selectedClient.name}</span>
-			{/if}
-		</div>
-	{/if}
-</div>
diff --git a/apps/times/apps/web-archived/src/lib/components/TimerIndicator.svelte b/apps/times/apps/web-archived/src/lib/components/TimerIndicator.svelte
deleted file mode 100644
index 82c9a9362..000000000
--- a/apps/times/apps/web-archived/src/lib/components/TimerIndicator.svelte
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { timerStore } from '$lib/stores/timer.svelte';
-	import { formatDuration } from '$lib/data/queries';
-	import { Stop } from '@manacore/shared-icons';
-	import type { Project } from '@times/shared';
-
-	const allProjects = getContext<{ value: Project[] }>('projects');
-
-	let project = $derived(
-		timerStore.runningEntry?.projectId
-			? allProjects.value.find((p) => p.id === timerStore.runningEntry!.projectId)
-			: undefined
-	);
-
-	let formattedTime = $derived(formatDuration(timerStore.elapsedSeconds));
-
-	async function handleStop() {
-		await timerStore.stop();
-	}
-</script>
-
-{#if timerStore.isRunning}
-	<div
-		class="flex items-center gap-2 rounded-lg bg-[hsl(var(--primary)/0.1)] px-3 py-1.5 border border-[hsl(var(--primary)/0.2)]"
-	>
-		<!-- Pulsing dot -->
-		<div class="relative flex h-2 w-2">
-			<span
-				class="absolute inline-flex h-full w-full animate-ping rounded-full bg-[hsl(var(--primary))] opacity-75"
-			></span>
-			<span class="relative inline-flex h-2 w-2 rounded-full bg-[hsl(var(--primary))]"></span>
-		</div>
-
-		<!-- Project dot + Description -->
-		{#if project}
-			<div
-				class="h-2.5 w-2.5 rounded-full shrink-0"
-				style="background-color: {project.color}"
-			></div>
-		{/if}
-		<span class="hidden sm:inline max-w-[120px] truncate text-xs text-[hsl(var(--foreground))]">
-			{timerStore.runningEntry?.description || $_('timer.running')}
-		</span>
-
-		<!-- Elapsed time -->
-		<span class="duration-display text-xs font-medium text-[hsl(var(--primary))]">
-			{formattedTime}
-		</span>
-
-		<!-- Stop button -->
-		<button
-			onclick={handleStop}
-			class="flex h-5 w-5 items-center justify-center rounded bg-red-500 text-white transition-colors hover:bg-red-600"
-			title={$_('timer.stop')}
-		>
-			<Stop size={10} weight="fill" />
-		</button>
-	</div>
-{/if}
diff --git a/apps/times/apps/web-archived/src/lib/components/clock/CircularProgress.svelte b/apps/times/apps/web-archived/src/lib/components/clock/CircularProgress.svelte
deleted file mode 100644
index cd499c523..000000000
--- a/apps/times/apps/web-archived/src/lib/components/clock/CircularProgress.svelte
+++ /dev/null
@@ -1,195 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-
-	interface Props {
-		daysLived: number;
-		lifeExpectancyYears?: number;
-		size?: number;
-	}
-
-	let { daysLived, lifeExpectancyYears = 80, size = 280 }: Props = $props();
-
-	let totalDays = $derived(Math.ceil(lifeExpectancyYears * 365.25));
-	let percentage = $derived(Math.min((daysLived / totalDays) * 100, 100));
-	let remainingDays = $derived(Math.max(totalDays - daysLived, 0));
-
-	let strokeWidth = 12;
-	let radius = $derived((size - strokeWidth) / 2);
-	let circumference = $derived(2 * Math.PI * radius);
-	let dashOffset = $derived(circumference - (percentage / 100) * circumference);
-
-	let animatedOffset = $state(circumference);
-	let mounted = $state(false);
-
-	onMount(() => {
-		mounted = true;
-		requestAnimationFrame(() => {
-			animatedOffset = dashOffset;
-		});
-	});
-
-	$effect(() => {
-		if (mounted) {
-			animatedOffset = dashOffset;
-		}
-	});
-</script>
-
-<div class="circular-container">
-	<div class="circular-wrapper" style="width: {size}px; height: {size}px;">
-		<svg width={size} height={size} viewBox="0 0 {size} {size}" class="circular-svg">
-			<circle
-				cx={size / 2}
-				cy={size / 2}
-				r={radius}
-				fill="none"
-				stroke="hsl(var(--color-muted-foreground) / 0.15)"
-				stroke-width={strokeWidth}
-			/>
-
-			<circle
-				cx={size / 2}
-				cy={size / 2}
-				r={radius}
-				fill="none"
-				stroke="hsl(var(--color-primary))"
-				stroke-width={strokeWidth}
-				stroke-linecap="round"
-				stroke-dasharray={circumference}
-				stroke-dashoffset={animatedOffset}
-				transform="rotate(-90 {size / 2} {size / 2})"
-				class="progress-circle"
-			/>
-
-			{#each Array(8) as _, i}
-				{@const angle = (i / 8) * 360 - 90}
-				{@const markerRadius = radius + strokeWidth / 2 + 8}
-				{@const x = size / 2 + markerRadius * Math.cos((angle * Math.PI) / 180)}
-				{@const y = size / 2 + markerRadius * Math.sin((angle * Math.PI) / 180)}
-				<text {x} {y} text-anchor="middle" dominant-baseline="middle" class="decade-marker">
-					{i * 10}
-				</text>
-			{/each}
-		</svg>
-
-		<div class="center-content">
-			<span class="percentage">{percentage.toFixed(1)}%</span>
-			<span class="label">gelebt</span>
-		</div>
-	</div>
-
-	<div class="circular-stats">
-		<div class="stat-row">
-			<div class="stat">
-				<span class="stat-value lived">{daysLived.toLocaleString('de-DE')}</span>
-				<span class="stat-label">Tage gelebt</span>
-			</div>
-			<div class="stat-divider"></div>
-			<div class="stat">
-				<span class="stat-value remaining">{remainingDays.toLocaleString('de-DE')}</span>
-				<span class="stat-label">Tage verbleibend</span>
-			</div>
-		</div>
-		<p class="expectancy-note">Basierend auf {lifeExpectancyYears} Jahren Lebenserwartung</p>
-	</div>
-</div>
-
-<style>
-	.circular-container {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 1.5rem;
-	}
-
-	.circular-wrapper {
-		position: relative;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.circular-svg {
-		transform: rotate(0deg);
-	}
-
-	.progress-circle {
-		transition: stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	.decade-marker {
-		font-size: 0.625rem;
-		fill: hsl(var(--color-muted-foreground));
-		font-weight: 500;
-	}
-
-	.center-content {
-		position: absolute;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.percentage {
-		font-size: 2.5rem;
-		font-weight: 200;
-		color: hsl(var(--color-foreground));
-		line-height: 1;
-	}
-
-	.label {
-		font-size: 0.875rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-top: 0.25rem;
-	}
-
-	.circular-stats {
-		text-align: center;
-	}
-
-	.stat-row {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 1.5rem;
-	}
-
-	.stat {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.stat-divider {
-		width: 1px;
-		height: 2.5rem;
-		background: hsl(var(--color-border));
-	}
-
-	.stat-value {
-		font-size: 1.25rem;
-		font-weight: 600;
-		font-variant-numeric: tabular-nums;
-	}
-
-	.stat-value.lived {
-		color: hsl(var(--color-primary));
-	}
-
-	.stat-value.remaining {
-		color: hsl(var(--color-muted-foreground));
-	}
-
-	.stat-label {
-		font-size: 0.75rem;
-		color: hsl(var(--color-muted-foreground));
-		margin-top: 0.125rem;
-	}
-
-	.expectancy-note {
-		font-size: 0.625rem;
-		color: hsl(var(--color-muted-foreground) / 0.7);
-		margin-top: 0.75rem;
-	}
-</style>
diff --git a/apps/times/apps/web-archived/src/lib/components/clock/WorldMap.svelte b/apps/times/apps/web-archived/src/lib/components/clock/WorldMap.svelte
deleted file mode 100644
index a82abd404..000000000
--- a/apps/times/apps/web-archived/src/lib/components/clock/WorldMap.svelte
+++ /dev/null
@@ -1,108 +0,0 @@
-<script lang="ts">
-	/**
-	 * WorldMap - Interactive world map component for world clock
-	 */
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
-	import { POPULAR_TIMEZONES } from '@times/shared';
-
-	interface Props {
-		selectedTimezones?: string[];
-		onCityClick?: (timezone: string, cityName: string) => void;
-	}
-
-	let { selectedTimezones = [], onCityClick }: Props = $props();
-
-	let mapContainer: HTMLDivElement;
-	let mapLoaded = $state(false);
-
-	const cities = POPULAR_TIMEZONES.map((tz) => ({
-		timezone: tz.timezone,
-		city: tz.city,
-		lat: tz.lat,
-		lng: tz.lng,
-	}));
-
-	function handleCityClick(timezone: string, cityName: string) {
-		onCityClick?.(timezone, cityName);
-	}
-
-	onMount(() => {
-		if (browser) {
-			mapLoaded = true;
-		}
-	});
-</script>
-
-<div class="world-map" bind:this={mapContainer}>
-	{#if mapLoaded}
-		<div class="map-placeholder">
-			<svg viewBox="0 0 800 400" class="map-svg">
-				<rect x="0" y="0" width="800" height="400" fill="hsl(var(--muted))" opacity="0.3" />
-
-				{#each cities as city}
-					{@const x = ((city.lng + 180) / 360) * 800}
-					{@const y = ((90 - city.lat) / 180) * 400}
-					{@const isSelected = selectedTimezones.includes(city.timezone)}
-					<g class="city-marker" onclick={() => handleCityClick(city.timezone, city.city)}>
-						<circle
-							cx={x}
-							cy={y}
-							r={isSelected ? 8 : 5}
-							fill={isSelected ? 'hsl(var(--primary))' : 'hsl(var(--muted-foreground))'}
-							class="cursor-pointer hover:opacity-80 transition-all"
-						/>
-						{#if isSelected}
-							<text
-								{x}
-								y={y - 12}
-								text-anchor="middle"
-								font-size="10"
-								fill="hsl(var(--foreground))"
-								class="pointer-events-none"
-							>
-								{city.city}
-							</text>
-						{/if}
-					</g>
-				{/each}
-			</svg>
-		</div>
-	{:else}
-		<div class="map-loading">
-			<span class="text-muted-foreground">Karte wird geladen...</span>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.world-map {
-		width: 100%;
-		height: 300px;
-		background: hsl(var(--card));
-		border-radius: 12px;
-		overflow: hidden;
-		border: 1px solid hsl(var(--border));
-	}
-
-	.map-placeholder {
-		width: 100%;
-		height: 100%;
-	}
-
-	.map-svg {
-		width: 100%;
-		height: 100%;
-	}
-
-	.city-marker {
-		cursor: pointer;
-	}
-
-	.map-loading {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		height: 100%;
-	}
-</style>
diff --git a/apps/times/apps/web-archived/src/lib/data/guest-seed.ts b/apps/times/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 6ba995416..000000000
--- a/apps/times/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-/**
- * Guest seed data for the Times app.
- *
- * Provides demo clients, projects, and time entries for the guest experience.
- */
-
-import type {
-	LocalClient,
-	LocalProject,
-	LocalTimeEntry,
-	LocalTag,
-	LocalSettings,
-	LocalAlarm,
-	LocalWorldClock,
-} from './local-store';
-
-const DEMO_CLIENT_ID = 'demo-client-acme';
-const DEMO_PROJECT_ID = 'demo-project-redesign';
-const DEMO_INTERNAL_PROJECT_ID = 'demo-project-internal';
-
-function todayStr(): string {
-	return new Date().toISOString().split('T')[0];
-}
-
-function yesterdayStr(): string {
-	const d = new Date();
-	d.setDate(d.getDate() - 1);
-	return d.toISOString().split('T')[0];
-}
-
-export const guestClients: LocalClient[] = [
-	{
-		id: DEMO_CLIENT_ID,
-		name: 'Acme Corp',
-		shortCode: 'ACME',
-		email: 'kontakt@acme.de',
-		color: '#3b82f6',
-		isArchived: false,
-		billingRate: { amount: 95, currency: 'EUR', per: 'hour' },
-		order: 0,
-	},
-	{
-		id: 'demo-client-startup',
-		name: 'TechStartup GmbH',
-		shortCode: 'TS',
-		color: '#8b5cf6',
-		isArchived: false,
-		billingRate: { amount: 85, currency: 'EUR', per: 'hour' },
-		order: 1,
-	},
-];
-
-export const guestProjects: LocalProject[] = [
-	{
-		id: DEMO_PROJECT_ID,
-		clientId: DEMO_CLIENT_ID,
-		name: 'Website Redesign',
-		description: 'Kompletter Relaunch der Unternehmenswebsite',
-		color: '#3b82f6',
-		isArchived: false,
-		isBillable: true,
-		billingRate: { amount: 95, currency: 'EUR', per: 'hour' },
-		budget: { type: 'hours', amount: 120 },
-		visibility: 'private',
-		order: 0,
-	},
-	{
-		id: DEMO_INTERNAL_PROJECT_ID,
-		name: 'Intern / Meetings',
-		description: 'Interne Meetings, Orga, Admin',
-		color: '#6b7280',
-		isArchived: false,
-		isBillable: false,
-		visibility: 'private',
-		order: 1,
-	},
-	{
-		id: 'demo-project-app',
-		clientId: 'demo-client-startup',
-		name: 'Mobile App',
-		description: 'React Native App Entwicklung',
-		color: '#8b5cf6',
-		isArchived: false,
-		isBillable: true,
-		budget: { type: 'hours', amount: 200 },
-		visibility: 'private',
-		order: 2,
-	},
-];
-
-export const guestTimeEntries: LocalTimeEntry[] = [
-	{
-		id: 'entry-1',
-		projectId: DEMO_PROJECT_ID,
-		clientId: DEMO_CLIENT_ID,
-		description: 'Homepage Layout erstellen',
-		date: todayStr(),
-		startTime: new Date(new Date().setHours(9, 0, 0, 0)).toISOString(),
-		endTime: new Date(new Date().setHours(11, 30, 0, 0)).toISOString(),
-		duration: 9000,
-		isBillable: true,
-		isRunning: false,
-		tags: ['design'],
-		visibility: 'private',
-		source: { app: 'manual' },
-	},
-	{
-		id: 'entry-2',
-		projectId: DEMO_INTERNAL_PROJECT_ID,
-		description: 'Sprint Planning',
-		date: todayStr(),
-		startTime: new Date(new Date().setHours(11, 30, 0, 0)).toISOString(),
-		endTime: new Date(new Date().setHours(12, 15, 0, 0)).toISOString(),
-		duration: 2700,
-		isBillable: false,
-		isRunning: false,
-		tags: ['meeting'],
-		visibility: 'private',
-		source: { app: 'manual' },
-	},
-	{
-		id: 'entry-3',
-		projectId: DEMO_PROJECT_ID,
-		clientId: DEMO_CLIENT_ID,
-		description: 'API Integration',
-		date: todayStr(),
-		startTime: new Date(new Date().setHours(13, 0, 0, 0)).toISOString(),
-		endTime: new Date(new Date().setHours(15, 0, 0, 0)).toISOString(),
-		duration: 7200,
-		isBillable: true,
-		isRunning: false,
-		tags: ['development'],
-		visibility: 'private',
-		source: { app: 'timer' },
-	},
-	{
-		id: 'entry-4',
-		projectId: 'demo-project-app',
-		clientId: 'demo-client-startup',
-		description: 'Login Screen implementieren',
-		date: yesterdayStr(),
-		startTime: new Date(new Date().setHours(9, 0, 0, 0)).toISOString(),
-		endTime: new Date(new Date().setHours(12, 0, 0, 0)).toISOString(),
-		duration: 10800,
-		isBillable: true,
-		isRunning: false,
-		tags: ['development'],
-		visibility: 'private',
-		source: { app: 'timer' },
-	},
-	{
-		id: 'entry-5',
-		projectId: DEMO_PROJECT_ID,
-		clientId: DEMO_CLIENT_ID,
-		description: 'Code Review & Testing',
-		date: yesterdayStr(),
-		duration: 5400,
-		isBillable: true,
-		isRunning: false,
-		tags: ['review'],
-		visibility: 'private',
-		source: { app: 'manual' },
-	},
-];
-
-export const guestTags: LocalTag[] = [
-	{ id: 'tag-design', name: 'design', color: '#f59e0b', order: 0 },
-	{ id: 'tag-dev', name: 'development', color: '#3b82f6', order: 1 },
-	{ id: 'tag-meeting', name: 'meeting', color: '#6b7280', order: 2 },
-	{ id: 'tag-review', name: 'review', color: '#22c55e', order: 3 },
-];
-
-export const guestSettings: LocalSettings[] = [
-	{
-		id: 'default-settings',
-		workingHoursPerDay: 8,
-		workingDaysPerWeek: 5,
-		roundingIncrement: 0,
-		roundingMethod: 'none',
-		defaultVisibility: 'private',
-		weekStartsOn: 1,
-		timerReminderMinutes: 0,
-		autoStopTimerHours: 0,
-	},
-];
-
-// ─── Clock Guest Seed ───────────────────────────────────────
-
-export const guestAlarms: LocalAlarm[] = [
-	{
-		id: 'alarm-weekday-morning',
-		label: 'Wecker Wochentags',
-		time: '07:00',
-		enabled: true,
-		repeatDays: [1, 2, 3, 4, 5],
-		snoozeMinutes: 5,
-		sound: null,
-		vibrate: true,
-	},
-];
-
-export const guestWorldClocks: LocalWorldClock[] = [
-	{
-		id: 'wc-new-york',
-		timezone: 'America/New_York',
-		cityName: 'New York',
-		sortOrder: 0,
-	},
-	{
-		id: 'wc-tokyo',
-		timezone: 'Asia/Tokyo',
-		cityName: 'Tokio',
-		sortOrder: 1,
-	},
-];
diff --git a/apps/times/apps/web-archived/src/lib/data/local-store.ts b/apps/times/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index f0bd3423e..000000000
--- a/apps/times/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,209 +0,0 @@
-/**
- * Times — Local-First Data Layer
- *
- * IndexedDB (Dexie.js) with sync support for time tracking.
- * Clients, projects, time entries, tags, templates, and settings.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import {
-	guestClients,
-	guestProjects,
-	guestTimeEntries,
-	guestTags,
-	guestSettings,
-	guestAlarms,
-	guestWorldClocks,
-} from './guest-seed';
-import type {
-	BillingRate,
-	ProjectVisibility,
-	EntrySourceRef,
-	CountdownTimerStatus,
-} from '@times/shared';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalClient extends BaseRecord {
-	name: string;
-	shortCode?: string | null;
-	contactId?: string | null;
-	email?: string | null;
-	color: string;
-	isArchived: boolean;
-	billingRate?: BillingRate | null;
-	notes?: string | null;
-	order: number;
-}
-
-export interface LocalProject extends BaseRecord {
-	clientId?: string | null;
-	name: string;
-	description?: string | null;
-	color: string;
-	isArchived: boolean;
-	isBillable: boolean;
-	billingRate?: BillingRate | null;
-	budget?: {
-		type: 'hours' | 'fixed';
-		amount: number;
-		currency?: string;
-	} | null;
-	visibility: ProjectVisibility;
-	guildId?: string | null;
-	order: number;
-}
-
-export interface LocalTimeEntry extends BaseRecord {
-	projectId?: string | null;
-	clientId?: string | null;
-	description: string;
-	date: string;
-	startTime?: string | null;
-	endTime?: string | null;
-	duration: number;
-	isBillable: boolean;
-	isRunning: boolean;
-	tags: string[];
-	billingRate?: BillingRate | null;
-	visibility: ProjectVisibility;
-	guildId?: string | null;
-	source?: EntrySourceRef | null;
-}
-
-export interface LocalTag extends BaseRecord {
-	name: string;
-	color: string;
-	order: number;
-}
-
-export interface LocalTemplate extends BaseRecord {
-	name: string;
-	projectId?: string | null;
-	clientId?: string | null;
-	description: string;
-	isBillable: boolean;
-	tags: string[];
-	usageCount: number;
-	lastUsedAt?: string | null;
-}
-
-export interface LocalSettings extends BaseRecord {
-	defaultBillingRate?: BillingRate | null;
-	workingHoursPerDay: number;
-	workingDaysPerWeek: number;
-	roundingIncrement: number;
-	roundingMethod: 'none' | 'up' | 'down' | 'nearest';
-	defaultVisibility: ProjectVisibility;
-	weekStartsOn: 0 | 1;
-	timerReminderMinutes: number;
-	autoStopTimerHours: number;
-}
-
-// ─── Clock Types ────────────────────────────────────────────
-
-export interface LocalAlarm extends BaseRecord {
-	label: string | null;
-	time: string; // HH:mm format
-	enabled: boolean;
-	repeatDays: number[] | null; // [0-6] where 0 = Sunday
-	snoozeMinutes: number | null;
-	sound: string | null;
-	vibrate: boolean | null;
-}
-
-export interface LocalCountdownTimer extends BaseRecord {
-	label: string | null;
-	durationSeconds: number;
-	remainingSeconds: number | null;
-	status: CountdownTimerStatus;
-	startedAt: string | null;
-	pausedAt: string | null;
-	sound: string | null;
-}
-
-export interface LocalWorldClock extends BaseRecord {
-	timezone: string; // IANA timezone e.g. 'America/New_York'
-	cityName: string;
-	sortOrder: number;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const timesStore = createLocalStore({
-	appId: 'times',
-	collections: [
-		{
-			name: 'clients',
-			indexes: ['order', 'isArchived', 'shortCode'],
-			guestSeed: guestClients,
-		},
-		{
-			name: 'projects',
-			indexes: ['clientId', 'isArchived', 'isBillable', 'guildId', 'visibility', 'order'],
-			guestSeed: guestProjects,
-		},
-		{
-			name: 'timeEntries',
-			indexes: [
-				'projectId',
-				'clientId',
-				'date',
-				'isRunning',
-				'[date+projectId]',
-				'[date+clientId]',
-				'guildId',
-				'visibility',
-			],
-			guestSeed: guestTimeEntries,
-		},
-		{
-			name: 'tags',
-			indexes: ['name', 'order'],
-			guestSeed: guestTags,
-		},
-		{
-			name: 'templates',
-			indexes: ['usageCount', 'lastUsedAt', 'projectId'],
-		},
-		{
-			name: 'settings',
-			indexes: [],
-			guestSeed: guestSettings,
-		},
-		// ─── Clock Collections ───
-		{
-			name: 'alarms',
-			indexes: ['enabled', 'time'],
-			guestSeed: guestAlarms,
-		},
-		{
-			name: 'countdownTimers',
-			indexes: ['status'],
-		},
-		{
-			name: 'worldClocks',
-			indexes: ['sortOrder', 'timezone'],
-			guestSeed: guestWorldClocks,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const clientCollection = timesStore.collection<LocalClient>('clients');
-export const projectCollection = timesStore.collection<LocalProject>('projects');
-export const timeEntryCollection = timesStore.collection<LocalTimeEntry>('timeEntries');
-export const tagCollection = timesStore.collection<LocalTag>('tags');
-export const templateCollection = timesStore.collection<LocalTemplate>('templates');
-export const settingsCollection = timesStore.collection<LocalSettings>('settings');
-
-// Clock collection accessors
-export const alarmCollection = timesStore.collection<LocalAlarm>('alarms');
-export const countdownTimerCollection =
-	timesStore.collection<LocalCountdownTimer>('countdownTimers');
-export const worldClockCollection = timesStore.collection<LocalWorldClock>('worldClocks');
diff --git a/apps/times/apps/web-archived/src/lib/data/queries.test.ts b/apps/times/apps/web-archived/src/lib/data/queries.test.ts
deleted file mode 100644
index dc7f51ba6..000000000
--- a/apps/times/apps/web-archived/src/lib/data/queries.test.ts
+++ /dev/null
@@ -1,370 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-	formatDuration,
-	formatDurationCompact,
-	formatDurationDecimal,
-	getEntriesByDate,
-	getEntriesByDateRange,
-	getTotalDuration,
-	getBillableDuration,
-	groupEntriesByDate,
-	groupEntriesByProject,
-	getFilteredEntries,
-	getSortedEntries,
-	getActiveProjects,
-	getActiveClients,
-	getProjectById,
-	getClientById,
-	getProjectsByClient,
-} from './queries';
-import type { TimeEntry, Project, Client } from '@times/shared';
-
-// ─── Test Factories ──────────────────────────────────────
-
-function makeEntry(overrides: Partial<TimeEntry> = {}): TimeEntry {
-	return {
-		id: crypto.randomUUID(),
-		description: 'Test entry',
-		date: '2024-01-15',
-		duration: 3600,
-		isBillable: false,
-		isRunning: false,
-		tags: [],
-		visibility: 'private',
-		createdAt: '2024-01-15T10:00:00Z',
-		updatedAt: '2024-01-15T10:00:00Z',
-		...overrides,
-	};
-}
-
-function makeProject(overrides: Partial<Project> = {}): Project {
-	return {
-		id: crypto.randomUUID(),
-		name: 'Test Project',
-		color: '#3b82f6',
-		isArchived: false,
-		isBillable: true,
-		visibility: 'private',
-		order: 0,
-		createdAt: '2024-01-01T00:00:00Z',
-		updatedAt: '2024-01-01T00:00:00Z',
-		...overrides,
-	};
-}
-
-function makeClient(overrides: Partial<Client> = {}): Client {
-	return {
-		id: crypto.randomUUID(),
-		name: 'Test Client',
-		color: '#3b82f6',
-		isArchived: false,
-		order: 0,
-		createdAt: '2024-01-01T00:00:00Z',
-		updatedAt: '2024-01-01T00:00:00Z',
-		...overrides,
-	};
-}
-
-// ─── Duration Formatting ─────────────────────────────────
-
-describe('formatDuration', () => {
-	it('formats zero seconds', () => {
-		expect(formatDuration(0)).toBe('00:00:00');
-	});
-
-	it('formats seconds only', () => {
-		expect(formatDuration(45)).toBe('00:00:45');
-	});
-
-	it('formats minutes and seconds', () => {
-		expect(formatDuration(125)).toBe('00:02:05');
-	});
-
-	it('formats hours, minutes, seconds', () => {
-		expect(formatDuration(3661)).toBe('01:01:01');
-	});
-
-	it('formats large durations', () => {
-		expect(formatDuration(36000)).toBe('10:00:00');
-	});
-});
-
-describe('formatDurationCompact', () => {
-	it('formats zero as 0m', () => {
-		expect(formatDurationCompact(0)).toBe('0m');
-	});
-
-	it('formats minutes only', () => {
-		expect(formatDurationCompact(1800)).toBe('30m');
-	});
-
-	it('formats hours only', () => {
-		expect(formatDurationCompact(7200)).toBe('2h');
-	});
-
-	it('formats hours and minutes', () => {
-		expect(formatDurationCompact(5400)).toBe('1h 30m');
-	});
-
-	it('formats partial minutes (rounds down)', () => {
-		expect(formatDurationCompact(3660)).toBe('1h 1m');
-	});
-});
-
-describe('formatDurationDecimal', () => {
-	it('formats 1 hour', () => {
-		expect(formatDurationDecimal(3600)).toBe('1.00');
-	});
-
-	it('formats 1.5 hours', () => {
-		expect(formatDurationDecimal(5400)).toBe('1.50');
-	});
-
-	it('formats 0 hours', () => {
-		expect(formatDurationDecimal(0)).toBe('0.00');
-	});
-
-	it('formats 2h 15m', () => {
-		expect(formatDurationDecimal(8100)).toBe('2.25');
-	});
-});
-
-// ─── Entry Queries ───────────────────────────────────────
-
-describe('getEntriesByDate', () => {
-	const entries = [
-		makeEntry({ date: '2024-01-15', startTime: '2024-01-15T10:00:00Z' }),
-		makeEntry({ date: '2024-01-15', startTime: '2024-01-15T09:00:00Z' }),
-		makeEntry({ date: '2024-01-16' }),
-	];
-
-	it('filters by date', () => {
-		const result = getEntriesByDate(entries, '2024-01-15');
-		expect(result).toHaveLength(2);
-	});
-
-	it('sorts by startTime', () => {
-		const result = getEntriesByDate(entries, '2024-01-15');
-		expect(result[0].startTime).toBe('2024-01-15T09:00:00Z');
-		expect(result[1].startTime).toBe('2024-01-15T10:00:00Z');
-	});
-
-	it('returns empty for no matches', () => {
-		expect(getEntriesByDate(entries, '2024-01-20')).toHaveLength(0);
-	});
-});
-
-describe('getEntriesByDateRange', () => {
-	const entries = [
-		makeEntry({ date: '2024-01-14' }),
-		makeEntry({ date: '2024-01-15' }),
-		makeEntry({ date: '2024-01-16' }),
-		makeEntry({ date: '2024-01-17' }),
-	];
-
-	it('filters inclusive range', () => {
-		const result = getEntriesByDateRange(entries, '2024-01-15', '2024-01-16');
-		expect(result).toHaveLength(2);
-	});
-});
-
-describe('getTotalDuration', () => {
-	it('sums durations', () => {
-		const entries = [
-			makeEntry({ duration: 3600 }),
-			makeEntry({ duration: 1800 }),
-			makeEntry({ duration: 900 }),
-		];
-		expect(getTotalDuration(entries)).toBe(6300);
-	});
-
-	it('returns 0 for empty array', () => {
-		expect(getTotalDuration([])).toBe(0);
-	});
-});
-
-describe('getBillableDuration', () => {
-	it('sums only billable entries', () => {
-		const entries = [
-			makeEntry({ duration: 3600, isBillable: true }),
-			makeEntry({ duration: 1800, isBillable: false }),
-			makeEntry({ duration: 900, isBillable: true }),
-		];
-		expect(getBillableDuration(entries)).toBe(4500);
-	});
-});
-
-describe('groupEntriesByDate', () => {
-	it('groups correctly', () => {
-		const entries = [
-			makeEntry({ date: '2024-01-15' }),
-			makeEntry({ date: '2024-01-15' }),
-			makeEntry({ date: '2024-01-16' }),
-		];
-		const groups = groupEntriesByDate(entries);
-		expect(groups.size).toBe(2);
-		expect(groups.get('2024-01-15')).toHaveLength(2);
-		expect(groups.get('2024-01-16')).toHaveLength(1);
-	});
-});
-
-describe('groupEntriesByProject', () => {
-	it('groups by projectId', () => {
-		const entries = [
-			makeEntry({ projectId: 'p1' }),
-			makeEntry({ projectId: 'p1' }),
-			makeEntry({ projectId: 'p2' }),
-			makeEntry({}),
-		];
-		const groups = groupEntriesByProject(entries);
-		expect(groups.get('p1')).toHaveLength(2);
-		expect(groups.get('p2')).toHaveLength(1);
-		expect(groups.get('no-project')).toHaveLength(1);
-	});
-});
-
-// ─── Filtering ───────────────────────────────────────────
-
-describe('getFilteredEntries', () => {
-	const entries = [
-		makeEntry({
-			projectId: 'p1',
-			clientId: 'c1',
-			isBillable: true,
-			description: 'API work',
-			tags: ['dev'],
-			date: '2024-01-15',
-		}),
-		makeEntry({
-			projectId: 'p2',
-			clientId: 'c2',
-			isBillable: false,
-			description: 'Meeting',
-			tags: ['meeting'],
-			date: '2024-01-16',
-		}),
-		makeEntry({
-			projectId: 'p1',
-			isBillable: true,
-			description: 'Testing',
-			tags: ['dev'],
-			date: '2024-01-17',
-		}),
-	];
-
-	it('filters by projectId', () => {
-		expect(getFilteredEntries(entries, { projectId: 'p1' })).toHaveLength(2);
-	});
-
-	it('filters by clientId', () => {
-		expect(getFilteredEntries(entries, { clientId: 'c1' })).toHaveLength(1);
-	});
-
-	it('filters by isBillable', () => {
-		expect(getFilteredEntries(entries, { isBillable: true })).toHaveLength(2);
-		expect(getFilteredEntries(entries, { isBillable: false })).toHaveLength(1);
-	});
-
-	it('filters by tags', () => {
-		expect(getFilteredEntries(entries, { tagIds: ['dev'] })).toHaveLength(2);
-		expect(getFilteredEntries(entries, { tagIds: ['meeting'] })).toHaveLength(1);
-	});
-
-	it('filters by date range', () => {
-		expect(getFilteredEntries(entries, { dateFrom: '2024-01-16' })).toHaveLength(2);
-		expect(getFilteredEntries(entries, { dateTo: '2024-01-15' })).toHaveLength(1);
-	});
-
-	it('filters by search text', () => {
-		expect(getFilteredEntries(entries, { search: 'api' })).toHaveLength(1);
-		expect(getFilteredEntries(entries, { search: 'MEETING' })).toHaveLength(1);
-	});
-
-	it('combines multiple filters', () => {
-		expect(getFilteredEntries(entries, { projectId: 'p1', isBillable: true })).toHaveLength(2);
-		expect(getFilteredEntries(entries, { projectId: 'p1', search: 'test' })).toHaveLength(1);
-	});
-
-	it('returns all with empty filters', () => {
-		expect(getFilteredEntries(entries, {})).toHaveLength(3);
-	});
-});
-
-// ─── Sorting ─────────────────────────────────────────────
-
-describe('getSortedEntries', () => {
-	const entries = [
-		makeEntry({ date: '2024-01-16', duration: 1800, createdAt: '2024-01-16T10:00:00Z' }),
-		makeEntry({ date: '2024-01-15', duration: 3600, createdAt: '2024-01-15T10:00:00Z' }),
-		makeEntry({ date: '2024-01-17', duration: 900, createdAt: '2024-01-17T10:00:00Z' }),
-	];
-
-	it('sorts by date ascending', () => {
-		const result = getSortedEntries(entries, { field: 'date', direction: 'asc' });
-		expect(result[0].date).toBe('2024-01-15');
-		expect(result[2].date).toBe('2024-01-17');
-	});
-
-	it('sorts by date descending', () => {
-		const result = getSortedEntries(entries, { field: 'date', direction: 'desc' });
-		expect(result[0].date).toBe('2024-01-17');
-	});
-
-	it('sorts by duration', () => {
-		const result = getSortedEntries(entries, { field: 'duration', direction: 'desc' });
-		expect(result[0].duration).toBe(3600);
-	});
-});
-
-// ─── Project/Client Helpers ──────────────────────────────
-
-describe('getActiveProjects', () => {
-	it('excludes archived and sorts by order', () => {
-		const projects = [
-			makeProject({ name: 'B', isArchived: false, order: 1 }),
-			makeProject({ name: 'A', isArchived: false, order: 0 }),
-			makeProject({ name: 'C', isArchived: true, order: 2 }),
-		];
-		const result = getActiveProjects(projects);
-		expect(result).toHaveLength(2);
-		expect(result[0].name).toBe('A');
-	});
-});
-
-describe('getActiveClients', () => {
-	it('excludes archived and sorts by order', () => {
-		const clients = [
-			makeClient({ name: 'B', isArchived: false, order: 1 }),
-			makeClient({ name: 'A', isArchived: false, order: 0 }),
-			makeClient({ name: 'C', isArchived: true }),
-		];
-		const result = getActiveClients(clients);
-		expect(result).toHaveLength(2);
-		expect(result[0].name).toBe('A');
-	});
-});
-
-describe('getProjectById', () => {
-	const projects = [makeProject({ id: 'p1', name: 'One' }), makeProject({ id: 'p2', name: 'Two' })];
-
-	it('finds by id', () => {
-		expect(getProjectById(projects, 'p1')?.name).toBe('One');
-	});
-
-	it('returns undefined for missing', () => {
-		expect(getProjectById(projects, 'p99')).toBeUndefined();
-	});
-});
-
-describe('getProjectsByClient', () => {
-	const projects = [
-		makeProject({ clientId: 'c1' }),
-		makeProject({ clientId: 'c1' }),
-		makeProject({ clientId: 'c2' }),
-	];
-
-	it('filters by clientId', () => {
-		expect(getProjectsByClient(projects, 'c1')).toHaveLength(2);
-		expect(getProjectsByClient(projects, 'c2')).toHaveLength(1);
-	});
-});
diff --git a/apps/times/apps/web-archived/src/lib/data/queries.ts b/apps/times/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index c2f4c3648..000000000
--- a/apps/times/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,432 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Times
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs).
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	clientCollection,
-	projectCollection,
-	timeEntryCollection,
-	tagCollection,
-	templateCollection,
-	settingsCollection,
-	alarmCollection,
-	countdownTimerCollection,
-	worldClockCollection,
-	type LocalClient,
-	type LocalProject,
-	type LocalTimeEntry,
-	type LocalTag,
-	type LocalTemplate,
-	type LocalSettings,
-	type LocalAlarm,
-	type LocalCountdownTimer,
-	type LocalWorldClock,
-} from './local-store';
-import type {
-	Client,
-	Project,
-	TimeEntry,
-	Tag,
-	EntryTemplate,
-	TimesSettings,
-	FilterCriteria,
-	SortOption,
-	Alarm,
-	CountdownTimer,
-	WorldClock,
-} from '@times/shared';
-
-// ─── Type Converters ───────────────────────────────────────
-
-export function toClient(local: LocalClient): Client {
-	return {
-		id: local.id,
-		name: local.name,
-		shortCode: local.shortCode ?? undefined,
-		contactId: local.contactId ?? undefined,
-		email: local.email ?? undefined,
-		color: local.color,
-		isArchived: local.isArchived,
-		billingRate: local.billingRate ?? undefined,
-		notes: local.notes ?? undefined,
-		order: local.order,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toProject(local: LocalProject): Project {
-	return {
-		id: local.id,
-		clientId: local.clientId ?? undefined,
-		name: local.name,
-		description: local.description ?? undefined,
-		color: local.color,
-		isArchived: local.isArchived,
-		isBillable: local.isBillable,
-		billingRate: local.billingRate ?? undefined,
-		budget: local.budget ?? undefined,
-		visibility: local.visibility,
-		guildId: local.guildId ?? undefined,
-		order: local.order,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toTimeEntry(local: LocalTimeEntry): TimeEntry {
-	return {
-		id: local.id,
-		projectId: local.projectId ?? undefined,
-		clientId: local.clientId ?? undefined,
-		description: local.description,
-		date: local.date,
-		startTime: local.startTime ?? undefined,
-		endTime: local.endTime ?? undefined,
-		duration: local.duration,
-		isBillable: local.isBillable,
-		isRunning: local.isRunning,
-		tags: local.tags,
-		billingRate: local.billingRate ?? undefined,
-		visibility: local.visibility,
-		guildId: local.guildId ?? undefined,
-		source: local.source ?? undefined,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toTag(local: LocalTag): Tag {
-	return {
-		id: local.id,
-		name: local.name,
-		color: local.color,
-		order: local.order,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toTemplate(local: LocalTemplate): EntryTemplate {
-	return {
-		id: local.id,
-		name: local.name,
-		projectId: local.projectId ?? undefined,
-		clientId: local.clientId ?? undefined,
-		description: local.description,
-		isBillable: local.isBillable,
-		tags: local.tags,
-		usageCount: local.usageCount,
-		lastUsedAt: local.lastUsedAt ?? undefined,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toSettings(local: LocalSettings): TimesSettings {
-	return {
-		id: local.id,
-		defaultBillingRate: local.defaultBillingRate ?? undefined,
-		workingHoursPerDay: local.workingHoursPerDay,
-		workingDaysPerWeek: local.workingDaysPerWeek,
-		roundingIncrement: local.roundingIncrement,
-		roundingMethod: local.roundingMethod,
-		defaultVisibility: local.defaultVisibility,
-		weekStartsOn: local.weekStartsOn,
-		timerReminderMinutes: local.timerReminderMinutes,
-		autoStopTimerHours: local.autoStopTimerHours,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks ──────────────────────────────────────
-
-export function useAllClients() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await clientCollection.getAll();
-		return locals.map(toClient);
-	}, [] as Client[]);
-}
-
-export function useAllProjects() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await projectCollection.getAll();
-		return locals.map(toProject);
-	}, [] as Project[]);
-}
-
-export function useAllTimeEntries() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await timeEntryCollection.getAll();
-		return locals.map(toTimeEntry);
-	}, [] as TimeEntry[]);
-}
-
-export function useAllTags() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await tagCollection.getAll();
-		return locals.map(toTag);
-	}, [] as Tag[]);
-}
-
-export function useAllTemplates() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await templateCollection.getAll();
-		return locals.map(toTemplate);
-	}, [] as EntryTemplate[]);
-}
-
-export function useSettings() {
-	return useLiveQueryWithDefault(
-		async () => {
-			const locals = await settingsCollection.getAll();
-			return locals.length > 0 ? toSettings(locals[0]) : null;
-		},
-		null as TimesSettings | null
-	);
-}
-
-// ─── Pure Helpers ──────────────────────────────────────────
-
-/** Format duration in seconds to HH:MM:SS */
-export function formatDuration(seconds: number): string {
-	const h = Math.floor(seconds / 3600);
-	const m = Math.floor((seconds % 3600) / 60);
-	const s = seconds % 60;
-	return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
-}
-
-/** Format duration in seconds to compact form (e.g., "2h 30m") */
-export function formatDurationCompact(seconds: number): string {
-	const h = Math.floor(seconds / 3600);
-	const m = Math.floor((seconds % 3600) / 60);
-	if (h === 0) return `${m}m`;
-	if (m === 0) return `${h}h`;
-	return `${h}h ${m}m`;
-}
-
-/** Format duration in seconds to decimal hours (e.g., "2.50") */
-export function formatDurationDecimal(seconds: number): string {
-	return (seconds / 3600).toFixed(2);
-}
-
-/** Get entries for a specific date */
-export function getEntriesByDate(entries: TimeEntry[], date: string): TimeEntry[] {
-	return entries
-		.filter((e) => e.date === date)
-		.sort((a, b) => {
-			if (a.startTime && b.startTime) return a.startTime.localeCompare(b.startTime);
-			return 0;
-		});
-}
-
-/** Get entries for a date range */
-export function getEntriesByDateRange(entries: TimeEntry[], from: string, to: string): TimeEntry[] {
-	return entries.filter((e) => e.date >= from && e.date <= to);
-}
-
-/** Get total duration for a list of entries */
-export function getTotalDuration(entries: TimeEntry[]): number {
-	return entries.reduce((sum, e) => sum + e.duration, 0);
-}
-
-/** Get billable duration for a list of entries */
-export function getBillableDuration(entries: TimeEntry[]): number {
-	return entries.filter((e) => e.isBillable).reduce((sum, e) => sum + e.duration, 0);
-}
-
-/** Group entries by date */
-export function groupEntriesByDate(entries: TimeEntry[]): Map<string, TimeEntry[]> {
-	const groups = new Map<string, TimeEntry[]>();
-	for (const entry of entries) {
-		const existing = groups.get(entry.date) || [];
-		existing.push(entry);
-		groups.set(entry.date, existing);
-	}
-	return groups;
-}
-
-/** Group entries by project */
-export function groupEntriesByProject(entries: TimeEntry[]): Map<string, TimeEntry[]> {
-	const groups = new Map<string, TimeEntry[]>();
-	for (const entry of entries) {
-		const key = entry.projectId || 'no-project';
-		const existing = groups.get(key) || [];
-		existing.push(entry);
-		groups.set(key, existing);
-	}
-	return groups;
-}
-
-/** Filter entries by criteria */
-export function getFilteredEntries(entries: TimeEntry[], filters: FilterCriteria): TimeEntry[] {
-	let result = entries;
-
-	if (filters.projectId) {
-		result = result.filter((e) => e.projectId === filters.projectId);
-	}
-	if (filters.clientId) {
-		result = result.filter((e) => e.clientId === filters.clientId);
-	}
-	if (filters.isBillable !== undefined) {
-		result = result.filter((e) => e.isBillable === filters.isBillable);
-	}
-	if (filters.tagIds?.length) {
-		result = result.filter((e) => filters.tagIds!.some((t) => e.tags.includes(t)));
-	}
-	if (filters.dateFrom) {
-		result = result.filter((e) => e.date >= filters.dateFrom!);
-	}
-	if (filters.dateTo) {
-		result = result.filter((e) => e.date <= filters.dateTo!);
-	}
-	if (filters.search) {
-		const q = filters.search.toLowerCase();
-		result = result.filter((e) => e.description.toLowerCase().includes(q));
-	}
-
-	return result;
-}
-
-/** Sort entries */
-export function getSortedEntries(entries: TimeEntry[], sort: SortOption): TimeEntry[] {
-	return [...entries].sort((a, b) => {
-		let cmp = 0;
-		switch (sort.field) {
-			case 'date':
-				cmp = a.date.localeCompare(b.date);
-				if (cmp === 0 && a.startTime && b.startTime) {
-					cmp = a.startTime.localeCompare(b.startTime);
-				}
-				break;
-			case 'duration':
-				cmp = a.duration - b.duration;
-				break;
-			case 'project':
-				cmp = (a.projectId || '').localeCompare(b.projectId || '');
-				break;
-			case 'client':
-				cmp = (a.clientId || '').localeCompare(b.clientId || '');
-				break;
-			case 'createdAt':
-				cmp = (a.createdAt || '').localeCompare(b.createdAt || '');
-				break;
-		}
-		return sort.direction === 'desc' ? -cmp : cmp;
-	});
-}
-
-/** Get active projects (not archived) */
-export function getActiveProjects(projects: Project[]): Project[] {
-	return projects.filter((p) => !p.isArchived).sort((a, b) => a.order - b.order);
-}
-
-/** Get active clients (not archived) */
-export function getActiveClients(clients: Client[]): Client[] {
-	return clients.filter((c) => !c.isArchived).sort((a, b) => a.order - b.order);
-}
-
-/** Get project by ID */
-export function getProjectById(projects: Project[], id: string): Project | undefined {
-	return projects.find((p) => p.id === id);
-}
-
-/** Get client by ID */
-export function getClientById(clients: Client[], id: string): Client | undefined {
-	return clients.find((c) => c.id === id);
-}
-
-/** Get projects for a client */
-export function getProjectsByClient(projects: Project[], clientId: string): Project[] {
-	return projects.filter((p) => p.clientId === clientId);
-}
-
-// ─── Clock Type Converters ───────────────────────────────────
-
-export function toAlarm(local: LocalAlarm): Alarm {
-	return {
-		id: local.id,
-		userId: 'local',
-		label: local.label,
-		time: local.time,
-		enabled: local.enabled,
-		repeatDays: local.repeatDays,
-		snoozeMinutes: local.snoozeMinutes,
-		sound: local.sound,
-		vibrate: local.vibrate ?? null,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toCountdownTimer(local: LocalCountdownTimer): CountdownTimer {
-	return {
-		id: local.id,
-		userId: 'local',
-		label: local.label,
-		durationSeconds: local.durationSeconds,
-		remainingSeconds: local.remainingSeconds,
-		status: local.status,
-		startedAt: local.startedAt,
-		pausedAt: local.pausedAt,
-		sound: local.sound,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-export function toWorldClock(local: LocalWorldClock): WorldClock {
-	return {
-		id: local.id,
-		userId: 'local',
-		timezone: local.timezone,
-		cityName: local.cityName,
-		sortOrder: local.sortOrder,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Clock Live Query Hooks ──────────────────────────────────
-
-export function useAllAlarms() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await alarmCollection.getAll();
-		return locals.map(toAlarm);
-	}, [] as Alarm[]);
-}
-
-export function useAllCountdownTimers() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await countdownTimerCollection.getAll();
-		return locals.map(toCountdownTimer);
-	}, [] as CountdownTimer[]);
-}
-
-export function useAllWorldClocks() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await worldClockCollection.getAll(undefined, {
-			sortBy: 'sortOrder',
-			sortDirection: 'asc',
-		});
-		return locals.map(toWorldClock);
-	}, [] as WorldClock[]);
-}
-
-// ─── Clock Pure Helpers ──────────────────────────────────────
-
-export function filterEnabledAlarms(alarms: Alarm[]): Alarm[] {
-	return alarms.filter((a) => a.enabled);
-}
-
-export function filterActiveCountdownTimers(timers: CountdownTimer[]): CountdownTimer[] {
-	return timers.filter((t) => t.status === 'running' || t.status === 'paused');
-}
-
-export function sortWorldClocksByOrder(clocks: WorldClock[]): WorldClock[] {
-	return [...clocks].sort((a, b) => a.sortOrder - b.sortOrder);
-}
diff --git a/apps/times/apps/web-archived/src/lib/data/types.test.ts b/apps/times/apps/web-archived/src/lib/data/types.test.ts
deleted file mode 100644
index f343b145e..000000000
--- a/apps/times/apps/web-archived/src/lib/data/types.test.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import type {
-	Client,
-	Project,
-	TimeEntry,
-	Tag,
-	EntryTemplate,
-	TimesSettings,
-	BillingRate,
-	FilterCriteria,
-	SortOption,
-} from '@times/shared';
-
-describe('Shared Types', () => {
-	it('BillingRate has correct shape', () => {
-		const rate: BillingRate = { amount: 95, currency: 'EUR', per: 'hour' };
-		expect(rate.amount).toBe(95);
-		expect(rate.per).toBe('hour');
-	});
-
-	it('Client has required fields', () => {
-		const client: Client = {
-			id: '1',
-			name: 'Test',
-			color: '#000',
-			isArchived: false,
-			order: 0,
-			createdAt: '',
-			updatedAt: '',
-		};
-		expect(client.name).toBe('Test');
-	});
-
-	it('TimeEntry has required fields', () => {
-		const entry: TimeEntry = {
-			id: '1',
-			description: 'Work',
-			date: '2024-01-15',
-			duration: 3600,
-			isBillable: true,
-			isRunning: false,
-			tags: ['dev'],
-			visibility: 'private',
-			createdAt: '',
-			updatedAt: '',
-		};
-		expect(entry.duration).toBe(3600);
-		expect(entry.tags).toContain('dev');
-	});
-
-	it('FilterCriteria supports all filter types', () => {
-		const filter: FilterCriteria = {
-			search: 'test',
-			projectId: 'p1',
-			clientId: 'c1',
-			tagIds: ['t1'],
-			isBillable: true,
-			dateFrom: '2024-01-01',
-			dateTo: '2024-12-31',
-		};
-		expect(filter.search).toBe('test');
-	});
-
-	it('SortOption has valid fields', () => {
-		const sort: SortOption = { field: 'date', direction: 'desc' };
-		expect(sort.field).toBe('date');
-	});
-});
diff --git a/apps/times/apps/web-archived/src/lib/i18n/index.ts b/apps/times/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index e6ce82614..000000000
--- a/apps/times/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-const defaultLocale = 'de';
-
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		const stored = localStorage.getItem('times_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-	return defaultLocale;
-}
-
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('times_locale', newLocale);
-	}
-}
-
-export { waitLocale };
diff --git a/apps/times/apps/web-archived/src/lib/i18n/locales/de.json b/apps/times/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 66fca217c..000000000
--- a/apps/times/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,182 +0,0 @@
-{
-	"app": {
-		"name": "Times",
-		"loading": "Laden...",
-		"tagline": "Dein Arbeitsrhythmus, messbar gemacht."
-	},
-	"nav": {
-		"timer": "Timer",
-		"entries": "Einträge",
-		"projects": "Projekte",
-		"clients": "Kunden",
-		"reports": "Reports",
-		"settings": "Einstellungen",
-		"templates": "Vorlagen",
-		"alarms": "Wecker",
-		"countdown": "Countdown",
-		"stopwatch": "Stoppuhr",
-		"worldClock": "Weltuhr"
-	},
-	"timer": {
-		"start": "Timer starten",
-		"stop": "Timer stoppen",
-		"resume": "Fortsetzen",
-		"running": "Läuft",
-		"noDescription": "Keine Beschreibung",
-		"whatAreYouWorkingOn": "Woran arbeitest du?"
-	},
-	"entry": {
-		"create": "Eintrag erstellen",
-		"edit": "Eintrag bearbeiten",
-		"delete": "Eintrag löschen",
-		"description": "Beschreibung",
-		"date": "Datum",
-		"startTime": "Startzeit",
-		"endTime": "Endzeit",
-		"duration": "Dauer",
-		"billable": "Abrechenbar",
-		"notBillable": "Nicht abrechenbar",
-		"noEntries": "Keine Einträge",
-		"today": "Heute",
-		"thisWeek": "Diese Woche",
-		"thisMonth": "Dieser Monat",
-		"manual": "Manuell erfassen",
-		"deleteConfirm": "Möchtest du diesen Zeiteintrag wirklich löschen? Dies kann nicht rückgängig gemacht werden."
-	},
-	"project": {
-		"create": "Projekt erstellen",
-		"edit": "Projekt bearbeiten",
-		"delete": "Projekt löschen",
-		"name": "Name",
-		"description": "Beschreibung",
-		"client": "Kunde",
-		"billable": "Abrechenbar",
-		"budget": "Budget",
-		"noProjects": "Keine Projekte",
-		"archived": "Archiviert",
-		"internal": "Intern",
-		"deleteConfirm": "Möchtest du dieses Projekt wirklich löschen? Dies kann nicht rückgängig gemacht werden."
-	},
-	"client": {
-		"create": "Kunde erstellen",
-		"edit": "Kunde bearbeiten",
-		"delete": "Kunde löschen",
-		"name": "Name",
-		"shortCode": "Kürzel",
-		"email": "E-Mail",
-		"billingRate": "Stundensatz",
-		"noClients": "Keine Kunden",
-		"deleteConfirm": "Möchtest du diesen Kunden wirklich löschen? Dies kann nicht rückgängig gemacht werden."
-	},
-	"report": {
-		"title": "Reports",
-		"totalHours": "Gesamtstunden",
-		"billableHours": "Abrechenbare Stunden",
-		"avgPerDay": "Durchschnitt/Tag",
-		"topProject": "Top-Projekt",
-		"byProject": "Nach Projekt",
-		"byClient": "Nach Kunde",
-		"byDay": "Nach Tag",
-		"export": "Exportieren",
-		"dateRange": "Zeitraum"
-	},
-	"template": {
-		"create": "Vorlage erstellen",
-		"edit": "Vorlage bearbeiten",
-		"delete": "Vorlage löschen",
-		"noTemplates": "Keine Vorlagen",
-		"useTemplate": "Vorlage verwenden"
-	},
-	"settings": {
-		"title": "Einstellungen",
-		"workingHours": "Arbeitsstunden/Tag",
-		"workingDays": "Arbeitstage/Woche",
-		"rounding": "Rundung",
-		"roundingMethod": "Rundungsmethode",
-		"none": "Keine",
-		"up": "Aufrunden",
-		"down": "Abrunden",
-		"nearest": "Nächster Wert",
-		"currency": "Währung",
-		"billingRate": "Standard-Stundensatz",
-		"weekStart": "Woche beginnt am",
-		"monday": "Montag",
-		"sunday": "Sonntag",
-		"timerReminder": "Timer-Erinnerung (Min.)",
-		"autoStop": "Auto-Stop (Std.)"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren",
-		"email": "E-Mail",
-		"password": "Passwort",
-		"forgotPassword": "Passwort vergessen?"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"add": "Hinzufügen",
-		"close": "Schließen",
-		"search": "Suchen",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"loading": "Laden...",
-		"noResults": "Keine Ergebnisse",
-		"confirm": "Bestätigen",
-		"back": "Zurück",
-		"next": "Weiter",
-		"create": "Erstellen",
-		"archive": "Archivieren",
-		"unarchive": "Wiederherstellen",
-		"total": "Gesamt",
-		"hours": "Stunden",
-		"minutes": "Minuten"
-	},
-	"clock": {
-		"alarm": {
-			"title": "Wecker",
-			"custom": "Eigene Wecker",
-			"edit": "Wecker bearbeiten",
-			"time": "Uhrzeit",
-			"label": "Bezeichnung",
-			"repeat": "Wiederholung",
-			"sound": "Ton",
-			"snooze": "Schlummern"
-		},
-		"timer": {
-			"title": "Countdown Timer",
-			"finished": "Timer abgelaufen!"
-		},
-		"stopwatch": {
-			"title": "Stoppuhr",
-			"new": "Neue Stoppuhr",
-			"start": "Start",
-			"stop": "Stopp",
-			"continue": "Weiter",
-			"reset": "Reset",
-			"lap": "Runde",
-			"laps": "Runden",
-			"total": "Gesamt",
-			"best": "Beste",
-			"worst": "Langsamste",
-			"noStopwatches": "Keine Stoppuhren",
-			"noStopwatchesDescription": "Erstelle eine neue Stoppuhr um Zeit zu messen.",
-			"startFirst": "Erste Stoppuhr starten",
-			"otherStopwatches": "Weitere Stoppuhren"
-		},
-		"worldClock": {
-			"title": "Weltzeituhr",
-			"add": "Stadt hinzufügen",
-			"search": "Stadt suchen...",
-			"noClocks": "Keine Weltuhren hinzugefügt",
-			"same": "Gleiche Zeit"
-		}
-	},
-	"error": {
-		"notFound": "Seite nicht gefunden",
-		"backToHome": "Zurück zur Startseite"
-	}
-}
diff --git a/apps/times/apps/web-archived/src/lib/i18n/locales/en.json b/apps/times/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 81237eff4..000000000
--- a/apps/times/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,182 +0,0 @@
-{
-	"app": {
-		"name": "Times",
-		"loading": "Loading...",
-		"tagline": "Your work rhythm, made measurable."
-	},
-	"nav": {
-		"timer": "Timer",
-		"entries": "Entries",
-		"projects": "Projects",
-		"clients": "Clients",
-		"reports": "Reports",
-		"settings": "Settings",
-		"templates": "Templates",
-		"alarms": "Alarms",
-		"countdown": "Countdown",
-		"stopwatch": "Stopwatch",
-		"worldClock": "World Clock"
-	},
-	"timer": {
-		"start": "Start Timer",
-		"stop": "Stop Timer",
-		"resume": "Resume",
-		"running": "Running",
-		"noDescription": "No description",
-		"whatAreYouWorkingOn": "What are you working on?"
-	},
-	"entry": {
-		"create": "Create Entry",
-		"edit": "Edit Entry",
-		"delete": "Delete Entry",
-		"description": "Description",
-		"date": "Date",
-		"startTime": "Start Time",
-		"endTime": "End Time",
-		"duration": "Duration",
-		"billable": "Billable",
-		"notBillable": "Not Billable",
-		"noEntries": "No entries",
-		"today": "Today",
-		"thisWeek": "This Week",
-		"thisMonth": "This Month",
-		"manual": "Manual Entry",
-		"deleteConfirm": "Are you sure you want to delete this time entry? This cannot be undone."
-	},
-	"project": {
-		"create": "Create Project",
-		"edit": "Edit Project",
-		"delete": "Delete Project",
-		"name": "Name",
-		"description": "Description",
-		"client": "Client",
-		"billable": "Billable",
-		"budget": "Budget",
-		"noProjects": "No projects",
-		"archived": "Archived",
-		"internal": "Internal",
-		"deleteConfirm": "Are you sure you want to delete this project? This cannot be undone."
-	},
-	"client": {
-		"create": "Create Client",
-		"edit": "Edit Client",
-		"delete": "Delete Client",
-		"name": "Name",
-		"shortCode": "Short Code",
-		"email": "Email",
-		"billingRate": "Billing Rate",
-		"noClients": "No clients",
-		"deleteConfirm": "Are you sure you want to delete this client? This cannot be undone."
-	},
-	"report": {
-		"title": "Reports",
-		"totalHours": "Total Hours",
-		"billableHours": "Billable Hours",
-		"avgPerDay": "Avg/Day",
-		"topProject": "Top Project",
-		"byProject": "By Project",
-		"byClient": "By Client",
-		"byDay": "By Day",
-		"export": "Export",
-		"dateRange": "Date Range"
-	},
-	"template": {
-		"create": "Create Template",
-		"edit": "Edit Template",
-		"delete": "Delete Template",
-		"noTemplates": "No templates",
-		"useTemplate": "Use Template"
-	},
-	"settings": {
-		"title": "Settings",
-		"workingHours": "Working Hours/Day",
-		"workingDays": "Working Days/Week",
-		"rounding": "Rounding",
-		"roundingMethod": "Rounding Method",
-		"none": "None",
-		"up": "Round Up",
-		"down": "Round Down",
-		"nearest": "Nearest",
-		"currency": "Currency",
-		"billingRate": "Default Billing Rate",
-		"weekStart": "Week Starts On",
-		"monday": "Monday",
-		"sunday": "Sunday",
-		"timerReminder": "Timer Reminder (min)",
-		"autoStop": "Auto-Stop (hours)"
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"register": "Register",
-		"email": "Email",
-		"password": "Password",
-		"forgotPassword": "Forgot password?"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"add": "Add",
-		"close": "Close",
-		"search": "Search",
-		"error": "Error",
-		"success": "Success",
-		"loading": "Loading...",
-		"noResults": "No results",
-		"confirm": "Confirm",
-		"back": "Back",
-		"next": "Next",
-		"create": "Create",
-		"archive": "Archive",
-		"unarchive": "Restore",
-		"total": "Total",
-		"hours": "Hours",
-		"minutes": "Minutes"
-	},
-	"clock": {
-		"alarm": {
-			"title": "Alarms",
-			"custom": "Custom Alarms",
-			"edit": "Edit Alarm",
-			"time": "Time",
-			"label": "Label",
-			"repeat": "Repeat",
-			"sound": "Sound",
-			"snooze": "Snooze"
-		},
-		"timer": {
-			"title": "Countdown Timer",
-			"finished": "Timer finished!"
-		},
-		"stopwatch": {
-			"title": "Stopwatch",
-			"new": "New Stopwatch",
-			"start": "Start",
-			"stop": "Stop",
-			"continue": "Continue",
-			"reset": "Reset",
-			"lap": "Lap",
-			"laps": "Laps",
-			"total": "Total",
-			"best": "Best",
-			"worst": "Worst",
-			"noStopwatches": "No Stopwatches",
-			"noStopwatchesDescription": "Create a new stopwatch to start timing.",
-			"startFirst": "Start First Stopwatch",
-			"otherStopwatches": "Other Stopwatches"
-		},
-		"worldClock": {
-			"title": "World Clock",
-			"add": "Add City",
-			"search": "Search city...",
-			"noClocks": "No world clocks added",
-			"same": "Same time"
-		}
-	},
-	"error": {
-		"notFound": "Page not found",
-		"backToHome": "Back to home"
-	}
-}
diff --git a/apps/times/apps/web-archived/src/lib/stores/alarms.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/alarms.svelte.ts
deleted file mode 100644
index 2b90509ad..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/alarms.svelte.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- * Alarms Store — Mutation-Only Service
- *
- * All reads are handled by useLiveQuery() hooks in queries.ts.
- * This store only provides write operations (create, update, delete, toggle).
- * IndexedDB writes automatically trigger UI updates via Dexie liveQuery.
- */
-
-import { alarmCollection, type LocalAlarm } from '$lib/data/local-store';
-import { toAlarm } from '$lib/data/queries';
-import type { CreateAlarmInput, UpdateAlarmInput, Alarm } from '@times/shared';
-
-let error = $state<string | null>(null);
-
-export const alarmsStore = {
-	get error() {
-		return error;
-	},
-
-	async createAlarm(input: CreateAlarmInput) {
-		error = null;
-		try {
-			const newLocal: LocalAlarm = {
-				id: crypto.randomUUID(),
-				label: input.label ?? null,
-				time: input.time,
-				enabled: input.enabled ?? true,
-				repeatDays: input.repeatDays ?? null,
-				snoozeMinutes: input.snoozeMinutes ?? null,
-				sound: input.sound ?? null,
-				vibrate: input.vibrate ?? null,
-			};
-
-			const inserted = await alarmCollection.insert(newLocal);
-			return { success: true, data: toAlarm(inserted) };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to create alarm';
-			console.error('Failed to create alarm:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async updateAlarm(id: string, input: UpdateAlarmInput) {
-		error = null;
-		try {
-			const updateData: Partial<LocalAlarm> = {};
-			if (input.label !== undefined) updateData.label = input.label ?? null;
-			if (input.time !== undefined) updateData.time = input.time;
-			if (input.enabled !== undefined) updateData.enabled = input.enabled;
-			if (input.repeatDays !== undefined) updateData.repeatDays = input.repeatDays ?? null;
-			if (input.snoozeMinutes !== undefined) updateData.snoozeMinutes = input.snoozeMinutes ?? null;
-			if (input.sound !== undefined) updateData.sound = input.sound ?? null;
-			if (input.vibrate !== undefined) updateData.vibrate = input.vibrate ?? null;
-
-			const updated = await alarmCollection.update(id, updateData);
-			if (updated) {
-				return { success: true, data: toAlarm(updated) };
-			}
-			return { success: false, error: 'Alarm not found' };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update alarm';
-			console.error('Failed to update alarm:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async toggleAlarm(id: string, currentAlarms: Alarm[]) {
-		const alarm = currentAlarms.find((a) => a.id === id);
-		if (!alarm) return { success: false, error: 'Alarm not found' };
-
-		return this.updateAlarm(id, { enabled: !alarm.enabled });
-	},
-
-	async deleteAlarm(id: string) {
-		error = null;
-		try {
-			await alarmCollection.delete(id);
-			return { success: true };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete alarm';
-			console.error('Failed to delete alarm:', e);
-			return { success: false, error: error };
-		}
-	},
-};
diff --git a/apps/times/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 5df932791..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore();
diff --git a/apps/times/apps/web-archived/src/lib/stores/countdown-timers.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/countdown-timers.svelte.ts
deleted file mode 100644
index 953d265c7..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/countdown-timers.svelte.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-/**
- * Countdown Timers Store — Mutation-Only Service
- *
- * All reads are handled by useLiveQuery() hooks in queries.ts.
- * This store only provides write operations (create, update, delete, start, pause, reset).
- * IndexedDB writes automatically trigger UI updates via Dexie liveQuery.
- */
-
-import { countdownTimerCollection, type LocalCountdownTimer } from '$lib/data/local-store';
-import { toCountdownTimer } from '$lib/data/queries';
-import type { CreateCountdownTimerInput, UpdateCountdownTimerInput } from '@times/shared';
-
-let error = $state<string | null>(null);
-
-export const countdownTimersStore = {
-	get error() {
-		return error;
-	},
-
-	async createTimer(input: CreateCountdownTimerInput) {
-		error = null;
-		try {
-			const newLocal: LocalCountdownTimer = {
-				id: crypto.randomUUID(),
-				label: input.label ?? null,
-				durationSeconds: input.durationSeconds,
-				remainingSeconds: null,
-				status: 'idle',
-				startedAt: null,
-				pausedAt: null,
-				sound: input.sound ?? null,
-			};
-
-			const inserted = await countdownTimerCollection.insert(newLocal);
-			return { success: true, data: toCountdownTimer(inserted) };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to create timer';
-			console.error('Failed to create timer:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async updateTimer(id: string, input: UpdateCountdownTimerInput) {
-		error = null;
-		try {
-			const updateData: Partial<LocalCountdownTimer> = {};
-			if (input.label !== undefined) updateData.label = input.label ?? null;
-			if (input.durationSeconds !== undefined) updateData.durationSeconds = input.durationSeconds;
-			if (input.sound !== undefined) updateData.sound = input.sound ?? null;
-
-			const updated = await countdownTimerCollection.update(id, updateData);
-			if (updated) {
-				return { success: true, data: toCountdownTimer(updated) };
-			}
-			return { success: false, error: 'Timer not found' };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to update timer';
-			console.error('Failed to update timer:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async startTimer(id: string) {
-		error = null;
-		try {
-			const existing = await countdownTimerCollection.get(id);
-			if (!existing) return { success: false, error: 'Timer not found' };
-
-			const updateData: Partial<LocalCountdownTimer> = {
-				status: 'running',
-				startedAt: new Date().toISOString(),
-				pausedAt: null,
-			};
-
-			if (existing.status !== 'paused') {
-				updateData.remainingSeconds = existing.durationSeconds;
-			}
-
-			const updated = await countdownTimerCollection.update(id, updateData);
-			if (updated) {
-				return { success: true, data: toCountdownTimer(updated) };
-			}
-			return { success: false, error: 'Timer not found' };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to start timer';
-			console.error('Failed to start timer:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async pauseTimer(id: string) {
-		error = null;
-		try {
-			const existing = await countdownTimerCollection.get(id);
-			if (!existing) return { success: false, error: 'Timer not found' };
-
-			let remaining = existing.remainingSeconds ?? existing.durationSeconds;
-			if (existing.startedAt) {
-				const elapsed = (Date.now() - new Date(existing.startedAt).getTime()) / 1000;
-				remaining = Math.max(0, remaining - elapsed);
-			}
-
-			const updateData: Partial<LocalCountdownTimer> = {
-				status: 'paused',
-				pausedAt: new Date().toISOString(),
-				remainingSeconds: Math.round(remaining),
-				startedAt: null,
-			};
-
-			const updated = await countdownTimerCollection.update(id, updateData);
-			if (updated) {
-				return { success: true, data: toCountdownTimer(updated) };
-			}
-			return { success: false, error: 'Timer not found' };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to pause timer';
-			console.error('Failed to pause timer:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async resetTimer(id: string) {
-		error = null;
-		try {
-			const updateData: Partial<LocalCountdownTimer> = {
-				status: 'idle',
-				remainingSeconds: null,
-				startedAt: null,
-				pausedAt: null,
-			};
-
-			const updated = await countdownTimerCollection.update(id, updateData);
-			if (updated) {
-				return { success: true, data: toCountdownTimer(updated) };
-			}
-			return { success: false, error: 'Timer not found' };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to reset timer';
-			console.error('Failed to reset timer:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async deleteTimer(id: string) {
-		error = null;
-		try {
-			await countdownTimerCollection.delete(id);
-			return { success: true };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to delete timer';
-			console.error('Failed to delete timer:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async updateLocalTimer(id: string, remainingSeconds: number) {
-		try {
-			await countdownTimerCollection.update(id, { remainingSeconds });
-		} catch (e) {
-			console.error('Failed to update local timer:', e);
-		}
-	},
-};
diff --git a/apps/times/apps/web-archived/src/lib/stores/navigation.ts b/apps/times/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index a0dd7b724..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed, isToolbarCollapsed } = createSimpleNavigationStores({
-	withToolbar: true,
-	toolbarCollapsedDefault: true,
-});
diff --git a/apps/times/apps/web-archived/src/lib/stores/session-alarms.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/session-alarms.svelte.ts
deleted file mode 100644
index 4adb739b1..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/session-alarms.svelte.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-/**
- * Session Alarms Store - Manages alarms in sessionStorage for guest users
- */
-
-import type { Alarm, CreateAlarmInput, UpdateAlarmInput } from '@times/shared';
-
-const STORAGE_KEY = 'times-session-alarms';
-
-let alarms = $state<Alarm[]>([]);
-
-function generateSessionId(): string {
-	return `session_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-}
-
-function loadFromStorage(): void {
-	if (typeof window === 'undefined') return;
-	try {
-		const stored = sessionStorage.getItem(STORAGE_KEY);
-		if (stored) {
-			alarms = JSON.parse(stored);
-		}
-	} catch (e) {
-		console.error('Failed to load session alarms:', e);
-	}
-}
-
-function saveToStorage(): void {
-	if (typeof window === 'undefined') return;
-	try {
-		sessionStorage.setItem(STORAGE_KEY, JSON.stringify(alarms));
-	} catch (e) {
-		console.error('Failed to save session alarms:', e);
-	}
-}
-
-if (typeof window !== 'undefined') {
-	loadFromStorage();
-}
-
-export const sessionAlarmsStore = {
-	get alarms() {
-		return alarms;
-	},
-	get enabledAlarms() {
-		return alarms.filter((a) => a.enabled);
-	},
-
-	createAlarm(input: CreateAlarmInput): Alarm {
-		const now = new Date().toISOString();
-		const alarm: Alarm = {
-			id: generateSessionId(),
-			userId: 'guest',
-			label: input.label || null,
-			time: input.time,
-			enabled: input.enabled ?? true,
-			repeatDays: input.repeatDays || null,
-			snoozeMinutes: input.snoozeMinutes || null,
-			sound: input.sound || null,
-			vibrate: input.vibrate ?? null,
-			createdAt: now,
-			updatedAt: now,
-		};
-
-		alarms = [...alarms, alarm];
-		saveToStorage();
-		return alarm;
-	},
-
-	updateAlarm(id: string, input: UpdateAlarmInput): Alarm | null {
-		const index = alarms.findIndex((a) => a.id === id);
-		if (index === -1) return null;
-
-		const updated: Alarm = {
-			...alarms[index],
-			...input,
-			updatedAt: new Date().toISOString(),
-		};
-
-		alarms = alarms.map((a) => (a.id === id ? updated : a));
-		saveToStorage();
-		return updated;
-	},
-
-	toggleAlarm(id: string): Alarm | null {
-		const alarm = alarms.find((a) => a.id === id);
-		if (!alarm) return null;
-		return this.updateAlarm(id, { enabled: !alarm.enabled });
-	},
-
-	deleteAlarm(id: string): void {
-		alarms = alarms.filter((a) => a.id !== id);
-		saveToStorage();
-	},
-
-	isSessionAlarm(id: string): boolean {
-		return id.startsWith('session_');
-	},
-
-	getAllAlarms(): Alarm[] {
-		return [...alarms];
-	},
-
-	clear(): void {
-		alarms = [];
-		if (typeof window !== 'undefined') {
-			sessionStorage.removeItem(STORAGE_KEY);
-		}
-	},
-
-	get count(): number {
-		return alarms.length;
-	},
-};
diff --git a/apps/times/apps/web-archived/src/lib/stores/session-timers.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/session-timers.svelte.ts
deleted file mode 100644
index fdde9fdf1..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/session-timers.svelte.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-/**
- * Session Timers Store - Manages countdown timers in sessionStorage for guest users
- */
-
-import type {
-	CountdownTimer,
-	CreateCountdownTimerInput,
-	UpdateCountdownTimerInput,
-	CountdownTimerStatus,
-} from '@times/shared';
-
-const STORAGE_KEY = 'times-session-timers';
-
-let timers = $state<CountdownTimer[]>([]);
-
-function generateSessionId(): string {
-	return `session_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-}
-
-function loadFromStorage(): void {
-	if (typeof window === 'undefined') return;
-	try {
-		const stored = sessionStorage.getItem(STORAGE_KEY);
-		if (stored) {
-			timers = JSON.parse(stored);
-		}
-	} catch (e) {
-		console.error('Failed to load session timers:', e);
-	}
-}
-
-function saveToStorage(): void {
-	if (typeof window === 'undefined') return;
-	try {
-		sessionStorage.setItem(STORAGE_KEY, JSON.stringify(timers));
-	} catch (e) {
-		console.error('Failed to save session timers:', e);
-	}
-}
-
-if (typeof window !== 'undefined') {
-	loadFromStorage();
-}
-
-export const sessionTimersStore = {
-	get timers() {
-		return timers;
-	},
-	get activeTimers() {
-		return timers.filter((t) => t.status === 'running' || t.status === 'paused');
-	},
-
-	createTimer(input: CreateCountdownTimerInput): CountdownTimer {
-		const now = new Date().toISOString();
-		const timer: CountdownTimer = {
-			id: generateSessionId(),
-			userId: 'guest',
-			label: input.label || null,
-			durationSeconds: input.durationSeconds,
-			remainingSeconds: input.durationSeconds,
-			status: 'idle' as CountdownTimerStatus,
-			startedAt: null,
-			pausedAt: null,
-			sound: input.sound || null,
-			createdAt: now,
-			updatedAt: now,
-		};
-
-		timers = [...timers, timer];
-		saveToStorage();
-		return timer;
-	},
-
-	updateTimer(id: string, input: UpdateCountdownTimerInput): CountdownTimer | null {
-		const index = timers.findIndex((t) => t.id === id);
-		if (index === -1) return null;
-
-		const updated: CountdownTimer = {
-			...timers[index],
-			...input,
-			updatedAt: new Date().toISOString(),
-		};
-
-		timers = timers.map((t) => (t.id === id ? updated : t));
-		saveToStorage();
-		return updated;
-	},
-
-	startTimer(id: string): CountdownTimer | null {
-		const timer = timers.find((t) => t.id === id);
-		if (!timer) return null;
-
-		const now = new Date().toISOString();
-		const updated: CountdownTimer = {
-			...timer,
-			status: 'running',
-			startedAt: now,
-			pausedAt: null,
-			updatedAt: now,
-		};
-
-		timers = timers.map((t) => (t.id === id ? updated : t));
-		saveToStorage();
-		return updated;
-	},
-
-	pauseTimer(id: string): CountdownTimer | null {
-		const timer = timers.find((t) => t.id === id);
-		if (!timer) return null;
-
-		const now = new Date().toISOString();
-		const updated: CountdownTimer = {
-			...timer,
-			status: 'paused',
-			pausedAt: now,
-			updatedAt: now,
-		};
-
-		timers = timers.map((t) => (t.id === id ? updated : t));
-		saveToStorage();
-		return updated;
-	},
-
-	resetTimer(id: string): CountdownTimer | null {
-		const timer = timers.find((t) => t.id === id);
-		if (!timer) return null;
-
-		const now = new Date().toISOString();
-		const updated: CountdownTimer = {
-			...timer,
-			status: 'idle',
-			remainingSeconds: timer.durationSeconds,
-			startedAt: null,
-			pausedAt: null,
-			updatedAt: now,
-		};
-
-		timers = timers.map((t) => (t.id === id ? updated : t));
-		saveToStorage();
-		return updated;
-	},
-
-	updateLocalState(id: string, updates: Partial<CountdownTimer>): void {
-		timers = timers.map((t) => (t.id === id ? { ...t, ...updates } : t));
-		saveToStorage();
-	},
-
-	deleteTimer(id: string): void {
-		timers = timers.filter((t) => t.id !== id);
-		saveToStorage();
-	},
-
-	isSessionTimer(id: string): boolean {
-		return id.startsWith('session_');
-	},
-
-	getAllTimers(): CountdownTimer[] {
-		return [...timers];
-	},
-
-	clear(): void {
-		timers = [];
-		if (typeof window !== 'undefined') {
-			sessionStorage.removeItem(STORAGE_KEY);
-		}
-	},
-
-	get count(): number {
-		return timers.length;
-	},
-};
diff --git a/apps/times/apps/web-archived/src/lib/stores/stopwatch.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/stopwatch.svelte.ts
deleted file mode 100644
index 907812e1b..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/stopwatch.svelte.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-/**
- * Stopwatch Store - Manages stopwatch state using Svelte 5 runes
- * Stopwatches are local-only (no backend sync)
- */
-
-export interface Lap {
-	number: number;
-	time: number;
-	delta: number;
-}
-
-export interface Stopwatch {
-	id: string;
-	label: string;
-	startTime: number | null;
-	elapsedTime: number;
-	status: 'idle' | 'running' | 'paused';
-	laps: Lap[];
-	color: string;
-}
-
-export const STOPWATCH_COLORS = [
-	'#3B82F6',
-	'#10B981',
-	'#F59E0B',
-	'#EF4444',
-	'#8B5CF6',
-	'#EC4899',
-	'#14B8A6',
-	'#F97316',
-];
-
-let stopwatches = $state<Stopwatch[]>([]);
-let focusedId = $state<string | null>(null);
-let colorIndex = 0;
-
-let tickInterval: ReturnType<typeof setInterval> | null = null;
-
-function getNextColor(): string {
-	const color = STOPWATCH_COLORS[colorIndex % STOPWATCH_COLORS.length];
-	colorIndex++;
-	return color;
-}
-
-function startTicking() {
-	if (tickInterval) return;
-	tickInterval = setInterval(() => {
-		stopwatches = [...stopwatches];
-	}, 100);
-}
-
-function stopTickingIfNoRunning() {
-	const hasRunning = stopwatches.some((sw) => sw.status === 'running');
-	if (!hasRunning && tickInterval) {
-		clearInterval(tickInterval);
-		tickInterval = null;
-	}
-}
-
-export const stopwatchesStore = {
-	get stopwatches() {
-		return stopwatches;
-	},
-	get focusedId() {
-		return focusedId;
-	},
-	get focusedStopwatch() {
-		return stopwatches.find((sw) => sw.id === focusedId) || null;
-	},
-
-	create(label?: string): string {
-		const id = crypto.randomUUID();
-		const newStopwatch: Stopwatch = {
-			id,
-			label: label || `Stopwatch ${stopwatches.length + 1}`,
-			startTime: null,
-			elapsedTime: 0,
-			status: 'idle',
-			laps: [],
-			color: getNextColor(),
-		};
-		stopwatches = [...stopwatches, newStopwatch];
-		if (!focusedId) {
-			focusedId = id;
-		}
-		return id;
-	},
-
-	start(id: string) {
-		stopwatches = stopwatches.map((sw) => {
-			if (sw.id !== id) return sw;
-			return {
-				...sw,
-				startTime: Date.now(),
-				status: 'running' as const,
-			};
-		});
-		startTicking();
-	},
-
-	pause(id: string) {
-		stopwatches = stopwatches.map((sw) => {
-			if (sw.id !== id || sw.status !== 'running') return sw;
-			const elapsed = sw.startTime ? Date.now() - sw.startTime : 0;
-			return {
-				...sw,
-				startTime: null,
-				elapsedTime: sw.elapsedTime + elapsed,
-				status: 'paused' as const,
-			};
-		});
-		stopTickingIfNoRunning();
-	},
-
-	reset(id: string) {
-		stopwatches = stopwatches.map((sw) => {
-			if (sw.id !== id) return sw;
-			return {
-				...sw,
-				startTime: null,
-				elapsedTime: 0,
-				status: 'idle' as const,
-				laps: [],
-			};
-		});
-		stopTickingIfNoRunning();
-	},
-
-	addLap(id: string) {
-		stopwatches = stopwatches.map((sw) => {
-			if (sw.id !== id || sw.status !== 'running') return sw;
-			const currentTime = this.getElapsed(sw);
-			const lastLap = sw.laps[sw.laps.length - 1];
-			const delta = lastLap ? currentTime - lastLap.time : currentTime;
-			const newLap: Lap = {
-				number: sw.laps.length + 1,
-				time: currentTime,
-				delta,
-			};
-			return {
-				...sw,
-				laps: [...sw.laps, newLap],
-			};
-		});
-	},
-
-	delete(id: string) {
-		stopwatches = stopwatches.filter((sw) => sw.id !== id);
-		if (focusedId === id) {
-			focusedId = stopwatches[0]?.id || null;
-		}
-		stopTickingIfNoRunning();
-	},
-
-	setFocused(id: string | null) {
-		focusedId = id;
-	},
-
-	updateLabel(id: string, label: string) {
-		stopwatches = stopwatches.map((sw) => (sw.id === id ? { ...sw, label } : sw));
-	},
-
-	getElapsed(sw: Stopwatch): number {
-		if (sw.status === 'running' && sw.startTime) {
-			return sw.elapsedTime + (Date.now() - sw.startTime);
-		}
-		return sw.elapsedTime;
-	},
-};
-
-export function formatTime(ms: number): string {
-	const totalSeconds = Math.floor(ms / 1000);
-	const hours = Math.floor(totalSeconds / 3600);
-	const minutes = Math.floor((totalSeconds % 3600) / 60);
-	const seconds = totalSeconds % 60;
-	const centiseconds = Math.floor((ms % 1000) / 10);
-
-	if (hours > 0) {
-		return `${hours}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}.${centiseconds.toString().padStart(2, '0')}`;
-	}
-	return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}.${centiseconds.toString().padStart(2, '0')}`;
-}
-
-export function formatLapTime(ms: number): string {
-	const totalSeconds = Math.floor(ms / 1000);
-	const minutes = Math.floor(totalSeconds / 60);
-	const seconds = totalSeconds % 60;
-	const centiseconds = Math.floor((ms % 1000) / 10);
-
-	if (minutes > 0) {
-		return `+${minutes}:${seconds.toString().padStart(2, '0')}.${centiseconds.toString().padStart(2, '0')}`;
-	}
-	return `+${seconds}.${centiseconds.toString().padStart(2, '0')}`;
-}
diff --git a/apps/times/apps/web-archived/src/lib/stores/theme.ts b/apps/times/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 08689a37b..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-export const theme = createThemeStore({
-	appId: 'times',
-	defaultVariant: 'ocean',
-});
diff --git a/apps/times/apps/web-archived/src/lib/stores/timer.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/timer.svelte.ts
deleted file mode 100644
index c993aca55..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/timer.svelte.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-/**
- * Timer Store — manages the active time tracking timer.
- *
- * The timer state persists in IndexedDB via the timeEntries collection.
- * When a timer is running, there's a timeEntry with isRunning=true.
- * This store provides reactive access to the running entry and elapsed time.
- */
-
-import { browser } from '$app/environment';
-import {
-	timeEntryCollection,
-	settingsCollection,
-	type LocalTimeEntry,
-} from '$lib/data/local-store';
-import { roundDuration } from '$lib/utils/rounding';
-
-let runningEntry = $state<LocalTimeEntry | null>(null);
-let elapsedSeconds = $state(0);
-let tickInterval: ReturnType<typeof setInterval> | null = null;
-let autoSaveInterval: ReturnType<typeof setInterval> | null = null;
-
-function startTicking() {
-	stopTicking();
-	tickInterval = setInterval(() => {
-		if (runningEntry?.startTime) {
-			elapsedSeconds = Math.floor((Date.now() - new Date(runningEntry.startTime).getTime()) / 1000);
-		}
-	}, 1000);
-}
-
-function stopTicking() {
-	if (tickInterval) {
-		clearInterval(tickInterval);
-		tickInterval = null;
-	}
-	if (autoSaveInterval) {
-		clearInterval(autoSaveInterval);
-		autoSaveInterval = null;
-	}
-}
-
-function startAutoSave() {
-	if (autoSaveInterval) clearInterval(autoSaveInterval);
-	autoSaveInterval = setInterval(async () => {
-		if (runningEntry) {
-			await timeEntryCollection.update(runningEntry.id, {
-				duration: elapsedSeconds,
-			});
-		}
-	}, 10000); // Auto-save every 10 seconds
-}
-
-export const timerStore = {
-	get runningEntry() {
-		return runningEntry;
-	},
-	get elapsedSeconds() {
-		return elapsedSeconds;
-	},
-	get isRunning() {
-		return runningEntry !== null;
-	},
-
-	/** Initialize: check for any running entry in IndexedDB */
-	async initialize() {
-		if (!browser) return;
-		const entries = await timeEntryCollection.getAll();
-		const running = entries.find((e) => e.isRunning);
-		if (running) {
-			runningEntry = running;
-			if (running.startTime) {
-				elapsedSeconds = Math.floor((Date.now() - new Date(running.startTime).getTime()) / 1000);
-			}
-			startTicking();
-			startAutoSave();
-		}
-	},
-
-	/** Start a new timer */
-	async start(options?: {
-		projectId?: string;
-		clientId?: string;
-		description?: string;
-		isBillable?: boolean;
-		tags?: string[];
-	}) {
-		// Stop any existing timer first
-		if (runningEntry) {
-			await timerStore.stop();
-		}
-
-		const now = new Date();
-		const entry: LocalTimeEntry = {
-			id: crypto.randomUUID(),
-			projectId: options?.projectId ?? null,
-			clientId: options?.clientId ?? null,
-			description: options?.description ?? '',
-			date: now.toISOString().split('T')[0],
-			startTime: now.toISOString(),
-			endTime: null,
-			duration: 0,
-			isBillable: options?.isBillable ?? false,
-			isRunning: true,
-			tags: options?.tags ?? [],
-			billingRate: null,
-			visibility: 'private',
-			guildId: null,
-			source: { app: 'timer' },
-		};
-
-		await timeEntryCollection.insert(entry);
-		runningEntry = entry;
-		elapsedSeconds = 0;
-		startTicking();
-		startAutoSave();
-	},
-
-	/** Stop the running timer */
-	async stop(): Promise<LocalTimeEntry | null> {
-		if (!runningEntry) return null;
-
-		const now = new Date();
-		const finalDuration = runningEntry.startTime
-			? Math.floor((now.getTime() - new Date(runningEntry.startTime).getTime()) / 1000)
-			: elapsedSeconds;
-
-		// Apply rounding from settings
-		const settings = await settingsCollection.getAll();
-		const s = settings[0];
-		const roundedDuration = s
-			? roundDuration(finalDuration, s.roundingIncrement, s.roundingMethod)
-			: finalDuration;
-
-		await timeEntryCollection.update(runningEntry.id, {
-			isRunning: false,
-			endTime: now.toISOString(),
-			duration: roundedDuration,
-		});
-
-		const stoppedEntry = {
-			...runningEntry,
-			isRunning: false,
-			endTime: now.toISOString(),
-			duration: roundedDuration,
-		};
-		stopTicking();
-		runningEntry = null;
-		elapsedSeconds = 0;
-		return stoppedEntry as LocalTimeEntry;
-	},
-
-	/** Discard the running timer without saving */
-	async discard() {
-		if (!runningEntry) return;
-		await timeEntryCollection.delete(runningEntry.id);
-		stopTicking();
-		runningEntry = null;
-		elapsedSeconds = 0;
-	},
-
-	/** Update the running entry's metadata (project, description, etc.) */
-	async updateRunning(
-		updates: Partial<
-			Pick<LocalTimeEntry, 'projectId' | 'clientId' | 'description' | 'isBillable' | 'tags'>
-		>
-	) {
-		if (!runningEntry) return;
-		await timeEntryCollection.update(runningEntry.id, updates);
-		runningEntry = { ...runningEntry, ...updates };
-	},
-
-	/** Cleanup on unmount */
-	destroy() {
-		stopTicking();
-	},
-};
diff --git a/apps/times/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 5a96e282b..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'times',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/times/apps/web-archived/src/lib/stores/view.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/view.svelte.ts
deleted file mode 100644
index b00bd0901..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/view.svelte.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { browser } from '$app/environment';
-import type { ViewMode, SortOption, FilterCriteria, SavedFilter } from '@times/shared';
-
-const VIEW_KEY = 'times_view_mode';
-const SORT_KEY = 'times_sort';
-const FILTERS_KEY = 'times_saved_filters';
-
-function load<T>(key: string, fallback: T): T {
-	if (!browser) return fallback;
-	try {
-		const data = localStorage.getItem(key);
-		return data ? JSON.parse(data) : fallback;
-	} catch {
-		return fallback;
-	}
-}
-
-function save(key: string, value: unknown) {
-	if (!browser) return;
-	localStorage.setItem(key, JSON.stringify(value));
-}
-
-let viewMode = $state<ViewMode>('week');
-let sort = $state<SortOption>({ field: 'date', direction: 'desc' });
-let activeFilters = $state<FilterCriteria>({});
-let savedFilters = $state<SavedFilter[]>([]);
-let initialized = $state(false);
-
-export const viewStore = {
-	get viewMode() {
-		return viewMode;
-	},
-	get sort() {
-		return sort;
-	},
-	get activeFilters() {
-		return activeFilters;
-	},
-	get savedFilters() {
-		return savedFilters;
-	},
-	get hasActiveFilters() {
-		return !!(
-			activeFilters.search ||
-			activeFilters.projectId ||
-			activeFilters.clientId ||
-			activeFilters.tagIds?.length ||
-			activeFilters.isBillable !== undefined ||
-			activeFilters.dateFrom ||
-			activeFilters.dateTo
-		);
-	},
-
-	initialize() {
-		if (initialized) return;
-		viewMode = load<ViewMode>(VIEW_KEY, 'week');
-		sort = load<SortOption>(SORT_KEY, { field: 'date', direction: 'desc' });
-		savedFilters = load<SavedFilter[]>(FILTERS_KEY, []);
-		initialized = true;
-	},
-
-	setViewMode(mode: ViewMode) {
-		viewMode = mode;
-		save(VIEW_KEY, mode);
-	},
-
-	setSort(newSort: SortOption) {
-		sort = newSort;
-		save(SORT_KEY, newSort);
-	},
-
-	setFilters(filters: FilterCriteria) {
-		activeFilters = filters;
-	},
-
-	updateFilter<K extends keyof FilterCriteria>(key: K, value: FilterCriteria[K]) {
-		activeFilters = { ...activeFilters, [key]: value };
-	},
-
-	clearFilters() {
-		activeFilters = {};
-	},
-
-	saveFilter(name: string) {
-		const filter: SavedFilter = {
-			id: crypto.randomUUID(),
-			name,
-			criteria: { ...activeFilters },
-			createdAt: new Date().toISOString(),
-		};
-		savedFilters = [...savedFilters, filter];
-		save(FILTERS_KEY, savedFilters);
-	},
-
-	loadFilter(id: string) {
-		const filter = savedFilters.find((f) => f.id === id);
-		if (filter) {
-			activeFilters = { ...filter.criteria };
-		}
-	},
-
-	deleteSavedFilter(id: string) {
-		savedFilters = savedFilters.filter((f) => f.id !== id);
-		save(FILTERS_KEY, savedFilters);
-	},
-};
diff --git a/apps/times/apps/web-archived/src/lib/stores/world-clocks.svelte.ts b/apps/times/apps/web-archived/src/lib/stores/world-clocks.svelte.ts
deleted file mode 100644
index fc2d1a49a..000000000
--- a/apps/times/apps/web-archived/src/lib/stores/world-clocks.svelte.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * World Clocks Store — Mutation-Only Service
- *
- * All reads are handled by useLiveQuery() hooks in queries.ts.
- * This store only provides write operations (add, remove, reorder).
- * IndexedDB writes automatically trigger UI updates via Dexie liveQuery.
- */
-
-import { worldClockCollection, type LocalWorldClock } from '$lib/data/local-store';
-import type { CreateWorldClockInput } from '@times/shared';
-
-let error = $state<string | null>(null);
-
-export const worldClocksStore = {
-	get error() {
-		return error;
-	},
-
-	async addWorldClock(input: CreateWorldClockInput, currentCount: number = 0) {
-		error = null;
-		try {
-			const newLocal: LocalWorldClock = {
-				id: crypto.randomUUID(),
-				timezone: input.timezone,
-				cityName: input.cityName,
-				sortOrder: currentCount,
-			};
-
-			await worldClockCollection.insert(newLocal);
-			return { success: true };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to add world clock';
-			console.error('Failed to add world clock:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async removeWorldClock(id: string) {
-		error = null;
-		try {
-			await worldClockCollection.delete(id);
-			return { success: true };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to remove world clock';
-			console.error('Failed to remove world clock:', e);
-			return { success: false, error: error };
-		}
-	},
-
-	async reorder(ids: string[]) {
-		error = null;
-		try {
-			for (let i = 0; i < ids.length; i++) {
-				await worldClockCollection.update(ids[i], {
-					sortOrder: i,
-				} as Partial<LocalWorldClock>);
-			}
-			return { success: true };
-		} catch (e) {
-			error = e instanceof Error ? e.message : 'Failed to reorder world clocks';
-			console.error('Failed to reorder world clocks:', e);
-			return { success: false, error: error };
-		}
-	},
-};
diff --git a/apps/times/apps/web-archived/src/lib/utils/entry-parser.test.ts b/apps/times/apps/web-archived/src/lib/utils/entry-parser.test.ts
deleted file mode 100644
index 1be2bb907..000000000
--- a/apps/times/apps/web-archived/src/lib/utils/entry-parser.test.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-	parseEntryInput,
-	parseMultiEntryInput,
-	resolveEntryIds,
-	formatParsedEntryPreview,
-	formatDuration,
-} from './entry-parser';
-
-describe('parseEntryInput', () => {
-	it('should parse simple description', () => {
-		const result = parseEntryInput('Code Review');
-		expect(result.description).toBe('Code Review');
-		expect(result.duration).toBeUndefined();
-		expect(result.tagNames).toEqual([]);
-	});
-
-	it('should parse duration "2h"', () => {
-		const result = parseEntryInput('Meeting 2h');
-		expect(result.description).toBe('Meeting');
-		expect(result.duration).toBe(7200);
-	});
-
-	it('should parse duration "30min"', () => {
-		const result = parseEntryInput('Standup 30min');
-		expect(result.description).toBe('Standup');
-		expect(result.duration).toBe(1800);
-	});
-
-	it('should parse duration "1h30m"', () => {
-		const result = parseEntryInput('Workshop 1h30m');
-		expect(result.description).toBe('Workshop');
-		expect(result.duration).toBe(5400);
-	});
-
-	it('should parse duration "1.5h"', () => {
-		const result = parseEntryInput('Coding 1.5h');
-		expect(result.duration).toBe(5400);
-	});
-
-	it('should parse duration "1,5 Stunden"', () => {
-		const result = parseEntryInput('Recherche 1,5 Stunden');
-		expect(result.duration).toBe(5400);
-	});
-
-	it('should parse @project', () => {
-		const result = parseEntryInput('Feature bauen 2h @WebApp');
-		expect(result.projectName).toBe('WebApp');
-		expect(result.duration).toBe(7200);
-		expect(result.description).toBe('Feature bauen');
-	});
-
-	it('should parse #tags', () => {
-		const result = parseEntryInput('Meeting #client #important');
-		expect(result.tagNames).toEqual(['client', 'important']);
-	});
-
-	it('should parse billable with $', () => {
-		const result = parseEntryInput('Beratung 2h @Client $');
-		expect(result.isBillable).toBe(true);
-		expect(result.projectName).toBe('Client');
-	});
-
-	it('should parse "billable" keyword', () => {
-		const result = parseEntryInput('Workshop billable 4h');
-		expect(result.isBillable).toBe(true);
-		expect(result.duration).toBe(14400);
-	});
-
-	it('should parse "abrechenbar" keyword', () => {
-		const result = parseEntryInput('Schulung abrechenbar 3h');
-		expect(result.isBillable).toBe(true);
-	});
-
-	it('should parse time range "9-12"', () => {
-		const result = parseEntryInput('Workshop 9-12');
-		expect(result.startTime).toBe('09:00');
-		expect(result.endTime).toBe('12:00');
-		expect(result.duration).toBe(10800); // 3h in seconds
-	});
-
-	it('should parse time range "14:00-16:30"', () => {
-		const result = parseEntryInput('Meeting 14:00-16:30');
-		expect(result.startTime).toBe('14:00');
-		expect(result.endTime).toBe('16:30');
-		expect(result.duration).toBe(9000); // 2.5h
-	});
-
-	it('should parse complex input', () => {
-		const result = parseEntryInput('Sprint Review 1.5h @ProjectX #team $ morgen');
-		expect(result.description).toBe('Sprint Review');
-		expect(result.duration).toBe(5400);
-		expect(result.projectName).toBe('ProjectX');
-		expect(result.tagNames).toEqual(['team']);
-		expect(result.isBillable).toBe(true);
-		expect(result.date).toBeDefined();
-	});
-
-	it('should handle empty input', () => {
-		const result = parseEntryInput('');
-		expect(result.description).toBe('');
-		expect(result.tagNames).toEqual([]);
-	});
-});
-
-describe('parseMultiEntryInput', () => {
-	it('should return single entry for simple input', () => {
-		const entries = parseMultiEntryInput('Meeting 2h');
-		expect(entries).toHaveLength(1);
-	});
-
-	it('should split on semicolon', () => {
-		const entries = parseMultiEntryInput('Meeting 1h; Code Review 2h; Mails 30min');
-		expect(entries).toHaveLength(3);
-		expect(entries[0].description).toBe('Meeting');
-		expect(entries[0].duration).toBe(3600);
-		expect(entries[1].description).toBe('Code Review');
-		expect(entries[1].duration).toBe(7200);
-		expect(entries[2].description).toBe('Mails');
-		expect(entries[2].duration).toBe(1800);
-	});
-
-	it('should split on "danach"', () => {
-		const entries = parseMultiEntryInput('Meeting 1h danach Protokoll 30min');
-		expect(entries).toHaveLength(2);
-	});
-
-	it('should inherit project from first entry', () => {
-		const entries = parseMultiEntryInput('Meeting 1h @Client; Review 2h; Doku 30min');
-		expect(entries[0].projectName).toBe('Client');
-		expect(entries[1].projectName).toBe('Client');
-		expect(entries[2].projectName).toBe('Client');
-	});
-
-	it('should inherit date from first entry', () => {
-		const entries = parseMultiEntryInput('Gestern Meeting 2h; Review 1h');
-		expect(entries[0].date).toBeDefined();
-		expect(entries[1].date).toBeDefined();
-		expect(entries[0].date!.toDateString()).toBe(entries[1].date!.toDateString());
-	});
-});
-
-describe('resolveEntryIds', () => {
-	const projects = [
-		{ id: 'p1', name: 'WebApp' },
-		{ id: 'p2', name: 'Mobile' },
-	];
-	const tags = [
-		{ id: 't1', name: 'client' },
-		{ id: 't2', name: 'internal' },
-	];
-
-	it('should resolve project name to ID', () => {
-		const parsed = parseEntryInput('Fix 2h @WebApp');
-		const resolved = resolveEntryIds(parsed, projects, tags);
-		expect(resolved.projectId).toBe('p1');
-	});
-
-	it('should resolve tag names to IDs', () => {
-		const parsed = parseEntryInput('Call #client');
-		const resolved = resolveEntryIds(parsed, projects, tags);
-		expect(resolved.tagIds).toEqual(['t1']);
-	});
-
-	it('should skip unknown project', () => {
-		const parsed = parseEntryInput('Fix @Unknown');
-		const resolved = resolveEntryIds(parsed, projects, tags);
-		expect(resolved.projectId).toBeUndefined();
-	});
-});
-
-describe('formatDuration', () => {
-	it('should format seconds to hours', () => {
-		expect(formatDuration(3600)).toBe('1h');
-		expect(formatDuration(7200)).toBe('2h');
-	});
-
-	it('should format seconds to minutes', () => {
-		expect(formatDuration(1800)).toBe('30min');
-		expect(formatDuration(900)).toBe('15min');
-	});
-
-	it('should format mixed hours and minutes', () => {
-		expect(formatDuration(5400)).toBe('1h 30min');
-	});
-});
-
-describe('formatParsedEntryPreview', () => {
-	it('should format duration', () => {
-		const parsed = parseEntryInput('Meeting 2h');
-		expect(formatParsedEntryPreview(parsed)).toContain('2h');
-	});
-
-	it('should format project', () => {
-		const parsed = parseEntryInput('Fix @WebApp');
-		expect(formatParsedEntryPreview(parsed)).toContain('WebApp');
-	});
-
-	it('should format billable', () => {
-		const parsed = parseEntryInput('Call $');
-		expect(formatParsedEntryPreview(parsed)).toContain('💰');
-	});
-
-	it('should return empty for description-only', () => {
-		const parsed = parseEntryInput('Just a note');
-		expect(formatParsedEntryPreview(parsed)).toBe('');
-	});
-});
diff --git a/apps/times/apps/web-archived/src/lib/utils/entry-parser.ts b/apps/times/apps/web-archived/src/lib/utils/entry-parser.ts
deleted file mode 100644
index ef181d215..000000000
--- a/apps/times/apps/web-archived/src/lib/utils/entry-parser.ts
+++ /dev/null
@@ -1,316 +0,0 @@
-/**
- * Time Entry Parser for Times App
- *
- * Parses natural language time tracking input:
- * - Duration: 2h, 30min, 1.5h, 1h30m
- * - Project: @ProjectName
- * - Tags: #tag1 #tag2
- * - Billable: $, billable, abrechenbar
- * - Date: heute, morgen, gestern, montag (via shared base parser)
- * - Time range: 9-12, 14:00-16:30
- *
- * Examples:
- * - "Meeting 2h @ClientX #billable"
- * - "Code Review 1.5h @Projekt-A"
- * - "9-12 Workshop @Schulung; 13-15 Nachbereitung"
- */
-
-import {
-	parseBaseInput,
-	extractAtReference,
-	extractTags,
-	combineDateAndTime,
-	formatDatePreview,
-	type ParserLocale,
-} from '@manacore/shared-utils';
-
-export interface ParsedEntry {
-	description: string;
-	duration?: number; // seconds
-	date?: Date;
-	startTime?: string; // HH:mm
-	endTime?: string; // HH:mm
-	projectName?: string;
-	tagNames: string[];
-	isBillable?: boolean;
-}
-
-interface Project {
-	id: string;
-	name: string;
-}
-
-interface Tag {
-	id: string;
-	name: string;
-}
-
-export interface ParsedEntryWithIds {
-	description: string;
-	duration?: number;
-	date?: string; // ISO
-	startTime?: string;
-	endTime?: string;
-	projectId?: string;
-	tagIds: string[];
-	isBillable?: boolean;
-}
-
-// ─── Duration Extraction ───────────────────────────────────
-
-const DURATION_PATTERNS: { pattern: RegExp; getSeconds: (m: RegExpMatchArray) => number }[] = [
-	// 2h30m, 1h 30min
-	{
-		pattern: /\b(\d+)\s*h\s*(\d+)\s*(?:m(?:in)?)\b/i,
-		getSeconds: (m) => parseInt(m[1]) * 3600 + parseInt(m[2]) * 60,
-	},
-	// 1.5h, 2,5h
-	{
-		pattern: /\b(\d+(?:[.,]\d+)?)\s*h\b/i,
-		getSeconds: (m) => Math.round(parseFloat(m[1].replace(',', '.')) * 3600),
-	},
-	// 30min, 45 Minuten
-	{
-		pattern: /\b(\d+)\s*min(?:uten?)?\b/i,
-		getSeconds: (m) => parseInt(m[1]) * 60,
-	},
-	// 1.5 Stunden
-	{
-		pattern: /\b(\d+(?:[.,]\d+)?)\s*(?:stunden?)\b/i,
-		getSeconds: (m) => Math.round(parseFloat(m[1].replace(',', '.')) * 3600),
-	},
-];
-
-function extractDuration(text: string): { duration?: number; remaining: string } {
-	for (const { pattern, getSeconds } of DURATION_PATTERNS) {
-		const match = text.match(pattern);
-		if (match) {
-			const seconds = getSeconds(match);
-			if (seconds > 0) {
-				return {
-					duration: seconds,
-					remaining: text
-						.replace(match[0], '')
-						.replace(/\s{2,}/g, ' ')
-						.trim(),
-				};
-			}
-		}
-	}
-	return { remaining: text };
-}
-
-// ─── Time Range Extraction ─────────────────────────────────
-
-const TIME_RANGE_PATTERN =
-	/\b(?:um\s*)?(\d{1,2})(?::(\d{2}))?\s*[-–]\s*(\d{1,2})(?::(\d{2}))?\s*(?:uhr)?\b/i;
-
-function extractTimeRange(text: string): {
-	startTime?: string;
-	endTime?: string;
-	duration?: number;
-	remaining: string;
-} {
-	const match = text.match(TIME_RANGE_PATTERN);
-	if (match) {
-		const sh = parseInt(match[1]);
-		const sm = match[2] ? parseInt(match[2]) : 0;
-		const eh = parseInt(match[3]);
-		const em = match[4] ? parseInt(match[4]) : 0;
-
-		if (sh >= 0 && sh <= 23 && eh >= 0 && eh <= 23) {
-			const startMinutes = sh * 60 + sm;
-			const endMinutes = eh * 60 + em;
-			const durationSeconds = (endMinutes - startMinutes) * 60;
-
-			return {
-				startTime: `${String(sh).padStart(2, '0')}:${String(sm).padStart(2, '0')}`,
-				endTime: `${String(eh).padStart(2, '0')}:${String(em).padStart(2, '0')}`,
-				duration: durationSeconds > 0 ? durationSeconds : undefined,
-				remaining: text.replace(TIME_RANGE_PATTERN, '').trim(),
-			};
-		}
-	}
-	return { remaining: text };
-}
-
-// ─── Billable Detection ────────────────────────────────────
-
-const BILLABLE_PATTERNS = [/\$/, /\bbillable\b/i, /\babrechenbar\b/i];
-
-function extractBillable(text: string): { isBillable?: boolean; remaining: string } {
-	for (const pattern of BILLABLE_PATTERNS) {
-		if (pattern.test(text)) {
-			return {
-				isBillable: true,
-				remaining: text
-					.replace(pattern, '')
-					.replace(/\s{2,}/g, ' ')
-					.trim(),
-			};
-		}
-	}
-	return { remaining: text };
-}
-
-// ─── Multi-Entry Splitting ─────────────────────────────────
-
-const ENTRY_SPLITTERS =
-	/\s*(?:,\s*(?:danach|dann|und dann|anschließend|außerdem)\s+|;\s*|\s+(?:danach|dann|und dann|anschließend)\s+)/i;
-
-// ─── Main Parser ───────────────────────────────────────────
-
-export function parseEntryInput(input: string, locale: ParserLocale = 'de'): ParsedEntry {
-	let text = input.trim();
-
-	// Extract billable flag
-	const billableResult = extractBillable(text);
-	text = billableResult.remaining;
-	const isBillable = billableResult.isBillable;
-
-	// Extract time range (before duration, since "9-12" could conflict)
-	const timeRangeResult = extractTimeRange(text);
-	text = timeRangeResult.remaining;
-
-	// Extract duration (if no time range gave us one)
-	let duration = timeRangeResult.duration;
-	let startTime = timeRangeResult.startTime;
-	let endTime = timeRangeResult.endTime;
-
-	if (!duration) {
-		const durationResult = extractDuration(text);
-		text = durationResult.remaining;
-		duration = durationResult.duration;
-	}
-
-	// Extract @project
-	const projectResult = extractAtReference(text);
-	text = projectResult.remaining;
-	const projectName = projectResult.value;
-
-	// Extract #tags
-	const tagsResult = extractTags(text);
-	text = tagsResult.remaining;
-	const tagNames = tagsResult.value || [];
-
-	// Use base parser for date extraction
-	const base = parseBaseInput(text, locale);
-	const date = base.date ? combineDateAndTime(base.date, undefined) : undefined;
-
-	return {
-		description: base.title,
-		duration,
-		date,
-		startTime,
-		endTime,
-		projectName,
-		tagNames,
-		isBillable,
-	};
-}
-
-/**
- * Parse input with multiple entries separated by keywords/semicolons.
- * Subsequent entries inherit date and project from the first.
- */
-export function parseMultiEntryInput(input: string, locale: ParserLocale = 'de'): ParsedEntry[] {
-	const parts = input.split(ENTRY_SPLITTERS).filter((s) => s.trim().length > 0);
-
-	if (parts.length <= 1) {
-		return [parseEntryInput(input, locale)];
-	}
-
-	const results: ParsedEntry[] = [];
-	let contextDate: Date | undefined;
-	let contextProject: string | undefined;
-
-	for (let i = 0; i < parts.length; i++) {
-		const parsed = parseEntryInput(parts[i].trim(), locale);
-
-		if (i === 0) {
-			contextDate = parsed.date;
-			contextProject = parsed.projectName;
-		} else {
-			if (!parsed.date && contextDate) parsed.date = contextDate;
-			if (!parsed.projectName && contextProject) parsed.projectName = contextProject;
-		}
-
-		results.push(parsed);
-	}
-
-	return results;
-}
-
-// ─── ID Resolution ─────────────────────────────────────────
-
-export function resolveEntryIds(
-	parsed: ParsedEntry,
-	projects: Project[],
-	tags: Tag[]
-): ParsedEntryWithIds {
-	let projectId: string | undefined;
-	const tagIds: string[] = [];
-
-	if (parsed.projectName) {
-		const project = projects.find(
-			(p) => p.name.toLowerCase() === parsed.projectName!.toLowerCase()
-		);
-		if (project) projectId = project.id;
-	}
-
-	for (const tagName of parsed.tagNames) {
-		const tag = tags.find((t) => t.name.toLowerCase() === tagName.toLowerCase());
-		if (tag) tagIds.push(tag.id);
-	}
-
-	return {
-		description: parsed.description,
-		duration: parsed.duration,
-		date: parsed.date?.toISOString(),
-		startTime: parsed.startTime,
-		endTime: parsed.endTime,
-		projectId,
-		tagIds,
-		isBillable: parsed.isBillable,
-	};
-}
-
-// ─── Preview Formatting ────────────────────────────────────
-
-export function formatDuration(seconds: number): string {
-	const h = Math.floor(seconds / 3600);
-	const m = Math.floor((seconds % 3600) / 60);
-	if (h > 0 && m > 0) return `${h}h ${m}min`;
-	if (h > 0) return `${h}h`;
-	return `${m}min`;
-}
-
-export function formatParsedEntryPreview(parsed: ParsedEntry): string {
-	const parts: string[] = [];
-
-	if (parsed.date) {
-		parts.push(`📅 ${formatDatePreview(parsed.date)}`);
-	}
-
-	if (parsed.startTime && parsed.endTime) {
-		parts.push(`🕐 ${parsed.startTime}–${parsed.endTime}`);
-	}
-
-	if (parsed.duration) {
-		parts.push(`⏱️ ${formatDuration(parsed.duration)}`);
-	}
-
-	if (parsed.projectName) {
-		parts.push(`📁 ${parsed.projectName}`);
-	}
-
-	if (parsed.isBillable) {
-		parts.push('💰');
-	}
-
-	if (parsed.tagNames.length > 0) {
-		parts.push(`🏷️ ${parsed.tagNames.join(', ')}`);
-	}
-
-	return parts.join(' · ');
-}
diff --git a/apps/times/apps/web-archived/src/lib/utils/export.test.ts b/apps/times/apps/web-archived/src/lib/utils/export.test.ts
deleted file mode 100644
index e22b1ded3..000000000
--- a/apps/times/apps/web-archived/src/lib/utils/export.test.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import type { TimeEntry, Project, Client } from '@times/shared';
-
-// We test the CSV generation logic without triggering DOM download.
-// This mirrors the core logic from export.ts.
-
-function generateCSVContent(entries: TimeEntry[], projects: Project[], clients: Client[]): string {
-	const projectMap = new Map(projects.map((p) => [p.id, p]));
-	const clientMap = new Map(clients.map((c) => [c.id, c]));
-
-	const headers = [
-		'Datum',
-		'Beschreibung',
-		'Projekt',
-		'Kunde',
-		'Dauer (h)',
-		'Dauer (min)',
-		'Abrechenbar',
-		'Tags',
-		'Startzeit',
-		'Endzeit',
-	];
-
-	const rows = entries.map((e) => {
-		const project = e.projectId ? projectMap.get(e.projectId) : undefined;
-		const client = e.clientId ? clientMap.get(e.clientId) : undefined;
-		const hours = Math.floor(e.duration / 3600);
-		const minutes = Math.floor((e.duration % 3600) / 60);
-
-		return [
-			e.date,
-			`"${(e.description || '').replace(/"/g, '""')}"`,
-			`"${(project?.name || '').replace(/"/g, '""')}"`,
-			`"${(client?.name || '').replace(/"/g, '""')}"`,
-			hours.toString(),
-			(hours * 60 + minutes).toString(),
-			e.isBillable ? 'Ja' : 'Nein',
-			`"${e.tags.join(', ')}"`,
-			'',
-			'',
-		];
-	});
-
-	return [headers.join(';'), ...rows.map((r) => r.join(';'))].join('\n');
-}
-
-// ─── Test Data ───────────────────────────────────────────
-
-const projects: Project[] = [
-	{
-		id: 'p1',
-		name: 'Website Redesign',
-		color: '#3b82f6',
-		isArchived: false,
-		isBillable: true,
-		visibility: 'private',
-		order: 0,
-		createdAt: '',
-		updatedAt: '',
-	},
-];
-
-const clients: Client[] = [
-	{
-		id: 'c1',
-		name: 'Acme Corp',
-		color: '#3b82f6',
-		isArchived: false,
-		order: 0,
-		createdAt: '',
-		updatedAt: '',
-	},
-];
-
-// ─── Tests ───────────────────────────────────────────────
-
-describe('CSV Export', () => {
-	it('generates correct CSV headers', () => {
-		const csv = generateCSVContent([], projects, clients);
-		expect(csv).toContain('Datum;Beschreibung;Projekt;Kunde');
-	});
-
-	it('generates correct row data', () => {
-		const entries: TimeEntry[] = [
-			{
-				id: 'e1',
-				projectId: 'p1',
-				clientId: 'c1',
-				description: 'API work',
-				date: '2024-01-15',
-				duration: 5400,
-				isBillable: true,
-				isRunning: false,
-				tags: ['dev', 'api'],
-				visibility: 'private',
-				createdAt: '',
-				updatedAt: '',
-			},
-		];
-
-		const csv = generateCSVContent(entries, projects, clients);
-		const lines = csv.split('\n');
-		expect(lines).toHaveLength(2);
-
-		const row = lines[1];
-		expect(row).toContain('2024-01-15');
-		expect(row).toContain('"API work"');
-		expect(row).toContain('"Website Redesign"');
-		expect(row).toContain('"Acme Corp"');
-		expect(row).toContain('1'); // 1 hour
-		expect(row).toContain('90'); // 90 minutes
-		expect(row).toContain('Ja');
-		expect(row).toContain('"dev, api"');
-	});
-
-	it('escapes quotes in descriptions', () => {
-		const entries: TimeEntry[] = [
-			{
-				id: 'e1',
-				description: 'Fix "bug" in API',
-				date: '2024-01-15',
-				duration: 3600,
-				isBillable: false,
-				isRunning: false,
-				tags: [],
-				visibility: 'private',
-				createdAt: '',
-				updatedAt: '',
-			},
-		];
-
-		const csv = generateCSVContent(entries, projects, clients);
-		expect(csv).toContain('"Fix ""bug"" in API"');
-	});
-
-	it('handles entries without project or client', () => {
-		const entries: TimeEntry[] = [
-			{
-				id: 'e1',
-				description: 'Internal work',
-				date: '2024-01-15',
-				duration: 1800,
-				isBillable: false,
-				isRunning: false,
-				tags: [],
-				visibility: 'private',
-				createdAt: '',
-				updatedAt: '',
-			},
-		];
-
-		const csv = generateCSVContent(entries, projects, clients);
-		expect(csv).toContain('""'); // empty project/client
-		expect(csv).toContain('Nein');
-	});
-
-	it('handles empty entries', () => {
-		const csv = generateCSVContent([], projects, clients);
-		const lines = csv.split('\n');
-		expect(lines).toHaveLength(1); // headers only
-	});
-});
diff --git a/apps/times/apps/web-archived/src/lib/utils/export.ts b/apps/times/apps/web-archived/src/lib/utils/export.ts
deleted file mode 100644
index bb3841c2a..000000000
--- a/apps/times/apps/web-archived/src/lib/utils/export.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-/**
- * CSV Export utility for time entries
- */
-
-import type { TimeEntry, Project, Client } from '@times/shared';
-
-export function exportEntriesToCSV(
-	entries: TimeEntry[],
-	projects: Project[],
-	clients: Client[]
-): void {
-	const projectMap = new Map(projects.map((p) => [p.id, p]));
-	const clientMap = new Map(clients.map((c) => [c.id, c]));
-
-	const headers = [
-		'Datum',
-		'Beschreibung',
-		'Projekt',
-		'Kunde',
-		'Dauer (h)',
-		'Dauer (min)',
-		'Abrechenbar',
-		'Tags',
-		'Startzeit',
-		'Endzeit',
-	];
-
-	const rows = entries.map((e) => {
-		const project = e.projectId ? projectMap.get(e.projectId) : undefined;
-		const client = e.clientId ? clientMap.get(e.clientId) : undefined;
-		const hours = Math.floor(e.duration / 3600);
-		const minutes = Math.floor((e.duration % 3600) / 60);
-
-		return [
-			e.date,
-			`"${(e.description || '').replace(/"/g, '""')}"`,
-			`"${(project?.name || '').replace(/"/g, '""')}"`,
-			`"${(client?.name || '').replace(/"/g, '""')}"`,
-			hours.toString(),
-			(hours * 60 + minutes).toString(),
-			e.isBillable ? 'Ja' : 'Nein',
-			`"${e.tags.join(', ')}"`,
-			e.startTime
-				? new Date(e.startTime).toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })
-				: '',
-			e.endTime
-				? new Date(e.endTime).toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })
-				: '',
-		];
-	});
-
-	const csv = [headers.join(';'), ...rows.map((r) => r.join(';'))].join('\n');
-	const BOM = '\uFEFF'; // UTF-8 BOM for Excel compatibility
-	const blob = new Blob([BOM + csv], { type: 'text/csv;charset=utf-8' });
-	const url = URL.createObjectURL(blob);
-	const a = document.createElement('a');
-	a.href = url;
-	a.download = `times-export-${new Date().toISOString().split('T')[0]}.csv`;
-	a.click();
-	URL.revokeObjectURL(url);
-}
diff --git a/apps/times/apps/web-archived/src/lib/utils/rounding.test.ts b/apps/times/apps/web-archived/src/lib/utils/rounding.test.ts
deleted file mode 100644
index 4adc2a220..000000000
--- a/apps/times/apps/web-archived/src/lib/utils/rounding.test.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { roundDuration } from './rounding';
-
-describe('roundDuration', () => {
-	describe('no rounding', () => {
-		it('returns original when increment is 0', () => {
-			expect(roundDuration(3661, 0, 'up')).toBe(3661);
-		});
-
-		it('returns original when method is none', () => {
-			expect(roundDuration(3661, 5, 'none')).toBe(3661);
-		});
-	});
-
-	describe('round up', () => {
-		it('rounds 7 min up to 15 min', () => {
-			expect(roundDuration(7 * 60, 15, 'up')).toBe(15 * 60);
-		});
-
-		it('rounds 16 min up to 30 min', () => {
-			expect(roundDuration(16 * 60, 15, 'up')).toBe(30 * 60);
-		});
-
-		it('does not round exact values', () => {
-			expect(roundDuration(15 * 60, 15, 'up')).toBe(15 * 60);
-		});
-
-		it('rounds 1 min up to 5 min', () => {
-			expect(roundDuration(60, 5, 'up')).toBe(5 * 60);
-		});
-
-		it('rounds 61 min up to 66 min (6 min increment)', () => {
-			expect(roundDuration(61 * 60, 6, 'up')).toBe(66 * 60);
-		});
-	});
-
-	describe('round down', () => {
-		it('rounds 7 min down to 0 min', () => {
-			expect(roundDuration(7 * 60, 15, 'down')).toBe(0);
-		});
-
-		it('rounds 22 min down to 15 min', () => {
-			expect(roundDuration(22 * 60, 15, 'down')).toBe(15 * 60);
-		});
-
-		it('does not round exact values', () => {
-			expect(roundDuration(30 * 60, 15, 'down')).toBe(30 * 60);
-		});
-	});
-
-	describe('round nearest', () => {
-		it('rounds 7 min nearest to 10 (with 10 min increment)', () => {
-			expect(roundDuration(7 * 60, 10, 'nearest')).toBe(10 * 60);
-		});
-
-		it('rounds 3 min nearest to 0 (with 10 min increment)', () => {
-			expect(roundDuration(3 * 60, 10, 'nearest')).toBe(0);
-		});
-
-		it('rounds 5 min nearest to 10 (midpoint rounds up)', () => {
-			expect(roundDuration(5 * 60, 10, 'nearest')).toBe(10 * 60);
-		});
-
-		it('rounds 8 min nearest to 10 (with 5 min increment)', () => {
-			expect(roundDuration(8 * 60, 5, 'nearest')).toBe(10 * 60);
-		});
-
-		it('rounds 2 min nearest to 0 (with 5 min increment)', () => {
-			expect(roundDuration(2 * 60, 5, 'nearest')).toBe(0);
-		});
-	});
-
-	describe('edge cases', () => {
-		it('handles 0 seconds', () => {
-			expect(roundDuration(0, 15, 'up')).toBe(0);
-		});
-
-		it('handles 1 minute increment', () => {
-			expect(roundDuration(90, 1, 'up')).toBe(120); // 1.5 min -> 2 min
-		});
-
-		it('handles negative increment as no rounding', () => {
-			expect(roundDuration(3661, -5, 'up')).toBe(3661);
-		});
-	});
-});
diff --git a/apps/times/apps/web-archived/src/lib/utils/rounding.ts b/apps/times/apps/web-archived/src/lib/utils/rounding.ts
deleted file mode 100644
index 229542f0f..000000000
--- a/apps/times/apps/web-archived/src/lib/utils/rounding.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Duration rounding utility
- *
- * Applies rounding based on user settings (increment + method).
- */
-
-import type { RoundingMethod } from '@times/shared';
-
-/**
- * Round a duration in seconds based on settings.
- * @param seconds - Duration in seconds
- * @param increment - Rounding increment in minutes (0 = no rounding)
- * @param method - Rounding method: 'none' | 'up' | 'down' | 'nearest'
- * @returns Rounded duration in seconds
- */
-export function roundDuration(seconds: number, increment: number, method: RoundingMethod): number {
-	if (increment <= 0 || method === 'none') return seconds;
-
-	const incrementSeconds = increment * 60;
-	const remainder = seconds % incrementSeconds;
-
-	if (remainder === 0) return seconds;
-
-	switch (method) {
-		case 'up':
-			return seconds - remainder + incrementSeconds;
-		case 'down':
-			return seconds - remainder;
-		case 'nearest':
-			return remainder >= incrementSeconds / 2
-				? seconds - remainder + incrementSeconds
-				: seconds - remainder;
-		default:
-			return seconds;
-	}
-}
diff --git a/apps/times/apps/web-archived/src/lib/version.ts b/apps/times/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 93d9ace5f..000000000
--- a/apps/times/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-declare const __BUILD_TIME__: string;
-declare const __BUILD_HASH__: string;
-
-export const APP_VERSION = '1.0.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/times/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/times/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 1b997457a..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,215 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { _ } from 'svelte-i18n';
-	import { setContext, onDestroy } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import { timerStore } from '$lib/stores/timer.svelte';
-	import TimerIndicator from '$lib/components/TimerIndicator.svelte';
-	import { theme } from '$lib/stores/theme';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { Clock, User, SignOut, Play } from '@manacore/shared-icons';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { timesStore } from '$lib/data/local-store';
-	import {
-		useAllClients,
-		useAllProjects,
-		useAllTimeEntries,
-		useAllTags,
-		useAllTemplates,
-		useSettings,
-		useAllAlarms,
-		useAllCountdownTimers,
-		useAllWorldClocks,
-	} from '$lib/data/queries';
-
-	let { children } = $props();
-
-	let showNav = $state(true);
-	let initialized = $state(false);
-	let showGuestWelcome = $state(false);
-
-	// Live queries — Time Tracking
-	const allClients = useAllClients();
-	const allProjects = useAllProjects();
-	const allTimeEntries = useAllTimeEntries();
-	const allTags = useAllTags();
-	const allTemplates = useAllTemplates();
-	const settings = useSettings();
-
-	// Live queries — Clock
-	const allAlarms = useAllAlarms();
-	const allCountdownTimers = useAllCountdownTimers();
-	const allWorldClocks = useAllWorldClocks();
-
-	// Provide data to child components
-	setContext('clients', allClients);
-	setContext('projects', allProjects);
-	setContext('timeEntries', allTimeEntries);
-	setContext('tags', allTags);
-	setContext('templates', allTemplates);
-	setContext('settings', settings);
-	setContext('alarms', allAlarms);
-	setContext('countdownTimers', allCountdownTimers);
-	setContext('worldClocks', allWorldClocks);
-
-	async function handleAuthReady() {
-		await timesStore.initialize();
-
-		if (authStore.isAuthenticated) {
-			timesStore.startSync(() => authStore.getValidToken());
-		}
-
-		viewStore.initialize();
-		await timerStore.initialize();
-		initialized = true;
-
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('times')) {
-			showGuestWelcome = true;
-		}
-	}
-
-	const navItems = [
-		{ href: '/', label: $_('nav.timer'), icon: 'play-circle' },
-		{ href: '/entries', label: $_('nav.entries'), icon: 'list' },
-		{ href: '/projects', label: $_('nav.projects'), icon: 'folder' },
-		{ href: '/clients', label: $_('nav.clients'), icon: 'buildings' },
-		{ href: '/reports', label: $_('nav.reports'), icon: 'chart-bar' },
-		{ href: '/templates', label: $_('nav.templates'), icon: 'bookmark' },
-		{ href: '/clock', label: 'Clock', icon: 'clock', separator: true },
-		{ href: '/clock/alarms', label: $_('nav.alarms'), icon: 'bell' },
-		{ href: '/clock/timers', label: $_('nav.countdown'), icon: 'timer' },
-		{ href: '/clock/stopwatch', label: $_('nav.stopwatch'), icon: 'hourglass' },
-		{ href: '/clock/world-clock', label: $_('nav.worldClock'), icon: 'globe' },
-		{ href: '/settings', label: $_('nav.settings'), icon: 'settings' },
-		{ href: '/mana', label: 'Mana', icon: 'star' },
-		{ href: '/feedback', label: 'Feedback', icon: 'chat' },
-	];
-
-	onDestroy(() => {
-		timerStore.destroy();
-	});
-
-	function handleLogout() {
-		authStore.signOut();
-		goto('/login');
-	}
-</script>
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('times')?.requiredTier}
-	appName={getManaApp('times')?.name}
->
-	<div class="flex min-h-screen flex-col">
-		<!-- Top Navigation -->
-		{#if showNav}
-			<nav
-				class="sticky top-0 z-40 border-b border-[hsl(var(--border))] bg-[hsl(var(--background))/0.95] backdrop-blur"
-			>
-				<div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-2">
-					<!-- Logo -->
-					<a href="/" class="flex items-center gap-2">
-						<div
-							class="flex h-8 w-8 items-center justify-center rounded-lg bg-[hsl(var(--primary))]"
-						>
-							<Clock size={16} class="text-white" />
-						</div>
-						<span class="text-lg font-bold text-[hsl(var(--foreground))]">Times</span>
-					</a>
-
-					<!-- Nav Items -->
-					<div class="hidden items-center gap-1 md:flex">
-						{#each navItems.slice(0, 11) as item}
-							<a
-								href={item.href}
-								class="rounded-lg px-3 py-1.5 text-sm transition-colors {$page.url.pathname ===
-									item.href ||
-								($page.url.pathname.startsWith(item.href) && item.href !== '/')
-									? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-									: 'text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent)/0.1)] hover:text-[hsl(var(--foreground))]'}"
-							>
-								{item.label}
-							</a>
-						{/each}
-					</div>
-
-					<!-- Timer Indicator (visible when timer running) -->
-					<TimerIndicator />
-
-					<!-- Right side -->
-					<div class="flex items-center gap-2">
-						<select
-							class="rounded-lg border border-[hsl(var(--border))] bg-transparent px-2 py-1 text-xs text-[hsl(var(--muted-foreground))]"
-							onchange={(e) => setLocale((e.target as HTMLSelectElement).value as any)}
-						>
-							{#each supportedLocales as loc}
-								<option value={loc}>{loc.toUpperCase()}</option>
-							{/each}
-						</select>
-
-						<a
-							href="/profile"
-							class="rounded-lg p-1.5 text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-						>
-							<User size={20} />
-						</a>
-
-						<button
-							onclick={handleLogout}
-							class="rounded-lg p-1.5 text-[hsl(var(--muted-foreground))] hover:text-red-500"
-							title="Abmelden"
-						>
-							<SignOut size={20} />
-						</button>
-					</div>
-				</div>
-
-				<!-- Mobile nav -->
-				<div class="flex gap-1 overflow-x-auto px-4 pb-2 md:hidden">
-					{#each navItems.slice(0, 11) as item}
-						<a
-							href={item.href}
-							class="shrink-0 rounded-full px-3 py-1 text-xs transition-colors {$page.url
-								.pathname === item.href
-								? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-								: 'bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]'}"
-						>
-							{item.label}
-						</a>
-					{/each}
-				</div>
-			</nav>
-		{/if}
-
-		<!-- Content -->
-		<main class="mx-auto w-full max-w-7xl flex-1 px-4 py-6">
-			{@render children()}
-		</main>
-	</div>
-
-	<!-- FAB for mobile - Start Timer -->
-	<button
-		onclick={() => goto('/?action=start')}
-		class="fixed bottom-6 right-6 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] shadow-lg transition-transform hover:scale-105 md:hidden"
-	>
-		<Play size={24} weight="fill" />
-	</button>
-
-	<GuestWelcomeModal
-		appId="times"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale="de"
-	/>
-	<SyncIndicator />
-</AuthGate>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index c0e2d0a1b..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,78 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import type { TimeEntry, Project, Client } from '@times/shared';
-	import {
-		getEntriesByDate,
-		getTotalDuration,
-		getBillableDuration,
-		formatDurationCompact,
-	} from '$lib/data/queries';
-	import { timerStore } from '$lib/stores/timer.svelte';
-	import TimerCard from '$lib/components/TimerCard.svelte';
-	import EntryList from '$lib/components/EntryList.svelte';
-	import EntryForm from '$lib/components/EntryForm.svelte';
-	import QuickStart from '$lib/components/QuickStart.svelte';
-	import KeyboardShortcuts from '$lib/components/KeyboardShortcuts.svelte';
-
-	const allTimeEntries = getContext<{ value: TimeEntry[] }>('timeEntries');
-
-	const today = new Date().toISOString().split('T')[0];
-
-	let todayEntries = $derived(
-		getEntriesByDate(allTimeEntries.value, today).filter((e) => !e.isRunning)
-	);
-	let todayTotal = $derived(getTotalDuration(todayEntries));
-	let todayBillable = $derived(getBillableDuration(todayEntries));
-
-	let showEntryForm = $state(false);
-</script>
-
-<svelte:head>
-	<title>Timer | Times</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<!-- Timer Card -->
-	<TimerCard />
-
-	<!-- Today's Summary -->
-	<div class="flex gap-4">
-		<div class="flex-1 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('common.total')}</p>
-			<p class="duration-display text-2xl font-bold text-[hsl(var(--foreground))]">
-				{formatDurationCompact(todayTotal)}
-			</p>
-		</div>
-		<div class="flex-1 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('entry.billable')}</p>
-			<p class="duration-display text-2xl font-bold text-[hsl(var(--primary))]">
-				{formatDurationCompact(todayBillable)}
-			</p>
-		</div>
-	</div>
-
-	<!-- Quick Start -->
-	<QuickStart />
-
-	<!-- Today's Entries -->
-	<div>
-		<div class="mb-3 flex items-center justify-between">
-			<h2 class="text-sm font-medium text-[hsl(var(--muted-foreground))]">
-				{$_('entry.today')} ({formatDurationCompact(todayTotal)})
-			</h2>
-			<button
-				onclick={() => (showEntryForm = true)}
-				class="rounded-lg border border-[hsl(var(--border))] px-3 py-1.5 text-xs text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--primary)/0.5)] hover:text-[hsl(var(--foreground))]"
-			>
-				+ {$_('entry.manual')}
-			</button>
-		</div>
-
-		<EntryList entries={todayEntries} />
-	</div>
-</div>
-
-<!-- Manual Entry Form -->
-<EntryForm visible={showEntryForm} onClose={() => (showEntryForm = false)} />
-<KeyboardShortcuts onNewEntry={() => (showEntryForm = true)} />
diff --git a/apps/times/apps/web-archived/src/routes/(app)/clients/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/clients/+page.svelte
deleted file mode 100644
index 5f7c28059..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/clients/+page.svelte
+++ /dev/null
@@ -1,357 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { clientCollection } from '$lib/data/local-store';
-	import { getTotalDuration, formatDurationCompact } from '$lib/data/queries';
-	import type { Client, Project, TimeEntry } from '@times/shared';
-	import { PROJECT_COLORS } from '@times/shared/constants';
-	import { ConfirmationModal } from '@manacore/shared-ui';
-	import { CaretRight } from '@manacore/shared-icons';
-
-	const allClients = getContext<{ value: Client[] }>('clients');
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allTimeEntries = getContext<{ value: TimeEntry[] }>('timeEntries');
-
-	let showCreateForm = $state(false);
-	let editingClientId = $state<string | null>(null);
-	let showArchived = $state(false);
-	let deleteConfirmId = $state<string | null>(null);
-
-	let newName = $state('');
-	let newShortCode = $state('');
-	let newEmail = $state('');
-	let newColor = $state(PROJECT_COLORS[4]);
-	let newRate = $state(0);
-
-	let activeClients = $derived(
-		allClients.value.filter((c) => !c.isArchived).sort((a, b) => a.order - b.order)
-	);
-	let archivedClients = $derived(allClients.value.filter((c) => c.isArchived));
-
-	function getClientProjects(clientId: string): Project[] {
-		return allProjects.value.filter((p) => p.clientId === clientId && !p.isArchived);
-	}
-
-	function getClientHours(clientId: string): number {
-		return getTotalDuration(
-			allTimeEntries.value.filter((e) => e.clientId === clientId && !e.isRunning)
-		);
-	}
-
-	async function handleCreate() {
-		if (!newName.trim()) return;
-		await clientCollection.insert({
-			id: crypto.randomUUID(),
-			name: newName.trim(),
-			shortCode: newShortCode || null,
-			contactId: null,
-			email: newEmail || null,
-			color: newColor,
-			isArchived: false,
-			billingRate: newRate > 0 ? { amount: newRate, currency: 'EUR', per: 'hour' } : null,
-			notes: null,
-			order: activeClients.length,
-		});
-		newName = '';
-		newShortCode = '';
-		newEmail = '';
-		newRate = 0;
-		showCreateForm = false;
-	}
-
-	async function handleArchive(id: string, archive: boolean) {
-		await clientCollection.update(id, { isArchived: archive });
-	}
-
-	function handleDelete(id: string) {
-		deleteConfirmId = id;
-	}
-
-	async function confirmDelete() {
-		if (!deleteConfirmId) return;
-		await clientCollection.delete(deleteConfirmId);
-		editingClientId = null;
-		deleteConfirmId = null;
-	}
-
-	// Edit state
-	let editName = $state('');
-	let editShortCode = $state('');
-	let editEmail = $state('');
-	let editColor = $state('');
-	let editRate = $state(0);
-
-	function startEditing(client: Client) {
-		editingClientId = client.id;
-		editName = client.name;
-		editShortCode = client.shortCode ?? '';
-		editEmail = client.email ?? '';
-		editColor = client.color;
-		editRate = client.billingRate?.amount ?? 0;
-	}
-
-	let editDebounce: ReturnType<typeof setTimeout> | null = null;
-	function autoSave(updates: Record<string, unknown>) {
-		if (!editingClientId) return;
-		if (editDebounce) clearTimeout(editDebounce);
-		const id = editingClientId;
-		editDebounce = setTimeout(() => {
-			clientCollection.update(id, updates);
-		}, 500);
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('nav.clients')} | Times</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.clients')}</h1>
-		<button
-			onclick={() => (showCreateForm = !showCreateForm)}
-			class="rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-		>
-			+ {$_('client.create')}
-		</button>
-	</div>
-
-	{#if showCreateForm}
-		<form
-			onsubmit={(e) => {
-				e.preventDefault();
-				handleCreate();
-			}}
-			class="rounded-xl border border-[hsl(var(--primary)/0.3)] bg-[hsl(var(--card))] p-4 space-y-3"
-		>
-			<div class="flex gap-2">
-				<input
-					type="text"
-					bind:value={newName}
-					placeholder={$_('client.name')}
-					class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-sm text-[hsl(var(--foreground))] focus:border-[hsl(var(--primary))] focus:outline-none"
-				/>
-				<input
-					type="text"
-					bind:value={newShortCode}
-					placeholder={$_('client.shortCode')}
-					class="w-24 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2.5 text-sm text-[hsl(var(--foreground))]"
-				/>
-			</div>
-			<div class="flex gap-2">
-				<input
-					type="email"
-					bind:value={newEmail}
-					placeholder={$_('client.email')}
-					class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-sm text-[hsl(var(--foreground))]"
-				/>
-				<div class="flex items-center gap-1">
-					<input
-						type="number"
-						bind:value={newRate}
-						min="0"
-						step="5"
-						placeholder="0"
-						class="w-20 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2.5 text-sm text-center text-[hsl(var(--foreground))]"
-					/>
-					<span class="text-xs text-[hsl(var(--muted-foreground))]">/h</span>
-				</div>
-			</div>
-			<div class="flex flex-wrap gap-2">
-				{#each PROJECT_COLORS as color}
-					<button
-						type="button"
-						onclick={() => (newColor = color)}
-						class="h-6 w-6 rounded-full border-2 transition-transform {newColor === color
-							? 'scale-125 border-white'
-							: 'border-transparent'}"
-						style="background-color: {color}"
-					></button>
-				{/each}
-			</div>
-			<div class="flex gap-2">
-				<button
-					type="button"
-					onclick={() => (showCreateForm = false)}
-					class="flex-1 rounded-lg border border-[hsl(var(--border))] py-2 text-sm text-[hsl(var(--muted-foreground))]"
-					>{$_('common.cancel')}</button
-				>
-				<button
-					type="submit"
-					class="flex-1 rounded-lg bg-[hsl(var(--primary))] py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-					>{$_('common.create')}</button
-				>
-			</div>
-		</form>
-	{/if}
-
-	{#if activeClients.length === 0 && !showCreateForm}
-		<div
-			class="rounded-xl border border-dashed border-[hsl(var(--border))] p-8 text-center text-[hsl(var(--muted-foreground))]"
-		>
-			<p>{$_('client.noClients')}</p>
-		</div>
-	{:else}
-		<div class="space-y-2">
-			{#each activeClients as client (client.id)}
-				{@const projects = getClientProjects(client.id)}
-				{@const hours = getClientHours(client.id)}
-				<div
-					class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] overflow-hidden"
-				>
-					{#if editingClientId === client.id}
-						<div class="p-4 space-y-3">
-							<div class="flex gap-2">
-								<input
-									type="text"
-									value={editName}
-									oninput={(e) => {
-										editName = (e.target as HTMLInputElement).value;
-										autoSave({ name: editName });
-									}}
-									class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm"
-								/>
-								<input
-									type="text"
-									value={editShortCode}
-									oninput={(e) => {
-										editShortCode = (e.target as HTMLInputElement).value;
-										autoSave({ shortCode: editShortCode || null });
-									}}
-									placeholder={$_('client.shortCode')}
-									class="w-24 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm"
-								/>
-							</div>
-							<div class="flex gap-2">
-								<input
-									type="email"
-									value={editEmail}
-									oninput={(e) => {
-										editEmail = (e.target as HTMLInputElement).value;
-										autoSave({ email: editEmail || null });
-									}}
-									placeholder={$_('client.email')}
-									class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm"
-								/>
-								<div class="flex items-center gap-1">
-									<input
-										type="number"
-										value={editRate}
-										min="0"
-										step="5"
-										oninput={(e) => {
-											editRate = parseInt((e.target as HTMLInputElement).value) || 0;
-											autoSave({
-												billingRate:
-													editRate > 0 ? { amount: editRate, currency: 'EUR', per: 'hour' } : null,
-											});
-										}}
-										class="w-20 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-center"
-									/>
-									<span class="text-xs text-[hsl(var(--muted-foreground))]">/h</span>
-								</div>
-							</div>
-							<div class="flex flex-wrap gap-1.5">
-								{#each PROJECT_COLORS as color}
-									<button
-										type="button"
-										onclick={() => {
-											editColor = color;
-											autoSave({ color });
-										}}
-										class="h-5 w-5 rounded-full border-2 {editColor === color
-											? 'border-white scale-110'
-											: 'border-transparent'}"
-										style="background-color: {color}"
-									></button>
-								{/each}
-							</div>
-							<div class="flex justify-end gap-2">
-								<button
-									onclick={() => handleArchive(client.id, true)}
-									class="text-xs text-[hsl(var(--muted-foreground))]">{$_('common.archive')}</button
-								>
-								<button onclick={() => handleDelete(client.id)} class="text-xs text-red-500"
-									>{$_('common.delete')}</button
-								>
-								<button
-									onclick={() => (editingClientId = null)}
-									class="text-xs text-[hsl(var(--primary))]">{$_('common.close')}</button
-								>
-							</div>
-						</div>
-					{:else}
-						<button
-							class="flex w-full items-center gap-3 p-4 text-left"
-							onclick={() => startEditing(client)}
-						>
-							<div
-								class="h-10 w-10 shrink-0 rounded-lg flex items-center justify-center text-white text-sm font-bold"
-								style="background-color: {client.color}"
-							>
-								{client.shortCode || client.name.charAt(0).toUpperCase()}
-							</div>
-							<div class="min-w-0 flex-1">
-								<p class="font-medium text-[hsl(var(--foreground))]">{client.name}</p>
-								<p class="text-xs text-[hsl(var(--muted-foreground))]">
-									{projects.length}
-									{$_('nav.projects')}
-									{#if client.billingRate}
-										· {client.billingRate.amount}
-										{client.billingRate.currency}/{$_('common.hours').toLowerCase().charAt(0)}
-									{/if}
-								</p>
-							</div>
-							<span class="duration-display text-sm font-medium text-[hsl(var(--foreground))]">
-								{formatDurationCompact(hours)}
-							</span>
-						</button>
-					{/if}
-				</div>
-			{/each}
-		</div>
-	{/if}
-
-	{#if archivedClients.length > 0}
-		<div>
-			<button
-				onclick={() => (showArchived = !showArchived)}
-				class="flex items-center gap-2 text-sm text-[hsl(var(--muted-foreground))]"
-			>
-				<CaretRight size={20} class="transition-transform {showArchived ? 'rotate-90' : ''}" />
-				{$_('project.archived')} ({archivedClients.length})
-			</button>
-			{#if showArchived}
-				<div class="mt-3 space-y-2">
-					{#each archivedClients as client}
-						<div
-							class="flex items-center justify-between rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3 opacity-60"
-						>
-							<div class="flex items-center gap-2">
-								<div
-									class="h-6 w-6 rounded flex items-center justify-center text-white text-xs font-bold"
-									style="background-color: {client.color}"
-								>
-									{client.shortCode || client.name.charAt(0)}
-								</div>
-								<span class="text-sm">{client.name}</span>
-							</div>
-							<button
-								onclick={() => handleArchive(client.id, false)}
-								class="text-xs text-[hsl(var(--primary))]">{$_('common.unarchive')}</button
-							>
-						</div>
-					{/each}
-				</div>
-			{/if}
-		</div>
-	{/if}
-</div>
-
-<ConfirmationModal
-	visible={deleteConfirmId !== null}
-	title={$_('common.delete')}
-	message={$_('client.deleteConfirm')}
-	onConfirm={confirmDelete}
-	onClose={() => (deleteConfirmId = null)}
-/>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/clients/[id]/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/clients/[id]/+page.svelte
deleted file mode 100644
index 2cb935d16..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/clients/[id]/+page.svelte
+++ /dev/null
@@ -1,154 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { clientCollection } from '$lib/data/local-store';
-	import {
-		getTotalDuration,
-		getBillableDuration,
-		formatDurationCompact,
-		formatDurationDecimal,
-	} from '$lib/data/queries';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import EntryList from '$lib/components/EntryList.svelte';
-	import type { Project, Client, TimeEntry } from '@times/shared';
-
-	const allClients = getContext<{ value: Client[] }>('clients');
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allTimeEntries = getContext<{ value: TimeEntry[] }>('timeEntries');
-
-	let clientId = $derived($page.params.id);
-
-	let client = $derived(allClients.value.find((c) => c.id === clientId));
-	let clientProjects = $derived(
-		allProjects.value.filter((p) => p.clientId === clientId).sort((a, b) => a.order - b.order)
-	);
-	let clientEntries = $derived(
-		allTimeEntries.value
-			.filter((e) => e.clientId === clientId && !e.isRunning)
-			.sort((a, b) => b.date.localeCompare(a.date))
-	);
-
-	let totalDuration = $derived(getTotalDuration(clientEntries));
-	let billableDuration = $derived(getBillableDuration(clientEntries));
-
-	function getProjectHours(projectId: string): number {
-		return getTotalDuration(clientEntries.filter((e) => e.projectId === projectId));
-	}
-
-	let billingValue = $derived(() => {
-		if (!client?.billingRate) return null;
-		return (billableDuration / 3600) * client.billingRate.amount;
-	});
-</script>
-
-<svelte:head>
-	<title>{client?.name || 'Kunde'} | Times</title>
-</svelte:head>
-
-{#if !client}
-	<div class="flex flex-col items-center justify-center py-20">
-		<p class="text-[hsl(var(--muted-foreground))]">Kunde nicht gefunden.</p>
-		<a href="/clients" class="mt-4 text-sm text-[hsl(var(--primary))]">{$_('common.back')}</a>
-	</div>
-{:else}
-	<div class="space-y-6">
-		<!-- Back + Header -->
-		<div>
-			<a
-				href="/clients"
-				class="mb-3 inline-flex items-center gap-1 text-sm text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-			>
-				<CaretLeft size={16} />
-				{$_('nav.clients')}
-			</a>
-
-			<div class="flex items-center gap-4">
-				<div
-					class="flex h-14 w-14 items-center justify-center rounded-xl text-xl font-bold text-white"
-					style="background-color: {client.color}"
-				>
-					{client.shortCode || client.name.charAt(0).toUpperCase()}
-				</div>
-				<div>
-					<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{client.name}</h1>
-					<p class="text-sm text-[hsl(var(--muted-foreground))]">
-						{#if client.shortCode}{client.shortCode} ·
-						{/if}
-						{#if client.email}{client.email} ·
-						{/if}
-						{#if client.billingRate}
-							{client.billingRate.amount} {client.billingRate.currency}/h
-						{/if}
-					</p>
-				</div>
-			</div>
-		</div>
-
-		<!-- Stats -->
-		<div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-				<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('report.totalHours')}</p>
-				<p class="duration-display mt-1 text-xl font-bold text-[hsl(var(--foreground))]">
-					{formatDurationDecimal(totalDuration)}h
-				</p>
-			</div>
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-				<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('report.billableHours')}</p>
-				<p class="duration-display mt-1 text-xl font-bold text-[hsl(var(--primary))]">
-					{formatDurationDecimal(billableDuration)}h
-				</p>
-			</div>
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-				<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('nav.projects')}</p>
-				<p class="mt-1 text-xl font-bold text-[hsl(var(--foreground))]">{clientProjects.length}</p>
-			</div>
-			{#if billingValue() !== null}
-				<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-					<p class="text-xs text-[hsl(var(--muted-foreground))]">Wert</p>
-					<p class="mt-1 text-xl font-bold text-[hsl(var(--primary))]">
-						{billingValue()!.toFixed(0)}
-						{client.billingRate!.currency}
-					</p>
-				</div>
-			{/if}
-		</div>
-
-		<!-- Projects -->
-		{#if clientProjects.length > 0}
-			<div>
-				<h2 class="mb-3 text-sm font-medium text-[hsl(var(--muted-foreground))]">
-					{$_('nav.projects')}
-				</h2>
-				<div class="grid gap-2 sm:grid-cols-2 lg:grid-cols-3">
-					{#each clientProjects as proj}
-						{@const hours = getProjectHours(proj.id)}
-						<a
-							href="/projects/{proj.id}"
-							class="entry-item flex items-center gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4"
-						>
-							<div class="h-3 w-3 rounded-full" style="background-color: {proj.color}"></div>
-							<div class="min-w-0 flex-1">
-								<p class="text-sm font-medium text-[hsl(var(--foreground))]">{proj.name}</p>
-								{#if proj.isBillable}
-									<span class="text-xs text-[hsl(var(--primary))]">{$_('project.billable')}</span>
-								{/if}
-							</div>
-							<span class="duration-display text-sm font-medium text-[hsl(var(--foreground))]">
-								{formatDurationCompact(hours)}
-							</span>
-						</a>
-					{/each}
-				</div>
-			</div>
-		{/if}
-
-		<!-- Entries -->
-		<div>
-			<h2 class="mb-3 text-sm font-medium text-[hsl(var(--muted-foreground))]">
-				{$_('nav.entries')} ({formatDurationCompact(totalDuration)})
-			</h2>
-			<EntryList entries={clientEntries} />
-		</div>
-	</div>
-{/if}
diff --git a/apps/times/apps/web-archived/src/routes/(app)/clock/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/clock/+page.svelte
deleted file mode 100644
index 1f5af0ebc..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/clock/+page.svelte
+++ /dev/null
@@ -1,100 +0,0 @@
-<script lang="ts">
-	import { Clock, Bell, Timer, Hourglass, Globe } from '@manacore/shared-icons';
-
-	const quickLinks = [
-		{
-			href: '/clock/world-clock',
-			icon: Globe,
-			label: 'Weltzeituhr',
-			description: 'Zeitzonen im Blick',
-			color: 'bg-blue-500',
-		},
-		{
-			href: '/clock/alarms',
-			icon: Bell,
-			label: 'Wecker',
-			description: 'Alarme verwalten',
-			color: 'bg-amber-500',
-		},
-		{
-			href: '/clock/timers',
-			icon: Timer,
-			label: 'Timer',
-			description: 'Countdowns starten',
-			color: 'bg-green-500',
-		},
-		{
-			href: '/clock/stopwatch',
-			icon: Hourglass,
-			label: 'Stoppuhr',
-			description: 'Zeit messen',
-			color: 'bg-purple-500',
-		},
-	];
-</script>
-
-<svelte:head>
-	<title>Times - Clock</title>
-</svelte:head>
-
-<div class="dashboard">
-	<header class="mb-8">
-		<h1 class="text-2xl font-bold text-foreground">Clock</h1>
-		<p class="text-muted-foreground text-sm mt-1">Dein Zeit-Management Hub</p>
-	</header>
-
-	<!-- Current Time Display -->
-	<div class="current-time-card mb-8 p-6 rounded-xl bg-card border border-border">
-		<div class="flex items-center gap-4">
-			<div class="p-3 rounded-full bg-primary/10">
-				<Clock size={32} class="text-primary" />
-			</div>
-			<div>
-				<div class="text-4xl font-bold text-foreground tabular-nums">
-					{new Date().toLocaleTimeString('de-DE', {
-						hour: '2-digit',
-						minute: '2-digit',
-						second: '2-digit',
-					})}
-				</div>
-				<div class="text-muted-foreground">
-					{new Date().toLocaleDateString('de-DE', {
-						weekday: 'long',
-						year: 'numeric',
-						month: 'long',
-						day: 'numeric',
-					})}
-				</div>
-			</div>
-		</div>
-	</div>
-
-	<!-- Quick Links Grid -->
-	<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-		{#each quickLinks as link}
-			<a
-				href={link.href}
-				class="quick-link p-4 rounded-xl bg-card border border-border hover:border-primary/50 transition-all hover:shadow-lg group"
-			>
-				<div class="flex flex-col items-center text-center gap-3">
-					<div
-						class="{link.color} p-3 rounded-full text-white group-hover:scale-110 transition-transform"
-					>
-						<link.icon size={24} />
-					</div>
-					<div>
-						<div class="font-medium text-foreground">{link.label}</div>
-						<div class="text-xs text-muted-foreground">{link.description}</div>
-					</div>
-				</div>
-			</a>
-		{/each}
-	</div>
-</div>
-
-<style>
-	.dashboard {
-		max-width: 800px;
-		margin: 0 auto;
-	}
-</style>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/clock/alarms/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/clock/alarms/+page.svelte
deleted file mode 100644
index ddbe2a302..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/clock/alarms/+page.svelte
+++ /dev/null
@@ -1,292 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { PageHeader, toast } from '@manacore/shared-ui';
-	import { alarmsStore } from '$lib/stores/alarms.svelte';
-	import type { Alarm } from '@times/shared';
-	import { ALARM_SOUNDS, DEFAULT_ALARM_PRESETS } from '@times/shared';
-
-	const allAlarms: { readonly value: Alarm[] } = getContext('alarms');
-
-	let newTime = $state('07:00');
-	let newLabel = $state('');
-	let newRepeatDays = $state<number[]>([]);
-	let showOptions = $state(false);
-
-	let showEditModal = $state(false);
-	let editingId = $state<string | null>(null);
-	let editTime = $state('07:00');
-	let editLabel = $state('');
-	let editRepeatDays = $state<number[]>([]);
-	let editSound = $state('default');
-	let editSnoozeMinutes = $state(5);
-
-	const dayNames = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
-
-	function findAlarmForPreset(presetTime: string): Alarm | undefined {
-		return allAlarms.value.find((a) => a.time.slice(0, 5) === presetTime);
-	}
-
-	async function togglePreset(presetTime: string, presetLabel: string) {
-		const existingAlarm = findAlarmForPreset(presetTime);
-		if (existingAlarm) {
-			await alarmsStore.toggleAlarm(existingAlarm.id, allAlarms.value);
-		} else {
-			const result = await alarmsStore.createAlarm({
-				time: presetTime + ':00',
-				label: presetLabel,
-				enabled: true,
-			});
-			if (result.success) {
-				toast.success('Wecker erstellt');
-			} else {
-				toast.error(result.error || 'Fehler beim Erstellen');
-			}
-		}
-	}
-
-	async function handleQuickCreate() {
-		const result = await alarmsStore.createAlarm({
-			time: newTime + ':00',
-			label: newLabel || undefined,
-			repeatDays: newRepeatDays.length > 0 ? newRepeatDays : undefined,
-			enabled: true,
-		});
-		if (result.success) {
-			toast.success('Wecker erstellt');
-			newTime = '07:00';
-			newLabel = '';
-			newRepeatDays = [];
-			showOptions = false;
-		} else {
-			toast.error(result.error || 'Fehler beim Erstellen');
-		}
-	}
-
-	function toggleNewDay(day: number) {
-		if (newRepeatDays.includes(day)) {
-			newRepeatDays = newRepeatDays.filter((d) => d !== day);
-		} else {
-			newRepeatDays = [...newRepeatDays, day];
-		}
-	}
-
-	function openEditModal(alarm: Alarm) {
-		editingId = alarm.id;
-		editTime = alarm.time.slice(0, 5);
-		editLabel = alarm.label || '';
-		editRepeatDays = alarm.repeatDays || [];
-		editSound = alarm.sound || 'default';
-		editSnoozeMinutes = alarm.snoozeMinutes || 5;
-		showEditModal = true;
-	}
-
-	function closeEditModal() {
-		showEditModal = false;
-		editingId = null;
-	}
-
-	function toggleEditDay(day: number) {
-		if (editRepeatDays.includes(day)) {
-			editRepeatDays = editRepeatDays.filter((d) => d !== day);
-		} else {
-			editRepeatDays = [...editRepeatDays, day];
-		}
-	}
-
-	async function handleEditSubmit() {
-		if (!editingId) return;
-		const result = await alarmsStore.updateAlarm(editingId, {
-			time: editTime + ':00',
-			label: editLabel || undefined,
-			repeatDays: editRepeatDays.length > 0 ? editRepeatDays : undefined,
-			sound: editSound,
-			snoozeMinutes: editSnoozeMinutes,
-		});
-		if (result.success) {
-			toast.success('Wecker aktualisiert');
-			closeEditModal();
-		} else {
-			toast.error(result.error || 'Fehler beim Speichern');
-		}
-	}
-
-	async function handleDelete(id: string) {
-		const result = await alarmsStore.deleteAlarm(id);
-		if (result.success) {
-			toast.success('Wecker gelöscht');
-		} else {
-			toast.error(result.error || 'Fehler beim Löschen');
-		}
-	}
-
-	async function handleToggle(id: string) {
-		await alarmsStore.toggleAlarm(id, allAlarms.value);
-	}
-
-	function getRepeatText(days: number[] | null) {
-		if (!days || days.length === 0) return 'Einmalig';
-		if (days.length === 7) return 'Täglich';
-		if (days.length === 5 && [1, 2, 3, 4, 5].every((d) => days.includes(d))) return 'Wochentags';
-		if (days.length === 2 && days.includes(0) && days.includes(6)) return 'Am Wochenende';
-		return days.map((d) => dayNames[d]).join(', ');
-	}
-</script>
-
-<PageHeader title={$_('clock.alarm.title')} size="md" centered />
-
-<div class="space-y-4">
-	<div class="quick-create">
-		<input type="time" class="time-input-inline" bind:value={newTime} />
-		<input type="text" class="label-input" placeholder="Bezeichnung" bind:value={newLabel} />
-		<button
-			class="text-xs text-muted-foreground hover:text-foreground transition-colors px-2"
-			onclick={() => (showOptions = !showOptions)}
-			title="Wiederholung"
-		>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="h-4 w-4"
-				class:text-primary={newRepeatDays.length > 0}
-				viewBox="0 0 20 20"
-				fill="currentColor"
-			>
-				<path
-					fill-rule="evenodd"
-					d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z"
-					clip-rule="evenodd"
-				/>
-			</svg>
-		</button>
-		<button class="btn btn-primary btn-sm" onclick={handleQuickCreate}> + </button>
-	</div>
-
-	{#if showOptions}
-		<div class="day-selector-compact">
-			{#each dayNames as day, i}
-				<button
-					type="button"
-					class:active={newRepeatDays.includes(i)}
-					onclick={() => toggleNewDay(i)}
-				>
-					{day}
-				</button>
-			{/each}
-		</div>
-	{/if}
-
-	<div class="alarm-grid">
-		{#each DEFAULT_ALARM_PRESETS as preset}
-			{@const existingAlarm = findAlarmForPreset(preset.time)}
-			{@const isActive = existingAlarm?.enabled ?? false}
-			<div
-				class="alarm-tile"
-				class:active={isActive}
-				role="button"
-				tabindex="0"
-				onclick={() => togglePreset(preset.time, preset.label)}
-				onkeydown={(e) => e.key === 'Enter' && togglePreset(preset.time, preset.label)}
-			>
-				<div class="text-xl font-light text-foreground tabular-nums text-center">
-					{preset.time}
-				</div>
-				<div class="text-[10px] text-muted-foreground text-center truncate mt-0.5">
-					{existingAlarm?.label || preset.label}
-				</div>
-			</div>
-		{/each}
-	</div>
-
-	{#if allAlarms.value.filter((a) => !DEFAULT_ALARM_PRESETS.some((p) => p.time === a.time.slice(0, 5))).length > 0}
-		{@const customAlarms = allAlarms.value.filter(
-			(a) => !DEFAULT_ALARM_PRESETS.some((p) => p.time === a.time.slice(0, 5))
-		)}
-		<div class="mt-4">
-			<h2 class="text-xs font-medium text-muted-foreground mb-2 uppercase tracking-wide">
-				{$_('clock.alarm.custom')}
-			</h2>
-			<div class="alarm-grid">
-				{#each customAlarms as alarm (alarm.id)}
-					<div
-						class="alarm-tile"
-						class:active={alarm.enabled}
-						role="button"
-						tabindex="0"
-						onclick={() => handleToggle(alarm.id)}
-						onkeydown={(e) => e.key === 'Enter' && handleToggle(alarm.id)}
-					>
-						<div class="text-xl font-light text-foreground tabular-nums text-center">
-							{alarm.time.slice(0, 5)}
-						</div>
-						<div class="text-[10px] text-muted-foreground text-center truncate mt-0.5">
-							{alarm.label || getRepeatText(alarm.repeatDays)}
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	{/if}
-
-	{#if showEditModal}
-		<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
-			<div class="card w-full max-w-md">
-				<h2 class="mb-4 text-xl font-semibold">{$_('clock.alarm.edit')}</h2>
-				<form
-					onsubmit={(e) => {
-						e.preventDefault();
-						handleEditSubmit();
-					}}
-				>
-					<div class="mb-4">
-						<label class="mb-1 block text-sm font-medium">{$_('clock.alarm.time')}</label>
-						<input type="time" class="input time-input" bind:value={editTime} />
-					</div>
-					<div class="mb-4">
-						<label class="mb-1 block text-sm font-medium">{$_('clock.alarm.label')}</label>
-						<input
-							type="text"
-							class="input"
-							placeholder="Arbeit, Sport, etc."
-							bind:value={editLabel}
-						/>
-					</div>
-					<div class="mb-4">
-						<label class="mb-2 block text-sm font-medium">{$_('clock.alarm.repeat')}</label>
-						<div class="day-selector">
-							{#each dayNames as day, i}
-								<button
-									type="button"
-									class:active={editRepeatDays.includes(i)}
-									onclick={() => toggleEditDay(i)}>{day}</button
-								>
-							{/each}
-						</div>
-					</div>
-					<div class="mb-4">
-						<label class="mb-1 block text-sm font-medium">{$_('clock.alarm.sound')}</label>
-						<select class="input" bind:value={editSound}>
-							{#each ALARM_SOUNDS as sound}
-								<option value={sound.id}>{sound.nameDE}</option>
-							{/each}
-						</select>
-					</div>
-					<div class="mb-6">
-						<label class="mb-1 block text-sm font-medium">{$_('clock.alarm.snooze')}</label>
-						<select class="input" bind:value={editSnoozeMinutes}>
-							<option value={5}>5 Minuten</option>
-							<option value={10}>10 Minuten</option>
-							<option value={15}>15 Minuten</option>
-							<option value={30}>30 Minuten</option>
-						</select>
-					</div>
-					<div class="flex gap-3">
-						<button type="button" class="btn btn-secondary flex-1" onclick={closeEditModal}
-							>{$_('common.cancel')}</button
-						>
-						<button type="submit" class="btn btn-primary flex-1">{$_('common.save')}</button>
-					</div>
-				</form>
-			</div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/clock/stopwatch/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/clock/stopwatch/+page.svelte
deleted file mode 100644
index 772bf8cad..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/clock/stopwatch/+page.svelte
+++ /dev/null
@@ -1,396 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { PageHeader } from '@manacore/shared-ui';
-	import { Clock } from '@manacore/shared-icons';
-	import {
-		stopwatchesStore,
-		formatTime,
-		formatLapTime,
-		type Stopwatch,
-	} from '$lib/stores/stopwatch.svelte';
-
-	let editingLabelId = $state<string | null>(null);
-	let editingLabelValue = $state('');
-
-	function handleCreateNew() {
-		const id = stopwatchesStore.create();
-		stopwatchesStore.start(id);
-	}
-
-	function handleFocus(id: string) {
-		stopwatchesStore.setFocused(id);
-	}
-
-	function startEditLabel(sw: Stopwatch) {
-		editingLabelId = sw.id;
-		editingLabelValue = sw.label;
-	}
-
-	function saveLabel() {
-		if (editingLabelId && editingLabelValue.trim()) {
-			stopwatchesStore.updateLabel(editingLabelId, editingLabelValue.trim());
-		}
-		editingLabelId = null;
-	}
-
-	function handleLabelKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') saveLabel();
-		else if (e.key === 'Escape') editingLabelId = null;
-	}
-
-	function getBestLap(sw: Stopwatch) {
-		if (sw.laps.length < 2) return null;
-		return sw.laps.reduce((best, lap) => (lap.delta < best.delta ? lap : best));
-	}
-
-	function getWorstLap(sw: Stopwatch) {
-		if (sw.laps.length < 2) return null;
-		return sw.laps.reduce((worst, lap) => (lap.delta > worst.delta ? lap : worst));
-	}
-
-	let focused = $derived(stopwatchesStore.focusedStopwatch);
-	let otherStopwatches = $derived(
-		stopwatchesStore.stopwatches.filter((sw) => sw.id !== stopwatchesStore.focusedId)
-	);
-</script>
-
-<div class="flex items-center justify-between mb-6">
-	<PageHeader title={$_('clock.stopwatch.title')} size="md" />
-	<button class="btn btn-primary btn-sm" onclick={handleCreateNew}>
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			class="h-4 w-4 mr-1"
-			viewBox="0 0 20 20"
-			fill="currentColor"
-		>
-			<path
-				fill-rule="evenodd"
-				d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
-				clip-rule="evenodd"
-			/>
-		</svg>
-		{$_('clock.stopwatch.new')}
-	</button>
-</div>
-
-{#if stopwatchesStore.stopwatches.length === 0}
-	<div class="flex flex-col items-center justify-center py-16 text-center">
-		<div class="w-24 h-24 mb-6 rounded-full bg-muted flex items-center justify-center">
-			<Clock size={20} class="text-muted-foreground" />
-		</div>
-		<h2 class="text-xl font-medium text-foreground mb-2">{$_('clock.stopwatch.noStopwatches')}</h2>
-		<p class="text-muted-foreground mb-6 max-w-sm">
-			{$_('clock.stopwatch.noStopwatchesDescription')}
-		</p>
-		<button class="btn btn-primary btn-lg" onclick={handleCreateNew}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="h-5 w-5 mr-2"
-				viewBox="0 0 20 20"
-				fill="currentColor"
-			>
-				<path
-					fill-rule="evenodd"
-					d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
-					clip-rule="evenodd"
-				/>
-			</svg>
-			{$_('clock.stopwatch.startFirst')}
-		</button>
-	</div>
-{:else}
-	<div class="space-y-4">
-		{#if focused}
-			{@const bestLap = getBestLap(focused)}
-			{@const worstLap = getWorstLap(focused)}
-			{@const isRunning = focused.status === 'running'}
-			<div class="stopwatch-card-focused" style="--sw-color: {focused.color}">
-				<div class="flex items-center justify-between mb-4">
-					<div class="flex items-center gap-2">
-						<div
-							class="w-3 h-3 rounded-full"
-							class:animate-pulse={isRunning}
-							style="background-color: {focused.color}"
-						></div>
-						{#if editingLabelId === focused.id}
-							<input
-								type="text"
-								class="bg-transparent border-b border-primary text-lg font-medium focus:outline-none"
-								bind:value={editingLabelValue}
-								onblur={saveLabel}
-								onkeydown={handleLabelKeydown}
-								autofocus
-							/>
-						{:else}
-							<button
-								class="text-lg font-medium hover:text-primary transition-colors"
-								onclick={() => startEditLabel(focused)}
-							>
-								{focused.label}
-							</button>
-						{/if}
-					</div>
-					<button
-						class="text-muted-foreground hover:text-error transition-colors p-1"
-						onclick={() => stopwatchesStore.delete(focused.id)}
-					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-5 w-5"
-							viewBox="0 0 20 20"
-							fill="currentColor"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
-								clip-rule="evenodd"
-							/>
-						</svg>
-					</button>
-				</div>
-
-				<div class="flex flex-col items-center mb-6">
-					<div
-						class="digital-clock text-5xl sm:text-6xl font-light tabular-nums"
-						class:text-primary={isRunning}
-					>
-						{formatTime(stopwatchesStore.getElapsed(focused))}
-					</div>
-					{#if focused.laps.length > 0}
-						<div class="text-sm text-muted-foreground mt-1">
-							{focused.laps.length}
-							{$_('clock.stopwatch.laps')}
-						</div>
-					{/if}
-				</div>
-
-				<div class="flex justify-center gap-3 mb-6">
-					{#if isRunning}
-						<button
-							class="btn btn-secondary btn-lg"
-							onclick={() => stopwatchesStore.pause(focused.id)}
-						>
-							{$_('clock.stopwatch.stop')}
-						</button>
-						<button
-							class="btn btn-primary btn-lg"
-							onclick={() => stopwatchesStore.addLap(focused.id)}
-						>
-							{$_('clock.stopwatch.lap')}
-						</button>
-					{:else if focused.elapsedTime > 0}
-						<button
-							class="btn btn-primary btn-lg"
-							onclick={() => stopwatchesStore.start(focused.id)}
-						>
-							{$_('clock.stopwatch.continue')}
-						</button>
-						<button
-							class="btn btn-secondary btn-lg"
-							onclick={() => stopwatchesStore.reset(focused.id)}
-						>
-							{$_('clock.stopwatch.reset')}
-						</button>
-					{:else}
-						<button
-							class="btn btn-primary btn-lg"
-							onclick={() => stopwatchesStore.start(focused.id)}
-						>
-							{$_('clock.stopwatch.start')}
-						</button>
-					{/if}
-				</div>
-
-				{#if focused.laps.length > 0}
-					<div class="border-t border-border pt-4">
-						<h3 class="text-sm font-medium text-muted-foreground mb-3">
-							{$_('clock.stopwatch.laps')} ({focused.laps.length})
-						</h3>
-						<div class="max-h-48 overflow-y-auto space-y-1 scrollbar-thin">
-							{#each [...focused.laps].reverse() as lap (lap.number)}
-								{@const isBest = bestLap?.number === lap.number}
-								{@const isWorst = worstLap?.number === lap.number}
-								<div class="lap-item rounded-md" class:best={isBest} class:worst={isWorst}>
-									<span class="text-sm flex items-center gap-2">
-										<span class="text-muted-foreground">#{lap.number}</span>
-										{#if isBest}
-											<span class="text-xs px-1.5 py-0.5 rounded bg-success/20 text-success"
-												>{$_('clock.stopwatch.best')}</span
-											>
-										{:else if isWorst}
-											<span class="text-xs px-1.5 py-0.5 rounded bg-error/20 text-error"
-												>{$_('clock.stopwatch.worst')}</span
-											>
-										{/if}
-									</span>
-									<div class="text-right">
-										<span class="font-mono text-sm">{formatLapTime(lap.delta)}</span>
-										<span class="font-mono text-xs text-muted-foreground ml-2">
-											{formatTime(lap.time)}
-										</span>
-									</div>
-								</div>
-							{/each}
-						</div>
-						<div class="flex justify-between border-t border-border mt-3 pt-3">
-							<span class="text-sm font-medium">{$_('clock.stopwatch.total')}</span>
-							<span class="font-mono text-sm font-medium">
-								{formatTime(stopwatchesStore.getElapsed(focused))}
-							</span>
-						</div>
-					</div>
-				{/if}
-			</div>
-		{/if}
-
-		{#if otherStopwatches.length > 0}
-			<div>
-				<h2 class="text-xs font-medium text-muted-foreground mb-2 uppercase tracking-wide">
-					{$_('clock.stopwatch.otherStopwatches')} ({otherStopwatches.length})
-				</h2>
-				<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-2">
-					{#each otherStopwatches as sw (sw.id)}
-						{@const swRunning = sw.status === 'running'}
-						<div
-							class="stopwatch-card-compact"
-							class:running={swRunning}
-							style="--sw-color: {sw.color}"
-							onclick={() => handleFocus(sw.id)}
-							onkeydown={(e) => e.key === 'Enter' && handleFocus(sw.id)}
-							role="button"
-							tabindex="0"
-						>
-							<div class="flex items-center justify-between mb-2">
-								<div
-									class="w-2 h-2 rounded-full"
-									class:animate-pulse={swRunning}
-									style="background-color: {sw.color}"
-								></div>
-								<button
-									class="text-muted-foreground hover:text-error p-0.5 -mr-1"
-									onclick={(e) => {
-										e.stopPropagation();
-										stopwatchesStore.delete(sw.id);
-									}}
-								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-3.5 w-3.5"
-										viewBox="0 0 20 20"
-										fill="currentColor"
-									>
-										<path
-											fill-rule="evenodd"
-											d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-											clip-rule="evenodd"
-										/>
-									</svg>
-								</button>
-							</div>
-							<div class="text-xl font-light tabular-nums mb-1" class:text-primary={swRunning}>
-								{formatTime(stopwatchesStore.getElapsed(sw))}
-							</div>
-							<div class="text-xs text-muted-foreground truncate mb-2">{sw.label}</div>
-							<div class="flex gap-1">
-								{#if swRunning}
-									<button
-										class="btn btn-secondary btn-sm flex-1 text-xs"
-										onclick={(e) => {
-											e.stopPropagation();
-											stopwatchesStore.pause(sw.id);
-										}}
-									>
-										{$_('clock.stopwatch.stop')}
-									</button>
-								{:else}
-									<button
-										class="btn btn-primary btn-sm flex-1 text-xs"
-										onclick={(e) => {
-											e.stopPropagation();
-											stopwatchesStore.start(sw.id);
-										}}
-									>
-										{sw.elapsedTime > 0
-											? $_('clock.stopwatch.continue')
-											: $_('clock.stopwatch.start')}
-									</button>
-								{/if}
-								{#if sw.elapsedTime > 0 && !swRunning}
-									<button
-										class="btn btn-ghost btn-sm text-xs"
-										onclick={(e) => {
-											e.stopPropagation();
-											stopwatchesStore.reset(sw.id);
-										}}
-									>
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											class="h-3.5 w-3.5"
-											viewBox="0 0 20 20"
-											fill="currentColor"
-										>
-											<path
-												fill-rule="evenodd"
-												d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z"
-												clip-rule="evenodd"
-											/>
-										</svg>
-									</button>
-								{/if}
-							</div>
-						</div>
-					{/each}
-				</div>
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<style>
-	.stopwatch-card-focused {
-		background-color: hsl(var(--color-surface));
-		border-radius: var(--radius-lg);
-		padding: var(--spacing-lg);
-		border: 2px solid var(--sw-color, hsl(var(--color-primary)));
-		box-shadow: 0 0 20px
-			color-mix(in srgb, var(--sw-color, hsl(var(--color-primary))) 20%, transparent);
-	}
-
-	.stopwatch-card-compact {
-		position: relative;
-		background-color: hsl(var(--color-surface));
-		border-radius: var(--radius-md);
-		padding: 0.75rem;
-		border: 1px solid hsl(var(--color-border));
-		transition: all var(--transition-base);
-		cursor: pointer;
-		text-align: left;
-	}
-
-	.stopwatch-card-compact:hover {
-		border-color: var(--sw-color, hsl(var(--color-primary)));
-		background-color: hsl(var(--color-muted) / 0.3);
-	}
-
-	.stopwatch-card-compact.running {
-		border-color: var(--sw-color, hsl(var(--color-primary)));
-		box-shadow: 0 0 10px
-			color-mix(in srgb, var(--sw-color, hsl(var(--color-primary))) 15%, transparent);
-	}
-
-	.lap-item {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 0.5rem 0.75rem;
-		background-color: hsl(var(--color-muted) / 0.3);
-	}
-
-	.lap-item.best {
-		background-color: hsl(var(--color-success) / 0.1);
-	}
-
-	.lap-item.worst {
-		background-color: hsl(var(--color-error) / 0.1);
-	}
-</style>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/clock/timers/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/clock/timers/+page.svelte
deleted file mode 100644
index d2ec81242..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/clock/timers/+page.svelte
+++ /dev/null
@@ -1,286 +0,0 @@
-<script lang="ts">
-	import { getContext, onDestroy } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { browser } from '$app/environment';
-	import { PageHeader, toast } from '@manacore/shared-ui';
-	import { countdownTimersStore } from '$lib/stores/countdown-timers.svelte';
-	import { QUICK_TIMER_PRESETS, formatCountdownDuration } from '@times/shared';
-	import type { CountdownTimer } from '@times/shared';
-
-	const allTimersQuery: { readonly value: CountdownTimer[] } = getContext('countdownTimers');
-
-	let formMinutes = $state(5);
-	let formSeconds = $state(0);
-	let formLabel = $state('');
-
-	interface LocalTimer {
-		id: string;
-		label: string;
-		durationSeconds: number;
-		remainingSeconds: number;
-		status: 'idle' | 'running' | 'paused' | 'finished';
-		createdAt: Date;
-	}
-	let localTimers = $state<LocalTimer[]>([]);
-	let intervals: Map<string, ReturnType<typeof setInterval>> = new Map();
-	let allTimers = $derived([...allTimersQuery.value, ...localTimers]);
-
-	onDestroy(() => {
-		intervals.forEach((interval) => clearInterval(interval));
-	});
-
-	function startLocalCountdown(timerId: string, isLocal: boolean = false) {
-		if (intervals.has(timerId)) {
-			clearInterval(intervals.get(timerId));
-		}
-
-		const interval = setInterval(() => {
-			if (isLocal) {
-				const timer = localTimers.find((t) => t.id === timerId);
-				if (!timer || timer.status !== 'running') {
-					clearInterval(interval);
-					intervals.delete(timerId);
-					return;
-				}
-
-				const newRemaining = Math.max(0, timer.remainingSeconds - 1);
-				localTimers = localTimers.map((t) =>
-					t.id === timerId
-						? {
-								...t,
-								remainingSeconds: newRemaining,
-								status: newRemaining === 0 ? 'finished' : 'running',
-							}
-						: t
-				);
-
-				if (newRemaining === 0) {
-					clearInterval(interval);
-					intervals.delete(timerId);
-					toast.success($_('clock.timer.finished'));
-					if (browser && 'Notification' in window && Notification.permission === 'granted') {
-						new Notification('Timer', { body: 'Timer abgelaufen!' });
-					}
-				}
-			} else {
-				const timer = allTimersQuery.value.find((t) => t.id === timerId);
-				if (!timer || timer.status !== 'running') {
-					clearInterval(interval);
-					intervals.delete(timerId);
-					return;
-				}
-
-				const newRemaining = Math.max(0, (timer.remainingSeconds || 0) - 1);
-				countdownTimersStore.updateLocalTimer(timerId, newRemaining);
-
-				if (newRemaining === 0) {
-					clearInterval(interval);
-					intervals.delete(timerId);
-					toast.success($_('clock.timer.finished'));
-				}
-			}
-		}, 1000);
-
-		intervals.set(timerId, interval);
-	}
-
-	function createAndStartTimer() {
-		const durationSeconds = formMinutes * 60 + formSeconds;
-		if (durationSeconds <= 0) {
-			toast.error('Bitte eine g\u00FCltige Zeit eingeben');
-			return;
-		}
-
-		const newTimer: LocalTimer = {
-			id: crypto.randomUUID(),
-			label: formLabel || formatCountdownDuration(durationSeconds),
-			durationSeconds,
-			remainingSeconds: durationSeconds,
-			status: 'running',
-			createdAt: new Date(),
-		};
-		localTimers = [...localTimers, newTimer];
-		startLocalCountdown(newTimer.id, true);
-		toast.success('Timer gestartet');
-		formLabel = '';
-	}
-
-	function setPreset(seconds: number) {
-		formMinutes = Math.floor(seconds / 60);
-		formSeconds = seconds % 60;
-	}
-
-	async function handleStart(id: string, isLocal: boolean) {
-		if (isLocal) {
-			localTimers = localTimers.map((t) =>
-				t.id === id ? { ...t, status: 'running' as const } : t
-			);
-			startLocalCountdown(id, true);
-		} else {
-			const result = await countdownTimersStore.startTimer(id);
-			if (result.success) startLocalCountdown(id, false);
-		}
-	}
-
-	async function handlePause(id: string, isLocal: boolean) {
-		if (intervals.has(id)) {
-			clearInterval(intervals.get(id));
-			intervals.delete(id);
-		}
-		if (isLocal) {
-			localTimers = localTimers.map((t) => (t.id === id ? { ...t, status: 'paused' as const } : t));
-		} else {
-			await countdownTimersStore.pauseTimer(id);
-		}
-	}
-
-	async function handleReset(id: string, isLocal: boolean) {
-		if (intervals.has(id)) {
-			clearInterval(intervals.get(id));
-			intervals.delete(id);
-		}
-		if (isLocal) {
-			localTimers = localTimers.map((t) =>
-				t.id === id ? { ...t, remainingSeconds: t.durationSeconds, status: 'idle' as const } : t
-			);
-		} else {
-			await countdownTimersStore.resetTimer(id);
-		}
-	}
-
-	async function handleDelete(id: string, isLocal: boolean) {
-		if (intervals.has(id)) {
-			clearInterval(intervals.get(id));
-			intervals.delete(id);
-		}
-		if (isLocal) {
-			localTimers = localTimers.filter((t) => t.id !== id);
-		} else {
-			await countdownTimersStore.deleteTimer(id);
-		}
-	}
-
-	function getTimerDisplay(timer: any) {
-		const remaining = timer.remainingSeconds ?? timer.durationSeconds;
-		return formatCountdownDuration(remaining);
-	}
-
-	function getProgress(timer: any) {
-		const remaining = timer.remainingSeconds ?? timer.durationSeconds;
-		return (remaining / timer.durationSeconds) * 100;
-	}
-
-	function isLocalTimer(timer: any): boolean {
-		return localTimers.some((t) => t.id === timer.id);
-	}
-</script>
-
-<PageHeader title={$_('clock.timer.title')} size="md" centered />
-
-<div class="space-y-4">
-	<div class="quick-create">
-		<div class="flex items-center gap-1">
-			<input
-				type="number"
-				class="time-input-inline w-12 text-center"
-				min="0"
-				max="99"
-				bind:value={formMinutes}
-			/>
-			<span class="text-muted-foreground">:</span>
-			<input
-				type="number"
-				class="time-input-inline w-12 text-center"
-				min="0"
-				max="59"
-				bind:value={formSeconds}
-			/>
-		</div>
-		<input type="text" class="label-input" placeholder="Bezeichnung" bind:value={formLabel} />
-		<button class="btn btn-primary btn-sm" onclick={createAndStartTimer}> Start </button>
-	</div>
-
-	<div class="grid grid-cols-4 sm:grid-cols-8 gap-1.5">
-		{#each QUICK_TIMER_PRESETS as preset}
-			<button class="alarm-tile text-center" onclick={() => setPreset(preset.seconds)}>
-				<span class="text-lg font-light tabular-nums">{preset.label}</span>
-			</button>
-		{/each}
-	</div>
-
-	{#if allTimers.length > 0}
-		<div>
-			<h2 class="text-xs font-medium text-muted-foreground mb-2 uppercase tracking-wide">
-				Aktiv ({allTimers.length})
-			</h2>
-			<div class="grid grid-cols-2 sm:grid-cols-3 gap-2">
-				{#each allTimers as timer (timer.id)}
-					{@const isLocal = isLocalTimer(timer)}
-					<div class="alarm-tile" class:active={timer.status === 'running'}>
-						<div class="flex items-start justify-between mb-1">
-							<span
-								class="text-xl font-light tabular-nums"
-								class:text-primary={timer.status === 'running'}
-								class:text-green-500={timer.status === 'finished'}
-							>
-								{getTimerDisplay(timer)}
-							</span>
-							<button
-								class="text-muted-foreground hover:text-error p-0.5 -mr-1"
-								onclick={(e) => {
-									e.stopPropagation();
-									handleDelete(timer.id, isLocal);
-								}}
-							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-3.5 w-3.5"
-									viewBox="0 0 20 20"
-									fill="currentColor"
-								>
-									<path
-										fill-rule="evenodd"
-										d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-										clip-rule="evenodd"
-									/>
-								</svg>
-							</button>
-						</div>
-						<div class="text-[10px] text-muted-foreground truncate mb-2">{timer.label}</div>
-						<div class="h-1 bg-muted rounded-full overflow-hidden mb-2">
-							<div
-								class="h-full rounded-full transition-all duration-1000"
-								class:bg-primary={timer.status !== 'finished'}
-								class:bg-green-500={timer.status === 'finished'}
-								style="width: {getProgress(timer)}%"
-							></div>
-						</div>
-						<div class="flex gap-1">
-							{#if timer.status === 'running'}
-								<button
-									class="btn btn-secondary btn-sm flex-1 text-xs"
-									onclick={() => handlePause(timer.id, isLocal)}
-								>
-									Pause
-								</button>
-							{:else}
-								<button
-									class="btn btn-primary btn-sm flex-1 text-xs"
-									onclick={() => handleStart(timer.id, isLocal)}
-								>
-									{timer.status === 'finished' ? 'Neu' : 'Start'}
-								</button>
-							{/if}
-							<button
-								class="btn btn-ghost btn-sm text-xs"
-								onclick={() => handleReset(timer.id, isLocal)}
-							>
-								Reset
-							</button>
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/clock/world-clock/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/clock/world-clock/+page.svelte
deleted file mode 100644
index 207fdcfdb..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/clock/world-clock/+page.svelte
+++ /dev/null
@@ -1,321 +0,0 @@
-<script lang="ts">
-	import { getContext, onDestroy } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { PageHeader, toast } from '@manacore/shared-ui';
-	import { worldClocksStore } from '$lib/stores/world-clocks.svelte';
-	import { POPULAR_TIMEZONES } from '@times/shared';
-	import type { WorldClock } from '@times/shared';
-	import WorldMap from '$lib/components/clock/WorldMap.svelte';
-	import { Monitor } from '@manacore/shared-icons';
-
-	const allWorldClocks: { readonly value: WorldClock[] } = getContext('worldClocks');
-
-	let showAddModal = $state(false);
-	let searchQuery = $state('');
-	let currentTime = $state(new Date());
-	let interval: ReturnType<typeof setInterval> | null = null;
-	let showMap = $state(true);
-
-	let selectedTimezones = $derived(allWorldClocks.value.map((wc) => wc.timezone));
-
-	function handleMapCityClick(timezone: string, cityName: string) {
-		const alreadyAdded = allWorldClocks.value.some((wc) => wc.timezone === timezone);
-		if (alreadyAdded) {
-			toast.info(`${cityName} ist bereits hinzugefügt`);
-		} else {
-			addCity(timezone, cityName);
-		}
-	}
-
-	let filteredTimezones = $derived(
-		searchQuery
-			? POPULAR_TIMEZONES.filter(
-					(tz) =>
-						tz.city.toLowerCase().includes(searchQuery.toLowerCase()) ||
-						tz.timezone.toLowerCase().includes(searchQuery.toLowerCase())
-				)
-			: POPULAR_TIMEZONES
-	);
-
-	interval = setInterval(() => {
-		currentTime = new Date();
-	}, 1000);
-
-	onDestroy(() => {
-		if (interval) clearInterval(interval);
-	});
-
-	function openAddModal() {
-		searchQuery = '';
-		showAddModal = true;
-	}
-
-	function closeAddModal() {
-		showAddModal = false;
-	}
-
-	async function addCity(timezone: string, cityName: string) {
-		const result = await worldClocksStore.addWorldClock(
-			{ timezone, cityName },
-			allWorldClocks.value.length
-		);
-		if (result.success) {
-			toast.success(`${cityName} hinzugefügt`);
-			closeAddModal();
-		} else {
-			toast.error(result.error || 'Fehler beim Hinzufügen');
-		}
-	}
-
-	async function removeCity(id: string) {
-		const result = await worldClocksStore.removeWorldClock(id);
-		if (result.success) {
-			toast.success('Stadt entfernt');
-		}
-	}
-
-	function getTimeForTimezone(timezone: string) {
-		try {
-			const formatter = new Intl.DateTimeFormat('de-DE', {
-				timeZone: timezone,
-				hour: '2-digit',
-				minute: '2-digit',
-				hour12: false,
-			});
-			return formatter.format(currentTime);
-		} catch {
-			return '--:--';
-		}
-	}
-
-	function getDateForTimezone(timezone: string) {
-		try {
-			const formatter = new Intl.DateTimeFormat('de-DE', {
-				timeZone: timezone,
-				weekday: 'short',
-				day: 'numeric',
-				month: 'short',
-			});
-			return formatter.format(currentTime);
-		} catch {
-			return '';
-		}
-	}
-
-	function getOffsetText(timezone: string) {
-		try {
-			const localOffset = currentTime.getTimezoneOffset();
-			const targetDate = new Date(currentTime.toLocaleString('en-US', { timeZone: timezone }));
-			const utcDate = new Date(currentTime.toUTCString().slice(0, -4));
-			const targetOffset = (targetDate.getTime() - utcDate.getTime()) / (1000 * 60);
-			const diffMinutes = targetOffset + localOffset;
-			const diffHours = Math.round(diffMinutes / 60);
-
-			if (diffHours === 0) return $_('clock.worldClock.same');
-			if (diffHours > 0) return `+${diffHours}h`;
-			return `${diffHours}h`;
-		} catch {
-			return '';
-		}
-	}
-
-	function isDaytime(timezone: string) {
-		try {
-			const formatter = new Intl.DateTimeFormat('en-US', {
-				timeZone: timezone,
-				hour: 'numeric',
-				hour12: false,
-			});
-			const hour = parseInt(formatter.format(currentTime));
-			return hour >= 6 && hour < 20;
-		} catch {
-			return true;
-		}
-	}
-</script>
-
-<PageHeader title={$_('clock.worldClock.title')} size="md" centered>
-	{#snippet actions()}
-		<div class="flex items-center gap-2">
-			<button
-				class="btn btn-ghost btn-sm px-2"
-				onclick={() => (showMap = !showMap)}
-				title={showMap ? 'Karte ausblenden' : 'Karte anzeigen'}
-			>
-				<Monitor size={20} />
-			</button>
-			<button class="btn btn-primary btn-sm" onclick={openAddModal}>
-				+ {$_('clock.worldClock.add')}
-			</button>
-		</div>
-	{/snippet}
-</PageHeader>
-
-<div class="world-clock-page">
-	{#if showMap}
-		<div class="map-section">
-			<div class="map-container">
-				<WorldMap {selectedTimezones} onCityClick={handleMapCityClick} />
-			</div>
-			<p class="text-center text-xs text-muted-foreground py-2">
-				Klicke auf eine Stadt um sie hinzuzufügen
-			</p>
-		</div>
-	{/if}
-
-	{#if allWorldClocks.value.length === 0}
-		<div class="card py-12 text-center">
-			<p class="text-lg text-muted-foreground">{$_('clock.worldClock.noClocks')}</p>
-			<button class="btn btn-primary mt-4" onclick={openAddModal}>
-				{$_('clock.worldClock.add')}
-			</button>
-		</div>
-	{:else}
-		<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-			{#each allWorldClocks.value as clock (clock.id)}
-				{@const isDay = isDaytime(clock.timezone)}
-				<div class="world-clock-card relative">
-					<button
-						class="absolute right-3 top-3 text-muted-foreground hover:text-error p-0.5"
-						onclick={() => removeCity(clock.id)}
-					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-3.5 w-3.5"
-							viewBox="0 0 20 20"
-							fill="currentColor"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-								clip-rule="evenodd"
-							/>
-						</svg>
-					</button>
-					<div class="mb-2 flex items-center gap-2">
-						<span class="text-xs text-muted-foreground">{isDay ? 'Tag' : 'Nacht'}</span>
-						<span class="city-name">{clock.cityName}</span>
-					</div>
-					<div class="time-display">
-						{getTimeForTimezone(clock.timezone)}
-					</div>
-					<div class="mt-2 flex items-center justify-between">
-						<span class="timezone-info">{getDateForTimezone(clock.timezone)}</span>
-						<span class="text-sm font-medium text-primary">{getOffsetText(clock.timezone)}</span>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-
-	{#if showAddModal}
-		<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
-			<div class="card w-full max-w-md max-h-[80vh] flex flex-col">
-				<div class="flex items-center justify-between mb-4">
-					<h2 class="text-xl font-semibold">{$_('clock.worldClock.add')}</h2>
-					<button class="text-muted-foreground hover:text-foreground p-0.5" onclick={closeAddModal}>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-4 w-4"
-							viewBox="0 0 20 20"
-							fill="currentColor"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-								clip-rule="evenodd"
-							/>
-						</svg>
-					</button>
-				</div>
-				<input
-					type="text"
-					class="input mb-4"
-					placeholder={$_('clock.worldClock.search')}
-					bind:value={searchQuery}
-				/>
-				<div class="flex-1 overflow-y-auto -mx-4 px-4">
-					{#each filteredTimezones as tz}
-						{@const alreadyAdded = allWorldClocks.value.some((wc) => wc.timezone === tz.timezone)}
-						<button
-							class="flex w-full items-center justify-between rounded-lg p-3 text-left hover:bg-muted transition-colors"
-							class:opacity-50={alreadyAdded}
-							disabled={alreadyAdded}
-							onclick={() => addCity(tz.timezone, tz.city)}
-						>
-							<div>
-								<div class="font-medium">{tz.city}</div>
-								<div class="text-sm text-muted-foreground">{tz.timezone}</div>
-							</div>
-							<div class="text-right">
-								<div class="font-mono">{getTimeForTimezone(tz.timezone)}</div>
-								<div class="text-xs text-muted-foreground">{tz.region}</div>
-							</div>
-						</button>
-					{/each}
-					{#if filteredTimezones.length === 0}
-						<p class="py-8 text-center text-muted-foreground">
-							Keine Ergebnisse für "{searchQuery}"
-						</p>
-					{/if}
-				</div>
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.world-clock-page {
-		display: flex;
-		flex-direction: column;
-		min-height: calc(100vh - 180px);
-	}
-
-	.map-section {
-		display: flex;
-		flex-direction: column;
-		margin: 0 -1rem 1rem -1rem;
-		background: hsl(var(--color-card));
-		border-bottom: 1px solid hsl(var(--color-border));
-	}
-
-	.map-container {
-		width: 100%;
-		max-height: 50vh;
-		overflow: hidden;
-	}
-
-	@media (min-width: 768px) {
-		.map-section {
-			margin: 0 -1.5rem 1.5rem -1.5rem;
-		}
-		.map-container {
-			max-height: 60vh;
-		}
-	}
-
-	.world-clock-card {
-		background: hsl(var(--color-card));
-		border-radius: var(--radius-lg);
-		padding: 1rem;
-		border: 1px solid hsl(var(--color-border));
-	}
-
-	.city-name {
-		font-weight: 500;
-		color: hsl(var(--color-foreground));
-	}
-
-	.time-display {
-		font-size: 2.5rem;
-		font-weight: 300;
-		font-variant-numeric: tabular-nums;
-		color: hsl(var(--color-foreground));
-		line-height: 1;
-	}
-
-	.timezone-info {
-		font-size: 0.8125rem;
-		color: hsl(var(--color-muted-foreground));
-	}
-</style>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/entries/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/entries/+page.svelte
deleted file mode 100644
index d35215e09..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/entries/+page.svelte
+++ /dev/null
@@ -1,113 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import type { TimeEntry } from '@times/shared';
-	import {
-		getFilteredEntries,
-		getSortedEntries,
-		getTotalDuration,
-		getBillableDuration,
-		formatDurationCompact,
-	} from '$lib/data/queries';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import EntryList from '$lib/components/EntryList.svelte';
-	import EntryForm from '$lib/components/EntryForm.svelte';
-
-	const allTimeEntries = getContext<{ value: TimeEntry[] }>('timeEntries');
-
-	let showEntryForm = $state(false);
-	let dateFilter = $state<'week' | 'month' | 'all'>('week');
-
-	let dateRange = $derived(() => {
-		const now = new Date();
-		const today = now.toISOString().split('T')[0];
-
-		if (dateFilter === 'week') {
-			const weekAgo = new Date(now.getTime() - 7 * 86400000);
-			return { from: weekAgo.toISOString().split('T')[0], to: today };
-		}
-		if (dateFilter === 'month') {
-			const monthAgo = new Date(now.getTime() - 30 * 86400000);
-			return { from: monthAgo.toISOString().split('T')[0], to: today };
-		}
-		return { from: '', to: '' };
-	});
-
-	let filteredEntries = $derived(() => {
-		const range = dateRange();
-		let entries = allTimeEntries.value.filter((e) => !e.isRunning);
-
-		// Apply date range
-		if (range.from) {
-			entries = entries.filter((e) => e.date >= range.from);
-		}
-		if (range.to) {
-			entries = entries.filter((e) => e.date <= range.to);
-		}
-
-		// Apply view filters
-		entries = getFilteredEntries(entries, viewStore.activeFilters);
-
-		return getSortedEntries(entries, viewStore.sort);
-	});
-
-	let totalDuration = $derived(getTotalDuration(filteredEntries()));
-	let billableDuration = $derived(getBillableDuration(filteredEntries()));
-</script>
-
-<svelte:head>
-	<title>{$_('nav.entries')} | Times</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<!-- Header -->
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.entries')}</h1>
-		<button
-			onclick={() => (showEntryForm = true)}
-			class="rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))] transition-colors hover:opacity-90"
-		>
-			+ {$_('entry.manual')}
-		</button>
-	</div>
-
-	<!-- Filters -->
-	<div class="flex items-center gap-2">
-		{#each ['week', 'month', 'all'] as period}
-			<button
-				onclick={() => (dateFilter = period as any)}
-				class="rounded-lg px-3 py-1.5 text-sm transition-colors {dateFilter === period
-					? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-					: 'text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent)/0.1)]'}"
-			>
-				{period === 'week'
-					? $_('entry.thisWeek')
-					: period === 'month'
-						? $_('entry.thisMonth')
-						: 'Alle'}
-			</button>
-		{/each}
-
-		<!-- Totals -->
-		<div class="ml-auto flex items-center gap-4 text-sm">
-			<span class="text-[hsl(var(--muted-foreground))]">
-				{$_('common.total')}:
-				<span class="duration-display font-medium text-[hsl(var(--foreground))]"
-					>{formatDurationCompact(totalDuration)}</span
-				>
-			</span>
-			<span class="text-[hsl(var(--muted-foreground))]">
-				{$_('entry.billable')}:
-				<span class="duration-display font-medium text-[hsl(var(--primary))]"
-					>{formatDurationCompact(billableDuration)}</span
-				>
-			</span>
-		</div>
-	</div>
-
-	<!-- Entry List -->
-	<EntryList entries={filteredEntries()} />
-</div>
-
-<!-- Manual Entry Form -->
-<EntryForm visible={showEntryForm} onClose={() => (showEntryForm = false)} />
diff --git a/apps/times/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index 728c121cc..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-</script>
-
-<svelte:head>
-	<title>Feedback | Times</title>
-</svelte:head>
-
-<div>
-	<h1 class="mb-6 text-2xl font-bold text-[hsl(var(--foreground))]">Feedback</h1>
-	<p class="text-[hsl(var(--muted-foreground))]">Feedback-Formular kommt bald.</p>
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 026f98656..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-</script>
-
-<svelte:head>
-	<title>Hilfe | Times</title>
-</svelte:head>
-
-<div>
-	<h1 class="mb-6 text-2xl font-bold text-[hsl(var(--foreground))]">Hilfe</h1>
-	<p class="text-[hsl(var(--muted-foreground))]">Hilfe & Dokumentation.</p>
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index 591e3cb50..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/mana/+page.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-</script>
-
-<svelte:head>
-	<title>Mana | Times</title>
-</svelte:head>
-
-<div>
-	<h1 class="mb-6 text-2xl font-bold text-[hsl(var(--foreground))]">Mana</h1>
-	<p class="text-[hsl(var(--muted-foreground))]">Mana Credits & Abo-Verwaltung.</p>
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index fa18b6d5a..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-</script>
-
-<svelte:head>
-	<title>Profil | Times</title>
-</svelte:head>
-
-<div>
-	<h1 class="mb-6 text-2xl font-bold text-[hsl(var(--foreground))]">Profil</h1>
-	<p class="text-[hsl(var(--muted-foreground))]">Profil-Einstellungen.</p>
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/projects/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/projects/+page.svelte
deleted file mode 100644
index 1934f049e..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/projects/+page.svelte
+++ /dev/null
@@ -1,366 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { projectCollection } from '$lib/data/local-store';
-	import { getTotalDuration, formatDurationCompact } from '$lib/data/queries';
-	import type { Project, Client, TimeEntry } from '@times/shared';
-	import { PROJECT_COLORS } from '@times/shared/constants';
-	import { ConfirmationModal } from '@manacore/shared-ui';
-	import { CaretRight } from '@manacore/shared-icons';
-
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allClients = getContext<{ value: Client[] }>('clients');
-	const allTimeEntries = getContext<{ value: TimeEntry[] }>('timeEntries');
-
-	let showCreateForm = $state(false);
-	let editingProjectId = $state<string | null>(null);
-	let showArchived = $state(false);
-	let deleteConfirmId = $state<string | null>(null);
-
-	// New project form
-	let newName = $state('');
-	let newClientId = $state('');
-	let newColor = $state(PROJECT_COLORS[0]);
-	let newIsBillable = $state(true);
-	let newDescription = $state('');
-
-	let activeProjects = $derived(
-		allProjects.value.filter((p) => !p.isArchived).sort((a, b) => a.order - b.order)
-	);
-	let archivedProjects = $derived(
-		allProjects.value.filter((p) => p.isArchived).sort((a, b) => a.order - b.order)
-	);
-
-	function getProjectHours(projectId: string): number {
-		const entries = allTimeEntries.value.filter((e) => e.projectId === projectId && !e.isRunning);
-		return getTotalDuration(entries);
-	}
-
-	function getBudgetPercent(project: Project): number | null {
-		if (!project.budget || project.budget.type !== 'hours') return null;
-		const hoursLogged = getProjectHours(project.id) / 3600;
-		return Math.min(100, Math.round((hoursLogged / project.budget.amount) * 100));
-	}
-
-	async function handleCreate() {
-		if (!newName.trim()) return;
-		const client = newClientId ? allClients.value.find((c) => c.id === newClientId) : null;
-		await projectCollection.insert({
-			id: crypto.randomUUID(),
-			clientId: newClientId || null,
-			name: newName.trim(),
-			description: newDescription || null,
-			color: newColor,
-			isArchived: false,
-			isBillable: newIsBillable,
-			billingRate: client?.billingRate ?? null,
-			budget: null,
-			visibility: 'private',
-			guildId: null,
-			order: activeProjects.length,
-		});
-		newName = '';
-		newClientId = '';
-		newDescription = '';
-		newColor = PROJECT_COLORS[0];
-		newIsBillable = true;
-		showCreateForm = false;
-	}
-
-	async function handleArchive(id: string, archive: boolean) {
-		await projectCollection.update(id, { isArchived: archive });
-	}
-
-	function handleDelete(id: string) {
-		deleteConfirmId = id;
-	}
-
-	async function confirmDelete() {
-		if (!deleteConfirmId) return;
-		await projectCollection.delete(deleteConfirmId);
-		editingProjectId = null;
-		deleteConfirmId = null;
-	}
-
-	// Inline edit state
-	let editName = $state('');
-	let editClientId = $state('');
-	let editColor = $state('');
-	let editIsBillable = $state(false);
-	let editDescription = $state('');
-
-	function startEditing(project: Project) {
-		editingProjectId = project.id;
-		editName = project.name;
-		editClientId = project.clientId ?? '';
-		editColor = project.color;
-		editIsBillable = project.isBillable;
-		editDescription = project.description ?? '';
-	}
-
-	let editDebounce: ReturnType<typeof setTimeout> | null = null;
-	function autoSaveProject(updates: Record<string, unknown>) {
-		if (!editingProjectId) return;
-		if (editDebounce) clearTimeout(editDebounce);
-		const id = editingProjectId;
-		editDebounce = setTimeout(() => {
-			projectCollection.update(id, updates);
-		}, 500);
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('nav.projects')} | Times</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<!-- Header -->
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.projects')}</h1>
-		<button
-			onclick={() => (showCreateForm = !showCreateForm)}
-			class="rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-		>
-			+ {$_('project.create')}
-		</button>
-	</div>
-
-	<!-- Create Form -->
-	{#if showCreateForm}
-		<form
-			onsubmit={(e) => {
-				e.preventDefault();
-				handleCreate();
-			}}
-			class="rounded-xl border border-[hsl(var(--primary)/0.3)] bg-[hsl(var(--card))] p-4 space-y-3"
-		>
-			<input
-				type="text"
-				bind:value={newName}
-				placeholder={$_('project.name')}
-				class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-sm text-[hsl(var(--foreground))] focus:border-[hsl(var(--primary))] focus:outline-none"
-			/>
-			<div class="flex gap-2">
-				<select
-					bind:value={newClientId}
-					class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				>
-					<option value="">{$_('project.internal')}</option>
-					{#each allClients.value.filter((c) => !c.isArchived) as client}
-						<option value={client.id}>{client.name}</option>
-					{/each}
-				</select>
-				<label
-					class="flex items-center gap-2 rounded-lg border border-[hsl(var(--border))] px-3 py-2 text-sm"
-				>
-					<input
-						type="checkbox"
-						bind:checked={newIsBillable}
-						class="accent-[hsl(var(--primary))]"
-					/>
-					{$_('project.billable')}
-				</label>
-			</div>
-			<!-- Color Picker -->
-			<div class="flex flex-wrap gap-2">
-				{#each PROJECT_COLORS as color}
-					<button
-						type="button"
-						onclick={() => (newColor = color)}
-						class="h-6 w-6 rounded-full border-2 transition-transform {newColor === color
-							? 'scale-125 border-white'
-							: 'border-transparent'}"
-						style="background-color: {color}"
-					></button>
-				{/each}
-			</div>
-			<div class="flex gap-2">
-				<button
-					type="button"
-					onclick={() => (showCreateForm = false)}
-					class="flex-1 rounded-lg border border-[hsl(var(--border))] py-2 text-sm text-[hsl(var(--muted-foreground))]"
-					>{$_('common.cancel')}</button
-				>
-				<button
-					type="submit"
-					class="flex-1 rounded-lg bg-[hsl(var(--primary))] py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-					>{$_('common.create')}</button
-				>
-			</div>
-		</form>
-	{/if}
-
-	<!-- Active Projects -->
-	{#if activeProjects.length === 0 && !showCreateForm}
-		<div
-			class="rounded-xl border border-dashed border-[hsl(var(--border))] p-8 text-center text-[hsl(var(--muted-foreground))]"
-		>
-			<p>{$_('project.noProjects')}</p>
-		</div>
-	{:else}
-		<div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
-			{#each activeProjects as project (project.id)}
-				{@const client = project.clientId
-					? allClients.value.find((c) => c.id === project.clientId)
-					: undefined}
-				{@const hours = getProjectHours(project.id)}
-				{@const budgetPct = getBudgetPercent(project)}
-				<div
-					class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] overflow-hidden"
-				>
-					<!-- Color bar -->
-					<div class="h-1" style="background-color: {project.color}"></div>
-
-					{#if editingProjectId === project.id}
-						<!-- Editing -->
-						<div class="p-4 space-y-3">
-							<input
-								type="text"
-								value={editName}
-								oninput={(e) => {
-									editName = (e.target as HTMLInputElement).value;
-									autoSaveProject({ name: editName });
-								}}
-								class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))] focus:outline-none"
-							/>
-							<select
-								value={editClientId}
-								onchange={(e) => {
-									editClientId = (e.target as HTMLSelectElement).value;
-									autoSaveProject({ clientId: editClientId || null });
-								}}
-								class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm"
-							>
-								<option value="">{$_('project.internal')}</option>
-								{#each allClients.value.filter((c) => !c.isArchived) as c}
-									<option value={c.id}>{c.name}</option>
-								{/each}
-							</select>
-							<div class="flex flex-wrap gap-1.5">
-								{#each PROJECT_COLORS as color}
-									<button
-										type="button"
-										onclick={() => {
-											editColor = color;
-											autoSaveProject({ color });
-										}}
-										class="h-5 w-5 rounded-full border-2 {editColor === color
-											? 'border-white scale-110'
-											: 'border-transparent'}"
-										style="background-color: {color}"
-									></button>
-								{/each}
-							</div>
-							<div class="flex items-center justify-between">
-								<label class="flex items-center gap-2 text-xs">
-									<input
-										type="checkbox"
-										checked={editIsBillable}
-										onchange={() => {
-											editIsBillable = !editIsBillable;
-											autoSaveProject({ isBillable: editIsBillable });
-										}}
-										class="accent-[hsl(var(--primary))]"
-									/>
-									{$_('project.billable')}
-								</label>
-								<div class="flex gap-2">
-									<button
-										onclick={() => handleArchive(project.id, true)}
-										class="text-xs text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-										>{$_('common.archive')}</button
-									>
-									<button onclick={() => handleDelete(project.id)} class="text-xs text-red-500"
-										>{$_('common.delete')}</button
-									>
-									<button
-										onclick={() => (editingProjectId = null)}
-										class="text-xs text-[hsl(var(--primary))]">{$_('common.close')}</button
-									>
-								</div>
-							</div>
-						</div>
-					{:else}
-						<!-- Display -->
-						<button class="w-full p-4 text-left" onclick={() => startEditing(project)}>
-							<div class="flex items-start justify-between">
-								<div>
-									<p class="font-medium text-[hsl(var(--foreground))]">{project.name}</p>
-									<p class="text-xs text-[hsl(var(--muted-foreground))]">
-										{client?.name || $_('project.internal')}
-										{#if project.isBillable}
-											· {$_('project.billable')}
-										{/if}
-									</p>
-								</div>
-								<span class="duration-display text-sm font-medium text-[hsl(var(--foreground))]">
-									{formatDurationCompact(hours)}
-								</span>
-							</div>
-							{#if budgetPct !== null}
-								<div class="mt-3">
-									<div
-										class="flex items-center justify-between text-xs text-[hsl(var(--muted-foreground))]"
-									>
-										<span>{$_('project.budget')}</span>
-										<span>{budgetPct}%</span>
-									</div>
-									<div class="mt-1 h-1.5 rounded-full bg-[hsl(var(--muted))]">
-										<div
-											class="h-full rounded-full transition-all {budgetPct > 90
-												? 'bg-red-500'
-												: budgetPct > 75
-													? 'bg-amber-500'
-													: 'bg-[hsl(var(--primary))]'}"
-											style="width: {budgetPct}%"
-										></div>
-									</div>
-								</div>
-							{/if}
-						</button>
-					{/if}
-				</div>
-			{/each}
-		</div>
-	{/if}
-
-	<!-- Archived Projects -->
-	{#if archivedProjects.length > 0}
-		<div>
-			<button
-				onclick={() => (showArchived = !showArchived)}
-				class="flex items-center gap-2 text-sm text-[hsl(var(--muted-foreground))]"
-			>
-				<CaretRight size={20} class="transition-transform {showArchived ? 'rotate-90' : ''}" />
-				{$_('project.archived')} ({archivedProjects.length})
-			</button>
-
-			{#if showArchived}
-				<div class="mt-3 space-y-2">
-					{#each archivedProjects as project}
-						<div
-							class="flex items-center justify-between rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3 opacity-60"
-						>
-							<div class="flex items-center gap-2">
-								<div class="h-3 w-3 rounded-full" style="background-color: {project.color}"></div>
-								<span class="text-sm text-[hsl(var(--foreground))]">{project.name}</span>
-							</div>
-							<button
-								onclick={() => handleArchive(project.id, false)}
-								class="text-xs text-[hsl(var(--primary))]">{$_('common.unarchive')}</button
-							>
-						</div>
-					{/each}
-				</div>
-			{/if}
-		</div>
-	{/if}
-</div>
-
-<ConfirmationModal
-	visible={deleteConfirmId !== null}
-	title={$_('common.delete')}
-	message={$_('project.deleteConfirm')}
-	onConfirm={confirmDelete}
-	onClose={() => (deleteConfirmId = null)}
-/>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/projects/[id]/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/projects/[id]/+page.svelte
deleted file mode 100644
index 7ba2c3baf..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/projects/[id]/+page.svelte
+++ /dev/null
@@ -1,324 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { projectCollection } from '$lib/data/local-store';
-	import {
-		getTotalDuration,
-		getBillableDuration,
-		formatDurationCompact,
-		formatDurationDecimal,
-	} from '$lib/data/queries';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import EntryList from '$lib/components/EntryList.svelte';
-	import type { Project, Client, TimeEntry } from '@times/shared';
-	import { PROJECT_COLORS } from '@times/shared/constants';
-
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allClients = getContext<{ value: Client[] }>('clients');
-	const allTimeEntries = getContext<{ value: TimeEntry[] }>('timeEntries');
-
-	let projectId = $derived($page.params.id);
-
-	let project = $derived(allProjects.value.find((p) => p.id === projectId));
-	let client = $derived(
-		project?.clientId ? allClients.value.find((c) => c.id === project!.clientId) : undefined
-	);
-	let projectEntries = $derived(
-		allTimeEntries.value
-			.filter((e) => e.projectId === projectId && !e.isRunning)
-			.sort((a, b) => b.date.localeCompare(a.date))
-	);
-
-	let totalDuration = $derived(getTotalDuration(projectEntries));
-	let billableDuration = $derived(getBillableDuration(projectEntries));
-
-	let budgetPercent = $derived(() => {
-		if (!project?.budget || project.budget.type !== 'hours') return null;
-		const hoursLogged = totalDuration / 3600;
-		return Math.min(100, Math.round((hoursLogged / project.budget.amount) * 100));
-	});
-
-	let budgetHoursUsed = $derived(totalDuration / 3600);
-	let budgetHoursTotal = $derived(project?.budget?.type === 'hours' ? project.budget.amount : null);
-
-	// Edit state
-	let isEditing = $state(false);
-	let editName = $state('');
-	let editDescription = $state('');
-	let editClientId = $state('');
-	let editColor = $state('');
-	let editIsBillable = $state(false);
-	let editBudgetHours = $state(0);
-	let editRateAmount = $state(0);
-
-	function startEditing() {
-		if (!project) return;
-		isEditing = true;
-		editName = project.name;
-		editDescription = project.description ?? '';
-		editClientId = project.clientId ?? '';
-		editColor = project.color;
-		editIsBillable = project.isBillable;
-		editBudgetHours = project.budget?.type === 'hours' ? project.budget.amount : 0;
-		editRateAmount = project.billingRate?.amount ?? 0;
-	}
-
-	let debounce: ReturnType<typeof setTimeout> | null = null;
-	function save(updates: Record<string, unknown>) {
-		const id = projectId;
-		if (!id) return;
-		if (debounce) clearTimeout(debounce);
-		debounce = setTimeout(() => {
-			projectCollection.update(id, updates);
-		}, 500);
-	}
-
-	async function handleArchive() {
-		const id = projectId;
-		if (!project || !id) return;
-		await projectCollection.update(id, { isArchived: !project.isArchived });
-	}
-</script>
-
-<svelte:head>
-	<title>{project?.name || 'Projekt'} | Times</title>
-</svelte:head>
-
-{#if !project}
-	<div class="flex flex-col items-center justify-center py-20">
-		<p class="text-[hsl(var(--muted-foreground))]">Projekt nicht gefunden.</p>
-		<a href="/projects" class="mt-4 text-sm text-[hsl(var(--primary))]">{$_('common.back')}</a>
-	</div>
-{:else}
-	<div class="space-y-6">
-		<!-- Back + Header -->
-		<div>
-			<a
-				href="/projects"
-				class="mb-3 inline-flex items-center gap-1 text-sm text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-			>
-				<CaretLeft size={16} />
-				{$_('nav.projects')}
-			</a>
-
-			<div class="flex items-start justify-between">
-				<div class="flex items-center gap-3">
-					<div class="h-4 w-4 rounded-full" style="background-color: {project.color}"></div>
-					<div>
-						<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{project.name}</h1>
-						<p class="text-sm text-[hsl(var(--muted-foreground))]">
-							{client?.name || $_('project.internal')}
-							{#if project.isBillable}
-								<span
-									class="ml-2 rounded bg-[hsl(var(--primary)/0.1)] px-1.5 py-0.5 text-xs text-[hsl(var(--primary))]"
-								>
-									{$_('project.billable')}
-								</span>
-							{/if}
-							{#if project.isArchived}
-								<span
-									class="ml-2 rounded bg-[hsl(var(--muted))] px-1.5 py-0.5 text-xs text-[hsl(var(--muted-foreground))]"
-								>
-									{$_('project.archived')}
-								</span>
-							{/if}
-						</p>
-					</div>
-				</div>
-				<div class="flex gap-2">
-					<button
-						onclick={() => (isEditing ? (isEditing = false) : startEditing())}
-						class="rounded-lg border border-[hsl(var(--border))] px-3 py-1.5 text-sm text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-					>
-						{isEditing ? $_('common.close') : $_('common.edit')}
-					</button>
-					<button
-						onclick={handleArchive}
-						class="rounded-lg border border-[hsl(var(--border))] px-3 py-1.5 text-sm text-[hsl(var(--muted-foreground))]"
-					>
-						{project.isArchived ? $_('common.unarchive') : $_('common.archive')}
-					</button>
-				</div>
-			</div>
-		</div>
-
-		<!-- Edit Form -->
-		{#if isEditing}
-			<div
-				class="rounded-xl border border-[hsl(var(--primary)/0.3)] bg-[hsl(var(--card))] p-4 space-y-3"
-			>
-				<input
-					type="text"
-					value={editName}
-					oninput={(e) => {
-						editName = (e.target as HTMLInputElement).value;
-						save({ name: editName });
-					}}
-					placeholder={$_('project.name')}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))] focus:outline-none"
-				/>
-				<input
-					type="text"
-					value={editDescription}
-					oninput={(e) => {
-						editDescription = (e.target as HTMLInputElement).value;
-						save({ description: editDescription || null });
-					}}
-					placeholder={$_('project.description')}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				/>
-				<div class="flex gap-2">
-					<select
-						value={editClientId}
-						onchange={(e) => {
-							editClientId = (e.target as HTMLSelectElement).value;
-							save({ clientId: editClientId || null });
-						}}
-						class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm"
-					>
-						<option value="">{$_('project.internal')}</option>
-						{#each allClients.value.filter((c) => !c.isArchived) as c}
-							<option value={c.id}>{c.name}</option>
-						{/each}
-					</select>
-					<label
-						class="flex items-center gap-2 rounded-lg border border-[hsl(var(--border))] px-3 py-2 text-sm"
-					>
-						<input
-							type="checkbox"
-							checked={editIsBillable}
-							onchange={() => {
-								editIsBillable = !editIsBillable;
-								save({ isBillable: editIsBillable });
-							}}
-							class="accent-[hsl(var(--primary))]"
-						/>
-						{$_('project.billable')}
-					</label>
-				</div>
-				<div class="flex gap-2">
-					<div class="flex items-center gap-1">
-						<label class="text-xs text-[hsl(var(--muted-foreground))]"
-							>{$_('project.budget')} (h):</label
-						>
-						<input
-							type="number"
-							value={editBudgetHours}
-							min="0"
-							oninput={(e) => {
-								editBudgetHours = parseInt((e.target as HTMLInputElement).value) || 0;
-								save({
-									budget: editBudgetHours > 0 ? { type: 'hours', amount: editBudgetHours } : null,
-								});
-							}}
-							class="w-20 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-center text-sm"
-						/>
-					</div>
-					<div class="flex items-center gap-1">
-						<label class="text-xs text-[hsl(var(--muted-foreground))]">Rate:</label>
-						<input
-							type="number"
-							value={editRateAmount}
-							min="0"
-							step="5"
-							oninput={(e) => {
-								editRateAmount = parseInt((e.target as HTMLInputElement).value) || 0;
-								save({
-									billingRate:
-										editRateAmount > 0
-											? { amount: editRateAmount, currency: 'EUR', per: 'hour' }
-											: null,
-								});
-							}}
-							class="w-20 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-center text-sm"
-						/>
-						<span class="text-xs text-[hsl(var(--muted-foreground))]">/h</span>
-					</div>
-				</div>
-				<div class="flex flex-wrap gap-1.5">
-					{#each PROJECT_COLORS as color}
-						<button
-							type="button"
-							onclick={() => {
-								editColor = color;
-								save({ color });
-							}}
-							class="h-5 w-5 rounded-full border-2 {editColor === color
-								? 'border-white scale-110'
-								: 'border-transparent'}"
-							style="background-color: {color}"
-						></button>
-					{/each}
-				</div>
-			</div>
-		{/if}
-
-		<!-- Stats -->
-		<div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-				<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('report.totalHours')}</p>
-				<p class="duration-display mt-1 text-xl font-bold text-[hsl(var(--foreground))]">
-					{formatDurationDecimal(totalDuration)}h
-				</p>
-			</div>
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-				<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('report.billableHours')}</p>
-				<p class="duration-display mt-1 text-xl font-bold text-[hsl(var(--primary))]">
-					{formatDurationDecimal(billableDuration)}h
-				</p>
-			</div>
-			{#if budgetHoursTotal}
-				<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-					<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('project.budget')}</p>
-					<p class="duration-display mt-1 text-xl font-bold text-[hsl(var(--foreground))]">
-						{budgetHoursUsed.toFixed(1)} / {budgetHoursTotal}h
-					</p>
-				</div>
-			{/if}
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-				<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('nav.entries')}</p>
-				<p class="mt-1 text-xl font-bold text-[hsl(var(--foreground))]">{projectEntries.length}</p>
-			</div>
-		</div>
-
-		<!-- Budget Progress -->
-		{#if budgetPercent() !== null}
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-				<div class="flex items-center justify-between text-sm">
-					<span class="text-[hsl(var(--muted-foreground))]">{$_('project.budget')}</span>
-					<span class="font-medium text-[hsl(var(--foreground))]">{budgetPercent()}%</span>
-				</div>
-				<div class="mt-2 h-2.5 rounded-full bg-[hsl(var(--muted))]">
-					<div
-						class="h-full rounded-full transition-all {budgetPercent()! > 90
-							? 'bg-red-500'
-							: budgetPercent()! > 75
-								? 'bg-amber-500'
-								: 'bg-[hsl(var(--primary))]'}"
-						style="width: {budgetPercent()}%"
-					></div>
-				</div>
-				{#if project.billingRate}
-					<p class="mt-2 text-xs text-[hsl(var(--muted-foreground))]">
-						{project.billingRate.amount}
-						{project.billingRate.currency}/h · Wert: {(
-							(billableDuration / 3600) *
-							project.billingRate.amount
-						).toFixed(0)}
-						{project.billingRate.currency}
-					</p>
-				{/if}
-			</div>
-		{/if}
-
-		<!-- Entries -->
-		<div>
-			<h2 class="mb-3 text-sm font-medium text-[hsl(var(--muted-foreground))]">
-				{$_('nav.entries')} ({formatDurationCompact(totalDuration)})
-			</h2>
-			<EntryList entries={projectEntries} />
-		</div>
-	</div>
-{/if}
diff --git a/apps/times/apps/web-archived/src/routes/(app)/reports/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/reports/+page.svelte
deleted file mode 100644
index 9b191f869..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/reports/+page.svelte
+++ /dev/null
@@ -1,215 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import type { TimeEntry, Project, Client } from '@times/shared';
-	import { exportEntriesToCSV } from '$lib/utils/export';
-	import {
-		getTotalDuration,
-		getBillableDuration,
-		formatDurationCompact,
-		formatDurationDecimal,
-		groupEntriesByProject,
-		getEntriesByDateRange,
-	} from '$lib/data/queries';
-
-	const allTimeEntries = getContext<{ value: TimeEntry[] }>('timeEntries');
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allClients = getContext<{ value: Client[] }>('clients');
-
-	let period = $state<'week' | 'month'>('week');
-
-	let dateRange = $derived(() => {
-		const now = new Date();
-		const today = now.toISOString().split('T')[0];
-		const daysBack = period === 'week' ? 7 : 30;
-		const from = new Date(now.getTime() - daysBack * 86400000).toISOString().split('T')[0];
-		return { from, to: today, days: daysBack };
-	});
-
-	let entries = $derived(() => {
-		const range = dateRange();
-		return allTimeEntries.value.filter(
-			(e) => !e.isRunning && e.date >= range.from && e.date <= range.to
-		);
-	});
-
-	let totalDuration = $derived(getTotalDuration(entries()));
-	let billableDuration = $derived(getBillableDuration(entries()));
-	let nonBillableDuration = $derived(totalDuration - billableDuration);
-	let entryCount = $derived(entries().length);
-	let avgPerDay = $derived(dateRange().days > 0 ? totalDuration / dateRange().days : 0);
-
-	// Hours by project
-	let projectBreakdown = $derived(() => {
-		const groups = groupEntriesByProject(entries());
-		const result: { projectId: string; name: string; color: string; duration: number }[] = [];
-		for (const [projectId, projectEntries] of groups) {
-			const project = allProjects.value.find((p) => p.id === projectId);
-			result.push({
-				projectId,
-				name: project?.name || $_('project.internal'),
-				color: project?.color || '#9ca3af',
-				duration: getTotalDuration(projectEntries),
-			});
-		}
-		return result.sort((a, b) => b.duration - a.duration);
-	});
-
-	let maxProjectDuration = $derived(
-		Math.max(...(projectBreakdown().map((p) => p.duration) || [1]))
-	);
-
-	// Hours by day (last 7 days for week, grouped by week for month)
-	let dailyBreakdown = $derived(() => {
-		const days: { date: string; label: string; duration: number }[] = [];
-		const range = dateRange();
-		const numDays = period === 'week' ? 7 : 30;
-		for (let i = numDays - 1; i >= 0; i--) {
-			const d = new Date(Date.now() - i * 86400000);
-			const dateStr = d.toISOString().split('T')[0];
-			const dayEntries = entries().filter((e) => e.date === dateStr);
-			days.push({
-				date: dateStr,
-				label: d.toLocaleDateString('de-DE', { weekday: 'short', day: 'numeric' }),
-				duration: getTotalDuration(dayEntries),
-			});
-		}
-		return days;
-	});
-
-	let maxDailyDuration = $derived(Math.max(...(dailyBreakdown().map((d) => d.duration) || [1])));
-</script>
-
-<svelte:head>
-	<title>{$_('nav.reports')} | Times</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<!-- Header -->
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.reports')}</h1>
-		<div class="flex items-center gap-2">
-			<div class="flex gap-1">
-				{#each ['week', 'month'] as p}
-					<button
-						onclick={() => (period = p as any)}
-						class="rounded-lg px-3 py-1.5 text-sm transition-colors {period === p
-							? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-							: 'text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent)/0.1)]'}"
-					>
-						{p === 'week' ? $_('entry.thisWeek') : $_('entry.thisMonth')}
-					</button>
-				{/each}
-			</div>
-			<button
-				onclick={() => exportEntriesToCSV(entries(), allProjects.value, allClients.value)}
-				class="rounded-lg border border-[hsl(var(--border))] px-3 py-1.5 text-sm text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-			>
-				CSV Export
-			</button>
-		</div>
-	</div>
-
-	<!-- Stats Grid -->
-	<div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
-		<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('report.totalHours')}</p>
-			<p class="duration-display mt-1 text-2xl font-bold text-[hsl(var(--foreground))]">
-				{formatDurationDecimal(totalDuration)}h
-			</p>
-		</div>
-		<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('report.billableHours')}</p>
-			<p class="duration-display mt-1 text-2xl font-bold text-[hsl(var(--primary))]">
-				{formatDurationDecimal(billableDuration)}h
-			</p>
-		</div>
-		<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('report.avgPerDay')}</p>
-			<p class="duration-display mt-1 text-2xl font-bold text-[hsl(var(--foreground))]">
-				{formatDurationCompact(Math.round(avgPerDay))}
-			</p>
-		</div>
-		<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('nav.entries')}</p>
-			<p class="mt-1 text-2xl font-bold text-[hsl(var(--foreground))]">{entryCount}</p>
-		</div>
-	</div>
-
-	<!-- Billable Breakdown -->
-	{#if totalDuration > 0}
-		<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<h3 class="mb-3 text-sm font-medium text-[hsl(var(--foreground))]">
-				{$_('entry.billable')} vs. {$_('entry.notBillable')}
-			</h3>
-			<div class="flex h-4 overflow-hidden rounded-full">
-				<div
-					class="bg-[hsl(var(--primary))] transition-all"
-					style="width: {(billableDuration / totalDuration) * 100}%"
-				></div>
-				<div
-					class="bg-[hsl(var(--muted))] transition-all"
-					style="width: {(nonBillableDuration / totalDuration) * 100}%"
-				></div>
-			</div>
-			<div class="mt-2 flex justify-between text-xs text-[hsl(var(--muted-foreground))]">
-				<span>{$_('entry.billable')}: {formatDurationCompact(billableDuration)}</span>
-				<span>{$_('entry.notBillable')}: {formatDurationCompact(nonBillableDuration)}</span>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Hours by Project -->
-	{#if projectBreakdown().length > 0}
-		<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<h3 class="mb-3 text-sm font-medium text-[hsl(var(--foreground))]">
-				{$_('report.byProject')}
-			</h3>
-			<div class="space-y-3">
-				{#each projectBreakdown() as item}
-					<div>
-						<div class="flex items-center justify-between text-sm">
-							<div class="flex items-center gap-2">
-								<div class="h-3 w-3 rounded-full" style="background-color: {item.color}"></div>
-								<span class="text-[hsl(var(--foreground))]">{item.name}</span>
-							</div>
-							<span class="duration-display text-[hsl(var(--muted-foreground))]">
-								{formatDurationCompact(item.duration)}
-							</span>
-						</div>
-						<div class="mt-1 h-2 rounded-full bg-[hsl(var(--muted))]">
-							<div
-								class="h-full rounded-full transition-all"
-								style="width: {(item.duration / maxProjectDuration) *
-									100}%; background-color: {item.color}"
-							></div>
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	{/if}
-
-	<!-- Daily Hours -->
-	{#if period === 'week' && dailyBreakdown().length > 0}
-		<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4">
-			<h3 class="mb-3 text-sm font-medium text-[hsl(var(--foreground))]">{$_('report.byDay')}</h3>
-			<div class="flex items-end gap-2" style="height: 120px;">
-				{#each dailyBreakdown() as day}
-					<div class="flex flex-1 flex-col items-center gap-1">
-						<div class="w-full flex flex-col justify-end" style="height: 100px;">
-							<div
-								class="w-full rounded-t bg-[hsl(var(--primary))] transition-all"
-								style="height: {maxDailyDuration > 0
-									? (day.duration / maxDailyDuration) * 100
-									: 0}%"
-								title={formatDurationCompact(day.duration)}
-							></div>
-						</div>
-						<span class="text-[10px] text-[hsl(var(--muted-foreground))]">{day.label}</span>
-					</div>
-				{/each}
-			</div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 3266bdfde..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,290 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { settingsCollection } from '$lib/data/local-store';
-	import type { TimesSettings } from '@times/shared';
-	import { CURRENCIES, ROUNDING_INCREMENTS } from '@times/shared/constants';
-
-	const settings = getContext<{ value: TimesSettings | null }>('settings');
-
-	// Local edit state, synced from settings
-	let workingHoursPerDay = $state(8);
-	let workingDaysPerWeek = $state(5);
-	let roundingIncrement = $state(0);
-	let roundingMethod = $state<'none' | 'up' | 'down' | 'nearest'>('none');
-	let defaultRate = $state(0);
-	let defaultCurrency = $state('EUR');
-	let weekStartsOn = $state<0 | 1>(1);
-	let timerReminderMinutes = $state(0);
-	let autoStopTimerHours = $state(0);
-	let defaultVisibility = $state<'private' | 'guild'>('private');
-	let initialized = $state(false);
-
-	$effect(() => {
-		const s = settings.value;
-		if (s && !initialized) {
-			workingHoursPerDay = s.workingHoursPerDay;
-			workingDaysPerWeek = s.workingDaysPerWeek;
-			roundingIncrement = s.roundingIncrement;
-			roundingMethod = s.roundingMethod;
-			defaultRate = s.defaultBillingRate?.amount ?? 0;
-			defaultCurrency = s.defaultBillingRate?.currency ?? 'EUR';
-			weekStartsOn = s.weekStartsOn;
-			timerReminderMinutes = s.timerReminderMinutes;
-			autoStopTimerHours = s.autoStopTimerHours;
-			defaultVisibility = s.defaultVisibility;
-			initialized = true;
-		}
-	});
-
-	let debounceTimer: ReturnType<typeof setTimeout> | null = null;
-
-	function save(updates: Record<string, unknown>) {
-		if (!settings.value) return;
-		if (debounceTimer) clearTimeout(debounceTimer);
-		debounceTimer = setTimeout(() => {
-			settingsCollection.update(settings.value!.id, updates);
-		}, 500);
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('settings.title')} | Times</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('settings.title')}</h1>
-
-	<!-- Working Time -->
-	<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 space-y-4">
-		<h2 class="text-sm font-semibold text-[hsl(var(--foreground))]">Arbeitszeit</h2>
-
-		<div class="grid gap-4 sm:grid-cols-2">
-			<div>
-				<label class="mb-1 block text-sm text-[hsl(var(--foreground))]"
-					>{$_('settings.workingHours')}</label
-				>
-				<input
-					type="number"
-					value={workingHoursPerDay}
-					min="1"
-					max="24"
-					step="0.5"
-					oninput={(e) => {
-						workingHoursPerDay = parseFloat((e.target as HTMLInputElement).value) || 8;
-						save({ workingHoursPerDay });
-					}}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				/>
-			</div>
-			<div>
-				<label class="mb-1 block text-sm text-[hsl(var(--foreground))]"
-					>{$_('settings.workingDays')}</label
-				>
-				<input
-					type="number"
-					value={workingDaysPerWeek}
-					min="1"
-					max="7"
-					oninput={(e) => {
-						workingDaysPerWeek = parseInt((e.target as HTMLInputElement).value) || 5;
-						save({ workingDaysPerWeek });
-					}}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				/>
-			</div>
-		</div>
-
-		<div>
-			<label class="mb-1 block text-sm text-[hsl(var(--foreground))]"
-				>{$_('settings.weekStart')}</label
-			>
-			<div class="flex gap-2">
-				<button
-					onclick={() => {
-						weekStartsOn = 1;
-						save({ weekStartsOn: 1 });
-					}}
-					class="rounded-lg px-4 py-2 text-sm transition-colors {weekStartsOn === 1
-						? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-						: 'border border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]'}"
-					>{$_('settings.monday')}</button
-				>
-				<button
-					onclick={() => {
-						weekStartsOn = 0;
-						save({ weekStartsOn: 0 });
-					}}
-					class="rounded-lg px-4 py-2 text-sm transition-colors {weekStartsOn === 0
-						? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-						: 'border border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]'}"
-					>{$_('settings.sunday')}</button
-				>
-			</div>
-		</div>
-	</div>
-
-	<!-- Rounding -->
-	<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 space-y-4">
-		<h2 class="text-sm font-semibold text-[hsl(var(--foreground))]">{$_('settings.rounding')}</h2>
-
-		<div class="grid gap-4 sm:grid-cols-2">
-			<div>
-				<label class="mb-1 block text-sm text-[hsl(var(--foreground))]">Intervall</label>
-				<select
-					value={roundingIncrement}
-					onchange={(e) => {
-						roundingIncrement = parseInt((e.target as HTMLSelectElement).value);
-						save({ roundingIncrement });
-					}}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				>
-					{#each ROUNDING_INCREMENTS as inc}
-						<option value={inc}>{inc === 0 ? $_('settings.none') : `${inc} min`}</option>
-					{/each}
-				</select>
-			</div>
-			<div>
-				<label class="mb-1 block text-sm text-[hsl(var(--foreground))]"
-					>{$_('settings.roundingMethod')}</label
-				>
-				<select
-					value={roundingMethod}
-					onchange={(e) => {
-						roundingMethod = (e.target as HTMLSelectElement).value as any;
-						save({ roundingMethod });
-					}}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				>
-					<option value="none">{$_('settings.none')}</option>
-					<option value="up">{$_('settings.up')}</option>
-					<option value="down">{$_('settings.down')}</option>
-					<option value="nearest">{$_('settings.nearest')}</option>
-				</select>
-			</div>
-		</div>
-	</div>
-
-	<!-- Billing -->
-	<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 space-y-4">
-		<h2 class="text-sm font-semibold text-[hsl(var(--foreground))]">
-			{$_('settings.billingRate')}
-		</h2>
-
-		<div class="flex items-end gap-2">
-			<div class="flex-1">
-				<label class="mb-1 block text-sm text-[hsl(var(--foreground))]"
-					>{$_('settings.billingRate')}</label
-				>
-				<input
-					type="number"
-					value={defaultRate}
-					min="0"
-					step="5"
-					oninput={(e) => {
-						defaultRate = parseFloat((e.target as HTMLInputElement).value) || 0;
-						save({
-							defaultBillingRate:
-								defaultRate > 0
-									? { amount: defaultRate, currency: defaultCurrency, per: 'hour' }
-									: null,
-						});
-					}}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				/>
-			</div>
-			<div>
-				<label class="mb-1 block text-sm text-[hsl(var(--foreground))]"
-					>{$_('settings.currency')}</label
-				>
-				<select
-					value={defaultCurrency}
-					onchange={(e) => {
-						defaultCurrency = (e.target as HTMLSelectElement).value;
-						if (defaultRate > 0)
-							save({
-								defaultBillingRate: { amount: defaultRate, currency: defaultCurrency, per: 'hour' },
-							});
-					}}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				>
-					{#each CURRENCIES as curr}
-						<option value={curr.code}>{curr.symbol} {curr.code}</option>
-					{/each}
-				</select>
-			</div>
-			<span class="pb-2 text-sm text-[hsl(var(--muted-foreground))]">/h</span>
-		</div>
-	</div>
-
-	<!-- Timer -->
-	<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 space-y-4">
-		<h2 class="text-sm font-semibold text-[hsl(var(--foreground))]">Timer</h2>
-
-		<div class="grid gap-4 sm:grid-cols-2">
-			<div>
-				<label class="mb-1 block text-sm text-[hsl(var(--foreground))]"
-					>{$_('settings.timerReminder')}</label
-				>
-				<p class="mb-1.5 text-xs text-[hsl(var(--muted-foreground))]">0 = aus</p>
-				<input
-					type="number"
-					value={timerReminderMinutes}
-					min="0"
-					step="5"
-					oninput={(e) => {
-						timerReminderMinutes = parseInt((e.target as HTMLInputElement).value) || 0;
-						save({ timerReminderMinutes });
-					}}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				/>
-			</div>
-			<div>
-				<label class="mb-1 block text-sm text-[hsl(var(--foreground))]"
-					>{$_('settings.autoStop')}</label
-				>
-				<p class="mb-1.5 text-xs text-[hsl(var(--muted-foreground))]">0 = aus</p>
-				<input
-					type="number"
-					value={autoStopTimerHours}
-					min="0"
-					step="1"
-					oninput={(e) => {
-						autoStopTimerHours = parseInt((e.target as HTMLInputElement).value) || 0;
-						save({ autoStopTimerHours });
-					}}
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				/>
-			</div>
-		</div>
-	</div>
-
-	<!-- Visibility -->
-	<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 space-y-4">
-		<h2 class="text-sm font-semibold text-[hsl(var(--foreground))]">{$_('settings.visibility')}</h2>
-		<p class="text-xs text-[hsl(var(--muted-foreground))]">{$_('settings.visibilityDesc')}</p>
-
-		<div class="flex gap-2">
-			<button
-				onclick={() => {
-					defaultVisibility = 'private';
-					save({ defaultVisibility: 'private' });
-				}}
-				class="rounded-lg px-4 py-2 text-sm transition-colors {defaultVisibility === 'private'
-					? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-					: 'border border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]'}"
-				>{$_('settings.private')}</button
-			>
-			<button
-				onclick={() => {
-					defaultVisibility = 'guild';
-					save({ defaultVisibility: 'guild' });
-				}}
-				class="rounded-lg px-4 py-2 text-sm transition-colors {defaultVisibility === 'guild'
-					? 'bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]'
-					: 'border border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]'}"
-				>{$_('settings.guild')}</button
-			>
-		</div>
-	</div>
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/templates/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/templates/+page.svelte
deleted file mode 100644
index 064d21826..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/templates/+page.svelte
+++ /dev/null
@@ -1,191 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { templateCollection, timeEntryCollection } from '$lib/data/local-store';
-	import { timerStore } from '$lib/stores/timer.svelte';
-	import { X } from '@manacore/shared-icons';
-	import type { EntryTemplate, Project, Client } from '@times/shared';
-
-	const allTemplates = getContext<{ value: EntryTemplate[] }>('templates');
-	const allProjects = getContext<{ value: Project[] }>('projects');
-	const allClients = getContext<{ value: Client[] }>('clients');
-
-	let showCreateForm = $state(false);
-	let newName = $state('');
-	let newDescription = $state('');
-	let newProjectId = $state('');
-	let newIsBillable = $state(false);
-
-	let sortedTemplates = $derived(
-		[...allTemplates.value].sort((a, b) => b.usageCount - a.usageCount)
-	);
-
-	async function handleCreate() {
-		if (!newName.trim()) return;
-		await templateCollection.insert({
-			id: crypto.randomUUID(),
-			name: newName.trim(),
-			projectId: newProjectId || null,
-			clientId: newProjectId
-				? (allProjects.value.find((p) => p.id === newProjectId)?.clientId ?? null)
-				: null,
-			description: newDescription,
-			isBillable: newIsBillable,
-			tags: [],
-			usageCount: 0,
-			lastUsedAt: null,
-		});
-		newName = '';
-		newDescription = '';
-		newProjectId = '';
-		newIsBillable = false;
-		showCreateForm = false;
-	}
-
-	async function useTemplate(template: EntryTemplate) {
-		// Update usage stats
-		await templateCollection.update(template.id, {
-			usageCount: template.usageCount + 1,
-			lastUsedAt: new Date().toISOString(),
-		});
-
-		// Start timer with template data
-		await timerStore.start({
-			projectId: template.projectId ?? undefined,
-			clientId: template.clientId ?? undefined,
-			description: template.description,
-			isBillable: template.isBillable,
-			tags: template.tags,
-		});
-	}
-
-	async function deleteTemplate(id: string) {
-		await templateCollection.delete(id);
-	}
-</script>
-
-<svelte:head>
-	<title>{$_('nav.templates')} | Times</title>
-</svelte:head>
-
-<div class="space-y-6">
-	<div class="flex items-center justify-between">
-		<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">{$_('nav.templates')}</h1>
-		<button
-			onclick={() => (showCreateForm = !showCreateForm)}
-			class="rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-		>
-			+ {$_('template.create')}
-		</button>
-	</div>
-
-	{#if showCreateForm}
-		<form
-			onsubmit={(e) => {
-				e.preventDefault();
-				handleCreate();
-			}}
-			class="rounded-xl border border-[hsl(var(--primary)/0.3)] bg-[hsl(var(--card))] p-4 space-y-3"
-		>
-			<input
-				type="text"
-				bind:value={newName}
-				placeholder="Vorlagenname"
-				class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-sm text-[hsl(var(--foreground))] focus:border-[hsl(var(--primary))] focus:outline-none"
-			/>
-			<input
-				type="text"
-				bind:value={newDescription}
-				placeholder={$_('entry.description')}
-				class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-2.5 text-sm text-[hsl(var(--foreground))]"
-			/>
-			<div class="flex gap-2">
-				<select
-					bind:value={newProjectId}
-					class="flex-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-3 py-2 text-sm text-[hsl(var(--foreground))]"
-				>
-					<option value="">{$_('project.internal')}</option>
-					{#each allProjects.value.filter((p) => !p.isArchived) as proj}
-						<option value={proj.id}>{proj.name}</option>
-					{/each}
-				</select>
-				<label
-					class="flex items-center gap-2 rounded-lg border border-[hsl(var(--border))] px-3 py-2 text-sm"
-				>
-					<input
-						type="checkbox"
-						bind:checked={newIsBillable}
-						class="accent-[hsl(var(--primary))]"
-					/>
-					{$_('entry.billable')}
-				</label>
-			</div>
-			<div class="flex gap-2">
-				<button
-					type="button"
-					onclick={() => (showCreateForm = false)}
-					class="flex-1 rounded-lg border border-[hsl(var(--border))] py-2 text-sm text-[hsl(var(--muted-foreground))]"
-					>{$_('common.cancel')}</button
-				>
-				<button
-					type="submit"
-					class="flex-1 rounded-lg bg-[hsl(var(--primary))] py-2 text-sm font-medium text-[hsl(var(--primary-foreground))]"
-					>{$_('common.create')}</button
-				>
-			</div>
-		</form>
-	{/if}
-
-	{#if sortedTemplates.length === 0 && !showCreateForm}
-		<div
-			class="rounded-xl border border-dashed border-[hsl(var(--border))] p-8 text-center text-[hsl(var(--muted-foreground))]"
-		>
-			<p>{$_('template.noTemplates')}</p>
-		</div>
-	{:else}
-		<div class="space-y-2">
-			{#each sortedTemplates as template (template.id)}
-				{@const project = template.projectId
-					? allProjects.value.find((p) => p.id === template.projectId)
-					: undefined}
-				<div
-					class="flex items-center gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3"
-				>
-					{#if project}
-						<div
-							class="h-3 w-3 shrink-0 rounded-full"
-							style="background-color: {project.color}"
-						></div>
-					{:else}
-						<div class="h-3 w-3 shrink-0 rounded-full bg-gray-400"></div>
-					{/if}
-					<div class="min-w-0 flex-1">
-						<p class="text-sm font-medium text-[hsl(var(--foreground))]">{template.name}</p>
-						<p class="text-xs text-[hsl(var(--muted-foreground))]">
-							{template.description || $_('timer.noDescription')}
-							{#if project}
-								· {project.name}{/if}
-							{#if template.isBillable}
-								· ${/if}
-							{#if template.usageCount > 0}
-								· {template.usageCount}x{/if}
-						</p>
-					</div>
-					<button
-						onclick={() => useTemplate(template)}
-						disabled={timerStore.isRunning}
-						class="rounded-lg bg-[hsl(var(--primary))] px-3 py-1.5 text-xs font-medium text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-					>
-						{$_('timer.start')}
-					</button>
-					<button
-						onclick={() => deleteTemplate(template.id)}
-						class="rounded-lg p-1.5 text-[hsl(var(--muted-foreground))] hover:text-red-500"
-					>
-						<X size={16} />
-					</button>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/times/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index 000b1b683..000000000
--- a/apps/times/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-</script>
-
-<svelte:head>
-	<title>Themes | Times</title>
-</svelte:head>
-
-<div>
-	<h1 class="mb-6 text-2xl font-bold text-[hsl(var(--foreground))]">Themes</h1>
-	<p class="text-[hsl(var(--muted-foreground))]">Theme-Auswahl.</p>
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/times/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/times/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/times/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/times/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index dea3dbb8b..000000000
--- a/apps/times/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,264 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { Clock } from '@manacore/shared-icons';
-	import { getPillAppItems } from '@manacore/shared-branding';
-
-	let email = $state('');
-	let password = $state('');
-	let error = $state('');
-	let isLoading = $state(false);
-	let showRegister = $state(false);
-	let showForgotPassword = $state(false);
-	let show2FA = $state(false);
-	let twoFactorCode = $state('');
-	let verificationSent = $state(false);
-
-	async function handleLogin() {
-		if (!email || !password) return;
-		isLoading = true;
-		error = '';
-		try {
-			const result = await authStore.signIn(email, password);
-			if (result.success) {
-				goto('/');
-			} else if (result.error?.includes('two-factor') || result.error?.includes('2FA')) {
-				show2FA = true;
-			} else {
-				error = result.error || 'Login fehlgeschlagen';
-			}
-		} catch {
-			error = 'Ein Fehler ist aufgetreten';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function handleRegister() {
-		if (!email || !password) return;
-		isLoading = true;
-		error = '';
-		try {
-			const result = await authStore.signUp(email, password);
-			if (result.success && !result.needsVerification) {
-				goto('/');
-			} else if (result.needsVerification) {
-				verificationSent = true;
-			} else {
-				error = result.error || 'Registrierung fehlgeschlagen';
-			}
-		} catch {
-			error = 'Ein Fehler ist aufgetreten';
-		} finally {
-			isLoading = false;
-		}
-	}
-
-	async function handleForgotPassword() {
-		if (!email) {
-			error = 'Bitte E-Mail eingeben';
-			return;
-		}
-		isLoading = true;
-		error = '';
-		const result = await authStore.resetPassword(email);
-		if (result.success) {
-			verificationSent = true;
-		} else {
-			error = result.error || 'Fehler beim Zurücksetzen';
-		}
-		isLoading = false;
-	}
-
-	async function handle2FA() {
-		if (!twoFactorCode) return;
-		isLoading = true;
-		const result = await authStore.verifyTwoFactor(twoFactorCode, true);
-		if (result.success) {
-			goto('/');
-		} else {
-			error = 'Ungültiger Code';
-		}
-		isLoading = false;
-	}
-
-	async function handlePasskey() {
-		isLoading = true;
-		error = '';
-		const result = await authStore.signInWithPasskey();
-		if (result.success) {
-			goto('/');
-		} else {
-			error = result.error || 'Passkey fehlgeschlagen';
-		}
-		isLoading = false;
-	}
-</script>
-
-<svelte:head>
-	<title>{showRegister ? $_('auth.register') : $_('auth.login')} | Times</title>
-</svelte:head>
-
-<div class="flex min-h-screen items-center justify-center bg-[hsl(var(--background))] p-4">
-	<div class="w-full max-w-sm">
-		<!-- Logo -->
-		<div class="mb-8 text-center">
-			<div
-				class="mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-2xl bg-[hsl(var(--primary))]"
-			>
-				<Clock size={32} class="text-white" />
-			</div>
-			<h1 class="text-2xl font-bold text-[hsl(var(--foreground))]">Times</h1>
-			<p class="mt-1 text-sm text-[hsl(var(--muted-foreground))]">Zeiterfassung</p>
-		</div>
-
-		{#if verificationSent}
-			<div
-				class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6 text-center"
-			>
-				<p class="text-[hsl(var(--foreground))]">
-					{showForgotPassword ? 'Link zum Zurücksetzen gesendet!' : 'Bestätigungsmail gesendet!'}
-				</p>
-				<p class="mt-2 text-sm text-[hsl(var(--muted-foreground))]">Bitte prüfe dein Postfach.</p>
-				<button
-					onclick={() => {
-						verificationSent = false;
-						showForgotPassword = false;
-						showRegister = false;
-					}}
-					class="mt-4 text-sm text-[hsl(var(--primary))]"
-				>
-					Zurück zum Login
-				</button>
-			</div>
-		{:else if show2FA}
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6">
-				<h2 class="mb-4 text-lg font-semibold text-[hsl(var(--foreground))]">
-					Zwei-Faktor-Authentifizierung
-				</h2>
-				<input
-					type="text"
-					bind:value={twoFactorCode}
-					placeholder="Code eingeben"
-					class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-3 text-[hsl(var(--foreground))]"
-					onkeydown={(e) => e.key === 'Enter' && handle2FA()}
-				/>
-				{#if error}<p class="mt-2 text-sm text-red-500">{error}</p>{/if}
-				<button
-					onclick={handle2FA}
-					disabled={isLoading}
-					class="mt-4 w-full rounded-lg bg-[hsl(var(--primary))] py-3 font-medium text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-				>
-					{isLoading ? 'Prüfe...' : 'Bestätigen'}
-				</button>
-			</div>
-		{:else}
-			<div class="rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6">
-				<h2 class="mb-4 text-lg font-semibold text-[hsl(var(--foreground))]">
-					{showForgotPassword
-						? 'Passwort zurücksetzen'
-						: showRegister
-							? $_('auth.register')
-							: $_('auth.login')}
-				</h2>
-
-				<div class="space-y-3">
-					<input
-						type="email"
-						bind:value={email}
-						placeholder={$_('auth.email')}
-						class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-3 text-[hsl(var(--foreground))]"
-					/>
-					{#if !showForgotPassword}
-						<input
-							type="password"
-							bind:value={password}
-							placeholder={$_('auth.password')}
-							class="w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--input))] px-4 py-3 text-[hsl(var(--foreground))]"
-							onkeydown={(e) =>
-								e.key === 'Enter' && (showRegister ? handleRegister() : handleLogin())}
-						/>
-					{/if}
-				</div>
-
-				{#if error}<p class="mt-2 text-sm text-red-500">{error}</p>{/if}
-
-				<button
-					onclick={showForgotPassword
-						? handleForgotPassword
-						: showRegister
-							? handleRegister
-							: handleLogin}
-					disabled={isLoading}
-					class="mt-4 w-full rounded-lg bg-[hsl(var(--primary))] py-3 font-medium text-[hsl(var(--primary-foreground))] disabled:opacity-50"
-				>
-					{isLoading
-						? $_('common.loading')
-						: showForgotPassword
-							? 'Link senden'
-							: showRegister
-								? $_('auth.register')
-								: $_('auth.login')}
-				</button>
-
-				{#if !showForgotPassword && authStore.isPasskeyAvailable()}
-					<button
-						onclick={handlePasskey}
-						disabled={isLoading}
-						class="mt-2 w-full rounded-lg border border-[hsl(var(--border))] py-3 text-sm text-[hsl(var(--foreground))]"
-					>
-						Mit Passkey anmelden
-					</button>
-				{/if}
-
-				<div class="mt-4 flex justify-between text-sm">
-					{#if showForgotPassword}
-						<button
-							onclick={() => {
-								showForgotPassword = false;
-								error = '';
-							}}
-							class="text-[hsl(var(--primary))]"
-						>
-							Zurück zum Login
-						</button>
-					{:else}
-						<button
-							onclick={() => {
-								showForgotPassword = true;
-								error = '';
-							}}
-							class="text-[hsl(var(--muted-foreground))]"
-						>
-							{$_('auth.forgotPassword')}
-						</button>
-						<button
-							onclick={() => {
-								showRegister = !showRegister;
-								error = '';
-							}}
-							class="text-[hsl(var(--primary))]"
-						>
-							{showRegister ? $_('auth.login') : $_('auth.register')}
-						</button>
-					{/if}
-				</div>
-			</div>
-		{/if}
-
-		<!-- App switcher -->
-		<div class="mt-6 flex flex-wrap justify-center gap-2">
-			{#each getPillAppItems() as app}
-				{#if app.id !== 'times'}
-					<a
-						href={app.url}
-						class="rounded-full border border-[hsl(var(--border))] px-3 py-1 text-xs text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))]"
-					>
-						{app.name}
-					</a>
-				{/if}
-			{/each}
-		</div>
-	</div>
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/+error.svelte b/apps/times/apps/web-archived/src/routes/+error.svelte
deleted file mode 100644
index 6ef4029e4..000000000
--- a/apps/times/apps/web-archived/src/routes/+error.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { _ } from 'svelte-i18n';
-</script>
-
-<div class="flex min-h-screen items-center justify-center">
-	<div class="text-center">
-		<h1 class="mb-4 text-6xl font-bold text-[hsl(var(--primary))]">{$page.status}</h1>
-		<p class="mb-8 text-lg text-[hsl(var(--muted-foreground))]">
-			{$page.error?.message || $_('error.notFound')}
-		</p>
-		<a
-			href="/"
-			class="rounded-lg bg-[hsl(var(--primary))] px-6 py-3 text-[hsl(var(--primary-foreground))] transition-colors hover:opacity-90"
-		>
-			{$_('error.backToHome')}
-		</a>
-	</div>
-</div>
diff --git a/apps/times/apps/web-archived/src/routes/+layout.svelte b/apps/times/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 69d701b16..000000000
--- a/apps/times/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
-	import '../app.css';
-	import '$lib/i18n';
-	import { waitLocale } from '$lib/i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let { children } = $props();
-
-	let ready = $state(false);
-
-	onMount(async () => {
-		await waitLocale();
-		theme.initialize();
-		await authStore.initialize();
-		ready = true;
-	});
-</script>
-
-{#if ready}
-	<div class="min-h-screen bg-[hsl(var(--background))] text-[hsl(var(--foreground))]">
-		{@render children()}
-	</div>
-{:else}
-	<div class="flex min-h-screen items-center justify-center bg-[hsl(var(--background))]">
-		<div class="text-center">
-			<div
-				class="mx-auto mb-4 h-8 w-8 animate-spin rounded-full border-2 border-[hsl(var(--primary))] border-t-transparent"
-			></div>
-			<p class="text-sm text-[hsl(var(--muted-foreground))]">Laden...</p>
-		</div>
-	</div>
-{/if}
diff --git a/apps/times/apps/web-archived/src/routes/+layout.ts b/apps/times/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/times/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/times/apps/web-archived/src/routes/health/+server.ts b/apps/times/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 6521cd066..000000000
--- a/apps/times/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		timestamp: new Date().toISOString(),
-		service: 'times-web',
-	});
-};
diff --git a/apps/times/apps/web-archived/src/routes/offline/+page.svelte b/apps/times/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index a072d9d48..000000000
--- a/apps/times/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { Clock } from '@manacore/shared-icons';
-</script>
-
-<svelte:head>
-	<title>Offline | Times</title>
-</svelte:head>
-
-<div class="flex min-h-screen items-center justify-center bg-[hsl(var(--background))] p-4">
-	<div class="text-center">
-		<div
-			class="mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-2xl bg-[hsl(var(--muted))]"
-		>
-			<Clock size={20} class="text-[hsl(var(--muted-foreground))]" />
-		</div>
-		<h1 class="mb-2 text-2xl font-bold text-[hsl(var(--foreground))]">Offline</h1>
-		<p class="mb-6 text-[hsl(var(--muted-foreground))]">
-			Du bist gerade nicht mit dem Internet verbunden.
-		</p>
-		<button
-			onclick={() => window.location.reload()}
-			class="rounded-lg bg-[hsl(var(--primary))] px-6 py-3 font-medium text-[hsl(var(--primary-foreground))] transition-colors hover:opacity-90"
-		>
-			Erneut versuchen
-		</button>
-	</div>
-</div>
diff --git a/apps/times/apps/web-archived/svelte.config.js b/apps/times/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/times/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/times/apps/web-archived/tsconfig.json b/apps/times/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/times/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/times/apps/web-archived/vite.config.ts b/apps/times/apps/web-archived/vite.config.ts
deleted file mode 100644
index 7692ffa2a..000000000
--- a/apps/times/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import tailwindcss from '@tailwindcss/vite';
-import { sveltekit } from '@sveltejs/kit/vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { defineConfig } from 'vite';
-import { getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA({
-			registerType: 'autoUpdate',
-			manifest: {
-				name: 'Times',
-				short_name: 'Times',
-				description: 'Zeiterfassung & Timetracking',
-				theme_color: '#f59e0b',
-				background_color: '#0f172a',
-				display: 'standalone',
-				icons: [
-					{
-						src: 'pwa-192x192.png',
-						sizes: '192x192',
-						type: 'image/png',
-					},
-					{
-						src: 'pwa-512x512.png',
-						sizes: '512x512',
-						type: 'image/png',
-					},
-				],
-				shortcuts: [
-					{
-						name: 'Timer starten',
-						short_name: 'Timer',
-						url: '/?action=start',
-						icons: [{ src: 'icons/icon.svg', sizes: '96x96' }],
-					},
-					{
-						name: 'Neuer Eintrag',
-						short_name: 'Eintrag',
-						url: '/entries?action=new',
-						icons: [{ src: 'icons/icon.svg', sizes: '96x96' }],
-					},
-				],
-			},
-			workbox: {
-				globPatterns: ['client/**/*.{js,css,ico,png,svg,webp,woff,woff2}'],
-			},
-		}),
-	],
-	server: {
-		port: 5197,
-		strictPort: true,
-	},
-	preview: {
-		port: 5197,
-	},
-	define: getBuildDefines(),
-});
diff --git a/apps/todo/apps/web-archived/.env.production.example b/apps/todo/apps/web-archived/.env.production.example
deleted file mode 100644
index 027f34cb9..000000000
--- a/apps/todo/apps/web-archived/.env.production.example
+++ /dev/null
@@ -1,19 +0,0 @@
-# Todo Web App - Production Environment Variables
-# Copy this file to .env.production and fill in the values
-
-# =============================================================================
-# REQUIRED
-# =============================================================================
-
-# Backend API URL
-PUBLIC_BACKEND_URL=https://todo-api.mana.how
-
-# Mana Core Auth URL for authentication
-PUBLIC_MANA_CORE_AUTH_URL=https://auth.mana.how
-
-# =============================================================================
-# OPTIONAL
-# =============================================================================
-
-# Umami Analytics
-# PUBLIC_UMAMI_WEBSITE_ID=your-umami-website-id
diff --git a/apps/todo/apps/web-archived/Dockerfile b/apps/todo/apps/web-archived/Dockerfile
deleted file mode 100644
index 1dd140d55..000000000
--- a/apps/todo/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,55 +0,0 @@
-# syntax=docker/dockerfile:1
-# Build stage - inherits pre-built shared packages from sveltekit-base
-FROM sveltekit-base:local AS builder
-
-# Build arguments for SvelteKit static env vars
-ARG PUBLIC_BACKEND_URL=http://todo-backend:3018
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-core-auth:3001
-
-# Set as environment variables for build
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-# Copy app-specific packages
-COPY apps/todo/packages/shared ./apps/todo/packages/shared
-COPY apps/todo/apps/web ./apps/todo/apps/web
-
-# Install app-specific dependencies
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-# Build the web app
-WORKDIR /app/apps/todo/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-# Production stage
-FROM node:20-alpine AS production
-
-# Keep same directory structure as builder so pnpm symlinks resolve correctly
-WORKDIR /app/apps/todo/apps/web
-
-# Copy the pnpm store that symlinks point to (at /app/node_modules/.pnpm)
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-
-# Copy the app's node_modules (contains symlinks to the pnpm store)
-COPY --from=builder /app/apps/todo/apps/web/node_modules ./node_modules
-
-# Copy built application
-COPY --from=builder /app/apps/todo/apps/web/build ./build
-COPY --from=builder /app/apps/todo/apps/web/package.json ./
-
-# Expose port
-EXPOSE 5188
-
-# Set environment variables
-ENV NODE_ENV=production
-ENV PORT=5188
-ENV HOST=0.0.0.0
-
-# Health check
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5188/health || exit 1
-
-# Run the app
-CMD ["node", "build"]
diff --git a/apps/todo/apps/web-archived/e2e/auth.spec.ts b/apps/todo/apps/web-archived/e2e/auth.spec.ts
deleted file mode 100644
index 1374be230..000000000
--- a/apps/todo/apps/web-archived/e2e/auth.spec.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-// Auth tests run WITHOUT storageState (unauthenticated)
-
-// Helper: wait for the app to finish loading (skeleton disappears)
-async function waitForAppReady(page: import('@playwright/test').Page) {
-	await page.waitForFunction(
-		() => {
-			const skeleton = document.querySelector('.app-loading-skeleton, [data-skeleton]');
-			return !skeleton || skeleton.children.length === 0;
-		},
-		{ timeout: 30000 }
-	);
-	// Give Svelte time to render
-	await page.waitForTimeout(500);
-}
-
-test.describe('Authentication', () => {
-	test('login page renders with email and password fields', async ({ page }) => {
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email');
-		const passwordInput = page.locator('input[type="password"], input[name="password"], #password');
-
-		await expect(emailInput.first()).toBeVisible({ timeout: 10000 });
-		await expect(passwordInput.first()).toBeVisible({ timeout: 5000 });
-		await expect(page.locator('button[type="submit"]')).toBeVisible();
-	});
-
-	test('invalid credentials show error message', async ({ page }) => {
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-		const passwordInput = page
-			.locator('input[type="password"], input[name="password"], #password')
-			.first();
-
-		await emailInput.fill('nonexistent@test.local');
-		await passwordInput.fill('WrongPassword123!');
-		await page.locator('button[type="submit"]').click();
-
-		// Error alert should appear
-		const errorAlert = page.locator('#form-error, [role="alert"]');
-		await expect(errorAlert.first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('successful login redirects to inbox', async ({ page }) => {
-		const email = process.env.E2E_TEST_EMAIL || 'e2e-todo@test.local';
-		const password = process.env.E2E_TEST_PASSWORD || 'TestPassword123';
-
-		// Listen for console errors and network failures
-		const errors: string[] = [];
-		page.on('console', (msg) => {
-			if (msg.type() === 'error') errors.push(msg.text());
-		});
-		page.on('requestfailed', (req) => {
-			errors.push(`Request failed: ${req.url()} - ${req.failure()?.errorText}`);
-		});
-
-		await page.goto('/login');
-		await waitForAppReady(page);
-
-		const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-		const passwordInput = page
-			.locator('input[type="password"], input[name="password"], #password')
-			.first();
-
-		await emailInput.fill(email);
-		await passwordInput.fill(password);
-		await page.locator('button[type="submit"]').click();
-
-		// Wait for either redirect or error
-		try {
-			await page.waitForURL((url) => !url.pathname.includes('/login'), { timeout: 20000 });
-		} catch {
-			console.log('Login errors:', errors);
-			const authUrl = await page.evaluate(
-				() => (window as any).__PUBLIC_MANA_CORE_AUTH_URL__ || 'NOT SET'
-			);
-			console.log('Auth URL on page:', authUrl);
-			throw new Error(`Login did not redirect. Auth URL: ${authUrl}. Errors: ${errors.join('; ')}`);
-		}
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('unauthenticated access to / redirects to /login', async ({ page }) => {
-		await page.goto('/');
-
-		// The app layout's onMount redirects unauthenticated users to /login
-		await page.waitForURL(/\/login/, { timeout: 30000 });
-	});
-});
diff --git a/apps/todo/apps/web-archived/e2e/fixtures/auth.ts b/apps/todo/apps/web-archived/e2e/fixtures/auth.ts
deleted file mode 100644
index 9245fd24c..000000000
--- a/apps/todo/apps/web-archived/e2e/fixtures/auth.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import { test as base, expect, type Page, type BrowserContext } from '@playwright/test';
-import fs from 'node:fs';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const TEST_EMAIL = process.env.E2E_TEST_EMAIL || 'e2e-todo@test.local';
-const TEST_PASSWORD = process.env.E2E_TEST_PASSWORD || 'TestPassword123';
-const AUTH_URL = process.env.MANA_CORE_AUTH_URL || 'http://localhost:3001';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const STORAGE_STATE_PATH = path.join(__dirname, '..', '.auth-state.json');
-
-/**
- * Ensures a test user exists via the auth API.
- */
-async function ensureTestUser(): Promise<void> {
-	try {
-		const res = await fetch(`${AUTH_URL}/api/v1/auth/register`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ email: TEST_EMAIL, password: TEST_PASSWORD, name: 'E2E Test User' }),
-		});
-		if (!res.ok && res.status !== 409 && res.status !== 422) {
-			const body = await res.text();
-			console.warn(`Register returned ${res.status}: ${body}`);
-		}
-	} catch {
-		// User may already exist
-	}
-
-	try {
-		await fetch(`${AUTH_URL}/api/v1/auth/verify-email-dev`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ email: TEST_EMAIL }),
-		});
-	} catch {
-		// Verification endpoint may not exist
-	}
-}
-
-async function waitForAppReady(page: Page): Promise<void> {
-	await page.waitForFunction(
-		() => document.querySelector('main, form, input[type="email"], #email') !== null,
-		{ timeout: 30000 }
-	);
-}
-
-function hasValidStorageState(): boolean {
-	try {
-		const stat = fs.statSync(STORAGE_STATE_PATH);
-		const ageMs = Date.now() - stat.mtimeMs;
-		if (ageMs > 60 * 60 * 1000) return false;
-		const content = JSON.parse(fs.readFileSync(STORAGE_STATE_PATH, 'utf-8'));
-		return content.origins?.length > 0;
-	} catch {
-		return false;
-	}
-}
-
-async function loginViaUI(page: Page): Promise<void> {
-	await page.goto('/login');
-	await waitForAppReady(page);
-
-	const emailInput = page.locator('input[type="email"], input[name="email"], #email').first();
-	const passwordInput = page
-		.locator('input[type="password"], input[name="password"], #password')
-		.first();
-
-	await emailInput.fill(TEST_EMAIL);
-	await passwordInput.fill(TEST_PASSWORD);
-	await page.locator('button[type="submit"]').click();
-
-	await page.waitForURL((url) => !url.pathname.includes('/login'), { timeout: 30000 });
-	await expect(page.locator('main').first()).toBeVisible({ timeout: 15000 });
-}
-
-/**
- * Extended test fixture that provides an authenticated page.
- */
-export const test = base.extend<object, { workerStorageState: string }>({
-	workerStorageState: [
-		async ({ browser }, use) => {
-			if (hasValidStorageState()) {
-				await use(STORAGE_STATE_PATH);
-				return;
-			}
-
-			await ensureTestUser();
-
-			const context = await browser.newContext();
-			const page = await context.newPage();
-			await loginViaUI(page);
-
-			await context.storageState({ path: STORAGE_STATE_PATH });
-			await page.close();
-			await context.close();
-
-			await use(STORAGE_STATE_PATH);
-		},
-		{ scope: 'worker' },
-	],
-
-	context: async ({ browser, workerStorageState }, use) => {
-		const context = await browser.newContext({ storageState: workerStorageState });
-		await use(context);
-		await context.close();
-	},
-
-	page: async ({ context }, use) => {
-		const page = await context.newPage();
-		await use(page);
-	},
-});
-
-export { expect };
diff --git a/apps/todo/apps/web-archived/e2e/projects.spec.ts b/apps/todo/apps/web-archived/e2e/projects.spec.ts
deleted file mode 100644
index d75cd1f89..000000000
--- a/apps/todo/apps/web-archived/e2e/projects.spec.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { test, expect } from './fixtures/auth';
-
-const BACKEND_URL = process.env.PUBLIC_BACKEND_URL || 'http://localhost:3018';
-
-test.describe('Project Management', () => {
-	test.beforeAll(async () => {
-		// Skip all project tests if the backend is not running
-		try {
-			const res = await fetch(`${BACKEND_URL}/api/v1/health`, {
-				signal: AbortSignal.timeout(3000),
-			});
-			if (!res.ok) test.skip(true, 'Todo backend is not running');
-		} catch {
-			test.skip(true, 'Todo backend is not reachable');
-		}
-	});
-
-	test('create a new project via API and verify it appears in settings', async ({ page }) => {
-		const projectName = `E2E Projekt ${Date.now()}`;
-
-		// Navigate to settings where projects are referenced
-		await page.goto('/settings');
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-
-		// The settings page shows project-related options
-		// Projects are managed via the store/API, so we create one via the QuickInputBar
-		// using the @Projektname syntax
-		await page.goto('/');
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-
-		// Use the QuickInputBar to create a task with a project reference
-		// This tests the project creation flow indirectly
-		const quickInput = page.locator('input[placeholder*="Neue Aufgabe"]');
-		await expect(quickInput).toBeVisible({ timeout: 10000 });
-
-		// Create a task - the project system is functional
-		const taskTitle = `E2E Projekt Test ${Date.now()}`;
-		await quickInput.fill(taskTitle);
-
-		const createButton = page.getByRole('button', { name: /erstellen/i });
-		if (await createButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-			await createButton.click();
-		} else {
-			await quickInput.press('Enter');
-		}
-
-		// Verify the task was created
-		const taskItem = page.locator('.task-item, [data-task-id]').filter({ hasText: taskTitle });
-		await expect(taskItem).toBeVisible({ timeout: 10000 });
-	});
-
-	test('navigate to tags page and verify it loads', async ({ page }) => {
-		await page.goto('/tags');
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-
-		// The tags page should show the tag management interface
-		// Look for the inline create input or heading
-		const heading = page.locator('h1, h2').filter({ hasText: /tags|labels/i });
-		const tagInput = page.locator('input[placeholder]');
-
-		// At least the page should load without errors
-		const hasContent = await heading.isVisible({ timeout: 5000 }).catch(() => false);
-		const hasInput = await tagInput
-			.first()
-			.isVisible({ timeout: 5000 })
-			.catch(() => false);
-		expect(hasContent || hasInput).toBeTruthy();
-	});
-
-	test('create and delete a tag on the tags page', async ({ page }) => {
-		const tagName = `E2E Tag ${Date.now()}`;
-
-		await page.goto('/tags');
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-
-		// Find the inline tag creation input
-		const tagInput = page
-			.locator('input[placeholder*="Tag"], input[placeholder*="tag"], input[placeholder*="Name"]')
-			.first();
-		if (await tagInput.isVisible({ timeout: 5000 }).catch(() => false)) {
-			await tagInput.fill(tagName);
-
-			// Click the create/add button or press Enter
-			const addButton = page.getByRole('button', { name: /hinzufügen|erstellen|add/i });
-			if (await addButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await addButton.click();
-			} else {
-				await tagInput.press('Enter');
-			}
-
-			// Verify the tag appears in the list
-			const tagItem = page.locator('li, [data-tag-id], .tag-item').filter({ hasText: tagName });
-			await expect(tagItem).toBeVisible({ timeout: 5000 });
-
-			// Delete the tag
-			const deleteButton = tagItem.getByRole('button', { name: /löschen|delete|entfernen/i });
-			if (await deleteButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await deleteButton.click();
-
-				// Handle confirmation dialog
-				const confirmButton = page.getByRole('button', { name: /löschen|ja|bestätigen/i });
-				if (await confirmButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-					await confirmButton.click();
-				}
-
-				await expect(tagItem).not.toBeVisible({ timeout: 5000 });
-			}
-		}
-	});
-});
diff --git a/apps/todo/apps/web-archived/e2e/tasks.spec.ts b/apps/todo/apps/web-archived/e2e/tasks.spec.ts
deleted file mode 100644
index 1b933d22a..000000000
--- a/apps/todo/apps/web-archived/e2e/tasks.spec.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-import { test, expect } from './fixtures/auth';
-
-const BACKEND_URL = process.env.PUBLIC_BACKEND_URL || 'http://localhost:3018';
-
-test.describe('Task CRUD', () => {
-	test.beforeAll(async () => {
-		// Skip all task tests if the backend is not running
-		try {
-			const res = await fetch(`${BACKEND_URL}/api/v1/health`, {
-				signal: AbortSignal.timeout(3000),
-			});
-			if (!res.ok) test.skip(true, 'Todo backend is not running');
-		} catch {
-			test.skip(true, 'Todo backend is not reachable');
-		}
-	});
-
-	test.beforeEach(async ({ page }) => {
-		await page.goto('/');
-		await expect(page.locator('main').first()).toBeVisible({ timeout: 10000 });
-	});
-
-	test('create task via QuickInputBar and verify it appears', async ({ page }) => {
-		const uniqueTitle = `E2E Aufgabe ${Date.now()}`;
-
-		// The QuickInputBar has a placeholder "Neue Aufgabe oder suchen..."
-		const quickInput = page.locator('input[placeholder*="Neue Aufgabe"]');
-		await expect(quickInput).toBeVisible({ timeout: 10000 });
-
-		// Type the task title
-		await quickInput.fill(uniqueTitle);
-
-		// Click "Erstellen" button or press Enter
-		const createButton = page.getByRole('button', { name: /erstellen/i });
-		if (await createButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-			await createButton.click();
-		} else {
-			await quickInput.press('Enter');
-		}
-
-		// Wait for the task to appear in the list
-		const taskItem = page.locator('.task-item, [data-task-id]').filter({ hasText: uniqueTitle });
-		await expect(taskItem).toBeVisible({ timeout: 10000 });
-	});
-
-	test('complete and uncomplete a task', async ({ page }) => {
-		const uniqueTitle = `E2E Erledigen ${Date.now()}`;
-
-		// Create a task first
-		const quickInput = page.locator('input[placeholder*="Neue Aufgabe"]');
-		await quickInput.fill(uniqueTitle);
-		const createButton = page.getByRole('button', { name: /erstellen/i });
-		if (await createButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-			await createButton.click();
-		} else {
-			await quickInput.press('Enter');
-		}
-
-		// Wait for task to appear
-		const taskItem = page.locator('.task-item, [data-task-id]').filter({ hasText: uniqueTitle });
-		await expect(taskItem).toBeVisible({ timeout: 10000 });
-
-		// Click the checkbox/complete button on the task
-		const checkbox = taskItem.locator('button, input[type="checkbox"]').first();
-		await checkbox.click();
-
-		// Task should move to "Erledigt" section or be marked as completed
-		await page.waitForTimeout(1000);
-
-		// Look for the task in the completed section
-		const completedSection = page.locator('text=Erledigt').first();
-		if (await completedSection.isVisible({ timeout: 3000 }).catch(() => false)) {
-			const completedTask = page
-				.locator('.task-item, [data-task-id]')
-				.filter({ hasText: uniqueTitle });
-			await expect(completedTask).toBeVisible({ timeout: 5000 });
-
-			// Uncomplete: click the checkbox again
-			const completedCheckbox = completedTask.locator('button, input[type="checkbox"]').first();
-			await completedCheckbox.click();
-			await page.waitForTimeout(1000);
-		}
-	});
-
-	test('delete a task', async ({ page }) => {
-		const uniqueTitle = `E2E Löschen ${Date.now()}`;
-
-		// Create a task first
-		const quickInput = page.locator('input[placeholder*="Neue Aufgabe"]');
-		await quickInput.fill(uniqueTitle);
-		const createButton = page.getByRole('button', { name: /erstellen/i });
-		if (await createButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-			await createButton.click();
-		} else {
-			await quickInput.press('Enter');
-		}
-
-		// Wait for task to appear
-		const taskItem = page.locator('.task-item, [data-task-id]').filter({ hasText: uniqueTitle });
-		await expect(taskItem).toBeVisible({ timeout: 10000 });
-
-		// Click on the task to open detail/edit view
-		await taskItem.click();
-
-		// Look for delete button in the detail view or context menu
-		const deleteButton = page.getByRole('button', { name: /löschen/i });
-		if (await deleteButton.isVisible({ timeout: 3000 }).catch(() => false)) {
-			await deleteButton.click();
-
-			// Handle confirmation dialog if present
-			const confirmButton = page.getByRole('button', { name: /löschen|ja|bestätigen/i });
-			if (await confirmButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await confirmButton.click();
-			}
-
-			// Verify task is no longer visible
-			await expect(taskItem).not.toBeVisible({ timeout: 5000 });
-		} else {
-			// Try right-click context menu or swipe action
-			await taskItem.click({ button: 'right' });
-			const contextDelete = page.getByRole('menuitem', { name: /löschen/i });
-			if (await contextDelete.isVisible({ timeout: 2000 }).catch(() => false)) {
-				await contextDelete.click();
-
-				const confirmButton = page.getByRole('button', { name: /löschen|ja|bestätigen/i });
-				if (await confirmButton.isVisible({ timeout: 2000 }).catch(() => false)) {
-					await confirmButton.click();
-				}
-
-				await expect(taskItem).not.toBeVisible({ timeout: 5000 });
-			}
-		}
-	});
-});
diff --git a/apps/todo/apps/web-archived/package.json b/apps/todo/apps/web-archived/package.json
deleted file mode 100644
index 83fc1952f..000000000
--- a/apps/todo/apps/web-archived/package.json
+++ /dev/null
@@ -1,73 +0,0 @@
-{
-	"name": "@todo/web",
-	"version": "1.0.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest run",
-		"test:watch": "vitest",
-		"test:e2e": "playwright test",
-		"test:e2e:ui": "playwright test --ui"
-	},
-	"devDependencies": {
-		"@playwright/test": "^1.52.0",
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"jsdom": "^25.0.1",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0",
-		"vitest": "^4.1.0"
-	},
-	"dependencies": {
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-links": "workspace:*",
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-splitscreen": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-types": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@manacore/spiral-db": "workspace:*",
-		"@todo/shared": "workspace:*",
-		"date-fns": "^4.1.0",
-		"svelte-dnd-action": "^0.9.68",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/todo/apps/web-archived/playwright.config.ts b/apps/todo/apps/web-archived/playwright.config.ts
deleted file mode 100644
index 40ec8e9d5..000000000
--- a/apps/todo/apps/web-archived/playwright.config.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-	testDir: './e2e',
-	fullyParallel: true,
-	forbidOnly: !!process.env.CI,
-	retries: process.env.CI ? 2 : 0,
-	workers: 1,
-	reporter: process.env.CI ? [['github'], ['html', { open: 'never' }]] : [['html']],
-
-	use: {
-		baseURL: 'http://localhost:5188',
-		trace: 'on-first-retry',
-		screenshot: 'only-on-failure',
-		video: 'retain-on-failure',
-		actionTimeout: 10000,
-		navigationTimeout: 30000,
-	},
-
-	timeout: 60000,
-	expect: { timeout: 5000 },
-
-	projects: process.env.CI
-		? [
-				{ name: 'chromium', use: { ...devices['Desktop Chrome'] } },
-				{ name: 'firefox', use: { ...devices['Desktop Firefox'] } },
-				{ name: 'webkit', use: { ...devices['Desktop Safari'] } },
-			]
-		: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
-
-	webServer: {
-		command: 'pnpm run build && pnpm run preview --port 5188',
-		port: 5188,
-		reuseExistingServer: !process.env.CI,
-		timeout: 120000,
-	},
-
-	outputDir: 'test-results/',
-});
diff --git a/apps/todo/apps/web-archived/scripts/generate-icons.mjs b/apps/todo/apps/web-archived/scripts/generate-icons.mjs
deleted file mode 100644
index f6e874607..000000000
--- a/apps/todo/apps/web-archived/scripts/generate-icons.mjs
+++ /dev/null
@@ -1,34 +0,0 @@
-#!/usr/bin/env node
-import { readFileSync } from 'fs';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const staticDir = join(__dirname, '..', 'static');
-
-const sizes = [
-	{ name: 'favicon.png', size: 32 },
-	{ name: 'pwa-192x192.png', size: 192 },
-	{ name: 'pwa-512x512.png', size: 512 },
-	{ name: 'apple-touch-icon.png', size: 180 },
-];
-
-async function generateIcons() {
-	try {
-		const sharp = (await import('sharp')).default;
-		const svgPath = join(staticDir, 'icons', 'icon.svg');
-		const svgBuffer = readFileSync(svgPath);
-
-		for (const { name, size } of sizes) {
-			const outputPath = join(staticDir, name);
-			await sharp(svgBuffer).resize(size, size).png().toFile(outputPath);
-			console.log(`Generated: ${name} (${size}x${size})`);
-		}
-		console.log('\nAll icons generated!');
-	} catch (error) {
-		console.error('Error:', error);
-		process.exit(1);
-	}
-}
-
-generateIcons();
diff --git a/apps/todo/apps/web-archived/src/app.css b/apps/todo/apps/web-archived/src/app.css
deleted file mode 100644
index a2ba3df4c..000000000
--- a/apps/todo/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,192 +0,0 @@
-@import 'tailwindcss';
-@import '@manacore/shared-tailwind/themes.css';
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../packages/shared/src";
-@source "../../../../../packages/shared-ui/src";
-@source "../../../../../packages/shared-auth-ui/src";
-@source "../../../../../packages/shared-theme-ui/src";
-@source "../../../../../packages/shared-theme-ui/src/components";
-@source "../../../../../packages/shared-theme-ui/src/pages";
-
-:root {
-	/* Todo App - Purple/Violet Theme */
-	--color-primary: #8b5cf6;
-	--color-primary-hover: #7c3aed;
-	--color-primary-light: #a78bfa;
-	--color-primary-dark: #6d28d9;
-
-	--color-secondary: #f3e8ff;
-	--color-secondary-hover: #e9d5ff;
-
-	--color-accent: #c084fc;
-	--color-accent-hover: #a855f7;
-
-	/* Task priorities */
-	--color-priority-low: #22c55e;
-	--color-priority-medium: #eab308;
-	--color-priority-high: #f97316;
-	--color-priority-urgent: #ef4444;
-
-	/* Status colors */
-	--color-pending: #6b7280;
-	--color-in-progress: #3b82f6;
-	--color-completed: #22c55e;
-	--color-cancelled: #ef4444;
-}
-
-/* Dark mode overrides */
-:root.dark {
-	--color-secondary: #1e1b4b;
-	--color-secondary-hover: #2e1065;
-}
-
-/* Task item transitions */
-.task-item {
-	transition: none;
-}
-
-/* Checkbox animations */
-.task-checkbox {
-	transition:
-		background-color 0.2s ease,
-		border-color 0.2s ease,
-		transform 0.1s ease;
-}
-
-.task-checkbox:active {
-	transform: scale(0.9);
-}
-
-/* Subtask list */
-.subtask-list {
-	list-style: none;
-	padding-left: 0;
-}
-
-/* Due date styling */
-.due-today {
-	color: var(--color-priority-high);
-}
-
-.due-overdue {
-	color: var(--color-priority-urgent);
-}
-
-/* Priority indicators */
-.priority-indicator {
-	width: 4px;
-	border-radius: 2px;
-}
-
-.priority-low {
-	background-color: var(--color-priority-low);
-}
-
-.priority-medium {
-	background-color: var(--color-priority-medium);
-}
-
-.priority-high {
-	background-color: var(--color-priority-high);
-}
-
-.priority-urgent {
-	background-color: var(--color-priority-urgent);
-}
-
-/* Drag and drop */
-.dragging {
-	opacity: 0.5;
-}
-
-.drop-target {
-	border: 2px dashed var(--color-primary);
-	background-color: var(--color-secondary);
-}
-
-/* Quick add input */
-.quick-add-input {
-	transition:
-		border-color 0.2s ease,
-		box-shadow 0.2s ease;
-}
-
-.quick-add-input:focus {
-	border-color: var(--color-primary);
-	box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
-}
-
-/* Project sidebar */
-.project-item {
-	transition: background-color 0.15s ease;
-}
-
-.project-item:hover {
-	background-color: var(--color-secondary);
-}
-
-.project-item.active {
-	background-color: var(--color-secondary);
-	border-left: 3px solid var(--color-primary);
-}
-
-/* Debug Mode - Toggle with Ctrl+Shift+D */
-.debug-mode * {
-	outline: 1px solid rgba(255, 0, 0, 0.3) !important;
-}
-
-.debug-mode div {
-	outline-color: rgba(255, 0, 0, 0.4) !important;
-}
-
-.debug-mode section {
-	outline-color: rgba(0, 100, 255, 0.5) !important;
-}
-
-.debug-mode nav {
-	outline-color: rgba(0, 180, 0, 0.5) !important;
-}
-
-.debug-mode main {
-	outline-color: rgba(255, 140, 0, 0.5) !important;
-}
-
-.debug-mode header,
-.debug-mode footer {
-	outline-color: rgba(128, 0, 128, 0.5) !important;
-}
-
-.debug-mode button {
-	outline-color: rgba(255, 220, 0, 0.6) !important;
-}
-
-.debug-mode input,
-.debug-mode textarea,
-.debug-mode select {
-	outline-color: rgba(139, 92, 246, 0.6) !important;
-}
-
-.debug-mode a {
-	outline-color: rgba(236, 72, 153, 0.5) !important;
-}
-
-.debug-mode img,
-.debug-mode svg {
-	outline-color: rgba(0, 200, 200, 0.5) !important;
-}
-
-.debug-mode ul,
-.debug-mode ol,
-.debug-mode li {
-	outline-color: rgba(234, 179, 8, 0.4) !important;
-}
-
-.debug-mode p,
-.debug-mode span,
-.debug-mode h1,
-.debug-mode h2,
-.debug-mode h3,
-.debug-mode h4 {
-	outline-color: rgba(107, 114, 128, 0.3) !important;
-}
diff --git a/apps/todo/apps/web-archived/src/app.d.ts b/apps/todo/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/todo/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/todo/apps/web-archived/src/app.html b/apps/todo/apps/web-archived/src/app.html
deleted file mode 100644
index 5e9c14d07..000000000
--- a/apps/todo/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-
-		<!-- PWA Meta Tags -->
-		<meta name="theme-color" content="#8b5cf6" />
-		<meta name="application-name" content="Todo" />
-		<meta name="description" content="Aufgaben und Projekte verwalten" />
-
-		<!-- PWA/iOS Meta Tags -->
-		<meta name="mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<meta name="apple-mobile-web-app-title" content="Todo" />
-		<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" />
-
-		<!-- Favicon -->
-		<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/icons/icon.svg" />
-		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon.png" />
-
-		<title>Todo</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/todo/apps/web-archived/src/hooks.client.ts b/apps/todo/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index 9ad0cc201..000000000
--- a/apps/todo/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'todo-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/todo/apps/web-archived/src/hooks.server.ts b/apps/todo/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index 6af2e08ec..000000000
--- a/apps/todo/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			// Inject runtime environment variables into the HTML
-			// These will be available on window.__PUBLIC_*__ for client-side code
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [
-			PUBLIC_MANA_CORE_AUTH_URL_CLIENT || 'http://localhost:3001',
-			PUBLIC_BACKEND_URL_CLIENT || 'http://localhost:3018',
-			'http://localhost:3050', // mana-sync server
-		],
-	});
-
-	return response;
-};
diff --git a/apps/todo/apps/web-archived/src/lib/api/client.ts b/apps/todo/apps/web-archived/src/lib/api/client.ts
deleted file mode 100644
index a454d14eb..000000000
--- a/apps/todo/apps/web-archived/src/lib/api/client.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-/**
- * API Client for Todo backend
- * Uses @manacore/shared-api-client for consistent error handling
- */
-
-import { createApiClient, type ApiResult } from '@manacore/shared-api-client';
-import { PUBLIC_BACKEND_URL } from '$env/static/public';
-
-const API_URL = PUBLIC_BACKEND_URL || 'http://localhost:3018';
-
-// Token storage for manual token management (legacy pattern)
-let currentToken: string | null = null;
-
-/**
- * Todo API client instance
- * - Supports manual token setting via setAccessToken()
- * - Consistent ApiResult<T> response format
- * - Runtime URL injection for Docker
- */
-export const api = createApiClient({
-	baseUrl: API_URL,
-	apiPrefix: '',
-	getAuthToken: async () => currentToken,
-	timeout: 30000,
-	debug: import.meta.env.DEV,
-});
-
-/**
- * Legacy token management functions
- * Used by auth store to set token after login
- */
-export function setAccessToken(token: string | null) {
-	currentToken = token;
-}
-
-export function getAccessToken(): string | null {
-	return currentToken;
-}
-
-/**
- * Wrapper for legacy code that expects throws instead of ApiResult
- * Converts ApiResult to throw-based pattern for backward compatibility
- */
-export async function fetchApi<T>(
-	endpoint: string,
-	options: { method?: string; body?: unknown } = {}
-): Promise<T> {
-	const { method = 'GET', body } = options;
-
-	let result: ApiResult<T>;
-	switch (method) {
-		case 'POST':
-			result = await api.post<T>(endpoint, body);
-			break;
-		case 'PUT':
-			result = await api.put<T>(endpoint, body);
-			break;
-		case 'PATCH':
-			result = await api.patch<T>(endpoint, body);
-			break;
-		case 'DELETE':
-			result = await api.delete<T>(endpoint);
-			break;
-		default:
-			result = await api.get<T>(endpoint);
-	}
-
-	if (result.error) {
-		throw new Error(result.error.message);
-	}
-
-	return result.data as T;
-}
-
-/**
- * Legacy apiClient wrapper for backward compatibility
- */
-export const apiClient = {
-	setAccessToken,
-	getAccessToken,
-	get: <T>(endpoint: string) => fetchApi<T>(endpoint, { method: 'GET' }),
-	post: <T>(endpoint: string, body?: unknown) => fetchApi<T>(endpoint, { method: 'POST', body }),
-	put: <T>(endpoint: string, body?: unknown) => fetchApi<T>(endpoint, { method: 'PUT', body }),
-	patch: <T>(endpoint: string, body?: unknown) => fetchApi<T>(endpoint, { method: 'PATCH', body }),
-	delete: <T>(endpoint: string) => fetchApi<T>(endpoint, { method: 'DELETE' }),
-};
-
-// Re-export types for convenience
-export type { ApiResult };
diff --git a/apps/todo/apps/web-archived/src/lib/api/tasks.test.ts b/apps/todo/apps/web-archived/src/lib/api/tasks.test.ts
deleted file mode 100644
index f52c87c5a..000000000
--- a/apps/todo/apps/web-archived/src/lib/api/tasks.test.ts
+++ /dev/null
@@ -1,228 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-// Mock the client module
-vi.mock('./client', () => ({
-	apiClient: {
-		get: vi.fn(),
-		post: vi.fn(),
-		put: vi.fn(),
-		delete: vi.fn(),
-	},
-}));
-
-import {
-	getTasks,
-	getTask,
-	createTask,
-	updateTask,
-	deleteTask,
-	completeTask,
-	uncompleteTask,
-	moveTask,
-	updateTaskLabels,
-	updateSubtasks,
-	getInboxTasks,
-	getTodayTasks,
-	getUpcomingTasks,
-	reorderTasks,
-} from './tasks';
-import { apiClient } from './client';
-
-const mockClient = vi.mocked(apiClient);
-
-beforeEach(() => {
-	vi.clearAllMocks();
-});
-
-describe('getTasks', () => {
-	it('should fetch tasks without filters', async () => {
-		mockClient.get.mockResolvedValue({ tasks: [] });
-
-		const result = await getTasks();
-
-		expect(mockClient.get).toHaveBeenCalledWith('/api/v1/tasks');
-		expect(result).toEqual([]);
-	});
-
-	it('should build query string with filters', async () => {
-		mockClient.get.mockResolvedValue({ tasks: [] });
-
-		await getTasks({ projectId: 'proj-1', priority: 'high' });
-
-		const callArg = mockClient.get.mock.calls[0][0];
-		expect(callArg).toContain('projectId=proj-1');
-		expect(callArg).toContain('priority=high');
-	});
-
-	it('should include search filter', async () => {
-		mockClient.get.mockResolvedValue({ tasks: [] });
-
-		await getTasks({ search: 'Meeting' });
-
-		expect(mockClient.get).toHaveBeenCalledWith('/api/v1/tasks?search=Meeting');
-	});
-});
-
-describe('getTask', () => {
-	it('should fetch a single task', async () => {
-		const task = { id: 't1', title: 'Test' };
-		mockClient.get.mockResolvedValue({ task });
-
-		const result = await getTask('t1');
-
-		expect(mockClient.get).toHaveBeenCalledWith('/api/v1/tasks/t1');
-		expect(result).toEqual(task);
-	});
-});
-
-describe('createTask', () => {
-	it('should POST new task', async () => {
-		const task = { id: 't1', title: 'New Task' };
-		mockClient.post.mockResolvedValue({ task });
-
-		const result = await createTask({ title: 'New Task' });
-
-		expect(mockClient.post).toHaveBeenCalledWith('/api/v1/tasks', { title: 'New Task' });
-		expect(result).toEqual(task);
-	});
-});
-
-describe('updateTask', () => {
-	it('should PUT updated task', async () => {
-		const task = { id: 't1', title: 'Updated' };
-		mockClient.put.mockResolvedValue({ task });
-
-		const result = await updateTask('t1', { title: 'Updated' });
-
-		expect(mockClient.put).toHaveBeenCalledWith('/api/v1/tasks/t1', { title: 'Updated' });
-		expect(result).toEqual(task);
-	});
-});
-
-describe('deleteTask', () => {
-	it('should DELETE task', async () => {
-		mockClient.delete.mockResolvedValue(undefined);
-
-		await deleteTask('t1');
-
-		expect(mockClient.delete).toHaveBeenCalledWith('/api/v1/tasks/t1');
-	});
-});
-
-describe('completeTask', () => {
-	it('should POST to complete endpoint', async () => {
-		const task = { id: 't1', isCompleted: true };
-		mockClient.post.mockResolvedValue({ task });
-
-		const result = await completeTask('t1');
-
-		expect(mockClient.post).toHaveBeenCalledWith('/api/v1/tasks/t1/complete');
-		expect(result).toEqual(task);
-	});
-});
-
-describe('uncompleteTask', () => {
-	it('should POST to uncomplete endpoint', async () => {
-		const task = { id: 't1', isCompleted: false };
-		mockClient.post.mockResolvedValue({ task });
-
-		const result = await uncompleteTask('t1');
-
-		expect(mockClient.post).toHaveBeenCalledWith('/api/v1/tasks/t1/uncomplete');
-		expect(result).toEqual(task);
-	});
-});
-
-describe('moveTask', () => {
-	it('should POST to move endpoint', async () => {
-		const task = { id: 't1', projectId: 'proj-2' };
-		mockClient.post.mockResolvedValue({ task });
-
-		const result = await moveTask('t1', 'proj-2');
-
-		expect(mockClient.post).toHaveBeenCalledWith('/api/v1/tasks/t1/move', { projectId: 'proj-2' });
-		expect(result).toEqual(task);
-	});
-
-	it('should move to inbox (null project)', async () => {
-		const task = { id: 't1', projectId: null };
-		mockClient.post.mockResolvedValue({ task });
-
-		const result = await moveTask('t1', null);
-
-		expect(mockClient.post).toHaveBeenCalledWith('/api/v1/tasks/t1/move', { projectId: null });
-		expect(result).toEqual(task);
-	});
-});
-
-describe('updateTaskLabels', () => {
-	it('should PUT label IDs', async () => {
-		const task = { id: 't1' };
-		mockClient.put.mockResolvedValue({ task });
-
-		const result = await updateTaskLabels('t1', ['l1', 'l2']);
-
-		expect(mockClient.put).toHaveBeenCalledWith('/api/v1/tasks/t1/labels', {
-			labelIds: ['l1', 'l2'],
-		});
-		expect(result).toEqual(task);
-	});
-});
-
-describe('updateSubtasks', () => {
-	it('should PUT subtasks', async () => {
-		const subtasks = [{ id: 's1', title: 'Sub 1', isCompleted: false }];
-		const task = { id: 't1', subtasks };
-		mockClient.put.mockResolvedValue({ task });
-
-		const result = await updateSubtasks('t1', subtasks as any);
-
-		expect(mockClient.put).toHaveBeenCalledWith('/api/v1/tasks/t1/subtasks', { subtasks });
-		expect(result).toEqual(task);
-	});
-});
-
-describe('getInboxTasks', () => {
-	it('should fetch inbox tasks', async () => {
-		mockClient.get.mockResolvedValue({ tasks: [] });
-
-		const result = await getInboxTasks();
-
-		expect(mockClient.get).toHaveBeenCalledWith('/api/v1/tasks/inbox');
-		expect(result).toEqual([]);
-	});
-});
-
-describe('getTodayTasks', () => {
-	it('should fetch today tasks', async () => {
-		mockClient.get.mockResolvedValue({ tasks: [] });
-
-		const result = await getTodayTasks();
-
-		expect(mockClient.get).toHaveBeenCalledWith('/api/v1/tasks/today');
-		expect(result).toEqual([]);
-	});
-});
-
-describe('getUpcomingTasks', () => {
-	it('should fetch upcoming tasks', async () => {
-		mockClient.get.mockResolvedValue({ tasks: [] });
-
-		const result = await getUpcomingTasks();
-
-		expect(mockClient.get).toHaveBeenCalledWith('/api/v1/tasks/upcoming');
-		expect(result).toEqual([]);
-	});
-});
-
-describe('reorderTasks', () => {
-	it('should PUT reorder with task IDs', async () => {
-		mockClient.put.mockResolvedValue(undefined);
-
-		await reorderTasks(['t1', 't2', 't3']);
-
-		expect(mockClient.put).toHaveBeenCalledWith('/api/v1/tasks/reorder', {
-			taskIds: ['t1', 't2', 't3'],
-		});
-	});
-});
diff --git a/apps/todo/apps/web-archived/src/lib/api/tasks.ts b/apps/todo/apps/web-archived/src/lib/api/tasks.ts
deleted file mode 100644
index 85f126e84..000000000
--- a/apps/todo/apps/web-archived/src/lib/api/tasks.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { apiClient } from './client';
-import type { Task, TaskPriority, TaskStatus, Subtask, Label } from '@todo/shared';
-
-interface CreateTaskDto {
-	title: string;
-	description?: string;
-	projectId?: string;
-	dueDate?: string;
-	priority?: TaskPriority;
-	labelIds?: string[];
-	subtasks?: Subtask[];
-	recurrenceRule?: string;
-}
-
-interface UpdateTaskDto {
-	title?: string;
-	description?: string | null;
-	projectId?: string | null;
-	parentTaskId?: string | null;
-	dueDate?: string | null;
-	dueTime?: string | null;
-	startDate?: string | null;
-	priority?: TaskPriority;
-	status?: TaskStatus;
-	isCompleted?: boolean;
-	order?: number;
-	subtasks?: Subtask[] | null;
-	recurrenceRule?: string | null;
-	recurrenceEndDate?: string | null;
-	metadata?: Record<string, unknown> | null;
-	labelIds?: string[];
-}
-
-interface TaskQuery {
-	projectId?: string;
-	labelId?: string;
-	priority?: TaskPriority;
-	status?: TaskStatus;
-	dueBefore?: string;
-	dueAfter?: string;
-	isCompleted?: boolean;
-	search?: string;
-}
-
-interface TasksResponse {
-	tasks: Task[];
-}
-
-interface TaskResponse {
-	task: Task;
-}
-
-function buildQueryString(query: TaskQuery): string {
-	const params = new URLSearchParams();
-	Object.entries(query).forEach(([key, value]) => {
-		if (value !== undefined && value !== null) {
-			params.append(key, String(value));
-		}
-	});
-	const queryString = params.toString();
-	return queryString ? `?${queryString}` : '';
-}
-
-export async function getTasks(query: TaskQuery = {}): Promise<Task[]> {
-	const queryString = buildQueryString(query);
-	const response = await apiClient.get<TasksResponse>(`/api/v1/tasks${queryString}`);
-	return response.tasks;
-}
-
-export async function getTask(id: string): Promise<Task> {
-	const response = await apiClient.get<TaskResponse>(`/api/v1/tasks/${id}`);
-	return response.task;
-}
-
-export async function createTask(data: CreateTaskDto): Promise<Task> {
-	const response = await apiClient.post<TaskResponse>('/api/v1/tasks', data);
-	return response.task;
-}
-
-export async function updateTask(id: string, data: UpdateTaskDto): Promise<Task> {
-	const response = await apiClient.put<TaskResponse>(`/api/v1/tasks/${id}`, data);
-	return response.task;
-}
-
-export async function deleteTask(id: string): Promise<void> {
-	await apiClient.delete(`/api/v1/tasks/${id}`);
-}
-
-export async function completeTask(id: string): Promise<Task> {
-	const response = await apiClient.post<TaskResponse>(`/api/v1/tasks/${id}/complete`);
-	return response.task;
-}
-
-export async function uncompleteTask(id: string): Promise<Task> {
-	const response = await apiClient.post<TaskResponse>(`/api/v1/tasks/${id}/uncomplete`);
-	return response.task;
-}
-
-export async function moveTask(id: string, projectId: string | null): Promise<Task> {
-	const response = await apiClient.post<TaskResponse>(`/api/v1/tasks/${id}/move`, { projectId });
-	return response.task;
-}
-
-export async function updateTaskLabels(id: string, labelIds: string[]): Promise<Task> {
-	const response = await apiClient.put<TaskResponse>(`/api/v1/tasks/${id}/labels`, { labelIds });
-	return response.task;
-}
-
-export async function updateSubtasks(id: string, subtasks: Subtask[]): Promise<Task> {
-	const response = await apiClient.put<TaskResponse>(`/api/v1/tasks/${id}/subtasks`, { subtasks });
-	return response.task;
-}
-
-export async function getInboxTasks(): Promise<Task[]> {
-	const response = await apiClient.get<TasksResponse>('/api/v1/tasks/inbox');
-	return response.tasks;
-}
-
-export async function getTodayTasks(): Promise<Task[]> {
-	const response = await apiClient.get<TasksResponse>('/api/v1/tasks/today');
-	return response.tasks;
-}
-
-export async function getUpcomingTasks(): Promise<Task[]> {
-	const response = await apiClient.get<TasksResponse>('/api/v1/tasks/upcoming');
-	return response.tasks;
-}
-
-export async function reorderTasks(taskIds: string[]): Promise<void> {
-	await apiClient.put('/api/v1/tasks/reorder', { taskIds });
-}
diff --git a/apps/todo/apps/web-archived/src/lib/components/AppSlider.svelte b/apps/todo/apps/web-archived/src/lib/components/AppSlider.svelte
deleted file mode 100644
index fa235be31..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/AppSlider.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { AppSlider, type AppItem } from '@manacore/shared-ui';
-	import { getActiveManaApps, APP_STATUS_LABELS, APP_SLIDER_LABELS } from '@manacore/shared-branding';
-
-	// Convert active apps to AppItem format (German)
-	const apps: AppItem[] = getActiveManaApps().map((app) => ({
-		name: app.name,
-		description: app.description.de,
-		longDescription: app.longDescription.de,
-		icon: app.icon,
-		color: app.color,
-		comingSoon: app.comingSoon,
-		status: app.status,
-	}));
-
-	const statusLabels = APP_STATUS_LABELS.de;
-	const labels = APP_SLIDER_LABELS.de;
-
-	function handleAppClick(app: AppItem, index: number) {
-		console.log('Opening app:', app.name);
-	}
-</script>
-
-<AppSlider
-	{apps}
-	title={labels.title}
-	isDark={false}
-	{statusLabels}
-	comingSoonLabel={labels.comingSoon}
-	openAppLabel={labels.openApp}
-	onAppClick={handleAppClick}
-/>
diff --git a/apps/todo/apps/web-archived/src/lib/components/CollapsibleSection.svelte b/apps/todo/apps/web-archived/src/lib/components/CollapsibleSection.svelte
deleted file mode 100644
index 046b53417..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/CollapsibleSection.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import { Warning, CalendarBlank, CalendarDots, CheckCircle } from '@manacore/shared-icons';
-
-	interface Props {
-		title: string;
-		count?: number;
-		icon?: 'warning' | 'today' | 'upcoming' | 'completed';
-		variant?: 'default' | 'warning' | 'success';
-		defaultOpen?: boolean;
-		children: Snippet;
-	}
-
-	let { title, icon, variant = 'default', children }: Props = $props();
-
-	// Icon colors based on variant
-	const iconColors = {
-		default: 'text-muted-foreground',
-		warning: 'text-red-500',
-		success: 'text-green-600 dark:text-green-500',
-	};
-
-	// Header text colors
-	const headerColors = {
-		default: 'text-foreground',
-		warning: 'text-red-600 dark:text-red-400',
-		success: 'text-green-700 dark:text-green-400',
-	};
-</script>
-
-<div class="section mb-3">
-	<div class="section-header flex items-center gap-2 py-2">
-		<!-- Icon -->
-		<span class="icon-wrapper {iconColors[variant]}">
-			{#if icon === 'warning'}
-				<Warning size={18} weight="bold" />
-			{:else if icon === 'today'}
-				<CalendarBlank size={18} weight="bold" />
-			{:else if icon === 'upcoming'}
-				<CalendarDots size={18} weight="bold" />
-			{:else if icon === 'completed'}
-				<CheckCircle size={18} weight="bold" />
-			{/if}
-		</span>
-
-		<!-- Title -->
-		<span class="title text-sm font-semibold {headerColors[variant]}">{title}</span>
-	</div>
-
-	<div class="section-content pl-1">
-		{@render children()}
-	</div>
-</div>
-
-<style>
-	.icon-wrapper {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-shrink: 0;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/todo/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 0363f5b51..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-
-	const supportedLocales = ['de', 'en'];
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		locale.set(newLocale);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/todo/apps/web-archived/src/lib/components/QuickAddTask.svelte b/apps/todo/apps/web-archived/src/lib/components/QuickAddTask.svelte
deleted file mode 100644
index 8d0d837c3..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/QuickAddTask.svelte
+++ /dev/null
@@ -1,604 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { tasksStore } from '$lib/stores/tasks.svelte';
-	import { viewStore } from '$lib/stores/view.svelte';
-	import {
-		parseMultiTaskInput,
-		resolveTaskIds,
-		formatParsedTaskPreview,
-		formatDuration,
-	} from '$lib/utils/task-parser';
-	import { estimateDuration, type CompletedTaskData } from '$lib/utils/time-estimator';
-	import { taskCollection } from '$lib/data/local-store';
-	import { labelCollection } from '$lib/data/local-store';
-	import { todoSettings } from '$lib/stores/settings.svelte';
-
-	import type { TaskPriority } from '@todo/shared';
-	import { PRIORITY_OPTIONS } from '@todo/shared';
-	import { format, addDays } from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import { CalendarBlank, Plus, Flag, ArrowRight } from '@manacore/shared-icons';
-
-	let inputValue = $state('');
-	let isLoading = $state(false);
-	let inputRef: HTMLInputElement;
-
-	// Task options (used as fallback when parser doesn't extract these)
-	let selectedDate = $state<Date>(new Date());
-	let selectedPriority = $state<TaskPriority>('medium');
-
-	// Dropdown states
-	let showDatePicker = $state(false);
-	let showPriorityPicker = $state(false);
-
-	// Parser preview
-	let parsePreview = $state('');
-	let parsedTaskCount = $state(0);
-	let autoEstimatedDuration = $state<number | null>(null); // auto-applied, shown in preview
-	let estimateDebounce: ReturnType<typeof setTimeout> | undefined;
-
-	// Quick date options
-	const dateOptions = [
-		{ label: 'Heute', date: new Date() },
-		{ label: 'Morgen', date: addDays(new Date(), 1) },
-		{ label: 'In 3 Tagen', date: addDays(new Date(), 3) },
-		{ label: 'Nächste Woche', date: addDays(new Date(), 7) },
-	];
-
-	// Derived values
-	let currentPriority = $derived(PRIORITY_OPTIONS.find((p) => p.value === selectedPriority)!);
-	let dateLabel = $derived(() => {
-		const today = new Date();
-		if (selectedDate.toDateString() === today.toDateString()) return 'Heute';
-		if (selectedDate.toDateString() === addDays(today, 1).toDateString()) return 'Morgen';
-		return format(selectedDate, 'dd. MMM', { locale: de });
-	});
-
-	// Update parse preview on input change
-	$effect(() => {
-		const text = inputValue.trim();
-		if (!text) {
-			parsePreview = '';
-			parsedTaskCount = 0;
-			autoEstimatedDuration = null;
-			return;
-		}
-
-		const tasks = parseMultiTaskInput(text);
-		parsedTaskCount = tasks.length;
-
-		// Build preview from first task
-		if (tasks.length > 0) {
-			const previews = tasks.map((t) => formatParsedTaskPreview(t)).filter(Boolean);
-			if (tasks.length > 1) {
-				previews.unshift(`${tasks.length} Aufgaben`);
-			}
-			parsePreview = previews.join(' · ');
-		}
-
-		// Auto-estimate duration if enabled and no explicit duration
-		clearTimeout(estimateDebounce);
-		if (todoSettings.smartDurationEnabled && tasks.length === 1 && !tasks[0].estimatedDuration) {
-			estimateDebounce = setTimeout(() => runEstimate(tasks[0]), 400);
-		} else {
-			autoEstimatedDuration = null;
-		}
-	});
-
-	async function runEstimate(parsed: ReturnType<typeof parseMultiTaskInput>[0]) {
-		if (!todoSettings.smartDurationEnabled) {
-			autoEstimatedDuration = null;
-			return;
-		}
-
-		try {
-			const allTasks = await taskCollection.getAll();
-			const completed: CompletedTaskData[] = allTasks
-				.filter((t) => t.isCompleted && t.completedAt)
-				.map((t) => ({
-					title: t.title,
-					priority: t.priority,
-					estimatedDuration: t.estimatedDuration,
-					completedAt: t.completedAt,
-					createdAt: t.createdAt,
-				}));
-
-			const estimate = estimateDuration(
-				{
-					title: parsed.title,
-					priority: selectedPriority,
-				},
-				completed
-			);
-
-			// Auto-apply: use estimate if available, otherwise fall back to default
-			autoEstimatedDuration = estimate?.minutes ?? todoSettings.defaultTaskDuration;
-		} catch {
-			autoEstimatedDuration = todoSettings.defaultTaskDuration;
-		}
-	}
-
-	onMount(() => {
-		inputRef?.focus();
-	});
-
-	async function handleSubmit(event: Event) {
-		event.preventDefault();
-
-		const text = inputValue.trim();
-		if (!text || isLoading) return;
-
-		isLoading = true;
-
-		try {
-			const allLabels = await labelCollection.getAll();
-			const labels = allLabels.map((l) => ({ id: l.id, name: l.name }));
-
-			const parsedTasks = parseMultiTaskInput(text);
-
-			for (const parsed of parsedTasks) {
-				const resolved = resolveTaskIds(parsed, labels);
-
-				// Duration: explicit from parser > auto-estimated > default (if enabled)
-				const duration =
-					resolved.estimatedDuration ??
-					(todoSettings.smartDurationEnabled ? autoEstimatedDuration : undefined) ??
-					undefined;
-
-				await tasksStore.createTask({
-					title: resolved.title,
-					dueDate: resolved.dueDate ?? selectedDate.toISOString(),
-					priority: resolved.priority ?? selectedPriority,
-					labelIds: resolved.labelIds.length > 0 ? resolved.labelIds : undefined,
-					recurrenceRule: resolved.recurrenceRule,
-					estimatedDuration: duration,
-					subtasks: resolved.subtasks?.map((s, i) => ({
-						id: crypto.randomUUID(),
-						title: s,
-						isCompleted: false,
-						order: i,
-					})),
-				});
-			}
-
-			// Reset form
-			inputValue = '';
-			parsePreview = '';
-			parsedTaskCount = 0;
-			autoEstimatedDuration = null;
-			selectedDate = new Date();
-			selectedPriority = 'medium';
-		} catch (error) {
-			console.error('Failed to create task:', error);
-		} finally {
-			isLoading = false;
-			requestAnimationFrame(() => {
-				inputRef?.focus();
-			});
-		}
-	}
-
-	function handleKeydown(event: KeyboardEvent) {
-		if (event.key === 'Escape') {
-			inputValue = '';
-			showDatePicker = false;
-			showPriorityPicker = false;
-			inputRef?.blur();
-		}
-	}
-
-	function closeAllPickers() {
-		showDatePicker = false;
-		showPriorityPicker = false;
-	}
-
-	function toggleDatePicker() {
-		showDatePicker = !showDatePicker;
-		showPriorityPicker = false;
-	}
-
-	function togglePriorityPicker() {
-		showPriorityPicker = !showPriorityPicker;
-		showDatePicker = false;
-	}
-
-	function selectDate(date: Date) {
-		selectedDate = date;
-		showDatePicker = false;
-	}
-
-	function selectPriority(priority: TaskPriority) {
-		selectedPriority = priority;
-		showPriorityPicker = false;
-	}
-</script>
-
-<svelte:window onclick={closeAllPickers} />
-
-<form onsubmit={handleSubmit} class="quick-add-form">
-	<!-- Parse preview + auto-duration -->
-	{#if parsePreview || autoEstimatedDuration}
-		<div class="parse-preview">
-			{#if parsePreview}
-				<span class="preview-text">{parsePreview}</span>
-			{/if}
-			{#if autoEstimatedDuration}
-				<span class="auto-duration">~{formatDuration(autoEstimatedDuration)}</span>
-			{/if}
-		</div>
-	{/if}
-
-	<div class="quick-add-wrapper">
-		<!-- Plus icon -->
-		<div class="quick-add-icon">
-			<Plus size={16} />
-		</div>
-
-		<!-- Input -->
-		<input
-			bind:this={inputRef}
-			bind:value={inputValue}
-			onkeydown={handleKeydown}
-			type="text"
-			placeholder="Neue Aufgabe hinzufügen..."
-			class="quick-add-input"
-			disabled={isLoading}
-		/>
-
-		<!-- Options -->
-		<div class="quick-add-options">
-			<!-- Date picker -->
-			<div class="option-wrapper">
-				<button
-					type="button"
-					class="option-btn"
-					class:active={showDatePicker}
-					onclick={(e) => {
-						e.stopPropagation();
-						toggleDatePicker();
-					}}
-					title="Fälligkeitsdatum"
-				>
-					<CalendarBlank size={20} class="option-icon" />
-					<span class="option-label">{dateLabel()}</span>
-				</button>
-
-				{#if showDatePicker}
-					<div class="dropdown" onclick={(e) => e.stopPropagation()} role="menu">
-						{#each dateOptions as option}
-							<button
-								type="button"
-								class="dropdown-item"
-								class:selected={selectedDate.toDateString() === option.date.toDateString()}
-								onclick={() => selectDate(option.date)}
-							>
-								{option.label}
-							</button>
-						{/each}
-					</div>
-				{/if}
-			</div>
-
-			<!-- Priority picker -->
-			<div class="option-wrapper">
-				<button
-					type="button"
-					class="option-btn"
-					class:active={showPriorityPicker}
-					onclick={(e) => {
-						e.stopPropagation();
-						togglePriorityPicker();
-					}}
-					title="Priorität"
-				>
-					<Flag size={16} color={currentPriority.color} />
-				</button>
-
-				{#if showPriorityPicker}
-					<div class="dropdown" onclick={(e) => e.stopPropagation()} role="menu">
-						{#each PRIORITY_OPTIONS as priority}
-							<button
-								type="button"
-								class="dropdown-item"
-								class:selected={selectedPriority === priority.value}
-								onclick={() => selectPriority(priority.value)}
-							>
-								<span class="priority-dot" style="background-color: {priority.color}"></span>
-								{priority.label}
-							</button>
-						{/each}
-					</div>
-				{/if}
-			</div>
-
-			<!-- Divider -->
-			<div class="option-divider"></div>
-
-			<!-- Submit button -->
-			<button type="submit" class="submit-btn" disabled={isLoading || !inputValue.trim()}>
-				{#if isLoading}
-					<div
-						class="animate-spin h-4 w-4 border-2 border-white border-r-transparent rounded-full"
-					></div>
-				{:else}
-					<ArrowRight size={16} />
-				{/if}
-			</button>
-		</div>
-	</div>
-</form>
-
-<style>
-	.quick-add-form {
-		margin-bottom: 1.5rem;
-	}
-
-	.parse-preview {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.25rem 1rem;
-		margin-bottom: 0.25rem;
-		font-size: 0.75rem;
-		color: var(--color-muted-foreground, #6b7280);
-		flex-wrap: wrap;
-	}
-
-	.preview-text {
-		opacity: 0.8;
-	}
-
-	.auto-duration {
-		display: inline-flex;
-		padding: 0.0625rem 0.4rem;
-		background: rgba(139, 92, 246, 0.08);
-		color: #8b5cf6;
-		border-radius: 9999px;
-		font-size: 0.65rem;
-	}
-
-	/* Mobile: Fixed at bottom */
-	@media (max-width: 768px) {
-		.quick-add-form {
-			position: fixed;
-			bottom: calc(env(safe-area-inset-bottom, 0px) + 70px);
-			left: 1rem;
-			right: 1rem;
-			margin-bottom: 0;
-			z-index: 100;
-		}
-	}
-
-	.quick-add-wrapper {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.5rem 0.5rem 1rem;
-		border-radius: 9999px;
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-		transition: all 0.2s;
-	}
-
-	:global(.dark) .quick-add-wrapper {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.quick-add-wrapper:hover {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-		transform: translateY(-1px);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .quick-add-wrapper:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.quick-add-wrapper:focus-within {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(139, 92, 246, 0.5);
-		transform: translateY(-1px);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05),
-			0 0 0 3px rgba(139, 92, 246, 0.1);
-	}
-
-	:global(.dark) .quick-add-wrapper:focus-within {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(139, 92, 246, 0.5);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.3),
-			0 0 0 3px rgba(139, 92, 246, 0.2);
-	}
-
-	.quick-add-icon {
-		color: var(--color-muted-foreground, #6b7280);
-		flex-shrink: 0;
-	}
-
-	.quick-add-input {
-		flex: 1;
-		background: transparent;
-		border: none;
-		outline: none;
-		font-size: 0.875rem;
-		color: var(--color-foreground, #374151);
-		min-width: 0;
-	}
-
-	.quick-add-input::placeholder {
-		color: var(--color-muted-foreground, #9ca3af);
-	}
-
-	:global(.dark) .quick-add-input {
-		color: #f3f4f6;
-	}
-
-	:global(.dark) .quick-add-input::placeholder {
-		color: #9ca3af;
-	}
-
-	/* Options container */
-	.quick-add-options {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		flex-shrink: 0;
-	}
-
-	.option-wrapper {
-		position: relative;
-	}
-
-	.option-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.375rem 0.5rem;
-		border: none;
-		background: transparent;
-		color: #6b7280;
-		cursor: pointer;
-		border-radius: 9999px;
-		transition: all 0.15s;
-		font-size: 0.75rem;
-	}
-
-	:global(.dark) .option-btn {
-		color: #9ca3af;
-	}
-
-	.option-btn:hover,
-	.option-btn.active {
-		background: rgba(0, 0, 0, 0.05);
-		color: #374151;
-	}
-
-	:global(.dark) .option-btn:hover,
-	:global(.dark) .option-btn.active {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	.option-icon {
-		width: 1rem;
-		height: 1rem;
-		flex-shrink: 0;
-	}
-
-	.option-label {
-		display: none;
-	}
-
-	@media (min-width: 640px) {
-		.option-label {
-			display: inline;
-		}
-	}
-
-	.option-divider {
-		width: 1px;
-		height: 1.25rem;
-		background: rgba(0, 0, 0, 0.1);
-		margin: 0 0.25rem;
-	}
-
-	:global(.dark) .option-divider {
-		background: rgba(255, 255, 255, 0.15);
-	}
-
-	/* Dropdown */
-	.dropdown {
-		position: absolute;
-		top: calc(100% + 0.5rem);
-		right: 0;
-		min-width: 140px;
-		padding: 0.375rem;
-		border-radius: 0.75rem;
-		background: var(--color-surface-elevated-3);
-		border: 1px solid var(--color-border);
-		box-shadow: var(--shadow-xl);
-		z-index: 50;
-	}
-
-	/* Mobile: Dropdown opens upward */
-	@media (max-width: 768px) {
-		.dropdown {
-			top: auto;
-			bottom: calc(100% + 0.5rem);
-		}
-	}
-
-	.dropdown-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		border: none;
-		background: transparent;
-		color: var(--color-foreground);
-		cursor: pointer;
-		border-radius: 0.5rem;
-		font-size: 0.8125rem;
-		text-align: left;
-		transition: background 0.15s;
-	}
-
-	.dropdown-item:hover {
-		background: var(--color-surface-hover);
-	}
-
-	.dropdown-item.selected {
-		background: color-mix(in srgb, var(--color-primary) 12%, transparent);
-		color: var(--color-primary);
-	}
-
-	.priority-dot,
-	.project-dot {
-		width: 0.5rem;
-		height: 0.5rem;
-		border-radius: 9999px;
-		flex-shrink: 0;
-	}
-
-	/* Submit button */
-	.submit-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border: none;
-		background: #8b5cf6;
-		color: white;
-		cursor: pointer;
-		border-radius: 9999px;
-		transition: all 0.15s;
-	}
-
-	.submit-btn:hover:not(:disabled) {
-		background: #7c3aed;
-		transform: scale(1.05);
-	}
-
-	.submit-btn:disabled {
-		background: #d1d5db;
-		cursor: not-allowed;
-	}
-
-	:global(.dark) .submit-btn:disabled {
-		background: #4b5563;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/SpiralCanvas.svelte b/apps/todo/apps/web-archived/src/lib/components/SpiralCanvas.svelte
deleted file mode 100644
index c6a2cf35f..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/SpiralCanvas.svelte
+++ /dev/null
@@ -1,172 +0,0 @@
-<script lang="ts">
-	import type { SpiralImage } from '@manacore/spiral-db';
-	import { spiralToXY, xyToSpiral } from '@manacore/spiral-db';
-
-	interface Props {
-		image: SpiralImage;
-		scale?: number;
-		showGrid?: boolean;
-		highlightIndex?: number | null;
-		onPixelClick?: (index: number, x: number, y: number) => void;
-	}
-
-	let {
-		image,
-		scale = 10,
-		showGrid = false,
-		highlightIndex = null,
-		onPixelClick,
-	}: Props = $props();
-
-	let canvas: HTMLCanvasElement;
-	let hoveredIndex = $state<number | null>(null);
-
-	// Render the spiral image to canvas
-	$effect(() => {
-		if (!canvas || !image) return;
-
-		const ctx = canvas.getContext('2d');
-		if (!ctx) return;
-
-		const { width, height, pixels } = image;
-		canvas.width = width * scale;
-		canvas.height = height * scale;
-
-		// Clear canvas
-		ctx.fillStyle = '#1a1a1a';
-		ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-		// Draw pixels
-		for (let y = 0; y < height; y++) {
-			for (let x = 0; x < width; x++) {
-				const offset = (y * width + x) * 3;
-				const r = pixels[offset];
-				const g = pixels[offset + 1];
-				const b = pixels[offset + 2];
-
-				ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;
-				ctx.fillRect(x * scale, y * scale, scale, scale);
-			}
-		}
-
-		// Draw grid if enabled
-		if (showGrid && scale >= 8) {
-			ctx.strokeStyle = 'rgba(255, 255, 255, 0.1)';
-			ctx.lineWidth = 1;
-
-			for (let x = 0; x <= width; x++) {
-				ctx.beginPath();
-				ctx.moveTo(x * scale, 0);
-				ctx.lineTo(x * scale, height * scale);
-				ctx.stroke();
-			}
-
-			for (let y = 0; y <= height; y++) {
-				ctx.beginPath();
-				ctx.moveTo(0, y * scale);
-				ctx.lineTo(width * scale, y * scale);
-				ctx.stroke();
-			}
-		}
-
-		// Highlight center pixel (index 0)
-		const center = Math.floor(width / 2);
-		ctx.strokeStyle = 'rgba(255, 255, 255, 0.5)';
-		ctx.lineWidth = 2;
-		ctx.strokeRect(center * scale, center * scale, scale, scale);
-
-		// Highlight specific index if provided
-		if (highlightIndex !== null && highlightIndex >= 0) {
-			const point = spiralToXY(highlightIndex, width);
-			ctx.strokeStyle = '#fbbf24';
-			ctx.lineWidth = 2;
-			ctx.strokeRect(point.x * scale, point.y * scale, scale, scale);
-		}
-
-		// Highlight hovered pixel
-		if (hoveredIndex !== null) {
-			const point = spiralToXY(hoveredIndex, width);
-			ctx.strokeStyle = '#3b82f6';
-			ctx.lineWidth = 2;
-			ctx.strokeRect(point.x * scale, point.y * scale, scale, scale);
-		}
-	});
-
-	function handleMouseMove(e: MouseEvent) {
-		if (!canvas || !image) return;
-
-		const rect = canvas.getBoundingClientRect();
-		const x = Math.floor((e.clientX - rect.left) / scale);
-		const y = Math.floor((e.clientY - rect.top) / scale);
-
-		if (x >= 0 && x < image.width && y >= 0 && y < image.height) {
-			hoveredIndex = xyToSpiral(x, y, image.width);
-		} else {
-			hoveredIndex = null;
-		}
-	}
-
-	function handleMouseLeave() {
-		hoveredIndex = null;
-	}
-
-	function handleClick(e: MouseEvent) {
-		if (!canvas || !image || !onPixelClick) return;
-
-		const rect = canvas.getBoundingClientRect();
-		const x = Math.floor((e.clientX - rect.left) / scale);
-		const y = Math.floor((e.clientY - rect.top) / scale);
-
-		if (x >= 0 && x < image.width && y >= 0 && y < image.height) {
-			const index = xyToSpiral(x, y, image.width);
-			onPixelClick(index, x, y);
-		}
-	}
-</script>
-
-<div class="spiral-canvas-container">
-	<canvas
-		bind:this={canvas}
-		onmousemove={handleMouseMove}
-		onmouseleave={handleMouseLeave}
-		onclick={handleClick}
-		class="spiral-canvas"
-		class:clickable={!!onPixelClick}
-	></canvas>
-
-	{#if hoveredIndex !== null}
-		<div class="pixel-info">
-			Pixel #{hoveredIndex}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.spiral-canvas-container {
-		position: relative;
-		display: inline-block;
-	}
-
-	.spiral-canvas {
-		border-radius: 8px;
-		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-	}
-
-	.spiral-canvas.clickable {
-		cursor: pointer;
-	}
-
-	.pixel-info {
-		position: absolute;
-		bottom: -30px;
-		left: 50%;
-		transform: translateX(-50%);
-		background: rgba(0, 0, 0, 0.8);
-		color: white;
-		padding: 4px 12px;
-		border-radius: 4px;
-		font-size: 12px;
-		font-family: monospace;
-		white-space: nowrap;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/SubtaskList.svelte b/apps/todo/apps/web-archived/src/lib/components/SubtaskList.svelte
deleted file mode 100644
index ec790be1b..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/SubtaskList.svelte
+++ /dev/null
@@ -1,350 +0,0 @@
-<script lang="ts">
-	import type { Subtask } from '@todo/shared';
-	import { dndzone, SHADOW_PLACEHOLDER_ITEM_ID } from 'svelte-dnd-action';
-	import { flip } from 'svelte/animate';
-	import { untrack } from 'svelte';
-	import { Check, Plus, X, DotsSixVertical } from '@manacore/shared-icons';
-	import { TodoEvents } from '@manacore/shared-utils/analytics';
-	import { t } from 'svelte-i18n';
-
-	interface Props {
-		subtasks: Subtask[];
-		onChange: (subtasks: Subtask[]) => void;
-	}
-
-	let { subtasks, onChange }: Props = $props();
-
-	let newSubtaskTitle = $state('');
-	let items = $state<Subtask[]>([]);
-	let dropInProgress = false;
-
-	$effect(() => {
-		const current = subtasks;
-		untrack(() => {
-			const currentIds = new Set(current.map((s) => s.id));
-			const itemIds = new Set(
-				items.filter((i) => i.id !== SHADOW_PLACEHOLDER_ITEM_ID).map((i) => i.id)
-			);
-			const idsChanged =
-				currentIds.size !== itemIds.size || current.some((s) => !itemIds.has(s.id));
-
-			if (idsChanged) {
-				items = current.map((s, i) => ({ ...s, order: i }));
-				dropInProgress = false;
-			} else if (!dropInProgress) {
-				const map = new Map(current.map((s) => [s.id, s]));
-				items = items.map((item) => map.get(item.id) ?? item);
-			}
-		});
-	});
-
-	function handleDndConsider(e: CustomEvent<{ items: Subtask[] }>) {
-		items = e.detail.items;
-	}
-
-	function handleDndFinalize(e: CustomEvent<{ items: Subtask[] }>) {
-		items = e.detail.items.filter((item) => item.id !== SHADOW_PLACEHOLDER_ITEM_ID);
-		onChange(items.map((item, index) => ({ ...item, order: index })));
-		dropInProgress = true;
-		setTimeout(() => {
-			dropInProgress = false;
-		}, 500);
-	}
-
-	function toggleComplete(id: string) {
-		const target = subtasks.find((s) => s.id === id);
-		const updated = subtasks.map((s) =>
-			s.id === id
-				? {
-						...s,
-						isCompleted: !s.isCompleted,
-						completedAt: !s.isCompleted ? new Date().toISOString() : null,
-					}
-				: s
-		);
-		if (target && !target.isCompleted) TodoEvents.subtaskCompleted();
-		onChange(updated);
-	}
-
-	function deleteSubtask(id: string) {
-		onChange(subtasks.filter((s) => s.id !== id));
-	}
-
-	function handleTitleBlur(e: FocusEvent, subtask: Subtask) {
-		const el = e.target as HTMLElement;
-		const trimmed = (el.textContent || '').trim();
-		if (trimmed && trimmed !== subtask.title) {
-			onChange(subtasks.map((s) => (s.id === subtask.id ? { ...s, title: trimmed } : s)));
-		} else {
-			el.textContent = subtask.title;
-		}
-	}
-
-	function handleTitleKeydown(e: KeyboardEvent, subtask: Subtask) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			(e.target as HTMLElement).blur();
-		} else if (e.key === 'Escape') {
-			const el = e.target as HTMLElement;
-			el.textContent = subtask.title;
-			el.blur();
-		}
-	}
-
-	function addSubtask() {
-		if (!newSubtaskTitle.trim()) return;
-
-		const newSubtask: Subtask = {
-			id: crypto.randomUUID(),
-			title: newSubtaskTitle.trim(),
-			isCompleted: false,
-			order: subtasks.length,
-		};
-
-		onChange([...subtasks, newSubtask]);
-		newSubtaskTitle = '';
-	}
-
-	function handleAddKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			addSubtask();
-		}
-	}
-</script>
-
-<div class="subtask-list">
-	{#if items.length > 0}
-		<div
-			class="subtask-items"
-			use:dndzone={{ items, flipDurationMs: 200, dropTargetStyle: {} }}
-			onconsider={handleDndConsider}
-			onfinalize={handleDndFinalize}
-		>
-			{#each items as subtask (subtask.id)}
-				<div
-					class="subtask-item"
-					animate:flip={{ duration: 200 }}
-					onpointerdown={(e) => {
-						if (!(e.target as HTMLElement).closest('.drag-handle')) e.stopPropagation();
-					}}
-				>
-					<!-- Drag handle -->
-					<div class="drag-handle" aria-label={$t('subtasks.dragToSort')}>
-						<DotsSixVertical size={16} />
-					</div>
-
-					<!-- Checkbox -->
-					<button
-						type="button"
-						class="subtask-checkbox"
-						class:checked={subtask.isCompleted}
-						onclick={() => toggleComplete(subtask.id)}
-					>
-						{#if subtask.isCompleted}
-							<Check size={20} class="check-icon" />
-						{/if}
-					</button>
-
-					<!-- svelte-ignore a11y_no_static_element_interactions -->
-					<span
-						class="subtask-title"
-						class:completed={subtask.isCompleted}
-						contenteditable="true"
-						role="textbox"
-						spellcheck="false"
-						onclick={(e) => e.stopPropagation()}
-						onkeydown={(e) => handleTitleKeydown(e, subtask)}
-						onblur={(e) => handleTitleBlur(e, subtask)}>{subtask.title}</span
-					>
-
-					<!-- Delete button -->
-					<button
-						type="button"
-						class="subtask-delete"
-						onclick={() => deleteSubtask(subtask.id)}
-						title={$t('common.delete')}
-					>
-						<X size={16} />
-					</button>
-				</div>
-			{/each}
-		</div>
-	{/if}
-
-	<!-- Add new subtask -->
-	<div class="add-subtask">
-		<div class="add-icon">
-			<Plus size={16} />
-		</div>
-		<input
-			type="text"
-			class="add-input"
-			placeholder={$t('subtasks.addPlaceholder')}
-			bind:value={newSubtaskTitle}
-			onkeydown={handleAddKeydown}
-		/>
-		{#if newSubtaskTitle.trim()}
-			<button type="button" class="add-btn" onclick={addSubtask}> {$t('subtasks.add')} </button>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.subtask-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.subtask-items {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.subtask-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.75rem;
-		border-radius: 0.75rem;
-		background: var(--color-surface);
-		transition: all 0.15s;
-	}
-
-	.subtask-item:hover {
-		background: var(--color-surface-hover);
-	}
-
-	.drag-handle {
-		cursor: grab;
-		color: var(--color-muted-foreground);
-		padding: 0.25rem;
-		opacity: 0.5;
-		transition: opacity 0.15s;
-	}
-
-	.subtask-item:hover .drag-handle {
-		opacity: 1;
-	}
-
-	.drag-handle:active {
-		cursor: grabbing;
-	}
-
-	.subtask-checkbox {
-		width: 1.125rem;
-		height: 1.125rem;
-		border-radius: 0.25rem;
-		border: 2px solid var(--color-border);
-		background: transparent;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		transition: all 0.15s;
-		flex-shrink: 0;
-		padding: 0;
-	}
-
-	.subtask-checkbox:hover {
-		border-color: var(--color-primary);
-		background: color-mix(in srgb, var(--color-primary) 10%, transparent);
-	}
-
-	.subtask-checkbox.checked {
-		background: var(--color-primary);
-		border-color: var(--color-primary);
-	}
-
-	.check-icon {
-		width: 0.625rem;
-		height: 0.625rem;
-		color: white;
-	}
-
-	.subtask-title {
-		flex: 1;
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-		cursor: text;
-		outline: none;
-		word-break: break-word;
-		min-width: 0;
-	}
-
-	.subtask-title.completed {
-		text-decoration: line-through;
-		color: var(--color-muted-foreground);
-	}
-
-	.subtask-delete {
-		opacity: 0;
-		padding: 0.25rem;
-		border: none;
-		background: transparent;
-		color: var(--color-muted-foreground);
-		cursor: pointer;
-		border-radius: 0.375rem;
-		transition: all 0.15s;
-	}
-
-	.subtask-item:hover .subtask-delete {
-		opacity: 1;
-	}
-
-	.subtask-delete:hover {
-		color: var(--color-error);
-		background: color-mix(in srgb, var(--color-error) 10%, transparent);
-	}
-
-	/* Add subtask */
-	.add-subtask {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.75rem;
-		border-radius: 0.75rem;
-		border: 1px dashed var(--color-border);
-		transition: all 0.15s;
-	}
-
-	.add-subtask:focus-within {
-		border-color: var(--color-primary);
-		background: color-mix(in srgb, var(--color-primary) 5%, transparent);
-	}
-
-	.add-icon {
-		color: var(--color-muted-foreground);
-	}
-
-	.add-input {
-		flex: 1;
-		background: transparent;
-		border: none;
-		outline: none;
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-	}
-
-	.add-input::placeholder {
-		color: var(--color-muted-foreground);
-	}
-
-	.add-btn {
-		padding: 0.25rem 0.75rem;
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: white;
-		background: var(--color-primary);
-		border: none;
-		border-radius: 0.5rem;
-		cursor: pointer;
-		transition: background 0.15s;
-	}
-
-	.add-btn:hover {
-		background: var(--color-primary-hover);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/SyncIndicator.svelte b/apps/todo/apps/web-archived/src/lib/components/SyncIndicator.svelte
deleted file mode 100644
index 47d4ee993..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/SyncIndicator.svelte
+++ /dev/null
@@ -1,164 +0,0 @@
-<!--
-  SyncIndicator — Shows sync status as a small pill in the layout.
-
-  - Guest (no sync): "Lokal" with info icon
-  - Synced: green dot
-  - Syncing: animated spinner
-  - Offline: orange dot + "Offline"
-  - Pending: count of pending changes
--->
-<script lang="ts">
-	import { todoStore } from '$lib/data/local-store';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { onMount, onDestroy } from 'svelte';
-	import type { SyncStatus } from '@manacore/local-store';
-
-	let status = $state<SyncStatus>('idle');
-	let pendingCount = $state(0);
-	let isGuest = $derived(!authStore.isAuthenticated);
-
-	let unsubscribe: (() => void) | undefined;
-	let pendingInterval: ReturnType<typeof setInterval> | undefined;
-
-	onMount(() => {
-		const engine = todoStore.syncEngine;
-		if (engine) {
-			status = engine.status;
-			unsubscribe = engine.onStatusChange((s) => {
-				status = s;
-			});
-
-			const updatePending = async () => {
-				pendingCount = await engine.getPendingCount();
-			};
-			updatePending();
-			pendingInterval = setInterval(updatePending, 3000);
-		}
-	});
-
-	onDestroy(() => {
-		unsubscribe?.();
-		if (pendingInterval) clearInterval(pendingInterval);
-	});
-
-	let label = $derived.by(() => {
-		if (isGuest) return 'Lokal';
-		switch (status) {
-			case 'syncing':
-				return 'Sync...';
-			case 'synced':
-				return pendingCount > 0 ? `${pendingCount} ausstehend` : '';
-			case 'offline':
-				return 'Offline';
-			case 'error':
-				return 'Sync-Fehler';
-			default:
-				return '';
-		}
-	});
-
-	let dotClass = $derived.by(() => {
-		if (isGuest) return 'dot-local';
-		switch (status) {
-			case 'syncing':
-				return 'dot-syncing';
-			case 'synced':
-				return pendingCount > 0 ? 'dot-pending' : 'dot-synced';
-			case 'offline':
-				return 'dot-offline';
-			case 'error':
-				return 'dot-error';
-			default:
-				return 'dot-idle';
-		}
-	});
-</script>
-
-{#if label || !isGuest}
-	<div
-		class="sync-indicator"
-		title={isGuest ? 'Daten werden nur in diesem Browser gespeichert' : `Sync: ${status}`}
-	>
-		<span class="dot {dotClass}"></span>
-		{#if label}
-			<span class="label">{label}</span>
-		{/if}
-	</div>
-{/if}
-
-<style>
-	.sync-indicator {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.25rem 0.625rem;
-		border-radius: 999px;
-		font-size: 0.7rem;
-		font-weight: 500;
-		color: rgba(255, 255, 255, 0.6);
-		background: rgba(255, 255, 255, 0.06);
-		border: 1px solid rgba(255, 255, 255, 0.08);
-		user-select: none;
-		cursor: default;
-	}
-
-	:global(.light) .sync-indicator,
-	:global(:root:not(.dark)) .sync-indicator {
-		color: rgba(0, 0, 0, 0.5);
-		background: rgba(0, 0, 0, 0.04);
-		border-color: rgba(0, 0, 0, 0.08);
-	}
-
-	.dot {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		flex-shrink: 0;
-	}
-
-	.dot-synced {
-		background: var(--color-success);
-		box-shadow: 0 0 4px color-mix(in srgb, var(--color-success) 50%, transparent);
-	}
-
-	.dot-syncing {
-		background: var(--color-primary);
-		animation: pulse 1s ease-in-out infinite;
-	}
-
-	.dot-pending {
-		background: var(--color-warning);
-	}
-
-	.dot-offline {
-		background: var(--color-warning);
-	}
-
-	.dot-error {
-		background: var(--color-error);
-	}
-
-	.dot-local {
-		background: var(--color-primary);
-	}
-
-	.dot-idle {
-		background: rgba(255, 255, 255, 0.3);
-	}
-
-	.label {
-		white-space: nowrap;
-	}
-
-	@keyframes pulse {
-		0%,
-		100% {
-			opacity: 1;
-			transform: scale(1);
-		}
-		50% {
-			opacity: 0.5;
-			transform: scale(0.8);
-		}
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/TagStrip.svelte b/apps/todo/apps/web-archived/src/lib/components/TagStrip.svelte
deleted file mode 100644
index ccf0f30f4..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/TagStrip.svelte
+++ /dev/null
@@ -1,355 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import { goto } from '$app/navigation';
-	import { DotsThree, Plus, X } from '@manacore/shared-icons';
-	import TagStripModal from './TagStripModal.svelte';
-	import { t } from 'svelte-i18n';
-	import { dragSource, passiveDropZone } from '@manacore/shared-ui/dnd';
-	import type { DragPayload, TaskDragData } from '@manacore/shared-ui/dnd';
-	import { tasksStore } from '$lib/stores/tasks.svelte';
-	import { taskCollection, type LocalTask } from '$lib/data/local-store';
-
-	interface Props {
-		bottomOffset?: string;
-	}
-
-	let { bottomOffset = '72px' }: Props = $props();
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-	const activeTagFilter: { readonly ids: string[]; set(ids: string[]): void } =
-		getContext('activeTagFilter');
-
-	let showModal = $state(false);
-
-	// ── DnD: assign tag when task is dropped on tag pill ────
-	async function handleTaskDropOnTag(tagId: string, payload: DragPayload) {
-		const taskData = payload.data as TaskDragData;
-		const task = await taskCollection.get(taskData.id);
-		if (!task) return;
-		const currentLabels: string[] = (task.metadata as { labelIds?: string[] })?.labelIds ?? [];
-		if (!currentLabels.includes(tagId)) {
-			tasksStore.updateLabels(taskData.id, [...currentLabels, tagId]);
-		}
-	}
-
-	function handleTagClick(tagId: string) {
-		const current = activeTagFilter.ids;
-		if (current.includes(tagId)) {
-			activeTagFilter.set(current.filter((id) => id !== tagId));
-		} else {
-			activeTagFilter.set([...current, tagId]);
-		}
-	}
-
-	function isTagSelected(tagId: string): boolean {
-		return activeTagFilter.ids.includes(tagId);
-	}
-
-	const hasSelectedTags = $derived(activeTagFilter.ids.length > 0);
-
-	function handleOpenModal() {
-		showModal = true;
-	}
-
-	function handleCloseModal() {
-		showModal = false;
-	}
-
-	const sortedTags = $derived.by(() => {
-		return [...tagsCtx.value].sort((a, b) => a.name.localeCompare(b.name, 'de'));
-	});
-
-	const hasTags = $derived(tagsCtx.value.length > 0);
-</script>
-
-<div class="tag-strip-wrapper" style="--tag-strip-bottom: {bottomOffset}">
-	<div class="tag-strip-container">
-		<!-- Clear Filter Button (always rendered to prevent layout shift) -->
-		<button
-			class="clear-filter-pill glass-tag"
-			class:hidden={!hasSelectedTags}
-			onclick={() => activeTagFilter.set([])}
-			title={$t('filters.clearFilter')}
-			disabled={!hasSelectedTags}
-		>
-			<X size={16} weight="bold" />
-			<span class="tag-name">Filter</span>
-		</button>
-
-		<!-- More Pill (opens modal) -->
-		<button class="more-pill glass-tag" onclick={handleOpenModal} title={$t('tags.showAllTags')}>
-			<DotsThree size={18} weight="bold" />
-			<span class="tag-name">{$t('tags.allTags')}</span>
-		</button>
-
-		{#if !hasTags}
-			<button class="empty-state glass-tag" onclick={() => goto('/tags')}>
-				<span>{$t('tags.noTagsAvailable')}</span>
-				<span class="add-hint">{$t('tags.createShort')}</span>
-			</button>
-		{:else}
-			{#each sortedTags as tag (tag.id)}
-				<button
-					class="tag-pill glass-tag"
-					class:selected={isTagSelected(tag.id)}
-					onclick={() => handleTagClick(tag.id)}
-					title={tag.name}
-					style="--tag-color: {tag.color || '#8b5cf6'}"
-					use:dragSource={{
-						type: 'tag',
-						data: () => ({ id: tag.id, name: tag.name, color: tag.color || '#8b5cf6' }),
-					}}
-					use:passiveDropZone={{
-						accepts: ['task'],
-						onDrop: (payload) => handleTaskDropOnTag(tag.id, payload),
-						highlightClass: 'tag-drop-highlight',
-					}}
-				>
-					<span class="tag-dot"></span>
-					<span class="tag-name">{tag.name}</span>
-				</button>
-			{/each}
-
-			<!-- Create Tag Button -->
-			<button
-				class="create-pill glass-tag"
-				onclick={() => goto('/tags?new=true')}
-				title={$t('tags.newTag')}
-			>
-				<Plus size={16} weight="bold" />
-				<span class="tag-name">{$t('tags.newTag')}</span>
-			</button>
-		{/if}
-	</div>
-</div>
-
-<!-- Tags Modal -->
-<TagStripModal visible={showModal} onClose={handleCloseModal} />
-
-<style>
-	.tag-strip-wrapper {
-		position: fixed;
-		bottom: calc(var(--tag-strip-bottom, 72px) + env(safe-area-inset-bottom, 0px));
-		left: 0;
-		right: 0;
-		z-index: 49;
-		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-		pointer-events: none;
-		transition: bottom 0.2s ease;
-	}
-
-	.tag-strip-container {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		background: transparent;
-		pointer-events: auto;
-		width: fit-content;
-		max-width: 100%;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 0.5rem 2rem;
-		overflow-x: auto;
-		scrollbar-width: none;
-		-ms-overflow-style: none;
-	}
-
-	.tag-strip-container::-webkit-scrollbar {
-		display: none;
-	}
-
-	.tag-pill,
-	.more-pill,
-	.create-pill,
-	.clear-filter-pill {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		cursor: pointer;
-		flex-shrink: 0;
-		transition: all 0.15s ease;
-	}
-
-	/* Selected tag state */
-	.tag-pill.selected {
-		background: var(--tag-color) !important;
-		border-color: var(--tag-color) !important;
-	}
-
-	.tag-pill.selected .tag-dot {
-		background-color: white;
-	}
-
-	.tag-pill.selected .tag-name {
-		color: white;
-	}
-
-	/* Clear filter pill */
-	.clear-filter-pill {
-		color: var(--color-error);
-		background: color-mix(in srgb, var(--color-error) 10%, transparent) !important;
-		border-color: color-mix(in srgb, var(--color-error) 30%, transparent) !important;
-	}
-
-	.clear-filter-pill .tag-name {
-		color: var(--color-error);
-		font-weight: 600;
-	}
-
-	.clear-filter-pill:hover:not(.hidden) {
-		background: color-mix(in srgb, var(--color-error) 20%, transparent) !important;
-		border-color: color-mix(in srgb, var(--color-error) 50%, transparent) !important;
-	}
-
-	.clear-filter-pill.hidden {
-		visibility: hidden;
-		pointer-events: none;
-	}
-
-	/* More pill with neutral style */
-	.more-pill {
-		color: var(--color-foreground);
-	}
-
-	.more-pill .tag-name {
-		color: var(--color-foreground);
-		font-weight: 500;
-	}
-
-	/* Create pill with neutral style */
-	.create-pill {
-		color: var(--color-foreground);
-	}
-
-	.create-pill .tag-name {
-		color: var(--color-foreground);
-		font-weight: 500;
-	}
-
-	/* Glass tag styling */
-	.glass-tag {
-		padding: 0.5rem 1rem;
-		border-radius: 9999px;
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-	}
-
-	:global(.dark) .glass-tag {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.glass-tag:hover {
-		transform: scale(1.05);
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-		box-shadow:
-			0 10px 15px -3px rgba(0, 0, 0, 0.1),
-			0 4px 6px -2px rgba(0, 0, 0, 0.05);
-	}
-
-	:global(.dark) .glass-tag:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.glass-tag:active {
-		transform: scale(0.98);
-	}
-
-	.tag-dot {
-		width: 10px;
-		height: 10px;
-		border-radius: 50%;
-		background-color: var(--tag-color);
-		flex-shrink: 0;
-	}
-
-	.tag-name {
-		font-size: 0.9375rem;
-		font-weight: 500;
-		color: var(--color-foreground);
-		white-space: nowrap;
-	}
-
-	.loading-state {
-		font-size: 0.875rem;
-		color: var(--color-muted-foreground);
-		padding: 0.5rem;
-	}
-
-	.empty-state {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		cursor: pointer;
-		color: var(--color-muted-foreground);
-		font-size: 0.875rem;
-		flex-shrink: 0;
-	}
-
-	.add-hint {
-		font-size: 0.875rem;
-		color: var(--color-primary);
-		font-weight: 500;
-	}
-
-	/* DnD: Tag is being dragged */
-	:global(.tag-pill.mana-drag-source-active) {
-		opacity: 0.5;
-		transform: scale(0.95) !important;
-	}
-
-	/* DnD: Task hovering over tag pill */
-	.tag-drop-highlight {
-		transform: scale(1.15) !important;
-		background: var(--tag-color) !important;
-		border-color: var(--tag-color) !important;
-		box-shadow: 0 0 16px color-mix(in srgb, var(--tag-color) 40%, transparent) !important;
-	}
-
-	.tag-drop-highlight .tag-dot {
-		background-color: white !important;
-	}
-
-	.tag-drop-highlight .tag-name {
-		color: white !important;
-	}
-
-	/* DnD: Success flash after drop */
-	:global(.tag-pill.mana-passive-zone-success) {
-		animation: tag-drop-success 400ms ease-out;
-	}
-
-	@keyframes tag-drop-success {
-		0% {
-			transform: scale(1.2);
-		}
-		50% {
-			transform: scale(0.95);
-		}
-		100% {
-			transform: scale(1);
-		}
-	}
-
-	/* Responsive */
-	@media (max-width: 640px) {
-		.tag-strip-wrapper {
-			left: 0;
-			right: 0;
-		}
-
-		.tag-strip-container {
-			padding: 0.5rem 1rem;
-		}
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/TagStripModal.svelte b/apps/todo/apps/web-archived/src/lib/components/TagStripModal.svelte
deleted file mode 100644
index ec4dbb131..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/TagStripModal.svelte
+++ /dev/null
@@ -1,711 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import { tagMutations } from '@manacore/shared-stores';
-	import { Plus, X, Check, Pencil, Trash, MagnifyingGlass } from '@manacore/shared-icons';
-	import { TagColorPicker, focusTrap } from '@manacore/shared-ui';
-	import { t } from 'svelte-i18n';
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-
-	interface Props {
-		visible: boolean;
-		onClose: () => void;
-	}
-
-	let { visible, onClose }: Props = $props();
-
-	// Search state
-	let searchQuery = $state('');
-
-	// New tag form state
-	let showNewTagForm = $state(false);
-	let newTagName = $state('');
-	let newTagColor = $state('#8b5cf6');
-	let isCreatingTag = $state(false);
-
-	// Edit tag state
-	let editingTag = $state<Tag | null>(null);
-	let editTagName = $state('');
-	let editTagColor = $state('#8b5cf6');
-	let isSavingTag = $state(false);
-
-	// Filtered and sorted tags
-	const sortedTags = $derived.by(() => {
-		const tags = [...tagsCtx.value].sort((a, b) => a.name.localeCompare(b.name, 'de'));
-		if (!searchQuery.trim()) return tags;
-		const query = searchQuery.toLowerCase();
-		return tags.filter((t) => t.name.toLowerCase().includes(query));
-	});
-
-	// ==================== NEW TAG ====================
-	function openNewTagForm() {
-		showNewTagForm = true;
-		newTagName = '';
-		newTagColor = '#8b5cf6';
-	}
-
-	function closeNewTagForm() {
-		showNewTagForm = false;
-		newTagName = '';
-		newTagColor = '#8b5cf6';
-	}
-
-	async function handleCreateTag() {
-		if (!newTagName.trim() || isCreatingTag) return;
-
-		isCreatingTag = true;
-		try {
-			await tagMutations.createTag({
-				name: newTagName.trim(),
-				color: newTagColor,
-			});
-			closeNewTagForm();
-		} catch (e) {
-			console.error('Failed to create tag:', e);
-		}
-		isCreatingTag = false;
-	}
-
-	function handleNewTagKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && newTagName.trim()) {
-			e.preventDefault();
-			handleCreateTag();
-		} else if (e.key === 'Escape') {
-			e.stopPropagation();
-			closeNewTagForm();
-		}
-	}
-
-	// ==================== EDIT TAG ====================
-	function openEditTag(tag: Tag) {
-		editingTag = tag;
-		editTagName = tag.name;
-		editTagColor = tag.color;
-	}
-
-	function closeEditTag() {
-		editingTag = null;
-		editTagName = '';
-		editTagColor = '#8b5cf6';
-	}
-
-	async function handleSaveTag() {
-		if (!editingTag || !editTagName.trim() || isSavingTag) return;
-
-		isSavingTag = true;
-		try {
-			await tagMutations.updateTag(editingTag.id, {
-				name: editTagName.trim(),
-				color: editTagColor,
-			});
-			closeEditTag();
-		} catch (e) {
-			console.error('Failed to update tag:', e);
-		}
-		isSavingTag = false;
-	}
-
-	async function handleDeleteTag() {
-		if (!editingTag) return;
-
-		try {
-			await tagMutations.deleteTag(editingTag.id);
-			closeEditTag();
-		} catch (e) {
-			console.error('Failed to delete tag:', e);
-		}
-	}
-
-	function handleEditTagKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && editTagName.trim()) {
-			e.preventDefault();
-			handleSaveTag();
-		} else if (e.key === 'Escape') {
-			e.stopPropagation();
-			closeEditTag();
-		}
-	}
-
-	// ==================== KEYBOARD ====================
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			if (editingTag) {
-				closeEditTag();
-			} else if (showNewTagForm) {
-				closeNewTagForm();
-			} else {
-				onClose();
-			}
-		}
-	}
-
-	const hasOpenForm = $derived(showNewTagForm || editingTag !== null);
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if visible}
-	<!-- Backdrop -->
-	<!-- svelte-ignore a11y_click_events_have_key_events -->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div class="modal-backdrop" onclick={onClose}></div>
-
-	<!-- Modal -->
-	<div class="tag-modal" role="dialog" aria-modal="true" aria-label="Tags" use:focusTrap>
-		<!-- Header -->
-		<div class="modal-header">
-			<h2 class="modal-title">Tags</h2>
-			<div class="header-actions">
-				<button class="header-btn" onclick={openNewTagForm} title={$t('tags.newTag')}>
-					<Plus size={18} weight="bold" />
-				</button>
-				<button class="header-btn close-btn" onclick={onClose} title={$t('common.close')}>
-					<X size={18} weight="bold" />
-				</button>
-			</div>
-		</div>
-
-		<!-- Content -->
-		<div class="modal-content">
-			{#if tagsCtx.value.length === 0 && !showNewTagForm}
-				<div class="empty-state">
-					<p>{$t('tags.noTagsAvailable')}</p>
-					<button class="create-btn" onclick={openNewTagForm}>
-						<Plus size={16} weight="bold" />
-						{$t('tags.createTag')}
-					</button>
-				</div>
-			{:else}
-				<!-- New Tag Form -->
-				{#if showNewTagForm}
-					<div class="edit-form-section">
-						<div class="edit-form-header">
-							<span class="edit-form-title">{$t('tags.newTag')}</span>
-							<button class="icon-btn" onclick={closeNewTagForm} title={$t('common.cancel')}>
-								<X size={14} weight="bold" />
-							</button>
-						</div>
-						<div class="edit-form">
-							<div class="form-row">
-								<div class="color-preview" style="background-color: {newTagColor}"></div>
-								<input
-									type="text"
-									bind:value={newTagName}
-									onkeydown={handleNewTagKeydown}
-									placeholder={$t('tags.tagName')}
-									class="name-input"
-									autofocus
-								/>
-							</div>
-							<div class="color-picker-row">
-								<TagColorPicker
-									selectedColor={newTagColor}
-									onColorChange={(c) => (newTagColor = c)}
-								/>
-							</div>
-							<div class="form-actions">
-								<button
-									class="btn btn-primary"
-									onclick={handleCreateTag}
-									disabled={!newTagName.trim() || isCreatingTag}
-								>
-									<Check size={14} weight="bold" />
-									{$t('tags.createTag')}
-								</button>
-							</div>
-						</div>
-					</div>
-				{/if}
-
-				<!-- Edit Tag Form -->
-				{#if editingTag}
-					<div class="edit-form-section">
-						<div class="edit-form-header">
-							<span class="edit-form-title">{$t('tags.editTag')}</span>
-							<button class="icon-btn" onclick={closeEditTag} title={$t('common.cancel')}>
-								<X size={14} weight="bold" />
-							</button>
-						</div>
-						<div class="edit-form">
-							<div class="form-row">
-								<div class="color-preview" style="background-color: {editTagColor}"></div>
-								<input
-									type="text"
-									bind:value={editTagName}
-									onkeydown={handleEditTagKeydown}
-									placeholder={$t('tags.tagName')}
-									class="name-input"
-									autofocus
-								/>
-							</div>
-							<div class="color-picker-row">
-								<TagColorPicker
-									selectedColor={editTagColor}
-									onColorChange={(c) => (editTagColor = c)}
-								/>
-							</div>
-							<div class="form-actions">
-								<button
-									class="btn btn-danger"
-									onclick={handleDeleteTag}
-									title={$t('tags.deleteTag')}
-								>
-									<Trash size={14} weight="bold" />
-								</button>
-								<button
-									class="btn btn-primary"
-									onclick={handleSaveTag}
-									disabled={!editTagName.trim() || isSavingTag}
-								>
-									<Check size={14} weight="bold" />
-									{$t('common.save')}
-								</button>
-							</div>
-						</div>
-					</div>
-				{/if}
-
-				<!-- Tags list -->
-				{#if !hasOpenForm || sortedTags.length > 0}
-					<div class="tags-grid">
-						{#each sortedTags as tag (tag.id)}
-							<div
-								class="tag-pill glass-tag"
-								role="button"
-								tabindex="0"
-								style="--tag-color: {tag.color || '#8b5cf6'}"
-							>
-								<span class="tag-dot"></span>
-								<span class="tag-name">{tag.name}</span>
-								<button
-									class="tag-edit-btn"
-									onclick={() => openEditTag(tag)}
-									title={$t('tags.editTag')}
-								>
-									<Pencil size={10} weight="bold" />
-								</button>
-							</div>
-						{/each}
-					</div>
-
-					{#if searchQuery && sortedTags.length === 0}
-						<div class="search-empty">
-							<p>{$t('tags.noTagsFound', { values: { query: searchQuery } })}</p>
-						</div>
-					{/if}
-				{/if}
-			{/if}
-		</div>
-
-		<!-- Search (sticky bottom) -->
-		<div class="search-wrapper">
-			<MagnifyingGlass size={16} class="search-icon" />
-			<input
-				type="text"
-				placeholder={$t('tags.searchTags')}
-				bind:value={searchQuery}
-				class="search-input"
-			/>
-			{#if searchQuery}
-				<button
-					class="search-clear"
-					onclick={() => (searchQuery = '')}
-					title={$t('tags.clearSearch')}
-				>
-					<X size={14} weight="bold" />
-				</button>
-			{/if}
-		</div>
-	</div>
-{/if}
-
-<style>
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		background: transparent;
-		z-index: 99;
-	}
-
-	.tag-modal {
-		position: fixed;
-		bottom: calc(140px + env(safe-area-inset-bottom, 0px));
-		left: 50%;
-		transform: translateX(-50%);
-		width: calc(100% - 2rem);
-		max-width: 500px;
-		max-height: 70vh;
-		z-index: 100;
-		background: var(--color-surface-elevated-2);
-		border: 1px solid var(--color-border);
-		border-radius: 1rem;
-		box-shadow: var(--shadow-xl);
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-	}
-
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1rem 0.5rem;
-	}
-
-	.modal-title {
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: var(--color-foreground);
-	}
-
-	.header-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	.header-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.5rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: var(--color-muted-foreground);
-		transition: all 0.15s ease;
-	}
-
-	.header-btn:hover {
-		background: var(--color-surface-hover);
-		color: var(--color-foreground);
-	}
-
-	/* Search (sticky bottom) */
-	.search-wrapper {
-		position: relative;
-		padding: 0.75rem 1rem;
-		border-top: 1px solid var(--color-border);
-		background: var(--color-surface-elevated-2);
-		flex-shrink: 0;
-	}
-
-	.search-wrapper :global(.search-icon) {
-		position: absolute;
-		left: 1.75rem;
-		top: 50%;
-		transform: translateY(-50%);
-		color: var(--color-muted-foreground);
-		pointer-events: none;
-	}
-
-	.search-input {
-		width: 100%;
-		padding: 0.5rem 2rem 0.5rem 2.25rem;
-		border: 1px solid var(--color-border);
-		border-radius: 0.5rem;
-		background: var(--color-surface);
-		color: var(--color-foreground);
-		font-size: 0.8125rem;
-		outline: none;
-		transition: all 0.15s ease;
-	}
-
-	.search-input:focus {
-		border-color: var(--color-primary);
-		background: var(--color-surface-elevated-2);
-	}
-
-	.search-clear {
-		position: absolute;
-		right: 1.5rem;
-		top: 50%;
-		transform: translateY(-50%);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 50%;
-		background: var(--color-surface-hover);
-		border: none;
-		cursor: pointer;
-		color: var(--color-muted-foreground);
-	}
-
-	.search-clear:hover {
-		background: var(--color-border);
-	}
-
-	.search-empty {
-		text-align: center;
-		padding: 1.5rem;
-		color: var(--color-muted-foreground);
-		font-size: 0.875rem;
-	}
-
-	.modal-content {
-		flex: 1;
-		overflow-y: auto;
-		padding: 0.5rem 0.75rem 0.75rem;
-	}
-
-	.loading-state,
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 2rem;
-		color: var(--color-muted-foreground);
-		font-size: 0.875rem;
-		gap: 1rem;
-	}
-
-	.create-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		background: var(--color-primary);
-		color: white;
-		border: none;
-		border-radius: 9999px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.15s ease;
-	}
-
-	.create-btn:hover {
-		background: var(--color-primary-hover);
-	}
-
-	/* Edit Form Section */
-	.edit-form-section {
-		background: color-mix(in srgb, var(--color-primary) 5%, transparent);
-		border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
-		border-radius: 0.75rem;
-		margin-bottom: 0.75rem;
-		overflow: hidden;
-	}
-
-	.edit-form-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.5rem 0.75rem;
-		background: color-mix(in srgb, var(--color-primary) 10%, transparent);
-	}
-
-	.edit-form-title {
-		font-size: 0.75rem;
-		font-weight: 600;
-		color: var(--color-primary);
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-	}
-
-	.edit-form {
-		padding: 0.75rem;
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.form-row {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.color-preview {
-		width: 24px;
-		height: 24px;
-		border-radius: 50%;
-		flex-shrink: 0;
-		border: 2px solid var(--color-border);
-	}
-
-	.name-input {
-		flex: 1;
-		padding: 0.5rem 0.75rem;
-		border: 1px solid var(--color-border);
-		border-radius: 0.5rem;
-		background: var(--color-surface);
-		color: var(--color-foreground);
-		font-size: 0.875rem;
-		outline: none;
-		transition: all 0.15s ease;
-	}
-
-	.name-input:focus {
-		border-color: var(--color-primary);
-		box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent);
-	}
-
-	.color-picker-row {
-		padding-left: 32px;
-	}
-
-	.color-picker-row :global(.color-picker) {
-		gap: 0.375rem;
-	}
-
-	.color-picker-row :global(.color-swatch) {
-		width: 24px;
-		height: 24px;
-	}
-
-	.form-actions {
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		gap: 0.5rem;
-		padding-top: 0.25rem;
-	}
-
-	.btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.75rem;
-		border-radius: 0.5rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-		border: none;
-		transition: all 0.15s ease;
-	}
-
-	.btn-primary {
-		background: var(--color-primary);
-		color: white;
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		background: var(--color-primary-hover);
-	}
-
-	.btn-primary:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.btn-danger {
-		background: var(--color-error);
-		color: white;
-	}
-
-	.btn-danger:hover {
-		background: color-mix(in srgb, var(--color-error) 85%, black);
-	}
-
-	.icon-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border-radius: 0.375rem;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		color: var(--color-muted-foreground);
-		transition: all 0.15s ease;
-	}
-
-	.icon-btn:hover {
-		background: var(--color-surface-hover);
-		color: var(--color-foreground);
-	}
-
-	/* Tags grid */
-	.tags-grid {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		padding: 0.25rem 0;
-	}
-
-	/* Tag Pill */
-	.tag-pill {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.625rem;
-		border-radius: 9999px;
-		cursor: pointer;
-		flex-shrink: 0;
-		transition: all 0.15s ease;
-		position: relative;
-	}
-
-	.glass-tag {
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 2px 4px -1px rgba(0, 0, 0, 0.06),
-			0 1px 2px -1px rgba(0, 0, 0, 0.04);
-	}
-
-	:global(.dark) .glass-tag {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.glass-tag:hover {
-		background: rgba(255, 255, 255, 0.95);
-		border-color: rgba(0, 0, 0, 0.15);
-	}
-
-	:global(.dark) .glass-tag:hover {
-		background: rgba(255, 255, 255, 0.2);
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.tag-dot {
-		width: 8px;
-		height: 8px;
-		border-radius: 50%;
-		background-color: var(--tag-color);
-		flex-shrink: 0;
-	}
-
-	.tag-name {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: var(--color-foreground);
-		white-space: nowrap;
-	}
-
-	.tag-edit-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1rem;
-		height: 1rem;
-		border-radius: 50%;
-		background: var(--color-surface-hover);
-		border: none;
-		cursor: pointer;
-		color: var(--color-muted-foreground);
-		opacity: 0;
-		transition: all 0.15s ease;
-		margin-left: 0.125rem;
-	}
-
-	.tag-pill:hover .tag-edit-btn {
-		opacity: 1;
-	}
-
-	.tag-edit-btn:hover {
-		background: var(--color-border);
-		color: var(--color-foreground);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/TaskEditModal.svelte b/apps/todo/apps/web-archived/src/lib/components/TaskEditModal.svelte
deleted file mode 100644
index 3c2c40e65..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/TaskEditModal.svelte
+++ /dev/null
@@ -1,669 +0,0 @@
-<script lang="ts">
-	import type { Task, Subtask, UpdateTaskInput } from '@todo/shared';
-	import { STATUS_OPTIONS, RECURRENCE_OPTIONS } from '@todo/shared';
-	import { contactsStore } from '$lib/stores/contacts.svelte';
-	import { useTaskForm } from '$lib/composables/useTaskForm.svelte';
-	import SubtaskList from './SubtaskList.svelte';
-	import {
-		PrioritySelector,
-		StorypointsSelector,
-		DurationPicker,
-		FunRatingPicker,
-		TagSelector,
-		ReminderSelector,
-	} from './form';
-	import { ContactSelector, focusTrap } from '@manacore/shared-ui';
-	import { ManaLinkList, ManaLinkPicker } from '@manacore/shared-links/ui';
-	import { searchCrossApp } from '$lib/data/cross-app-search';
-	import { X, Trash } from '@manacore/shared-icons';
-	import { t } from 'svelte-i18n';
-
-	interface Props {
-		task: Task;
-		open: boolean;
-		onClose: () => void;
-		onSave: (data: UpdateTaskInput) => void;
-		onDelete: (taskId: string) => void;
-	}
-
-	let { task, open, onClose, onSave, onDelete }: Props = $props();
-
-	const form = useTaskForm();
-	let showLinkPicker = $state(false);
-
-	$effect(() => {
-		if (open && task) form.initFromTask(task);
-	});
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') onClose();
-		else if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
-			e.preventDefault();
-			handleSave();
-		}
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) onClose();
-	}
-
-	async function handleSave() {
-		if (!form.title.trim()) return;
-		form.isLoading = true;
-		try {
-			onSave(form.buildUpdateInput(task));
-			await form.persistReminder(task.id);
-		} finally {
-			form.isLoading = false;
-		}
-	}
-
-	function handleDelete() {
-		if (form.showDeleteConfirm) onDelete(task.id);
-		else form.showDeleteConfirm = true;
-	}
-
-	function handleSubtasksChange(newSubtasks: Subtask[]) {
-		form.subtasks = newSubtasks;
-	}
-
-	function autoGrow(node: HTMLTextAreaElement) {
-		function resize() {
-			node.style.height = 'auto';
-			node.style.height = node.scrollHeight + 'px';
-		}
-		node.addEventListener('input', resize);
-		resize();
-		return { destroy: () => node.removeEventListener('input', resize) };
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-{#if open}
-	<div class="backdrop" onclick={handleBackdropClick} role="dialog" aria-modal="true" use:focusTrap>
-		<div class="page">
-			<!-- Top bar -->
-			<div class="top-bar">
-				<div class="top-left">
-					{#if form.showDeleteConfirm}
-						<span class="delete-confirm-text">{$t('taskForm.confirmDelete')}</span>
-						<button class="btn-ghost-danger" onclick={handleDelete}
-							>{$t('taskForm.yesDelete')}</button
-						>
-						<button class="btn-ghost" onclick={() => (form.showDeleteConfirm = false)}
-							>{$t('common.cancel')}</button
-						>
-					{:else}
-						<button class="btn-icon-danger" onclick={handleDelete} title={$t('task.deleteTask')}>
-							<Trash size={16} />
-						</button>
-					{/if}
-				</div>
-				<div class="top-right">
-					<button
-						class="btn-save"
-						onclick={handleSave}
-						disabled={form.isLoading || !form.title.trim()}
-					>
-						{#if form.isLoading}<span class="spinner"></span>{:else}{$t('common.save')}{/if}
-					</button>
-					<button class="btn-close" onclick={onClose} title={$t('common.close')}
-						><X size={18} /></button
-					>
-				</div>
-			</div>
-
-			<!-- Title -->
-			<div class="title-area">
-				<textarea
-					class="title-input"
-					bind:value={form.title}
-					placeholder={$t('taskForm.titlePlaceholder')}
-					rows="1"
-					use:autoGrow
-				></textarea>
-			</div>
-
-			<!-- Content: Description (left) + Subtasks/Links (right) -->
-			<div class="content-grid">
-				<div class="col-desc">
-					<span class="col-label">{$t('taskForm.description')}</span>
-					<textarea
-						class="desc-textarea"
-						bind:value={form.description}
-						placeholder={$t('taskForm.addDescription')}
-						rows="5"
-					></textarea>
-				</div>
-
-				<div class="col-subtasks">
-					<span class="col-label">{$t('taskForm.subtasks')}</span>
-					<SubtaskList subtasks={form.subtasks} onChange={handleSubtasksChange} />
-
-					<div class="links-block">
-						<div class="links-header">
-							<span class="col-label">{$t('taskForm.links')}</span>
-							<button class="link-add" onclick={() => (showLinkPicker = true)}
-								>{$t('taskForm.addLink')}</button
-							>
-						</div>
-						<ManaLinkList recordRef={{ app: 'todo', collection: 'tasks', id: task.id }} editable />
-					</div>
-				</div>
-			</div>
-
-			<!-- Properties strip: all metadata horizontal -->
-			<div class="props-strip">
-				<!-- Status -->
-				<div class="prop">
-					<span class="prop-label">{$t('taskForm.status')}</span>
-					<select class="prop-select" bind:value={form.status}>
-						{#each STATUS_OPTIONS as s}
-							<option value={s.value}>{s.label}</option>
-						{/each}
-					</select>
-				</div>
-
-				<div class="prop-divider"></div>
-
-				<!-- Priorität -->
-				<div class="prop prop-priority">
-					<span class="prop-label">{$t('task.priority')}</span>
-					<PrioritySelector value={form.priority} onChange={(p) => (form.priority = p)} />
-				</div>
-
-				<div class="prop-divider"></div>
-
-				<!-- Fälligkeit -->
-				<div class="prop">
-					<span class="prop-label">{$t('taskForm.dueDate')}</span>
-					<input type="date" class="prop-input" bind:value={form.dueDate} />
-				</div>
-
-				<!-- Uhrzeit -->
-				<div class="prop">
-					<span class="prop-label">{$t('taskForm.time')}</span>
-					<input type="time" class="prop-input" bind:value={form.dueTime} />
-				</div>
-
-				<!-- Startdatum -->
-				<div class="prop">
-					<span class="prop-label">{$t('taskForm.startDate')}</span>
-					<input type="date" class="prop-input" bind:value={form.startDate} />
-				</div>
-
-				<!-- Wiederholung -->
-				<div class="prop">
-					<span class="prop-label">{$t('taskForm.recurrence')}</span>
-					<select class="prop-select" bind:value={form.recurrenceRule}>
-						{#each RECURRENCE_OPTIONS as o}
-							<option value={o.value}>{o.label}</option>
-						{/each}
-					</select>
-				</div>
-
-				<!-- Erinnerung -->
-				<div class="prop">
-					<span class="prop-label">{$t('reminders.label')}</span>
-					<ReminderSelector
-						value={form.reminderMinutes}
-						onChange={(v) => (form.reminderMinutes = v)}
-						disabled={!form.dueDate}
-					/>
-				</div>
-
-				<div class="prop-divider"></div>
-
-				<!-- Tags -->
-				<div class="prop prop-tags">
-					<span class="prop-label">{$t('taskForm.tags')}</span>
-					<TagSelector
-						selectedIds={form.selectedLabelIds}
-						onChange={(ids) => (form.selectedLabelIds = ids)}
-					/>
-				</div>
-
-				<div class="prop-divider"></div>
-
-				<!-- Zuständig -->
-				<div class="prop prop-contact">
-					<span class="prop-label">{$t('taskForm.assignee')}</span>
-					<ContactSelector
-						selectedContacts={form.assignee}
-						onContactsChange={(c) => (form.assignee = c)}
-						onSearch={(q) => contactsStore.searchContacts(q)}
-						singleSelect={true}
-						allowManualEntry={false}
-						placeholder={$t('taskForm.assignPlaceholder')}
-						addLabel={$t('taskForm.assignLabel')}
-						searchPlaceholder={$t('taskForm.nameOrEmail')}
-						isAvailable={form.contactsAvailable ?? false}
-					/>
-				</div>
-
-				<!-- Beteiligte -->
-				<div class="prop prop-contact">
-					<span class="prop-label">{$t('taskForm.involved')}</span>
-					<ContactSelector
-						selectedContacts={form.involvedContacts}
-						onContactsChange={(c) => (form.involvedContacts = c)}
-						onSearch={(q) => contactsStore.searchContacts(q)}
-						allowManualEntry={false}
-						placeholder={$t('taskForm.addPlaceholder')}
-						addLabel={$t('taskForm.addLabel')}
-						searchPlaceholder={$t('taskForm.nameOrEmail')}
-						isAvailable={form.contactsAvailable ?? false}
-					/>
-				</div>
-
-				<div class="prop-divider"></div>
-
-				<!-- Storypoints -->
-				<div class="prop">
-					<span class="prop-label">{$t('taskForm.storypoints')}</span>
-					<StorypointsSelector value={form.storyPoints} onChange={(v) => (form.storyPoints = v)} />
-				</div>
-
-				<!-- Effektive Dauer -->
-				<div class="prop">
-					<span class="prop-label">{$t('taskForm.duration')}</span>
-					<DurationPicker
-						value={form.effectiveDuration}
-						onChange={(v) => (form.effectiveDuration = v)}
-					/>
-				</div>
-
-				<!-- Spaß-Faktor -->
-				<div class="prop">
-					<span class="prop-label"
-						>{$t('taskForm.fun')}{form.funRating !== null ? ` (${form.funRating})` : ''}</span
-					>
-					<FunRatingPicker value={form.funRating} onChange={(v) => (form.funRating = v)} />
-				</div>
-			</div>
-
-			<ManaLinkPicker
-				sourceRef={{ app: 'todo', collection: 'tasks', id: task.id }}
-				sourceTitle={form.title || task.title}
-				open={showLinkPicker}
-				onClose={() => (showLinkPicker = false)}
-				onSearch={searchCrossApp}
-			/>
-		</div>
-	</div>
-{/if}
-
-<style>
-	/* ── Backdrop ─────────────────────────────────────────── */
-	.backdrop {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.45);
-		backdrop-filter: blur(6px);
-		-webkit-backdrop-filter: blur(6px);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 9995;
-		padding: 2rem;
-	}
-
-	/* ── Page ─────────────────────────────────────────────── */
-	.page {
-		container-type: inline-size;
-		width: 100%;
-		max-width: 1040px;
-		max-height: calc(100vh - 4rem);
-		display: flex;
-		flex-direction: column;
-		background: var(--color-surface-elevated-2);
-		border: 1px solid var(--color-border);
-		border-radius: 1.5rem;
-		box-shadow: 0 32px 64px -12px rgba(0, 0, 0, 0.3);
-		overflow: hidden;
-	}
-
-	/* ── Top bar ──────────────────────────────────────────── */
-	.top-bar {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.625rem 1.25rem;
-		border-bottom: 1px solid var(--color-border);
-		flex-shrink: 0;
-	}
-
-	.top-left,
-	.top-right {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.delete-confirm-text {
-		font-size: 0.8125rem;
-		color: var(--color-error);
-		font-weight: 500;
-	}
-
-	.btn-ghost {
-		padding: 0.3rem 0.625rem;
-		border: none;
-		background: transparent;
-		font-size: 0.8125rem;
-		color: var(--color-muted-foreground);
-		cursor: pointer;
-		border-radius: 0.5rem;
-		transition: background 0.15s;
-	}
-
-	.btn-ghost:hover {
-		background: var(--color-surface-hover);
-	}
-
-	.btn-ghost-danger {
-		padding: 0.3rem 0.625rem;
-		border: none;
-		background: transparent;
-		font-size: 0.8125rem;
-		color: var(--color-error);
-		cursor: pointer;
-		border-radius: 0.5rem;
-		transition: background 0.15s;
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-	}
-
-	.btn-ghost-danger:hover {
-		background: color-mix(in srgb, var(--color-error) 8%, transparent);
-	}
-
-	.btn-icon-danger {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.875rem;
-		height: 1.875rem;
-		border: none;
-		background: transparent;
-		color: var(--color-muted-foreground);
-		cursor: pointer;
-		border-radius: 0.5rem;
-		transition: all 0.15s;
-	}
-
-	.btn-icon-danger:hover {
-		background: color-mix(in srgb, var(--color-error) 8%, transparent);
-		color: var(--color-error);
-	}
-
-	.btn-save {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.875rem;
-		background: var(--color-primary);
-		color: white;
-		border: none;
-		border-radius: 0.625rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: background 0.15s;
-	}
-
-	.btn-save:hover:not(:disabled) {
-		background: var(--color-primary-hover);
-	}
-
-	.btn-save:disabled {
-		opacity: 0.45;
-		cursor: not-allowed;
-	}
-
-	.btn-close {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.875rem;
-		height: 1.875rem;
-		border: none;
-		background: transparent;
-		color: var(--color-muted-foreground);
-		cursor: pointer;
-		border-radius: 0.5rem;
-		transition: all 0.15s;
-	}
-
-	.btn-close:hover {
-		background: var(--color-surface-hover);
-		color: var(--color-foreground);
-	}
-
-	/* ── Title ────────────────────────────────────────────── */
-	.title-area {
-		padding: 1rem 1.5rem 0.75rem;
-		flex-shrink: 0;
-	}
-
-	.title-input {
-		width: 100%;
-		border: none;
-		background: transparent;
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: var(--color-foreground);
-		line-height: 1.3;
-		resize: none;
-		overflow: hidden;
-		padding: 0;
-		outline: none;
-		font-family: inherit;
-	}
-
-	.title-input::placeholder {
-		color: var(--color-border);
-	}
-
-	/* ── Content grid: Description | Subtasks/Links ───────── */
-	.content-grid {
-		flex: 1;
-		display: grid;
-		grid-template-columns: 1fr 1fr;
-		gap: 0;
-		border-top: 1px solid var(--color-border);
-		overflow: hidden;
-		min-height: 0;
-	}
-
-	/* Single column on narrow */
-	@container (max-width: 600px) {
-		.content-grid {
-			grid-template-columns: 1fr;
-		}
-	}
-
-	.col-desc,
-	.col-subtasks {
-		padding: 1rem 1.25rem;
-		display: flex;
-		flex-direction: column;
-		gap: 0.625rem;
-		overflow-y: auto;
-	}
-
-	.col-subtasks {
-		border-left: 1px solid var(--color-border);
-	}
-
-	.col-label {
-		font-size: 0.6875rem;
-		font-weight: 700;
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		color: var(--color-muted-foreground);
-		flex-shrink: 0;
-	}
-
-	.desc-textarea {
-		flex: 1;
-		width: 100%;
-		border: none;
-		background: transparent;
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-		resize: none;
-		font-family: inherit;
-		line-height: 1.6;
-		outline: none;
-		min-height: 100px;
-	}
-
-	.desc-textarea::placeholder {
-		color: var(--color-border);
-	}
-
-	.links-block {
-		margin-top: 0.75rem;
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.links-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	.link-add {
-		border: none;
-		background: transparent;
-		font-size: 0.75rem;
-		color: var(--color-primary);
-		cursor: pointer;
-		padding: 0.125rem 0.25rem;
-		border-radius: 0.375rem;
-		transition: background 0.15s;
-	}
-
-	.link-add:hover {
-		background: color-mix(in srgb, var(--color-primary) 8%, transparent);
-	}
-
-	/* ── Properties strip ─────────────────────────────────── */
-	.props-strip {
-		display: flex;
-		flex-wrap: wrap;
-		align-items: stretch;
-		flex-shrink: 0;
-		border-top: 1px solid var(--color-border);
-		background: var(--color-surface);
-	}
-
-	.prop {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-		padding: 0.5rem 0.875rem;
-		border-right: 1px solid var(--color-border);
-	}
-
-	.prop:last-child {
-		border-right: none;
-	}
-
-	.prop-priority {
-		min-width: 200px;
-	}
-
-	.prop-tags {
-		min-width: 140px;
-		flex: 1;
-	}
-
-	.prop-contact {
-		min-width: 130px;
-	}
-
-	.prop-label {
-		font-size: 0.625rem;
-		font-weight: 700;
-		text-transform: uppercase;
-		letter-spacing: 0.07em;
-		color: var(--color-muted-foreground);
-		white-space: nowrap;
-	}
-
-	.prop-input,
-	.prop-select {
-		border: none;
-		background: transparent;
-		font-size: 0.8125rem;
-		color: var(--color-foreground);
-		font-family: inherit;
-		padding: 0;
-		outline: none;
-		cursor: pointer;
-		min-width: 0;
-	}
-
-	:global(.dark) .prop-select {
-		color-scheme: dark;
-	}
-
-	.prop-input:focus,
-	.prop-select:focus {
-		color: var(--color-primary);
-	}
-
-	.prop-divider {
-		width: 1px;
-		background: var(--color-border);
-		margin: 0.375rem 0;
-		flex-shrink: 0;
-	}
-
-	/* ── Spinner ──────────────────────────────────────────── */
-	.spinner {
-		width: 0.875rem;
-		height: 0.875rem;
-		border: 2px solid transparent;
-		border-top-color: white;
-		border-radius: 9999px;
-		animation: spin 0.6s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	/* ── Mobile ───────────────────────────────────────────── */
-	@media (max-width: 640px) {
-		.backdrop {
-			align-items: flex-end;
-			padding: 0;
-		}
-
-		.page {
-			max-width: 100%;
-			max-height: calc(100vh - 60px - env(safe-area-inset-top, 0px));
-			border-radius: 1.5rem 1.5rem 0 0;
-			margin-bottom: env(safe-area-inset-bottom, 0px);
-		}
-
-		.content-grid {
-			grid-template-columns: 1fr;
-			overflow-y: auto;
-		}
-
-		.col-subtasks {
-			border-left: none;
-			border-top: 1px solid var(--color-border);
-		}
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/TaskItem.svelte b/apps/todo/apps/web-archived/src/lib/components/TaskItem.svelte
deleted file mode 100644
index 18a2c0611..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/TaskItem.svelte
+++ /dev/null
@@ -1,1324 +0,0 @@
-<script lang="ts">
-	import type { Task, Subtask, UpdateTaskInput } from '@todo/shared';
-	import { STATUS_OPTIONS, RECURRENCE_OPTIONS } from '@todo/shared';
-	import { format, isToday, isPast } from 'date-fns';
-	import { de } from 'date-fns/locale';
-	import { formatDueDate } from '$lib/utils/date-display';
-	import { getSubtaskProgress } from '$lib/utils/task-helpers';
-	import { useTaskForm } from '$lib/composables/useTaskForm.svelte';
-	import { contactsStore } from '$lib/stores/contacts.svelte';
-	import { ContactAvatar, ContactSelector } from '@manacore/shared-ui';
-	import SubtaskList from './SubtaskList.svelte';
-	import { Check, CheckSquare, DotsSixVertical, ArrowsOutSimple } from '@manacore/shared-icons';
-	import TaskEditModal from './TaskEditModal.svelte';
-	import {
-		PrioritySelector,
-		StorypointsSelector,
-		DurationPicker,
-		FunRatingPicker,
-		TagSelector,
-		ReminderSelector,
-	} from './form';
-	import { PRIORITY_COLORS } from '$lib/constants/priority';
-	import { TodoEvents } from '@manacore/shared-utils/analytics';
-	import { t } from 'svelte-i18n';
-
-	interface Props {
-		task: Task;
-		showCompleted?: boolean;
-		animateComplete?: boolean;
-		isExpanded?: boolean;
-		onToggleComplete: () => void;
-		onDelete: () => void;
-		onExpand?: () => void;
-		onCollapse?: () => void;
-		onSave?: (data: UpdateTaskInput) => void;
-	}
-
-	let {
-		task,
-		showCompleted = false,
-		animateComplete = false,
-		isExpanded = false,
-		onToggleComplete,
-		onDelete,
-		onExpand,
-		onCollapse,
-		onSave,
-	}: Props = $props();
-
-	// Toggle for showing created date on completed tasks
-	let showCreatedDate = $state(false);
-
-	// Detail modal
-	let showModal = $state(false);
-
-	function handleOpenModal(e: MouseEvent) {
-		e.stopPropagation();
-		showModal = true;
-	}
-
-	function handleModalClose() {
-		showModal = false;
-	}
-
-	function handleModalSave(data: Partial<Task>) {
-		onSave?.(data as UpdateTaskInput);
-	}
-
-	function handleModalDelete(_taskId: string) {
-		onDelete();
-		showModal = false;
-	}
-
-	// Shared form state
-	const form = useTaskForm();
-
-	let titleInputRef = $state<HTMLInputElement | null>(null);
-	let autoSaveTimer: ReturnType<typeof setTimeout> | null = null;
-	let isInitializing = $state(false);
-
-	// Focus title input when expanded
-	$effect(() => {
-		if (isExpanded && titleInputRef) {
-			// Small delay to ensure DOM is ready
-			setTimeout(() => titleInputRef?.focus(), 50);
-		}
-	});
-
-	// Initialize form when expanded
-	$effect(() => {
-		if (isExpanded && task) {
-			isInitializing = true;
-			form.initFromTask(task);
-
-			// Allow a tick for all state to settle before enabling auto-save
-			setTimeout(() => {
-				isInitializing = false;
-			}, 0);
-		}
-	});
-
-	// Auto-save: debounce changes and save automatically
-	function scheduleAutoSave() {
-		if (isInitializing || !isExpanded) return;
-		if (autoSaveTimer) clearTimeout(autoSaveTimer);
-		autoSaveTimer = setTimeout(() => {
-			handleSave();
-		}, 500);
-	}
-
-	// Watch all form fields for changes and trigger auto-save
-	$effect(() => {
-		// Read all reactive form fields to create dependencies
-		void [
-			form.title,
-			form.description,
-			form.dueDate,
-			form.dueTime,
-			form.startDate,
-			form.priority,
-			form.status,
-			form.selectedLabelIds,
-			form.subtasks,
-			form.recurrenceRule,
-			form.storyPoints,
-			form.effectiveDuration,
-			form.funRating,
-			form.assignee,
-			form.involvedContacts,
-			form.reminderMinutes,
-		];
-		scheduleAutoSave();
-	});
-
-	// Animation state for completing
-	let isAnimatingComplete = $state(false);
-
-	// External animation trigger
-	$effect(() => {
-		if (animateComplete && !task.isCompleted) {
-			isAnimatingComplete = true;
-		}
-	});
-
-	function handleToggleClick() {
-		if (!task.isCompleted) {
-			// Animate before completing
-			isAnimatingComplete = true;
-			setTimeout(() => {
-				isAnimatingComplete = false;
-				onToggleComplete();
-			}, 500);
-		} else {
-			// Uncomplete immediately
-			onToggleComplete();
-		}
-	}
-
-	// Inline title editing
-	let inlineTitleInputRef = $state<HTMLInputElement | null>(null);
-	let isEditingTitle = $state(false);
-	let editTitleValue = $state('');
-
-	function startTitleEdit(e: MouseEvent) {
-		e.stopPropagation();
-		editTitleValue = task.title;
-		isEditingTitle = true;
-	}
-
-	$effect(() => {
-		if (isEditingTitle && inlineTitleInputRef) {
-			inlineTitleInputRef.focus();
-			inlineTitleInputRef.select();
-		}
-	});
-
-	function handleInlineTitleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			inlineTitleInputRef?.blur();
-		} else if (e.key === 'Escape') {
-			editTitleValue = task.title;
-			isEditingTitle = false;
-		}
-	}
-
-	function handleInlineTitleBlur() {
-		const trimmed = editTitleValue.trim();
-		if (trimmed && trimmed !== task.title) {
-			onSave?.({ title: trimmed });
-		}
-		isEditingTitle = false;
-	}
-
-	function handleContentClick() {
-		if (onExpand) {
-			onExpand();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (!isExpanded) return;
-		if (e.key === 'Escape') {
-			onCollapse?.();
-		}
-	}
-
-	async function handleSave() {
-		if (!form.title.trim() || !onSave) return;
-
-		form.isLoading = true;
-		try {
-			const data = form.buildUpdateInput(task);
-			onSave(data);
-			await form.persistReminder(task.id);
-		} finally {
-			form.isLoading = false;
-		}
-	}
-
-	function handleDeleteClick() {
-		if (form.showDeleteConfirm) {
-			onDelete();
-		} else {
-			form.showDeleteConfirm = true;
-		}
-	}
-
-	function handleSubtasksChange(newSubtasks: Subtask[]) {
-		form.subtasks = newSubtasks;
-	}
-
-	function toggleSubtask(subtaskId: string) {
-		if (!onSave) return;
-		const subtasks = $state.snapshot(task.subtasks) ?? [];
-		const target = subtasks.find((s) => s.id === subtaskId);
-		const updated = subtasks.map((s) =>
-			s.id === subtaskId
-				? {
-						...s,
-						isCompleted: !s.isCompleted,
-						completedAt: !s.isCompleted ? new Date().toISOString() : null,
-					}
-				: s
-		);
-		if (target && !target.isCompleted) TodoEvents.subtaskCompleted();
-		onSave({ subtasks: updated });
-	}
-
-	const priorityColors = PRIORITY_COLORS;
-
-	// Format due date
-	let dueDateText = $derived(() => {
-		if (!task.dueDate) return null;
-		return formatDueDate(new Date(task.dueDate));
-	});
-
-	// Check if overdue
-	let isOverdue = $derived(() => {
-		if (!task.dueDate || task.isCompleted) return false;
-		const date = new Date(task.dueDate);
-		return isPast(date) && !isToday(date);
-	});
-
-	// Subtasks progress
-	let subtaskProgress = $derived(() => getSubtaskProgress(task.subtasks ?? undefined));
-
-	// Long press to expand (mobile)
-	let longPressTimer: ReturnType<typeof setTimeout> | null = null;
-
-	function handleTouchStart() {
-		longPressTimer = setTimeout(() => {
-			longPressTimer = null;
-			if (!isExpanded && onExpand) {
-				onExpand();
-			}
-		}, 500);
-	}
-
-	function handleTouchEnd() {
-		if (longPressTimer) {
-			clearTimeout(longPressTimer);
-			longPressTimer = null;
-		}
-	}
-
-	function handleTouchMove() {
-		if (longPressTimer) {
-			clearTimeout(longPressTimer);
-			longPressTimer = null;
-		}
-	}
-
-	// Only allow drag from the drag handle
-	function handlePointerDown(e: PointerEvent) {
-		const target = e.target as HTMLElement;
-		const isDragHandle = target.closest('.drag-handle');
-		if (!isDragHandle) {
-			// Prevent drag from starting if not on drag handle
-			e.stopPropagation();
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<div
-	class="task-item-wrapper"
-	class:expanded={isExpanded}
-	onpointerdown={handlePointerDown}
-	ontouchstart={handleTouchStart}
-	ontouchend={handleTouchEnd}
-	ontouchmove={handleTouchMove}
->
-	<div
-		class="task-item group"
-		class:completed={task.isCompleted}
-		class:completing={isAnimatingComplete}
-	>
-		<!-- Drag handle -->
-		<div class="drag-handle">
-			<DotsSixVertical size={16} class="drag-icon" />
-		</div>
-
-		<!-- Checkbox with priority fill -->
-		<button
-			class="task-checkbox priority-{task.priority || 'medium'}"
-			class:checked={task.isCompleted}
-			class:animating={isAnimatingComplete}
-			style="--priority-color: {priorityColors[task.priority] || priorityColors.medium}"
-			onclick={handleToggleClick}
-		>
-			{#if task.isCompleted || isAnimatingComplete}
-				<Check size={20} class="check-icon" />
-			{:else if task.priority === 'urgent'}
-				<span class="priority-bang">!</span>
-			{/if}
-		</button>
-
-		<!-- Content -->
-		<div class="task-content">
-			{#if isEditingTitle}
-				<input
-					bind:this={inlineTitleInputRef}
-					class="task-title-edit"
-					bind:value={editTitleValue}
-					onclick={(e) => e.stopPropagation()}
-					onkeydown={handleInlineTitleKeydown}
-					onblur={handleInlineTitleBlur}
-				/>
-			{:else}
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<span class="task-title" class:line-through={task.isCompleted} onclick={startTitleEdit}>
-					{task.title}
-				</span>
-			{/if}
-
-			<!-- Labels below title -->
-			{#if task.labels && task.labels.length > 0}
-				<div class="task-meta">
-					{#each task.labels.slice(0, 2) as label}
-						<span class="label-tag" style="--label-color: {label.color}">
-							{label.name}
-						</span>
-					{/each}
-					{#if task.labels.length > 2}
-						<span class="meta-item">+{task.labels.length - 2}</span>
-					{/if}
-				</div>
-			{/if}
-		</div>
-
-		<!-- Assignee and involved contacts -->
-		{#if task.metadata?.assignee || (task.metadata?.involvedContacts && task.metadata.involvedContacts.length > 0)}
-			<div class="contacts-display">
-				{#if task.metadata?.assignee}
-					<div
-						class="assignee-avatar"
-						title={$t('kanban.assignedTo', {
-							values: { name: task.metadata.assignee.displayName },
-						})}
-					>
-						<ContactAvatar
-							name={task.metadata.assignee.displayName}
-							photoUrl={task.metadata.assignee.photoUrl}
-							size="xs"
-						/>
-					</div>
-				{/if}
-				{#if task.metadata?.involvedContacts && task.metadata.involvedContacts.length > 0}
-					<div class="involved-avatars">
-						{#each task.metadata.involvedContacts.slice(0, 2) as contact}
-							<div
-								class="involved-avatar"
-								title={$t('kanban.involvedContact', { values: { name: contact.displayName } })}
-							>
-								<ContactAvatar name={contact.displayName} photoUrl={contact.photoUrl} size="xs" />
-							</div>
-						{/each}
-						{#if task.metadata.involvedContacts.length > 2}
-							<span class="more-contacts">+{task.metadata.involvedContacts.length - 2}</span>
-						{/if}
-					</div>
-				{/if}
-			</div>
-		{/if}
-
-		<!-- Due date / Completed date (right side) -->
-		{#if task.isCompleted && task.completedAt}
-			<button
-				type="button"
-				class="completed-date-toggle"
-				onclick={(e) => {
-					e.stopPropagation();
-					showCreatedDate = !showCreatedDate;
-				}}
-				title={$t('taskForm.clickForCreatedDate')}
-			>
-				{#if showCreatedDate}
-					<span class="date-label">{$t('taskForm.created')}</span>
-					<span class="date-value"
-						>{format(new Date(task.createdAt), 'd. MMM yyyy', { locale: de })}</span
-					>
-				{/if}
-				<span class="date-label">{$t('taskForm.completed')}</span>
-				<span class="date-value"
-					>{format(new Date(task.completedAt), 'd. MMM yyyy', { locale: de })}</span
-				>
-			</button>
-		{:else if dueDateText()}
-			<span
-				class="due-date"
-				class:overdue={isOverdue()}
-				class:today={task.dueDate && isToday(new Date(task.dueDate))}
-			>
-				{dueDateText()}
-			</span>
-		{/if}
-
-		<!-- Detail modal button -->
-		<button
-			type="button"
-			class="detail-btn"
-			onclick={handleOpenModal}
-			title={$t('taskForm.openDetails')}
-			tabindex="-1"
-		>
-			<ArrowsOutSimple size={14} />
-		</button>
-	</div>
-
-	<!-- Inline subtasks -->
-	{#if task.subtasks && task.subtasks.length > 0 && !task.isCompleted}
-		<div class="subtasks-inline">
-			{#each task.subtasks as subtask (subtask.id)}
-				<button
-					class="subtask-row"
-					class:done={subtask.isCompleted}
-					onclick={() => toggleSubtask(subtask.id)}
-				>
-					<span class="subtask-check" class:checked={subtask.isCompleted}>
-						{#if subtask.isCompleted}<Check size={10} />{/if}
-					</span>
-					<span class="subtask-title">{subtask.title}</span>
-				</button>
-			{/each}
-		</div>
-	{/if}
-
-	<!-- Detail modal -->
-	<TaskEditModal
-		{task}
-		open={showModal}
-		onClose={handleModalClose}
-		onSave={handleModalSave}
-		onDelete={handleModalDelete}
-	/>
-
-	<!-- Expanded inline edit form -->
-	{#if isExpanded}
-		<div class="expanded-form">
-			<!-- Title -->
-			<div class="form-section">
-				<label class="form-label" for="task-title-{task.id}">{$t('task.title')}</label>
-				<input
-					bind:this={titleInputRef}
-					id="task-title-{task.id}"
-					type="text"
-					class="form-input"
-					bind:value={form.title}
-					placeholder={$t('taskForm.titlePlaceholder')}
-				/>
-			</div>
-
-			<!-- Description -->
-			<div class="form-section">
-				<label class="form-label" for="task-description-{task.id}"
-					>{$t('taskForm.description')}</label
-				>
-				<textarea
-					id="task-description-{task.id}"
-					class="form-textarea"
-					bind:value={form.description}
-					placeholder={$t('taskForm.addDescription')}
-					rows="2"
-				></textarea>
-			</div>
-
-			<!-- Time planning row -->
-			<div class="form-section">
-				<label class="form-label">{$t('taskForm.scheduling')}</label>
-				<div class="form-row">
-					<div class="form-field">
-						<label class="form-sublabel" for="due-date-{task.id}">{$t('taskForm.due')}</label>
-						<input
-							id="due-date-{task.id}"
-							type="date"
-							class="form-input-sm"
-							bind:value={form.dueDate}
-						/>
-					</div>
-					<div class="form-field">
-						<label class="form-sublabel" for="due-time-{task.id}">{$t('taskForm.time')}</label>
-						<input
-							id="due-time-{task.id}"
-							type="time"
-							class="form-input-sm"
-							bind:value={form.dueTime}
-						/>
-					</div>
-					<div class="form-field">
-						<label class="form-sublabel" for="start-date-{task.id}">{$t('taskForm.start')}</label>
-						<input
-							id="start-date-{task.id}"
-							type="date"
-							class="form-input-sm"
-							bind:value={form.startDate}
-						/>
-					</div>
-				</div>
-			</div>
-
-			<!-- Priority -->
-			<div class="form-section">
-				<label class="form-label">{$t('task.priority')}</label>
-				<PrioritySelector value={form.priority} onChange={(p) => (form.priority = p)} />
-			</div>
-
-			<!-- Status -->
-			<div class="form-section">
-				<label class="form-label" for="task-status-{task.id}">{$t('taskForm.status')}</label>
-				<select id="task-status-{task.id}" class="form-select" bind:value={form.status}>
-					{#each STATUS_OPTIONS as s}
-						<option value={s.value}>{s.label}</option>
-					{/each}
-				</select>
-			</div>
-
-			<!-- Tags -->
-			<div class="form-section">
-				<label class="form-label">{$t('taskForm.tags')}</label>
-				<TagSelector
-					selectedIds={form.selectedLabelIds}
-					onChange={(ids) => (form.selectedLabelIds = ids)}
-				/>
-			</div>
-
-			<!-- Subtasks -->
-			<div class="form-section">
-				<label class="form-label">{$t('taskForm.subtasks')}</label>
-				<SubtaskList subtasks={form.subtasks} onChange={handleSubtasksChange} />
-			</div>
-
-			<!-- Recurrence -->
-			<div class="form-section">
-				<label class="form-label" for="task-recurrence-{task.id}">{$t('taskForm.recurrence')}</label
-				>
-				<select id="task-recurrence-{task.id}" class="form-select" bind:value={form.recurrenceRule}>
-					{#each RECURRENCE_OPTIONS as option}
-						<option value={option.value}>{option.label}</option>
-					{/each}
-				</select>
-			</div>
-
-			<!-- Reminder -->
-			<div class="form-section">
-				<label class="form-label">{$t('reminders.label')}</label>
-				<ReminderSelector
-					value={form.reminderMinutes}
-					onChange={(v) => (form.reminderMinutes = v)}
-					disabled={!form.dueDate}
-				/>
-			</div>
-
-			<!-- Contacts: Assignee -->
-			<div class="form-section">
-				<label class="form-label">{$t('taskForm.assignee')}</label>
-				<ContactSelector
-					selectedContacts={form.assignee}
-					onContactsChange={(contacts) => (form.assignee = contacts)}
-					onSearch={(q) => contactsStore.searchContacts(q)}
-					singleSelect={true}
-					allowManualEntry={false}
-					placeholder={$t('taskForm.assignPerson')}
-					addLabel={$t('taskForm.assignLabel')}
-					searchPlaceholder={$t('taskForm.nameOrEmail')}
-					isAvailable={form.contactsAvailable ?? false}
-				/>
-			</div>
-
-			<!-- Contacts: Involved -->
-			<div class="form-section">
-				<label class="form-label">{$t('taskForm.involved')}</label>
-				<ContactSelector
-					selectedContacts={form.involvedContacts}
-					onContactsChange={(contacts) => (form.involvedContacts = contacts)}
-					onSearch={(q) => contactsStore.searchContacts(q)}
-					allowManualEntry={false}
-					placeholder={$t('taskForm.addPeoplePlaceholder')}
-					addLabel={$t('taskForm.addPersonLabel')}
-					searchPlaceholder={$t('taskForm.nameOrEmail')}
-					isAvailable={form.contactsAvailable ?? false}
-				/>
-			</div>
-
-			<!-- Story Points & Duration & Fun Rating row -->
-			<div class="form-row-3">
-				<div class="form-section">
-					<label class="form-label">{$t('taskForm.storypoints')}</label>
-					<StorypointsSelector value={form.storyPoints} onChange={(v) => (form.storyPoints = v)} />
-				</div>
-				<div class="form-section">
-					<label class="form-label">{$t('taskForm.duration')}</label>
-					<DurationPicker
-						value={form.effectiveDuration}
-						onChange={(v) => (form.effectiveDuration = v)}
-					/>
-				</div>
-				<div class="form-section">
-					<label class="form-label">{$t('taskForm.fun')}</label>
-					<FunRatingPicker value={form.funRating} onChange={(v) => (form.funRating = v)} />
-				</div>
-			</div>
-
-			<!-- Action buttons -->
-			<div class="form-actions">
-				<button
-					type="button"
-					class="btn btn-danger"
-					onclick={handleDeleteClick}
-					disabled={form.isLoading}
-				>
-					{form.showDeleteConfirm ? $t('taskForm.confirmDelete') : $t('common.delete')}
-				</button>
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	/* Wrapper for expanded state */
-	.task-item-wrapper {
-		margin-bottom: 0;
-		border-radius: 0.5rem;
-		transition: all 0.2s ease;
-	}
-
-	.task-item-wrapper.expanded {
-		position: relative;
-		z-index: 9990;
-		background: var(--color-surface-elevated-2);
-		border: 1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
-		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
-		border-radius: 0.75rem;
-		margin-bottom: 0.75rem;
-	}
-
-	.task-item {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		min-height: 2.5rem; /* matches notepad --line-height */
-		padding: 0 1.5rem;
-		border-radius: 0;
-		background: transparent;
-		backdrop-filter: none;
-		-webkit-backdrop-filter: none;
-		border: none;
-		border-bottom: none;
-		box-shadow: none;
-		transition: all 0.2s;
-	}
-
-	.task-item-wrapper.expanded .task-item {
-		background: transparent;
-		border: none;
-		box-shadow: none;
-		backdrop-filter: none;
-		border-radius: 0.75rem 0.75rem 0 0;
-		border-bottom: 1px solid var(--color-border);
-	}
-
-	.task-item:hover {
-		background: transparent;
-	}
-
-	.task-item.completed {
-		opacity: 0.6;
-	}
-
-	/* Completing animation */
-	.task-item.completing {
-		background: color-mix(in srgb, var(--color-success) 8%, transparent);
-	}
-
-	/* Drag handle — sticks out left beyond the content area */
-	.drag-handle {
-		cursor: grab;
-		opacity: 0;
-		transition: opacity 0.15s;
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0.25rem 0.25rem;
-		margin-left: -2rem;
-		margin-right: -0.5rem;
-		margin-top: 0.125rem;
-		border-radius: 0.25rem;
-	}
-
-	.task-item:hover .drag-handle {
-		opacity: 0.4;
-	}
-
-	.drag-handle:hover {
-		opacity: 0.8 !important;
-		background: var(--color-surface-hover);
-	}
-
-	.drag-handle:active {
-		cursor: grabbing;
-		opacity: 1 !important;
-	}
-
-	.drag-icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		color: currentColor;
-	}
-
-	/* During drag, disable pointer events on interactive elements */
-	:global([aria-grabbed='true']) .task-checkbox,
-	:global([aria-grabbed='true']) .task-content,
-	:global([aria-grabbed='true']) .expand-btn,
-	:global([aria-grabbed='true']) .detail-btn {
-		pointer-events: none;
-	}
-
-	/* Detail modal button */
-	.detail-btn {
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border: none;
-		background: transparent;
-		color: var(--color-muted-foreground);
-		cursor: pointer;
-		border-radius: 0.375rem;
-		opacity: 0;
-		pointer-events: none;
-		transition: all 0.15s;
-		padding: 0;
-	}
-
-	.task-item:hover .detail-btn {
-		opacity: 1;
-		pointer-events: auto;
-	}
-
-	.detail-btn:hover {
-		color: var(--color-primary);
-		background: color-mix(in srgb, var(--color-primary) 10%, transparent);
-		opacity: 1;
-	}
-
-	/* Checkbox with priority color fill */
-	.task-checkbox {
-		margin-top: 0.1875rem;
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 9999px;
-		border: 2px solid var(--priority-color, rgba(0, 0, 0, 0.2));
-		background: color-mix(in srgb, var(--priority-color) 15%, transparent);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		transition: all 0.15s;
-		flex-shrink: 0;
-		padding: 0;
-	}
-
-	:global(.dark) .task-checkbox {
-		border-color: var(--priority-color, rgba(255, 255, 255, 0.3));
-		background: color-mix(in srgb, var(--priority-color) 20%, transparent);
-	}
-
-	.task-checkbox:hover {
-		background: color-mix(in srgb, var(--priority-color) 35%, transparent);
-	}
-
-	/* Priority: low — dashed thin border */
-	.task-checkbox.priority-low {
-		border-style: dashed;
-		border-width: 1.5px;
-	}
-
-	/* Priority: medium — normal solid border */
-	.task-checkbox.priority-medium {
-		border-width: 2px;
-	}
-
-	/* Priority: high — thick border */
-	.task-checkbox.priority-high {
-		border-width: 3px;
-	}
-
-	/* Priority: urgent — thick border + exclamation mark */
-	.task-checkbox.priority-urgent {
-		border-width: 3px;
-	}
-
-	.priority-bang {
-		font-size: 0.6875rem;
-		font-weight: 800;
-		line-height: 1;
-		color: var(--priority-color);
-		pointer-events: none;
-	}
-
-	.task-checkbox.checked {
-		background: var(--color-primary);
-		border-color: var(--color-primary);
-		border-style: solid;
-	}
-
-	.task-checkbox.checked .priority-bang {
-		display: none;
-	}
-
-	.task-checkbox.animating {
-		background: var(--color-success);
-		border-color: var(--color-success);
-		border-style: solid;
-		transform: scale(1.2);
-	}
-
-	.check-icon {
-		width: 0.75rem;
-		height: 0.75rem;
-		color: white;
-	}
-
-	.check-icon.animate-check {
-		animation: drawCheck 0.3s ease-out forwards;
-	}
-
-	.check-icon.animate-check path {
-		stroke-dasharray: 24;
-		stroke-dashoffset: 24;
-		animation: drawPath 0.3s ease-out forwards;
-	}
-
-	@keyframes drawPath {
-		to {
-			stroke-dashoffset: 0;
-		}
-	}
-
-	@keyframes drawCheck {
-		0% {
-			transform: scale(0.5);
-			opacity: 0;
-		}
-		50% {
-			transform: scale(1.2);
-		}
-		100% {
-			transform: scale(1);
-			opacity: 1;
-		}
-	}
-
-	/* Content */
-	.task-content {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		gap: 0.25rem;
-	}
-
-	.task-title {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: var(--color-foreground);
-		white-space: normal;
-		word-break: break-word;
-		cursor: text;
-		border-radius: 0.25rem;
-		padding: 0.125rem 0.25rem;
-		margin: -0.125rem -0.25rem;
-		user-select: none;
-	}
-
-	.task-title:hover {
-		background: color-mix(in srgb, var(--color-primary) 5%, transparent);
-	}
-
-	.task-title.line-through {
-		text-decoration: line-through;
-		color: var(--color-muted-foreground);
-	}
-
-	.task-title-edit {
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: var(--color-foreground);
-		background: color-mix(in srgb, var(--color-primary) 6%, transparent);
-		border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
-		border-radius: 0.25rem;
-		padding: 0.125rem 0.25rem;
-		margin: -0.125rem -0.25rem;
-		outline: none;
-		width: calc(100% + 0.5rem);
-		word-break: break-word;
-	}
-
-	/* Meta info */
-	.task-meta {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		flex-wrap: wrap;
-	}
-
-	.meta-item {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		font-size: 0.75rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.meta-icon {
-		width: 0.75rem;
-		height: 0.75rem;
-	}
-
-	.label-tag {
-		font-size: 0.625rem;
-		padding: 0.125rem 0.5rem;
-		border-radius: 9999px;
-		background: color-mix(in srgb, var(--label-color) 15%, transparent);
-		color: var(--label-color);
-		font-weight: 500;
-	}
-
-	/* Contacts display */
-	.contacts-display {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		flex-shrink: 0;
-	}
-
-	.assignee-avatar {
-		position: relative;
-	}
-
-	.assignee-avatar::after {
-		content: '';
-		position: absolute;
-		bottom: -1px;
-		right: -1px;
-		width: 6px;
-		height: 6px;
-		background: var(--color-primary);
-		border-radius: 50%;
-		border: 1px solid var(--color-surface-elevated-2);
-	}
-
-	.involved-avatars {
-		display: flex;
-		align-items: center;
-	}
-
-	.involved-avatar {
-		margin-left: -0.375rem;
-	}
-
-	.involved-avatar:first-child {
-		margin-left: 0;
-	}
-
-	.more-contacts {
-		font-size: 0.625rem;
-		color: var(--color-muted-foreground);
-		margin-left: 0.25rem;
-		font-weight: 500;
-	}
-
-	/* Due date */
-	.due-date {
-		font-size: 0.75rem;
-		color: var(--color-muted-foreground);
-		flex-shrink: 0;
-		white-space: nowrap;
-		margin-top: 0.25rem;
-	}
-
-	.due-date.overdue {
-		color: var(--color-error);
-	}
-
-	.due-date.today {
-		color: var(--color-warning);
-	}
-
-	/* Completed date toggle */
-	.completed-date-toggle {
-		display: flex;
-		flex-direction: column;
-		align-items: flex-end;
-		gap: 0.125rem;
-		flex-shrink: 0;
-		background: none;
-		border: none;
-		cursor: pointer;
-		padding: 0.125rem 0;
-		opacity: 0.7;
-		transition: opacity 0.15s;
-	}
-
-	.completed-date-toggle:hover {
-		opacity: 1;
-	}
-
-	.completed-date-toggle .date-label {
-		font-size: 0.625rem;
-		text-transform: uppercase;
-		letter-spacing: 0.03em;
-		color: #9ca3af;
-		line-height: 1;
-	}
-
-	.completed-date-toggle .date-value {
-		font-size: 0.6875rem;
-		color: #6b7280;
-		white-space: nowrap;
-		line-height: 1.2;
-	}
-
-	:global(.dark) .completed-date-toggle .date-value {
-		color: #9ca3af;
-	}
-
-	/* Expand button */
-	.expand-btn {
-		padding: 0.25rem;
-		border: none;
-		background: transparent;
-		color: var(--color-muted-foreground);
-		cursor: pointer;
-		border-radius: 9999px;
-		transition: all 0.15s;
-		flex-shrink: 0;
-	}
-
-	.expand-btn:hover {
-		color: var(--color-primary);
-		background: color-mix(in srgb, var(--color-primary) 10%, transparent);
-	}
-
-	.expand-icon {
-		width: 1rem;
-		height: 1rem;
-		transition: transform 0.2s ease;
-	}
-
-	.expand-icon.rotated {
-		transform: rotate(180deg);
-	}
-
-	/* Expanded form */
-	.expanded-form {
-		padding: 1rem;
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-		animation: slideDown 0.2s ease-out;
-	}
-
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.form-section {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.form-label {
-		font-size: 0.75rem;
-		font-weight: 600;
-		color: var(--color-foreground);
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-	}
-
-	.form-sublabel {
-		font-size: 0.6875rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.form-row {
-		display: grid;
-		grid-template-columns: repeat(3, 1fr);
-		gap: 0.5rem;
-	}
-
-	.form-row-2 {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.75rem;
-	}
-
-	.form-row-3 {
-		display: grid;
-		grid-template-columns: repeat(3, 1fr);
-		gap: 0.75rem;
-	}
-
-	@media (max-width: 480px) {
-		.form-row,
-		.form-row-2,
-		.form-row-3 {
-			grid-template-columns: 1fr;
-		}
-	}
-
-	.form-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.form-input,
-	.form-textarea,
-	.form-select,
-	.form-input-sm {
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		border: 1px solid var(--color-border);
-		border-radius: 0.5rem;
-		background: var(--color-surface);
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-		transition: all 0.15s;
-	}
-
-	.form-input:focus,
-	.form-textarea:focus,
-	.form-select:focus,
-	.form-input-sm:focus {
-		outline: none;
-		border-color: var(--color-primary);
-		box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 10%, transparent);
-	}
-
-	.form-input-sm {
-		padding: 0.375rem 0.5rem;
-		font-size: 0.8125rem;
-	}
-
-	.form-textarea {
-		resize: vertical;
-		min-height: 60px;
-	}
-
-	/* Action buttons */
-	.form-actions {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding-top: 0.75rem;
-		border-top: 1px solid var(--color-border);
-		margin-top: 0.5rem;
-	}
-
-	.btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.375rem;
-		padding: 0.5rem 1rem;
-		border: none;
-		border-radius: 0.5rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.btn-danger {
-		background: color-mix(in srgb, var(--color-error) 10%, transparent);
-		color: var(--color-error);
-	}
-
-	.btn-danger:hover:not(:disabled) {
-		background: var(--color-error);
-		color: white;
-	}
-
-	/* ── Inline subtasks ────────────────────────────── */
-	.subtasks-inline {
-		display: flex;
-		flex-direction: column;
-		/* align with task title: padding-left + gap + checkbox + gap */
-		padding: 0.125rem 1.5rem 0.375rem calc(1.5rem + 1.25rem + 1.25rem);
-		position: relative;
-	}
-
-	.subtasks-inline::before {
-		content: '';
-		position: absolute;
-		left: calc(1.5rem + 0.625rem + 0.625rem);
-		top: 0;
-		bottom: 0.375rem;
-		width: 1px;
-		background: rgba(0, 0, 0, 0.1);
-	}
-
-	:global(.dark) .subtasks-inline::before {
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.subtask-row {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.1875rem 0;
-		background: none;
-		border: none;
-		cursor: pointer;
-		text-align: left;
-		width: 100%;
-		border-radius: 0.25rem;
-		transition: background 0.1s;
-	}
-
-	.subtask-row:hover {
-		background: rgba(0, 0, 0, 0.03);
-	}
-
-	:global(.dark) .subtask-row:hover {
-		background: rgba(255, 255, 255, 0.04);
-	}
-
-	.subtask-check {
-		width: 0.875rem;
-		height: 0.875rem;
-		border-radius: 50%;
-		border: 1.5px solid rgba(0, 0, 0, 0.2);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-shrink: 0;
-		transition: all 0.15s;
-		color: white;
-	}
-
-	:global(.dark) .subtask-check {
-		border-color: rgba(255, 255, 255, 0.25);
-	}
-
-	.subtask-check.checked {
-		background: #8b5cf6;
-		border-color: #8b5cf6;
-	}
-
-	.subtask-title {
-		font-size: 0.8125rem;
-		color: #374151;
-		line-height: 1.4;
-	}
-
-	:global(.dark) .subtask-title {
-		color: #d1d5db;
-	}
-
-	.subtask-row.done .subtask-title {
-		text-decoration: line-through;
-		color: #9ca3af;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/TaskList.svelte b/apps/todo/apps/web-archived/src/lib/components/TaskList.svelte
deleted file mode 100644
index ef9ab882b..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/TaskList.svelte
+++ /dev/null
@@ -1,445 +0,0 @@
-<script lang="ts">
-	import { dndzone, SHADOW_PLACEHOLDER_ITEM_ID } from 'svelte-dnd-action';
-	import type { Task, UpdateTaskInput } from '@todo/shared';
-	import TaskItem from './TaskItem.svelte';
-	import { getContext, untrack } from 'svelte';
-	import { tasksStore } from '$lib/stores/tasks.svelte';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import {
-		PencilSimple,
-		CheckSquare,
-		ArrowCircleUp,
-		ArrowDown,
-		ArrowRight,
-		ArrowUp,
-		Lightning,
-		Trash,
-	} from '@manacore/shared-icons';
-	import { TodoEvents } from '@manacore/shared-utils/analytics';
-	import {
-		dropTarget,
-		registerSvelteActionDrag,
-		clearSvelteActionDrag,
-	} from '@manacore/shared-ui/dnd';
-	import type { DragPayload, TagDragData } from '@manacore/shared-ui/dnd';
-
-	// Context menu state
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuTask = $state<Task | null>(null);
-
-	function handleContextMenu(e: MouseEvent, task: Task) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuTask = task;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		if (!contextMenuTask) return [];
-		const task = contextMenuTask;
-
-		const items: ContextMenuItem[] = [
-			{
-				id: 'edit',
-				label: 'Bearbeiten',
-				icon: PencilSimple,
-				action: () => handleExpandTask(task.id),
-			},
-			{
-				id: 'toggle-complete',
-				label: task.isCompleted ? 'Als offen markieren' : 'Als erledigt markieren',
-				icon: task.isCompleted ? ArrowCircleUp : CheckSquare,
-				action: () => handleToggleComplete(task),
-			},
-			{ id: 'divider-1', label: '', type: 'divider' },
-			{
-				id: 'priority-low',
-				label: 'Niedrig',
-				icon: ArrowDown,
-				action: () => handleSetPriority(task.id, 'low'),
-				disabled: task.priority === 'low',
-			},
-			{
-				id: 'priority-medium',
-				label: 'Mittel',
-				icon: ArrowRight,
-				action: () => handleSetPriority(task.id, 'medium'),
-				disabled: task.priority === 'medium',
-			},
-			{
-				id: 'priority-high',
-				label: 'Hoch',
-				icon: ArrowUp,
-				action: () => handleSetPriority(task.id, 'high'),
-				disabled: task.priority === 'high',
-			},
-			{
-				id: 'priority-urgent',
-				label: 'Dringend',
-				icon: Lightning,
-				action: () => handleSetPriority(task.id, 'urgent'),
-				disabled: task.priority === 'urgent',
-			},
-		];
-
-		items.push({ id: 'divider-2', label: '', type: 'divider' });
-		items.push({
-			id: 'delete',
-			label: 'Löschen',
-			icon: Trash,
-			variant: 'danger',
-			action: () => handleDelete(task.id),
-		});
-
-		return items;
-	}
-
-	async function handleSetPriority(taskId: string, priority: string) {
-		await tasksStore.updateTask(taskId, { priority: priority as Task['priority'] });
-		TodoEvents.priorityChanged(priority);
-	}
-
-	interface Props {
-		tasks: Task[];
-		showCompleted?: boolean;
-		enableDragDrop?: boolean;
-		dropTargetDate?: Date | 'completed' | 'overdue';
-		onEditTask?: (task: Task) => void;
-		onTaskDrop?: (taskId: string, targetDate: Date | 'completed' | 'overdue') => void;
-	}
-
-	let {
-		tasks,
-		showCompleted = false,
-		enableDragDrop = false,
-		dropTargetDate,
-		onEditTask,
-		onTaskDrop,
-	}: Props = $props();
-
-	// Track which task is expanded for inline editing
-	let expandedTaskId = $state<string | null>(null);
-
-	function handleExpandTask(taskId: string) {
-		// Toggle - if same task clicked, collapse it
-		if (expandedTaskId === taskId) {
-			expandedTaskId = null;
-		} else {
-			expandedTaskId = taskId;
-		}
-	}
-
-	function handleCollapseTask() {
-		expandedTaskId = null;
-	}
-
-	async function handleSaveTask(taskId: string, data: UpdateTaskInput) {
-		try {
-			// Update task
-			const updateData = {
-				...data,
-				metadata: data.metadata as { [key: string]: unknown } | null | undefined,
-			};
-			await tasksStore.updateTask(taskId, updateData);
-
-			// Update labels if provided
-			if (data.labelIds !== undefined) {
-				await tasksStore.updateLabels(taskId, data.labelIds);
-			}
-		} catch (error) {
-			console.error('Failed to save task:', error);
-		}
-	}
-
-	// Local mutable state for dnd-zone
-	let items = $state<Task[]>([]);
-
-	// Track which task is being animated for completion
-	let animatingTaskId = $state<string | null>(null);
-
-	// After a drop, ignore external syncs until the timeout clears
-	let dropInProgress = false;
-
-	// Sync items with tasks prop — but preserve local order during/after DnD
-	$effect(() => {
-		// Subscribe to tasks (the reactive dependency)
-		const currentTasks = tasks;
-
-		// Read items without subscribing to avoid infinite loop
-		untrack(() => {
-			const taskIds = new Set(currentTasks.map((t) => t.id));
-			const itemIds = new Set(items.map((t) => t.id));
-
-			// Check if the actual set of IDs changed (task added or removed)
-			const idsChanged =
-				taskIds.size !== itemIds.size ||
-				currentTasks.some((t) => !itemIds.has(t.id)) ||
-				items.some((t) => !taskIds.has(t.id));
-
-			if (idsChanged) {
-				// Real structural change — full resync
-				items = [...currentTasks];
-				dropInProgress = false;
-			} else if (!dropInProgress) {
-				// Same IDs — update task data in current order (no reorder flicker)
-				const taskMap = new Map(currentTasks.map((t) => [t.id, t]));
-				items = items.map((item) => taskMap.get(item.id) || item);
-			}
-		});
-	});
-
-	const flipDurationMs = 200;
-
-	function handleDndConsider(e: CustomEvent<{ items: Task[]; info: { id: string } }>) {
-		items = e.detail.items;
-		// Inform passive drop zones that a task is being dragged
-		registerSvelteActionDrag({
-			type: 'task',
-			data: { id: e.detail.info.id, title: '' },
-		});
-	}
-
-	function handleDndFinalize(e: CustomEvent<{ items: Task[]; info: { id: string } }>) {
-		const newItems = e.detail.items.filter((t) => t.id !== SHADOW_PLACEHOLDER_ITEM_ID);
-		const movedTaskId = e.detail.info.id;
-
-		// Check if this task came from another list (dropped INTO this list)
-		const wasInThisList = tasks.some((t) => t.id === movedTaskId);
-
-		if (!wasInThisList && dropTargetDate && onTaskDrop) {
-			// If dropping into completed section, animate first
-			if (dropTargetDate === 'completed') {
-				animatingTaskId = movedTaskId;
-				setTimeout(() => {
-					animatingTaskId = null;
-					onTaskDrop(movedTaskId, dropTargetDate);
-				}, 500);
-			} else {
-				// Task moved FROM another section TO this section
-				onTaskDrop(movedTaskId, dropTargetDate);
-			}
-		} else if (wasInThisList) {
-			// Task reordered within this list - persist the new order
-			const taskIds = newItems.map((t) => t.id);
-			tasksStore.reorderTasks(taskIds);
-		}
-
-		// Update local state and block sync from reverting order
-		items = newItems;
-		dropInProgress = true;
-		setTimeout(() => {
-			dropInProgress = false;
-		}, 1000);
-
-		// Clear passive drop zone state
-		clearSvelteActionDrag();
-	}
-
-	async function handleToggleComplete(task: Task) {
-		if (task.isCompleted) {
-			await tasksStore.uncompleteTask(task.id);
-		} else {
-			await tasksStore.completeTask(task.id);
-		}
-	}
-
-	async function handleDelete(taskId: string) {
-		await tasksStore.deleteTask(taskId);
-	}
-
-	// ── DnD Layer 1: handle tag dropped onto a task ─────────
-	function handleTagDrop(task: Task, payload: DragPayload) {
-		const tagData = payload.data as TagDragData;
-		const currentLabels: string[] = (task.metadata as { labelIds?: string[] })?.labelIds ?? [];
-		if (!currentLabels.includes(tagData.id)) {
-			tasksStore.updateLabels(task.id, [...currentLabels, tagData.id]);
-		}
-	}
-
-	function tagNotAlreadyOnTask(task: Task) {
-		return (payload: DragPayload) => {
-			const tagData = payload.data as TagDragData;
-			const currentLabels: string[] = (task.metadata as { labelIds?: string[] })?.labelIds ?? [];
-			return !currentLabels.includes(tagData.id);
-		};
-	}
-</script>
-
-{#if enableDragDrop}
-	<div
-		class="task-list"
-		class:empty={items.length === 0}
-		use:dndzone={{
-			items,
-			flipDurationMs,
-			dropTargetStyle: {},
-			dropTargetClasses: [],
-			type: 'homepage-tasks',
-		}}
-		onconsider={handleDndConsider}
-		onfinalize={handleDndFinalize}
-	>
-		{#each items as task (task.id)}
-			{#if task.id === SHADOW_PLACEHOLDER_ITEM_ID}
-				<div class="dnd-shadow-placeholder"></div>
-			{:else}
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<div
-					oncontextmenu={(e) => handleContextMenu(e, task)}
-					use:dropTarget={{
-						accepts: ['tag'],
-						onDrop: (payload) => handleTagDrop(task, payload),
-						canDrop: tagNotAlreadyOnTask(task),
-					}}
-				>
-					<TaskItem
-						{task}
-						{showCompleted}
-						animateComplete={animatingTaskId === task.id}
-						isExpanded={expandedTaskId === task.id}
-						onToggleComplete={() => handleToggleComplete(task)}
-						onDelete={() => handleDelete(task.id)}
-						onExpand={() => handleExpandTask(task.id)}
-						onCollapse={handleCollapseTask}
-						onSave={(data) => handleSaveTask(task.id, data)}
-					/>
-				</div>
-			{/if}
-		{/each}
-		{#if items.length === 0}
-			<div class="empty-placeholder">
-				<span>Aufgabe hierher ziehen</span>
-			</div>
-		{/if}
-	</div>
-{:else}
-	<div class="task-list">
-		{#each tasks as task (task.id)}
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div
-				oncontextmenu={(e) => handleContextMenu(e, task)}
-				use:dropTarget={{
-					accepts: ['tag'],
-					onDrop: (payload) => handleTagDrop(task, payload),
-					canDrop: tagNotAlreadyOnTask(task),
-				}}
-			>
-				<TaskItem
-					{task}
-					{showCompleted}
-					animateComplete={animatingTaskId === task.id}
-					isExpanded={expandedTaskId === task.id}
-					onToggleComplete={() => handleToggleComplete(task)}
-					onDelete={() => handleDelete(task.id)}
-					onExpand={() => handleExpandTask(task.id)}
-					onCollapse={handleCollapseTask}
-					onSave={(data) => handleSaveTask(task.id, data)}
-				/>
-			</div>
-		{/each}
-	</div>
-{/if}
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => {
-		contextMenuVisible = false;
-		contextMenuTask = null;
-	}}
-/>
-
-<style>
-	.task-list {
-		min-height: 2.5rem;
-		padding: 0;
-		border-radius: 0;
-		transition: background-color 0.15s ease;
-	}
-
-	.task-list.empty {
-		border: 2px dashed rgba(0, 0, 0, 0.15);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	:global(.dark) .task-list.empty {
-		border-color: rgba(255, 255, 255, 0.2);
-	}
-
-	.empty-placeholder {
-		color: var(--color-muted-foreground, #9ca3af);
-		font-size: 0.875rem;
-		padding: 1rem;
-		text-align: center;
-		opacity: 0.5;
-	}
-
-	/* Dragged item styling */
-	:global([aria-grabbed='true']) {
-		opacity: 0.9;
-		transform: scale(1.02);
-		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-		border-radius: 0.5rem;
-		background: rgba(255, 255, 255, 0.95);
-		z-index: 100;
-	}
-
-	:global(.dark [aria-grabbed='true']) {
-		background: rgba(40, 40, 40, 0.95);
-		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-	}
-
-	.dnd-shadow-placeholder {
-		min-height: 2.5rem;
-	}
-
-	/* Shadow placeholder (where dragged item will land) */
-	:global(.task-list [data-is-dnd-shadow-item-hint]) {
-		background: rgba(139, 92, 246, 0.06);
-		border-radius: 0.375rem;
-		border: 1px dashed rgba(139, 92, 246, 0.3);
-		visibility: visible !important;
-	}
-
-	:global(.dark .task-list [data-is-dnd-shadow-item-hint]) {
-		background: rgba(139, 92, 246, 0.1);
-		border-color: rgba(139, 92, 246, 0.4);
-	}
-
-	/* Tag-on-Task drop target hover */
-	:global(.mana-drop-target-hover) {
-		outline: 2px solid var(--color-primary, #8b5cf6);
-		outline-offset: -2px;
-		border-radius: 0.375rem;
-		background: rgba(139, 92, 246, 0.06);
-		transition: all 0.15s ease;
-	}
-
-	:global(.dark .mana-drop-target-hover) {
-		background: rgba(139, 92, 246, 0.12);
-	}
-
-	/* Brief success pulse after tag assigned */
-	:global(.mana-drop-target-success) {
-		animation: drop-success-pulse 400ms ease-out;
-	}
-
-	@keyframes drop-success-pulse {
-		0% {
-			outline-color: #10b981;
-			background: rgba(16, 185, 129, 0.1);
-		}
-		100% {
-			outline-color: transparent;
-			background: transparent;
-		}
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/TodoToolbar.svelte b/apps/todo/apps/web-archived/src/lib/components/TodoToolbar.svelte
deleted file mode 100644
index 00770b36b..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/TodoToolbar.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { ExpandableToolbar } from '@manacore/shared-ui';
-	import TodoToolbarContent from './TodoToolbarContent.svelte';
-	import { t } from 'svelte-i18n';
-
-	interface Props {
-		isCollapsed?: boolean;
-		bottomOffset?: string;
-		onCollapsedChange?: (isCollapsed: boolean) => void;
-	}
-
-	let { isCollapsed = true, bottomOffset = '70px', onCollapsedChange }: Props = $props();
-</script>
-
-<ExpandableToolbar
-	{isCollapsed}
-	{onCollapsedChange}
-	{bottomOffset}
-	collapsedTitle={$t('toolbar.taskOptions')}
-	expandedTitle={$t('common.close')}
->
-	{#snippet collapsedIcon()}
-		<!-- Task/list icon -->
-		<path
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			stroke-width="2"
-			d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
-		/>
-	{/snippet}
-
-	<TodoToolbarContent />
-</ExpandableToolbar>
diff --git a/apps/todo/apps/web-archived/src/lib/components/TodoToolbarContent.svelte b/apps/todo/apps/web-archived/src/lib/components/TodoToolbarContent.svelte
deleted file mode 100644
index b09fdc2b7..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/TodoToolbarContent.svelte
+++ /dev/null
@@ -1,375 +0,0 @@
-<script lang="ts">
-	import type { TaskPriority } from '@todo/shared';
-	import { PRIORITY_OPTIONS } from '@todo/shared';
-	import { viewStore, type SortBy } from '$lib/stores/view.svelte';
-	import { todoSettings } from '$lib/stores/settings.svelte';
-	import { PillToolbarButton, PillToolbarDivider, PillViewSwitcher } from '@manacore/shared-ui';
-	import { CheckCircle, Columns, Funnel } from '@manacore/shared-icons';
-	import { t } from 'svelte-i18n';
-
-	interface Props {
-		/** Vertical layout (for sidebar mode) */
-		vertical?: boolean;
-		/** Current sort field */
-		sortBy?: SortBy;
-		/** Sort change callback */
-		onSortChange?: (sortBy: SortBy) => void;
-		/** Show completed tasks toggle */
-		showCompleted?: boolean;
-		/** Toggle show completed callback */
-		onToggleShowCompleted?: () => void;
-	}
-
-	let {
-		vertical = false,
-		sortBy = viewStore.sortBy,
-		onSortChange = (s: SortBy) => viewStore.setSort(s, viewStore.sortOrder),
-		showCompleted = viewStore.showCompleted,
-		onToggleShowCompleted = () => viewStore.toggleShowCompleted(),
-	}: Props = $props();
-
-	// Filter dropdown states
-	let showFilterDropdown = $state(false);
-	let selectedPriorityFilters = $state<TaskPriority[]>([]);
-	let selectedLabelFilters = $state<string[]>([]);
-
-	let priorities = $derived([
-		{ value: 'urgent' as TaskPriority, label: $t('priority.urgent'), color: '#ef4444' },
-		{ value: 'high' as TaskPriority, label: $t('priority.high'), color: '#f97316' },
-		{ value: 'medium' as TaskPriority, label: $t('priority.medium'), color: '#eab308' },
-		{ value: 'low' as TaskPriority, label: $t('priority.low'), color: '#3b82f6' },
-	]);
-
-	// Sort options
-	let sortOptions = $derived([
-		{ id: 'dueDate', label: $t('filters.date'), title: $t('filters.sortByDueDate') },
-		{ id: 'priority', label: $t('task.priority'), title: $t('filters.sortByPriority') },
-		{ id: 'title', label: $t('filters.name'), title: $t('filters.sortAlphabetical') },
-	]);
-
-	// Count active filters
-	let activeFilterCount = $derived(selectedPriorityFilters.length + selectedLabelFilters.length);
-
-	function handleSortChange(value: string) {
-		onSortChange(value as SortBy);
-	}
-
-	function closeAllDropdowns() {
-		showFilterDropdown = false;
-	}
-
-	function togglePriorityFilter(priority: TaskPriority) {
-		if (selectedPriorityFilters.includes(priority)) {
-			selectedPriorityFilters = selectedPriorityFilters.filter((p) => p !== priority);
-		} else {
-			selectedPriorityFilters = [...selectedPriorityFilters, priority];
-		}
-	}
-
-	function clearAllFilters() {
-		selectedPriorityFilters = [];
-		selectedLabelFilters = [];
-	}
-</script>
-
-<svelte:window onclick={closeAllDropdowns} />
-
-<div class="toolbar-content" class:vertical>
-	<!-- Board View Button — cycle layout mode -->
-	<PillToolbarButton
-		onclick={() => {
-			const modes = ['fokus', 'uebersicht', 'matrix'] as const;
-			const idx = modes.indexOf(todoSettings.activeLayoutMode);
-			todoSettings.set('activeLayoutMode', modes[(idx + 1) % modes.length]);
-		}}
-		title={$t('toolbar.switchView')}
-	>
-		<Columns size={20} />
-	</PillToolbarButton>
-
-	{#if !vertical}
-		<PillToolbarDivider />
-	{/if}
-
-	<!-- Filter Button -->
-	<div class="filter-dropdown-container" onclick={(e) => e.stopPropagation()}>
-		<PillToolbarButton
-			onclick={() => {
-				showFilterDropdown = !showFilterDropdown;
-			}}
-			active={activeFilterCount > 0}
-			title="Filter"
-		>
-			<Funnel size={20} />
-			{#if activeFilterCount > 0}
-				<span class="filter-count">{activeFilterCount}</span>
-			{/if}
-		</PillToolbarButton>
-
-		{#if showFilterDropdown}
-			<div class="filter-dropdown" class:vertical onclick={(e) => e.stopPropagation()}>
-				<div class="filter-section">
-					<div class="filter-section-header">{$t('task.priority')}</div>
-					<div class="filter-chips">
-						{#each priorities as priority}
-							<button
-								type="button"
-								class="filter-chip"
-								class:selected={selectedPriorityFilters.includes(priority.value)}
-								onclick={() => togglePriorityFilter(priority.value)}
-							>
-								<span class="chip-dot" style="background-color: {priority.color}"></span>
-								{priority.label}
-							</button>
-						{/each}
-					</div>
-				</div>
-
-				{#if activeFilterCount > 0}
-					<button type="button" class="clear-filters-btn" onclick={clearAllFilters}>
-						{$t('filters.resetAll')}
-					</button>
-				{/if}
-			</div>
-		{/if}
-	</div>
-
-	{#if !vertical}
-		<PillToolbarDivider />
-	{/if}
-
-	<!-- Sort Toggle -->
-	<PillViewSwitcher
-		options={sortOptions}
-		value={sortBy}
-		onChange={handleSortChange}
-		embedded={true}
-	/>
-
-	{#if !vertical}
-		<PillToolbarDivider />
-	{/if}
-
-	<!-- Show Completed Toggle -->
-	<PillToolbarButton
-		onclick={onToggleShowCompleted}
-		active={showCompleted}
-		title={showCompleted ? $t('filters.hideCompleted') : $t('filters.showCompleted')}
-	>
-		<CheckCircle size={20} />
-	</PillToolbarButton>
-</div>
-
-<style>
-	.toolbar-content {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	.toolbar-content.vertical {
-		flex-direction: column;
-		align-items: stretch;
-		gap: 0.5rem;
-		width: 100%;
-	}
-
-	/* All elements in vertical mode - full width, left aligned */
-	.toolbar-content.vertical :global(.pill-toolbar-btn),
-	.toolbar-content.vertical :global(.pill-dropdown .trigger-button),
-	.toolbar-content.vertical :global(button) {
-		width: 100%;
-		justify-content: flex-start;
-		text-align: left;
-	}
-
-	/* PillViewSwitcher in vertical mode */
-	.toolbar-content.vertical :global(.pill-view-switcher) {
-		flex-direction: column;
-		gap: 0.25rem;
-		padding: 0;
-		background: transparent;
-		border: none;
-		box-shadow: none;
-		width: 100%;
-	}
-
-	/* Hide the sliding indicator in vertical mode */
-	.toolbar-content.vertical :global(.pill-view-switcher .sliding-indicator) {
-		display: none;
-	}
-
-	.toolbar-content.vertical :global(.pill-view-switcher .switcher-btn) {
-		width: 100%;
-		justify-content: flex-start;
-		padding: 0.5rem 0.875rem;
-		border-radius: 9999px;
-		background: transparent;
-		border: 1px solid transparent;
-	}
-
-	.toolbar-content.vertical :global(.pill-view-switcher .switcher-btn:hover) {
-		background: hsl(var(--color-foreground) / 0.05);
-	}
-
-	.toolbar-content.vertical :global(.pill-view-switcher .switcher-btn.active) {
-		background: hsl(var(--color-primary) / 0.15);
-		border-color: hsl(var(--color-primary) / 0.25);
-	}
-
-	/* Filter dropdown container */
-	.filter-dropdown-container {
-		position: relative;
-		display: flex;
-		align-items: center;
-	}
-
-	.filter-count {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-width: 1rem;
-		height: 1rem;
-		padding: 0 0.25rem;
-		font-size: 0.625rem;
-		font-weight: 600;
-		color: white;
-		background: #8b5cf6;
-		border-radius: 9999px;
-	}
-
-	.filter-dropdown {
-		position: absolute;
-		bottom: calc(100% + 0.5rem);
-		left: 50%;
-		transform: translateX(-50%);
-		min-width: 260px;
-		padding: 0.75rem;
-		background: var(--color-surface-elevated-3);
-		border: 1px solid var(--color-border);
-		border-radius: 0.75rem;
-		box-shadow: var(--shadow-xl);
-		z-index: 100;
-	}
-
-	/* Dropdown in vertical mode opens downward */
-	.filter-dropdown.vertical {
-		bottom: auto;
-		top: calc(100% + 0.5rem);
-	}
-
-	.filter-section {
-		margin-bottom: 0.75rem;
-	}
-
-	.filter-section:last-of-type {
-		margin-bottom: 0;
-	}
-
-	.filter-section-header {
-		font-size: 0.6875rem;
-		font-weight: 600;
-		color: #6b7280;
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		margin-bottom: 0.5rem;
-	}
-
-	:global(.dark) .filter-section-header {
-		color: #9ca3af;
-	}
-
-	.filter-chips {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.375rem;
-	}
-
-	.filter-chip {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.625rem;
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: #374151;
-		background: rgba(0, 0, 0, 0.05);
-		border: 1px solid transparent;
-		border-radius: 9999px;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	:global(.dark) .filter-chip {
-		color: #f3f4f6;
-		background: rgba(255, 255, 255, 0.1);
-	}
-
-	.filter-chip:hover {
-		background: rgba(0, 0, 0, 0.1);
-	}
-
-	:global(.dark) .filter-chip:hover {
-		background: rgba(255, 255, 255, 0.15);
-	}
-
-	.filter-chip.selected {
-		background: rgba(139, 92, 246, 0.15);
-		border-color: rgba(139, 92, 246, 0.3);
-		color: #8b5cf6;
-	}
-
-	.chip-dot {
-		width: 0.5rem;
-		height: 0.5rem;
-		border-radius: 9999px;
-	}
-
-	.filter-select {
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		font-size: 0.8125rem;
-		color: #374151;
-		background: rgba(0, 0, 0, 0.05);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 0.5rem;
-		cursor: pointer;
-		transition: border-color 0.15s;
-	}
-
-	:global(.dark) .filter-select {
-		color: #f3f4f6;
-		background: rgba(255, 255, 255, 0.1);
-		border-color: rgba(255, 255, 255, 0.1);
-	}
-
-	.filter-select:hover {
-		border-color: rgba(139, 92, 246, 0.5);
-	}
-
-	.filter-select:focus {
-		outline: none;
-		border-color: #8b5cf6;
-	}
-
-	.clear-filters-btn {
-		width: 100%;
-		margin-top: 0.75rem;
-		padding: 0.5rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: #6b7280;
-		background: transparent;
-		border: none;
-		cursor: pointer;
-		transition: color 0.15s;
-	}
-
-	.clear-filters-btn:hover {
-		color: #374151;
-	}
-
-	:global(.dark) .clear-filters-btn:hover {
-		color: #f3f4f6;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/BoardViewRenderer.svelte b/apps/todo/apps/web-archived/src/lib/components/board-views/BoardViewRenderer.svelte
deleted file mode 100644
index b0e02026b..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/BoardViewRenderer.svelte
+++ /dev/null
@@ -1,132 +0,0 @@
-<script lang="ts">
-	import { getContext, hasContext, type Snippet } from 'svelte';
-	import type { Task } from '@todo/shared';
-	import type { LocalBoardView } from '$lib/data/local-store';
-	import { groupTasksByView, getDropActionUpdate } from '$lib/data/view-grouping';
-	import { tasksStore } from '$lib/stores/tasks.svelte';
-	import KanbanLayout from './KanbanLayout.svelte';
-	import GridLayout from './GridLayout.svelte';
-	import FokusLayout from './FokusLayout.svelte';
-
-	interface Props {
-		view: LocalBoardView;
-		layoutOverride?: 'kanban' | 'grid' | 'fokus';
-		onColumnRename?: (colIdx: number, name: string) => void;
-		onColumnColorChange?: (colIdx: number, color: string) => void;
-		onColumnMove?: (colIdx: number, dir: -1 | 1) => void;
-		onColumnDelete?: (colIdx: number) => void;
-		onColumnClose?: (colIdx: number) => void;
-		trailing?: Snippet;
-	}
-
-	let {
-		view,
-		layoutOverride,
-		onColumnRename,
-		onColumnColorChange,
-		onColumnMove,
-		onColumnDelete,
-		onColumnClose,
-		trailing,
-	}: Props = $props();
-
-	let activeLayout = $derived(layoutOverride || view.layout);
-
-	// Get tasks from context (set by layout)
-	const tasksCtx: { readonly value: Task[] } = getContext('tasks');
-
-	// Active tag filter (set by TagStrip via layout context)
-	const activeTagFilter: { readonly ids: string[] } | null = hasContext('activeTagFilter')
-		? getContext('activeTagFilter')
-		: null;
-
-	// Filter tasks by selected tags, then group by view configuration
-	let filteredTasks = $derived.by(() => {
-		const tagIds = activeTagFilter?.ids ?? [];
-		if (tagIds.length === 0) return tasksCtx.value;
-		return tasksCtx.value.filter((t) => t.labels?.some((l) => tagIds.includes(l.id)));
-	});
-
-	let columns = $derived(groupTasksByView(view, filteredTasks));
-
-	// ─── Task Callbacks ──────────────────────────────────────
-
-	function handleTaskDrop(taskId: string, columnId: string) {
-		const targetColumn = columns.find((c) => c.id === columnId);
-		if (!targetColumn?.onDrop) return;
-
-		const update = getDropActionUpdate(targetColumn.onDrop);
-		if (Object.keys(update).length > 0) {
-			tasksStore.updateTask(taskId, update);
-		}
-	}
-
-	function handleTaskToggle(task: Task) {
-		if (task.isCompleted) {
-			tasksStore.uncompleteTask(task.id);
-		} else {
-			tasksStore.completeTask(task.id);
-		}
-	}
-
-	function handleTaskDelete(taskId: string) {
-		tasksStore.deleteTask(taskId);
-	}
-
-	function handleTaskUpdate(taskId: string, data: Partial<Task>) {
-		const updateData: Record<string, unknown> = {};
-		if (data.title !== undefined) updateData.title = data.title;
-		if (data.description !== undefined) updateData.description = data.description;
-		if (data.dueDate !== undefined) {
-			updateData.dueDate = data.dueDate instanceof Date ? data.dueDate.toISOString() : data.dueDate;
-		}
-		if (data.priority !== undefined) updateData.priority = data.priority;
-		if (data.status !== undefined) updateData.status = data.status;
-		if (data.subtasks !== undefined) updateData.subtasks = data.subtasks;
-		if (data.recurrenceRule !== undefined) updateData.recurrenceRule = data.recurrenceRule;
-		if (data.metadata !== undefined) updateData.metadata = data.metadata;
-		if (data.labels !== undefined) updateData.labelIds = data.labels?.map((l) => l.id);
-
-		tasksStore.updateTask(taskId, updateData);
-	}
-</script>
-
-{#if activeLayout === 'fokus'}
-	<FokusLayout
-		{columns}
-		onTaskDrop={handleTaskDrop}
-		onTaskToggle={handleTaskToggle}
-		onTaskDelete={handleTaskDelete}
-		onTaskUpdate={handleTaskUpdate}
-		{onColumnRename}
-		{onColumnColorChange}
-		{onColumnMove}
-		{onColumnDelete}
-		{onColumnClose}
-		{trailing}
-	/>
-{:else if activeLayout === 'grid'}
-	<GridLayout
-		{columns}
-		onTaskDrop={handleTaskDrop}
-		onTaskToggle={handleTaskToggle}
-		onTaskDelete={handleTaskDelete}
-		onTaskUpdate={handleTaskUpdate}
-		{onColumnRename}
-		{onColumnColorChange}
-		{onColumnMove}
-		{onColumnDelete}
-	/>
-{:else}
-	<KanbanLayout
-		{columns}
-		onTaskDrop={handleTaskDrop}
-		onTaskToggle={handleTaskToggle}
-		onTaskDelete={handleTaskDelete}
-		onTaskUpdate={handleTaskUpdate}
-		{onColumnRename}
-		{onColumnColorChange}
-		{onColumnMove}
-		{onColumnDelete}
-	/>
-{/if}
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/FokusLayout.svelte b/apps/todo/apps/web-archived/src/lib/components/board-views/FokusLayout.svelte
deleted file mode 100644
index af29249ff..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/FokusLayout.svelte
+++ /dev/null
@@ -1,424 +0,0 @@
-<script lang="ts">
-	import { dndzone, SHADOW_PLACEHOLDER_ITEM_ID, type DndEvent } from 'svelte-dnd-action';
-	import { getContext, type Snippet } from 'svelte';
-	import { isToday } from 'date-fns';
-	import type { Task } from '@todo/shared';
-	import type { GroupedColumn } from '$lib/data/view-grouping';
-	import KanbanTaskCard from '../kanban/KanbanTaskCard.svelte';
-	import QuickAddTaskInline from '../kanban/QuickAddTaskInline.svelte';
-	import ViewColumnHeader from './ViewColumnHeader.svelte';
-	import { tasksStore } from '$lib/stores/tasks.svelte';
-	import { todoSettings } from '$lib/stores/settings.svelte';
-	import { X, DotsSixVertical } from '@manacore/shared-icons';
-	import { registerSvelteActionDrag, clearSvelteActionDrag } from '@manacore/shared-ui/dnd';
-
-	interface Props {
-		columns: GroupedColumn[];
-		onTaskDrop: (taskId: string, columnId: string) => void;
-		onTaskToggle: (task: Task) => void;
-		onTaskDelete: (taskId: string) => void;
-		onTaskUpdate: (taskId: string, data: Partial<Task>) => void;
-		onColumnRename?: (colIdx: number, name: string) => void;
-		onColumnColorChange?: (colIdx: number, color: string) => void;
-		onColumnMove?: (colIdx: number, dir: -1 | 1) => void;
-		onColumnDelete?: (colIdx: number) => void;
-		onColumnClose?: (colIdx: number) => void;
-		trailing?: Snippet;
-	}
-
-	let {
-		columns,
-		onTaskDrop,
-		onTaskToggle,
-		onTaskDelete,
-		onTaskUpdate,
-		onColumnRename,
-		onColumnColorChange,
-		onColumnMove,
-		onColumnDelete,
-		onColumnClose,
-		trailing,
-	}: Props = $props();
-
-	// Today's completed tasks — shown at the bottom of every sheet
-	const tasksCtx: { readonly value: Task[] } = getContext('tasks');
-	let completedToday = $derived(
-		tasksCtx.value.filter((t) => t.isCompleted && t.completedAt && isToday(new Date(t.completedAt)))
-	);
-
-	const PAGE_WIDTH_MAP: Record<string, string> = {
-		narrow: 'min(360px, 85vw)',
-		medium: 'min(480px, 85vw)',
-		wide: 'min(640px, 90vw)',
-		full: 'min(840px, 95vw)',
-	};
-
-	let sheetWidth = $derived(PAGE_WIDTH_MAP[todoSettings.pageWidth] || PAGE_WIDTH_MAP.medium);
-
-	// Track active page for dots
-	let scrollContainer: HTMLDivElement | undefined = $state();
-	let activePage = $state(0);
-
-	function handleScroll() {
-		if (!scrollContainer) return;
-		const sheets = scrollContainer.querySelectorAll('.fokus-sheet');
-		const containerRect = scrollContainer.getBoundingClientRect();
-		const center = containerRect.left + containerRect.width / 2;
-		let closest = 0;
-		let closestDist = Infinity;
-		sheets.forEach((sheet, i) => {
-			const rect = sheet.getBoundingClientRect();
-			const dist = Math.abs(rect.left + rect.width / 2 - center);
-			if (dist < closestDist) {
-				closestDist = dist;
-				closest = i;
-			}
-		});
-		activePage = closest;
-	}
-
-	// Per-column local task state for DnD
-	let localTasksByColumn = $state<Record<string, Task[]>>({});
-
-	$effect(() => {
-		const updated: Record<string, Task[]> = {};
-		for (const col of columns) {
-			updated[col.id] = [...col.tasks];
-		}
-		localTasksByColumn = updated;
-	});
-
-	function handleDndConsider(columnId: string, e: CustomEvent<DndEvent<Task>>) {
-		localTasksByColumn = { ...localTasksByColumn, [columnId]: e.detail.items };
-		registerSvelteActionDrag({
-			type: 'task',
-			data: { id: e.detail.info.id, title: '' },
-		});
-	}
-
-	function handleDndFinalize(
-		columnId: string,
-		column: GroupedColumn,
-		e: CustomEvent<DndEvent<Task>>
-	) {
-		const newItems = e.detail.items.filter((t) => t.id !== SHADOW_PLACEHOLDER_ITEM_ID);
-		const movedTaskId = e.detail.info.id;
-		const wasInThisColumn = column.tasks.some((t) => t.id === movedTaskId);
-
-		if (!wasInThisColumn) {
-			onTaskDrop(movedTaskId, column.id);
-		} else {
-			tasksStore.reorderTasks(newItems.map((t) => t.id));
-		}
-
-		localTasksByColumn = { ...localTasksByColumn, [columnId]: newItems };
-		clearSvelteActionDrag();
-	}
-
-	function handleAddTask(column: GroupedColumn, title: string) {
-		const createData: Record<string, unknown> = { title };
-		if (column.onDrop) {
-			if (column.onDrop.setPriority) createData.priority = column.onDrop.setPriority;
-		}
-		tasksStore.createTask(
-			createData as {
-				title: string;
-				priority?: 'low' | 'medium' | 'high' | 'urgent';
-			}
-		);
-	}
-</script>
-
-<div class="fokus-layout">
-	<div
-		class="fokus-track"
-		style="--sheet-width: {sheetWidth}"
-		bind:this={scrollContainer}
-		onscroll={handleScroll}
-	>
-		{#each columns as column, i (column.id)}
-			{@const tasks = localTasksByColumn[column.id] || column.tasks}
-			<div class="fokus-sheet" class:sheet-completed={column.name === 'Erledigt'}>
-				<div class="drag-handle-bar">
-					<span class="drag-handle">
-						<DotsSixVertical size={14} />
-					</span>
-				</div>
-				<div class="sheet-header-row">
-					<ViewColumnHeader
-						name={column.name}
-						color={column.color}
-						taskCount={tasks.length}
-						columnIndex={i}
-						totalColumns={columns.length}
-						onRename={onColumnRename ? (name) => onColumnRename(i, name) : undefined}
-						onColorChange={onColumnColorChange ? (c) => onColumnColorChange(i, c) : undefined}
-						onMove={onColumnMove ? (dir) => onColumnMove(i, dir) : undefined}
-						onDelete={onColumnDelete ? () => onColumnDelete(i) : undefined}
-					/>
-					{#if onColumnClose}
-						<button
-							class="sheet-close-btn"
-							onclick={() => onColumnClose(i)}
-							title="Seite schließen"
-						>
-							<X size={14} />
-						</button>
-					{/if}
-				</div>
-
-				<div class="sheet-body">
-					<div
-						class="sheet-content"
-						use:dndzone={{
-							items: tasks,
-							flipDurationMs: 200,
-							dropTargetStyle: {},
-							dropTargetClasses: ['fokus-drop-target'],
-							type: 'task-dnd',
-						}}
-						onconsider={(e) => handleDndConsider(column.id, e)}
-						onfinalize={(e) => handleDndFinalize(column.id, column, e)}
-					>
-						{#each tasks.filter((t) => t.id !== SHADOW_PLACEHOLDER_ITEM_ID) as task (task.id)}
-							<div class="task-card-wrapper">
-								<KanbanTaskCard
-									{task}
-									onToggleComplete={() => onTaskToggle(task)}
-									onSave={(data) => onTaskUpdate(task.id, data)}
-									onDelete={() => onTaskDelete(task.id)}
-								/>
-							</div>
-						{/each}
-					</div>
-
-					<div class="sheet-footer">
-						<QuickAddTaskInline onAdd={(title) => handleAddTask(column, title)} />
-					</div>
-
-					{#if completedToday.length > 0}
-						<div class="completed-today">
-							<div class="completed-today-label">Heute erledigt</div>
-							{#each completedToday as task (task.id)}
-								<div class="completed-today-item">
-									<KanbanTaskCard
-										{task}
-										onToggleComplete={() => onTaskToggle(task)}
-										onSave={(data) => onTaskUpdate(task.id, data)}
-										onDelete={() => onTaskDelete(task.id)}
-									/>
-								</div>
-							{/each}
-						</div>
-					{/if}
-				</div>
-			</div>
-		{/each}
-
-		<!-- Trailing content (pages) -->
-		{#if trailing}
-			{@render trailing()}
-		{/if}
-	</div>
-
-	<!-- Page dots -->
-	{#if columns.length > 1}
-		<div class="page-dots">
-			{#each columns as _, i}
-				<div class="page-dot" class:active={activePage === i}></div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.fokus-layout {
-		padding-bottom: 100px;
-	}
-
-	.fokus-track {
-		display: flex;
-		gap: 1.5rem;
-		overflow-x: auto;
-		/* Centering padding: pushes first sheet to viewport center */
-		padding: 1rem calc(50% - var(--sheet-width) / 2);
-		scrollbar-width: none;
-	}
-	.fokus-track::-webkit-scrollbar {
-		display: none;
-	}
-
-	.drag-handle-bar {
-		display: flex;
-		justify-content: center;
-		padding: 0.25rem 0 0;
-	}
-
-	.drag-handle {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 32px;
-		height: 14px;
-		color: #d1d5db;
-		cursor: grab;
-		border-radius: 0.25rem;
-		transition: color 0.15s;
-	}
-	.drag-handle:hover {
-		color: #9ca3af;
-	}
-	.drag-handle:active {
-		cursor: grabbing;
-	}
-	:global(.dark) .drag-handle {
-		color: #3f3b38;
-	}
-	:global(.dark) .drag-handle:hover {
-		color: #6b7280;
-	}
-
-	.fokus-sheet {
-		flex: 0 0 auto;
-		width: var(--sheet-width, min(840px, 85vw));
-		min-height: 60vh;
-		background: #fffef5;
-		border-radius: 0.375rem;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.08),
-			0 0 0 1px rgba(0, 0, 0, 0.04);
-		display: flex;
-		flex-direction: column;
-	}
-	:global(.dark) .fokus-sheet {
-		background-color: #252220;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.25),
-			0 0 0 1px rgba(255, 255, 255, 0.06);
-	}
-	.sheet-completed {
-		opacity: 0.75;
-	}
-
-	.sheet-header-row {
-		display: flex;
-		align-items: center;
-	}
-
-	/* Let ViewColumnHeader fill available space */
-	.sheet-header-row > :global(:first-child) {
-		flex: 1;
-		min-width: 0;
-	}
-
-	.sheet-close-btn {
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 26px;
-		height: 26px;
-		margin-right: 0.5rem;
-		border-radius: 0.25rem;
-		border: none;
-		background: transparent;
-		color: #d1d5db;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.sheet-close-btn:hover {
-		background: rgba(0, 0, 0, 0.06);
-		color: #6b7280;
-	}
-	:global(.dark) .sheet-close-btn {
-		color: #4b5563;
-	}
-	:global(.dark) .sheet-close-btn:hover {
-		background: rgba(255, 255, 255, 0.08);
-		color: #9ca3af;
-	}
-
-	.sheet-body {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.sheet-content {
-		padding: 0.75rem 1rem;
-		min-height: 120px;
-	}
-
-	.task-card-wrapper {
-		margin-bottom: 0.5rem;
-	}
-	.task-card-wrapper:last-child {
-		margin-bottom: 0;
-	}
-
-	.sheet-footer {
-		padding: 0;
-	}
-
-	:global(.fokus-drop-target) {
-		outline: 2px dashed var(--color-primary);
-		outline-offset: -2px;
-		border-radius: 0.375rem;
-		background: color-mix(in srgb, var(--color-primary) 4%, transparent);
-	}
-
-	/* Heute erledigt section */
-	.completed-today {
-		padding: 0.75rem 1rem 1rem;
-		border-top: 1px solid rgba(0, 0, 0, 0.08);
-		margin-top: 0.25rem;
-	}
-	:global(.dark) .completed-today {
-		border-top-color: rgba(255, 255, 255, 0.08);
-	}
-	.completed-today-label {
-		font-size: 0.6875rem;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.08em;
-		color: rgba(0, 0, 0, 0.3);
-		margin-bottom: 0.5rem;
-	}
-	:global(.dark) .completed-today-label {
-		color: rgba(255, 255, 255, 0.3);
-	}
-
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-10px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.completed-today-item {
-		animation: slideDown 0.35s ease-out both;
-	}
-
-	/* Page dots */
-	.page-dots {
-		display: flex;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0;
-	}
-	.page-dot {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		background: var(--color-border);
-		transition: all 0.2s ease;
-	}
-	.page-dot.active {
-		background: var(--color-primary);
-		transform: scale(1.3);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/GridLayout.svelte b/apps/todo/apps/web-archived/src/lib/components/board-views/GridLayout.svelte
deleted file mode 100644
index 33ed39582..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/GridLayout.svelte
+++ /dev/null
@@ -1,122 +0,0 @@
-<script lang="ts">
-	import type { Task } from '@todo/shared';
-	import type { GroupedColumn } from '$lib/data/view-grouping';
-	import ViewColumn from './ViewColumn.svelte';
-
-	interface Props {
-		columns: GroupedColumn[];
-		onTaskDrop: (taskId: string, columnId: string) => void;
-		onTaskToggle: (task: Task) => void;
-		onTaskDelete: (taskId: string) => void;
-		onTaskUpdate: (taskId: string, data: Partial<Task>) => void;
-		onColumnRename?: (colIdx: number, name: string) => void;
-		onColumnColorChange?: (colIdx: number, color: string) => void;
-		onColumnMove?: (colIdx: number, dir: -1 | 1) => void;
-		onColumnDelete?: (colIdx: number) => void;
-	}
-
-	let {
-		columns,
-		onTaskDrop,
-		onTaskToggle,
-		onTaskDelete,
-		onTaskUpdate,
-		onColumnRename,
-		onColumnColorChange,
-		onColumnMove,
-		onColumnDelete,
-	}: Props = $props();
-</script>
-
-<div class="grid-layout">
-	{#each columns as column, i (column.id)}
-		<div class="grid-cell">
-			<ViewColumn
-				{column}
-				columnIndex={i}
-				totalColumns={columns.length}
-				{onTaskDrop}
-				{onTaskToggle}
-				{onTaskDelete}
-				{onTaskUpdate}
-				onColumnRename={onColumnRename ? (name) => onColumnRename(i, name) : undefined}
-				onColumnColorChange={onColumnColorChange ? (c) => onColumnColorChange(i, c) : undefined}
-				onColumnMove={onColumnMove ? (dir) => onColumnMove(i, dir) : undefined}
-				onColumnDelete={onColumnDelete ? () => onColumnDelete(i) : undefined}
-			/>
-		</div>
-	{/each}
-</div>
-
-<style>
-	.grid-layout {
-		display: grid;
-		grid-template-columns: 1fr 1fr;
-		grid-template-rows: 1fr 1fr;
-		gap: 1rem;
-		height: 100%;
-		padding: 0 1rem 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.grid-layout {
-			padding: 0 1.5rem 1rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.grid-layout {
-			padding: 0 2rem 1rem;
-		}
-	}
-
-	/* Single column on mobile */
-	@media (max-width: 639px) {
-		.grid-layout {
-			grid-template-columns: 1fr;
-			grid-template-rows: auto;
-			overflow-y: auto;
-		}
-	}
-
-	.grid-cell {
-		min-height: 0;
-		overflow: hidden;
-	}
-
-	/* In grid layout, columns should fill available height */
-	.grid-cell :global(.view-column) {
-		height: 100%;
-		max-height: none;
-	}
-
-	.add-column-card {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		width: 100%;
-		height: 100%;
-		min-height: 200px;
-		border: 2px dashed color-mix(in srgb, var(--color-primary) 30%, transparent);
-		border-radius: 0.375rem;
-		background: color-mix(in srgb, var(--color-primary) 3%, transparent);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.add-column-card:hover {
-		border-color: var(--color-primary);
-		background: color-mix(in srgb, var(--color-primary) 8%, transparent);
-	}
-	.add-icon {
-		font-size: 1.5rem;
-		font-weight: 300;
-		color: var(--color-primary);
-	}
-	.add-label {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: var(--color-primary);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/KanbanLayout.svelte b/apps/todo/apps/web-archived/src/lib/components/board-views/KanbanLayout.svelte
deleted file mode 100644
index 10ffc4cac..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/KanbanLayout.svelte
+++ /dev/null
@@ -1,123 +0,0 @@
-<script lang="ts">
-	import type { Task } from '@todo/shared';
-	import type { GroupedColumn } from '$lib/data/view-grouping';
-	import ViewColumn from './ViewColumn.svelte';
-
-	interface Props {
-		columns: GroupedColumn[];
-		onTaskDrop: (taskId: string, columnId: string) => void;
-		onTaskToggle: (task: Task) => void;
-		onTaskDelete: (taskId: string) => void;
-		onTaskUpdate: (taskId: string, data: Partial<Task>) => void;
-		onColumnRename?: (colIdx: number, name: string) => void;
-		onColumnColorChange?: (colIdx: number, color: string) => void;
-		onColumnMove?: (colIdx: number, dir: -1 | 1) => void;
-		onColumnDelete?: (colIdx: number) => void;
-	}
-
-	let {
-		columns,
-		onTaskDrop,
-		onTaskToggle,
-		onTaskDelete,
-		onTaskUpdate,
-		onColumnRename,
-		onColumnColorChange,
-		onColumnMove,
-		onColumnDelete,
-	}: Props = $props();
-</script>
-
-<div class="kanban-layout">
-	{#each columns as column, i (column.id)}
-		<div class="kanban-column-wrapper">
-			<ViewColumn
-				{column}
-				columnIndex={i}
-				totalColumns={columns.length}
-				{onTaskDrop}
-				{onTaskToggle}
-				{onTaskDelete}
-				{onTaskUpdate}
-				onColumnRename={onColumnRename ? (name) => onColumnRename(i, name) : undefined}
-				onColumnColorChange={onColumnColorChange ? (c) => onColumnColorChange(i, c) : undefined}
-				onColumnMove={onColumnMove ? (dir) => onColumnMove(i, dir) : undefined}
-				onColumnDelete={onColumnDelete ? () => onColumnDelete(i) : undefined}
-			/>
-		</div>
-	{/each}
-</div>
-
-<style>
-	.kanban-layout {
-		display: flex;
-		gap: 1rem;
-		height: 100%;
-		overflow-x: auto;
-		padding: 0 1rem 1rem;
-		scroll-behavior: smooth;
-		-ms-overflow-style: none;
-		scrollbar-width: thin;
-	}
-
-	@media (min-width: 640px) {
-		.kanban-layout {
-			padding: 0 1.5rem 1rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.kanban-layout {
-			padding: 0 2rem 1rem;
-		}
-	}
-
-	.kanban-layout::-webkit-scrollbar {
-		height: 6px;
-	}
-
-	.kanban-layout::-webkit-scrollbar-track {
-		background: transparent;
-	}
-
-	.kanban-layout::-webkit-scrollbar-thumb {
-		background: var(--color-border);
-		border-radius: 3px;
-	}
-
-	.kanban-column-wrapper {
-		min-width: 300px;
-		max-width: 340px;
-		flex-shrink: 0;
-	}
-
-	.add-column-card {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		width: 100%;
-		min-height: 250px;
-		border: 2px dashed color-mix(in srgb, var(--color-primary) 30%, transparent);
-		border-radius: 0.375rem;
-		background: color-mix(in srgb, var(--color-primary) 3%, transparent);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.add-column-card:hover {
-		border-color: var(--color-primary);
-		background: color-mix(in srgb, var(--color-primary) 8%, transparent);
-	}
-	.add-column-icon {
-		font-size: 1.5rem;
-		font-weight: 300;
-		color: var(--color-primary);
-		line-height: 1;
-	}
-	.add-column-label {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: var(--color-primary);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/ViewColumn.svelte b/apps/todo/apps/web-archived/src/lib/components/board-views/ViewColumn.svelte
deleted file mode 100644
index 34e561e32..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/ViewColumn.svelte
+++ /dev/null
@@ -1,213 +0,0 @@
-<script lang="ts">
-	import { dndzone, SHADOW_PLACEHOLDER_ITEM_ID, type DndEvent } from 'svelte-dnd-action';
-	import type { Task } from '@todo/shared';
-	import type { GroupedColumn } from '$lib/data/view-grouping';
-	import KanbanTaskCard from '../kanban/KanbanTaskCard.svelte';
-	import QuickAddTaskInline from '../kanban/QuickAddTaskInline.svelte';
-	import ViewColumnHeader from './ViewColumnHeader.svelte';
-	import { tasksStore } from '$lib/stores/tasks.svelte';
-	import { registerSvelteActionDrag, clearSvelteActionDrag } from '@manacore/shared-ui/dnd';
-
-	interface Props {
-		column: GroupedColumn;
-		columnIndex?: number;
-		totalColumns?: number;
-		onTaskDrop: (taskId: string, columnId: string) => void;
-		onTaskToggle: (task: Task) => void;
-		onTaskDelete: (taskId: string) => void;
-		onTaskUpdate: (taskId: string, data: Partial<Task>) => void;
-		onColumnRename?: (name: string) => void;
-		onColumnColorChange?: (color: string) => void;
-		onColumnMove?: (dir: -1 | 1) => void;
-		onColumnDelete?: () => void;
-	}
-
-	let {
-		column,
-		columnIndex = 0,
-		totalColumns = 1,
-		onTaskDrop,
-		onTaskToggle,
-		onTaskDelete,
-		onTaskUpdate,
-		onColumnRename,
-		onColumnColorChange,
-		onColumnMove,
-		onColumnDelete,
-	}: Props = $props();
-
-	// Local tasks state for drag and drop
-	let localTasks = $state<Task[]>([]);
-
-	// Sync with parent when column tasks change
-	$effect(() => {
-		localTasks = [...column.tasks];
-	});
-
-	const flipDurationMs = 200;
-
-	function handleDndConsider(e: CustomEvent<DndEvent<Task>>) {
-		localTasks = e.detail.items;
-		registerSvelteActionDrag({
-			type: 'task',
-			data: { id: e.detail.info.id, title: '' },
-		});
-	}
-
-	function handleDndFinalize(e: CustomEvent<DndEvent<Task>>) {
-		const newItems = e.detail.items.filter((t) => t.id !== SHADOW_PLACEHOLDER_ITEM_ID);
-		const movedTaskId = e.detail.info.id;
-
-		// Check if this task came from another column
-		const wasInThisColumn = column.tasks.some((t) => t.id === movedTaskId);
-
-		if (!wasInThisColumn) {
-			// Task moved FROM another column TO this column
-			onTaskDrop(movedTaskId, column.id);
-		} else {
-			// Task reordered within this column — update order
-			const taskIds = newItems.map((t) => t.id);
-			tasksStore.reorderTasks(taskIds);
-		}
-
-		localTasks = newItems;
-		clearSvelteActionDrag();
-	}
-
-	function handleToggleComplete(task: Task) {
-		onTaskToggle(task);
-	}
-
-	function handleSaveTask(task: Task, data: Partial<Task>) {
-		const updateData: Record<string, unknown> = {};
-		if (data.title !== undefined) updateData.title = data.title;
-		if (data.description !== undefined) updateData.description = data.description;
-		if (data.dueDate !== undefined) {
-			updateData.dueDate = data.dueDate instanceof Date ? data.dueDate.toISOString() : data.dueDate;
-		}
-		if (data.priority !== undefined) updateData.priority = data.priority;
-		if (data.status !== undefined) updateData.status = data.status;
-		if (data.subtasks !== undefined) updateData.subtasks = data.subtasks;
-		if (data.recurrenceRule !== undefined) updateData.recurrenceRule = data.recurrenceRule;
-		if (data.metadata !== undefined) updateData.metadata = data.metadata;
-		if (data.labels !== undefined) updateData.labelIds = data.labels?.map((l) => l.id);
-
-		onTaskUpdate(task.id, data);
-	}
-
-	function handleDeleteTask(task: Task) {
-		onTaskDelete(task.id);
-	}
-
-	async function handleAddTask(title: string) {
-		// Create task with properties that match this column's onDrop action
-		const createData: Record<string, unknown> = { title };
-		if (column.onDrop) {
-			if (column.onDrop.setCompleted !== undefined) {
-				// Don't create completed tasks — create as pending
-			}
-			if (column.onDrop.setPriority) {
-				createData.priority = column.onDrop.setPriority;
-			}
-		}
-		await tasksStore.createTask(
-			createData as {
-				title: string;
-				priority?: 'low' | 'medium' | 'high' | 'urgent';
-			}
-		);
-	}
-</script>
-
-<div class="view-column flex flex-col">
-	<!-- Header -->
-	<ViewColumnHeader
-		name={column.name}
-		color={column.color}
-		taskCount={localTasks.length}
-		{columnIndex}
-		{totalColumns}
-		onRename={onColumnRename}
-		onColorChange={onColumnColorChange}
-		onMove={onColumnMove}
-		onDelete={onColumnDelete}
-	/>
-
-	<!-- Tasks list with drag and drop -->
-	<div
-		class="tasks-container flex-1 overflow-y-auto px-3 pb-3"
-		use:dndzone={{
-			items: localTasks,
-			flipDurationMs,
-			dropTargetStyle: {},
-			dropTargetClasses: ['drop-target'],
-			type: 'task-dnd',
-		}}
-		onconsider={handleDndConsider}
-		onfinalize={handleDndFinalize}
-	>
-		{#each localTasks.filter((t) => t.id !== SHADOW_PLACEHOLDER_ITEM_ID) as task (task.id)}
-			<div class="mb-2.5 last:mb-0">
-				<KanbanTaskCard
-					{task}
-					onToggleComplete={() => handleToggleComplete(task)}
-					onSave={(data) => handleSaveTask(task, data)}
-					onDelete={() => handleDeleteTask(task)}
-				/>
-			</div>
-		{/each}
-	</div>
-
-	<!-- Quick Add Task -->
-	<div class="pb-2">
-		<QuickAddTaskInline onAdd={handleAddTask} />
-	</div>
-</div>
-
-<style>
-	.view-column {
-		min-height: 250px;
-		max-height: calc(100vh - 280px);
-		background: #fffef5;
-		border-radius: 0.375rem;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.08),
-			0 0 0 1px rgba(0, 0, 0, 0.04);
-	}
-
-	:global(.dark) .view-column {
-		background: #252220;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.25),
-			0 0 0 1px rgba(255, 255, 255, 0.06);
-	}
-
-	.tasks-container {
-		min-height: 80px;
-	}
-
-	/* Custom scrollbar for tasks */
-	.tasks-container::-webkit-scrollbar {
-		width: 6px;
-	}
-
-	.tasks-container::-webkit-scrollbar-track {
-		background: transparent;
-	}
-
-	.tasks-container::-webkit-scrollbar-thumb {
-		background: var(--color-border);
-		border-radius: 3px;
-	}
-
-	.tasks-container::-webkit-scrollbar-thumb:hover {
-		background: var(--color-muted-foreground);
-	}
-
-	:global(.drop-target) {
-		outline: 2px dashed var(--color-primary);
-		outline-offset: -2px;
-		border-radius: 0.375rem;
-		background: color-mix(in srgb, var(--color-primary) 4%, transparent);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/ViewColumnHeader.svelte b/apps/todo/apps/web-archived/src/lib/components/board-views/ViewColumnHeader.svelte
deleted file mode 100644
index 9a200031d..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/ViewColumnHeader.svelte
+++ /dev/null
@@ -1,322 +0,0 @@
-<script lang="ts">
-	import { ArrowLeft, ArrowRight, Trash } from '@manacore/shared-icons';
-
-	interface Props {
-		name: string;
-		color: string;
-		taskCount: number;
-		columnIndex?: number;
-		totalColumns?: number;
-		onRename?: (name: string) => void;
-		onColorChange?: (color: string) => void;
-		onMove?: (dir: -1 | 1) => void;
-		onDelete?: () => void;
-	}
-
-	let {
-		name,
-		color,
-		taskCount,
-		columnIndex = 0,
-		totalColumns = 1,
-		onRename,
-		onColorChange,
-		onMove,
-		onDelete,
-	}: Props = $props();
-
-	let showColorPicker = $state(false);
-	let isEditingName = $state(false);
-	let editInputEl = $state<HTMLInputElement | null>(null);
-
-	const PRESET_COLORS = [
-		'#EF4444',
-		'#F97316',
-		'#F59E0B',
-		'#EAB308',
-		'#22C55E',
-		'#14B8A6',
-		'#06B6D4',
-		'#3B82F6',
-		'#6366F1',
-		'#8B5CF6',
-		'#A855F7',
-		'#EC4899',
-		'#F43F5E',
-		'#78716C',
-		'#6B7280',
-		'#334155',
-	];
-
-	function startEditing() {
-		if (!onRename) return;
-		isEditingName = true;
-		requestAnimationFrame(() => {
-			editInputEl?.select();
-		});
-	}
-
-	function finishEditing() {
-		isEditingName = false;
-	}
-
-	function handleNameKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' || e.key === 'Escape') {
-			e.preventDefault();
-			finishEditing();
-		}
-	}
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-{#if showColorPicker}
-	<div class="picker-backdrop" onclick={() => (showColorPicker = false)}></div>
-{/if}
-
-<div class="column-header">
-	<div class="header-left">
-		{#if onColorChange}
-			<div class="color-dot-wrapper">
-				<button
-					class="color-dot clickable"
-					style="background-color: {color}"
-					onclick={() => (showColorPicker = !showColorPicker)}
-					title="Farbe ändern"
-				></button>
-
-				{#if showColorPicker}
-					<div class="color-picker" onclick={(e) => e.stopPropagation()}>
-						<div class="picker-grid">
-							{#each PRESET_COLORS as c}
-								<button
-									class="picker-swatch"
-									class:active={color === c}
-									style="background-color: {c}"
-									onclick={() => {
-										onColorChange(c);
-										showColorPicker = false;
-									}}
-								></button>
-							{/each}
-						</div>
-						<label class="custom-color-row">
-							<span class="custom-label">Eigene:</span>
-							<input
-								type="color"
-								value={color}
-								oninput={(e) => onColorChange(e.currentTarget.value)}
-								class="custom-color-input"
-							/>
-						</label>
-					</div>
-				{/if}
-			</div>
-		{:else}
-			<span class="color-dot" style="background-color: {color}"></span>
-		{/if}
-
-		{#if isEditingName && onRename}
-			<input
-				bind:this={editInputEl}
-				class="name-input"
-				type="text"
-				value={name}
-				oninput={(e) => onRename(e.currentTarget.value)}
-				onblur={finishEditing}
-				onkeydown={handleNameKeydown}
-			/>
-		{:else}
-			<span
-				class="column-name"
-				class:editable={!!onRename}
-				role={onRename ? 'button' : undefined}
-				tabindex={onRename ? 0 : undefined}
-				onclick={startEditing}
-				onkeydown={(e) => {
-					if (e.key === 'Enter') startEditing();
-				}}>{name}</span
-			>
-		{/if}
-	</div>
-	<span class="task-count">{taskCount}</span>
-</div>
-
-<style>
-	.column-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.75rem 1rem;
-	}
-
-	.header-left {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		min-width: 0;
-		flex: 1;
-	}
-
-	.color-dot {
-		width: 0.625rem;
-		height: 0.625rem;
-		border-radius: 9999px;
-		flex-shrink: 0;
-	}
-
-	.color-dot-wrapper {
-		position: relative;
-		flex-shrink: 0;
-	}
-
-	.color-dot.clickable {
-		width: 0.75rem;
-		height: 0.75rem;
-		cursor: pointer;
-		border: none;
-		padding: 0;
-		transition: all 0.15s;
-	}
-	.color-dot.clickable:hover {
-		transform: scale(1.25);
-		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
-	}
-	:global(.dark) .color-dot.clickable:hover {
-		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15);
-	}
-
-	.column-name {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: #374151;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-	.column-name.editable {
-		cursor: text;
-		border-radius: 0.125rem;
-		padding: 0.0625rem 0.25rem;
-		margin: -0.0625rem -0.25rem;
-	}
-	.column-name.editable:hover {
-		background: rgba(0, 0, 0, 0.04);
-	}
-	:global(.dark) .column-name.editable:hover {
-		background: rgba(255, 255, 255, 0.06);
-	}
-
-	:global(.dark) .column-name {
-		color: #f3f4f6;
-	}
-
-	.name-input {
-		flex: 1;
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: #374151;
-		background: transparent;
-		border: none;
-		border-bottom: 1px solid rgba(139, 92, 246, 0.4);
-		padding: 0.125rem 0;
-		outline: none;
-		min-width: 0;
-	}
-	.name-input:focus {
-		border-bottom-color: #8b5cf6;
-	}
-	:global(.dark) .name-input {
-		color: #f3f4f6;
-	}
-
-	.task-count {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: #9ca3af;
-		background: rgba(0, 0, 0, 0.05);
-		padding: 0.125rem 0.5rem;
-		border-radius: 9999px;
-		flex-shrink: 0;
-	}
-
-	:global(.dark) .task-count {
-		background: rgba(255, 255, 255, 0.1);
-		color: #6b7280;
-	}
-
-	/* ── Color Picker Popup ──────────────────────────────── */
-
-	.picker-backdrop {
-		position: fixed;
-		inset: 0;
-		z-index: 50;
-	}
-
-	.color-picker {
-		position: absolute;
-		top: calc(100% + 0.5rem);
-		left: 0;
-		z-index: 51;
-		background: var(--color-surface-elevated-3);
-		border: 1px solid var(--color-border);
-		border-radius: 0.75rem;
-		box-shadow: var(--shadow-xl);
-		padding: 0.625rem;
-		min-width: 170px;
-	}
-
-	.picker-grid {
-		display: grid;
-		grid-template-columns: repeat(4, 1fr);
-		gap: 0.375rem;
-		margin-bottom: 0.5rem;
-	}
-
-	.picker-swatch {
-		width: 28px;
-		height: 28px;
-		border-radius: 50%;
-		border: 2px solid transparent;
-		cursor: pointer;
-		transition: all 0.15s;
-		padding: 0;
-	}
-	.picker-swatch:hover {
-		transform: scale(1.15);
-	}
-	.picker-swatch.active {
-		border-color: var(--color-surface-elevated-3);
-		box-shadow: 0 0 0 2px currentColor;
-	}
-
-	.custom-color-row {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding-top: 0.375rem;
-		border-top: 1px solid var(--color-border);
-	}
-
-	.custom-label {
-		font-size: 0.6875rem;
-		font-weight: 500;
-		color: var(--color-muted-foreground);
-	}
-
-	.custom-color-input {
-		width: 28px;
-		height: 28px;
-		padding: 0;
-		border: none;
-		border-radius: 50%;
-		cursor: pointer;
-		background: transparent;
-	}
-	.custom-color-input::-webkit-color-swatch-wrapper {
-		padding: 0;
-	}
-	.custom-color-input::-webkit-color-swatch {
-		border: 2px solid var(--color-border);
-		border-radius: 50%;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/ViewEditorModal.svelte b/apps/todo/apps/web-archived/src/lib/components/board-views/ViewEditorModal.svelte
deleted file mode 100644
index 2c29a3312..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/ViewEditorModal.svelte
+++ /dev/null
@@ -1,1181 +0,0 @@
-<script lang="ts">
-	import { dndzone, SHADOW_PLACEHOLDER_ITEM_ID, type DndEvent } from 'svelte-dnd-action';
-	import type { LocalBoardView, ViewColumn } from '$lib/data/local-store';
-	import {
-		X,
-		Plus,
-		Columns,
-		GridFour,
-		Flag,
-		Folder,
-		CalendarBlank,
-		List,
-		Star,
-		Tag,
-		Clock,
-		Crosshair,
-		Lightning,
-		Heart,
-		DotsSixVertical,
-	} from '@manacore/shared-icons';
-	import type { ComponentType } from 'svelte';
-
-	// Map icon names to Phosphor components
-	const phosphorIconMap: Record<string, ComponentType> = {
-		columns: Columns,
-		'grid-four': GridFour,
-		flag: Flag,
-		folders: Folder,
-		calendar: CalendarBlank,
-		list: List,
-		star: Star,
-		tag: Tag,
-		clock: Clock,
-		target: Crosshair,
-		lightning: Lightning,
-		heart: Heart,
-	};
-
-	interface Props {
-		open: boolean;
-		view?: LocalBoardView | null;
-		onSave: (data: Partial<LocalBoardView>) => void;
-		onDelete?: () => void;
-		onClose: () => void;
-	}
-
-	let { open, view = null, onSave, onDelete, onClose }: Props = $props();
-
-	const isEditMode = $derived(!!view);
-
-	// ─── Icon options ───────────────────────────────────────
-	const iconOptions = [
-		{ value: 'columns', label: 'Kanban' },
-		{ value: 'grid-four', label: 'Matrix' },
-		{ value: 'flag', label: 'Flagge' },
-		{ value: 'folders', label: 'Ordner' },
-		{ value: 'calendar', label: 'Kalender' },
-		{ value: 'list', label: 'Liste' },
-		{ value: 'star', label: 'Stern' },
-		{ value: 'tag', label: 'Tag' },
-		{ value: 'clock', label: 'Uhr' },
-		{ value: 'target', label: 'Ziel' },
-		{ value: 'lightning', label: 'Blitz' },
-		{ value: 'heart', label: 'Herz' },
-	] as const;
-
-	// ─── GroupBy options ────────────────────────────────────
-	const groupByOptions = [
-		{ value: 'status', label: 'Status' },
-		{ value: 'priority', label: 'Priorität' },
-		{ value: 'dueDate', label: 'Fälligkeit' },
-		{ value: 'tag', label: 'Tag' },
-		{ value: 'custom', label: 'Manuell' },
-	] as const;
-
-	// ─── Preset colors ─────────────────────────────────────
-	const presetColors = [
-		'#ef4444',
-		'#f97316',
-		'#eab308',
-		'#22c55e',
-		'#14b8a6',
-		'#3b82f6',
-		'#8b5cf6',
-		'#ec4899',
-		'#6b7280',
-	];
-
-	// ─── Form state ────────────────────────────────────────
-	let name = $state('');
-	let icon = $state('columns');
-	let groupBy = $state<LocalBoardView['groupBy']>('status');
-	let layout = $state<'kanban' | 'grid'>('kanban');
-	let columns = $state<ViewColumn[]>([]);
-	let confirmDelete = $state(false);
-
-	// Color picker state
-	let colorPickerColumnId = $state<string | null>(null);
-
-	// Reset form when modal opens or view changes
-	$effect(() => {
-		if (open) {
-			if (view) {
-				name = view.name;
-				icon = view.icon;
-				groupBy = view.groupBy;
-				layout = view.layout;
-				columns = structuredClone(view.columns);
-			} else {
-				name = '';
-				icon = 'columns';
-				groupBy = 'status';
-				layout = 'kanban';
-				columns = getDefaultColumns('status');
-			}
-			confirmDelete = false;
-			colorPickerColumnId = null;
-		}
-	});
-
-	// Update columns when groupBy changes (only in create mode or if user switches groupBy)
-	let previousGroupBy = $state<string | null>(null);
-	$effect(() => {
-		if (open && groupBy !== previousGroupBy) {
-			// Don't reset columns on initial load in edit mode
-			if (previousGroupBy !== null) {
-				columns = getDefaultColumns(groupBy);
-			}
-			previousGroupBy = groupBy;
-		}
-	});
-
-	function getDefaultColumns(group: LocalBoardView['groupBy']): ViewColumn[] {
-		switch (group) {
-			case 'status':
-				return [
-					{
-						id: crypto.randomUUID(),
-						name: 'To Do',
-						color: '#6b7280',
-						match: { type: 'status', value: 'pending' },
-						onDrop: { setCompleted: false },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Erledigt',
-						color: '#22c55e',
-						match: { type: 'status', value: 'completed' },
-						onDrop: { setCompleted: true },
-					},
-				];
-			case 'priority':
-				return [
-					{
-						id: crypto.randomUUID(),
-						name: 'Dringend',
-						color: '#ef4444',
-						match: { type: 'priority', value: 'urgent' },
-						onDrop: { setPriority: 'urgent' },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Hoch',
-						color: '#f97316',
-						match: { type: 'priority', value: 'high' },
-						onDrop: { setPriority: 'high' },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Mittel',
-						color: '#3b82f6',
-						match: { type: 'priority', value: 'medium' },
-						onDrop: { setPriority: 'medium' },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Niedrig',
-						color: '#6b7280',
-						match: { type: 'priority', value: 'low' },
-						onDrop: { setPriority: 'low' },
-					},
-				];
-			case 'dueDate':
-				return [
-					{
-						id: crypto.randomUUID(),
-						name: 'Überfällig',
-						color: '#ef4444',
-						match: { type: 'dueDate', value: 'overdue' },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Heute',
-						color: '#f97316',
-						match: { type: 'dueDate', value: 'today' },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Morgen',
-						color: '#3b82f6',
-						match: { type: 'dueDate', value: 'tomorrow' },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Diese Woche',
-						color: '#8b5cf6',
-						match: { type: 'dueDate', value: 'week' },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Später',
-						color: '#6b7280',
-						match: { type: 'dueDate', value: 'later' },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Ohne Datum',
-						color: '#9ca3af',
-						match: { type: 'dueDate', value: 'none' },
-					},
-				];
-			case 'tag':
-				return []; // dynamically generated
-			case 'custom':
-				return [
-					{
-						id: crypto.randomUUID(),
-						name: 'Spalte 1',
-						color: '#3b82f6',
-						match: { type: 'custom', value: 'col-1', taskIds: [] },
-					},
-					{
-						id: crypto.randomUUID(),
-						name: 'Spalte 2',
-						color: '#22c55e',
-						match: { type: 'custom', value: 'col-2', taskIds: [] },
-					},
-				];
-			default:
-				return [];
-		}
-	}
-
-	// Whether columns are user-editable for this groupBy
-	let columnsEditable = $derived(groupBy === 'status' || groupBy === 'custom');
-
-	function addColumn() {
-		const num = columns.length + 1;
-		columns = [
-			...columns,
-			{
-				id: crypto.randomUUID(),
-				name: groupBy === 'status' ? `Status ${num}` : `Spalte ${num}`,
-				color: presetColors[num % presetColors.length],
-				match: {
-					type: groupBy as 'status' | 'custom',
-					value: groupBy === 'status' ? `custom-${num}` : `col-${num}`,
-					...(groupBy === 'custom' ? { taskIds: [] } : {}),
-				},
-				...(groupBy === 'status' ? { onDrop: { setCompleted: false } } : {}),
-			},
-		];
-	}
-
-	function removeColumn(id: string) {
-		columns = columns.filter((c) => c.id !== id);
-	}
-
-	function updateColumnName(id: string, newName: string) {
-		columns = columns.map((c) => (c.id === id ? { ...c, name: newName } : c));
-	}
-
-	function updateColumnColor(id: string, color: string) {
-		columns = columns.map((c) => (c.id === id ? { ...c, color } : c));
-		colorPickerColumnId = null;
-	}
-
-	function toggleColorPicker(columnId: string) {
-		colorPickerColumnId = colorPickerColumnId === columnId ? null : columnId;
-	}
-
-	// ─── Column DnD ────────────────────────────────────────
-	const columnFlipDurationMs = 150;
-
-	function handleColumnDndConsider(e: CustomEvent<DndEvent<ViewColumn>>) {
-		columns = e.detail.items;
-	}
-
-	function handleColumnDndFinalize(e: CustomEvent<DndEvent<ViewColumn>>) {
-		columns = e.detail.items.filter((c) => c.id !== SHADOW_PLACEHOLDER_ITEM_ID);
-	}
-
-	function handleSave() {
-		if (!name.trim()) return;
-		onSave({
-			name: name.trim(),
-			icon,
-			groupBy,
-			layout,
-			columns,
-		});
-	}
-
-	function handleDelete() {
-		if (!confirmDelete) {
-			confirmDelete = true;
-			return;
-		}
-		onDelete?.();
-	}
-
-	function handleBackdropClick(e: MouseEvent) {
-		if (e.target === e.currentTarget) {
-			onClose();
-		}
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Escape') {
-			onClose();
-		}
-	}
-</script>
-
-{#if open}
-	<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-	<div
-		class="modal-backdrop"
-		role="dialog"
-		aria-modal="true"
-		aria-label={isEditMode ? 'View bearbeiten' : 'Neue View erstellen'}
-		onclick={handleBackdropClick}
-		onkeydown={handleKeydown}
-	>
-		<div class="modal-content">
-			<!-- Header -->
-			<div class="modal-header">
-				<h2 class="modal-title">{isEditMode ? 'View bearbeiten' : 'Neue View'}</h2>
-				<button type="button" class="close-btn" onclick={onClose} aria-label="Schließen">
-					<X size={20} />
-				</button>
-			</div>
-
-			<!-- Body -->
-			<div class="modal-body">
-				<!-- Name -->
-				<div class="field">
-					<label class="field-label" for="view-name">Name</label>
-					<input
-						id="view-name"
-						type="text"
-						class="field-input"
-						placeholder="z.B. Mein Kanban Board"
-						bind:value={name}
-						autofocus
-					/>
-				</div>
-
-				<!-- Icon -->
-				<div class="field">
-					<label class="field-label">Icon</label>
-					<div class="icon-grid">
-						{#each iconOptions as opt (opt.value)}
-							<button
-								type="button"
-								class="icon-option"
-								class:selected={icon === opt.value}
-								onclick={() => (icon = opt.value)}
-								title={opt.label}
-							>
-								{#if phosphorIconMap[opt.value]}
-									{@const IconComp = phosphorIconMap[opt.value]}
-									<IconComp size={20} />
-								{/if}
-								<span class="icon-label">{opt.label}</span>
-							</button>
-						{/each}
-					</div>
-				</div>
-
-				<!-- Group By -->
-				<div class="field">
-					<label class="field-label" for="view-groupby">Gruppierung</label>
-					<select id="view-groupby" class="field-input" bind:value={groupBy}>
-						{#each groupByOptions as opt (opt.value)}
-							<option value={opt.value}>{opt.label}</option>
-						{/each}
-					</select>
-				</div>
-
-				<!-- Layout -->
-				<div class="field">
-					<label class="field-label">Layout</label>
-					<div class="layout-toggle">
-						<button
-							type="button"
-							class="layout-option"
-							class:selected={layout === 'kanban'}
-							onclick={() => (layout = 'kanban')}
-						>
-							<Columns size={16} />
-							Kanban
-						</button>
-						<button
-							type="button"
-							class="layout-option"
-							class:selected={layout === 'grid'}
-							onclick={() => (layout = 'grid')}
-						>
-							<GridFour size={16} />
-							Grid
-						</button>
-					</div>
-				</div>
-
-				<!-- Columns -->
-				<div class="field">
-					<div class="field-label-row">
-						<label class="field-label">Spalten</label>
-						{#if columnsEditable}
-							<button type="button" class="add-col-btn" onclick={addColumn}>
-								<Plus size={14} />
-								Hinzufügen
-							</button>
-						{/if}
-					</div>
-
-					{#if columns.length === 0}
-						<p class="columns-empty">
-							{#if groupBy === 'project'}
-								Spalten werden automatisch aus deinen Projekten generiert.
-							{:else if groupBy === 'tag'}
-								Spalten werden automatisch aus deinen Labels generiert.
-							{:else}
-								Keine Spalten definiert.
-							{/if}
-						</p>
-					{:else}
-						<div
-							class="columns-list"
-							use:dndzone={{
-								items: columns,
-								flipDurationMs: columnFlipDurationMs,
-								dropTargetStyle: {},
-								dropTargetClasses: ['columns-drop-target'],
-								type: 'editor-columns',
-								dragDisabled: !columnsEditable,
-							}}
-							onconsider={handleColumnDndConsider}
-							onfinalize={handleColumnDndFinalize}
-						>
-							{#each columns.filter((c) => c.id !== SHADOW_PLACEHOLDER_ITEM_ID) as col (col.id)}
-								<div class="column-item">
-									<!-- Drag handle -->
-									{#if columnsEditable}
-										<span class="drag-handle" aria-label="Spalte verschieben">
-											<DotsSixVertical size={16} weight="bold" />
-										</span>
-									{/if}
-
-									<!-- Color dot -->
-									<div class="color-dot-wrapper">
-										<button
-											type="button"
-											class="color-dot"
-											style="background: {col.color}"
-											onclick={() => toggleColorPicker(col.id)}
-											title="Farbe ändern"
-										></button>
-										{#if colorPickerColumnId === col.id}
-											<div class="color-picker-dropdown">
-												{#each presetColors as color (color)}
-													<button
-														type="button"
-														class="color-swatch"
-														class:selected={col.color === color}
-														style="background: {color}"
-														onclick={() => updateColumnColor(col.id, color)}
-													></button>
-												{/each}
-											</div>
-										{/if}
-									</div>
-
-									<!-- Name input -->
-									{#if columnsEditable}
-										<input
-											type="text"
-											class="column-name-input"
-											value={col.name}
-											oninput={(e) =>
-												updateColumnName(col.id, (e.target as HTMLInputElement).value)}
-										/>
-									{:else}
-										<span class="column-name-text">{col.name}</span>
-									{/if}
-
-									<!-- Delete button -->
-									{#if columnsEditable}
-										<button
-											type="button"
-											class="column-delete-btn"
-											onclick={() => removeColumn(col.id)}
-											title="Spalte entfernen"
-										>
-											<X size={14} />
-										</button>
-									{/if}
-								</div>
-							{/each}
-						</div>
-					{/if}
-				</div>
-
-				<!-- Column Preview -->
-				{#if columns.length > 0}
-					<div class="field">
-						<label class="field-label">Vorschau</label>
-						<div class="columns-preview" class:grid-preview={layout === 'grid'}>
-							{#each columns as col (col.id)}
-								<div class="preview-col">
-									<div class="preview-col-header" style="border-color: {col.color}">
-										<span class="preview-dot" style="background: {col.color}"></span>
-										<span class="preview-name">{col.name}</span>
-									</div>
-								</div>
-							{/each}
-						</div>
-					</div>
-				{/if}
-			</div>
-
-			<!-- Footer -->
-			<div class="modal-footer">
-				{#if isEditMode && onDelete}
-					<button
-						type="button"
-						class="delete-btn"
-						class:confirm={confirmDelete}
-						onclick={handleDelete}
-					>
-						{confirmDelete ? 'Wirklich löschen?' : 'Löschen'}
-					</button>
-				{:else}
-					<div></div>
-				{/if}
-
-				<div class="footer-actions">
-					<button type="button" class="cancel-btn" onclick={onClose}>Abbrechen</button>
-					<button type="button" class="save-btn" disabled={!name.trim()} onclick={handleSave}>
-						{isEditMode ? 'Speichern' : 'Erstellen'}
-					</button>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	/* ─── Backdrop ──────────────────────────────────────────── */
-	.modal-backdrop {
-		position: fixed;
-		inset: 0;
-		z-index: 100;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		background: rgba(0, 0, 0, 0.5);
-		backdrop-filter: blur(4px);
-		padding: 1rem;
-		animation: fadeIn 0.15s ease-out;
-	}
-
-	@keyframes fadeIn {
-		from {
-			opacity: 0;
-		}
-		to {
-			opacity: 1;
-		}
-	}
-
-	/* ─── Modal ─────────────────────────────────────────────── */
-	.modal-content {
-		width: 100%;
-		max-width: 520px;
-		max-height: 85vh;
-		display: flex;
-		flex-direction: column;
-		background: rgba(255, 255, 255, 0.92);
-		backdrop-filter: blur(20px);
-		-webkit-backdrop-filter: blur(20px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 1.25rem;
-		box-shadow:
-			0 25px 50px -12px rgba(0, 0, 0, 0.25),
-			0 0 0 1px rgba(0, 0, 0, 0.05);
-		animation: slideUp 0.2s ease-out;
-	}
-
-	:global(.dark) .modal-content {
-		background: rgba(30, 30, 40, 0.95);
-		border: 1px solid rgba(255, 255, 255, 0.1);
-	}
-
-	@keyframes slideUp {
-		from {
-			opacity: 0;
-			transform: translateY(10px) scale(0.98);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0) scale(1);
-		}
-	}
-
-	/* ─── Header ────────────────────────────────────────────── */
-	.modal-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1.25rem 1.5rem;
-		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-	}
-
-	:global(.dark) .modal-header {
-		border-bottom-color: rgba(255, 255, 255, 0.08);
-	}
-
-	.modal-title {
-		font-size: 1.125rem;
-		font-weight: 600;
-		color: #111827;
-		margin: 0;
-	}
-
-	:global(.dark) .modal-title {
-		color: #f3f4f6;
-	}
-
-	.close-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border: none;
-		border-radius: 0.5rem;
-		background: transparent;
-		color: #9ca3af;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.close-btn:hover {
-		background: rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-
-	:global(.dark) .close-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	/* ─── Body ──────────────────────────────────────────────── */
-	.modal-body {
-		padding: 1.25rem 1.5rem;
-		overflow-y: auto;
-		flex: 1;
-		min-height: 0;
-	}
-
-	.field {
-		margin-bottom: 1.25rem;
-	}
-
-	.field:last-child {
-		margin-bottom: 0;
-	}
-
-	.field-label {
-		display: block;
-		font-size: 0.8125rem;
-		font-weight: 600;
-		color: #6b7280;
-		margin-bottom: 0.5rem;
-		text-transform: uppercase;
-		letter-spacing: 0.025em;
-	}
-
-	:global(.dark) .field-label {
-		color: #9ca3af;
-	}
-
-	.field-label-row {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		margin-bottom: 0.5rem;
-	}
-
-	.field-label-row .field-label {
-		margin-bottom: 0;
-	}
-
-	.field-input {
-		width: 100%;
-		padding: 0.625rem 0.875rem;
-		font-size: 0.875rem;
-		color: #111827;
-		background: rgba(255, 255, 255, 0.7);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 0.75rem;
-		outline: none;
-		transition: all 0.15s;
-	}
-
-	.field-input:focus {
-		border-color: #8b5cf6;
-		box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
-	}
-
-	:global(.dark) .field-input {
-		color: #f3f4f6;
-		background: rgba(255, 255, 255, 0.08);
-		border-color: rgba(255, 255, 255, 0.12);
-	}
-
-	:global(.dark) .field-input:focus {
-		border-color: #8b5cf6;
-		box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25);
-	}
-
-	/* ─── Icon Grid ─────────────────────────────────────────── */
-	.icon-grid {
-		display: grid;
-		grid-template-columns: repeat(6, 1fr);
-		gap: 0.375rem;
-	}
-
-	@media (max-width: 480px) {
-		.icon-grid {
-			grid-template-columns: repeat(4, 1fr);
-		}
-	}
-
-	.icon-option {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.5rem 0.25rem;
-		border: 1px solid transparent;
-		border-radius: 0.625rem;
-		background: transparent;
-		color: #6b7280;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.icon-option:hover {
-		background: rgba(0, 0, 0, 0.04);
-		color: #374151;
-	}
-
-	:global(.dark) .icon-option {
-		color: #9ca3af;
-	}
-
-	:global(.dark) .icon-option:hover {
-		background: rgba(255, 255, 255, 0.08);
-		color: #f3f4f6;
-	}
-
-	.icon-option.selected {
-		background: rgba(139, 92, 246, 0.1);
-		border-color: #8b5cf6;
-		color: #8b5cf6;
-	}
-
-	:global(.dark) .icon-option.selected {
-		background: rgba(139, 92, 246, 0.2);
-		border-color: #8b5cf6;
-		color: #a78bfa;
-	}
-
-	.icon-label {
-		font-size: 0.625rem;
-		font-weight: 500;
-		text-align: center;
-		line-height: 1.2;
-	}
-
-	/* ─── Layout Toggle ─────────────────────────────────────── */
-	.layout-toggle {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.layout-option {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.625rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: #6b7280;
-		background: rgba(255, 255, 255, 0.5);
-		border: 1px solid rgba(0, 0, 0, 0.08);
-		border-radius: 0.75rem;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.layout-option:hover {
-		background: rgba(0, 0, 0, 0.04);
-		border-color: rgba(0, 0, 0, 0.15);
-	}
-
-	:global(.dark) .layout-option {
-		color: #9ca3af;
-		background: rgba(255, 255, 255, 0.06);
-		border-color: rgba(255, 255, 255, 0.1);
-	}
-
-	:global(.dark) .layout-option:hover {
-		background: rgba(255, 255, 255, 0.1);
-		border-color: rgba(255, 255, 255, 0.18);
-	}
-
-	.layout-option.selected {
-		color: #8b5cf6;
-		background: rgba(139, 92, 246, 0.1);
-		border-color: #8b5cf6;
-	}
-
-	:global(.dark) .layout-option.selected {
-		color: #a78bfa;
-		background: rgba(139, 92, 246, 0.15);
-		border-color: #8b5cf6;
-	}
-
-	/* ─── Columns List ──────────────────────────────────────── */
-	.columns-empty {
-		font-size: 0.8125rem;
-		color: #9ca3af;
-		font-style: italic;
-		margin: 0;
-	}
-
-	.add-col-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		padding: 0.25rem 0.625rem;
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: #8b5cf6;
-		background: rgba(139, 92, 246, 0.1);
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.add-col-btn:hover {
-		background: rgba(139, 92, 246, 0.2);
-	}
-
-	.columns-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-	}
-
-	.column-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.375rem 0.5rem;
-		background: rgba(255, 255, 255, 0.5);
-		border: 1px solid rgba(0, 0, 0, 0.06);
-		border-radius: 0.625rem;
-		transition: all 0.15s;
-	}
-
-	.drag-handle {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-shrink: 0;
-		color: #d1d5db;
-		cursor: grab;
-		opacity: 0;
-		transition: opacity 0.15s;
-	}
-
-	.drag-handle:active {
-		cursor: grabbing;
-	}
-
-	.column-item:hover .drag-handle {
-		opacity: 1;
-	}
-
-	:global(.dark) .drag-handle {
-		color: #4b5563;
-	}
-
-	:global(.columns-drop-target) {
-		outline: 2px dashed #8b5cf6;
-		outline-offset: -2px;
-		border-radius: 0.625rem;
-		background: rgba(139, 92, 246, 0.05);
-	}
-
-	:global(.dark) .column-item {
-		background: rgba(255, 255, 255, 0.06);
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-
-	.color-dot-wrapper {
-		position: relative;
-		flex-shrink: 0;
-	}
-
-	.color-dot {
-		width: 1rem;
-		height: 1rem;
-		border-radius: 50%;
-		border: 2px solid rgba(255, 255, 255, 0.8);
-		cursor: pointer;
-		transition: transform 0.15s;
-		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-	}
-
-	.color-dot:hover {
-		transform: scale(1.15);
-	}
-
-	.color-picker-dropdown {
-		position: absolute;
-		top: 100%;
-		left: 0;
-		z-index: 10;
-		display: flex;
-		gap: 0.25rem;
-		padding: 0.5rem;
-		margin-top: 0.25rem;
-		background: var(--color-surface-elevated-3);
-		border: 1px solid var(--color-border);
-		border-radius: 0.75rem;
-		box-shadow: var(--shadow-xl);
-	}
-
-	.color-swatch {
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 50%;
-		border: 2px solid transparent;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.color-swatch:hover {
-		transform: scale(1.2);
-	}
-
-	.color-swatch.selected {
-		border-color: white;
-		box-shadow: 0 0 0 2px currentColor;
-	}
-
-	.column-name-input {
-		flex: 1;
-		min-width: 0;
-		padding: 0.25rem 0.5rem;
-		font-size: 0.8125rem;
-		color: #374151;
-		background: transparent;
-		border: 1px solid transparent;
-		border-radius: 0.375rem;
-		outline: none;
-		transition: all 0.15s;
-	}
-
-	.column-name-input:focus {
-		background: rgba(255, 255, 255, 0.5);
-		border-color: rgba(0, 0, 0, 0.1);
-	}
-
-	:global(.dark) .column-name-input {
-		color: #e5e7eb;
-	}
-
-	:global(.dark) .column-name-input:focus {
-		background: rgba(255, 255, 255, 0.08);
-		border-color: rgba(255, 255, 255, 0.15);
-	}
-
-	.column-name-text {
-		flex: 1;
-		font-size: 0.8125rem;
-		color: #374151;
-	}
-
-	:global(.dark) .column-name-text {
-		color: #e5e7eb;
-	}
-
-	.column-delete-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border: none;
-		border-radius: 0.375rem;
-		background: transparent;
-		color: #d1d5db;
-		cursor: pointer;
-		transition: all 0.15s;
-		flex-shrink: 0;
-	}
-
-	.column-delete-btn:hover {
-		background: rgba(239, 68, 68, 0.1);
-		color: #ef4444;
-	}
-
-	/* ─── Column Preview ────────────────────────────────────── */
-	.columns-preview {
-		display: flex;
-		gap: 0.375rem;
-		overflow-x: auto;
-		padding-bottom: 0.25rem;
-	}
-
-	.columns-preview.grid-preview {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		overflow-x: visible;
-	}
-
-	.preview-col {
-		flex: 1;
-		min-width: 80px;
-	}
-
-	.preview-col-header {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.375rem 0.625rem;
-		background: rgba(255, 255, 255, 0.6);
-		border: 1px solid rgba(0, 0, 0, 0.06);
-		border-top: 2px solid;
-		border-radius: 0.5rem;
-		font-size: 0.75rem;
-	}
-
-	:global(.dark) .preview-col-header {
-		background: rgba(255, 255, 255, 0.06);
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-
-	.preview-dot {
-		width: 0.5rem;
-		height: 0.5rem;
-		border-radius: 50%;
-		flex-shrink: 0;
-	}
-
-	.preview-name {
-		color: #6b7280;
-		font-weight: 500;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	:global(.dark) .preview-name {
-		color: #9ca3af;
-	}
-
-	/* ─── Footer ────────────────────────────────────────────── */
-	.modal-footer {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 1.5rem;
-		border-top: 1px solid rgba(0, 0, 0, 0.06);
-	}
-
-	:global(.dark) .modal-footer {
-		border-top-color: rgba(255, 255, 255, 0.08);
-	}
-
-	.footer-actions {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.cancel-btn {
-		padding: 0.5rem 1rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: #6b7280;
-		background: transparent;
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		border-radius: 0.625rem;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.cancel-btn:hover {
-		background: rgba(0, 0, 0, 0.04);
-	}
-
-	:global(.dark) .cancel-btn {
-		color: #9ca3af;
-		border-color: rgba(255, 255, 255, 0.12);
-	}
-
-	:global(.dark) .cancel-btn:hover {
-		background: rgba(255, 255, 255, 0.08);
-	}
-
-	.save-btn {
-		padding: 0.5rem 1.25rem;
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: white;
-		background: #8b5cf6;
-		border: none;
-		border-radius: 0.625rem;
-		cursor: pointer;
-		transition: all 0.15s;
-		box-shadow: 0 2px 4px rgba(139, 92, 246, 0.3);
-	}
-
-	.save-btn:hover:not(:disabled) {
-		background: #7c3aed;
-		transform: translateY(-1px);
-		box-shadow: 0 4px 8px rgba(139, 92, 246, 0.4);
-	}
-
-	.save-btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.delete-btn {
-		padding: 0.5rem 1rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: #ef4444;
-		background: rgba(239, 68, 68, 0.08);
-		border: 1px solid rgba(239, 68, 68, 0.2);
-		border-radius: 0.625rem;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.delete-btn:hover {
-		background: rgba(239, 68, 68, 0.15);
-	}
-
-	.delete-btn.confirm {
-		background: #ef4444;
-		color: white;
-		border-color: #ef4444;
-	}
-
-	.delete-btn.confirm:hover {
-		background: #dc2626;
-		border-color: #dc2626;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/ViewSelector.svelte b/apps/todo/apps/web-archived/src/lib/components/board-views/ViewSelector.svelte
deleted file mode 100644
index ffa29ef9d..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/ViewSelector.svelte
+++ /dev/null
@@ -1,351 +0,0 @@
-<script lang="ts">
-	import { dndzone, SHADOW_PLACEHOLDER_ITEM_ID, type DndEvent } from 'svelte-dnd-action';
-	import type { LocalBoardView } from '$lib/data/local-store';
-	import {
-		DotsThreeVertical,
-		Plus,
-		PencilSimple,
-		Columns,
-		GridFour,
-		Flag,
-		Folder,
-		CalendarBlank,
-		List,
-		Star,
-		Tag,
-		Clock,
-		Crosshair,
-		Lightning,
-		Heart,
-	} from '@manacore/shared-icons';
-	import type { ComponentType } from 'svelte';
-
-	// Map icon names to Phosphor components
-	const phosphorIconMap: Record<string, ComponentType> = {
-		columns: Columns,
-		'grid-four': GridFour,
-		flag: Flag,
-		folders: Folder,
-		calendar: CalendarBlank,
-		list: List,
-		star: Star,
-		tag: Tag,
-		clock: Clock,
-		target: Crosshair,
-		lightning: Lightning,
-		heart: Heart,
-	};
-
-	interface Props {
-		views: LocalBoardView[];
-		activeViewId: string | null;
-		onSelect: (viewId: string) => void;
-		onCreate?: () => void;
-		onEdit?: (view: LocalBoardView) => void;
-		onReorder?: (viewIds: string[]) => void;
-	}
-
-	let { views, activeViewId, onSelect, onCreate, onEdit, onReorder }: Props = $props();
-
-	// Local state for DnD
-	let localViews = $state<LocalBoardView[]>([]);
-
-	$effect(() => {
-		localViews = [...views];
-	});
-
-	const flipDurationMs = 150;
-
-	function handleDndConsider(e: CustomEvent<DndEvent<LocalBoardView>>) {
-		localViews = e.detail.items;
-	}
-
-	function handleDndFinalize(e: CustomEvent<DndEvent<LocalBoardView>>) {
-		localViews = e.detail.items.filter((v) => v.id !== SHADOW_PLACEHOLDER_ITEM_ID);
-		if (onReorder) {
-			onReorder(localViews.map((v) => v.id));
-		}
-	}
-
-	// Context menu state
-	let contextMenuViewId = $state<string | null>(null);
-	let contextMenuPos = $state({ x: 0, y: 0 });
-
-	function handleContextMenu(e: MouseEvent, view: LocalBoardView) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenuViewId = view.id;
-		contextMenuPos = { x: e.clientX, y: e.clientY };
-	}
-
-	function handleMoreClick(e: MouseEvent, view: LocalBoardView) {
-		e.stopPropagation();
-		const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
-		contextMenuViewId = view.id;
-		contextMenuPos = { x: rect.left, y: rect.bottom + 4 };
-	}
-
-	function handleEditClick() {
-		const view = views.find((v) => v.id === contextMenuViewId);
-		contextMenuViewId = null;
-		if (view && onEdit) {
-			onEdit(view);
-		}
-	}
-
-	function closeContextMenu() {
-		contextMenuViewId = null;
-	}
-</script>
-
-<svelte:window onclick={closeContextMenu} />
-
-<div class="view-selector-container">
-	<div class="view-selector">
-		<div
-			class="view-pills-scroll"
-			use:dndzone={{
-				items: localViews,
-				flipDurationMs,
-				dropTargetStyle: {},
-				type: 'view-pills',
-				morphDisabled: true,
-			}}
-			onconsider={handleDndConsider}
-			onfinalize={handleDndFinalize}
-		>
-			{#each localViews.filter((v) => v.id !== SHADOW_PLACEHOLDER_ITEM_ID) as view (view.id)}
-				<button
-					type="button"
-					class="view-pill"
-					class:active={activeViewId === view.id}
-					onclick={() => onSelect(view.id)}
-					oncontextmenu={(e) => handleContextMenu(e, view)}
-				>
-					{#if view.icon && phosphorIconMap[view.icon]}
-						{@const IconComponent = phosphorIconMap[view.icon]}
-						<span class="mr-1.5"><IconComponent size={16} /></span>
-					{:else if view.icon}
-						<span class="mr-1.5 text-sm">{view.icon}</span>
-					{/if}
-					<span class="view-name">{view.name}</span>
-
-					{#if activeViewId === view.id && onEdit}
-						<button
-							type="button"
-							class="more-btn"
-							onclick={(e) => handleMoreClick(e, view)}
-							aria-label="View-Optionen"
-						>
-							<DotsThreeVertical size={12} weight="bold" />
-						</button>
-					{/if}
-				</button>
-			{/each}
-		</div>
-
-		{#if onCreate}
-			<button type="button" class="view-pill add-pill" onclick={onCreate}>
-				<Plus size={16} />
-			</button>
-		{/if}
-	</div>
-</div>
-
-<!-- Context Menu -->
-{#if contextMenuViewId}
-	<div
-		class="context-menu"
-		style="left: {contextMenuPos.x}px; top: {contextMenuPos.y}px;"
-		role="menu"
-	>
-		<button type="button" class="context-item" role="menuitem" onclick={handleEditClick}>
-			<PencilSimple size={16} />
-			Bearbeiten
-		</button>
-	</div>
-{/if}
-
-<style>
-	.view-selector-container {
-		padding: 0 1rem;
-		margin-bottom: 0.75rem;
-	}
-
-	@media (min-width: 640px) {
-		.view-selector-container {
-			padding: 0 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.view-selector-container {
-			padding: 0 2rem;
-		}
-	}
-
-	.view-selector {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		/* Glass-Pill container */
-		background: rgba(255, 255, 255, 0.65);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.08);
-		border-radius: 9999px;
-		padding: 0.375rem;
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.07),
-			0 2px 4px -1px rgba(0, 0, 0, 0.04);
-	}
-
-	:global(.dark) .view-selector {
-		background: rgba(255, 255, 255, 0.1);
-		border: 1px solid rgba(255, 255, 255, 0.12);
-	}
-
-	.view-pills-scroll {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		overflow-x: auto;
-		scroll-behavior: smooth;
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-
-	.view-pills-scroll::-webkit-scrollbar {
-		display: none;
-	}
-
-	.view-pill {
-		display: flex;
-		align-items: center;
-		padding: 0.5rem 0.875rem;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: #6b7280;
-		background: transparent;
-		border: none;
-		border-radius: 9999px;
-		cursor: pointer;
-		transition: all 0.15s ease;
-		white-space: nowrap;
-		flex-shrink: 0;
-	}
-
-	.view-pill:hover {
-		background: rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-
-	:global(.dark) .view-pill {
-		color: #9ca3af;
-	}
-
-	:global(.dark) .view-pill:hover {
-		background: rgba(255, 255, 255, 0.12);
-		color: #f3f4f6;
-	}
-
-	.view-pill.active {
-		background: #8b5cf6;
-		color: white;
-		box-shadow:
-			0 2px 4px -1px rgba(0, 0, 0, 0.15),
-			0 1px 2px -1px rgba(0, 0, 0, 0.1);
-	}
-
-	.view-pill.active:hover {
-		filter: brightness(1.1);
-		color: white;
-	}
-
-	:global(.dark) .view-pill.active {
-		background: #8b5cf6;
-		color: white;
-	}
-
-	.view-name {
-		max-width: 150px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	/* ─── Add Pill ──────────────────────────────────────────── */
-	.add-pill {
-		padding: 0.5rem;
-		color: #9ca3af;
-		opacity: 0.7;
-	}
-
-	.add-pill:hover {
-		opacity: 1;
-		color: #8b5cf6;
-		background: rgba(139, 92, 246, 0.1);
-	}
-
-	:global(.dark) .add-pill {
-		color: #6b7280;
-	}
-
-	:global(.dark) .add-pill:hover {
-		color: #a78bfa;
-		background: rgba(139, 92, 246, 0.15);
-	}
-
-	/* ─── More Button (three dots) ──────────────────────────── */
-	.more-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.25rem;
-		height: 1.25rem;
-		margin-left: 0.25rem;
-		border: none;
-		border-radius: 0.25rem;
-		background: transparent;
-		color: rgba(255, 255, 255, 0.7);
-		cursor: pointer;
-		transition: all 0.15s;
-		padding: 0;
-	}
-
-	.more-btn:hover {
-		color: white;
-		background: rgba(255, 255, 255, 0.2);
-	}
-
-	/* ─── Context Menu ──────────────────────────────────────── */
-	.context-menu {
-		position: fixed;
-		z-index: 200;
-		min-width: 160px;
-		padding: 0.375rem;
-		background: var(--color-surface-elevated-3);
-		border: 1px solid var(--color-border);
-		border-radius: 0.75rem;
-		box-shadow: var(--shadow-xl);
-	}
-
-	.context-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: var(--color-foreground);
-		background: transparent;
-		border: none;
-		border-radius: 0.5rem;
-		cursor: pointer;
-		transition: all 0.1s;
-	}
-
-	.context-item:hover {
-		background: var(--color-surface-hover);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/board-views/index.ts b/apps/todo/apps/web-archived/src/lib/components/board-views/index.ts
deleted file mode 100644
index e547bd5d9..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/board-views/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export { default as ViewColumnHeader } from './ViewColumnHeader.svelte';
-export { default as ViewColumn } from './ViewColumn.svelte';
-export { default as KanbanLayout } from './KanbanLayout.svelte';
-export { default as GridLayout } from './GridLayout.svelte';
-export { default as FokusLayout } from './FokusLayout.svelte';
-export { default as BoardViewRenderer } from './BoardViewRenderer.svelte';
-export { default as ViewSelector } from './ViewSelector.svelte';
-export { default as ViewEditorModal } from './ViewEditorModal.svelte';
diff --git a/apps/todo/apps/web-archived/src/lib/components/form/DurationPicker.svelte b/apps/todo/apps/web-archived/src/lib/components/form/DurationPicker.svelte
deleted file mode 100644
index f78687f66..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/form/DurationPicker.svelte
+++ /dev/null
@@ -1,215 +0,0 @@
-<script lang="ts">
-	import type { DurationUnit, EffectiveDuration } from '@todo/shared';
-	import { t } from 'svelte-i18n';
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		value: EffectiveDuration | null;
-		onChange: (value: EffectiveDuration | null) => void;
-	}
-
-	let { value, onChange }: Props = $props();
-
-	let showCustom = $state(false);
-	let customValue = $state<number | null>(null);
-	let customUnit = $state<DurationUnit>('hours');
-
-	// Quick duration options
-	const quickOptions: { label: string; value: number; unit: DurationUnit }[] = [
-		{ label: '15m', value: 15, unit: 'minutes' },
-		{ label: '30m', value: 30, unit: 'minutes' },
-		{ label: '1h', value: 1, unit: 'hours' },
-		{ label: '2h', value: 2, unit: 'hours' },
-		{ label: '4h', value: 4, unit: 'hours' },
-		{ label: '1d', value: 1, unit: 'days' },
-		{ label: '2d', value: 2, unit: 'days' },
-	];
-
-	let unitOptions = $derived([
-		{ value: 'minutes' as DurationUnit, label: $t('durationPicker.minutes') },
-		{ value: 'hours' as DurationUnit, label: $t('durationPicker.hours') },
-		{ value: 'days' as DurationUnit, label: $t('durationPicker.days') },
-	]);
-
-	// Sync custom inputs with value prop
-	$effect(() => {
-		if (value) {
-			const isQuickOption = quickOptions.some(
-				(opt) => opt.value === value.value && opt.unit === value.unit
-			);
-			if (!isQuickOption) {
-				showCustom = true;
-				customValue = value.value;
-				customUnit = value.unit;
-			} else {
-				showCustom = false;
-			}
-		} else {
-			showCustom = false;
-			customValue = null;
-			customUnit = 'hours';
-		}
-	});
-
-	function selectQuick(opt: { value: number; unit: DurationUnit }) {
-		showCustom = false;
-		onChange({ value: opt.value, unit: opt.unit });
-	}
-
-	function isQuickSelected(opt: { value: number; unit: DurationUnit }): boolean {
-		return value !== null && value.value === opt.value && value.unit === opt.unit && !showCustom;
-	}
-
-	function toggleCustom() {
-		showCustom = !showCustom;
-		if (showCustom && customValue && customValue > 0) {
-			onChange({ value: customValue, unit: customUnit });
-		}
-	}
-
-	function handleCustomChange() {
-		if (customValue && customValue > 0) {
-			onChange({ value: customValue, unit: customUnit });
-		}
-	}
-
-	function clear() {
-		showCustom = false;
-		customValue = null;
-		customUnit = 'hours';
-		onChange(null);
-	}
-</script>
-
-<div class="duration-picker">
-	<div class="duration-buttons">
-		{#each quickOptions as opt}
-			<button
-				type="button"
-				class="duration-btn"
-				class:selected={isQuickSelected(opt)}
-				onclick={() => selectQuick(opt)}
-			>
-				{opt.label}
-			</button>
-		{/each}
-		<button type="button" class="duration-btn" class:selected={showCustom} onclick={toggleCustom}>
-			...
-		</button>
-		{#if value !== null}
-			<button type="button" class="duration-clear" onclick={clear} title={$t('common.reset')}>
-				<X size={16} />
-			</button>
-		{/if}
-	</div>
-
-	{#if showCustom}
-		<div class="duration-custom">
-			<input
-				type="number"
-				class="duration-input"
-				bind:value={customValue}
-				oninput={handleCustomChange}
-				placeholder={$t('durationPicker.value')}
-				min="1"
-			/>
-			<select class="duration-unit" bind:value={customUnit} onchange={handleCustomChange}>
-				{#each unitOptions as unit}
-					<option value={unit.value}>{unit.label}</option>
-				{/each}
-			</select>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.duration-picker {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.duration-buttons {
-		display: flex;
-		gap: 0.375rem;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-
-	.duration-btn {
-		padding: 0.5rem 0.75rem;
-		border: 1px solid var(--color-border);
-		border-radius: 9999px;
-		background: var(--color-surface);
-		font-size: 0.8125rem;
-		color: var(--color-foreground);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.duration-btn:hover {
-		border-color: var(--color-primary);
-	}
-
-	.duration-btn.selected {
-		background: color-mix(in srgb, var(--color-primary) 15%, transparent);
-		border-color: var(--color-primary);
-		color: var(--color-primary);
-	}
-
-	.duration-clear {
-		width: 2rem;
-		height: 2rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0;
-		border: none;
-		border-radius: 9999px;
-		background: color-mix(in srgb, var(--color-error) 10%, transparent);
-		color: var(--color-error);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.duration-clear:hover {
-		background: color-mix(in srgb, var(--color-error) 20%, transparent);
-	}
-
-	.duration-custom {
-		display: flex;
-		gap: 0.5rem;
-	}
-
-	.duration-input {
-		width: 80px;
-		padding: 0.5rem 0.75rem;
-		border: 1px solid var(--color-border);
-		border-radius: 0.75rem;
-		background: var(--color-surface);
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-	}
-
-	.duration-input:focus {
-		outline: none;
-		border-color: var(--color-primary);
-		box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent);
-	}
-
-	.duration-unit {
-		width: 120px;
-		padding: 0.5rem 0.75rem;
-		border: 1px solid var(--color-border);
-		border-radius: 0.75rem;
-		background: var(--color-surface);
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-	}
-
-	.duration-unit:focus {
-		outline: none;
-		border-color: var(--color-primary);
-		box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/form/FunRatingPicker.svelte b/apps/todo/apps/web-archived/src/lib/components/form/FunRatingPicker.svelte
deleted file mode 100644
index 7b668c64c..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/form/FunRatingPicker.svelte
+++ /dev/null
@@ -1,124 +0,0 @@
-<script lang="ts">
-	import { t } from 'svelte-i18n';
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		value: number | null;
-		onChange: (value: number | null) => void;
-	}
-
-	let { value, onChange }: Props = $props();
-
-	function getRatingColor(rating: number): string {
-		if (rating <= 3) return '#ef4444'; // red
-		if (rating <= 6) return '#eab308'; // yellow
-		return '#22c55e'; // green
-	}
-
-	function handleSelect(rating: number) {
-		onChange(value === rating ? null : rating);
-	}
-
-	function handleClear() {
-		onChange(null);
-	}
-</script>
-
-<div class="fun-rating-picker">
-	<div class="fun-rating">
-		{#each Array(10) as _, i}
-			{@const rating = i + 1}
-			<button
-				type="button"
-				class="fun-rating-dot"
-				class:filled={value !== null && rating <= value}
-				style="--dot-color: {getRatingColor(rating)}"
-				onclick={() => handleSelect(rating)}
-				title={String(rating)}
-			>
-				<span class="dot"></span>
-			</button>
-		{/each}
-		{#if value !== null}
-			<button
-				type="button"
-				class="fun-rating-clear"
-				onclick={handleClear}
-				title={$t('common.reset')}
-			>
-				<X size={16} />
-			</button>
-		{/if}
-	</div>
-	<div class="fun-rating-labels">
-		<span>1</span>
-		<span>5</span>
-		<span>10</span>
-	</div>
-</div>
-
-<style>
-	.fun-rating-picker {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.fun-rating {
-		display: flex;
-		gap: 0.25rem;
-		align-items: center;
-	}
-
-	.fun-rating-dot {
-		padding: 0.25rem;
-		border: none;
-		background: transparent;
-		cursor: pointer;
-		transition: transform 0.15s;
-	}
-
-	.fun-rating-dot:hover {
-		transform: scale(1.2);
-	}
-
-	.fun-rating-dot .dot {
-		display: block;
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 9999px;
-		background: var(--color-border);
-		transition: all 0.15s;
-	}
-
-	.fun-rating-dot.filled .dot {
-		background: var(--dot-color);
-	}
-
-	.fun-rating-labels {
-		display: flex;
-		justify-content: space-between;
-		padding: 0 0.25rem;
-		font-size: 0.6875rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.fun-rating-clear {
-		width: 2rem;
-		height: 2rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0;
-		border: none;
-		border-radius: 9999px;
-		background: color-mix(in srgb, var(--color-error) 10%, transparent);
-		color: var(--color-error);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.fun-rating-clear:hover {
-		background: color-mix(in srgb, var(--color-error) 20%, transparent);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/form/PrioritySelector.svelte b/apps/todo/apps/web-archived/src/lib/components/form/PrioritySelector.svelte
deleted file mode 100644
index 3849c48dd..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/form/PrioritySelector.svelte
+++ /dev/null
@@ -1,64 +0,0 @@
-<script lang="ts">
-	import type { TaskPriority } from '@todo/shared';
-	import { PRIORITY_OPTIONS } from '@todo/shared';
-
-	interface Props {
-		value: TaskPriority;
-		onChange: (priority: TaskPriority) => void;
-	}
-
-	let { value, onChange }: Props = $props();
-</script>
-
-<div class="priority-buttons">
-	{#each PRIORITY_OPTIONS as p}
-		<button
-			type="button"
-			class="priority-btn"
-			class:selected={value === p.value}
-			style="--priority-color: {p.color}"
-			onclick={() => onChange(p.value)}
-		>
-			<span class="priority-dot" style="background-color: {p.color}"></span>
-			{p.label}
-		</button>
-	{/each}
-</div>
-
-<style>
-	.priority-buttons {
-		display: flex;
-		gap: 0.5rem;
-		flex-wrap: wrap;
-	}
-
-	.priority-btn {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.5rem 0.875rem;
-		border: 1px solid var(--color-border);
-		border-radius: 9999px;
-		background: var(--color-surface);
-		font-size: 0.8125rem;
-		color: var(--color-foreground);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.priority-btn:hover {
-		border-color: var(--priority-color);
-	}
-
-	.priority-btn.selected {
-		background: color-mix(in srgb, var(--priority-color) 15%, transparent);
-		border-color: var(--priority-color);
-		color: var(--priority-color);
-	}
-
-	.priority-dot {
-		width: 0.5rem;
-		height: 0.5rem;
-		border-radius: 9999px;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/form/ReminderSelector.svelte b/apps/todo/apps/web-archived/src/lib/components/form/ReminderSelector.svelte
deleted file mode 100644
index f6d87d72a..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/form/ReminderSelector.svelte
+++ /dev/null
@@ -1,91 +0,0 @@
-<script lang="ts">
-	import { t } from 'svelte-i18n';
-	import { Bell, BellSlash } from '@manacore/shared-icons';
-
-	interface Props {
-		value: number | null;
-		onChange: (minutes: number | null) => void;
-		disabled?: boolean;
-	}
-
-	let { value, onChange, disabled = false }: Props = $props();
-
-	const options: { minutes: number | null; labelKey: string }[] = [
-		{ minutes: null, labelKey: 'reminders.none' },
-		{ minutes: 0, labelKey: 'reminders.atTime' },
-		{ minutes: 5, labelKey: 'reminders.5min' },
-		{ minutes: 15, labelKey: 'reminders.15min' },
-		{ minutes: 30, labelKey: 'reminders.30min' },
-		{ minutes: 60, labelKey: 'reminders.1hour' },
-		{ minutes: 120, labelKey: 'reminders.2hours' },
-		{ minutes: 1440, labelKey: 'reminders.1day' },
-		{ minutes: 2880, labelKey: 'reminders.2days' },
-		{ minutes: 10080, labelKey: 'reminders.1week' },
-	];
-
-	function handleChange(e: Event) {
-		const raw = (e.target as HTMLSelectElement).value;
-		onChange(raw === '' ? null : Number(raw));
-	}
-</script>
-
-<div class="reminder-selector">
-	<div class="reminder-icon" class:active={value !== null}>
-		{#if value !== null}
-			<Bell size={14} weight="fill" />
-		{:else}
-			<BellSlash size={14} />
-		{/if}
-	</div>
-	<select
-		class="reminder-select"
-		value={value === null ? '' : String(value)}
-		onchange={handleChange}
-		{disabled}
-	>
-		{#each options as opt}
-			<option value={opt.minutes === null ? '' : String(opt.minutes)}>
-				{$t(opt.labelKey)}
-			</option>
-		{/each}
-	</select>
-</div>
-
-<style>
-	.reminder-selector {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-	}
-
-	.reminder-icon {
-		display: flex;
-		align-items: center;
-		color: var(--color-muted-foreground);
-		transition: color 0.15s;
-	}
-
-	.reminder-icon.active {
-		color: var(--color-primary);
-	}
-
-	.reminder-select {
-		border: none;
-		background: transparent;
-		font-size: 0.8125rem;
-		color: var(--color-foreground);
-		font-family: inherit;
-		padding: 0;
-		outline: none;
-		cursor: pointer;
-		min-width: 0;
-	}
-
-	.reminder-select:focus {
-		color: var(--color-primary);
-	}
-
-	:global(.dark) .reminder-select {
-		color-scheme: dark;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/form/StorypointsSelector.svelte b/apps/todo/apps/web-archived/src/lib/components/form/StorypointsSelector.svelte
deleted file mode 100644
index 28df0ba6b..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/form/StorypointsSelector.svelte
+++ /dev/null
@@ -1,95 +0,0 @@
-<script lang="ts">
-	import { t } from 'svelte-i18n';
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		value: number | null;
-		onChange: (value: number | null) => void;
-	}
-
-	let { value, onChange }: Props = $props();
-
-	// Fibonacci sequence for story points
-	const options = [1, 2, 3, 5, 8, 13, 21];
-
-	function handleSelect(sp: number) {
-		onChange(value === sp ? null : sp);
-	}
-
-	function handleClear() {
-		onChange(null);
-	}
-</script>
-
-<div class="storypoint-buttons">
-	{#each options as sp}
-		<button
-			type="button"
-			class="storypoint-btn"
-			class:selected={value === sp}
-			onclick={() => handleSelect(sp)}
-		>
-			{sp}
-		</button>
-	{/each}
-	{#if value !== null}
-		<button type="button" class="storypoint-clear" onclick={handleClear} title={$t('common.reset')}>
-			<X size={16} />
-		</button>
-	{/if}
-</div>
-
-<style>
-	.storypoint-buttons {
-		display: flex;
-		gap: 0.375rem;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-
-	.storypoint-btn {
-		min-width: 2.25rem;
-		height: 2.25rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0 0.5rem;
-		border: 1px solid var(--color-border);
-		border-radius: 9999px;
-		background: var(--color-surface);
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: var(--color-foreground);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.storypoint-btn:hover {
-		border-color: var(--color-primary);
-	}
-
-	.storypoint-btn.selected {
-		background: color-mix(in srgb, var(--color-primary) 15%, transparent);
-		border-color: var(--color-primary);
-		color: var(--color-primary);
-	}
-
-	.storypoint-clear {
-		width: 2rem;
-		height: 2rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0;
-		border: none;
-		border-radius: 9999px;
-		background: color-mix(in srgb, var(--color-error) 10%, transparent);
-		color: var(--color-error);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.storypoint-clear:hover {
-		background: color-mix(in srgb, var(--color-error) 20%, transparent);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/form/TagSelector.svelte b/apps/todo/apps/web-archived/src/lib/components/form/TagSelector.svelte
deleted file mode 100644
index 576dfaf8c..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/form/TagSelector.svelte
+++ /dev/null
@@ -1,205 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { t } from 'svelte-i18n';
-	import type { Tag } from '@manacore/shared-tags';
-	import { CaretDown, Check } from '@manacore/shared-icons';
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-
-	interface Props {
-		selectedIds: string[];
-		onChange: (ids: string[]) => void;
-	}
-
-	let { selectedIds, onChange }: Props = $props();
-
-	let showDropdown = $state(false);
-
-	function toggleTag(tagId: string) {
-		if (selectedIds.includes(tagId)) {
-			onChange(selectedIds.filter((id) => id !== tagId));
-		} else {
-			onChange([...selectedIds, tagId]);
-		}
-	}
-
-	function handleTriggerClick(e: MouseEvent) {
-		e.stopPropagation();
-		showDropdown = !showDropdown;
-	}
-
-	function handleWindowClick() {
-		showDropdown = false;
-	}
-</script>
-
-<svelte:window onclick={handleWindowClick} />
-
-<div class="tag-selector">
-	<button type="button" class="tag-trigger" onclick={handleTriggerClick}>
-		{#if selectedIds.length === 0}
-			<span class="text-muted">{$t('tags.selectTags')}</span>
-		{:else}
-			<div class="selected-tags">
-				{#each selectedIds.slice(0, 3) as tagId}
-					{@const tag = tagsCtx.value.find((t) => t.id === tagId)}
-					{#if tag}
-						<span class="tag-chip" style="--tag-color: {tag.color}">
-							{tag.name}
-						</span>
-					{/if}
-				{/each}
-				{#if selectedIds.length > 3}
-					<span class="tag-more">+{selectedIds.length - 3}</span>
-				{/if}
-			</div>
-		{/if}
-		<CaretDown size={20} class="dropdown-arrow" />
-	</button>
-
-	{#if showDropdown}
-		<div class="tag-dropdown" onclick={(e) => e.stopPropagation()} role="listbox">
-			{#each tagsCtx.value as tag}
-				<button
-					type="button"
-					class="tag-option"
-					class:selected={selectedIds.includes(tag.id)}
-					onclick={() => toggleTag(tag.id)}
-					role="option"
-					aria-selected={selectedIds.includes(tag.id)}
-				>
-					<span class="tag-dot" style="background-color: {tag.color}"></span>
-					<span class="tag-name">{tag.name}</span>
-					{#if selectedIds.includes(tag.id)}
-						<Check size={20} class="check-icon" />
-					{/if}
-				</button>
-			{/each}
-			{#if tagsCtx.value.length === 0}
-				<div class="no-tags">{$t('tags.noTagsAvailable')}</div>
-			{/if}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tag-selector {
-		position: relative;
-	}
-
-	.tag-trigger {
-		width: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.625rem 0.875rem;
-		border: 1px solid rgba(0, 0, 0, 0.15);
-		border-radius: 0.75rem;
-		background: rgba(255, 255, 255, 0.8);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	:global(.dark) .tag-trigger {
-		background: rgba(255, 255, 255, 0.1);
-		border-color: rgba(255, 255, 255, 0.15);
-	}
-
-	.tag-trigger:hover {
-		border-color: rgba(0, 0, 0, 0.25);
-	}
-
-	.text-muted {
-		color: #9ca3af;
-		font-size: 0.875rem;
-	}
-
-	.selected-tags {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.375rem;
-	}
-
-	.tag-chip {
-		font-size: 0.75rem;
-		padding: 0.125rem 0.5rem;
-		border-radius: 9999px;
-		background: color-mix(in srgb, var(--tag-color) 15%, transparent);
-		color: var(--tag-color);
-		font-weight: 500;
-	}
-
-	.tag-more {
-		font-size: 0.75rem;
-		color: #6b7280;
-	}
-
-	.dropdown-arrow {
-		width: 1rem;
-		height: 1rem;
-		color: #9ca3af;
-	}
-
-	.tag-dropdown {
-		position: absolute;
-		top: calc(100% + 0.5rem);
-		left: 0;
-		right: 0;
-		max-height: 200px;
-		overflow-y: auto;
-		padding: 0.375rem;
-		border-radius: 0.75rem;
-		background: var(--color-surface-elevated-3);
-		border: 1px solid var(--color-border);
-		box-shadow: var(--shadow-xl);
-		z-index: 10;
-	}
-
-	.tag-option {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		border: none;
-		background: transparent;
-		border-radius: 0.5rem;
-		cursor: pointer;
-		transition: background 0.15s;
-		text-align: left;
-	}
-
-	.tag-option:hover {
-		background: var(--color-surface-hover);
-	}
-
-	.tag-option.selected {
-		background: color-mix(in srgb, var(--color-primary) 12%, transparent);
-	}
-
-	.tag-dot {
-		width: 0.625rem;
-		height: 0.625rem;
-		border-radius: 9999px;
-		flex-shrink: 0;
-	}
-
-	.tag-name {
-		flex: 1;
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-	}
-
-	.check-icon {
-		width: 1rem;
-		height: 1rem;
-		color: var(--color-primary);
-	}
-
-	.no-tags {
-		padding: 0.75rem;
-		text-align: center;
-		font-size: 0.875rem;
-		color: var(--color-muted-foreground);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/form/index.ts b/apps/todo/apps/web-archived/src/lib/components/form/index.ts
deleted file mode 100644
index 8d0d0d7b4..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/form/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export { default as PrioritySelector } from './PrioritySelector.svelte';
-export { default as StorypointsSelector } from './StorypointsSelector.svelte';
-export { default as DurationPicker } from './DurationPicker.svelte';
-export { default as FunRatingPicker } from './FunRatingPicker.svelte';
-export { default as TagSelector } from './TagSelector.svelte';
-export { default as ReminderSelector } from './ReminderSelector.svelte';
diff --git a/apps/todo/apps/web-archived/src/lib/components/kanban/KanbanTaskCard.svelte b/apps/todo/apps/web-archived/src/lib/components/kanban/KanbanTaskCard.svelte
deleted file mode 100644
index 6772efe13..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/kanban/KanbanTaskCard.svelte
+++ /dev/null
@@ -1,827 +0,0 @@
-<script lang="ts">
-	import type { Task, Subtask } from '@todo/shared';
-	import { t } from 'svelte-i18n';
-	import { isToday, isPast } from 'date-fns';
-	import { formatDueDate } from '$lib/utils/date-display';
-	import { getSubtaskProgress } from '$lib/utils/task-helpers';
-	import { ConfirmationModal, ContactAvatar } from '@manacore/shared-ui';
-	import TaskEditModal from '../TaskEditModal.svelte';
-	import {
-		ArrowsClockwise,
-		ArrowsOutSimple,
-		CalendarBlank,
-		Check,
-		CheckSquare,
-		DotsSixVertical,
-		Note,
-		Trash,
-	} from '@manacore/shared-icons';
-	import { PRIORITY_BG_CLASSES } from '$lib/constants/priority';
-	import { dndzone, SHADOW_PLACEHOLDER_ITEM_ID } from 'svelte-dnd-action';
-	import { flip } from 'svelte/animate';
-	import { untrack } from 'svelte';
-
-	interface Props {
-		task: Task;
-		onToggleComplete?: () => void;
-		onSave?: (data: Partial<Task>) => void;
-		onDelete?: () => void;
-	}
-
-	let { task, onToggleComplete, onSave, onDelete }: Props = $props();
-
-	// Modal state
-	let showModal = $state(false);
-	let showDeleteConfirm = $state(false);
-
-	// Completion animation
-	let isAnimatingComplete = $state(false);
-
-	let titleSpanRef = $state<HTMLElement | null>(null);
-
-	// Context menu state
-	let showContextMenu = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-
-	const priorityColors = PRIORITY_BG_CLASSES;
-
-	// Format due date
-	let dueDateText = $derived(() => {
-		if (!task.dueDate) return null;
-		return formatDueDate(new Date(task.dueDate));
-	});
-
-	// Check if overdue
-	let isOverdue = $derived(() => {
-		if (!task.dueDate || task.isCompleted) return false;
-		const date = new Date(task.dueDate);
-		return isPast(date) && !isToday(date);
-	});
-
-	// Subtasks progress
-	let subtaskProgress = $derived(() => getSubtaskProgress(task.subtasks ?? undefined));
-
-	// Click to open modal
-	function handleCardClick(e: MouseEvent) {
-		if (isAnimatingComplete) return;
-		const target = e.target as HTMLElement;
-		if (target.closest('.task-checkbox')) return;
-		showModal = true;
-	}
-
-	function handleCheckboxClick(e: MouseEvent) {
-		e.stopPropagation();
-		if (task.isCompleted) {
-			onToggleComplete?.();
-			return;
-		}
-		if (isAnimatingComplete) return;
-		isAnimatingComplete = true;
-		setTimeout(() => {
-			isAnimatingComplete = false;
-			onToggleComplete?.();
-		}, 500);
-	}
-
-	function handleOpenModal(e: MouseEvent) {
-		e.stopPropagation();
-		showModal = true;
-	}
-
-	function handleTitleBlur(e: FocusEvent) {
-		const el = e.target as HTMLElement;
-		const trimmed = (el.textContent || '').trim();
-		if (trimmed && trimmed !== task.title) {
-			onSave?.({ title: trimmed });
-		} else {
-			el.textContent = task.title;
-		}
-	}
-
-	function handleTitleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			(e.target as HTMLElement).blur();
-		} else if (e.key === 'Escape') {
-			const el = e.target as HTMLElement;
-			el.textContent = task.title;
-			el.blur();
-		}
-	}
-
-	// Right-click context menu
-	function handleContextMenu(e: MouseEvent) {
-		e.preventDefault();
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		showContextMenu = true;
-	}
-
-	// Close context menu when clicking outside
-	function handleClickOutside() {
-		showContextMenu = false;
-	}
-
-	// Context menu actions
-	function handleContextEdit() {
-		showContextMenu = false;
-		showModal = true;
-	}
-
-	function handleContextToggleComplete() {
-		showContextMenu = false;
-		onToggleComplete?.();
-	}
-
-	function handleContextDelete() {
-		showContextMenu = false;
-		showDeleteConfirm = true;
-	}
-
-	function confirmDelete() {
-		showDeleteConfirm = false;
-		onDelete?.();
-	}
-
-	// Modal handlers
-	function handleModalClose() {
-		showModal = false;
-	}
-
-	function handleModalSave(data: Partial<Task>) {
-		onSave?.(data);
-		showModal = false;
-	}
-
-	function handleModalDelete(taskId: string) {
-		onDelete?.();
-		showModal = false;
-	}
-
-	// Inline subtask DnD state
-	let subtaskItems = $state<Subtask[]>([]);
-	let subtaskDropInProgress = false;
-
-	$effect(() => {
-		const current = task.subtasks ?? [];
-		untrack(() => {
-			const newIds = new Set(current.map((s) => s.id));
-			const oldIds = new Set(
-				subtaskItems.filter((s) => s.id !== SHADOW_PLACEHOLDER_ITEM_ID).map((s) => s.id)
-			);
-			const idsChanged = newIds.size !== oldIds.size || current.some((s) => !oldIds.has(s.id));
-			if (idsChanged) {
-				subtaskItems = [...current];
-				subtaskDropInProgress = false;
-			} else if (!subtaskDropInProgress) {
-				const map = new Map(current.map((s) => [s.id, s]));
-				subtaskItems = subtaskItems.map((item) => map.get(item.id) ?? item);
-			}
-		});
-	});
-
-	function handleSubtaskConsider(e: CustomEvent<{ items: Subtask[] }>) {
-		subtaskItems = e.detail.items;
-	}
-
-	function handleSubtaskFinalize(e: CustomEvent<{ items: Subtask[] }>) {
-		subtaskItems = e.detail.items.filter((s) => s.id !== SHADOW_PLACEHOLDER_ITEM_ID);
-		onSave?.({ subtasks: subtaskItems });
-		subtaskDropInProgress = true;
-		setTimeout(() => {
-			subtaskDropInProgress = false;
-		}, 500);
-	}
-
-	function toggleSubtask(subtaskId: string) {
-		if (!onSave) return;
-		const subtasks = $state.snapshot(task.subtasks) ?? [];
-		const updated = subtasks.map((s) =>
-			s.id === subtaskId
-				? {
-						...s,
-						isCompleted: !s.isCompleted,
-						completedAt: !s.isCompleted ? new Date().toISOString() : null,
-					}
-				: s
-		);
-		onSave({ subtasks: updated });
-	}
-</script>
-
-<svelte:window onclick={handleClickOutside} />
-
-<div
-	class="kanban-card group"
-	class:completed={task.isCompleted}
-	class:completing={isAnimatingComplete}
-	onclick={handleCardClick}
-	oncontextmenu={handleContextMenu}
-	role="button"
-	tabindex="0"
->
-	<!-- Priority indicator -->
-	<div class="priority-dot" style="background-color: {priorityColors[task.priority]}"></div>
-
-	<!-- Checkbox -->
-	{#if onToggleComplete}
-		<button
-			class="task-checkbox"
-			class:checked={task.isCompleted || isAnimatingComplete}
-			onclick={handleCheckboxClick}
-		>
-			{#if task.isCompleted || isAnimatingComplete}
-				<Check size={20} class="check-icon" />
-			{/if}
-		</button>
-	{/if}
-
-	<!-- Content -->
-	<div class="task-content">
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<span
-			bind:this={titleSpanRef}
-			class="task-title"
-			class:line-through={task.isCompleted || isAnimatingComplete}
-			contenteditable={!task.isCompleted && !isAnimatingComplete}
-			role="textbox"
-			spellcheck="false"
-			onclick={(e) => e.stopPropagation()}
-			onkeydown={handleTitleKeydown}
-			onblur={handleTitleBlur}>{task.title}</span
-		>
-
-		<!-- Meta info -->
-		{#if dueDateText() || subtaskProgress() || (task.labels && task.labels.length > 0)}
-			<div class="task-meta">
-				{#if dueDateText()}
-					<span class="meta-item" class:overdue={isOverdue()}>
-						<CalendarBlank size={20} class="meta-icon" />
-						{dueDateText()}
-					</span>
-				{/if}
-
-				{#if subtaskProgress()}
-					<span class="meta-item">
-						<CheckSquare size={20} class="meta-icon" />
-						{subtaskProgress()}
-					</span>
-				{/if}
-
-				{#if task.labels && task.labels.length > 0}
-					{#each task.labels.slice(0, 2) as label}
-						<span class="label-tag" style="--label-color: {label.color}">
-							{label.name}
-						</span>
-					{/each}
-					{#if task.labels.length > 2}
-						<span class="meta-item">+{task.labels.length - 2}</span>
-					{/if}
-				{/if}
-			</div>
-		{/if}
-	</div>
-
-	<!-- Detail modal button -->
-	<button
-		type="button"
-		class="detail-btn"
-		onclick={handleOpenModal}
-		title={$t('taskForm.openDetails')}
-		tabindex="-1"
-	>
-		<ArrowsOutSimple size={14} />
-	</button>
-
-	<!-- Contacts display -->
-	{#if task.metadata?.assignee || (task.metadata?.involvedContacts && task.metadata.involvedContacts.length > 0)}
-		<div class="contacts-display">
-			{#if task.metadata?.assignee}
-				<div
-					class="assignee-avatar"
-					title={$t('kanban.assignedTo', { values: { name: task.metadata.assignee.displayName } })}
-				>
-					<ContactAvatar
-						name={task.metadata.assignee.displayName}
-						photoUrl={task.metadata.assignee.photoUrl}
-						size="xs"
-					/>
-				</div>
-			{/if}
-			{#if task.metadata?.involvedContacts && task.metadata.involvedContacts.length > 0}
-				<div class="involved-avatars">
-					{#each task.metadata.involvedContacts.slice(0, 2) as contact}
-						<div
-							class="involved-avatar"
-							title={$t('kanban.involvedContact', { values: { name: contact.displayName } })}
-						>
-							<ContactAvatar name={contact.displayName} photoUrl={contact.photoUrl} size="xs" />
-						</div>
-					{/each}
-					{#if task.metadata.involvedContacts.length > 2}
-						<span class="more-contacts">+{task.metadata.involvedContacts.length - 2}</span>
-					{/if}
-				</div>
-			{/if}
-		</div>
-	{/if}
-</div>
-
-<!-- Inline subtasks — shown while incomplete; during animation all appear as done -->
-{#if subtaskItems.length > 0 && !task.isCompleted}
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div
-		class="subtasks-inline"
-		use:dndzone={{
-			items: subtaskItems,
-			flipDurationMs: 150,
-			dropTargetStyle: {},
-			type: 'subtask-inline',
-		}}
-		onconsider={handleSubtaskConsider}
-		onfinalize={handleSubtaskFinalize}
-	>
-		{#each subtaskItems.filter((s) => s.id !== SHADOW_PLACEHOLDER_ITEM_ID) as subtask (subtask.id)}
-			<div
-				class="subtask-row"
-				class:done={subtask.isCompleted || isAnimatingComplete}
-				animate:flip={{ duration: 150 }}
-				onpointerdown={(e) => {
-					if (!(e.target as HTMLElement).closest('.subtask-drag-handle')) e.stopPropagation();
-				}}
-			>
-				<span class="subtask-drag-handle"><DotsSixVertical size={10} /></span>
-				<button
-					class="subtask-check-btn"
-					class:checked={subtask.isCompleted || isAnimatingComplete}
-					onclick={(e) => {
-						e.stopPropagation();
-						if (!isAnimatingComplete) toggleSubtask(subtask.id);
-					}}
-				>
-					<span class="subtask-check" class:checked={subtask.isCompleted || isAnimatingComplete}>
-						{#if subtask.isCompleted || isAnimatingComplete}<Check size={10} />{/if}
-					</span>
-				</button>
-				<span class="subtask-title">{subtask.title}</span>
-			</div>
-		{/each}
-	</div>
-{/if}
-
-<!-- Context Menu -->
-{#if showContextMenu}
-	<div
-		class="context-menu"
-		style="left: {contextMenuX}px; top: {contextMenuY}px"
-		onclick={(e) => e.stopPropagation()}
-	>
-		<button class="context-item" onclick={handleContextEdit}>
-			<Note size={20} class="context-icon" />
-			{$t('kanban.edit')}
-		</button>
-		<button class="context-item" onclick={handleContextToggleComplete}>
-			<ArrowsClockwise size={20} class="context-icon" />
-			{task.isCompleted ? $t('kanban.restore') : $t('kanban.complete')}
-		</button>
-		<div class="context-divider"></div>
-		<button class="context-item danger" onclick={handleContextDelete}>
-			<Trash size={20} class="context-icon" />
-			{$t('common.delete')}
-		</button>
-	</div>
-{/if}
-
-<!-- Task Edit Modal -->
-<TaskEditModal
-	{task}
-	open={showModal}
-	onClose={handleModalClose}
-	onSave={handleModalSave}
-	onDelete={handleModalDelete}
-/>
-
-<!-- Delete confirmation modal -->
-<ConfirmationModal
-	visible={showDeleteConfirm}
-	onClose={() => (showDeleteConfirm = false)}
-	onConfirm={confirmDelete}
-	variant="danger"
-	title={$t('kanban.deleteTitle')}
-	message={$t('kanban.deleteMessage')}
-	confirmLabel={$t('common.delete')}
-	cancelLabel={$t('common.cancel')}
-/>
-
-<style>
-	/* Paper-style: no card, no border, just text on the page */
-	.kanban-card {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.625rem;
-		padding: 0.2rem 0;
-		background: transparent;
-		border: none;
-		box-shadow: none;
-		border-radius: 0;
-		transition: opacity 0.15s;
-		user-select: none;
-		cursor: pointer;
-	}
-
-	.kanban-card:active {
-		cursor: grabbing;
-	}
-
-	.kanban-card:hover {
-		opacity: 0.85;
-	}
-
-	.kanban-card.completed {
-		opacity: 0.45;
-	}
-
-	.kanban-card.completing {
-		opacity: 0.5;
-		pointer-events: none;
-		transition: opacity 0.4s ease;
-	}
-
-	@keyframes checkPop {
-		0% {
-			transform: scale(0.5);
-			opacity: 0;
-		}
-		60% {
-			transform: scale(1.25);
-		}
-		100% {
-			transform: scale(1);
-			opacity: 1;
-		}
-	}
-
-	.task-checkbox.checked {
-		animation: checkPop 0.3s ease-out;
-	}
-
-	/* Priority dot — slim left accent, aligned to first line */
-	.priority-dot {
-		width: 3px;
-		height: 1rem;
-		border-radius: 2px;
-		flex-shrink: 0;
-		margin-top: 0.2rem;
-	}
-
-	/* Checkbox — sized to match title text height, aligned to first line */
-	.task-checkbox {
-		width: 1.1rem;
-		height: 1.1rem;
-		border-radius: 50%;
-		border: 1.5px solid rgba(0, 0, 0, 0.3);
-		background: transparent;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		transition: all 0.15s;
-		flex-shrink: 0;
-		padding: 0;
-		margin-top: 0.2rem;
-	}
-
-	:global(.dark) .task-checkbox {
-		border-color: rgba(255, 255, 255, 0.35);
-	}
-
-	.task-checkbox:hover {
-		border-color: #8b5cf6;
-		background: rgba(139, 92, 246, 0.08);
-	}
-
-	.task-checkbox.checked {
-		background: #8b5cf6;
-		border-color: #8b5cf6;
-	}
-
-	.check-icon {
-		width: 0.6rem;
-		height: 0.6rem;
-		color: white;
-	}
-
-	/* Detail modal button */
-	.detail-btn {
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
-		border: none;
-		background: transparent;
-		color: var(--color-muted-foreground);
-		cursor: pointer;
-		border-radius: 0.375rem;
-		opacity: 0;
-		pointer-events: none;
-		transition: opacity 0.15s;
-		padding: 0;
-		margin-top: 0.1rem;
-	}
-
-	.kanban-card:hover .detail-btn {
-		opacity: 0.6;
-		pointer-events: auto;
-	}
-
-	.detail-btn:hover {
-		opacity: 1 !important;
-		color: var(--color-primary);
-		background: color-mix(in srgb, var(--color-primary) 10%, transparent);
-	}
-
-	/* Content */
-	.task-content {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 0.2rem;
-	}
-
-	.task-title {
-		font-size: 0.9375rem;
-		font-weight: 400;
-		color: hsl(var(--color-foreground));
-		cursor: text;
-		line-height: 1.4;
-		word-break: break-word;
-		border-radius: 0.25rem;
-		padding: 0.125rem 0.25rem;
-		margin: -0.125rem -0.25rem;
-		transition: background 0.1s;
-		outline: none;
-	}
-
-	.task-title:hover {
-		background: color-mix(in srgb, var(--color-primary) 5%, transparent);
-	}
-
-	.task-title:focus {
-		background: color-mix(in srgb, var(--color-primary) 5%, transparent);
-	}
-
-	:global(.dark) .task-title {
-		color: hsl(var(--color-foreground));
-	}
-
-	.task-title.line-through {
-		text-decoration: line-through;
-		opacity: 0.5;
-	}
-
-	/* Meta info */
-	.task-meta {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		flex-wrap: wrap;
-	}
-
-	.meta-item {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		font-size: 0.75rem;
-		color: #6b7280;
-	}
-
-	:global(.dark) .meta-item {
-		color: #9ca3af;
-	}
-
-	.meta-item.overdue {
-		color: #ef4444;
-	}
-
-	.meta-icon {
-		width: 0.75rem;
-		height: 0.75rem;
-	}
-
-	.label-tag {
-		font-size: 0.625rem;
-		padding: 0.125rem 0.5rem;
-		border-radius: 9999px;
-		background: color-mix(in srgb, var(--label-color) 15%, transparent);
-		color: var(--label-color);
-		font-weight: 500;
-	}
-
-	/* Contacts display */
-	.contacts-display {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		flex-shrink: 0;
-	}
-
-	.assignee-avatar {
-		position: relative;
-	}
-
-	.assignee-avatar::after {
-		content: '';
-		position: absolute;
-		bottom: -1px;
-		right: -1px;
-		width: 6px;
-		height: 6px;
-		background: #8b5cf6;
-		border-radius: 50%;
-		border: 1px solid white;
-	}
-
-	:global(.dark) .assignee-avatar::after {
-		border-color: rgba(30, 30, 30, 1);
-	}
-
-	.involved-avatars {
-		display: flex;
-		align-items: center;
-	}
-
-	.involved-avatar {
-		margin-left: -0.375rem;
-	}
-
-	.involved-avatar:first-child {
-		margin-left: 0;
-	}
-
-	.more-contacts {
-		font-size: 0.625rem;
-		color: #6b7280;
-		margin-left: 0.25rem;
-		font-weight: 500;
-	}
-
-	:global(.dark) .more-contacts {
-		color: #9ca3af;
-	}
-
-	/* Context Menu */
-	.context-menu {
-		position: fixed;
-		z-index: 100;
-		min-width: 160px;
-		padding: 0.375rem;
-		background: var(--color-surface-elevated-3);
-		border: 1px solid var(--color-border);
-		border-radius: 0.75rem;
-		box-shadow: var(--shadow-xl);
-	}
-
-	.context-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		width: 100%;
-		padding: 0.5rem 0.75rem;
-		border: none;
-		background: transparent;
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-		cursor: pointer;
-		border-radius: 0.5rem;
-		transition: background 0.15s;
-		text-align: left;
-	}
-
-	.context-item:hover {
-		background: var(--color-surface-hover);
-	}
-
-	.context-item.danger {
-		color: var(--color-error);
-	}
-
-	.context-item.danger:hover {
-		background: color-mix(in srgb, var(--color-error) 10%, transparent);
-	}
-
-	.context-icon {
-		width: 1rem;
-		height: 1rem;
-		flex-shrink: 0;
-	}
-
-	.context-divider {
-		height: 1px;
-		background: var(--color-border);
-		margin: 0.25rem 0.5rem;
-	}
-
-	/* Inline subtasks — same size as title, just indented */
-	.subtasks-inline {
-		display: flex;
-		flex-direction: column;
-		/* indent = priority-dot(3px) + gap(0.625rem) + checkbox(1.1rem) + gap(0.625rem) */
-		padding-left: calc(3px + 0.625rem + 1.1rem + 0.625rem);
-		margin-top: 0;
-		position: relative;
-	}
-
-	.subtasks-inline::before {
-		content: '';
-		position: absolute;
-		left: calc(3px + 0.625rem + 0.55rem);
-		top: 0.2rem;
-		bottom: 0.3rem;
-		width: 1px;
-		background: rgba(0, 0, 0, 0.15);
-	}
-
-	:global(.dark) .subtasks-inline::before {
-		background: rgba(255, 255, 255, 0.15);
-	}
-
-	.subtask-row {
-		display: flex;
-		align-items: flex-start;
-		gap: 0.375rem;
-		padding: 0.15rem 0;
-		width: 100%;
-	}
-
-	.subtask-drag-handle {
-		display: flex;
-		align-items: center;
-		color: var(--color-muted-foreground);
-		opacity: 0;
-		cursor: grab;
-		flex-shrink: 0;
-		margin-top: 0.2rem;
-		transition: opacity 0.15s;
-	}
-
-	.subtask-row:hover .subtask-drag-handle {
-		opacity: 0.5;
-	}
-
-	.subtask-drag-handle:hover {
-		opacity: 1 !important;
-	}
-
-	.subtask-check-btn {
-		background: transparent;
-		border: none;
-		padding: 0;
-		cursor: pointer;
-		flex-shrink: 0;
-	}
-
-	.subtask-check {
-		width: 1.1rem;
-		height: 1.1rem;
-		border-radius: 50%;
-		border: 1.5px solid rgba(0, 0, 0, 0.3);
-		background: transparent;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: all 0.15s;
-		color: white;
-		margin-top: 0.2rem;
-	}
-
-	:global(.dark) .subtask-check {
-		border-color: rgba(255, 255, 255, 0.35);
-	}
-
-	.subtask-check-btn:hover .subtask-check {
-		border-color: #8b5cf6;
-	}
-
-	.subtask-check.checked {
-		background: #8b5cf6;
-		border-color: #8b5cf6;
-	}
-
-	.subtask-title {
-		flex: 1;
-		font-size: 0.9375rem;
-		font-weight: 400;
-		color: hsl(var(--color-foreground));
-		line-height: 1.4;
-		word-break: break-word;
-	}
-
-	.subtask-row.done .subtask-title {
-		text-decoration: line-through;
-		opacity: 0.45;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/kanban/QuickAddTaskInline.svelte b/apps/todo/apps/web-archived/src/lib/components/kanban/QuickAddTaskInline.svelte
deleted file mode 100644
index bee9aa7ec..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/kanban/QuickAddTaskInline.svelte
+++ /dev/null
@@ -1,155 +0,0 @@
-<script lang="ts">
-	import { Plus } from '@manacore/shared-icons';
-
-	interface Props {
-		onAdd: (title: string) => void;
-		placeholder?: string;
-	}
-
-	let { onAdd, placeholder = 'Neue Aufgabe...' }: Props = $props();
-
-	let isAdding = $state(false);
-	let title = $state('');
-	let inputRef = $state<HTMLInputElement | null>(null);
-
-	function handleSubmit() {
-		if (title.trim()) {
-			onAdd(title.trim());
-			title = '';
-			// Keep input open for rapid adding
-			inputRef?.focus();
-		}
-	}
-
-	function handleKeydown(event: KeyboardEvent) {
-		if (event.key === 'Enter' && !event.shiftKey) {
-			event.preventDefault();
-			handleSubmit();
-		} else if (event.key === 'Escape') {
-			title = '';
-			isAdding = false;
-		}
-	}
-
-	function handleBlur() {
-		if (title.trim()) {
-			handleSubmit();
-		}
-		isAdding = false;
-	}
-
-	function activate() {
-		isAdding = true;
-	}
-
-	$effect(() => {
-		if (isAdding && inputRef) {
-			inputRef.focus();
-		}
-	});
-</script>
-
-<div class="inline-add-row" class:active={isAdding}>
-	<!-- Circle matching TaskItem checkbox style -->
-	{#if isAdding}
-		<div class="add-checkbox">
-			<Plus size={12} />
-		</div>
-		<input
-			bind:this={inputRef}
-			bind:value={title}
-			onkeydown={handleKeydown}
-			onblur={handleBlur}
-			{placeholder}
-			class="add-input"
-		/>
-	{:else}
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<div
-			class="inline-add-trigger"
-			onclick={activate}
-			onkeydown={(e) => e.key === 'Enter' && activate()}
-			role="button"
-			tabindex="0"
-		>
-			<div class="add-checkbox placeholder">
-				<Plus size={12} />
-			</div>
-			<span class="add-placeholder">{placeholder}</span>
-		</div>
-	{/if}
-</div>
-
-<style>
-	.inline-add-row {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding: 0.2rem 1rem;
-		transition: all 0.15s ease;
-	}
-
-	.inline-add-trigger {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		width: 100%;
-		cursor: text;
-	}
-
-	.add-checkbox {
-		width: 1.1rem;
-		height: 1.1rem;
-		border-radius: 50%;
-		border: 1.5px dashed rgba(0, 0, 0, 0.3);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-shrink: 0;
-		color: var(--color-muted-foreground);
-		transition: all 0.15s;
-		margin-top: 0.2rem;
-		/* Offset to align with task cards: priority-dot(3px) + gap(0.625rem) */
-		margin-left: calc(3px + 0.625rem);
-	}
-
-	:global(.dark) .add-checkbox {
-		border-color: rgba(255, 255, 255, 0.35);
-	}
-
-	.inline-add-row.active .add-checkbox,
-	.inline-add-trigger:hover .add-checkbox {
-		border-color: var(--color-primary);
-		color: var(--color-primary);
-	}
-
-	.add-input {
-		flex: 1;
-		background: transparent;
-		border: none;
-		outline: none;
-		font-size: 0.9375rem;
-		font-weight: 400;
-		color: var(--color-foreground);
-		padding: 0;
-		line-height: 1.5;
-	}
-
-	.add-input::placeholder {
-		color: var(--color-muted-foreground);
-		opacity: 0.5;
-	}
-
-	.add-placeholder {
-		font-size: 0.9375rem;
-		font-weight: 400;
-		color: var(--color-muted-foreground);
-		opacity: 0.5;
-		transition: all 0.15s;
-	}
-
-	.inline-add-trigger:hover .add-placeholder {
-		opacity: 0.8;
-		color: var(--color-foreground);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/kanban/index.ts b/apps/todo/apps/web-archived/src/lib/components/kanban/index.ts
deleted file mode 100644
index d51f455af..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/kanban/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as KanbanTaskCard } from './KanbanTaskCard.svelte';
-export { default as QuickAddTaskInline } from './QuickAddTaskInline.svelte';
diff --git a/apps/todo/apps/web-archived/src/lib/components/pages/PageEditBar.svelte b/apps/todo/apps/web-archived/src/lib/components/pages/PageEditBar.svelte
deleted file mode 100644
index 3a1e9acc9..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/pages/PageEditBar.svelte
+++ /dev/null
@@ -1,396 +0,0 @@
-<script lang="ts">
-	import {
-		Warning,
-		Calendar,
-		CalendarDots,
-		CheckCircle,
-		Star,
-		Lightning,
-		Clock,
-		Fire,
-		Leaf,
-		Heart,
-		ArrowLeft,
-		ArrowRight,
-		Trash,
-	} from '@manacore/shared-icons';
-	import type { PageIcon, PageConfig } from '$lib/stores/settings.svelte';
-
-	interface Props {
-		config: PageConfig;
-		onUpdate: (data: Partial<PageConfig>) => void;
-		onMoveLeft?: () => void;
-		onMoveRight?: () => void;
-		onDelete: () => void;
-		isFirst: boolean;
-		isLast: boolean;
-	}
-
-	let { config, onUpdate, onMoveLeft, onMoveRight, onDelete, isFirst, isLast }: Props = $props();
-
-	const ICONS: { id: PageIcon; component: typeof Warning }[] = [
-		{ id: 'warning', component: Warning },
-		{ id: 'calendar', component: Calendar },
-		{ id: 'calendar-dots', component: CalendarDots },
-		{ id: 'check', component: CheckCircle },
-		{ id: 'star', component: Star },
-		{ id: 'lightning', component: Lightning },
-		{ id: 'clock', component: Clock },
-		{ id: 'fire', component: Fire },
-		{ id: 'leaf', component: Leaf },
-		{ id: 'heart', component: Heart },
-	];
-
-	const PRIORITIES = [
-		{ id: 'urgent' as const, label: 'Dringend', color: '#EF4444' },
-		{ id: 'high' as const, label: 'Hoch', color: '#F59E0B' },
-		{ id: 'medium' as const, label: 'Mittel', color: '#3B82F6' },
-		{ id: 'low' as const, label: 'Niedrig', color: '#6B7280' },
-	];
-
-	const DATE_RANGES = [
-		{ id: 'overdue' as const, label: 'Überfällig' },
-		{ id: 'today' as const, label: 'Heute' },
-		{ id: 'tomorrow' as const, label: 'Morgen' },
-		{ id: 'upcoming' as const, label: 'Demnächst' },
-		{ id: 'any' as const, label: 'Alle' },
-	];
-
-	function togglePriority(p: 'low' | 'medium' | 'high' | 'urgent') {
-		const current = config.filter.priorities ?? [];
-		const next = current.includes(p) ? current.filter((x) => x !== p) : [...current, p];
-		onUpdate({ filter: { ...config.filter, priorities: next.length ? next : undefined } });
-	}
-
-	function setDateRange(range: typeof config.filter.dateRange) {
-		onUpdate({
-			filter: {
-				...config.filter,
-				dateRange: range === config.filter.dateRange ? undefined : range,
-			},
-		});
-	}
-
-	function toggleCompleted() {
-		onUpdate({ filter: { ...config.filter, completed: !config.filter.completed } });
-	}
-
-	function setIcon(icon: PageIcon) {
-		onUpdate({ icon });
-	}
-
-	let showFilters = $state(false);
-</script>
-
-<div class="edit-bar">
-	<!-- Icon picker row -->
-	<div class="edit-row icons-row">
-		{#each ICONS as icon (icon.id)}
-			<button
-				class="icon-btn"
-				class:active={config.icon === icon.id}
-				onclick={() => setIcon(icon.id)}
-				title={icon.id}
-			>
-				<icon.component size={16} weight={config.icon === icon.id ? 'fill' : 'regular'} />
-			</button>
-		{/each}
-	</div>
-
-	<!-- Filter toggle -->
-	<button class="filter-toggle" onclick={() => (showFilters = !showFilters)}>
-		<span class="filter-toggle-label">Filter</span>
-		<span class="filter-toggle-arrow" class:open={showFilters}>&#9662;</span>
-	</button>
-
-	<!-- Filter controls -->
-	{#if showFilters}
-		<div class="edit-row filter-section">
-			<!-- Priority filter -->
-			<div class="filter-group">
-				<span class="filter-label">Priorität</span>
-				<div class="filter-pills">
-					{#each PRIORITIES as p (p.id)}
-						<button
-							class="filter-pill"
-							class:active={config.filter.priorities?.includes(p.id)}
-							style="--pill-color: {p.color}"
-							onclick={() => togglePriority(p.id)}
-						>
-							{p.label}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Date range filter -->
-			<div class="filter-group">
-				<span class="filter-label">Zeitraum</span>
-				<div class="filter-pills">
-					{#each DATE_RANGES as dr (dr.id)}
-						<button
-							class="filter-pill"
-							class:active={config.filter.dateRange === dr.id}
-							onclick={() => setDateRange(dr.id)}
-						>
-							{dr.label}
-						</button>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Completed toggle -->
-			<div class="filter-group">
-				<label class="completed-toggle">
-					<input
-						type="checkbox"
-						checked={config.filter.completed ?? false}
-						onchange={toggleCompleted}
-					/>
-					<span>Nur erledigte</span>
-				</label>
-			</div>
-		</div>
-	{/if}
-
-	<!-- Actions row -->
-	<div class="edit-row actions-row">
-		<div class="move-btns">
-			{#if !isFirst && onMoveLeft}
-				<button class="action-btn" onclick={onMoveLeft} title="Nach links">
-					<ArrowLeft size={14} />
-				</button>
-			{/if}
-			{#if !isLast && onMoveRight}
-				<button class="action-btn" onclick={onMoveRight} title="Nach rechts">
-					<ArrowRight size={14} />
-				</button>
-			{/if}
-		</div>
-		<button class="action-btn delete-btn" onclick={onDelete} title="Seite löschen">
-			<Trash size={14} />
-		</button>
-	</div>
-</div>
-
-<style>
-	.edit-bar {
-		padding: 0.5rem 0.75rem;
-		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-		animation: slideDown 0.2s ease-out;
-	}
-	:global(.dark) .edit-bar {
-		border-bottom-color: rgba(255, 255, 255, 0.08);
-	}
-
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			max-height: 0;
-		}
-		to {
-			opacity: 1;
-			max-height: 300px;
-		}
-	}
-
-	.edit-row {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-	}
-
-	/* Icon picker */
-	.icons-row {
-		gap: 0.125rem;
-		flex-wrap: wrap;
-	}
-
-	.icon-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 28px;
-		height: 28px;
-		border-radius: 0.25rem;
-		border: none;
-		background: transparent;
-		color: #9ca3af;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.icon-btn:hover {
-		background: rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-	.icon-btn.active {
-		background: var(--color-primary, #8b5cf6);
-		color: white;
-	}
-	:global(.dark) .icon-btn {
-		color: #6b7280;
-	}
-	:global(.dark) .icon-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #e5e7eb;
-	}
-	:global(.dark) .icon-btn.active {
-		background: var(--color-primary, #8b5cf6);
-		color: white;
-	}
-
-	/* Filter toggle */
-	.filter-toggle {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.25rem 0.5rem;
-		border: none;
-		background: transparent;
-		color: #9ca3af;
-		cursor: pointer;
-		font-size: 0.6875rem;
-		font-weight: 500;
-		text-transform: uppercase;
-		letter-spacing: 0.04em;
-		transition: color 0.15s;
-	}
-	.filter-toggle:hover {
-		color: #374151;
-	}
-	:global(.dark) .filter-toggle:hover {
-		color: #e5e7eb;
-	}
-	.filter-toggle-arrow {
-		font-size: 0.625rem;
-		transition: transform 0.2s;
-	}
-	.filter-toggle-arrow.open {
-		transform: rotate(180deg);
-	}
-
-	/* Filter section */
-	.filter-section {
-		flex-direction: column;
-		align-items: stretch;
-		gap: 0.5rem;
-		padding: 0.25rem 0;
-	}
-
-	.filter-group {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.filter-label {
-		font-size: 0.625rem;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		color: #9ca3af;
-	}
-
-	.filter-pills {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.25rem;
-	}
-
-	.filter-pill {
-		padding: 0.1875rem 0.5rem;
-		border-radius: 9999px;
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		background: transparent;
-		color: #6b7280;
-		font-size: 0.6875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.filter-pill:hover {
-		border-color: rgba(0, 0, 0, 0.2);
-		color: #374151;
-	}
-	.filter-pill.active {
-		background: var(--pill-color, var(--color-primary, #8b5cf6));
-		border-color: var(--pill-color, var(--color-primary, #8b5cf6));
-		color: white;
-	}
-	:global(.dark) .filter-pill {
-		border-color: rgba(255, 255, 255, 0.1);
-		color: #9ca3af;
-	}
-	:global(.dark) .filter-pill:hover {
-		border-color: rgba(255, 255, 255, 0.2);
-		color: #e5e7eb;
-	}
-	:global(.dark) .filter-pill.active {
-		background: var(--pill-color, var(--color-primary, #8b5cf6));
-		border-color: var(--pill-color, var(--color-primary, #8b5cf6));
-		color: white;
-	}
-
-	/* Completed toggle */
-	.completed-toggle {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		font-size: 0.6875rem;
-		color: #6b7280;
-		cursor: pointer;
-	}
-	.completed-toggle input {
-		width: 14px;
-		height: 14px;
-		accent-color: var(--color-primary, #8b5cf6);
-		cursor: pointer;
-	}
-	:global(.dark) .completed-toggle {
-		color: #9ca3af;
-	}
-
-	/* Actions row */
-	.actions-row {
-		justify-content: space-between;
-	}
-
-	.move-btns {
-		display: flex;
-		gap: 0.25rem;
-	}
-
-	.action-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 26px;
-		height: 26px;
-		border-radius: 0.25rem;
-		border: none;
-		background: transparent;
-		color: #9ca3af;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.action-btn:hover {
-		background: rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-	:global(.dark) .action-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #e5e7eb;
-	}
-
-	.delete-btn:hover {
-		color: #ef4444;
-		background: rgba(239, 68, 68, 0.08);
-	}
-	:global(.dark) .delete-btn:hover {
-		color: #ef4444;
-		background: rgba(239, 68, 68, 0.15);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/pages/PagePicker.svelte b/apps/todo/apps/web-archived/src/lib/components/pages/PagePicker.svelte
deleted file mode 100644
index c4d7d40c8..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/pages/PagePicker.svelte
+++ /dev/null
@@ -1,299 +0,0 @@
-<script lang="ts">
-	import {
-		Circle,
-		CheckCircle,
-		CalendarCheck,
-		Warning,
-		ListChecks,
-		Flag,
-		Calendar,
-		TagSimple,
-		X,
-		Plus,
-	} from '@manacore/shared-icons';
-
-	export interface PageOption {
-		id: string;
-		title: string;
-		description: string;
-		icon: typeof CheckCircle;
-		color: string;
-	}
-
-	interface Props {
-		onSelect: (pageId: string) => void;
-		onClose: () => void;
-		onCreateCustom?: () => void;
-		activePageIds?: string[];
-	}
-
-	let { onSelect, onClose, onCreateCustom, activePageIds = [] }: Props = $props();
-
-	const PAGE_OPTIONS: PageOption[] = [
-		{
-			id: 'todo',
-			title: 'To Do',
-			description: 'Offene Aufgaben',
-			icon: Circle,
-			color: '#6B7280',
-		},
-		{
-			id: 'completed',
-			title: 'Erledigt',
-			description: 'Alle abgeschlossenen Aufgaben',
-			icon: CheckCircle,
-			color: '#22C55E',
-		},
-		{
-			id: 'today',
-			title: 'Heute',
-			description: 'Fällig heute & überfällig',
-			icon: CalendarCheck,
-			color: '#F59E0B',
-		},
-		{
-			id: 'overdue',
-			title: 'Überfällig',
-			description: 'Aufgaben nach Fälligkeitsdatum',
-			icon: Warning,
-			color: '#EF4444',
-		},
-		{
-			id: 'all',
-			title: 'Alle Aufgaben',
-			description: 'Vollständige Aufgabenliste',
-			icon: ListChecks,
-			color: '#3B82F6',
-		},
-		{
-			id: 'high-priority',
-			title: 'Hohe Priorität',
-			description: 'Dringend & hoch priorisiert',
-			icon: Flag,
-			color: '#EF4444',
-		},
-		{
-			id: 'this-week',
-			title: 'Diese Woche',
-			description: 'Aufgaben der nächsten 7 Tage',
-			icon: Calendar,
-			color: '#8B5CF6',
-		},
-		{
-			id: 'no-date',
-			title: 'Ohne Datum',
-			description: 'Aufgaben ohne Fälligkeitsdatum',
-			icon: TagSimple,
-			color: '#6B7280',
-		},
-	];
-
-	let availableOptions = $derived(PAGE_OPTIONS.filter((opt) => !activePageIds.includes(opt.id)));
-</script>
-
-<div class="page-picker">
-	<div class="picker-header">
-		<h3 class="picker-title">Neue Seite</h3>
-		<button class="close-btn" onclick={onClose} title="Schließen">
-			<X size={16} />
-		</button>
-	</div>
-
-	<div class="picker-list">
-		{#each availableOptions as option, i (option.id)}
-			{#if i > 0}
-				<div class="divider"></div>
-			{/if}
-			<button class="page-option" onclick={() => onSelect(option.id)}>
-				<div class="option-icon" style="color: {option.color}">
-					<option.icon size={20} />
-				</div>
-				<div class="option-text">
-					<span class="option-title">{option.title}</span>
-					<span class="option-desc">{option.description}</span>
-				</div>
-			</button>
-		{/each}
-
-		{#if availableOptions.length > 0 && onCreateCustom}
-			<div class="divider"></div>
-		{/if}
-
-		{#if onCreateCustom}
-			<button class="page-option custom-option" onclick={onCreateCustom}>
-				<div class="option-icon custom-icon">
-					<Plus size={20} />
-				</div>
-				<div class="option-text">
-					<span class="option-title">Eigene Seite</span>
-					<span class="option-desc">Seite mit eigenen Filtern erstellen</span>
-				</div>
-			</button>
-		{/if}
-
-		{#if availableOptions.length === 0 && !onCreateCustom}
-			<div class="empty-state">
-				<p>Alle Seiten sind bereits geöffnet</p>
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.page-picker {
-		flex: 0 0 auto;
-		width: min(320px, 85vw);
-		min-height: 60vh;
-		background: #fffef5;
-		border-radius: 0.375rem;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.08),
-			0 0 0 1px rgba(0, 0, 0, 0.04);
-		display: flex;
-		flex-direction: column;
-		animation: slideIn 0.25s ease-out;
-	}
-	:global(.dark) .page-picker {
-		background-color: #252220;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.25),
-			0 0 0 1px rgba(255, 255, 255, 0.06);
-	}
-
-	@keyframes slideIn {
-		from {
-			opacity: 0;
-			transform: translateX(20px);
-		}
-		to {
-			opacity: 1;
-			transform: translateX(0);
-		}
-	}
-
-	.picker-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.75rem 1rem;
-	}
-
-	.picker-title {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: #374151;
-		margin: 0;
-	}
-	:global(.dark) .picker-title {
-		color: #f3f4f6;
-	}
-
-	.close-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 28px;
-		height: 28px;
-		border-radius: 0.375rem;
-		border: none;
-		background: transparent;
-		color: #9ca3af;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.close-btn:hover {
-		background: rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-	:global(.dark) .close-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	.picker-list {
-		flex: 1;
-		padding: 0 0.5rem 0.75rem;
-	}
-
-	.divider {
-		height: 1px;
-		background: rgba(0, 0, 0, 0.06);
-		margin: 0 0.5rem;
-	}
-	:global(.dark) .divider {
-		background: rgba(255, 255, 255, 0.06);
-	}
-
-	.page-option {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		width: 100%;
-		padding: 0.75rem 0.5rem;
-		border: none;
-		background: transparent;
-		cursor: pointer;
-		border-radius: 0.375rem;
-		transition: background 0.15s;
-		text-align: left;
-	}
-	.page-option:hover {
-		background: rgba(0, 0, 0, 0.04);
-	}
-	:global(.dark) .page-option:hover {
-		background: rgba(255, 255, 255, 0.06);
-	}
-
-	.option-icon {
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 36px;
-		height: 36px;
-		border-radius: 0.5rem;
-		background: color-mix(in srgb, currentColor 10%, transparent);
-	}
-
-	.custom-icon {
-		color: var(--color-primary, #8b5cf6);
-		background: color-mix(in srgb, var(--color-primary, #8b5cf6) 10%, transparent);
-	}
-
-	.custom-option {
-		margin-top: 0.25rem;
-	}
-
-	.option-text {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-		min-width: 0;
-	}
-
-	.option-title {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: #374151;
-	}
-	:global(.dark) .option-title {
-		color: #f3f4f6;
-	}
-
-	.option-desc {
-		font-size: 0.75rem;
-		color: #9ca3af;
-	}
-	:global(.dark) .option-desc {
-		color: #6b7280;
-	}
-
-	.empty-state {
-		padding: 2rem 1rem;
-		text-align: center;
-	}
-	.empty-state p {
-		font-size: 0.8125rem;
-		color: #9ca3af;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/pages/TodoPage.svelte b/apps/todo/apps/web-archived/src/lib/components/pages/TodoPage.svelte
deleted file mode 100644
index 22ba49d06..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/pages/TodoPage.svelte
+++ /dev/null
@@ -1,724 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { isToday, isTomorrow, isPast, startOfDay, addDays, subHours, format } from 'date-fns';
-	import { t } from 'svelte-i18n';
-	import type { Task } from '@todo/shared';
-	import {
-		X,
-		Circle,
-		Minus,
-		DotsSixVertical,
-		CornersOut,
-		CornersIn,
-		Warning,
-		Calendar,
-		CalendarDots,
-		CheckCircle,
-		Star,
-		Lightning,
-		Clock,
-		Fire,
-		Leaf,
-		Heart,
-	} from '@manacore/shared-icons';
-	import KanbanTaskCard from '../kanban/KanbanTaskCard.svelte';
-	import PageEditBar from './PageEditBar.svelte';
-	import { tasksStore } from '$lib/stores/tasks.svelte';
-	import { todoSettings } from '$lib/stores/settings.svelte';
-	import type { PageConfig, PageIcon } from '$lib/stores/settings.svelte';
-
-	interface Props {
-		pageId: string;
-		title?: string;
-		maximized?: boolean;
-		editMode?: boolean;
-		filterConfig?: PageConfig['filter'];
-		pageIcon?: PageIcon;
-		pageColor?: string;
-		customPageConfig?: PageConfig;
-		isFirst?: boolean;
-		isLast?: boolean;
-		onClose: () => void;
-		onMinimize?: () => void;
-		onMaximize?: () => void;
-		onRename?: (name: string) => void;
-		onUpdateConfig?: (data: Partial<PageConfig>) => void;
-		onMoveLeft?: () => void;
-		onMoveRight?: () => void;
-		onDelete?: () => void;
-	}
-
-	let {
-		pageId,
-		title: customTitle,
-		maximized = false,
-		editMode = false,
-		filterConfig,
-		pageIcon,
-		pageColor,
-		customPageConfig,
-		isFirst = false,
-		isLast = false,
-		onClose,
-		onMinimize,
-		onMaximize,
-		onRename,
-		onUpdateConfig,
-		onMoveLeft,
-		onMoveRight,
-		onDelete,
-	}: Props = $props();
-
-	const tasksCtx: { readonly value: Task[] } = getContext('tasks');
-
-	let titleEl = $state<HTMLSpanElement | null>(null);
-	let isTitleFocused = $state(false);
-
-	$effect(() => {
-		if (titleEl && !isTitleFocused) {
-			titleEl.textContent = displayTitle;
-		}
-	});
-
-	function handleTitleInput() {
-		const text = titleEl?.textContent?.trim() ?? '';
-		if (text && onRename) onRename(text);
-	}
-
-	function handleTitleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			(e.target as HTMLElement).blur();
-		}
-	}
-
-	// Icon mapping
-	const ICON_MAP: Record<PageIcon, typeof Warning> = {
-		warning: Warning,
-		calendar: Calendar,
-		'calendar-dots': CalendarDots,
-		check: CheckCircle,
-		star: Star,
-		lightning: Lightning,
-		clock: Clock,
-		fire: Fire,
-		leaf: Leaf,
-		heart: Heart,
-	};
-
-	const PAGE_META: Record<string, { title: string; color: string; icon?: PageIcon }> = {
-		todo: { title: 'To Do', color: '#6B7280' },
-		completed: { title: 'Erledigt', color: '#22C55E', icon: 'check' },
-		today: { title: 'Heute', color: '#F59E0B', icon: 'calendar' },
-		overdue: { title: 'Überfällig', color: '#EF4444', icon: 'warning' },
-		all: { title: 'Alle Aufgaben', color: '#3B82F6' },
-		'high-priority': { title: 'Hohe Priorität', color: '#EF4444', icon: 'fire' },
-		'this-week': { title: 'Diese Woche', color: '#8B5CF6', icon: 'calendar-dots' },
-		'no-date': { title: 'Ohne Datum', color: '#6B7280' },
-	};
-
-	let pageMeta = $derived(PAGE_META[pageId] ?? { title: pageId, color: '#6B7280' });
-	let displayTitle = $derived(customTitle ?? pageMeta.title);
-	let displayColor = $derived(pageColor ?? pageMeta.color);
-	let displayIcon = $derived(pageIcon ?? pageMeta.icon);
-	let IconComponent = $derived(displayIcon ? ICON_MAP[displayIcon] : undefined);
-	let isCustom = $derived(pageId.startsWith('custom-'));
-
-	// Filter tasks - either by custom filter config or preset page ID
-	let filteredTasks = $derived.by(() => {
-		const tasks = tasksCtx.value;
-		const today = startOfDay(new Date());
-		const weekEnd = addDays(today, 7);
-
-		// Custom filter-based pages
-		if (filterConfig) {
-			return tasks.filter((task) => {
-				// Completed filter
-				if (filterConfig.completed) {
-					if (!task.isCompleted) return false;
-				} else {
-					if (task.isCompleted) return false;
-				}
-
-				// Priority filter
-				if (filterConfig.priorities?.length) {
-					if (!filterConfig.priorities.includes(task.priority as any)) return false;
-				}
-
-				// Date range filter
-				if (filterConfig.dateRange && filterConfig.dateRange !== 'any') {
-					if (!task.dueDate) return false;
-					const dueDate = startOfDay(new Date(task.dueDate));
-					switch (filterConfig.dateRange) {
-						case 'overdue':
-							if (!isPast(dueDate) || isToday(dueDate)) return false;
-							break;
-						case 'today':
-							if (!isToday(dueDate)) return false;
-							break;
-						case 'tomorrow':
-							if (!isTomorrow(dueDate)) return false;
-							break;
-						case 'upcoming':
-							if (isPast(dueDate) && !isToday(dueDate)) return false;
-							break;
-					}
-				}
-
-				return true;
-			});
-		}
-
-		// Preset page filtering (existing logic)
-		switch (pageId) {
-			case 'todo': {
-				const recentCutoff = subHours(new Date(), 24);
-				return tasks.filter(
-					(t) =>
-						!t.isCompleted ||
-						(t.isCompleted && t.completedAt && new Date(t.completedAt) >= recentCutoff)
-				);
-			}
-			case 'completed':
-				return tasks.filter((t) => t.isCompleted);
-			case 'today':
-				return tasks.filter(
-					(t) =>
-						!t.isCompleted &&
-						t.dueDate &&
-						(isToday(new Date(t.dueDate)) || isPast(startOfDay(new Date(t.dueDate))))
-				);
-			case 'overdue':
-				return tasks.filter(
-					(t) =>
-						!t.isCompleted &&
-						t.dueDate &&
-						isPast(startOfDay(new Date(t.dueDate))) &&
-						!isToday(new Date(t.dueDate))
-				);
-			case 'all':
-				return tasks;
-			case 'high-priority':
-				return tasks.filter(
-					(t) => !t.isCompleted && (t.priority === 'urgent' || t.priority === 'high')
-				);
-			case 'this-week':
-				return tasks.filter(
-					(t) =>
-						!t.isCompleted &&
-						t.dueDate &&
-						new Date(t.dueDate) <= weekEnd &&
-						new Date(t.dueDate) >= today
-				);
-			case 'no-date':
-				return tasks.filter((t) => !t.isCompleted && !t.dueDate);
-			default:
-				return [];
-		}
-	});
-
-	function handleToggle(task: Task) {
-		if (task.isCompleted) {
-			tasksStore.uncompleteTask(task.id);
-		} else {
-			tasksStore.completeTask(task.id);
-		}
-	}
-
-	function handleDelete(taskId: string) {
-		tasksStore.deleteTask(taskId);
-	}
-
-	function handleUpdate(taskId: string, data: Partial<Task>) {
-		const updateData: Record<string, unknown> = {};
-		if (data.title !== undefined) updateData.title = data.title;
-		if (data.description !== undefined) updateData.description = data.description;
-		if (data.priority !== undefined) updateData.priority = data.priority;
-		if (data.dueDate !== undefined) {
-			updateData.dueDate = data.dueDate instanceof Date ? data.dueDate.toISOString() : data.dueDate;
-		}
-		tasksStore.updateTask(taskId, updateData);
-	}
-
-	const PAGE_WIDTH_MAP: Record<string, string> = {
-		narrow: 'min(360px, 85vw)',
-		medium: 'min(480px, 85vw)',
-		wide: 'min(640px, 90vw)',
-		full: 'min(840px, 95vw)',
-	};
-
-	let sheetWidth = $derived(PAGE_WIDTH_MAP[todoSettings.pageWidth] || PAGE_WIDTH_MAP.medium);
-
-	let showCompleted = $derived(filterConfig?.completed ?? false);
-	let openTasks = $derived(
-		pageId === 'todo'
-			? filteredTasks.filter((t) => !t.isCompleted)
-			: showCompleted
-				? filteredTasks
-				: filteredTasks
-	);
-	let recentlyCompleted = $derived(
-		pageId === 'todo' ? filteredTasks.filter((t) => t.isCompleted) : []
-	);
-
-	function formatCompletedTime(completedAt: string | Date): string {
-		const date = new Date(completedAt);
-		const time = format(date, 'HH:mm');
-		if (pageId === 'completed' || showCompleted) {
-			const dateStr = format(date, 'dd.MM.');
-			return $t('page.completedAtDateTime', { values: { date: dateStr, time } });
-		}
-		return $t('page.completedAtTime', { values: { time } });
-	}
-
-	let newTaskTitle = $state('');
-	let inputEl = $state<HTMLInputElement | null>(null);
-
-	async function handleInlineCreate() {
-		const title = newTaskTitle.trim();
-		if (!title) return;
-		const data: Record<string, unknown> = { title };
-		// Inherit filter context for new tasks
-		if (pageId === 'today' || filterConfig?.dateRange === 'today') {
-			data.dueDate = new Date().toISOString();
-		} else if (pageId === 'this-week') {
-			data.dueDate = new Date().toISOString();
-		}
-		if (filterConfig?.priorities?.length === 1) {
-			data.priority = filterConfig.priorities[0];
-		}
-		await tasksStore.createTask(
-			data as { title: string; dueDate?: string; priority?: 'low' | 'medium' | 'high' | 'urgent' }
-		);
-		newTaskTitle = '';
-		inputEl?.focus();
-	}
-</script>
-
-<div
-	class="todo-page"
-	class:maximized
-	class:editing={editMode}
-	style="width: {maximized ? '100%' : sheetWidth}"
->
-	<div class="drag-handle-bar">
-		<span class="drag-handle">
-			<DotsSixVertical size={14} />
-		</span>
-	</div>
-
-	<!-- Edit bar for custom pages -->
-	{#if editMode && isCustom && customPageConfig && onUpdateConfig && onDelete}
-		<PageEditBar
-			config={customPageConfig}
-			onUpdate={onUpdateConfig}
-			{onMoveLeft}
-			{onMoveRight}
-			{onDelete}
-			{isFirst}
-			{isLast}
-		/>
-	{/if}
-
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div class="page-header" ondragstart={(e) => e.preventDefault()}>
-		<div class="header-left">
-			{#if IconComponent}
-				<span class="header-icon" style="color: {displayColor}">
-					<IconComponent size={16} weight="fill" />
-				</span>
-			{:else}
-				<span class="color-dot" style="background-color: {displayColor}"></span>
-			{/if}
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<span
-				bind:this={titleEl}
-				class="page-title"
-				contenteditable={!!onRename}
-				oninput={handleTitleInput}
-				onkeydown={handleTitleKeydown}
-				onfocus={() => (isTitleFocused = true)}
-				onblur={() => (isTitleFocused = false)}
-			></span>
-			<span class="task-count">{filteredTasks.length}</span>
-		</div>
-		<div class="header-actions">
-			{#if editMode && !isCustom && onDelete}
-				<button class="header-btn delete-preset" onclick={onDelete} title="Seite entfernen">
-					<X size={14} />
-				</button>
-			{/if}
-			{#if !editMode}
-				{#if onMinimize}
-					<button class="header-btn" onclick={onMinimize} title="Minimieren">
-						<Minus size={14} />
-					</button>
-				{/if}
-				{#if onMaximize}
-					<button
-						class="header-btn"
-						onclick={onMaximize}
-						title={maximized ? 'Verkleinern' : 'Maximieren'}
-					>
-						{#if maximized}
-							<CornersIn size={14} />
-						{:else}
-							<CornersOut size={14} />
-						{/if}
-					</button>
-				{/if}
-				<button class="header-btn" onclick={onClose} title="Seite schließen">
-					<X size={14} />
-				</button>
-			{/if}
-		</div>
-	</div>
-
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div class="page-body" ondragstart={(e) => e.preventDefault()}>
-		{#if pageId === 'completed' || showCompleted}
-			{#each filteredTasks as task (task.id)}
-				<div class="task-card-wrapper completed-task">
-					<KanbanTaskCard
-						{task}
-						onToggleComplete={() => handleToggle(task)}
-						onSave={(data) => handleUpdate(task.id, data)}
-						onDelete={() => handleDelete(task.id)}
-					/>
-					{#if task.completedAt}
-						<span class="completed-time">{formatCompletedTime(task.completedAt)}</span>
-					{/if}
-				</div>
-			{/each}
-		{:else}
-			{#each openTasks as task (task.id)}
-				<div class="task-card-wrapper">
-					<KanbanTaskCard
-						{task}
-						onToggleComplete={() => handleToggle(task)}
-						onSave={(data) => handleUpdate(task.id, data)}
-						onDelete={() => handleDelete(task.id)}
-					/>
-				</div>
-			{/each}
-
-			{#if recentlyCompleted.length > 0}
-				<div class="completed-section">
-					<span class="completed-label">{$t('page.recentlyCompleted')}</span>
-					{#each recentlyCompleted as task (task.id)}
-						<div class="task-card-wrapper completed-task">
-							<KanbanTaskCard
-								{task}
-								onToggleComplete={() => handleToggle(task)}
-								onSave={(data) => handleUpdate(task.id, data)}
-								onDelete={() => handleDelete(task.id)}
-							/>
-							{#if task.completedAt}
-								<span class="completed-time">{formatCompletedTime(task.completedAt)}</span>
-							{/if}
-						</div>
-					{/each}
-				</div>
-			{/if}
-
-			{#if !editMode}
-				<div class="inline-create">
-					<span class="inline-create-icon">
-						<Circle size={18} />
-					</span>
-					<input
-						bind:this={inputEl}
-						bind:value={newTaskTitle}
-						class="inline-create-input"
-						placeholder={$t('page.newTaskPlaceholder')}
-						onkeydown={(e) => {
-							if (e.key === 'Enter') handleInlineCreate();
-						}}
-					/>
-				</div>
-			{/if}
-		{/if}
-	</div>
-</div>
-
-<style>
-	.todo-page {
-		flex: 0 0 auto;
-		min-height: 60vh;
-		background: #fffef5;
-		border-radius: 0.375rem;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.08),
-			0 0 0 1px rgba(0, 0, 0, 0.04);
-		display: flex;
-		flex-direction: column;
-		animation: fadeIn 0.25s ease-out;
-	}
-	:global(.dark) .todo-page {
-		background-color: #252220;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.25),
-			0 0 0 1px rgba(255, 255, 255, 0.06);
-	}
-
-	.todo-page.editing {
-		box-shadow:
-			0 2px 12px rgba(139, 92, 246, 0.12),
-			0 0 0 2px rgba(139, 92, 246, 0.3);
-	}
-	:global(.dark) .todo-page.editing {
-		box-shadow:
-			0 2px 12px rgba(139, 92, 246, 0.2),
-			0 0 0 2px rgba(139, 92, 246, 0.4);
-	}
-
-	.todo-page.maximized {
-		position: fixed;
-		inset: 0;
-		z-index: 50;
-		width: 100% !important;
-		min-height: 100vh;
-		border-radius: 0;
-		box-shadow: none;
-		animation: fadeInScale 0.2s ease-out;
-		align-items: center;
-	}
-
-	.todo-page.maximized .page-header,
-	.todo-page.maximized .page-body {
-		width: 100%;
-		max-width: 720px;
-	}
-
-	.todo-page.maximized .page-header {
-		margin: 0 auto;
-	}
-
-	.todo-page.maximized .page-body {
-		margin: 0 auto;
-	}
-	@keyframes fadeInScale {
-		from {
-			opacity: 0.8;
-			transform: scale(0.97);
-		}
-		to {
-			opacity: 1;
-			transform: scale(1);
-		}
-	}
-
-	.drag-handle-bar {
-		display: flex;
-		justify-content: center;
-		padding: 0.25rem 0 0;
-	}
-
-	.drag-handle {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 32px;
-		height: 14px;
-		color: #d1d5db;
-		cursor: grab;
-		border-radius: 0.25rem;
-		transition: color 0.15s;
-	}
-	.drag-handle:hover {
-		color: #9ca3af;
-	}
-	.drag-handle:active {
-		cursor: grabbing;
-	}
-	:global(.dark) .drag-handle {
-		color: #3f3b38;
-	}
-	:global(.dark) .drag-handle:hover {
-		color: #6b7280;
-	}
-
-	@keyframes fadeIn {
-		from {
-			opacity: 0;
-			transform: translateX(20px);
-		}
-		to {
-			opacity: 1;
-			transform: translateX(0);
-		}
-	}
-
-	.page-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.75rem 1rem;
-	}
-
-	.header-left {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.header-icon {
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-	}
-
-	.color-dot {
-		width: 0.625rem;
-		height: 0.625rem;
-		border-radius: 9999px;
-		flex-shrink: 0;
-	}
-
-	.page-title {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: #374151;
-		outline: none;
-		border-radius: 0.125rem;
-	}
-	.page-title[contenteditable='true'] {
-		cursor: text;
-	}
-	:global(.dark) .page-title {
-		color: #f3f4f6;
-	}
-
-	.task-count {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: #9ca3af;
-		background: rgba(0, 0, 0, 0.05);
-		padding: 0.125rem 0.5rem;
-		border-radius: 9999px;
-	}
-	:global(.dark) .task-count {
-		background: rgba(255, 255, 255, 0.1);
-		color: #6b7280;
-	}
-
-	.header-actions {
-		display: flex;
-		align-items: center;
-		gap: 0.125rem;
-	}
-
-	.header-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 24px;
-		height: 24px;
-		border-radius: 0.25rem;
-		border: none;
-		background: transparent;
-		color: #9ca3af;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.header-btn:hover {
-		background: rgba(0, 0, 0, 0.06);
-		color: #374151;
-	}
-	:global(.dark) .header-btn:hover {
-		background: rgba(255, 255, 255, 0.1);
-		color: #f3f4f6;
-	}
-
-	.delete-preset:hover {
-		color: #ef4444;
-		background: rgba(239, 68, 68, 0.08);
-	}
-	:global(.dark) .delete-preset:hover {
-		color: #ef4444;
-		background: rgba(239, 68, 68, 0.15);
-	}
-
-	.page-body {
-		flex: 1;
-		padding: 0.75rem 1rem;
-		overflow-y: auto;
-	}
-
-	.task-card-wrapper {
-		margin-bottom: 0.5rem;
-	}
-	.task-card-wrapper:last-child {
-		margin-bottom: 0;
-	}
-
-	.completed-section {
-		margin-top: 1rem;
-		padding-top: 0.75rem;
-		border-top: 1px solid rgba(0, 0, 0, 0.06);
-	}
-	:global(.dark) .completed-section {
-		border-top-color: rgba(255, 255, 255, 0.08);
-	}
-
-	.completed-label {
-		font-size: 0.6875rem;
-		font-weight: 500;
-		color: #9ca3af;
-		text-transform: uppercase;
-		letter-spacing: 0.04em;
-		margin-bottom: 0.5rem;
-		display: block;
-	}
-
-	.completed-task {
-		position: relative;
-		opacity: 0.6;
-	}
-
-	.completed-time {
-		position: absolute;
-		right: 0.5rem;
-		top: 0.5rem;
-		font-size: 0.6875rem;
-		color: #9ca3af;
-		font-variant-numeric: tabular-nums;
-		white-space: nowrap;
-	}
-
-	.inline-create {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0.25rem;
-		margin-top: 0.25rem;
-	}
-
-	.inline-create-icon {
-		flex-shrink: 0;
-		color: #d1d5db;
-		display: flex;
-		align-items: center;
-	}
-	:global(.dark) .inline-create-icon {
-		color: #4b5563;
-	}
-
-	.inline-create-input {
-		flex: 1;
-		border: none;
-		background: transparent;
-		font-size: 0.8125rem;
-		color: #374151;
-		outline: none;
-	}
-	.inline-create-input::placeholder {
-		color: #c0bfba;
-	}
-	:global(.dark) .inline-create-input {
-		color: #f3f4f6;
-	}
-	:global(.dark) .inline-create-input::placeholder {
-		color: #4b5563;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/skeletons/KanbanBoardSkeleton.svelte b/apps/todo/apps/web-archived/src/lib/components/skeletons/KanbanBoardSkeleton.svelte
deleted file mode 100644
index a6f59419a..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/skeletons/KanbanBoardSkeleton.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-	/**
-	 * KanbanBoardSkeleton - Skeleton matching the real kanban board layout
-	 */
-
-	import KanbanColumnSkeleton from './KanbanColumnSkeleton.svelte';
-</script>
-
-<div class="kanban-skeleton" role="status" aria-label="Kanban Board wird geladen...">
-	<div class="columns-container">
-		<KanbanColumnSkeleton taskCount={3} />
-		<KanbanColumnSkeleton taskCount={4} />
-		<KanbanColumnSkeleton taskCount={2} />
-		<!-- Add column button placeholder -->
-		<div class="add-column-skeleton">
-			<div class="add-column-btn"></div>
-		</div>
-	</div>
-</div>
-
-<style>
-	.kanban-skeleton {
-		height: 100%;
-		min-height: 400px;
-	}
-
-	.columns-container {
-		display: flex;
-		gap: 1rem;
-		padding: 0 1rem;
-		height: 100%;
-		min-height: 100%;
-		align-items: flex-start;
-		overflow-x: auto;
-	}
-
-	.add-column-skeleton {
-		flex-shrink: 0;
-	}
-
-	.add-column-btn {
-		width: 300px;
-		min-width: 300px;
-		height: 48px;
-		background: transparent;
-		border: 2px dashed rgba(0, 0, 0, 0.12);
-		border-radius: 1.5rem;
-		animation: pulse 2s ease-in-out infinite;
-	}
-
-	:global(.dark) .add-column-btn {
-		border-color: rgba(255, 255, 255, 0.12);
-	}
-
-	@keyframes pulse {
-		0%,
-		100% {
-			opacity: 0.5;
-		}
-		50% {
-			opacity: 0.3;
-		}
-	}
-
-	@media (min-width: 640px) {
-		.columns-container {
-			padding: 0 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.columns-container {
-			padding: 0 2rem;
-		}
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/skeletons/KanbanColumnSkeleton.svelte b/apps/todo/apps/web-archived/src/lib/components/skeletons/KanbanColumnSkeleton.svelte
deleted file mode 100644
index c0295ebc4..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/skeletons/KanbanColumnSkeleton.svelte
+++ /dev/null
@@ -1,149 +0,0 @@
-<script lang="ts">
-	/**
-	 * KanbanColumnSkeleton - Skeleton matching the glassmorphism kanban column
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-
-	interface Props {
-		taskCount?: number;
-	}
-
-	let { taskCount = 3 }: Props = $props();
-</script>
-
-<div class="column-skeleton">
-	<!-- Column Header: color dot with ring + name + count -->
-	<div class="column-header">
-		<div class="header-left">
-			<!-- Color indicator dot with glow ring -->
-			<div class="color-dot-wrapper">
-				<SkeletonBox width="12px" height="12px" borderRadius="9999px" />
-			</div>
-			<!-- Column name -->
-			<SkeletonBox width="90px" height="16px" borderRadius="4px" />
-			<!-- Task count -->
-			<SkeletonBox width="20px" height="16px" borderRadius="4px" />
-		</div>
-		<!-- Menu button -->
-		<SkeletonBox width="24px" height="24px" borderRadius="6px" />
-	</div>
-
-	<!-- Tasks (pill-shaped cards) -->
-	<div class="tasks">
-		{#each Array(taskCount) as _, i}
-			<div class="task-card" style="opacity: {Math.max(0.4, 1 - i * 0.15)};">
-				<!-- Priority dot -->
-				<SkeletonBox width="8px" height="8px" borderRadius="9999px" />
-				<!-- Checkbox -->
-				<SkeletonBox width="20px" height="20px" borderRadius="9999px" />
-				<!-- Content -->
-				<div class="task-content">
-					<SkeletonBox width="{65 + (i % 3) * 10}%" height="14px" borderRadius="4px" />
-					{#if i === 0}
-						<div class="task-meta">
-							<SkeletonBox width="40px" height="12px" borderRadius="4px" />
-							<SkeletonBox width="36px" height="14px" borderRadius="9999px" />
-						</div>
-					{/if}
-				</div>
-			</div>
-		{/each}
-	</div>
-
-	<!-- Quick add task area -->
-	<div class="add-task">
-		<SkeletonBox width="100%" height="40px" borderRadius="9999px" />
-	</div>
-</div>
-
-<style>
-	.column-skeleton {
-		width: 300px;
-		min-width: 300px;
-		max-width: 340px;
-		min-height: 250px;
-		background: rgba(255, 255, 255, 0.5);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.08);
-		border-radius: 1.5rem;
-		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
-		display: flex;
-		flex-direction: column;
-	}
-
-	:global(.dark) .column-skeleton {
-		background: rgba(255, 255, 255, 0.08);
-		border: 1px solid rgba(255, 255, 255, 0.1);
-	}
-
-	/* Header: matches KanbanColumnHeader px-3.5 py-3 */
-	.column-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.75rem 0.875rem;
-	}
-
-	.header-left {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-	}
-
-	.color-dot-wrapper {
-		position: relative;
-	}
-
-	/* Tasks container: matches px-3 pb-3 */
-	.tasks {
-		display: flex;
-		flex-direction: column;
-		gap: 0.625rem;
-		padding: 0 0.75rem;
-		flex: 1;
-		min-height: 80px;
-	}
-
-	/* Task card: pill-shaped glassmorphism card */
-	.task-card {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.625rem 1rem;
-		border-radius: 9999px;
-		background: rgba(255, 255, 255, 0.85);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow:
-			0 4px 6px -1px rgba(0, 0, 0, 0.1),
-			0 2px 4px -1px rgba(0, 0, 0, 0.06);
-	}
-
-	:global(.dark) .task-card {
-		background: rgba(255, 255, 255, 0.12);
-		border: 1px solid rgba(255, 255, 255, 0.15);
-	}
-
-	.task-content {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-		min-width: 0;
-	}
-
-	.task-meta {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-	}
-
-	/* Quick add: matches px-3 pb-3 pt-2 */
-	.add-task {
-		margin-top: auto;
-		padding: 0.5rem 0.75rem 0.75rem;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/skeletons/StatisticsSkeleton.svelte b/apps/todo/apps/web-archived/src/lib/components/skeletons/StatisticsSkeleton.svelte
deleted file mode 100644
index 8cd238131..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/skeletons/StatisticsSkeleton.svelte
+++ /dev/null
@@ -1,252 +0,0 @@
-<script lang="ts">
-	/**
-	 * StatisticsSkeleton - Skeleton for statistics page loading
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="statistics-skeleton" role="status" aria-label="Statistiken werden geladen...">
-	<!-- Stats Overview Cards -->
-	<div class="stats-overview">
-		{#each Array(6) as _, i}
-			<div class="stat-card" style="opacity: {Math.max(0.5, 1 - i * 0.08)};">
-				<SkeletonBox width="40px" height="40px" borderRadius="10px" />
-				<div class="stat-content">
-					<SkeletonBox width="48px" height="28px" />
-					<SkeletonBox width="80px" height="14px" />
-				</div>
-			</div>
-		{/each}
-	</div>
-
-	<!-- Charts Grid -->
-	<div class="charts-grid">
-		<!-- Activity Heatmap -->
-		<div class="chart-card heatmap">
-			<div class="chart-header">
-				<SkeletonBox width="140px" height="20px" />
-			</div>
-			<div class="heatmap-grid">
-				{#each Array(7) as _}
-					<div class="heatmap-row">
-						{#each Array(12) as _}
-							<SkeletonBox width="16px" height="16px" borderRadius="3px" />
-						{/each}
-					</div>
-				{/each}
-			</div>
-		</div>
-
-		<!-- Charts Row -->
-		<div class="charts-row">
-			<!-- Weekly Trend Chart -->
-			<div class="chart-card trend">
-				<div class="chart-header">
-					<SkeletonBox width="120px" height="20px" />
-				</div>
-				<div class="trend-bars">
-					{#each Array(7) as _, i}
-						<div class="bar-wrapper">
-							<SkeletonBox width="32px" height="{40 + Math.random() * 60}px" borderRadius="4px" />
-							<SkeletonBox width="24px" height="12px" />
-						</div>
-					{/each}
-				</div>
-			</div>
-
-			<!-- Priority Donut Chart -->
-			<div class="chart-card donut">
-				<div class="chart-header">
-					<SkeletonBox width="100px" height="20px" />
-				</div>
-				<div class="donut-wrapper">
-					<SkeletonBox width="140px" height="140px" borderRadius="50%" />
-				</div>
-				<div class="legend">
-					{#each Array(4) as _}
-						<div class="legend-item">
-							<SkeletonBox width="12px" height="12px" borderRadius="3px" />
-							<SkeletonBox width="60px" height="14px" />
-						</div>
-					{/each}
-				</div>
-			</div>
-		</div>
-
-		<!-- Project Progress -->
-		<div class="chart-card projects">
-			<div class="chart-header">
-				<SkeletonBox width="130px" height="20px" />
-			</div>
-			<div class="progress-bars">
-				{#each Array(4) as _, i}
-					<div class="progress-item" style="opacity: {Math.max(0.4, 1 - i * 0.15)};">
-						<div class="progress-header">
-							<SkeletonBox width="{100 + i * 20}px" height="16px" />
-							<SkeletonBox width="40px" height="14px" />
-						</div>
-						<SkeletonBox width="100%" height="8px" borderRadius="4px" />
-					</div>
-				{/each}
-			</div>
-		</div>
-	</div>
-
-	<!-- Additional Stats -->
-	<div class="additional-stats">
-		{#each Array(3) as _}
-			<div class="small-stat">
-				<SkeletonBox width="120px" height="12px" />
-				<SkeletonBox width="80px" height="18px" />
-			</div>
-		{/each}
-	</div>
-</div>
-
-<style>
-	.statistics-skeleton {
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	/* Stats Overview */
-	.stats-overview {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-		gap: 1rem;
-	}
-
-	.stat-card {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem;
-		background: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: 1rem;
-	}
-
-	.stat-content {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	/* Charts Grid */
-	.charts-grid {
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	.chart-card {
-		background: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: 1rem;
-		padding: 1.25rem;
-	}
-
-	.chart-header {
-		margin-bottom: 1rem;
-	}
-
-	/* Heatmap */
-	.heatmap-grid {
-		display: flex;
-		flex-direction: column;
-		gap: 4px;
-	}
-
-	.heatmap-row {
-		display: flex;
-		gap: 4px;
-	}
-
-	/* Charts Row */
-	.charts-row {
-		display: grid;
-		grid-template-columns: 1fr;
-		gap: 1.5rem;
-	}
-
-	@media (min-width: 768px) {
-		.charts-row {
-			grid-template-columns: 2fr 1fr;
-		}
-	}
-
-	/* Trend Chart */
-	.trend-bars {
-		display: flex;
-		align-items: flex-end;
-		justify-content: space-between;
-		height: 120px;
-		padding-top: 1rem;
-	}
-
-	.bar-wrapper {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	/* Donut Chart */
-	.donut-wrapper {
-		display: flex;
-		justify-content: center;
-		padding: 1rem 0;
-	}
-
-	.legend {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.75rem;
-		justify-content: center;
-		margin-top: 1rem;
-	}
-
-	.legend-item {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-	}
-
-	/* Project Progress */
-	.progress-bars {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.progress-item {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-
-	.progress-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-
-	/* Additional Stats */
-	.additional-stats {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-		gap: 1rem;
-	}
-
-	.small-stat {
-		display: flex;
-		flex-direction: column;
-		gap: 0.375rem;
-		padding: 1rem;
-		background: hsl(var(--card));
-		border: 1px solid hsl(var(--border));
-		border-radius: 1rem;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/skeletons/TaskItemSkeleton.svelte b/apps/todo/apps/web-archived/src/lib/components/skeletons/TaskItemSkeleton.svelte
deleted file mode 100644
index 147ade84e..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/skeletons/TaskItemSkeleton.svelte
+++ /dev/null
@@ -1,67 +0,0 @@
-<script lang="ts">
-	/**
-	 * TaskItemSkeleton - Skeleton for a single task item in list view
-	 * Matches the flat row style inside the notepad container
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-</script>
-
-<div class="task-item-skeleton">
-	<!-- Drag handle -->
-	<div class="drag-handle">
-		<SkeletonBox width="16px" height="16px" borderRadius="2px" />
-	</div>
-
-	<!-- Priority dot -->
-	<SkeletonBox width="8px" height="8px" borderRadius="9999px" />
-
-	<!-- Checkbox (round) -->
-	<SkeletonBox width="20px" height="20px" borderRadius="9999px" />
-
-	<!-- Content -->
-	<div class="task-content">
-		<SkeletonBox width="60%" height="16px" borderRadius="4px" />
-		<div class="task-meta">
-			<SkeletonBox width="40px" height="12px" borderRadius="4px" />
-			<SkeletonBox width="48px" height="16px" borderRadius="9999px" />
-		</div>
-	</div>
-
-	<!-- Due date / expand area -->
-	<SkeletonBox width="50px" height="14px" borderRadius="4px" />
-</div>
-
-<style>
-	.task-item-skeleton {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding: 0.5rem 0.75rem;
-		background: transparent;
-		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-	}
-
-	:global(.dark) .task-item-skeleton {
-		border-bottom-color: rgba(255, 255, 255, 0.08);
-	}
-
-	.drag-handle {
-		opacity: 0.3;
-		flex-shrink: 0;
-	}
-
-	.task-content {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-		min-width: 0;
-	}
-
-	.task-meta {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/skeletons/TaskListSkeleton.svelte b/apps/todo/apps/web-archived/src/lib/components/skeletons/TaskListSkeleton.svelte
deleted file mode 100644
index 0bc3cf6c4..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/skeletons/TaskListSkeleton.svelte
+++ /dev/null
@@ -1,188 +0,0 @@
-<script lang="ts">
-	/**
-	 * TaskListSkeleton - Skeleton matching the notepad list view with CollapsibleSections
-	 */
-
-	import { SkeletonBox } from '@manacore/shared-ui';
-	import TaskItemSkeleton from './TaskItemSkeleton.svelte';
-
-	interface Props {
-		sections?: number;
-		tasksPerSection?: number;
-	}
-
-	let { sections = 2, tasksPerSection = 3 }: Props = $props();
-
-	// Section widths to vary the title lengths
-	const sectionTitleWidths = [60, 80, 100, 70, 90];
-</script>
-
-<div class="task-list-skeleton" role="status" aria-label="Aufgaben werden geladen...">
-	<div class="notepad">
-		<!-- Spiral binding holes -->
-		<div class="notepad-holes" aria-hidden="true">
-			<span class="hole"></span>
-			<span class="hole"></span>
-			<span class="hole"></span>
-			<span class="hole"></span>
-			<span class="hole"></span>
-			<span class="hole"></span>
-		</div>
-
-		<div class="notepad-content">
-			<div class="sections">
-				{#each Array(sections) as _, sectionIndex}
-					<div class="section" style="opacity: {Math.max(0.5, 1 - sectionIndex * 0.2)};">
-						<!-- CollapsibleSection header: icon + title + (count) + chevron -->
-						<button class="section-header">
-							<!-- Section icon -->
-							<SkeletonBox width="20px" height="20px" borderRadius="4px" />
-							<!-- Section title -->
-							<SkeletonBox
-								width="{sectionTitleWidths[sectionIndex % sectionTitleWidths.length]}px"
-								height="16px"
-								borderRadius="4px"
-							/>
-							<!-- Count in parentheses -->
-							<SkeletonBox width="24px" height="14px" borderRadius="4px" />
-							<!-- Chevron (right-aligned) -->
-							<div class="chevron-spacer"></div>
-							<SkeletonBox width="18px" height="18px" borderRadius="4px" />
-						</button>
-
-						<!-- Task items -->
-						<div class="tasks">
-							{#each Array(tasksPerSection) as _, taskIndex}
-								<div style="opacity: {Math.max(0.4, 1 - taskIndex * 0.15)};">
-									<TaskItemSkeleton />
-								</div>
-							{/each}
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	.task-list-skeleton {
-		padding-bottom: 100px;
-	}
-
-	/* Notepad container - matches +page.svelte .notepad */
-	.notepad {
-		max-width: 560px;
-		margin: 0 auto;
-		background: #fffef5;
-		border-radius: 0.5rem 0.5rem 0.75rem 0.75rem;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.08),
-			0 1px 2px rgba(0, 0, 0, 0.04);
-		position: relative;
-		padding-top: 1.25rem;
-	}
-
-	:global(.dark) .notepad {
-		background: #2a2520;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.3),
-			0 1px 2px rgba(0, 0, 0, 0.2);
-	}
-
-	/* Spiral binding holes */
-	.notepad-holes {
-		position: absolute;
-		top: -6px;
-		left: 10%;
-		right: 10%;
-		display: flex;
-		justify-content: space-evenly;
-		pointer-events: none;
-		z-index: 2;
-	}
-
-	.hole {
-		width: 14px;
-		height: 14px;
-		border-radius: 50%;
-		background: hsl(var(--color-background, 0 0% 100%));
-		border: 2px solid #c4c4c4;
-		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-	}
-
-	:global(.dark) .hole {
-		background: hsl(var(--color-background, 0 0% 7%));
-		border-color: #555;
-	}
-
-	/* Notepad content with red margin line */
-	.notepad-content {
-		position: relative;
-		padding: 0.75rem 1rem 1.5rem 3.25rem;
-		min-height: 200px;
-	}
-
-	.notepad-content::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: 2.5rem;
-		width: 2px;
-		background: #e8b4b8;
-		z-index: 1;
-	}
-
-	:global(.dark) .notepad-content::before {
-		background: rgba(232, 180, 184, 0.4);
-	}
-
-	.sections {
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-	}
-
-	.section {
-		margin-bottom: 0.75rem;
-	}
-
-	/* CollapsibleSection header style */
-	.section-header {
-		width: 100%;
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.5rem 0;
-		cursor: default;
-		background: none;
-		border: none;
-	}
-
-	.chevron-spacer {
-		flex: 1;
-	}
-
-	.tasks {
-		display: flex;
-		flex-direction: column;
-		margin-top: 0.75rem;
-		padding-left: 0.25rem;
-	}
-
-	@media (max-width: 640px) {
-		.notepad {
-			max-width: 100%;
-			border-radius: 0;
-		}
-
-		.notepad-content {
-			padding-left: 2.75rem;
-		}
-
-		.notepad-content::before {
-			left: 2rem;
-		}
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/lib/components/skeletons/index.ts b/apps/todo/apps/web-archived/src/lib/components/skeletons/index.ts
deleted file mode 100644
index 8c84e4923..000000000
--- a/apps/todo/apps/web-archived/src/lib/components/skeletons/index.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Todo App Skeleton Components
- *
- * App-specific skeleton loaders that match the exact layout of todo components.
- * Built on top of @manacore/shared-ui skeleton primitives.
- */
-
-// App Loading Skeleton (from shared-ui with 'tasks' layout)
-export { AppLoadingSkeleton } from '@manacore/shared-ui';
-
-// Task List Skeletons
-export { default as TaskItemSkeleton } from './TaskItemSkeleton.svelte';
-export { default as TaskListSkeleton } from './TaskListSkeleton.svelte';
-
-// Statistics Skeletons
-export { default as StatisticsSkeleton } from './StatisticsSkeleton.svelte';
-
-// Kanban Skeletons
-export { default as KanbanColumnSkeleton } from './KanbanColumnSkeleton.svelte';
-export { default as KanbanBoardSkeleton } from './KanbanBoardSkeleton.svelte';
diff --git a/apps/todo/apps/web-archived/src/lib/composables/useTaskForm.svelte.ts b/apps/todo/apps/web-archived/src/lib/composables/useTaskForm.svelte.ts
deleted file mode 100644
index 772772824..000000000
--- a/apps/todo/apps/web-archived/src/lib/composables/useTaskForm.svelte.ts
+++ /dev/null
@@ -1,261 +0,0 @@
-import type {
-	Task,
-	Subtask,
-	TaskPriority,
-	TaskStatus,
-	EffectiveDuration,
-	UpdateTaskInput,
-} from '@todo/shared';
-import type { ContactReference, ContactOrManual } from '@manacore/shared-types';
-import { format } from 'date-fns';
-import { contactsStore } from '$lib/stores/contacts.svelte';
-import { reminderCollection, type LocalReminder } from '$lib/data/local-store';
-import { remindersStore } from '$lib/stores/reminders.svelte';
-
-/**
- * Shared composable for task form state and logic.
- * Used by both TaskItem (inline edit) and TaskEditModal.
- */
-export function useTaskForm() {
-	// Form state
-	let title = $state('');
-	let description = $state('');
-	let dueDate = $state('');
-	let dueTime = $state('');
-	let startDate = $state('');
-	let priority = $state<TaskPriority>('medium');
-	let status = $state<TaskStatus>('pending');
-	let selectedLabelIds = $state<string[]>([]);
-	let subtasks = $state<Subtask[]>([]);
-	let recurrenceRule = $state('');
-	let storyPoints = $state<number | null>(null);
-	let effectiveDuration = $state<EffectiveDuration | null>(null);
-	let funRating = $state<number | null>(null);
-	let assignee = $state<ContactOrManual[]>([]);
-	let involvedContacts = $state<ContactOrManual[]>([]);
-	let reminderMinutes = $state<number | null>(null);
-
-	// UI state
-	let showDeleteConfirm = $state(false);
-	let isLoading = $state(false);
-	let contactsAvailable = $state<boolean | null>(null);
-
-	/**
-	 * Initialize all form fields from a Task object.
-	 * Call this when the task changes or the form becomes visible.
-	 */
-	function initFromTask(task: Task) {
-		title = task.title || '';
-		description = task.description || '';
-		dueDate = task.dueDate ? format(new Date(task.dueDate), 'yyyy-MM-dd') : '';
-		dueTime = task.dueTime || '';
-		startDate = task.startDate ? format(new Date(task.startDate), 'yyyy-MM-dd') : '';
-		priority = task.priority || 'medium';
-		status = task.status || 'pending';
-		selectedLabelIds = task.labels?.map((l) => l.id) || [];
-		subtasks = task.subtasks ? [...task.subtasks] : [];
-		recurrenceRule = task.recurrenceRule || '';
-		storyPoints = task.metadata?.storyPoints ?? null;
-		effectiveDuration = task.metadata?.effectiveDuration ?? null;
-		funRating = task.metadata?.funRating ?? null;
-		assignee = task.metadata?.assignee ? [task.metadata.assignee] : [];
-		involvedContacts = task.metadata?.involvedContacts || [];
-		showDeleteConfirm = false;
-
-		// Load existing reminder for this task
-		reminderMinutes = null;
-		reminderCollection.getAll().then((all) => {
-			const existing = all.find((r) => r.taskId === task.id);
-			if (existing) reminderMinutes = existing.minutesBefore;
-		});
-
-		// Check contacts availability
-		contactsStore.checkAvailability().then((available) => {
-			contactsAvailable = available;
-		});
-	}
-
-	/**
-	 * Persist reminder changes (create/delete based on form state).
-	 * Called after saving the task.
-	 */
-	async function persistReminder(taskId: string) {
-		const all = await reminderCollection.getAll();
-		const existing = all.find((r) => r.taskId === taskId);
-
-		if (reminderMinutes === null && existing) {
-			await remindersStore.deleteReminder(existing.id);
-		} else if (reminderMinutes !== null && !existing) {
-			await remindersStore.createReminder(taskId, reminderMinutes);
-		} else if (reminderMinutes !== null && existing && existing.minutesBefore !== reminderMinutes) {
-			await remindersStore.deleteReminder(existing.id);
-			await remindersStore.createReminder(taskId, reminderMinutes);
-		}
-	}
-
-	/**
-	 * Extract ContactReference from ContactOrManual (filter out manual entries).
-	 */
-	function toContactReference(contact: ContactOrManual): ContactReference | null {
-		if ('isManual' in contact && contact.isManual) {
-			return null;
-		}
-		return contact as ContactReference;
-	}
-
-	/**
-	 * Build an UpdateTaskInput object from the current form state.
-	 * Requires the original task for metadata merging.
-	 */
-	function buildUpdateInput(task: Task): UpdateTaskInput {
-		const assigneeRef = assignee.length > 0 ? toContactReference(assignee[0]) : null;
-		const involvedRefs = involvedContacts
-			.map(toContactReference)
-			.filter((c): c is ContactReference => c !== null);
-
-		return {
-			title: title.trim(),
-			description: description.trim() || null,
-			dueDate: dueDate ? new Date(dueDate).toISOString() : null,
-			dueTime: dueTime || null,
-			startDate: startDate ? new Date(startDate).toISOString() : null,
-			priority,
-			status,
-			subtasks: subtasks.length > 0 ? subtasks : null,
-			recurrenceRule: recurrenceRule || null,
-			metadata: {
-				...task.metadata,
-				storyPoints: storyPoints ?? undefined,
-				effectiveDuration: effectiveDuration ?? undefined,
-				funRating: funRating ?? undefined,
-				assignee: assigneeRef ?? undefined,
-				involvedContacts: involvedRefs.length > 0 ? involvedRefs : undefined,
-			},
-			labelIds: selectedLabelIds,
-		};
-	}
-
-	return {
-		// State — exposed as getters/setters so bind:value works via form.title etc.
-		get title() {
-			return title;
-		},
-		set title(v: string) {
-			title = v;
-		},
-		get description() {
-			return description;
-		},
-		set description(v: string) {
-			description = v;
-		},
-		get dueDate() {
-			return dueDate;
-		},
-		set dueDate(v: string) {
-			dueDate = v;
-		},
-		get dueTime() {
-			return dueTime;
-		},
-		set dueTime(v: string) {
-			dueTime = v;
-		},
-		get startDate() {
-			return startDate;
-		},
-		set startDate(v: string) {
-			startDate = v;
-		},
-		get priority() {
-			return priority;
-		},
-		set priority(v: TaskPriority) {
-			priority = v;
-		},
-		get status() {
-			return status;
-		},
-		set status(v: TaskStatus) {
-			status = v;
-		},
-		get selectedLabelIds() {
-			return selectedLabelIds;
-		},
-		set selectedLabelIds(v: string[]) {
-			selectedLabelIds = v;
-		},
-		get subtasks() {
-			return subtasks;
-		},
-		set subtasks(v: Subtask[]) {
-			subtasks = v;
-		},
-		get recurrenceRule() {
-			return recurrenceRule;
-		},
-		set recurrenceRule(v: string) {
-			recurrenceRule = v;
-		},
-		get storyPoints() {
-			return storyPoints;
-		},
-		set storyPoints(v: number | null) {
-			storyPoints = v;
-		},
-		get effectiveDuration() {
-			return effectiveDuration;
-		},
-		set effectiveDuration(v: EffectiveDuration | null) {
-			effectiveDuration = v;
-		},
-		get funRating() {
-			return funRating;
-		},
-		set funRating(v: number | null) {
-			funRating = v;
-		},
-		get assignee() {
-			return assignee;
-		},
-		set assignee(v: ContactOrManual[]) {
-			assignee = v;
-		},
-		get involvedContacts() {
-			return involvedContacts;
-		},
-		set involvedContacts(v: ContactOrManual[]) {
-			involvedContacts = v;
-		},
-		get reminderMinutes() {
-			return reminderMinutes;
-		},
-		set reminderMinutes(v: number | null) {
-			reminderMinutes = v;
-		},
-		get showDeleteConfirm() {
-			return showDeleteConfirm;
-		},
-		set showDeleteConfirm(v: boolean) {
-			showDeleteConfirm = v;
-		},
-		get isLoading() {
-			return isLoading;
-		},
-		set isLoading(v: boolean) {
-			isLoading = v;
-		},
-		get contactsAvailable() {
-			return contactsAvailable;
-		},
-		set contactsAvailable(v: boolean | null) {
-			contactsAvailable = v;
-		},
-
-		// Functions
-		initFromTask,
-		buildUpdateInput,
-		persistReminder,
-		toContactReference,
-	};
-}
diff --git a/apps/todo/apps/web-archived/src/lib/constants/priority.ts b/apps/todo/apps/web-archived/src/lib/constants/priority.ts
deleted file mode 100644
index 524ff3ccd..000000000
--- a/apps/todo/apps/web-archived/src/lib/constants/priority.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { TaskPriority } from '@todo/shared';
-
-/**
- * Hex color for each priority level, used for inline styles (e.g. checkbox tint).
- */
-export const PRIORITY_COLORS: Record<TaskPriority, string> = {
-	low: '#22c55e',
-	medium: '#eab308',
-	high: '#f97316',
-	urgent: '#ef4444',
-};
-
-/**
- * Tailwind background-color class for each priority level,
- * used for dot indicators and filter pill backgrounds.
- */
-export const PRIORITY_BG_CLASSES: Record<TaskPriority, string> = {
-	low: 'bg-blue-500',
-	medium: 'bg-yellow-500',
-	high: 'bg-orange-500',
-	urgent: 'bg-red-500',
-};
-
-/**
- * Full priority option descriptors for filter UIs.
- */
-export const PRIORITY_OPTIONS: {
-	value: TaskPriority;
-	label: string;
-	color: string;
-	bgColor: string;
-}[] = [
-	{ value: 'urgent', label: 'Dringend', color: '#ef4444', bgColor: 'bg-red-500' },
-	{ value: 'high', label: 'Hoch', color: '#f97316', bgColor: 'bg-orange-500' },
-	{ value: 'medium', label: 'Normal', color: '#eab308', bgColor: 'bg-yellow-500' },
-	{ value: 'low', label: 'Niedrig', color: '#3b82f6', bgColor: 'bg-blue-500' },
-];
diff --git a/apps/todo/apps/web-archived/src/lib/content/help/index.test.ts b/apps/todo/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 9f8fd03d8..000000000
--- a/apps/todo/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getTodoHelpContent } from './index';
-
-describe('Todo Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getTodoHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getTodoHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getTodoHelpContent('de');
-		const en = getTodoHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getTodoHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/todo/apps/web-archived/src/lib/content/help/index.ts b/apps/todo/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 31f546ee3..000000000
--- a/apps/todo/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-/**
- * Help content for Todo app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getTodoHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-quick-add',
-				question: isDE ? 'Wie funktioniert die Schnelleingabe?' : 'How does quick add work?',
-				answer: isDE
-					? '<p>Die Schnelleingabe erkennt automatisch verschiedene Muster:</p><ul><li><strong>Priorität</strong>: <code>!!!</code> (dringend), <code>!!</code> (hoch), <code>!</code> (mittel)</li><li><strong>Labels</strong>: <code>#label1 #label2</code></li><li><strong>Datum</strong>: heute, morgen, nächsten Montag, 15.12.</li><li><strong>Wiederholung</strong>: täglich, wöchentlich, monatlich</li><li><strong>Unteraufgaben</strong>: <code>Titel: Item1, Item2, Item3</code></li></ul><p>Beispiel: <code>Einkaufen: Milch, Brot morgen !! #wichtig</code></p>'
-					: '<p>Quick add automatically recognizes various patterns:</p><ul><li><strong>Priority</strong>: <code>!!!</code> (urgent), <code>!!</code> (high), <code>!</code> (medium)</li><li><strong>Labels</strong>: <code>#label1 #label2</code></li><li><strong>Date</strong>: today, tomorrow, next Monday</li><li><strong>Recurrence</strong>: daily, weekly, monthly</li><li><strong>Subtasks</strong>: <code>Title: Item1, Item2, Item3</code></li></ul><p>Example: <code>Shopping: Milk, Bread tomorrow !! #important</code></p>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				featured: true,
-				tags: isDE ? ['schnelleingabe', 'erstellen', 'syntax'] : ['quick-add', 'create', 'syntax'],
-			},
-			{
-				id: 'faq-tags',
-				question: isDE
-					? 'Wie organisiere ich Aufgaben mit Tags?'
-					: 'How do I organize tasks with tags?',
-				answer: isDE
-					? '<p>Tags helfen dir, Aufgaben flexibel zu organisieren:</p><ul><li>Erstelle Tags in der Tags-Ansicht</li><li>Weise Aufgaben beliebig viele Tags zu</li><li>Jeder Tag hat eine eigene Farbe zur visuellen Unterscheidung</li><li>Filtere Aufgaben über die Filterleiste nach Tags</li></ul>'
-					: '<p>Tags help you organize tasks flexibly:</p><ul><li>Create tags in the Tags view</li><li>Assign any number of tags to tasks</li><li>Each tag has its own color for visual distinction</li><li>Filter tasks by tags using the filter strip</li></ul>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['tags', 'organisation', 'sortierung'] : ['tags', 'organize', 'sorting'],
-			},
-			{
-				id: 'faq-kanban',
-				question: isDE ? 'Was ist die Kanban-Ansicht?' : 'What is the Kanban view?',
-				answer: isDE
-					? '<p>Die Board-Ansicht zeigt deine Aufgaben als Karten in Spalten an. Du kannst:</p><ul><li>Aufgaben per Drag & Drop zwischen Spalten verschieben</li><li>Den Fortschritt visuell verfolgen</li><li>Spalten nach Priorität oder Status organisieren</li></ul><p>Wechsle über die Tabs (Fokus / Übersicht / Matrix) zwischen den Ansichten.</p>'
-					: '<p>The board view shows your tasks as cards in columns. You can:</p><ul><li>Drag and drop tasks between columns</li><li>Track progress visually</li><li>Organize columns by priority or status</li></ul><p>Switch between views using the tabs (Fokus / Übersicht / Matrix).</p>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['kanban', 'board', 'ansicht'] : ['kanban', 'board', 'view'],
-			},
-			{
-				id: 'faq-recurring',
-				question: isDE
-					? 'Wie erstelle ich wiederkehrende Aufgaben?'
-					: 'How do I create recurring tasks?',
-				answer: isDE
-					? '<p>Du kannst Wiederholungen auf zwei Arten setzen:</p><ul><li><strong>Schnelleingabe</strong>: Tippe "täglich", "wöchentlich", "jeden Montag" oder "monatlich"</li><li><strong>Aufgaben-Detail</strong>: Öffne die Aufgabe und wähle eine Wiederholungsregel</li></ul><p>Wenn du eine wiederkehrende Aufgabe abhakst, wird automatisch die nächste Instanz erstellt.</p>'
-					: '<p>You can set recurrence in two ways:</p><ul><li><strong>Quick add</strong>: Type "daily", "weekly", "every Monday", or "monthly"</li><li><strong>Task detail</strong>: Open the task and select a recurrence rule</li></ul><p>When you complete a recurring task, the next instance is automatically created.</p>',
-				category: 'features',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['wiederkehrend', 'wiederholung', 'serie'] : ['recurring', 'repeat', 'series'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Aufgaben', dataTypeEN: 'tasks' }),
-		],
-		features: [
-			{
-				id: 'feature-quick-add',
-				title: isDE ? 'Schnelleingabe' : 'Quick Add',
-				description: isDE
-					? 'Erstelle Aufgaben in natürlicher Sprache'
-					: 'Create tasks using natural language',
-				icon: '⚡',
-				category: 'core',
-				highlights: isDE
-					? ['Automatische Erkennung', 'Datum & Priorität', 'Tags & Labels']
-					: ['Auto-detection', 'Date & priority', 'Tags & labels'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-kanban',
-				title: 'Kanban Board',
-				description: isDE
-					? 'Visualisiere deine Aufgaben als Kanban-Board'
-					: 'Visualize your tasks as a Kanban board',
-				icon: '📋',
-				category: 'core',
-				highlights: isDE
-					? ['Drag & Drop', 'Spalten nach Priorität', 'Visueller Fortschritt']
-					: ['Drag & drop', 'Columns by priority', 'Visual progress'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-tags',
-				title: 'Tags',
-				description: isDE
-					? 'Organisiere Aufgaben mit farbcodierten Tags'
-					: 'Organize tasks with color-coded tags',
-				icon: '🏷️',
-				category: 'core',
-				highlights: isDE
-					? ['Farbcodierung', 'Mehrere Tags pro Aufgabe', 'Filterbar']
-					: ['Color coding', 'Multiple tags per task', 'Filterable'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-recurring',
-				title: isDE ? 'Wiederkehrende Aufgaben' : 'Recurring Tasks',
-				description: isDE
-					? 'Automatische Wiederholung mit flexiblen Regeln'
-					: 'Automatic recurrence with flexible rules',
-				icon: '🔄',
-				category: 'advanced',
-				highlights: isDE
-					? ['Täglich/Wöchentlich/Monatlich', 'Bestimmte Wochentage', 'Auto-Erstellung']
-					: ['Daily/Weekly/Monthly', 'Specific weekdays', 'Auto-creation'],
-				content: '',
-				order: 4,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [
-			{
-				id: 'shortcuts-navigation',
-				category: 'navigation',
-				title: 'Navigation',
-				language: isDE ? 'de' : 'en',
-				order: 1,
-				shortcuts: [
-					{
-						shortcut: 'Ctrl + 1',
-						action: isDE ? 'Listen-Ansicht' : 'List view',
-					},
-					{
-						shortcut: 'Ctrl + 2',
-						action: isDE ? 'Kanban-Ansicht' : 'Kanban view',
-					},
-					{
-						shortcut: 'Ctrl + 3',
-						action: isDE ? 'Tags-Ansicht' : 'Tags view',
-					},
-				],
-			},
-			{
-				id: 'shortcuts-general',
-				category: 'general',
-				title: isDE ? 'Allgemein' : 'General',
-				language: isDE ? 'de' : 'en',
-				order: 2,
-				shortcuts: [
-					{
-						shortcut: 'F',
-						action: isDE ? 'Immersive-Modus umschalten' : 'Toggle immersive mode',
-					},
-				],
-			},
-		],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Todo.</p>'
-				: '<p>Our support team is here to help you with any task management questions.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/todo/apps/web-archived/src/lib/data/cross-app-search.ts b/apps/todo/apps/web-archived/src/lib/data/cross-app-search.ts
deleted file mode 100644
index 7ebd1d2b0..000000000
--- a/apps/todo/apps/web-archived/src/lib/data/cross-app-search.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-/**
- * Cross-App Search for ManaLinkPicker
- *
- * Searches across multiple apps' IndexedDB databases to find
- * records that can be linked to. Used by the ManaLinkPicker component.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-
-// ─── Minimal types for search ───────────────────────────────
-
-interface SearchableRecord extends BaseRecord {
-	title?: string;
-	name?: string;
-	firstName?: string;
-	lastName?: string;
-	email?: string;
-	description?: string;
-	startDate?: string;
-	allDay?: boolean;
-	color?: string;
-	deletedAt?: string | null;
-}
-
-interface SearchResult {
-	app: string;
-	collection: string;
-	id: string;
-	title: string;
-	subtitle?: string;
-	color?: string;
-}
-
-// ─── Readers (opened lazily on first search) ────────────────
-
-let calendarReader: ReturnType<typeof createLocalStore> | null = null;
-let contactsReader: ReturnType<typeof createLocalStore> | null = null;
-
-async function getCalendarReader() {
-	if (!calendarReader) {
-		calendarReader = createLocalStore({
-			appId: 'calendar',
-			collections: [{ name: 'events', indexes: ['startDate'] }],
-		});
-		await calendarReader.initialize();
-	}
-	return calendarReader;
-}
-
-async function getContactsReader() {
-	if (!contactsReader) {
-		contactsReader = createLocalStore({
-			appId: 'contacts',
-			collections: [{ name: 'contacts', indexes: ['firstName', 'lastName', 'email'] }],
-		});
-		await contactsReader.initialize();
-	}
-	return contactsReader;
-}
-
-// ─── Search ─────────────────────────────────────────────────
-
-function matchesQuery(record: SearchableRecord, q: string): boolean {
-	const lower = q.toLowerCase();
-	const fields = [
-		record.title,
-		record.name,
-		record.firstName,
-		record.lastName,
-		record.email,
-		record.description,
-	];
-	return fields.some((f) => f?.toLowerCase().includes(lower));
-}
-
-/**
- * Search across calendar events and contacts.
- * Todo tasks are excluded since we're linking FROM a todo task.
- */
-export async function searchCrossApp(query: string): Promise<SearchResult[]> {
-	const results: SearchResult[] = [];
-	const q = query.toLowerCase();
-
-	// Search calendar events
-	try {
-		const cal = await getCalendarReader();
-		const events = await cal.collection<SearchableRecord>('events').getAll();
-		for (const event of events) {
-			if (event.deletedAt) continue;
-			if (matchesQuery(event, q)) {
-				const startDate = event.startDate
-					? new Date(event.startDate).toLocaleDateString('de-DE', {
-							day: 'numeric',
-							month: 'short',
-						})
-					: undefined;
-				results.push({
-					app: 'calendar',
-					collection: 'events',
-					id: event.id,
-					title: event.title ?? 'Termin',
-					subtitle: startDate,
-					color: (event.color as string) ?? '#3B82F6',
-				});
-			}
-		}
-	} catch {
-		// Calendar DB may not exist yet
-	}
-
-	// Search contacts
-	try {
-		const con = await getContactsReader();
-		const contacts = await con.collection<SearchableRecord>('contacts').getAll();
-		for (const contact of contacts) {
-			if (contact.deletedAt) continue;
-			if (matchesQuery(contact, q)) {
-				const name = [contact.firstName, contact.lastName].filter(Boolean).join(' ');
-				results.push({
-					app: 'contacts',
-					collection: 'contacts',
-					id: contact.id,
-					title: name || contact.email || 'Kontakt',
-					subtitle: contact.email,
-					color: '#EC4899',
-				});
-			}
-		}
-	} catch {
-		// Contacts DB may not exist yet
-	}
-
-	return results.slice(0, 20);
-}
diff --git a/apps/todo/apps/web-archived/src/lib/data/demo-tasks.ts b/apps/todo/apps/web-archived/src/lib/data/demo-tasks.ts
deleted file mode 100644
index 767feecd8..000000000
--- a/apps/todo/apps/web-archived/src/lib/data/demo-tasks.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-/**
- * Demo Tasks - Static sample tasks for unauthenticated users
- *
- * Shows a realistic task list with various task types to demonstrate
- * the app's capabilities without requiring login.
- */
-
-import type { Task } from '@todo/shared';
-import { addDays, format, subDays } from 'date-fns';
-
-/**
- * Generate demo tasks relative to the current date
- */
-export function generateDemoTasks(): Task[] {
-	const now = new Date();
-	const today = format(now, 'yyyy-MM-dd');
-	const tomorrow = format(addDays(now, 1), 'yyyy-MM-dd');
-	const dayAfterTomorrow = format(addDays(now, 2), 'yyyy-MM-dd');
-	const nextWeek = format(addDays(now, 7), 'yyyy-MM-dd');
-	const yesterday = format(subDays(now, 1), 'yyyy-MM-dd');
-
-	const demoTasks: Task[] = [
-		// Overdue task
-		{
-			id: 'demo_1',
-			userId: 'demo',
-			title: 'Steuererklärung abgeben',
-			description: 'Alle Unterlagen zusammenstellen und online einreichen',
-			dueDate: yesterday,
-			priority: 'urgent',
-			status: 'pending',
-			isCompleted: false,
-			order: 0,
-			subtasks: [
-				{ id: 'sub_1_1', title: 'Belege sammeln', isCompleted: true, order: 0 },
-				{ id: 'sub_1_2', title: 'Formulare ausfüllen', isCompleted: true, order: 1 },
-				{ id: 'sub_1_3', title: 'Online einreichen', isCompleted: false, order: 2 },
-			],
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// Today - high priority
-		{
-			id: 'demo_2',
-			userId: 'demo',
-			title: 'Präsentation vorbereiten',
-			description: 'Slides für das Team-Meeting erstellen',
-			dueDate: today,
-			priority: 'high',
-			status: 'in_progress',
-			isCompleted: false,
-			order: 1,
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// Today - medium priority
-		{
-			id: 'demo_3',
-			userId: 'demo',
-			title: 'E-Mails beantworten',
-			dueDate: today,
-			priority: 'medium',
-			status: 'pending',
-			isCompleted: false,
-			order: 2,
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// Tomorrow
-		{
-			id: 'demo_4',
-			userId: 'demo',
-			title: 'Arzttermin',
-			description: 'Jährliche Vorsorgeuntersuchung - Praxis Dr. Müller',
-			dueDate: tomorrow,
-			dueTime: '10:00',
-			priority: 'high',
-			status: 'pending',
-			isCompleted: false,
-			order: 3,
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// Day after tomorrow
-		{
-			id: 'demo_5',
-			userId: 'demo',
-			title: 'Einkaufsliste',
-			priority: 'low',
-			status: 'pending',
-			isCompleted: false,
-			order: 4,
-			dueDate: dayAfterTomorrow,
-			subtasks: [
-				{ id: 'sub_5_1', title: 'Milch', isCompleted: false, order: 0 },
-				{ id: 'sub_5_2', title: 'Brot', isCompleted: false, order: 1 },
-				{ id: 'sub_5_3', title: 'Obst', isCompleted: false, order: 2 },
-				{ id: 'sub_5_4', title: 'Gemüse', isCompleted: false, order: 3 },
-			],
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// Next week
-		{
-			id: 'demo_6',
-			userId: 'demo',
-			title: 'Wohnung aufräumen',
-			description: 'Frühjahrsputz - alle Zimmer gründlich reinigen',
-			dueDate: nextWeek,
-			priority: 'medium',
-			status: 'pending',
-			isCompleted: false,
-			order: 5,
-			subtasks: [
-				{ id: 'sub_6_1', title: 'Küche', isCompleted: false, order: 0 },
-				{ id: 'sub_6_2', title: 'Bad', isCompleted: false, order: 1 },
-				{ id: 'sub_6_3', title: 'Wohnzimmer', isCompleted: false, order: 2 },
-				{ id: 'sub_6_4', title: 'Schlafzimmer', isCompleted: false, order: 3 },
-			],
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// No due date (inbox)
-		{
-			id: 'demo_7',
-			userId: 'demo',
-			title: 'Buch "Atomic Habits" lesen',
-			description: 'Kapitel 1-5 diese Woche',
-			priority: 'low',
-			status: 'pending',
-			isCompleted: false,
-			order: 6,
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// Completed task
-		{
-			id: 'demo_8',
-			userId: 'demo',
-			title: 'Fitnessstudio anmelden',
-			priority: 'medium',
-			status: 'completed',
-			isCompleted: true,
-			completedAt: subDays(now, 2).toISOString(),
-			order: 7,
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// Another completed
-		{
-			id: 'demo_9',
-			userId: 'demo',
-			title: 'Geburtstagsgeschenk kaufen',
-			description: 'Für Lisa - sie mag Bücher und Tee',
-			priority: 'high',
-			status: 'completed',
-			isCompleted: true,
-			completedAt: subDays(now, 1).toISOString(),
-			order: 8,
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-		// Work task
-		{
-			id: 'demo_10',
-			userId: 'demo',
-			title: 'Code Review für PR #42',
-			description: 'Feature-Branch von Max reviewen',
-			dueDate: tomorrow,
-			priority: 'medium',
-			status: 'pending',
-			isCompleted: false,
-			order: 9,
-			createdAt: now.toISOString(),
-			updatedAt: now.toISOString(),
-		},
-	];
-
-	return demoTasks;
-}
-
-/**
- * Check if a task ID is a demo task
- */
-export function isDemoTask(id: string): boolean {
-	return id.startsWith('demo_');
-}
diff --git a/apps/todo/apps/web-archived/src/lib/data/guest-seed.ts b/apps/todo/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 664dbc825..000000000
--- a/apps/todo/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,252 +0,0 @@
-/**
- * Guest seed data for the Todo app.
- *
- * These records are loaded into IndexedDB when a new guest visits the app.
- * They serve as onboarding content that teaches the user how the app works.
- */
-
-import type { LocalTask, LocalLabel, LocalBoardView } from './local-store';
-
-export const guestLabels: LocalLabel[] = [
-	{
-		id: 'label-important',
-		name: 'Wichtig',
-		color: '#ef4444',
-	},
-	{
-		id: 'label-idea',
-		name: 'Idee',
-		color: '#f59e0b',
-	},
-];
-
-// ─── Board Views ────────────────────────────────────────────
-
-export const guestBoardViews: LocalBoardView[] = [
-	{
-		id: 'view-kanban',
-		name: 'Kanban',
-		icon: 'columns',
-		groupBy: 'status',
-		layout: 'kanban',
-		order: 0,
-		columns: [
-			{
-				id: 'col-todo',
-				name: 'To Do',
-				color: '#6B7280',
-				match: { type: 'status', value: 'pending' },
-				onDrop: { setCompleted: false },
-			},
-			{
-				id: 'col-done',
-				name: 'Erledigt',
-				color: '#22C55E',
-				match: { type: 'status', value: 'completed' },
-				onDrop: { setCompleted: true },
-			},
-		],
-	},
-	{
-		id: 'view-eisenhower',
-		name: 'Eisenhower',
-		icon: 'grid-four',
-		groupBy: 'custom',
-		layout: 'grid',
-		order: 1,
-		columns: [
-			{
-				id: 'col-eis-ui',
-				name: 'Wichtig & Dringend',
-				color: '#EF4444',
-				match: { type: 'custom', value: 'urgent-important' },
-				onDrop: { setPriority: 'urgent' },
-			},
-			{
-				id: 'col-eis-i',
-				name: 'Wichtig',
-				color: '#F59E0B',
-				match: { type: 'custom', value: 'important' },
-				onDrop: { setPriority: 'high' },
-			},
-			{
-				id: 'col-eis-u',
-				name: 'Dringend',
-				color: '#3B82F6',
-				match: { type: 'custom', value: 'urgent' },
-				onDrop: { setPriority: 'medium' },
-			},
-			{
-				id: 'col-eis-ni',
-				name: 'Weder noch',
-				color: '#6B7280',
-				match: { type: 'custom', value: 'neither' },
-				onDrop: { setPriority: 'low' },
-			},
-		],
-	},
-	{
-		id: 'view-priority',
-		name: 'Priorität',
-		icon: 'flag',
-		groupBy: 'priority',
-		layout: 'kanban',
-		order: 2,
-		columns: [
-			{
-				id: 'col-pri-urgent',
-				name: 'Dringend',
-				color: '#EF4444',
-				match: { type: 'priority', value: 'urgent' },
-				onDrop: { setPriority: 'urgent' },
-			},
-			{
-				id: 'col-pri-high',
-				name: 'Hoch',
-				color: '#F59E0B',
-				match: { type: 'priority', value: 'high' },
-				onDrop: { setPriority: 'high' },
-			},
-			{
-				id: 'col-pri-medium',
-				name: 'Mittel',
-				color: '#3B82F6',
-				match: { type: 'priority', value: 'medium' },
-				onDrop: { setPriority: 'medium' },
-			},
-			{
-				id: 'col-pri-low',
-				name: 'Niedrig',
-				color: '#6B7280',
-				match: { type: 'priority', value: 'low' },
-				onDrop: { setPriority: 'low' },
-			},
-		],
-	},
-	{
-		id: 'view-due',
-		name: 'Fälligkeit',
-		icon: 'calendar',
-		groupBy: 'dueDate',
-		layout: 'kanban',
-		order: 3,
-		columns: [
-			{
-				id: 'col-due-overdue',
-				name: 'Überfällig',
-				color: '#EF4444',
-				match: { type: 'dueDate', value: 'overdue' },
-			},
-			{
-				id: 'col-due-today',
-				name: 'Heute',
-				color: '#F59E0B',
-				match: { type: 'dueDate', value: 'today' },
-			},
-			{
-				id: 'col-due-tomorrow',
-				name: 'Morgen',
-				color: '#3B82F6',
-				match: { type: 'dueDate', value: 'tomorrow' },
-			},
-			{
-				id: 'col-due-week',
-				name: 'Diese Woche',
-				color: '#8B5CF6',
-				match: { type: 'dueDate', value: 'week' },
-			},
-			{
-				id: 'col-due-later',
-				name: 'Später',
-				color: '#6B7280',
-				match: { type: 'dueDate', value: 'later' },
-			},
-			{
-				id: 'col-due-none',
-				name: 'Ohne Datum',
-				color: '#9CA3AF',
-				match: { type: 'dueDate', value: 'none' },
-			},
-		],
-	},
-];
-
-// ─── Task Seed Data ─────────────────────────────────────────
-
-const now = new Date();
-const tomorrow = new Date(now);
-tomorrow.setDate(tomorrow.getDate() + 1);
-const nextWeek = new Date(now);
-nextWeek.setDate(nextWeek.getDate() + 7);
-
-export const guestTasks: LocalTask[] = [
-	// ─── Onboarding Tasks ───────────────────────────────────
-	{
-		id: 'onboard-1',
-		title: 'Willkommen bei Todo! Tippe hier, um diese Aufgabe zu bearbeiten ✏️',
-		description:
-			'Du kannst Titel, Beschreibung, Priorität und Fälligkeitsdatum ändern. Probiere es aus!',
-		priority: 'medium',
-		isCompleted: false,
-		order: 0,
-		subtasks: [
-			{ id: 'sub-1', title: 'Titel bearbeiten', isCompleted: false, order: 0 },
-			{ id: 'sub-2', title: 'Beschreibung hinzufügen', isCompleted: false, order: 1 },
-			{ id: 'sub-3', title: 'Priorität ändern', isCompleted: false, order: 2 },
-		],
-	},
-	{
-		id: 'onboard-2',
-		title: 'Klicke den Kreis links, um diese Aufgabe abzuschließen ✓',
-		priority: 'low',
-		isCompleted: false,
-		order: 1,
-	},
-	{
-		id: 'onboard-3',
-		title: 'Erstelle eine neue Aufgabe mit dem + Button oben',
-		priority: 'medium',
-		isCompleted: false,
-		order: 2,
-	},
-	{
-		id: 'onboard-4',
-		title: 'Wechsle zur Board-Ansicht über die Navigation',
-		priority: 'low',
-		isCompleted: false,
-		order: 3,
-	},
-	{
-		id: 'onboard-5',
-		title: 'Melde dich an, um deine Aufgaben auf allen Geräten zu synchronisieren',
-		description:
-			'Ohne Anmeldung werden deine Daten nur in diesem Browser gespeichert. Mit einem Account synchronisieren wir sie automatisch.',
-		priority: 'high',
-		isCompleted: false,
-		order: 4,
-	},
-
-	// ─── Sample Personal Tasks ──────────────────────────────
-	{
-		id: 'sample-1',
-		title: 'Einkaufen gehen',
-		description: 'Milch, Brot, Obst',
-		priority: 'medium',
-		isCompleted: false,
-		dueDate: tomorrow.toISOString(),
-		order: 0,
-		subtasks: [
-			{ id: 'shop-1', title: 'Milch', isCompleted: false, order: 0 },
-			{ id: 'shop-2', title: 'Brot', isCompleted: false, order: 1 },
-			{ id: 'shop-3', title: 'Obst', isCompleted: false, order: 2 },
-		],
-	},
-	{
-		id: 'sample-2',
-		title: 'Wohnung aufräumen',
-		priority: 'low',
-		isCompleted: false,
-		dueDate: nextWeek.toISOString(),
-		order: 1,
-	},
-];
diff --git a/apps/todo/apps/web-archived/src/lib/data/local-store.ts b/apps/todo/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index b87c6278a..000000000
--- a/apps/todo/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-/**
- * Todo App — Local-First Data Layer
- *
- * Defines the IndexedDB database, collections, and guest seed data.
- * This is the single source of truth for all Todo data.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import type { Subtask as SharedSubtask } from '@todo/shared';
-import { guestTasks, guestLabels, guestBoardViews } from './guest-seed.js';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface LocalTask extends BaseRecord {
-	title: string;
-	description?: string;
-	userId?: string;
-	priority: 'low' | 'medium' | 'high' | 'urgent';
-	isCompleted: boolean;
-	completedAt?: string | null;
-	dueDate?: string | null;
-	scheduledDate?: string | null;
-	scheduledStartTime?: string | null;
-	estimatedDuration?: number | null;
-	order: number;
-	recurrenceRule?: string | null;
-	subtasks?: SharedSubtask[] | null;
-	metadata?: Record<string, unknown>;
-}
-
-export type { SharedSubtask as Subtask };
-
-export interface LocalLabel extends BaseRecord {
-	name: string;
-	color: string;
-	userId?: string;
-}
-
-export interface LocalTaskLabel extends BaseRecord {
-	taskId: string;
-	labelId: string;
-}
-
-export interface LocalReminder extends BaseRecord {
-	taskId: string;
-	userId?: string;
-	minutesBefore: number;
-	type: 'push' | 'email' | 'both';
-	status: 'pending' | 'sent' | 'failed';
-}
-
-// ─── Board Views ────────────────────────────────────────────
-
-export interface TaskMatcher {
-	type: 'status' | 'priority' | 'tag' | 'dueDate' | 'custom';
-	value?: string | null;
-	/** For 'custom' groupBy: manually assigned task IDs */
-	taskIds?: string[];
-}
-
-export interface DropAction {
-	setCompleted?: boolean;
-	setPriority?: 'low' | 'medium' | 'high' | 'urgent';
-}
-
-export interface ViewColumn {
-	id: string;
-	name: string;
-	color: string;
-	match: TaskMatcher;
-	onDrop?: DropAction;
-}
-
-export interface ViewFilter {
-	tagIds?: string[];
-	priorities?: string[];
-}
-
-export interface LocalBoardView extends BaseRecord {
-	name: string;
-	icon: string;
-	groupBy: 'status' | 'priority' | 'dueDate' | 'tag' | 'custom';
-	columns: ViewColumn[];
-	filter?: ViewFilter;
-	layout: 'kanban' | 'grid' | 'fokus';
-	order: number;
-}
-
-// ─── Store ──────────────────────────────────────────────────
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const todoStore = createLocalStore({
-	appId: 'todo',
-	collections: [
-		{
-			name: 'tasks',
-			indexes: ['dueDate', 'isCompleted', 'priority', 'order', '[isCompleted+order]'],
-			guestSeed: guestTasks,
-		},
-		{
-			name: 'labels',
-			indexes: [],
-			guestSeed: guestLabels,
-		},
-		{
-			name: 'taskLabels',
-			indexes: ['taskId', 'labelId'],
-		},
-		{
-			name: 'reminders',
-			indexes: ['taskId'],
-		},
-		{
-			name: 'boardViews',
-			indexes: ['order', 'groupBy'],
-			guestSeed: guestBoardViews,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-// Typed collection accessors
-export const taskCollection = todoStore.collection<LocalTask>('tasks');
-export const labelCollection = todoStore.collection<LocalLabel>('labels');
-export const taskLabelCollection = todoStore.collection<LocalTaskLabel>('taskLabels');
-export const reminderCollection = todoStore.collection<LocalReminder>('reminders');
-export const boardViewCollection = todoStore.collection<LocalBoardView>('boardViews');
diff --git a/apps/todo/apps/web-archived/src/lib/data/task-queries.ts b/apps/todo/apps/web-archived/src/lib/data/task-queries.ts
deleted file mode 100644
index 2b85f1a03..000000000
--- a/apps/todo/apps/web-archived/src/lib/data/task-queries.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-/**
- * Reactive Queries & Pure Filter Helpers for Todo
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	taskCollection,
-	boardViewCollection,
-	reminderCollection,
-	type LocalTask,
-	type LocalBoardView,
-	type LocalReminder,
-} from './local-store';
-import type { Task } from '@todo/shared';
-import { isToday, isPast, isFuture, startOfDay, addDays } from 'date-fns';
-
-// ─── Type Converters ───────────────────────────────────────
-
-export function toTask(local: LocalTask): Task {
-	return {
-		id: local.id,
-		userId: local.userId ?? 'guest',
-		title: local.title,
-		description: local.description,
-		dueDate: local.dueDate,
-		scheduledDate: local.scheduledDate,
-		scheduledStartTime: local.scheduledStartTime,
-		estimatedDuration: local.estimatedDuration,
-		priority: local.priority,
-		status: local.isCompleted ? 'completed' : 'pending',
-		isCompleted: local.isCompleted,
-		completedAt: local.completedAt,
-		order: local.order,
-		recurrenceRule: local.recurrenceRule,
-		subtasks: local.subtasks ?? null,
-		metadata: local.metadata as Task['metadata'],
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ─────────
-
-/** All tasks, sorted by order. Auto-updates on any change. */
-export function useAllTasks() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await taskCollection.getAll(undefined, {
-			sortBy: 'order',
-			sortDirection: 'asc',
-		});
-		return locals.map(toTask);
-	}, [] as Task[]);
-}
-
-/** All board views, sorted by order. Auto-updates on any change. */
-export function useAllBoardViews() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await boardViewCollection.getAll(undefined, {
-			sortBy: 'order',
-			sortDirection: 'asc',
-		});
-		return locals;
-	}, [] as LocalBoardView[]);
-}
-
-/** All reminders, keyed by taskId. Auto-updates on any change. */
-export function useAllReminders() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await reminderCollection.getAll();
-		return locals;
-	}, [] as LocalReminder[]);
-}
-
-// ─── Pure Filter Functions (for $derived) ──────────────────
-
-export function filterIncomplete(tasks: Task[]): Task[] {
-	return tasks.filter((t) => !t.isCompleted);
-}
-
-export function filterCompleted(tasks: Task[]): Task[] {
-	return tasks.filter((t) => t.isCompleted);
-}
-
-export function filterOverdue(tasks: Task[]): Task[] {
-	return tasks.filter((t) => {
-		if (!t.dueDate || t.isCompleted) return false;
-		const dueDate = new Date(t.dueDate);
-		return isPast(startOfDay(dueDate)) && !isToday(dueDate);
-	});
-}
-
-export function filterToday(tasks: Task[]): Task[] {
-	const today = startOfDay(new Date());
-	return tasks.filter((t) => {
-		if (t.isCompleted) return false;
-		if (!t.dueDate) return true;
-		const taskDate = startOfDay(new Date(t.dueDate));
-		return taskDate.getTime() === today.getTime();
-	});
-}
-
-export function filterUpcoming(tasks: Task[]): Task[] {
-	const today = startOfDay(new Date());
-	const weekFromNow = addDays(today, 7);
-	return tasks.filter((t) => {
-		if (!t.dueDate || t.isCompleted) return false;
-		const dueDate = new Date(t.dueDate);
-		return isFuture(dueDate) && dueDate <= weekFromNow;
-	});
-}
-
-export function filterByLabel(tasks: Task[], labelId: string): Task[] {
-	return tasks.filter((t) => t.labels?.some((l) => l.id === labelId));
-}
diff --git a/apps/todo/apps/web-archived/src/lib/data/view-grouping.ts b/apps/todo/apps/web-archived/src/lib/data/view-grouping.ts
deleted file mode 100644
index 162ee7922..000000000
--- a/apps/todo/apps/web-archived/src/lib/data/view-grouping.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-/**
- * View Grouping Engine — Pure Functions
- *
- * Groups tasks into columns based on a BoardView configuration.
- * No side effects, no store dependencies — easy to test.
- */
-
-import type { Task } from '@todo/shared';
-import type { LocalBoardView, ViewColumn, DropAction } from './local-store';
-import { isToday, isPast, isTomorrow, startOfDay, addDays, isFuture } from 'date-fns';
-
-// ─── Output Type ───────────────────────────────────────────
-
-export interface GroupedColumn {
-	id: string;
-	name: string;
-	color: string;
-	tasks: Task[];
-	onDrop?: DropAction;
-}
-
-// ─── Main Grouping Function ────────────────────────────────
-
-export function groupTasksByView(view: LocalBoardView, tasks: Task[]): GroupedColumn[] {
-	// Only group incomplete tasks (unless status view includes completed)
-	const activeTasks = view.groupBy === 'status' ? tasks : tasks.filter((t) => !t.isCompleted);
-
-	// Apply view-level filter
-	const filtered = applyViewFilter(activeTasks, view.filter);
-
-	switch (view.groupBy) {
-		case 'status':
-			return groupByStatus(filtered, view.columns);
-		case 'priority':
-			return groupByPriority(filtered, view.columns);
-		case 'dueDate':
-			return groupByDueDate(filtered, view.columns);
-		case 'tag':
-			return groupByTag(filtered, view.columns);
-		case 'custom':
-			return groupByCustom(filtered, view);
-		default:
-			return groupByStatus(filtered, view.columns);
-	}
-}
-
-// ─── Group By Implementations ──────────────────────────────
-
-function groupByStatus(tasks: Task[], columns: ViewColumn[]): GroupedColumn[] {
-	return columns.map((col) => ({
-		id: col.id,
-		name: col.name,
-		color: col.color,
-		onDrop: col.onDrop,
-		tasks: tasks.filter((t) => {
-			if (col.match.value === 'completed') return t.isCompleted;
-			if (col.match.value === 'pending') return !t.isCompleted;
-			return false;
-		}),
-	}));
-}
-
-function groupByPriority(tasks: Task[], columns: ViewColumn[]): GroupedColumn[] {
-	return columns.map((col) => ({
-		id: col.id,
-		name: col.name,
-		color: col.color,
-		onDrop: col.onDrop,
-		tasks: tasks.filter((t) => t.priority === col.match.value),
-	}));
-}
-
-function groupByDueDate(tasks: Task[], columns: ViewColumn[]): GroupedColumn[] {
-	const today = startOfDay(new Date());
-	const tomorrowDate = addDays(today, 1);
-	const weekEnd = addDays(today, 7);
-
-	return columns.map((col) => ({
-		id: col.id,
-		name: col.name,
-		color: col.color,
-		onDrop: col.onDrop,
-		tasks: tasks.filter((t) => {
-			if (!t.dueDate) return col.match.value === 'none';
-			const d = new Date(t.dueDate);
-			const dayStart = startOfDay(d);
-			switch (col.match.value) {
-				case 'overdue':
-					return isPast(dayStart) && !isToday(d);
-				case 'today':
-					return isToday(d);
-				case 'tomorrow':
-					return isTomorrow(d);
-				case 'week':
-					return isFuture(d) && !isTomorrow(d) && d <= weekEnd;
-				case 'later':
-					return d > weekEnd;
-				default:
-					return false;
-			}
-		}),
-	}));
-}
-
-function groupByTag(tasks: Task[], columns: ViewColumn[]): GroupedColumn[] {
-	return columns.map((col) => ({
-		id: col.id,
-		name: col.name,
-		color: col.color,
-		onDrop: col.onDrop,
-		tasks: tasks.filter((t) => t.labels?.some((l) => l.id === col.match.value) ?? false),
-	}));
-}
-
-function groupByCustom(tasks: Task[], view: LocalBoardView): GroupedColumn[] {
-	// Eisenhower matrix: priority + dueDate combination
-	if (view.id === 'view-eisenhower') {
-		return groupEisenhower(tasks, view.columns);
-	}
-
-	// Generic custom: use taskIds per column
-	const assigned = new Set<string>();
-	const result = view.columns.map((col) => {
-		const colTaskIds = new Set(col.match.taskIds ?? []);
-		const colTasks = tasks.filter((t) => {
-			if (colTaskIds.has(t.id)) {
-				assigned.add(t.id);
-				return true;
-			}
-			return false;
-		});
-		return {
-			id: col.id,
-			name: col.name,
-			color: col.color,
-			onDrop: col.onDrop,
-			tasks: colTasks,
-		};
-	});
-
-	// Unassigned tasks go to last column
-	const unassigned = tasks.filter((t) => !assigned.has(t.id));
-	if (unassigned.length > 0 && result.length > 0) {
-		result[result.length - 1].tasks = [...result[result.length - 1].tasks, ...unassigned];
-	}
-
-	return result;
-}
-
-// ─── Eisenhower Matrix ─────────────────────────────────────
-
-function groupEisenhower(tasks: Task[], columns: ViewColumn[]): GroupedColumn[] {
-	const today = startOfDay(new Date());
-	const soonThreshold = addDays(today, 3);
-
-	function isImportant(t: Task): boolean {
-		return t.priority === 'urgent' || t.priority === 'high';
-	}
-
-	function isUrgent(t: Task): boolean {
-		if (!t.dueDate) return false;
-		const d = new Date(t.dueDate);
-		return isPast(startOfDay(d)) || d <= soonThreshold;
-	}
-
-	const buckets: Record<string, Task[]> = {
-		'urgent-important': [],
-		important: [],
-		urgent: [],
-		neither: [],
-	};
-
-	for (const t of tasks.filter((t) => !t.isCompleted)) {
-		const imp = isImportant(t);
-		const urg = isUrgent(t);
-		if (imp && urg) buckets['urgent-important'].push(t);
-		else if (imp) buckets['important'].push(t);
-		else if (urg) buckets['urgent'].push(t);
-		else buckets['neither'].push(t);
-	}
-
-	return columns.map((col) => ({
-		id: col.id,
-		name: col.name,
-		color: col.color,
-		onDrop: col.onDrop,
-		tasks: buckets[col.match.value ?? ''] ?? [],
-	}));
-}
-
-// ─── Helpers ───────────────────────────────────────────────
-
-function applyViewFilter(
-	tasks: Task[],
-	filter?: { tagIds?: string[]; priorities?: string[] }
-): Task[] {
-	if (!filter) return tasks;
-	let result = tasks;
-
-	if (filter.priorities && filter.priorities.length > 0) {
-		result = result.filter((t) => filter.priorities!.includes(t.priority));
-	}
-	if (filter.tagIds && filter.tagIds.length > 0) {
-		result = result.filter((t) => t.labels?.some((l) => filter.tagIds!.includes(l.id)));
-	}
-
-	return result;
-}
-
-/**
- * Apply a column's drop action to a task — returns the update payload.
- */
-export function getDropActionUpdate(action: DropAction): Record<string, unknown> {
-	const update: Record<string, unknown> = {};
-	if (action.setCompleted !== undefined) {
-		update.isCompleted = action.setCompleted;
-		update.completedAt = action.setCompleted ? new Date().toISOString() : null;
-	}
-	if (action.setPriority) update.priority = action.setPriority;
-	return update;
-}
diff --git a/apps/todo/apps/web-archived/src/lib/i18n/index.ts b/apps/todo/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 1faf9f9f2..000000000
--- a/apps/todo/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en', 'fr', 'it', 'es'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-register('fr', () => import('./locales/fr.json'));
-register('it', () => import('./locales/it.json'));
-register('es', () => import('./locales/es.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('todo_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('todo_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/todo/apps/web-archived/src/lib/i18n/locales/de.json b/apps/todo/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 1e1b68d4f..000000000
--- a/apps/todo/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,234 +0,0 @@
-{
-	"app": {
-		"name": "Todo",
-		"loading": "Laden..."
-	},
-	"nav": {
-		"inbox": "Eingang",
-		"today": "Heute",
-		"upcoming": "Anstehend",
-		"projects": "Projekte",
-		"labels": "Labels",
-		"completed": "Erledigt",
-		"settings": "Einstellungen",
-		"feedback": "Feedback"
-	},
-	"task": {
-		"title": "Titel",
-		"description": "Beschreibung",
-		"dueDate": "Fällig am",
-		"dueTime": "Uhrzeit",
-		"priority": "Priorität",
-		"project": "Projekt",
-		"labels": "Labels",
-		"subtasks": "Teilaufgaben",
-		"reminder": "Erinnerung",
-		"repeat": "Wiederholen",
-		"addTask": "Aufgabe hinzufügen",
-		"editTask": "Aufgabe bearbeiten",
-		"deleteTask": "Aufgabe löschen",
-		"completeTask": "Aufgabe erledigen",
-		"uncompleteTask": "Als unerledigt markieren",
-		"noTasks": "Keine Aufgaben",
-		"noTasksToday": "Keine Aufgaben für heute",
-		"noTasksUpcoming": "Keine anstehenden Aufgaben"
-	},
-	"project": {
-		"create": "Projekt erstellen",
-		"edit": "Projekt bearbeiten",
-		"delete": "Projekt löschen",
-		"name": "Name",
-		"color": "Farbe",
-		"icon": "Symbol",
-		"archive": "Archivieren",
-		"noProjects": "Keine Projekte"
-	},
-	"label": {
-		"create": "Label erstellen",
-		"edit": "Label bearbeiten",
-		"delete": "Label löschen",
-		"name": "Name",
-		"color": "Farbe",
-		"noLabels": "Keine Labels"
-	},
-	"priority": {
-		"urgent": "Dringend",
-		"high": "Hoch",
-		"medium": "Normal",
-		"low": "Niedrig"
-	},
-	"repeat": {
-		"none": "Nicht wiederholen",
-		"daily": "Täglich",
-		"weekly": "Wöchentlich",
-		"monthly": "Monatlich",
-		"yearly": "Jährlich"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren",
-		"email": "E-Mail",
-		"password": "Passwort",
-		"forgotPassword": "Passwort vergessen?"
-	},
-	"common": {
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"add": "Hinzufügen",
-		"close": "Schließen",
-		"search": "Suchen",
-		"error": "Fehler",
-		"success": "Erfolgreich",
-		"loading": "Laden...",
-		"noResults": "Keine Ergebnisse",
-		"reset": "Zurücksetzen",
-		"filter": "Filter"
-	},
-	"errors": {
-		"loadTasks": "Aufgaben konnten nicht geladen werden",
-		"createTask": "Aufgabe konnte nicht erstellt werden",
-		"updateTask": "Aufgabe konnte nicht aktualisiert werden",
-		"deleteTask": "Aufgabe konnte nicht gelöscht werden",
-		"loadProjects": "Projekte konnten nicht geladen werden",
-		"loadLabels": "Labels konnten nicht geladen werden"
-	},
-	"error": {
-		"notFound": "Seite nicht gefunden",
-		"backToHome": "Zurück zur Startseite"
-	},
-	"success": {
-		"taskCreated": "Aufgabe erstellt",
-		"taskUpdated": "Aufgabe aktualisiert",
-		"taskDeleted": "Aufgabe gelöscht",
-		"taskCompleted": "Aufgabe erledigt",
-		"projectCreated": "Projekt erstellt",
-		"labelCreated": "Label erstellt"
-	},
-	"taskForm": {
-		"titlePlaceholder": "Aufgabentitel...",
-		"addDescription": "Beschreibung hinzufügen...",
-		"description": "Beschreibung",
-		"scheduling": "Zeitplanung",
-		"due": "Fällig",
-		"dueDate": "Fälligkeit",
-		"time": "Uhrzeit",
-		"start": "Start",
-		"startDate": "Startdatum",
-		"status": "Status",
-		"tags": "Tags",
-		"subtasks": "Subtasks",
-		"recurrence": "Wiederholung",
-		"assignee": "Zuständig",
-		"involved": "Beteiligte",
-		"assignPlaceholder": "Zuweisen...",
-		"assignLabel": "Zuweisen",
-		"assignPerson": "Person zuweisen...",
-		"addPeoplePlaceholder": "Personen hinzufügen...",
-		"addPersonLabel": "Person hinzufügen",
-		"addPlaceholder": "Hinzufügen...",
-		"addLabel": "Hinzufügen",
-		"nameOrEmail": "Name oder E-Mail...",
-		"storypoints": "Storypoints",
-		"duration": "Dauer",
-		"fun": "Spaß",
-		"links": "Verknüpfungen",
-		"addLink": "+ Verknüpfen",
-		"confirmDelete": "Wirklich löschen?",
-		"yesDelete": "Ja, löschen",
-		"openDetails": "Details öffnen",
-		"clickForCreatedDate": "Klicken für Erstellungsdatum",
-		"created": "Erstellt",
-		"completed": "Erledigt"
-	},
-	"filters": {
-		"clearFilter": "Filter löschen",
-		"manageTags": "Tags verwalten",
-		"hideCompleted": "Erledigte ausblenden",
-		"showCompleted": "Erledigte anzeigen",
-		"searchTasks": "Aufgaben suchen...",
-		"resetFilters": "Zurücksetzen",
-		"select": "Auswählen",
-		"noTagsAvailable": "Keine Tags vorhanden",
-		"date": "Datum",
-		"priorityShort": "Priorit.",
-		"name": "Name",
-		"sortByDueDate": "Nach Fälligkeitsdatum sortieren",
-		"sortByPriority": "Nach Priorität sortieren",
-		"sortAlphabetical": "Alphabetisch sortieren",
-		"resetAll": "Filter zurücksetzen"
-	},
-	"tags": {
-		"allTags": "Alle Tags",
-		"showAllTags": "Alle Tags anzeigen",
-		"noTagsAvailable": "Keine Tags vorhanden",
-		"createTag": "Tag erstellen",
-		"newTag": "Neuer Tag",
-		"editTag": "Tag bearbeiten",
-		"deleteTag": "Tag löschen",
-		"tagName": "Tag Name",
-		"searchTags": "Tags suchen...",
-		"clearSearch": "Suche leeren",
-		"createShort": "+ Erstellen",
-		"noTagsFound": "Keine Tags gefunden für \"{query}\"",
-		"selectTags": "Tags auswählen...",
-		"tagsLabel": "Tags:",
-		"filterLabel": "Filter:",
-		"sortBy": "Nach {field} sortieren"
-	},
-	"subtasks": {
-		"dragToSort": "Ziehen zum Sortieren",
-		"addPlaceholder": "Subtask hinzufügen...",
-		"add": "Hinzufügen"
-	},
-	"reminders": {
-		"label": "Erinnerung",
-		"none": "Keine",
-		"atTime": "Zur Fälligkeitszeit",
-		"5min": "5 Minuten vorher",
-		"15min": "15 Minuten vorher",
-		"30min": "30 Minuten vorher",
-		"1hour": "1 Stunde vorher",
-		"2hours": "2 Stunden vorher",
-		"1day": "1 Tag vorher",
-		"2days": "2 Tage vorher",
-		"1week": "1 Woche vorher",
-		"added": "Erinnerung hinzugefügt",
-		"removed": "Erinnerung entfernt",
-		"requiresDueDate": "Erinnerungen brauchen ein Fälligkeitsdatum",
-		"type": "Typ",
-		"push": "Push",
-		"email": "E-Mail",
-		"both": "Push & E-Mail"
-	},
-	"durationPicker": {
-		"minutes": "Minuten",
-		"hours": "Stunden",
-		"days": "Tage",
-		"value": "Wert"
-	},
-	"kanban": {
-		"newTask": "Neue Aufgabe...",
-		"addTask": "Aufgabe hinzufügen",
-		"add": "Hinzufügen",
-		"edit": "Bearbeiten",
-		"restore": "Wiederherstellen",
-		"complete": "Erledigen",
-		"deleteTitle": "Aufgabe löschen?",
-		"deleteMessage": "Diese Aufgabe wird unwiderruflich gelöscht.",
-		"assignedTo": "Zuständig: {name}",
-		"involvedContact": "Beteiligt: {name}"
-	},
-	"toolbar": {
-		"taskOptions": "Aufgaben-Optionen",
-		"switchView": "Ansicht wechseln"
-	},
-	"page": {
-		"recentlyCompleted": "Kürzlich erledigt",
-		"completedAtTime": "{time} Uhr",
-		"completedAtDateTime": "{date}, {time} Uhr",
-		"newTaskPlaceholder": "Neue Aufgabe…"
-	}
-}
diff --git a/apps/todo/apps/web-archived/src/lib/i18n/locales/en.json b/apps/todo/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index fd5ca70e3..000000000
--- a/apps/todo/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,234 +0,0 @@
-{
-	"app": {
-		"name": "Todo",
-		"loading": "Loading..."
-	},
-	"nav": {
-		"inbox": "Inbox",
-		"today": "Today",
-		"upcoming": "Upcoming",
-		"projects": "Projects",
-		"labels": "Labels",
-		"completed": "Completed",
-		"settings": "Settings",
-		"feedback": "Feedback"
-	},
-	"task": {
-		"title": "Title",
-		"description": "Description",
-		"dueDate": "Due date",
-		"dueTime": "Time",
-		"priority": "Priority",
-		"project": "Project",
-		"labels": "Labels",
-		"subtasks": "Subtasks",
-		"reminder": "Reminder",
-		"repeat": "Repeat",
-		"addTask": "Add task",
-		"editTask": "Edit task",
-		"deleteTask": "Delete task",
-		"completeTask": "Complete task",
-		"uncompleteTask": "Mark as incomplete",
-		"noTasks": "No tasks",
-		"noTasksToday": "No tasks for today",
-		"noTasksUpcoming": "No upcoming tasks"
-	},
-	"project": {
-		"create": "Create project",
-		"edit": "Edit project",
-		"delete": "Delete project",
-		"name": "Name",
-		"color": "Color",
-		"icon": "Icon",
-		"archive": "Archive",
-		"noProjects": "No projects"
-	},
-	"label": {
-		"create": "Create label",
-		"edit": "Edit label",
-		"delete": "Delete label",
-		"name": "Name",
-		"color": "Color",
-		"noLabels": "No labels"
-	},
-	"priority": {
-		"urgent": "Urgent",
-		"high": "High",
-		"medium": "Normal",
-		"low": "Low"
-	},
-	"repeat": {
-		"none": "Don't repeat",
-		"daily": "Daily",
-		"weekly": "Weekly",
-		"monthly": "Monthly",
-		"yearly": "Yearly"
-	},
-	"auth": {
-		"login": "Login",
-		"logout": "Logout",
-		"register": "Register",
-		"email": "Email",
-		"password": "Password",
-		"forgotPassword": "Forgot password?"
-	},
-	"common": {
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"add": "Add",
-		"close": "Close",
-		"search": "Search",
-		"error": "Error",
-		"success": "Success",
-		"loading": "Loading...",
-		"noResults": "No results",
-		"reset": "Reset",
-		"filter": "Filter"
-	},
-	"errors": {
-		"loadTasks": "Failed to load tasks",
-		"createTask": "Failed to create task",
-		"updateTask": "Failed to update task",
-		"deleteTask": "Failed to delete task",
-		"loadProjects": "Failed to load projects",
-		"loadLabels": "Failed to load labels"
-	},
-	"error": {
-		"notFound": "Page not found",
-		"backToHome": "Back to home"
-	},
-	"success": {
-		"taskCreated": "Task created",
-		"taskUpdated": "Task updated",
-		"taskDeleted": "Task deleted",
-		"taskCompleted": "Task completed",
-		"projectCreated": "Project created",
-		"labelCreated": "Label created"
-	},
-	"taskForm": {
-		"titlePlaceholder": "Task title...",
-		"addDescription": "Add description...",
-		"description": "Description",
-		"scheduling": "Scheduling",
-		"due": "Due",
-		"dueDate": "Due date",
-		"time": "Time",
-		"start": "Start",
-		"startDate": "Start date",
-		"status": "Status",
-		"tags": "Tags",
-		"subtasks": "Subtasks",
-		"recurrence": "Recurrence",
-		"assignee": "Assignee",
-		"involved": "Involved",
-		"assignPlaceholder": "Assign...",
-		"assignLabel": "Assign",
-		"assignPerson": "Assign person...",
-		"addPeoplePlaceholder": "Add people...",
-		"addPersonLabel": "Add person",
-		"addPlaceholder": "Add...",
-		"addLabel": "Add",
-		"nameOrEmail": "Name or email...",
-		"storypoints": "Story points",
-		"duration": "Duration",
-		"fun": "Fun",
-		"links": "Links",
-		"addLink": "+ Link",
-		"confirmDelete": "Really delete?",
-		"yesDelete": "Yes, delete",
-		"openDetails": "Open details",
-		"clickForCreatedDate": "Click for created date",
-		"created": "Created",
-		"completed": "Completed"
-	},
-	"filters": {
-		"clearFilter": "Clear filter",
-		"manageTags": "Manage tags",
-		"hideCompleted": "Hide completed",
-		"showCompleted": "Show completed",
-		"searchTasks": "Search tasks...",
-		"resetFilters": "Reset",
-		"select": "Select",
-		"noTagsAvailable": "No tags available",
-		"date": "Date",
-		"priorityShort": "Priority",
-		"name": "Name",
-		"sortByDueDate": "Sort by due date",
-		"sortByPriority": "Sort by priority",
-		"sortAlphabetical": "Sort alphabetically",
-		"resetAll": "Reset filters"
-	},
-	"tags": {
-		"allTags": "All tags",
-		"showAllTags": "Show all tags",
-		"noTagsAvailable": "No tags available",
-		"createTag": "Create tag",
-		"newTag": "New tag",
-		"editTag": "Edit tag",
-		"deleteTag": "Delete tag",
-		"tagName": "Tag name",
-		"searchTags": "Search tags...",
-		"clearSearch": "Clear search",
-		"createShort": "+ Create",
-		"noTagsFound": "No tags found for \"{query}\"",
-		"selectTags": "Select tags...",
-		"tagsLabel": "Tags:",
-		"filterLabel": "Filter:",
-		"sortBy": "Sort by {field}"
-	},
-	"subtasks": {
-		"dragToSort": "Drag to sort",
-		"addPlaceholder": "Add subtask...",
-		"add": "Add"
-	},
-	"reminders": {
-		"label": "Reminder",
-		"none": "None",
-		"atTime": "At time of task",
-		"5min": "5 minutes before",
-		"15min": "15 minutes before",
-		"30min": "30 minutes before",
-		"1hour": "1 hour before",
-		"2hours": "2 hours before",
-		"1day": "1 day before",
-		"2days": "2 days before",
-		"1week": "1 week before",
-		"added": "Reminder added",
-		"removed": "Reminder removed",
-		"requiresDueDate": "Reminders require a due date",
-		"type": "Type",
-		"push": "Push",
-		"email": "Email",
-		"both": "Push & Email"
-	},
-	"durationPicker": {
-		"minutes": "Minutes",
-		"hours": "Hours",
-		"days": "Days",
-		"value": "Value"
-	},
-	"kanban": {
-		"newTask": "New task...",
-		"addTask": "Add task",
-		"add": "Add",
-		"edit": "Edit",
-		"restore": "Restore",
-		"complete": "Complete",
-		"deleteTitle": "Delete task?",
-		"deleteMessage": "This task will be permanently deleted.",
-		"assignedTo": "Assigned to: {name}",
-		"involvedContact": "Involved: {name}"
-	},
-	"toolbar": {
-		"taskOptions": "Task options",
-		"switchView": "Switch view"
-	},
-	"page": {
-		"recentlyCompleted": "Recently completed",
-		"completedAtTime": "{time}",
-		"completedAtDateTime": "{date}, {time}",
-		"newTaskPlaceholder": "New task…"
-	}
-}
diff --git a/apps/todo/apps/web-archived/src/lib/i18n/locales/es.json b/apps/todo/apps/web-archived/src/lib/i18n/locales/es.json
deleted file mode 100644
index 64436d954..000000000
--- a/apps/todo/apps/web-archived/src/lib/i18n/locales/es.json
+++ /dev/null
@@ -1,234 +0,0 @@
-{
-	"app": {
-		"name": "Todo",
-		"loading": "Cargando..."
-	},
-	"nav": {
-		"inbox": "Bandeja de entrada",
-		"today": "Hoy",
-		"upcoming": "Próximas",
-		"projects": "Proyectos",
-		"labels": "Etiquetas",
-		"completed": "Completadas",
-		"settings": "Configuración",
-		"feedback": "Comentarios"
-	},
-	"task": {
-		"title": "Título",
-		"description": "Descripción",
-		"dueDate": "Fecha de vencimiento",
-		"dueTime": "Hora",
-		"priority": "Prioridad",
-		"project": "Proyecto",
-		"labels": "Etiquetas",
-		"subtasks": "Subtareas",
-		"reminder": "Recordatorio",
-		"repeat": "Repetir",
-		"addTask": "Añadir tarea",
-		"editTask": "Editar tarea",
-		"deleteTask": "Eliminar tarea",
-		"completeTask": "Completar tarea",
-		"uncompleteTask": "Marcar como no completada",
-		"noTasks": "Sin tareas",
-		"noTasksToday": "Sin tareas para hoy",
-		"noTasksUpcoming": "Sin tareas próximas"
-	},
-	"project": {
-		"create": "Crear proyecto",
-		"edit": "Editar proyecto",
-		"delete": "Eliminar proyecto",
-		"name": "Nombre",
-		"color": "Color",
-		"icon": "Icono",
-		"archive": "Archivar",
-		"noProjects": "Sin proyectos"
-	},
-	"label": {
-		"create": "Crear etiqueta",
-		"edit": "Editar etiqueta",
-		"delete": "Eliminar etiqueta",
-		"name": "Nombre",
-		"color": "Color",
-		"noLabels": "Sin etiquetas"
-	},
-	"priority": {
-		"urgent": "Urgente",
-		"high": "Alta",
-		"medium": "Normal",
-		"low": "Baja"
-	},
-	"repeat": {
-		"none": "No repetir",
-		"daily": "Diario",
-		"weekly": "Semanal",
-		"monthly": "Mensual",
-		"yearly": "Anual"
-	},
-	"auth": {
-		"login": "Iniciar sesión",
-		"logout": "Cerrar sesión",
-		"register": "Registrarse",
-		"email": "Correo electrónico",
-		"password": "Contraseña",
-		"forgotPassword": "¿Olvidaste tu contraseña?"
-	},
-	"common": {
-		"save": "Guardar",
-		"cancel": "Cancelar",
-		"delete": "Eliminar",
-		"edit": "Editar",
-		"add": "Añadir",
-		"close": "Cerrar",
-		"search": "Buscar",
-		"error": "Error",
-		"success": "Éxito",
-		"loading": "Cargando...",
-		"noResults": "Sin resultados",
-		"reset": "Restablecer",
-		"filter": "Filtro"
-	},
-	"errors": {
-		"loadTasks": "No se pudieron cargar las tareas",
-		"createTask": "No se pudo crear la tarea",
-		"updateTask": "No se pudo actualizar la tarea",
-		"deleteTask": "No se pudo eliminar la tarea",
-		"loadProjects": "No se pudieron cargar los proyectos",
-		"loadLabels": "No se pudieron cargar las etiquetas"
-	},
-	"error": {
-		"notFound": "Página no encontrada",
-		"backToHome": "Volver al inicio"
-	},
-	"success": {
-		"taskCreated": "Tarea creada",
-		"taskUpdated": "Tarea actualizada",
-		"taskDeleted": "Tarea eliminada",
-		"taskCompleted": "Tarea completada",
-		"projectCreated": "Proyecto creado",
-		"labelCreated": "Etiqueta creada"
-	},
-	"taskForm": {
-		"titlePlaceholder": "Título de la tarea...",
-		"addDescription": "Añadir descripción...",
-		"description": "Descripción",
-		"scheduling": "Programación",
-		"due": "Vencimiento",
-		"dueDate": "Fecha de vencimiento",
-		"time": "Hora",
-		"start": "Inicio",
-		"startDate": "Fecha de inicio",
-		"status": "Estado",
-		"tags": "Tags",
-		"subtasks": "Subtareas",
-		"recurrence": "Recurrencia",
-		"assignee": "Responsable",
-		"involved": "Participantes",
-		"assignPlaceholder": "Asignar...",
-		"assignLabel": "Asignar",
-		"assignPerson": "Asignar persona...",
-		"addPeoplePlaceholder": "Añadir personas...",
-		"addPersonLabel": "Añadir persona",
-		"addPlaceholder": "Añadir...",
-		"addLabel": "Añadir",
-		"nameOrEmail": "Nombre o correo...",
-		"storypoints": "Story points",
-		"duration": "Duración",
-		"fun": "Diversión",
-		"links": "Enlaces",
-		"addLink": "+ Enlazar",
-		"confirmDelete": "¿Eliminar realmente?",
-		"yesDelete": "Sí, eliminar",
-		"openDetails": "Abrir detalles",
-		"clickForCreatedDate": "Clic para fecha de creación",
-		"created": "Creado",
-		"completed": "Completado"
-	},
-	"filters": {
-		"clearFilter": "Borrar filtro",
-		"manageTags": "Gestionar tags",
-		"hideCompleted": "Ocultar completadas",
-		"showCompleted": "Mostrar completadas",
-		"searchTasks": "Buscar tareas...",
-		"resetFilters": "Restablecer",
-		"select": "Seleccionar",
-		"noTagsAvailable": "No hay tags disponibles",
-		"date": "Fecha",
-		"priorityShort": "Prioridad",
-		"name": "Nombre",
-		"sortByDueDate": "Ordenar por fecha de vencimiento",
-		"sortByPriority": "Ordenar por prioridad",
-		"sortAlphabetical": "Ordenar alfabéticamente",
-		"resetAll": "Restablecer filtros"
-	},
-	"tags": {
-		"allTags": "Todos los tags",
-		"showAllTags": "Mostrar todos los tags",
-		"noTagsAvailable": "No hay tags disponibles",
-		"createTag": "Crear tag",
-		"newTag": "Nuevo tag",
-		"editTag": "Editar tag",
-		"deleteTag": "Eliminar tag",
-		"tagName": "Nombre del tag",
-		"searchTags": "Buscar tags...",
-		"clearSearch": "Borrar búsqueda",
-		"createShort": "+ Crear",
-		"noTagsFound": "No se encontraron tags para \"{query}\"",
-		"selectTags": "Seleccionar tags...",
-		"tagsLabel": "Tags:",
-		"filterLabel": "Filtro:",
-		"sortBy": "Ordenar por {field}"
-	},
-	"subtasks": {
-		"dragToSort": "Arrastrar para ordenar",
-		"addPlaceholder": "Añadir subtarea...",
-		"add": "Añadir"
-	},
-	"reminders": {
-		"label": "Recordatorio",
-		"none": "Ninguno",
-		"atTime": "A la hora de la tarea",
-		"5min": "5 minutos antes",
-		"15min": "15 minutos antes",
-		"30min": "30 minutos antes",
-		"1hour": "1 hora antes",
-		"2hours": "2 horas antes",
-		"1day": "1 día antes",
-		"2days": "2 días antes",
-		"1week": "1 semana antes",
-		"added": "Recordatorio añadido",
-		"removed": "Recordatorio eliminado",
-		"requiresDueDate": "Los recordatorios requieren una fecha de vencimiento",
-		"type": "Tipo",
-		"push": "Push",
-		"email": "Correo",
-		"both": "Push y Correo"
-	},
-	"durationPicker": {
-		"minutes": "Minutos",
-		"hours": "Horas",
-		"days": "Días",
-		"value": "Valor"
-	},
-	"kanban": {
-		"newTask": "Nueva tarea...",
-		"addTask": "Añadir tarea",
-		"add": "Añadir",
-		"edit": "Editar",
-		"restore": "Restaurar",
-		"complete": "Completar",
-		"deleteTitle": "¿Eliminar tarea?",
-		"deleteMessage": "Esta tarea se eliminará permanentemente.",
-		"assignedTo": "Responsable: {name}",
-		"involvedContact": "Participante: {name}"
-	},
-	"toolbar": {
-		"taskOptions": "Opciones de tareas",
-		"switchView": "Cambiar vista"
-	},
-	"page": {
-		"recentlyCompleted": "Completadas recientemente",
-		"completedAtTime": "{time}",
-		"completedAtDateTime": "{date}, {time}",
-		"newTaskPlaceholder": "Nueva tarea…"
-	}
-}
diff --git a/apps/todo/apps/web-archived/src/lib/i18n/locales/fr.json b/apps/todo/apps/web-archived/src/lib/i18n/locales/fr.json
deleted file mode 100644
index 94e3315a1..000000000
--- a/apps/todo/apps/web-archived/src/lib/i18n/locales/fr.json
+++ /dev/null
@@ -1,234 +0,0 @@
-{
-	"app": {
-		"name": "Todo",
-		"loading": "Chargement..."
-	},
-	"nav": {
-		"inbox": "Boîte de réception",
-		"today": "Aujourd'hui",
-		"upcoming": "À venir",
-		"projects": "Projets",
-		"labels": "Labels",
-		"completed": "Terminées",
-		"settings": "Paramètres",
-		"feedback": "Commentaires"
-	},
-	"task": {
-		"title": "Titre",
-		"description": "Description",
-		"dueDate": "Date d'échéance",
-		"dueTime": "Heure",
-		"priority": "Priorité",
-		"project": "Projet",
-		"labels": "Labels",
-		"subtasks": "Sous-tâches",
-		"reminder": "Rappel",
-		"repeat": "Répéter",
-		"addTask": "Ajouter une tâche",
-		"editTask": "Modifier la tâche",
-		"deleteTask": "Supprimer la tâche",
-		"completeTask": "Terminer la tâche",
-		"uncompleteTask": "Marquer comme non terminée",
-		"noTasks": "Aucune tâche",
-		"noTasksToday": "Aucune tâche pour aujourd'hui",
-		"noTasksUpcoming": "Aucune tâche à venir"
-	},
-	"project": {
-		"create": "Créer un projet",
-		"edit": "Modifier le projet",
-		"delete": "Supprimer le projet",
-		"name": "Nom",
-		"color": "Couleur",
-		"icon": "Icône",
-		"archive": "Archiver",
-		"noProjects": "Aucun projet"
-	},
-	"label": {
-		"create": "Créer un label",
-		"edit": "Modifier le label",
-		"delete": "Supprimer le label",
-		"name": "Nom",
-		"color": "Couleur",
-		"noLabels": "Aucun label"
-	},
-	"priority": {
-		"urgent": "Urgent",
-		"high": "Haute",
-		"medium": "Normale",
-		"low": "Basse"
-	},
-	"repeat": {
-		"none": "Ne pas répéter",
-		"daily": "Quotidien",
-		"weekly": "Hebdomadaire",
-		"monthly": "Mensuel",
-		"yearly": "Annuel"
-	},
-	"auth": {
-		"login": "Connexion",
-		"logout": "Déconnexion",
-		"register": "Inscription",
-		"email": "E-mail",
-		"password": "Mot de passe",
-		"forgotPassword": "Mot de passe oublié ?"
-	},
-	"common": {
-		"save": "Enregistrer",
-		"cancel": "Annuler",
-		"delete": "Supprimer",
-		"edit": "Modifier",
-		"add": "Ajouter",
-		"close": "Fermer",
-		"search": "Rechercher",
-		"error": "Erreur",
-		"success": "Succès",
-		"loading": "Chargement...",
-		"noResults": "Aucun résultat",
-		"reset": "Réinitialiser",
-		"filter": "Filtre"
-	},
-	"errors": {
-		"loadTasks": "Impossible de charger les tâches",
-		"createTask": "Impossible de créer la tâche",
-		"updateTask": "Impossible de mettre à jour la tâche",
-		"deleteTask": "Impossible de supprimer la tâche",
-		"loadProjects": "Impossible de charger les projets",
-		"loadLabels": "Impossible de charger les labels"
-	},
-	"error": {
-		"notFound": "Page non trouvée",
-		"backToHome": "Retour à l'accueil"
-	},
-	"success": {
-		"taskCreated": "Tâche créée",
-		"taskUpdated": "Tâche mise à jour",
-		"taskDeleted": "Tâche supprimée",
-		"taskCompleted": "Tâche terminée",
-		"projectCreated": "Projet créé",
-		"labelCreated": "Label créé"
-	},
-	"taskForm": {
-		"titlePlaceholder": "Titre de la tâche...",
-		"addDescription": "Ajouter une description...",
-		"description": "Description",
-		"scheduling": "Planification",
-		"due": "Échéance",
-		"dueDate": "Date d'échéance",
-		"time": "Heure",
-		"start": "Début",
-		"startDate": "Date de début",
-		"status": "Statut",
-		"tags": "Tags",
-		"subtasks": "Sous-tâches",
-		"recurrence": "Récurrence",
-		"assignee": "Responsable",
-		"involved": "Participants",
-		"assignPlaceholder": "Assigner...",
-		"assignLabel": "Assigner",
-		"assignPerson": "Assigner une personne...",
-		"addPeoplePlaceholder": "Ajouter des personnes...",
-		"addPersonLabel": "Ajouter une personne",
-		"addPlaceholder": "Ajouter...",
-		"addLabel": "Ajouter",
-		"nameOrEmail": "Nom ou e-mail...",
-		"storypoints": "Story points",
-		"duration": "Durée",
-		"fun": "Plaisir",
-		"links": "Liens",
-		"addLink": "+ Lier",
-		"confirmDelete": "Vraiment supprimer ?",
-		"yesDelete": "Oui, supprimer",
-		"openDetails": "Ouvrir les détails",
-		"clickForCreatedDate": "Cliquer pour la date de création",
-		"created": "Créé",
-		"completed": "Terminé"
-	},
-	"filters": {
-		"clearFilter": "Effacer le filtre",
-		"manageTags": "Gérer les tags",
-		"hideCompleted": "Masquer les terminées",
-		"showCompleted": "Afficher les terminées",
-		"searchTasks": "Rechercher des tâches...",
-		"resetFilters": "Réinitialiser",
-		"select": "Sélectionner",
-		"noTagsAvailable": "Aucun tag disponible",
-		"date": "Date",
-		"priorityShort": "Priorité",
-		"name": "Nom",
-		"sortByDueDate": "Trier par date d'échéance",
-		"sortByPriority": "Trier par priorité",
-		"sortAlphabetical": "Trier par ordre alphabétique",
-		"resetAll": "Réinitialiser les filtres"
-	},
-	"tags": {
-		"allTags": "Tous les tags",
-		"showAllTags": "Afficher tous les tags",
-		"noTagsAvailable": "Aucun tag disponible",
-		"createTag": "Créer un tag",
-		"newTag": "Nouveau tag",
-		"editTag": "Modifier le tag",
-		"deleteTag": "Supprimer le tag",
-		"tagName": "Nom du tag",
-		"searchTags": "Rechercher des tags...",
-		"clearSearch": "Effacer la recherche",
-		"createShort": "+ Créer",
-		"noTagsFound": "Aucun tag trouvé pour \"{query}\"",
-		"selectTags": "Sélectionner des tags...",
-		"tagsLabel": "Tags :",
-		"filterLabel": "Filtre :",
-		"sortBy": "Trier par {field}"
-	},
-	"subtasks": {
-		"dragToSort": "Glisser pour trier",
-		"addPlaceholder": "Ajouter une sous-tâche...",
-		"add": "Ajouter"
-	},
-	"reminders": {
-		"label": "Rappel",
-		"none": "Aucun",
-		"atTime": "À l'heure de la tâche",
-		"5min": "5 minutes avant",
-		"15min": "15 minutes avant",
-		"30min": "30 minutes avant",
-		"1hour": "1 heure avant",
-		"2hours": "2 heures avant",
-		"1day": "1 jour avant",
-		"2days": "2 jours avant",
-		"1week": "1 semaine avant",
-		"added": "Rappel ajouté",
-		"removed": "Rappel supprimé",
-		"requiresDueDate": "Les rappels nécessitent une date d'échéance",
-		"type": "Type",
-		"push": "Push",
-		"email": "E-mail",
-		"both": "Push & E-mail"
-	},
-	"durationPicker": {
-		"minutes": "Minutes",
-		"hours": "Heures",
-		"days": "Jours",
-		"value": "Valeur"
-	},
-	"kanban": {
-		"newTask": "Nouvelle tâche...",
-		"addTask": "Ajouter une tâche",
-		"add": "Ajouter",
-		"edit": "Modifier",
-		"restore": "Restaurer",
-		"complete": "Terminer",
-		"deleteTitle": "Supprimer la tâche ?",
-		"deleteMessage": "Cette tâche sera supprimée définitivement.",
-		"assignedTo": "Responsable : {name}",
-		"involvedContact": "Participant : {name}"
-	},
-	"toolbar": {
-		"taskOptions": "Options des tâches",
-		"switchView": "Changer de vue"
-	},
-	"page": {
-		"recentlyCompleted": "Récemment terminées",
-		"completedAtTime": "{time} h",
-		"completedAtDateTime": "{date}, {time} h",
-		"newTaskPlaceholder": "Nouvelle tâche…"
-	}
-}
diff --git a/apps/todo/apps/web-archived/src/lib/i18n/locales/it.json b/apps/todo/apps/web-archived/src/lib/i18n/locales/it.json
deleted file mode 100644
index 912624ef7..000000000
--- a/apps/todo/apps/web-archived/src/lib/i18n/locales/it.json
+++ /dev/null
@@ -1,234 +0,0 @@
-{
-	"app": {
-		"name": "Todo",
-		"loading": "Caricamento..."
-	},
-	"nav": {
-		"inbox": "In arrivo",
-		"today": "Oggi",
-		"upcoming": "In programma",
-		"projects": "Progetti",
-		"labels": "Etichette",
-		"completed": "Completate",
-		"settings": "Impostazioni",
-		"feedback": "Feedback"
-	},
-	"task": {
-		"title": "Titolo",
-		"description": "Descrizione",
-		"dueDate": "Scadenza",
-		"dueTime": "Orario",
-		"priority": "Priorità",
-		"project": "Progetto",
-		"labels": "Etichette",
-		"subtasks": "Sotto-attività",
-		"reminder": "Promemoria",
-		"repeat": "Ripeti",
-		"addTask": "Aggiungi attività",
-		"editTask": "Modifica attività",
-		"deleteTask": "Elimina attività",
-		"completeTask": "Completa attività",
-		"uncompleteTask": "Segna come non completata",
-		"noTasks": "Nessuna attività",
-		"noTasksToday": "Nessuna attività per oggi",
-		"noTasksUpcoming": "Nessuna attività in programma"
-	},
-	"project": {
-		"create": "Crea progetto",
-		"edit": "Modifica progetto",
-		"delete": "Elimina progetto",
-		"name": "Nome",
-		"color": "Colore",
-		"icon": "Icona",
-		"archive": "Archivia",
-		"noProjects": "Nessun progetto"
-	},
-	"label": {
-		"create": "Crea etichetta",
-		"edit": "Modifica etichetta",
-		"delete": "Elimina etichetta",
-		"name": "Nome",
-		"color": "Colore",
-		"noLabels": "Nessuna etichetta"
-	},
-	"priority": {
-		"urgent": "Urgente",
-		"high": "Alta",
-		"medium": "Normale",
-		"low": "Bassa"
-	},
-	"repeat": {
-		"none": "Non ripetere",
-		"daily": "Giornaliero",
-		"weekly": "Settimanale",
-		"monthly": "Mensile",
-		"yearly": "Annuale"
-	},
-	"auth": {
-		"login": "Accedi",
-		"logout": "Esci",
-		"register": "Registrati",
-		"email": "E-mail",
-		"password": "Password",
-		"forgotPassword": "Password dimenticata?"
-	},
-	"common": {
-		"save": "Salva",
-		"cancel": "Annulla",
-		"delete": "Elimina",
-		"edit": "Modifica",
-		"add": "Aggiungi",
-		"close": "Chiudi",
-		"search": "Cerca",
-		"error": "Errore",
-		"success": "Successo",
-		"loading": "Caricamento...",
-		"noResults": "Nessun risultato",
-		"reset": "Reimposta",
-		"filter": "Filtro"
-	},
-	"errors": {
-		"loadTasks": "Impossibile caricare le attività",
-		"createTask": "Impossibile creare l'attività",
-		"updateTask": "Impossibile aggiornare l'attività",
-		"deleteTask": "Impossibile eliminare l'attività",
-		"loadProjects": "Impossibile caricare i progetti",
-		"loadLabels": "Impossibile caricare le etichette"
-	},
-	"error": {
-		"notFound": "Pagina non trovata",
-		"backToHome": "Torna alla home"
-	},
-	"success": {
-		"taskCreated": "Attività creata",
-		"taskUpdated": "Attività aggiornata",
-		"taskDeleted": "Attività eliminata",
-		"taskCompleted": "Attività completata",
-		"projectCreated": "Progetto creato",
-		"labelCreated": "Etichetta creata"
-	},
-	"taskForm": {
-		"titlePlaceholder": "Titolo dell'attività...",
-		"addDescription": "Aggiungi descrizione...",
-		"description": "Descrizione",
-		"scheduling": "Pianificazione",
-		"due": "Scadenza",
-		"dueDate": "Data di scadenza",
-		"time": "Orario",
-		"start": "Inizio",
-		"startDate": "Data di inizio",
-		"status": "Stato",
-		"tags": "Tags",
-		"subtasks": "Sotto-attività",
-		"recurrence": "Ricorrenza",
-		"assignee": "Responsabile",
-		"involved": "Partecipanti",
-		"assignPlaceholder": "Assegna...",
-		"assignLabel": "Assegna",
-		"assignPerson": "Assegna persona...",
-		"addPeoplePlaceholder": "Aggiungi persone...",
-		"addPersonLabel": "Aggiungi persona",
-		"addPlaceholder": "Aggiungi...",
-		"addLabel": "Aggiungi",
-		"nameOrEmail": "Nome o e-mail...",
-		"storypoints": "Story points",
-		"duration": "Durata",
-		"fun": "Divertimento",
-		"links": "Collegamento",
-		"addLink": "+ Collega",
-		"confirmDelete": "Eliminare davvero?",
-		"yesDelete": "Sì, elimina",
-		"openDetails": "Apri dettagli",
-		"clickForCreatedDate": "Clicca per data di creazione",
-		"created": "Creato",
-		"completed": "Completato"
-	},
-	"filters": {
-		"clearFilter": "Cancella filtro",
-		"manageTags": "Gestisci tags",
-		"hideCompleted": "Nascondi completate",
-		"showCompleted": "Mostra completate",
-		"searchTasks": "Cerca attività...",
-		"resetFilters": "Reimposta",
-		"select": "Seleziona",
-		"noTagsAvailable": "Nessun tag disponibile",
-		"date": "Data",
-		"priorityShort": "Priorità",
-		"name": "Nome",
-		"sortByDueDate": "Ordina per scadenza",
-		"sortByPriority": "Ordina per priorità",
-		"sortAlphabetical": "Ordina alfabeticamente",
-		"resetAll": "Reimposta filtri"
-	},
-	"tags": {
-		"allTags": "Tutti i tags",
-		"showAllTags": "Mostra tutti i tags",
-		"noTagsAvailable": "Nessun tag disponibile",
-		"createTag": "Crea tag",
-		"newTag": "Nuovo tag",
-		"editTag": "Modifica tag",
-		"deleteTag": "Elimina tag",
-		"tagName": "Nome del tag",
-		"searchTags": "Cerca tags...",
-		"clearSearch": "Cancella ricerca",
-		"createShort": "+ Crea",
-		"noTagsFound": "Nessun tag trovato per \"{query}\"",
-		"selectTags": "Seleziona tags...",
-		"tagsLabel": "Tags:",
-		"filterLabel": "Filtro:",
-		"sortBy": "Ordina per {field}"
-	},
-	"subtasks": {
-		"dragToSort": "Trascina per ordinare",
-		"addPlaceholder": "Aggiungi sotto-attività...",
-		"add": "Aggiungi"
-	},
-	"reminders": {
-		"label": "Promemoria",
-		"none": "Nessuno",
-		"atTime": "All'ora dell'attività",
-		"5min": "5 minuti prima",
-		"15min": "15 minuti prima",
-		"30min": "30 minuti prima",
-		"1hour": "1 ora prima",
-		"2hours": "2 ore prima",
-		"1day": "1 giorno prima",
-		"2days": "2 giorni prima",
-		"1week": "1 settimana prima",
-		"added": "Promemoria aggiunto",
-		"removed": "Promemoria rimosso",
-		"requiresDueDate": "I promemoria richiedono una data di scadenza",
-		"type": "Tipo",
-		"push": "Push",
-		"email": "E-mail",
-		"both": "Push ed E-mail"
-	},
-	"durationPicker": {
-		"minutes": "Minuti",
-		"hours": "Ore",
-		"days": "Giorni",
-		"value": "Valore"
-	},
-	"kanban": {
-		"newTask": "Nuova attività...",
-		"addTask": "Aggiungi attività",
-		"add": "Aggiungi",
-		"edit": "Modifica",
-		"restore": "Ripristina",
-		"complete": "Completa",
-		"deleteTitle": "Eliminare attività?",
-		"deleteMessage": "Questa attività verrà eliminata definitivamente.",
-		"assignedTo": "Responsabile: {name}",
-		"involvedContact": "Partecipante: {name}"
-	},
-	"toolbar": {
-		"taskOptions": "Opzioni attività",
-		"switchView": "Cambia vista"
-	},
-	"page": {
-		"recentlyCompleted": "Completate di recente",
-		"completedAtTime": "ore {time}",
-		"completedAtDateTime": "{date}, ore {time}",
-		"newTaskPlaceholder": "Nuova attività…"
-	}
-}
diff --git a/apps/todo/apps/web-archived/src/lib/services/feedback.ts b/apps/todo/apps/web-archived/src/lib/services/feedback.ts
deleted file mode 100644
index a3d0d8c1e..000000000
--- a/apps/todo/apps/web-archived/src/lib/services/feedback.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Feedback Service Instance for Todo Web App
- */
-
-import { browser } from '$app/environment';
-import { createFeedbackService } from '@manacore/feedback';
-import { authStore } from '$lib/stores/auth.svelte';
-
-// Get auth URL dynamically at runtime
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		return injectedUrl || 'http://localhost:3001';
-	}
-	return 'http://localhost:3001';
-}
-
-export const feedbackService = createFeedbackService({
-	apiUrl: getAuthUrl(),
-	appId: 'todo',
-	getAuthToken: async () => authStore.getAccessToken(),
-});
diff --git a/apps/todo/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 6f0a8c09a..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-import { todoSettings } from './settings.svelte';
-
-/**
- * Todo-specific onboarding steps
- */
-const todoOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Todo!',
-		description: 'Das kann Todo für dich tun:',
-		emoji: '✅',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		bullets: [
-			'Aufgaben erstellen & verwalten',
-			'Heute-, Inbox- & Kanban-Ansichten',
-			'Fälligkeiten & Prioritäten',
-			'Schnelleingabe per Text',
-		],
-	},
-	{
-		id: 'defaultView',
-		type: 'select',
-		question: 'Wo möchtest du starten?',
-		description: 'Du kannst die Ansicht jederzeit wechseln.',
-		emoji: '📋',
-		gradient: { from: 'blue-500', to: 'blue-700' },
-		options: [
-			{
-				id: 'today',
-				label: 'Heute',
-				description: 'Tagesübersicht mit Fälligkeiten (Empfohlen)',
-				emoji: '☀️',
-			},
-			{
-				id: 'inbox',
-				label: 'Eingang',
-				description: 'Alle unsortierten Aufgaben',
-				emoji: '📥',
-			},
-		],
-		defaultValue: 'today',
-	},
-	{
-		id: 'compactMode',
-		type: 'select',
-		question: 'Wie detailliert sollen Aufgaben angezeigt werden?',
-		description: 'Bestimmt die Informationsdichte in der Aufgabenliste.',
-		emoji: '👁️',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'normal',
-				label: 'Normal',
-				description: 'Mit Tags, Labels und Fälligkeit',
-				emoji: '📝',
-			},
-			{
-				id: 'compact',
-				label: 'Kompakt',
-				description: 'Nur Titel und Priorität',
-				emoji: '📄',
-			},
-		],
-		defaultValue: 'normal',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Bereit für produktive Tage!',
-		description: 'Hier sind einige Tipps für den Start:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Schnelleingabe: "Meeting morgen 14 Uhr !hoch #wichtig"',
-			'Nutze #Tags direkt beim Erstellen',
-			'Drücke "F" für den Fokus-Modus ohne Ablenkungen',
-			'Nutze Tags, um Aufgaben zu organisieren',
-		],
-	},
-];
-
-/**
- * Todo app onboarding store
- */
-export const todoOnboarding = createAppOnboardingStore({
-	appId: 'todo',
-	steps: todoOnboardingSteps,
-	userSettings,
-	onComplete: async (preferences) => {
-		// Apply default view
-		const view = preferences.defaultView as string;
-		if (view === 'today' || view === 'inbox') {
-			todoSettings.set('defaultView', view);
-		}
-
-		// Apply compact mode
-		if (preferences.compactMode === 'compact') {
-			todoSettings.set('compactMode', true);
-		}
-	},
-	onSkip: async () => {
-		// Defaults are sensible, nothing to do
-	},
-});
diff --git a/apps/todo/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 52134d68d..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3018,
-});
diff --git a/apps/todo/apps/web-archived/src/lib/stores/board-views.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/board-views.svelte.ts
deleted file mode 100644
index 0affa92b4..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/board-views.svelte.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Board Views Store — Mutation-Only Service
- *
- * Reads via useLiveQuery (useAllBoardViews in task-queries.ts).
- * This store only handles create, update, delete, reorder.
- */
-
-import { boardViewCollection, type LocalBoardView, type ViewColumn } from '$lib/data/local-store';
-import { withErrorHandling } from './store-helpers';
-
-let error = $state<string | null>(null);
-const setError = (e: string | null) => (error = e);
-
-export const boardViewsStore = {
-	get error() {
-		return error;
-	},
-
-	async createView(data: Omit<LocalBoardView, 'id'>) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const count = await boardViewCollection.count();
-				const newView: LocalBoardView = {
-					...data,
-					id: crypto.randomUUID(),
-					order: data.order ?? count,
-				};
-				return await boardViewCollection.insert(newView);
-			},
-			'Failed to create view',
-			{ log: false }
-		);
-	},
-
-	async updateView(id: string, data: Partial<LocalBoardView>) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				return await boardViewCollection.update(id, data as Partial<LocalBoardView>);
-			},
-			'Failed to update view',
-			{ log: false }
-		);
-	},
-
-	async deleteView(id: string) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				await boardViewCollection.delete(id);
-			},
-			'Failed to delete view',
-			{ log: false }
-		);
-	},
-
-	async reorderViews(viewIds: string[]) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				for (let i = 0; i < viewIds.length; i++) {
-					await boardViewCollection.update(viewIds[i], { order: i } as Partial<LocalBoardView>);
-				}
-			},
-			'Failed to reorder views',
-			{ rethrow: false, log: false }
-		);
-	},
-
-	/** Update a column's taskIds (for custom groupBy with manual task assignment) */
-	async updateColumnTaskIds(viewId: string, columnId: string, taskIds: string[]) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const view = await boardViewCollection.get(viewId);
-				if (!view) return;
-
-				const updatedColumns = view.columns.map((col: ViewColumn) =>
-					col.id === columnId ? { ...col, match: { ...col.match, taskIds } } : col
-				);
-				await boardViewCollection.update(viewId, {
-					columns: updatedColumns,
-				} as Partial<LocalBoardView>);
-			},
-			'Failed to update column',
-			{ log: false }
-		);
-	},
-};
diff --git a/apps/todo/apps/web-archived/src/lib/stores/contacts.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/contacts.svelte.ts
deleted file mode 100644
index 7b0a8d40a..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/contacts.svelte.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-/**
- * Contacts Store for Todo App
- *
- * Provides access to contacts from the Contacts app for task assignment.
- */
-
-import { browser } from '$app/environment';
-import { createContactsClient, type ContactsClient } from '@manacore/shared-auth';
-import type { ContactSummary } from '@manacore/shared-types';
-import { authStore } from './auth.svelte';
-
-// State
-let client: ContactsClient | null = null;
-let isAvailable = $state<boolean | null>(null);
-let isChecking = $state(false);
-let lastCheck = $state<number>(0);
-
-// Cache for recent search results
-let searchCache = $state<Map<string, { results: ContactSummary[]; timestamp: number }>>(new Map());
-const CACHE_TTL = 60000; // 1 minute
-
-// Get contacts API URL dynamically
-function getContactsApiUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_CONTACTS_API_URL__?: string })
-			.__PUBLIC_CONTACTS_API_URL__;
-		return injectedUrl || 'http://localhost:3015/api/v1';
-	}
-	return 'http://localhost:3015/api/v1';
-}
-
-// Initialize client lazily
-function getClient(): ContactsClient {
-	if (!client) {
-		client = createContactsClient({
-			apiUrl: getContactsApiUrl(),
-			getAuthToken: async () => authStore.getAccessToken(),
-			timeout: 5000,
-		});
-	}
-	return client;
-}
-
-export const contactsStore = {
-	// Getters
-	get isAvailable() {
-		return isAvailable;
-	},
-	get isChecking() {
-		return isChecking;
-	},
-
-	/**
-	 * Check if the Contacts API is available
-	 * Caches result for 30 seconds
-	 */
-	async checkAvailability(): Promise<boolean> {
-		const now = Date.now();
-		// Skip if checked recently
-		if (lastCheck && now - lastCheck < 30000 && isAvailable !== null) {
-			return isAvailable;
-		}
-
-		isChecking = true;
-		try {
-			const available = await getClient().isAvailable();
-			isAvailable = available;
-			lastCheck = now;
-			return available;
-		} catch {
-			isAvailable = false;
-			lastCheck = now;
-			return false;
-		} finally {
-			isChecking = false;
-		}
-	},
-
-	/**
-	 * Search contacts by query
-	 */
-	async searchContacts(query: string): Promise<ContactSummary[]> {
-		// Check cache first
-		const cacheKey = query.toLowerCase().trim();
-		const cached = searchCache.get(cacheKey);
-		if (cached && Date.now() - cached.timestamp < CACHE_TTL) {
-			return cached.results;
-		}
-
-		// Check availability
-		if (isAvailable === null) {
-			await this.checkAvailability();
-		}
-
-		if (!isAvailable) {
-			return [];
-		}
-
-		try {
-			const results = await getClient().searchContacts({
-				query,
-				limit: 20,
-				excludeArchived: true,
-			});
-
-			// Cache results
-			searchCache.set(cacheKey, {
-				results,
-				timestamp: Date.now(),
-			});
-
-			return results;
-		} catch (error) {
-			console.error('[contactsStore] Search failed:', error);
-			return [];
-		}
-	},
-
-	/**
-	 * Get a single contact by ID
-	 */
-	async getContact(id: string): Promise<ContactSummary | null> {
-		if (isAvailable === null) {
-			await this.checkAvailability();
-		}
-
-		if (!isAvailable) {
-			return null;
-		}
-
-		try {
-			return await getClient().getContact(id);
-		} catch (error) {
-			console.error(`[contactsStore] Failed to get contact ${id}:`, error);
-			return null;
-		}
-	},
-
-	/**
-	 * Get multiple contacts by IDs
-	 */
-	async getContacts(ids: string[]): Promise<ContactSummary[]> {
-		if (ids.length === 0) return [];
-
-		if (isAvailable === null) {
-			await this.checkAvailability();
-		}
-
-		if (!isAvailable) {
-			return [];
-		}
-
-		try {
-			return await getClient().getContacts(ids);
-		} catch (error) {
-			console.error('[contactsStore] Failed to get contacts:', error);
-			return [];
-		}
-	},
-
-	/**
-	 * Clear the search cache
-	 */
-	clearCache() {
-		searchCache.clear();
-	},
-
-	/**
-	 * Reset availability check (force recheck on next call)
-	 */
-	resetAvailability() {
-		isAvailable = null;
-		lastCheck = 0;
-	},
-};
diff --git a/apps/todo/apps/web-archived/src/lib/stores/debug.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/debug.svelte.ts
deleted file mode 100644
index 1d971b998..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/debug.svelte.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-const DEBUG_KEY = 'manacore:debug-mode';
-
-function createDebugStore() {
-	let enabled = $state(
-		typeof localStorage !== 'undefined' ? localStorage.getItem(DEBUG_KEY) === 'true' : false
-	);
-
-	return {
-		get enabled() {
-			return enabled;
-		},
-		toggle() {
-			enabled = !enabled;
-			if (typeof localStorage !== 'undefined') {
-				localStorage.setItem(DEBUG_KEY, String(enabled));
-			}
-		},
-	};
-}
-
-export const debugStore = createDebugStore();
diff --git a/apps/todo/apps/web-archived/src/lib/stores/index.ts b/apps/todo/apps/web-archived/src/lib/stores/index.ts
deleted file mode 100644
index e66dd871a..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { authStore } from './auth.svelte';
-export { tasksStore } from './tasks.svelte';
-export { viewStore } from './view.svelte';
-export type { ViewType, SortBy, SortOrder } from './view.svelte';
diff --git a/apps/todo/apps/web-archived/src/lib/stores/minimized-pages.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/minimized-pages.svelte.ts
deleted file mode 100644
index 8793ecd40..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/minimized-pages.svelte.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-/**
- * Minimized pages context — shared between layout and page via Svelte context.
- *
- * Layout creates the context, renders MinimizedTabs using its reactive state.
- * Page registers callbacks (restore/remove/togglePicker) and syncs its openPages.
- */
-import type { MinimizedPage } from '@manacore/shared-ui';
-import type { PageConfig } from '$lib/stores/settings.svelte';
-
-export const PAGE_META: Record<string, { title: string; color: string }> = {
-	todo: { title: 'To Do', color: '#6B7280' },
-	completed: { title: 'Erledigt', color: '#22C55E' },
-	today: { title: 'Heute', color: '#F59E0B' },
-	overdue: { title: 'Überfällig', color: '#EF4444' },
-	all: { title: 'Alle Aufgaben', color: '#3B82F6' },
-	'high-priority': { title: 'Hohe Priorität', color: '#EF4444' },
-	'this-week': { title: 'Diese Woche', color: '#8B5CF6' },
-	'no-date': { title: 'Ohne Datum', color: '#6B7280' },
-};
-
-/** Icon-to-color mapping for custom pages */
-const ICON_COLORS: Record<string, string> = {
-	warning: '#EF4444',
-	calendar: '#3B82F6',
-	'calendar-dots': '#8B5CF6',
-	check: '#22C55E',
-	star: '#F59E0B',
-	lightning: '#F97316',
-	clock: '#6B7280',
-	fire: '#EF4444',
-	leaf: '#22C55E',
-	heart: '#EC4899',
-};
-
-/** Get display meta for a page, supporting both presets and custom pages */
-export function getPageMeta(
-	pageId: string,
-	customPages: PageConfig[]
-): { title: string; color: string } {
-	if (PAGE_META[pageId]) return PAGE_META[pageId];
-	const custom = customPages.find((p) => p.id === pageId);
-	if (custom) {
-		return {
-			title: custom.label,
-			color: ICON_COLORS[custom.icon ?? 'star'] ?? '#8B5CF6',
-		};
-	}
-	return { title: pageId, color: '#6B7280' };
-}
-
-export interface MinimizedPagesContext {
-	/** Reactive list of minimized pages (read by layout for rendering) */
-	readonly pages: MinimizedPage[];
-	/** Whether there are any minimized pages */
-	readonly hasPages: boolean;
-	/** Sync open pages state from page component */
-	sync(openPages: { id: string; minimized: boolean }[], customPages?: PageConfig[]): void;
-	/** Clear all pages (called on page unmount) */
-	clear(): void;
-	/** Restore a minimized page — delegates to registered callback */
-	restore(pageId: string): void;
-	/** Remove a page — delegates to registered callback */
-	remove(pageId: string): void;
-	/** Maximize a minimized page — delegates to registered callback */
-	maximize(pageId: string): void;
-	/** Toggle page picker — delegates to registered callback */
-	togglePicker(): void;
-	/** Page registers its handlers here */
-	registerHandlers(handlers: {
-		restore: (id: string) => void;
-		remove: (id: string) => void;
-		maximize: (id: string) => void;
-		togglePicker: () => void;
-	}): void;
-}
-
-export function createMinimizedPagesContext(): MinimizedPagesContext {
-	let pages = $state<MinimizedPage[]>([]);
-	let handlers = $state<{
-		restore: (id: string) => void;
-		remove: (id: string) => void;
-		maximize: (id: string) => void;
-		togglePicker: () => void;
-	} | null>(null);
-
-	return {
-		get pages() {
-			return pages;
-		},
-		get hasPages() {
-			return pages.length > 0;
-		},
-		sync(openPages, customPages: PageConfig[] = []) {
-			pages = openPages
-				.filter((p) => p.minimized)
-				.map((p) => {
-					const meta = getPageMeta(p.id, customPages);
-					return { id: p.id, title: meta.title, color: meta.color };
-				});
-		},
-		clear() {
-			pages = [];
-			handlers = null;
-		},
-		restore(pageId) {
-			handlers?.restore(pageId);
-		},
-		remove(pageId) {
-			handlers?.remove(pageId);
-		},
-		maximize(pageId) {
-			handlers?.maximize(pageId);
-		},
-		togglePicker() {
-			handlers?.togglePicker();
-		},
-		registerHandlers(h) {
-			handlers = h;
-		},
-	};
-}
diff --git a/apps/todo/apps/web-archived/src/lib/stores/navigation.ts b/apps/todo/apps/web-archived/src/lib/stores/navigation.ts
deleted file mode 100644
index a0dd7b724..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/navigation.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createSimpleNavigationStores } from '@manacore/shared-stores';
-
-export const { isNavCollapsed, isToolbarCollapsed } = createSimpleNavigationStores({
-	withToolbar: true,
-	toolbarCollapsedDefault: true,
-});
diff --git a/apps/todo/apps/web-archived/src/lib/stores/projects.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/projects.svelte.ts
deleted file mode 100644
index cb0ff5c3b..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/projects.svelte.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {};
diff --git a/apps/todo/apps/web-archived/src/lib/stores/reminders.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/reminders.svelte.ts
deleted file mode 100644
index 2f1ca3e45..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/reminders.svelte.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * Reminders Store — Local-First CRUD for task reminders
- *
- * Manages reminders in IndexedDB via the reminderCollection.
- * Syncs to server in the background via mana-sync.
- */
-
-import { reminderCollection, type LocalReminder } from '$lib/data/local-store';
-import { TodoEvents } from '@manacore/shared-utils/analytics';
-import { withErrorHandling } from './store-helpers';
-
-let error = $state<string | null>(null);
-const setError = (e: string | null) => (error = e);
-
-export const remindersStore = {
-	get error() {
-		return error;
-	},
-
-	async createReminder(
-		taskId: string,
-		minutesBefore: number,
-		type: 'push' | 'email' | 'both' = 'push'
-	) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const reminder: LocalReminder = {
-					id: crypto.randomUUID(),
-					taskId,
-					minutesBefore,
-					type,
-					status: 'pending',
-				};
-				const inserted = await reminderCollection.insert(reminder);
-				TodoEvents.reminderCreated(minutesBefore === 0 ? 'absolute' : 'relative');
-				return inserted;
-			},
-			'Failed to create reminder'
-		);
-	},
-
-	async deleteReminder(id: string) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				await reminderCollection.delete(id);
-			},
-			'Failed to delete reminder'
-		);
-	},
-
-	async deleteByTaskId(taskId: string) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const all = await reminderCollection.getAll();
-				const forTask = all.filter((r) => r.taskId === taskId);
-				for (const r of forTask) {
-					await reminderCollection.delete(r.id);
-				}
-			},
-			'Failed to delete reminders',
-			{ rethrow: false }
-		);
-	},
-};
diff --git a/apps/todo/apps/web-archived/src/lib/stores/settings.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/settings.svelte.ts
deleted file mode 100644
index 5cdb300ab..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/settings.svelte.ts
+++ /dev/null
@@ -1,240 +0,0 @@
-/**
- * Settings Store - Manages user preferences for the Todo app
- * Uses @manacore/shared-stores createAppSettingsStore factory
- */
-
-import { createAppSettingsStore } from '@manacore/shared-stores';
-import type { TaskPriority } from '@todo/shared';
-
-// Settings types
-export type TodoView = 'inbox' | 'today' | 'upcoming' | 'kanban' | 'completed';
-export type KanbanCardSize = 'compact' | 'normal' | 'large';
-export type LayoutMode = 'fokus' | 'uebersicht' | 'matrix';
-export type PageMode = 'date' | 'priority' | 'custom'; // deprecated — will be replaced by BoardView
-
-export type PageIcon =
-	| 'warning'
-	| 'calendar'
-	| 'calendar-dots'
-	| 'check'
-	| 'star'
-	| 'lightning'
-	| 'clock'
-	| 'fire'
-	| 'leaf'
-	| 'heart';
-export type PageWidth = 'narrow' | 'medium' | 'wide' | 'full';
-
-export interface PageConfig {
-	id: string;
-	label: string;
-	icon?: PageIcon;
-	filter: {
-		priorities?: ('low' | 'medium' | 'high' | 'urgent')[];
-		completed?: boolean;
-		dateRange?: 'overdue' | 'today' | 'tomorrow' | 'upcoming' | 'any';
-	};
-}
-
-export interface TodoAppSettings extends Record<string, unknown> {
-	// Task Behavior
-	defaultPriority: TaskPriority;
-	defaultDueTime: string | null;
-	autoArchiveCompletedDays: number | null;
-	quickAddProject: string | null;
-
-	// View & Display
-	defaultView: TodoView;
-	showTaskCounts: boolean;
-	compactMode: boolean;
-	showSubtaskProgress: boolean;
-	groupByProject: boolean;
-
-	// Kanban Board
-	kanbanCardSize: KanbanCardSize;
-	showLabelsOnCards: boolean;
-	wipLimitPerColumn: number | null;
-
-	// Notifications & Reminders
-	defaultReminderMinutes: number | null;
-	dailyDigestEnabled: boolean;
-	overdueNotifications: boolean;
-
-	// Smart Duration
-	smartDurationEnabled: boolean;
-	defaultTaskDuration: number; // minutes, auto-learned or manual
-
-	// Productivity
-	focusMode: boolean;
-	pomodoroEnabled: boolean;
-	dailyGoal: number | null;
-	showStreak: boolean;
-
-	// Immersive Mode
-	immersiveModeEnabled: boolean;
-
-	// Navigation UI
-	filterStripCollapsed: boolean;
-
-	// View layout
-	activeLayoutMode: LayoutMode;
-
-	// Page mode (deprecated — migrating to BoardView)
-	pageMode: PageMode;
-	pageWidth: PageWidth;
-	customPages: PageConfig[];
-}
-
-const DEFAULT_SETTINGS: TodoAppSettings = {
-	// Task Behavior
-	defaultPriority: 'medium',
-	defaultDueTime: '09:00',
-	autoArchiveCompletedDays: null,
-	quickAddProject: null,
-
-	// View & Display
-	defaultView: 'inbox',
-	showTaskCounts: true,
-	compactMode: false,
-	showSubtaskProgress: true,
-	groupByProject: false,
-
-	// Kanban Board
-	kanbanCardSize: 'normal',
-	showLabelsOnCards: true,
-	wipLimitPerColumn: null,
-
-	// Notifications & Reminders
-	defaultReminderMinutes: null,
-	dailyDigestEnabled: false,
-	overdueNotifications: true,
-
-	// Smart Duration
-	smartDurationEnabled: true,
-	defaultTaskDuration: 30, // 30 min default, auto-learned over time
-
-	// Productivity
-	focusMode: false,
-	pomodoroEnabled: false,
-	dailyGoal: null,
-	showStreak: false,
-
-	// Immersive Mode
-	immersiveModeEnabled: false,
-
-	// Navigation UI
-	filterStripCollapsed: false, // FilterStrip shown by default when PillNav is visible
-
-	// View layout
-	activeLayoutMode: 'fokus' as LayoutMode,
-
-	// Page mode (deprecated)
-	pageMode: 'priority' as PageMode,
-	pageWidth: 'medium' as PageWidth,
-	customPages: [] as PageConfig[],
-};
-
-// Create base store using factory
-const baseStore = createAppSettingsStore<TodoAppSettings>('todo-settings', DEFAULT_SETTINGS);
-
-// Export with convenience getters for backwards compatibility
-export const todoSettings = {
-	// Base store methods
-	get settings() {
-		return baseStore.settings;
-	},
-	initialize: baseStore.initialize,
-	set: baseStore.set,
-	update: baseStore.update,
-	reset: baseStore.reset,
-	getDefaults: baseStore.getDefaults,
-	toggleImmersiveMode: baseStore.toggleImmersiveMode,
-
-	// Convenience getters (backwards compatible)
-	get defaultPriority() {
-		return baseStore.settings.defaultPriority;
-	},
-	get defaultDueTime() {
-		return baseStore.settings.defaultDueTime;
-	},
-	get autoArchiveCompletedDays() {
-		return baseStore.settings.autoArchiveCompletedDays;
-	},
-	get quickAddProject() {
-		return baseStore.settings.quickAddProject;
-	},
-	get defaultView() {
-		return baseStore.settings.defaultView;
-	},
-	get showTaskCounts() {
-		return baseStore.settings.showTaskCounts;
-	},
-	get compactMode() {
-		return baseStore.settings.compactMode;
-	},
-	get showSubtaskProgress() {
-		return baseStore.settings.showSubtaskProgress;
-	},
-	get groupByProject() {
-		return baseStore.settings.groupByProject;
-	},
-	get kanbanCardSize() {
-		return baseStore.settings.kanbanCardSize;
-	},
-	get showLabelsOnCards() {
-		return baseStore.settings.showLabelsOnCards;
-	},
-	get wipLimitPerColumn() {
-		return baseStore.settings.wipLimitPerColumn;
-	},
-	get defaultReminderMinutes() {
-		return baseStore.settings.defaultReminderMinutes;
-	},
-	get dailyDigestEnabled() {
-		return baseStore.settings.dailyDigestEnabled;
-	},
-	get overdueNotifications() {
-		return baseStore.settings.overdueNotifications;
-	},
-	get smartDurationEnabled() {
-		return baseStore.settings.smartDurationEnabled;
-	},
-	get defaultTaskDuration() {
-		return baseStore.settings.defaultTaskDuration;
-	},
-	get focusMode() {
-		return baseStore.settings.focusMode;
-	},
-	get pomodoroEnabled() {
-		return baseStore.settings.pomodoroEnabled;
-	},
-	get dailyGoal() {
-		return baseStore.settings.dailyGoal;
-	},
-	get showStreak() {
-		return baseStore.settings.showStreak;
-	},
-	get immersiveModeEnabled() {
-		return baseStore.settings.immersiveModeEnabled;
-	},
-	get filterStripCollapsed() {
-		return baseStore.settings.filterStripCollapsed;
-	},
-	get activeLayoutMode() {
-		return baseStore.settings.activeLayoutMode;
-	},
-	get pageMode() {
-		return baseStore.settings.pageMode;
-	},
-	get pageWidth() {
-		return baseStore.settings.pageWidth;
-	},
-	get customPages() {
-		return baseStore.settings.customPages;
-	},
-
-	// Toggle methods
-	toggleFilterStrip() {
-		baseStore.update({ filterStripCollapsed: !baseStore.settings.filterStripCollapsed });
-	},
-};
diff --git a/apps/todo/apps/web-archived/src/lib/stores/spiral.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/spiral.svelte.ts
deleted file mode 100644
index 2374e4f46..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/spiral.svelte.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-/**
- * Spiral DB Store
- * Manages SpiralDB state for visual todo storage
- */
-
-import {
-	SpiralDB,
-	createTodoSchema,
-	type SpiralImage,
-	type SpiralRecord,
-	exportToPngBytes,
-	importFromPngBytes,
-	downloadPng,
-} from '@manacore/spiral-db';
-
-interface TodoData extends Record<string, unknown> {
-	id: number;
-	status: number;
-	priority: number;
-	createdAt: Date;
-	dueDate: Date | null;
-	completedAt: Date | null;
-	title: string;
-	description: string | null;
-	tags: number[];
-}
-
-interface SpiralStats {
-	imageSize: number;
-	totalPixels: number;
-	usedPixels: number;
-	totalRecords: number;
-	activeRecords: number;
-	deletedRecords: number;
-	currentRing: number;
-	compressionRatio: number;
-}
-
-class SpiralStore {
-	private db: SpiralDB<TodoData>;
-
-	// Reactive state
-	image = $state<SpiralImage | null>(null);
-	stats = $state<SpiralStats | null>(null);
-	records = $state<SpiralRecord<TodoData>[]>([]);
-	isLoading = $state(false);
-	error = $state<string | null>(null);
-
-	constructor() {
-		this.db = new SpiralDB<TodoData>({
-			schema: createTodoSchema(),
-			compression: true,
-		});
-		this.updateState();
-	}
-
-	private updateState() {
-		this.image = this.db.getImage();
-		this.records = this.db.getAll();
-
-		const dbStats = this.db.getStats();
-		const jsonSize = JSON.stringify(this.records.map((r) => r.data)).length || 1;
-		const pixelBytes = Math.ceil((dbStats.usedPixels * 3) / 8);
-
-		this.stats = {
-			...dbStats,
-			compressionRatio: Math.round((1 - pixelBytes / jsonSize) * 100),
-		};
-	}
-
-	/**
-	 * Add a todo to the spiral database
-	 */
-	addTodo(todo: {
-		title: string;
-		description?: string;
-		priority?: number;
-		dueDate?: Date | null;
-		tags?: number[];
-	}) {
-		const result = this.db.insert({
-			id: 0, // Will be assigned by DB
-			status: 0, // active
-			priority: todo.priority ?? 1,
-			createdAt: new Date(),
-			dueDate: todo.dueDate ?? null,
-			completedAt: null,
-			title: todo.title,
-			description: todo.description ?? null,
-			tags: todo.tags ?? [],
-		});
-
-		if (result.success) {
-			this.updateState();
-		}
-
-		return result;
-	}
-
-	/**
-	 * Complete a todo
-	 */
-	completeTodo(id: number) {
-		const result = this.db.complete(id);
-		if (result.success) {
-			this.updateState();
-		}
-		return result;
-	}
-
-	/**
-	 * Delete a todo
-	 */
-	deleteTodo(id: number) {
-		const result = this.db.delete(id);
-		if (result.success) {
-			this.updateState();
-		}
-		return result;
-	}
-
-	/**
-	 * Get a specific todo by ID
-	 */
-	getTodo(id: number) {
-		return this.db.read(id);
-	}
-
-	/**
-	 * Import todos from the main task store
-	 */
-	importTodos(
-		todos: Array<{
-			title: string;
-			description?: string | null;
-			priority?: string;
-			dueDate?: string | Date | null;
-			isCompleted?: boolean;
-			createdAt?: string | Date;
-		}>
-	) {
-		// Reset database
-		this.db = new SpiralDB<TodoData>({
-			schema: createTodoSchema(),
-			compression: true,
-		});
-
-		// Convert priority string to number
-		const priorityMap: Record<string, number> = {
-			low: 0,
-			medium: 1,
-			high: 2,
-			urgent: 3,
-		};
-
-		for (const todo of todos) {
-			const result = this.db.insert({
-				id: 0,
-				status: todo.isCompleted ? 1 : 0,
-				priority: priorityMap[todo.priority || 'medium'] ?? 1,
-				createdAt: todo.createdAt ? new Date(todo.createdAt) : new Date(),
-				dueDate: todo.dueDate ? new Date(todo.dueDate) : null,
-				completedAt: todo.isCompleted ? new Date() : null,
-				title: todo.title.slice(0, 50), // Max length from schema
-				description: todo.description?.slice(0, 200) ?? null,
-				tags: [],
-			});
-
-			if (result.success && todo.isCompleted) {
-				this.db.complete(result.recordId!);
-			}
-		}
-
-		this.updateState();
-	}
-
-	/**
-	 * Export to PNG and download
-	 */
-	downloadPng(filename = 'spiral-todos.png') {
-		if (this.image) {
-			downloadPng(this.image, filename);
-		}
-	}
-
-	/**
-	 * Get PNG bytes for export
-	 */
-	getPngBytes(): Uint8Array | null {
-		if (!this.image) return null;
-		return exportToPngBytes(this.image);
-	}
-
-	/**
-	 * Clear all data
-	 */
-	clear() {
-		this.db = new SpiralDB<TodoData>({
-			schema: createTodoSchema(),
-			compression: true,
-		});
-		this.updateState();
-	}
-
-	/**
-	 * Import from PNG file
-	 */
-	async importFromPng(file: File): Promise<{ success: boolean; error?: string }> {
-		try {
-			this.isLoading = true;
-			this.error = null;
-
-			// Read file as ArrayBuffer
-			const buffer = await file.arrayBuffer();
-			const bytes = new Uint8Array(buffer);
-
-			// Parse PNG and extract image
-			const image = await importFromPngBytes(bytes);
-
-			// Reconstruct database from image
-			this.db = SpiralDB.fromImage<TodoData>(image, createTodoSchema());
-			this.updateState();
-
-			return { success: true };
-		} catch (err) {
-			const errorMessage = err instanceof Error ? err.message : 'Unknown error';
-			this.error = errorMessage;
-			return { success: false, error: errorMessage };
-		} finally {
-			this.isLoading = false;
-		}
-	}
-}
-
-export const spiralStore = new SpiralStore();
diff --git a/apps/todo/apps/web-archived/src/lib/stores/store-helpers.ts b/apps/todo/apps/web-archived/src/lib/stores/store-helpers.ts
deleted file mode 100644
index b907c4767..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/store-helpers.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Shared error-handling helper for mutation stores.
- *
- * Wraps an async operation with consistent error state management:
- * clears the error before the operation, captures it on failure,
- * and optionally logs / re-throws.
- */
-
-export async function withErrorHandling<T>(
-	setError: (e: string | null) => void,
-	operation: () => Promise<T>,
-	errorMessage: string,
-	options?: { rethrow?: boolean; log?: boolean }
-): Promise<T | undefined> {
-	const { rethrow = true, log = true } = options ?? {};
-	setError(null);
-	try {
-		return await operation();
-	} catch (e) {
-		const msg = e instanceof Error ? e.message : errorMessage;
-		setError(msg);
-		if (log) {
-			console.error(errorMessage + ':', e);
-		}
-		if (rethrow) {
-			throw e;
-		}
-		return undefined;
-	}
-}
diff --git a/apps/todo/apps/web-archived/src/lib/stores/tasks.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/tasks.svelte.ts
deleted file mode 100644
index 7e0ce49b3..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/tasks.svelte.ts
+++ /dev/null
@@ -1,206 +0,0 @@
-/**
- * Tasks Store — Mutation-Only Service
- *
- * All reads are handled by useLiveQuery() hooks in task-queries.ts.
- * This store only provides write operations (create, update, delete, etc.).
- * IndexedDB writes automatically trigger UI updates via Dexie liveQuery.
- */
-
-import type { Task, TaskPriority, TaskStatus, Subtask } from '@todo/shared';
-import { taskCollection, type LocalTask } from '$lib/data/local-store';
-import { toTask } from '$lib/data/task-queries';
-import { TodoEvents } from '@manacore/shared-utils/analytics';
-import { withErrorHandling } from './store-helpers';
-
-let error = $state<string | null>(null);
-const setError = (e: string | null) => (error = e);
-
-export const tasksStore = {
-	get error() {
-		return error;
-	},
-
-	async createTask(data: {
-		title: string;
-		description?: string;
-		dueDate?: string;
-		priority?: TaskPriority;
-		labelIds?: string[];
-		subtasks?: Subtask[];
-		recurrenceRule?: string;
-		estimatedDuration?: number;
-	}) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const count = await taskCollection.count();
-				const newLocal: LocalTask = {
-					id: crypto.randomUUID(),
-					title: data.title,
-					description: data.description,
-					priority: data.priority ?? 'medium',
-					isCompleted: false,
-					dueDate: data.dueDate ?? null,
-					estimatedDuration: data.estimatedDuration ?? null,
-					order: count,
-					recurrenceRule: data.recurrenceRule ?? null,
-					subtasks: data.subtasks,
-					...(data.labelIds?.length && { metadata: { labelIds: data.labelIds } }),
-				};
-
-				const inserted = await taskCollection.insert(newLocal);
-				TodoEvents.taskCreated(!!data.dueDate);
-				if (data.recurrenceRule) TodoEvents.recurringTaskCreated(data.recurrenceRule);
-				return toTask(inserted);
-			},
-			'Failed to create task'
-		);
-	},
-
-	async updateTask(
-		id: string,
-		data: {
-			title?: string;
-			description?: string | null;
-			parentTaskId?: string | null;
-			dueDate?: string | null;
-			dueTime?: string | null;
-			startDate?: string | null;
-			priority?: TaskPriority;
-			status?: TaskStatus;
-			isCompleted?: boolean;
-			order?: number;
-			subtasks?: Subtask[] | null;
-			recurrenceRule?: string | null;
-			recurrenceEndDate?: string | null;
-			metadata?: { [key: string]: unknown } | null;
-			labelIds?: string[];
-		}
-	) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const updated = await taskCollection.update(id, data as Partial<LocalTask>);
-				if (updated) {
-					if (data.priority !== undefined) TodoEvents.priorityChanged(data.priority);
-					if (data.dueDate !== undefined) TodoEvents.dueDateSet();
-					if (data.recurrenceRule !== undefined && data.recurrenceRule) {
-						TodoEvents.recurringTaskCreated(data.recurrenceRule);
-					}
-					return toTask(updated);
-				}
-			},
-			'Failed to update task'
-		);
-	},
-
-	async updateTaskOptimistic(
-		id: string,
-		data: {
-			dueDate?: string | null;
-			isCompleted?: boolean;
-		}
-	) {
-		const updateData: Partial<LocalTask> = {};
-		if (data.dueDate !== undefined) updateData.dueDate = data.dueDate;
-		if (data.isCompleted !== undefined) {
-			updateData.isCompleted = data.isCompleted;
-			updateData.completedAt = data.isCompleted ? new Date().toISOString() : null;
-		}
-
-		await taskCollection.update(id, updateData);
-	},
-
-	async deleteTask(id: string) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				await taskCollection.delete(id);
-				TodoEvents.taskDeleted();
-			},
-			'Failed to delete task'
-		);
-	},
-
-	async completeTask(id: string) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const updated = await taskCollection.update(id, {
-					isCompleted: true,
-					completedAt: new Date().toISOString(),
-				} as Partial<LocalTask>);
-				if (updated) {
-					TodoEvents.taskCompleted();
-					return toTask(updated);
-				}
-			},
-			'Failed to complete task'
-		);
-	},
-
-	async uncompleteTask(id: string) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const updated = await taskCollection.update(id, {
-					isCompleted: false,
-					completedAt: null,
-				} as Partial<LocalTask>);
-				if (updated) {
-					TodoEvents.taskUncompleted();
-					return toTask(updated);
-				}
-			},
-			'Failed to uncomplete task'
-		);
-	},
-
-	async updateLabels(id: string, labelIds: string[]) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const existing = await taskCollection.get(id);
-				const existingMeta = (existing?.metadata as Record<string, unknown>) ?? {};
-				const updated = await taskCollection.update(id, {
-					metadata: { ...existingMeta, labelIds },
-				} as Partial<LocalTask>);
-				if (updated) {
-					return toTask(updated);
-				}
-			},
-			'Failed to update labels'
-		);
-	},
-
-	async updateSubtasks(id: string, subtasks: Subtask[]) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				const updated = await taskCollection.update(id, { subtasks } as Partial<LocalTask>);
-				if (updated) {
-					return toTask(updated);
-				}
-			},
-			'Failed to update subtasks'
-		);
-	},
-
-	async reorderTasks(taskIds: string[]) {
-		return withErrorHandling(
-			setError,
-			async () => {
-				for (let i = 0; i < taskIds.length; i++) {
-					await taskCollection.update(taskIds[i], { order: i } as Partial<LocalTask>);
-				}
-				TodoEvents.taskReordered();
-			},
-			'Failed to reorder tasks',
-			{ rethrow: false }
-		);
-	},
-
-	isDemoTask(_taskId: string) {
-		return false;
-	},
-};
diff --git a/apps/todo/apps/web-archived/src/lib/stores/theme.ts b/apps/todo/apps/web-archived/src/lib/stores/theme.ts
deleted file mode 100644
index 682bdcf51..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/theme.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createThemeStore } from '@manacore/shared-theme';
-
-// Create theme store with Todo's primary color (purple/violet)
-export const theme = createThemeStore({
-	appId: 'todo',
-	defaultVariant: 'ocean',
-});
diff --git a/apps/todo/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 5773d4094..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-// Get auth URL dynamically at runtime
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'todo',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/todo/apps/web-archived/src/lib/stores/view.svelte.ts b/apps/todo/apps/web-archived/src/lib/stores/view.svelte.ts
deleted file mode 100644
index ff579005d..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/view.svelte.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-/**
- * View Store - Manages current view state using Svelte 5 runes
- */
-
-import { TodoEvents } from '@manacore/shared-utils/analytics';
-
-export type ViewType = 'inbox' | 'today' | 'upcoming' | 'label' | 'completed' | 'search';
-export type SortBy = 'dueDate' | 'priority' | 'title' | 'createdAt' | 'order';
-export type SortOrder = 'asc' | 'desc';
-
-// State
-let currentView = $state<ViewType>('inbox');
-let currentLabelId = $state<string | null>(null);
-let searchQuery = $state('');
-let sortBy = $state<SortBy>('order');
-let sortOrder = $state<SortOrder>('asc');
-let showCompleted = $state(false);
-
-export const viewStore = {
-	// Getters
-	get currentView() {
-		return currentView;
-	},
-	get currentLabelId() {
-		return currentLabelId;
-	},
-	get searchQuery() {
-		return searchQuery;
-	},
-	get sortBy() {
-		return sortBy;
-	},
-	get sortOrder() {
-		return sortOrder;
-	},
-	get showCompleted() {
-		return showCompleted;
-	},
-
-	/**
-	 * Set current view to inbox
-	 */
-	setInbox() {
-		currentView = 'inbox';
-		currentLabelId = null;
-		searchQuery = '';
-		TodoEvents.viewChanged('inbox');
-	},
-
-	/**
-	 * Set current view to today
-	 */
-	setToday() {
-		currentView = 'today';
-		currentLabelId = null;
-		searchQuery = '';
-		TodoEvents.viewChanged('today');
-	},
-
-	/**
-	 * Set current view to upcoming
-	 */
-	setUpcoming() {
-		currentView = 'upcoming';
-		currentLabelId = null;
-		searchQuery = '';
-		TodoEvents.viewChanged('upcoming');
-	},
-
-	/**
-	 * Set current view to a specific label
-	 */
-	setLabel(labelId: string) {
-		currentView = 'label';
-		currentLabelId = labelId;
-		searchQuery = '';
-		TodoEvents.viewChanged('label');
-	},
-
-	/**
-	 * Set current view to completed
-	 */
-	setCompleted() {
-		currentView = 'completed';
-		currentLabelId = null;
-		searchQuery = '';
-		TodoEvents.viewChanged('completed');
-	},
-
-	/**
-	 * Set current view to search
-	 */
-	setSearch(query: string) {
-		currentView = 'search';
-		currentLabelId = null;
-		searchQuery = query;
-		TodoEvents.viewChanged('search');
-	},
-
-	/**
-	 * Update search query
-	 */
-	updateSearchQuery(query: string) {
-		searchQuery = query;
-	},
-
-	/**
-	 * Set sort options
-	 */
-	setSort(by: SortBy, order: SortOrder = 'asc') {
-		sortBy = by;
-		sortOrder = order;
-	},
-
-	/**
-	 * Toggle sort order
-	 */
-	toggleSortOrder() {
-		sortOrder = sortOrder === 'asc' ? 'desc' : 'asc';
-	},
-
-	/**
-	 * Toggle show completed
-	 */
-	toggleShowCompleted() {
-		showCompleted = !showCompleted;
-	},
-
-	/**
-	 * Reset to default state
-	 */
-	reset() {
-		currentView = 'inbox';
-		currentLabelId = null;
-		searchQuery = '';
-		sortBy = 'order';
-		sortOrder = 'asc';
-		showCompleted = false;
-	},
-};
diff --git a/apps/todo/apps/web-archived/src/lib/stores/view.test.ts b/apps/todo/apps/web-archived/src/lib/stores/view.test.ts
deleted file mode 100644
index f635532c6..000000000
--- a/apps/todo/apps/web-archived/src/lib/stores/view.test.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { viewStore } from './view.svelte';
-
-describe('viewStore', () => {
-	beforeEach(() => {
-		viewStore.reset();
-	});
-
-	describe('reset', () => {
-		it('resets all state to defaults', () => {
-			viewStore.setSort('title', 'desc');
-			viewStore.toggleShowCompleted();
-
-			viewStore.reset();
-
-			expect(viewStore.sortBy).toBe('order');
-			expect(viewStore.sortOrder).toBe('asc');
-			expect(viewStore.showCompleted).toBe(false);
-			expect(viewStore.currentView).toBe('inbox');
-		});
-	});
-
-	describe('sort', () => {
-		it('sets sort options', () => {
-			viewStore.setSort('priority', 'desc');
-			expect(viewStore.sortBy).toBe('priority');
-			expect(viewStore.sortOrder).toBe('desc');
-		});
-
-		it('toggles sort order', () => {
-			viewStore.toggleSortOrder();
-			expect(viewStore.sortOrder).toBe('desc');
-			viewStore.toggleSortOrder();
-			expect(viewStore.sortOrder).toBe('asc');
-		});
-	});
-
-	describe('showCompleted', () => {
-		it('toggles show completed', () => {
-			expect(viewStore.showCompleted).toBe(false);
-			viewStore.toggleShowCompleted();
-			expect(viewStore.showCompleted).toBe(true);
-		});
-	});
-});
diff --git a/apps/todo/apps/web-archived/src/lib/utils/date-display.ts b/apps/todo/apps/web-archived/src/lib/utils/date-display.ts
deleted file mode 100644
index aba502ad2..000000000
--- a/apps/todo/apps/web-archived/src/lib/utils/date-display.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { format, isToday, isTomorrow } from 'date-fns';
-import { de } from 'date-fns/locale';
-
-/**
- * Format a due date for display.
- * Returns 'Heute' for today, 'Morgen' for tomorrow, or 'dd. MMM' (German locale) otherwise.
- */
-export function formatDueDate(date: Date): string {
-	if (isToday(date)) return 'Heute';
-	if (isTomorrow(date)) return 'Morgen';
-	return format(date, 'dd. MMM', { locale: de });
-}
-
-/**
- * Format a date string for use in an HTML date input (yyyy-MM-dd).
- * Returns empty string if no date is provided.
- */
-export function formatDateForInput(dateString?: string | null): string {
-	if (!dateString) return '';
-	return format(new Date(dateString), 'yyyy-MM-dd');
-}
-
-/**
- * Convert an HTML date input value (yyyy-MM-dd) to an ISO string.
- * Returns null if the input is empty.
- */
-export function dateInputToISO(dateString: string): string | null {
-	return dateString ? new Date(dateString).toISOString() : null;
-}
diff --git a/apps/todo/apps/web-archived/src/lib/utils/syntax-help.ts b/apps/todo/apps/web-archived/src/lib/utils/syntax-help.ts
deleted file mode 100644
index 24526053d..000000000
--- a/apps/todo/apps/web-archived/src/lib/utils/syntax-help.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/**
- * Todo-specific syntax help patterns for InputBar help modal
- */
-import type { SyntaxGroup } from '@manacore/shared-ui';
-
-export const TODO_SYNTAX: SyntaxGroup[] = [
-	{
-		title: 'Aufgaben',
-		items: [
-			{
-				pattern: 'Priorität',
-				description: 'Dringlichkeit festlegen',
-				examples: [
-					{ text: '!!!', label: 'dringend', color: 'error' },
-					{ text: '!!', label: 'hoch', color: 'warning' },
-					{ text: 'normal', label: 'normal', color: 'warning-soft' },
-					{ text: 'später', label: 'niedrig', color: 'success' },
-				],
-				color: 'error',
-			},
-			{
-				pattern: '@Projekt',
-				description: 'Projekt zuweisen',
-				examples: ['@Arbeit', '@Privat', '@Einkauf'],
-				color: 'success',
-			},
-			{
-				pattern: 'Wiederholung',
-				description: 'Wiederkehrende Aufgabe',
-				examples: ['täglich', 'wöchentlich', 'jeden Montag', 'monatlich'],
-				color: 'warning-soft',
-			},
-			{
-				pattern: 'Subtasks',
-				description: 'Unteraufgaben mit Doppelpunkt + Komma',
-				examples: ['Einkaufen: Milch, Brot, Eier'],
-				color: 'accent',
-			},
-		],
-	},
-];
-
-export const TODO_LIVE_EXAMPLE = {
-	text: 'Einkaufen: Milch, Brot morgen !! @Privat #wichtig',
-	highlights: [
-		{ type: 'text' as const, content: 'Einkaufen: Milch, Brot ' },
-		{ type: 'date' as const, content: 'morgen' },
-		{ type: 'text' as const, content: ' ' },
-		{ type: 'priority' as const, content: '!!' },
-		{ type: 'text' as const, content: ' ' },
-		{ type: 'reference' as const, content: '@Privat' },
-		{ type: 'text' as const, content: ' ' },
-		{ type: 'tag' as const, content: '#wichtig' },
-	],
-};
diff --git a/apps/todo/apps/web-archived/src/lib/utils/task-helpers.ts b/apps/todo/apps/web-archived/src/lib/utils/task-helpers.ts
deleted file mode 100644
index 82c60865d..000000000
--- a/apps/todo/apps/web-archived/src/lib/utils/task-helpers.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Calculate subtask progress as a string like "2/5".
- * Returns null if there are no subtasks.
- */
-export function getSubtaskProgress(subtasks?: { isCompleted: boolean }[]): string | null {
-	if (!subtasks || subtasks.length === 0) return null;
-	const completed = subtasks.filter((s) => s.isCompleted).length;
-	return `${completed}/${subtasks.length}`;
-}
diff --git a/apps/todo/apps/web-archived/src/lib/utils/task-parser.test.ts b/apps/todo/apps/web-archived/src/lib/utils/task-parser.test.ts
deleted file mode 100644
index 6b80e39c7..000000000
--- a/apps/todo/apps/web-archived/src/lib/utils/task-parser.test.ts
+++ /dev/null
@@ -1,299 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-	parseTaskInput,
-	resolveTaskIds,
-	formatParsedTaskPreview,
-	parseMultiTaskInput,
-	formatDuration,
-} from './task-parser';
-
-describe('parseTaskInput', () => {
-	it('should parse a simple title', () => {
-		const result = parseTaskInput('Einkaufen gehen');
-		expect(result.title).toBe('Einkaufen gehen');
-		expect(result.priority).toBeUndefined();
-		expect(result.labelNames).toEqual([]);
-	});
-
-	it('should parse priority !!! as urgent', () => {
-		const result = parseTaskInput('Deadline !!! fertig machen');
-		expect(result.priority).toBe('urgent');
-		expect(result.title).not.toContain('!!!');
-	});
-
-	it('should parse priority !! as high', () => {
-		const result = parseTaskInput('Report !! abgeben');
-		expect(result.priority).toBe('high');
-		expect(result.title).not.toContain('!!');
-	});
-
-	it('should parse dringend as urgent', () => {
-		const result = parseTaskInput('Bug fixen dringend');
-		expect(result.priority).toBe('urgent');
-	});
-
-	it('should parse wichtig as high', () => {
-		const result = parseTaskInput('Meeting wichtig');
-		expect(result.priority).toBe('high');
-	});
-
-	it('should parse normal as medium', () => {
-		const result = parseTaskInput('Aufräumen normal');
-		expect(result.priority).toBe('medium');
-	});
-
-	it('should parse später as low', () => {
-		const result = parseTaskInput('Docs lesen später');
-		expect(result.priority).toBe('low');
-	});
-
-	it('should parse #labels', () => {
-		const result = parseTaskInput('Anrufen #arbeit #privat');
-		expect(result.labelNames).toEqual(['arbeit', 'privat']);
-		expect(result.title).not.toContain('#');
-	});
-
-	it('should parse complex input with all fields', () => {
-		const result = parseTaskInput('Meeting vorbereiten !!! #wichtig #team');
-		expect(result.priority).toBe('urgent');
-		expect(result.labelNames).toEqual(['wichtig', 'team']);
-		expect(result.title).toContain('Meeting vorbereiten');
-	});
-
-	it('should handle empty input', () => {
-		const result = parseTaskInput('');
-		expect(result.title).toBe('');
-		expect(result.labelNames).toEqual([]);
-	});
-
-	it('should handle only labels', () => {
-		// Note: "dringend" is consumed by priority extraction before label parsing
-		const result = parseTaskInput('#arbeit #privat');
-		expect(result.labelNames).toEqual(['arbeit', 'privat']);
-	});
-
-	it('should parse recurrence "täglich"', () => {
-		const result = parseTaskInput('Standup täglich 9 Uhr');
-		expect(result.recurrenceRule).toBe('FREQ=DAILY');
-		expect(result.title).toBe('Standup');
-	});
-
-	it('should parse recurrence "jeden Montag"', () => {
-		const result = parseTaskInput('Wochenbericht jeden Montag');
-		expect(result.recurrenceRule).toBe('FREQ=WEEKLY;BYDAY=MO');
-	});
-
-	it('should parse recurrence "wöchentlich"', () => {
-		const result = parseTaskInput('Review wöchentlich');
-		expect(result.recurrenceRule).toBe('FREQ=WEEKLY');
-	});
-
-	it('should have no recurrence for normal input', () => {
-		const result = parseTaskInput('Einfache Aufgabe');
-		expect(result.recurrenceRule).toBeUndefined();
-	});
-
-	it('should parse subtasks "Einkaufen: Milch, Brot, Eier"', () => {
-		const result = parseTaskInput('Einkaufen: Milch, Brot, Eier');
-		expect(result.title).toBe('Einkaufen');
-		expect(result.subtasks).toEqual(['Milch', 'Brot', 'Eier']);
-	});
-
-	it('should parse subtasks with semicolons', () => {
-		const result = parseTaskInput('Aufräumen: Küche; Bad; Wohnzimmer');
-		expect(result.title).toBe('Aufräumen');
-		expect(result.subtasks).toEqual(['Küche', 'Bad', 'Wohnzimmer']);
-	});
-
-	it('should not parse subtasks with single item', () => {
-		const result = parseTaskInput('Note: important thing');
-		expect(result.subtasks).toBeUndefined();
-	});
-
-	it('should parse subtasks with other fields', () => {
-		const result = parseTaskInput('Einkaufen: Milch, Brot morgen !!');
-		expect(result.title).toBe('Einkaufen');
-		expect(result.subtasks).toEqual(['Milch', 'Brot']);
-		expect(result.priority).toBe('high');
-	});
-});
-
-describe('resolveTaskIds', () => {
-	const labels = [
-		{ id: 'label-1', name: 'Wichtig' },
-		{ id: 'label-2', name: 'Team' },
-		{ id: 'label-3', name: 'Bug' },
-	];
-
-	it('should resolve label names to IDs (case-insensitive)', () => {
-		// Note: "wichtig" is consumed by priority extraction, so use "bug" instead
-		const parsed = parseTaskInput('Task #bug #team');
-		const resolved = resolveTaskIds(parsed, labels);
-		expect(resolved.labelIds).toEqual(['label-3', 'label-2']);
-	});
-
-	it('should skip unknown labels', () => {
-		const parsed = parseTaskInput('Task #nichtda');
-		const resolved = resolveTaskIds(parsed, labels);
-		expect(resolved.labelIds).toEqual([]);
-	});
-
-	it('should preserve title and priority', () => {
-		const parsed = parseTaskInput('Meeting vorbereiten !!! #wichtig');
-		const resolved = resolveTaskIds(parsed, labels);
-		expect(resolved.title).toContain('Meeting vorbereiten');
-		expect(resolved.priority).toBe('urgent');
-		expect(resolved.labelIds).toEqual(['label-1']);
-	});
-});
-
-describe('formatParsedTaskPreview', () => {
-	it('should format priority', () => {
-		const parsed = parseTaskInput('Task !!!');
-		const preview = formatParsedTaskPreview(parsed);
-		expect(preview).toContain('Dringend');
-	});
-
-	it('should format labels', () => {
-		const parsed = parseTaskInput('Task #arbeit #team');
-		const preview = formatParsedTaskPreview(parsed);
-		expect(preview).toContain('arbeit');
-		expect(preview).toContain('team');
-	});
-
-	it('should return empty string for title-only input', () => {
-		const parsed = parseTaskInput('Einfacher Task');
-		expect(formatParsedTaskPreview(parsed)).toBe('');
-	});
-
-	it('should join parts with separator', () => {
-		const parsed = parseTaskInput('Task !!!');
-		const preview = formatParsedTaskPreview(parsed);
-		expect(preview).not.toBe('');
-	});
-
-	it('should format duration in preview', () => {
-		const parsed = parseTaskInput('Meeting 30min');
-		const preview = formatParsedTaskPreview(parsed);
-		expect(preview).toContain('30min');
-	});
-});
-
-describe('duration extraction', () => {
-	it('should parse "30min"', () => {
-		const result = parseTaskInput('Meeting 30min');
-		expect(result.estimatedDuration).toBe(30);
-		expect(result.title).toBe('Meeting');
-	});
-
-	it('should parse "2h"', () => {
-		const result = parseTaskInput('Workshop 2h');
-		expect(result.estimatedDuration).toBe(120);
-		expect(result.title).toBe('Workshop');
-	});
-
-	it('should parse "1.5 Stunden"', () => {
-		const result = parseTaskInput('Recherche 1.5 Stunden');
-		expect(result.estimatedDuration).toBe(90);
-		expect(result.title).not.toContain('Stunden');
-	});
-
-	it('should parse "45 Minuten"', () => {
-		const result = parseTaskInput('Joggen 45 Minuten');
-		expect(result.estimatedDuration).toBe(45);
-	});
-
-	it('should parse "1,5h" with comma decimal', () => {
-		const result = parseTaskInput('Coding 1,5h');
-		expect(result.estimatedDuration).toBe(90);
-	});
-
-	it('should not extract duration when not present', () => {
-		const result = parseTaskInput('Einkaufen gehen');
-		expect(result.estimatedDuration).toBeUndefined();
-	});
-
-	it('should work with other fields', () => {
-		const result = parseTaskInput('Meeting 2h morgen !!');
-		expect(result.estimatedDuration).toBe(120);
-		expect(result.priority).toBe('high');
-	});
-});
-
-describe('parseMultiTaskInput', () => {
-	it('should return single task for simple input', () => {
-		const tasks = parseMultiTaskInput('Einkaufen gehen');
-		expect(tasks).toHaveLength(1);
-		expect(tasks[0].title).toBe('Einkaufen gehen');
-	});
-
-	it('should split on "danach"', () => {
-		const tasks = parseMultiTaskInput('Zahnarzt danach Einkaufen');
-		expect(tasks).toHaveLength(2);
-		expect(tasks[0].title).toBe('Zahnarzt');
-		expect(tasks[1].title).toBe('Einkaufen');
-	});
-
-	it('should split on "dann"', () => {
-		const tasks = parseMultiTaskInput('Kochen dann Abwaschen');
-		expect(tasks).toHaveLength(2);
-		expect(tasks[0].title).toBe('Kochen');
-		expect(tasks[1].title).toBe('Abwaschen');
-	});
-
-	it('should split on semicolon', () => {
-		const tasks = parseMultiTaskInput('Mails; Report; Meeting');
-		expect(tasks).toHaveLength(3);
-		expect(tasks[0].title).toBe('Mails');
-		expect(tasks[1].title).toBe('Report');
-		expect(tasks[2].title).toBe('Meeting');
-	});
-
-	it('should inherit date context from first task', () => {
-		const tasks = parseMultiTaskInput('Morgen Zahnarzt danach Einkaufen');
-		expect(tasks).toHaveLength(2);
-		expect(tasks[0].dueDate).toBeDefined();
-		expect(tasks[1].dueDate).toBeDefined();
-		// Both should be tomorrow
-		expect(tasks[0].dueDate!.toDateString()).toBe(tasks[1].dueDate!.toDateString());
-	});
-
-	it('should offset time when first task has duration', () => {
-		const tasks = parseMultiTaskInput('Meeting 14 Uhr 1h danach Notizen');
-		expect(tasks).toHaveLength(2);
-		expect(tasks[0].dueDate).toBeDefined();
-		expect(tasks[1].dueDate).toBeDefined();
-		// Second task should start at 15:00
-		expect(tasks[1].dueDate!.getHours()).toBe(15);
-		expect(tasks[1].dueDate!.getMinutes()).toBe(0);
-	});
-
-	it('should not split on "dann" inside a word', () => {
-		const tasks = parseMultiTaskInput('Dokumentation lesen');
-		expect(tasks).toHaveLength(1);
-	});
-
-	it('should handle ", danach" pattern', () => {
-		const tasks = parseMultiTaskInput('Zahnarzt, danach Apotheke');
-		expect(tasks).toHaveLength(2);
-		expect(tasks[0].title).toBe('Zahnarzt');
-		expect(tasks[1].title).toBe('Apotheke');
-	});
-});
-
-describe('formatDuration', () => {
-	it('should format minutes only', () => {
-		expect(formatDuration(30)).toBe('30min');
-		expect(formatDuration(5)).toBe('5min');
-	});
-
-	it('should format full hours', () => {
-		expect(formatDuration(60)).toBe('1h');
-		expect(formatDuration(120)).toBe('2h');
-	});
-
-	it('should format hours and minutes', () => {
-		expect(formatDuration(90)).toBe('1h 30min');
-		expect(formatDuration(75)).toBe('1h 15min');
-	});
-});
diff --git a/apps/todo/apps/web-archived/src/lib/utils/task-parser.ts b/apps/todo/apps/web-archived/src/lib/utils/task-parser.ts
deleted file mode 100644
index 064c99394..000000000
--- a/apps/todo/apps/web-archived/src/lib/utils/task-parser.ts
+++ /dev/null
@@ -1,390 +0,0 @@
-/**
- * Task Parser for Todo App
- *
- * Extends the base parser with task-specific patterns:
- * - Priority: !hoch, !!, !!!, !dringend
- * - Project: @ProjectName
- */
-
-import {
-	parseBaseInput,
-	extractRecurrence,
-	combineDateAndTime,
-	formatDatePreview,
-	formatTimePreview,
-} from '@manacore/shared-utils';
-import type { ParserLocale } from '@manacore/shared-utils';
-import type { TaskPriority } from '@todo/shared';
-
-export interface ParsedTask {
-	title: string;
-	dueDate?: Date;
-	dueTime?: string; // HH:mm format
-	priority?: TaskPriority;
-	labelNames: string[];
-	recurrenceRule?: string;
-	subtasks?: string[];
-	estimatedDuration?: number; // in minutes
-}
-
-interface Label {
-	id: string;
-	name: string;
-}
-
-export interface ParsedTaskWithIds {
-	title: string;
-	dueDate?: string;
-	dueTime?: string;
-	priority?: TaskPriority;
-	labelIds: string[];
-	recurrenceRule?: string;
-	subtasks?: string[];
-	estimatedDuration?: number;
-}
-
-// Priority keyword translations per locale
-const PRIORITY_KEYWORDS: Record<
-	ParserLocale,
-	{ urgent: string; high: string; medium: string; low: string }
-> = {
-	de: { urgent: 'dringend', high: 'wichtig', medium: 'normal', low: 'sp[aä]ter' },
-	en: { urgent: 'urgent', high: 'important', medium: 'normal', low: 'later' },
-	fr: { urgent: 'urgent', high: 'important', medium: 'normal', low: 'plus\\s+tard' },
-	es: { urgent: 'urgente', high: 'importante', medium: 'normal', low: 'despu[eé]s' },
-	it: { urgent: 'urgente', high: 'importante', medium: 'normale', low: 'dopo' },
-};
-
-// ─── Duration Extraction ───────────────────────────────────
-
-const DURATION_PATTERNS: Record<ParserLocale, RegExp[]> = {
-	de: [
-		/(\d+(?:[.,]\d+)?)\s*(?:std|stunden?)\b/i,
-		/(\d+(?:[.,]\d+)?)\s*h\b/i,
-		/(\d+)\s*min(?:uten?)?\b/i,
-		/(\d+(?:[.,]\d+)?)\s*(?:tage?)\b/i,
-	],
-	en: [
-		/(\d+(?:[.,]\d+)?)\s*(?:hours?|hrs?)\b/i,
-		/(\d+(?:[.,]\d+)?)\s*h\b/i,
-		/(\d+)\s*min(?:utes?)?\b/i,
-		/(\d+(?:[.,]\d+)?)\s*(?:days?)\b/i,
-	],
-	fr: [
-		/(\d+(?:[.,]\d+)?)\s*(?:heures?|hrs?)\b/i,
-		/(\d+(?:[.,]\d+)?)\s*h\b/i,
-		/(\d+)\s*min(?:utes?)?\b/i,
-		/(\d+(?:[.,]\d+)?)\s*(?:jours?)\b/i,
-	],
-	es: [
-		/(\d+(?:[.,]\d+)?)\s*(?:horas?|hrs?)\b/i,
-		/(\d+(?:[.,]\d+)?)\s*h\b/i,
-		/(\d+)\s*min(?:utos?)?\b/i,
-		/(\d+(?:[.,]\d+)?)\s*(?:días?)\b/i,
-	],
-	it: [
-		/(\d+(?:[.,]\d+)?)\s*(?:ore?)\b/i,
-		/(\d+(?:[.,]\d+)?)\s*h\b/i,
-		/(\d+)\s*min(?:uti?)?\b/i,
-		/(\d+(?:[.,]\d+)?)\s*(?:giorni?)\b/i,
-	],
-};
-
-// Multiplier: [hours, hours, minutes, days]
-const DURATION_MULTIPLIERS = [60, 60, 1, 480];
-
-/**
- * Extract duration from text (e.g. "30min", "2h", "1.5 Stunden")
- * Returns duration in minutes.
- */
-function extractDuration(
-	text: string,
-	locale: ParserLocale = 'de'
-): { duration?: number; remaining: string } {
-	const patterns = DURATION_PATTERNS[locale];
-	for (let i = 0; i < patterns.length; i++) {
-		const match = text.match(patterns[i]);
-		if (match) {
-			const value = parseFloat(match[1].replace(',', '.'));
-			const minutes = Math.round(value * DURATION_MULTIPLIERS[i]);
-			if (minutes > 0) {
-				return {
-					duration: minutes,
-					remaining: text
-						.replace(match[0], '')
-						.replace(/\s{2,}/g, ' ')
-						.trim(),
-				};
-			}
-		}
-	}
-	return { remaining: text };
-}
-
-// ─── Multi-Task Splitting ──────────────────────────────────
-
-const TASK_SPLITTERS =
-	/\s*(?:,\s*(?:danach|dann|und dann|anschließend|außerdem|afterwards|then|and then|also)\s+|;\s*|\s+(?:danach|dann|und dann|anschließend|afterwards|then|and then)\s+)/i;
-
-/**
- * Parse input that may contain multiple tasks separated by keywords.
- * Subsequent tasks inherit date/time context from the first task.
- *
- * Examples:
- * - "Morgen um 10 Zahnarzt, danach Einkaufen" → 2 tasks, both morgen
- * - "Meeting 14 Uhr 1h; Report schreiben; Mails beantworten" → 3 tasks
- */
-export function parseMultiTaskInput(input: string, locale: ParserLocale = 'de'): ParsedTask[] {
-	const parts = input.split(TASK_SPLITTERS).filter((s) => s.trim().length > 0);
-
-	if (parts.length <= 1) {
-		return [parseTaskInput(input, locale)];
-	}
-
-	const results: ParsedTask[] = [];
-	let contextDate: Date | undefined;
-	let contextTime: string | undefined;
-	let lastEndMinutes: number | undefined; // track end time for "danach" offset
-
-	for (let i = 0; i < parts.length; i++) {
-		const parsed = parseTaskInput(parts[i].trim(), locale);
-
-		if (i === 0) {
-			// First task sets the context
-			contextDate = parsed.dueDate;
-			contextTime = parsed.dueTime;
-
-			// Calculate end time if duration is known
-			if (parsed.dueDate && parsed.estimatedDuration) {
-				lastEndMinutes =
-					parsed.dueDate.getHours() * 60 + parsed.dueDate.getMinutes() + parsed.estimatedDuration;
-			} else if (parsed.dueDate) {
-				lastEndMinutes = parsed.dueDate.getHours() * 60 + parsed.dueDate.getMinutes();
-			}
-		} else {
-			// Inherit context if not explicitly set
-			if (!parsed.dueDate && contextDate) {
-				// If we have a lastEndMinutes from previous task, use that as start time
-				if (lastEndMinutes !== undefined && lastEndMinutes > 0) {
-					const inherited = new Date(contextDate);
-					inherited.setHours(Math.floor(lastEndMinutes / 60), lastEndMinutes % 60, 0, 0);
-					parsed.dueDate = inherited;
-					parsed.dueTime = `${String(Math.floor(lastEndMinutes / 60)).padStart(2, '0')}:${String(lastEndMinutes % 60).padStart(2, '0')}`;
-				} else {
-					parsed.dueDate = contextDate;
-					parsed.dueTime = contextTime;
-				}
-			}
-			// Update end time for next task
-			if (parsed.dueDate && parsed.estimatedDuration) {
-				lastEndMinutes =
-					parsed.dueDate.getHours() * 60 + parsed.dueDate.getMinutes() + parsed.estimatedDuration;
-			} else if (parsed.dueDate) {
-				lastEndMinutes = undefined; // no duration → can't offset further
-			}
-		}
-
-		results.push(parsed);
-	}
-
-	return results;
-}
-
-/**
- * Extract subtasks from "Title: item1, item2, item3" pattern
- */
-function extractSubtasks(text: string): { title: string; subtasks?: string[] } {
-	// Match "Title: list" where list has commas or semicolons
-	const colonIndex = text.indexOf(':');
-	if (colonIndex === -1 || colonIndex < 2) return { title: text };
-
-	const beforeColon = text.substring(0, colonIndex).trim();
-	const afterColon = text.substring(colonIndex + 1).trim();
-
-	if (!afterColon) return { title: text };
-
-	// Split by comma or semicolon
-	const items = afterColon
-		.split(/[,;]/)
-		.map((s) => s.trim())
-		.filter((s) => s.length > 0);
-
-	// Only treat as subtasks if there are at least 2 items
-	if (items.length < 2) return { title: text };
-
-	return { title: beforeColon, subtasks: items };
-}
-
-/**
- * Build locale-aware priority patterns
- */
-function buildPriorityPatterns(
-	locale: ParserLocale
-): { pattern: RegExp; priority: TaskPriority }[] {
-	const kw = PRIORITY_KEYWORDS[locale];
-	return [
-		{ pattern: new RegExp(`!{3,}|!?${kw.urgent}\\b`, 'i'), priority: 'urgent' },
-		{ pattern: new RegExp(`!{2}|!?${kw.high}\\b`, 'i'), priority: 'high' },
-		{ pattern: new RegExp(`!?${kw.medium}\\b`, 'i'), priority: 'medium' },
-		{ pattern: new RegExp(`!?${kw.low}\\b`, 'i'), priority: 'low' },
-	];
-}
-
-/**
- * Extract priority from text
- */
-function extractPriority(
-	text: string,
-	locale: ParserLocale = 'de'
-): { priority?: TaskPriority; remaining: string } {
-	const patterns = buildPriorityPatterns(locale);
-	for (const { pattern, priority } of patterns) {
-		if (pattern.test(text)) {
-			return {
-				priority,
-				remaining: text.replace(pattern, '').trim(),
-			};
-		}
-	}
-	return { priority: undefined, remaining: text };
-}
-
-/**
- * Parse natural language task input
- *
- * Examples:
- * - "Meeting morgen 14 Uhr !hoch @Arbeit #wichtig"
- * - "Einkaufen heute #privat"
- * - "Report in 3 Tagen !!"
- */
-export function parseTaskInput(input: string, locale: ParserLocale = 'de'): ParsedTask {
-	let text = input.trim();
-
-	// Extract recurrence (before priority, since "jeden Tag" shouldn't be confused)
-	const recurrenceResult = extractRecurrence(text, locale);
-	text = recurrenceResult.remaining;
-	const recurrenceRule = recurrenceResult.value;
-
-	// Extract priority (task-specific)
-	const priorityResult = extractPriority(text, locale);
-	text = priorityResult.remaining;
-	const priority = priorityResult.priority;
-
-	// Extract duration (before date parsing to avoid "2h" being confused)
-	const durationResult = extractDuration(text, locale);
-	text = durationResult.remaining;
-	const estimatedDuration = durationResult.duration;
-
-	// Use base parser for common patterns (date, time, tags)
-	const base = parseBaseInput(text, locale);
-
-	// Combine date and time
-	const dueDate = combineDateAndTime(base.date, base.time);
-
-	// Preserve time as HH:mm string for context inheritance
-	const dueTime = base.time
-		? `${String(base.time.hours).padStart(2, '0')}:${String(base.time.minutes).padStart(2, '0')}`
-		: undefined;
-
-	// Check for subtask pattern "Title: item1, item2, item3"
-	const subtaskResult = extractSubtasks(base.title);
-
-	return {
-		title: subtaskResult.title,
-		dueDate,
-		dueTime,
-		priority,
-		labelNames: base.tagNames,
-		recurrenceRule,
-		subtasks: subtaskResult.subtasks,
-		estimatedDuration,
-	};
-}
-
-/**
- * Resolve label names to IDs
- */
-export function resolveTaskIds(parsed: ParsedTask, labels: Label[]): ParsedTaskWithIds {
-	const labelIds: string[] = [];
-
-	// Find labels by name (case-insensitive)
-	for (const labelName of parsed.labelNames) {
-		const label = labels.find((l) => l.name.toLowerCase() === labelName.toLowerCase());
-		if (label) {
-			labelIds.push(label.id);
-		}
-	}
-
-	return {
-		title: parsed.title,
-		dueDate: parsed.dueDate?.toISOString(),
-		dueTime: parsed.dueTime,
-		priority: parsed.priority,
-		labelIds,
-		recurrenceRule: parsed.recurrenceRule,
-		subtasks: parsed.subtasks,
-		estimatedDuration: parsed.estimatedDuration,
-	};
-}
-
-// Priority display labels per locale
-const PRIORITY_LABELS: Record<ParserLocale, Record<TaskPriority, string>> = {
-	de: { low: '🟢 Später', medium: '🟡 Normal', high: '🟠 Wichtig', urgent: '🔴 Dringend' },
-	en: { low: '🟢 Later', medium: '🟡 Normal', high: '🟠 Important', urgent: '🔴 Urgent' },
-	fr: { low: '🟢 Plus tard', medium: '🟡 Normal', high: '🟠 Important', urgent: '🔴 Urgent' },
-	es: { low: '🟢 Después', medium: '🟡 Normal', high: '🟠 Importante', urgent: '🔴 Urgente' },
-	it: { low: '🟢 Dopo', medium: '🟡 Normale', high: '🟠 Importante', urgent: '🔴 Urgente' },
-};
-
-/**
- * Format duration in minutes to human-readable string
- */
-export function formatDuration(minutes: number): string {
-	if (minutes < 60) return `${minutes}min`;
-	const h = Math.floor(minutes / 60);
-	const m = minutes % 60;
-	return m > 0 ? `${h}h ${m}min` : `${h}h`;
-}
-
-/**
- * Format parsed task for preview display
- */
-export function formatParsedTaskPreview(parsed: ParsedTask, locale: ParserLocale = 'de'): string {
-	const parts: string[] = [];
-
-	if (parsed.dueDate) {
-		let dateStr = `📅 ${formatDatePreview(parsed.dueDate)}`;
-
-		// Add time if not midnight
-		if (parsed.dueDate.getHours() !== 0 || parsed.dueDate.getMinutes() !== 0) {
-			dateStr += ` ${formatTimePreview({
-				hours: parsed.dueDate.getHours(),
-				minutes: parsed.dueDate.getMinutes(),
-			})}`;
-		}
-
-		parts.push(dateStr);
-	}
-
-	if (parsed.priority) {
-		parts.push(PRIORITY_LABELS[locale][parsed.priority]);
-	}
-
-	if (parsed.recurrenceRule) {
-		parts.push(`🔄 ${parsed.recurrenceRule}`);
-	}
-
-	if (parsed.estimatedDuration) {
-		parts.push(`⏱️ ${formatDuration(parsed.estimatedDuration)}`);
-	}
-
-	if (parsed.subtasks && parsed.subtasks.length > 0) {
-		parts.push(`📋 ${parsed.subtasks.length} Subtasks`);
-	}
-
-	if (parsed.labelNames.length > 0) {
-		parts.push(`🏷️ ${parsed.labelNames.join(', ')}`);
-	}
-
-	return parts.join(' · ');
-}
diff --git a/apps/todo/apps/web-archived/src/lib/utils/time-estimator.test.ts b/apps/todo/apps/web-archived/src/lib/utils/time-estimator.test.ts
deleted file mode 100644
index 5ba827701..000000000
--- a/apps/todo/apps/web-archived/src/lib/utils/time-estimator.test.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { estimateDuration, type CompletedTaskData } from './time-estimator';
-
-function makeTask(overrides: Partial<CompletedTaskData> = {}): CompletedTaskData {
-	return {
-		title: 'Default task',
-		projectId: null,
-		labelIds: [],
-		priority: 'medium',
-		estimatedDuration: 30,
-		completedAt: '2026-03-28T12:00:00Z',
-		createdAt: '2026-03-28T11:30:00Z',
-		...overrides,
-	};
-}
-
-describe('estimateDuration', () => {
-	it('should return null with insufficient data', () => {
-		const result = estimateDuration(
-			{ title: 'New task', priority: 'medium' },
-			[makeTask(), makeTask()] // only 2, need 3
-		);
-		expect(result).toBeNull();
-	});
-
-	it('should estimate from similar tasks in same project', () => {
-		const history = Array.from({ length: 5 }, () =>
-			makeTask({ projectId: 'proj-1', estimatedDuration: 60 })
-		);
-
-		const result = estimateDuration(
-			{ title: 'Something', projectId: 'proj-1', priority: 'medium' },
-			history
-		);
-
-		expect(result).not.toBeNull();
-		expect(result!.minutes).toBe(60);
-		expect(result!.sampleSize).toBe(5);
-	});
-
-	it('should weight title overlap higher', () => {
-		const history = [
-			// 3 "Einkaufen" tasks at 45min
-			makeTask({ title: 'Einkaufen Rewe', estimatedDuration: 45 }),
-			makeTask({ title: 'Einkaufen Aldi', estimatedDuration: 45 }),
-			makeTask({ title: 'Einkaufen Edeka', estimatedDuration: 45 }),
-			// 3 unrelated tasks at 120min, different priority to avoid matching
-			makeTask({ title: 'Report schreiben', priority: 'high', estimatedDuration: 120 }),
-			makeTask({ title: 'Meeting vorbereiten', priority: 'high', estimatedDuration: 120 }),
-			makeTask({ title: 'Docs updaten', priority: 'high', estimatedDuration: 120 }),
-		];
-
-		const result = estimateDuration({ title: 'Einkaufen Lidl', priority: 'medium' }, history);
-
-		expect(result).not.toBeNull();
-		// Should be closer to 45 than 120 because title overlap matters more
-		expect(result!.minutes).toBeLessThan(60);
-	});
-
-	it('should use completedAt - createdAt when no estimatedDuration', () => {
-		const history = Array.from({ length: 5 }, () =>
-			makeTask({
-				title: 'Meeting',
-				estimatedDuration: null,
-				createdAt: '2026-03-28T10:00:00Z',
-				completedAt: '2026-03-28T10:30:00Z', // 30 min
-			})
-		);
-
-		const result = estimateDuration({ title: 'Meeting prep', priority: 'medium' }, history);
-
-		expect(result).not.toBeNull();
-		expect(result!.minutes).toBe(30);
-	});
-
-	it('should round to nice numbers', () => {
-		const history = Array.from({ length: 5 }, () =>
-			makeTask({ projectId: 'p1', estimatedDuration: 37 })
-		);
-
-		const result = estimateDuration(
-			{ title: 'Task', projectId: 'p1', priority: 'medium' },
-			history
-		);
-
-		expect(result).not.toBeNull();
-		// 37 minutes should round to 35 or 40 (nearest 5)
-		expect(result!.minutes % 5).toBe(0);
-	});
-
-	it('should return higher confidence with more samples and better scores', () => {
-		const history = Array.from({ length: 15 }, () =>
-			makeTask({
-				title: 'Standup Meeting',
-				projectId: 'proj-1',
-				labelIds: ['label-1'],
-				estimatedDuration: 15,
-			})
-		);
-
-		const result = estimateDuration(
-			{ title: 'Standup Meeting', projectId: 'proj-1', labelIds: ['label-1'], priority: 'medium' },
-			history
-		);
-
-		expect(result).not.toBeNull();
-		expect(result!.confidence).toBe('high');
-	});
-
-	it('should ignore tasks with unreasonable completion times', () => {
-		const history = [
-			// These have no estimatedDuration, and completion took >8h (unreasonable)
-			...Array.from({ length: 3 }, () =>
-				makeTask({
-					title: 'Quick task',
-					estimatedDuration: null,
-					createdAt: '2026-03-20T10:00:00Z',
-					completedAt: '2026-03-28T10:00:00Z', // 8 days - unreasonable
-				})
-			),
-			// These have proper durations
-			...Array.from({ length: 3 }, () =>
-				makeTask({
-					title: 'Quick task',
-					estimatedDuration: 15,
-				})
-			),
-		];
-
-		const result = estimateDuration({ title: 'Quick task', priority: 'medium' }, history);
-
-		expect(result).not.toBeNull();
-		expect(result!.minutes).toBe(15);
-	});
-});
diff --git a/apps/todo/apps/web-archived/src/lib/utils/time-estimator.ts b/apps/todo/apps/web-archived/src/lib/utils/time-estimator.ts
deleted file mode 100644
index 1f1504c4d..000000000
--- a/apps/todo/apps/web-archived/src/lib/utils/time-estimator.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-/**
- * Time Estimator — Suggests task duration based on historical data
- *
- * Uses weighted similarity scoring across project, labels, title words,
- * and priority to find similar completed tasks and compute a weighted average.
- *
- * Fully offline — runs against local IndexedDB data.
- */
-
-export interface CompletedTaskData {
-	title: string;
-	labelIds?: string[];
-	priority: string;
-	estimatedDuration?: number | null; // minutes
-	completedAt?: string | null;
-	createdAt?: string | null;
-}
-
-export interface DurationEstimate {
-	minutes: number;
-	confidence: 'low' | 'medium' | 'high';
-	sampleSize: number;
-}
-
-interface ScoredTask {
-	duration: number;
-	score: number;
-}
-
-const STOP_WORDS = new Set([
-	// German
-	'der',
-	'die',
-	'das',
-	'ein',
-	'eine',
-	'und',
-	'oder',
-	'für',
-	'mit',
-	'von',
-	'zu',
-	'im',
-	'am',
-	'an',
-	'auf',
-	'in',
-	'den',
-	'dem',
-	'des',
-	'ist',
-	'sind',
-	'bei',
-	'nach',
-	'vor',
-	'über',
-	'noch',
-	'nicht',
-	'sich',
-	'auch',
-	'mal',
-	// English
-	'the',
-	'a',
-	'an',
-	'and',
-	'or',
-	'for',
-	'with',
-	'from',
-	'to',
-	'in',
-	'on',
-	'at',
-	'is',
-	'are',
-	'not',
-	'also',
-]);
-
-/**
- * Normalize and tokenize a title into significant words
- */
-function tokenize(title: string): string[] {
-	return title
-		.toLowerCase()
-		.replace(/[^a-zäöüßàáâãèéêëìíîïòóôõùúûü0-9\s]/g, '')
-		.split(/\s+/)
-		.filter((w) => w.length > 2 && !STOP_WORDS.has(w));
-}
-
-/**
- * Calculate Jaccard-like overlap between two token sets
- */
-function titleOverlap(a: string[], b: string[]): number {
-	if (a.length === 0 || b.length === 0) return 0;
-	const setB = new Set(b);
-	const shared = a.filter((w) => setB.has(w)).length;
-	return shared / Math.max(a.length, b.length);
-}
-
-/**
- * Compute similarity score between a new task and a historical task
- */
-function similarity(
-	newTask: { title: string; labelIds?: string[]; priority: string },
-	historical: CompletedTaskData,
-	newTokens: string[]
-): number {
-	let score = 0;
-
-	// Shared labels
-	if (newTask.labelIds && historical.labelIds) {
-		const histSet = new Set(historical.labelIds);
-		const shared = newTask.labelIds.filter((id) => histSet.has(id)).length;
-		score += shared * 2;
-	}
-
-	// Same priority
-	if (newTask.priority === historical.priority) {
-		score += 1;
-	}
-
-	// Title word overlap (strongest for exact matches)
-	const histTokens = tokenize(historical.title);
-	const overlap = titleOverlap(newTokens, histTokens);
-	if (overlap > 0.5) score += 3;
-	else if (overlap > 0.2) score += 2;
-	else if (overlap > 0) score += 1;
-
-	return score;
-}
-
-/**
- * Get the effective duration of a completed task in minutes.
- * Prefers estimatedDuration if set, otherwise falls back to
- * time between creation and completion (capped at 8h).
- */
-function getEffectiveDuration(task: CompletedTaskData): number | null {
-	if (task.estimatedDuration && task.estimatedDuration > 0) {
-		return task.estimatedDuration;
-	}
-
-	if (task.completedAt && task.createdAt) {
-		const diff =
-			(new Date(task.completedAt).getTime() - new Date(task.createdAt).getTime()) / 60000;
-		// Only use creation-to-completion if it's reasonable (5min - 8h)
-		if (diff >= 5 && diff <= 480) {
-			return Math.round(diff);
-		}
-	}
-
-	return null;
-}
-
-/**
- * Estimate duration for a new task based on completed task history.
- *
- * @param newTask - The task to estimate
- * @param history - Completed tasks with duration data
- * @param minSamples - Minimum similar tasks needed (default: 3)
- * @returns Estimate or null if insufficient data
- */
-export function estimateDuration(
-	newTask: { title: string; labelIds?: string[]; priority: string },
-	history: CompletedTaskData[],
-	minSamples = 3
-): DurationEstimate | null {
-	const newTokens = tokenize(newTask.title);
-
-	const scored: ScoredTask[] = [];
-	for (const task of history) {
-		const duration = getEffectiveDuration(task);
-		if (duration === null) continue;
-
-		const score = similarity(newTask, task, newTokens);
-		if (score > 0) {
-			scored.push({ duration, score });
-		}
-	}
-
-	if (scored.length < minSamples) return null;
-
-	// Sort by score descending, take top 20 for stability
-	scored.sort((a, b) => b.score - a.score);
-	const top = scored.slice(0, 20);
-
-	// Weighted average
-	let totalWeight = 0;
-	let totalDuration = 0;
-	for (const { duration, score } of top) {
-		totalWeight += score;
-		totalDuration += duration * score;
-	}
-
-	const minutes = Math.round(totalDuration / totalWeight);
-
-	// Round to nice numbers
-	const rounded = roundToNice(minutes);
-
-	// Confidence based on sample size and score spread
-	const maxScore = top[0].score;
-	const confidence: DurationEstimate['confidence'] =
-		top.length >= 10 && maxScore >= 5
-			? 'high'
-			: top.length >= 5 && maxScore >= 3
-				? 'medium'
-				: 'low';
-
-	return { minutes: rounded, confidence, sampleSize: top.length };
-}
-
-/**
- * Round minutes to human-friendly values
- */
-function roundToNice(minutes: number): number {
-	if (minutes <= 10) return Math.round(minutes / 5) * 5 || 5;
-	if (minutes <= 30) return Math.round(minutes / 5) * 5;
-	if (minutes <= 60) return Math.round(minutes / 15) * 15;
-	if (minutes <= 240) return Math.round(minutes / 30) * 30;
-	return Math.round(minutes / 60) * 60;
-}
diff --git a/apps/todo/apps/web-archived/src/lib/version.ts b/apps/todo/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index 4f221f09f..000000000
--- a/apps/todo/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '1.0.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/todo/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index d3f5cfd05..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,736 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { setContext } from 'svelte';
-	import { locale } from 'svelte-i18n';
-	import {
-		PillNavigation,
-		QuickInputBar,
-		ImmersiveModeToggle,
-		BottomStack,
-		MinimizedTabs,
-		NotificationBar,
-	} from '@manacore/shared-ui';
-	import type { BottomNotification } from '@manacore/shared-ui';
-	import {
-		SplitPaneContainer,
-		setSplitPanelContext,
-		DEFAULT_APPS,
-	} from '@manacore/shared-splitscreen';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		PillNavElement,
-		QuickInputItem,
-		CreatePreview,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { todoSettings } from '$lib/stores/settings.svelte';
-	import { tasksStore } from '$lib/stores/tasks.svelte';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-	import { linkLocalStore, linkMutations } from '@manacore/shared-links';
-	import { theme } from '$lib/stores/theme';
-	import TagStrip from '$lib/components/TagStrip.svelte';
-	import { DragPreview, ActionZone } from '@manacore/shared-ui/dnd';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		EXTENDED_THEME_VARIANTS,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { filterHiddenNavItems } from '@manacore/shared-theme';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { parseTaskInput, resolveTaskIds, formatParsedTaskPreview } from '$lib/utils/task-parser';
-	import { todoOnboarding } from '$lib/stores/app-onboarding.svelte';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import {
-		SessionExpiredBanner,
-		AuthGate,
-		GuestWelcomeModal,
-		startGuestSession,
-		shouldShowGuestNudge,
-		dismissGuestNudge,
-	} from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { UserPlus } from '@manacore/shared-icons';
-	import { TodoEvents } from '@manacore/shared-utils/analytics';
-	import { todoStore, taskCollection } from '$lib/data/local-store';
-	import type { LocalBoardView } from '$lib/data/local-store';
-	import { useAllTasks, useAllBoardViews } from '$lib/data/task-queries';
-	import SyncIndicator from '$lib/components/SyncIndicator.svelte';
-	import { List, X } from '@manacore/shared-icons';
-	import { createMinimizedPagesContext } from '$lib/stores/minimized-pages.svelte';
-
-	// Live queries — auto-update when IndexedDB changes (local writes, sync, other tabs)
-	const rawTasks = useAllTasks();
-	const allTags = useAllSharedTags();
-
-	// ─── Enrich tasks with resolved labels from shared tags ──
-	const allTasks = {
-		get value() {
-			const tagMap = new Map(allTags.value.map((t) => [t.id, t]));
-			return rawTasks.value.map((task) => {
-				const labelIds: string[] = (task.metadata as { labelIds?: string[] })?.labelIds ?? [];
-				if (labelIds.length === 0) return task;
-				const labels = labelIds
-					.map((id) => tagMap.get(id))
-					.filter((t): t is NonNullable<typeof t> => t != null)
-					.map((t) => ({
-						id: t.id,
-						userId: t.userId,
-						name: t.name,
-						color: t.color,
-						createdAt: t.createdAt,
-					}));
-				return { ...task, labels };
-			});
-		},
-	};
-
-	// ─── Board View Management ──────────────────────────────
-	const boardViews = useAllBoardViews();
-
-	// Use first board view as the single active view
-	let activeView = $derived(boardViews.value[0] ?? null);
-
-	// ─── Active Tag Filter (shared between TagStrip + BoardViewRenderer) ───
-	let activeTagFilterIds = $state<string[]>([]);
-	const activeTagFilter = {
-		get ids() {
-			return activeTagFilterIds;
-		},
-		set(ids: string[]) {
-			activeTagFilterIds = ids;
-		},
-	};
-
-	// Minimized pages context (layout owns state, page syncs via context)
-	const minimizedPages = createMinimizedPagesContext();
-
-	// Provide data to child components via Svelte context
-	setContext('tasks', allTasks);
-	setContext('tags', allTags);
-	setContext('activeTagFilter', activeTagFilter);
-	setContext('minimizedPages', minimizedPages);
-	setContext('activeView', {
-		get value() {
-			return activeView;
-		},
-	});
-
-	// ── Bottom notifications ────────────────────────────────
-	let bottomNotifications = $state<BottomNotification[]>([]);
-	let guestNudgeInterval: ReturnType<typeof setInterval> | null = null;
-
-	function initGuestNudge() {
-		if (authStore.isAuthenticated) return;
-		startGuestSession('todo');
-
-		function checkNudge() {
-			if (shouldShowGuestNudge('todo', 3)) {
-				bottomNotifications = [
-					{
-						id: 'guest-nudge',
-						message:
-							($locale || 'de') === 'de'
-								? 'Gefällt es dir? Sichere deine Daten geräteübergreifend.'
-								: 'Like what you see? Save your data across devices.',
-						type: 'info' as const,
-						action: {
-							label: ($locale || 'de') === 'de' ? 'Konto erstellen' : 'Create account',
-							icon: UserPlus,
-							onClick: () => {
-								dismissGuestNudge('todo');
-								bottomNotifications = [];
-								goto('/register');
-							},
-						},
-						dismissible: true,
-						onDismiss: () => {
-							dismissGuestNudge('todo');
-							bottomNotifications = bottomNotifications.filter((n) => n.id !== 'guest-nudge');
-						},
-					},
-				];
-				if (guestNudgeInterval) clearInterval(guestNudgeInterval);
-			}
-		}
-
-		checkNudge();
-		guestNudgeInterval = setInterval(checkNudge, 30_000);
-	}
-
-	// Guest welcome modal state
-	let showGuestWelcome = $state(false);
-
-	function initGuestWelcome() {
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('todo')) {
-			showGuestWelcome = true;
-		}
-	}
-
-	// App switcher items (filtered by user's access tier)
-	let appItems = $derived(getPillAppItems('todo', undefined, undefined, authStore.user?.tier));
-
-	// Split-Panel Store für Split-Screen Feature
-	const splitPanel = setSplitPanelContext('todo', DEFAULT_APPS);
-
-	// Handler für Split-Screen Panel-Öffnung
-	function handleOpenInPanel(appId: string, url: string) {
-		splitPanel.openPanel(appId);
-	}
-
-	let { children } = $props();
-
-	// QuickInputBar search - search tasks locally
-	async function handleSearch(query: string): Promise<QuickInputItem[]> {
-		if (!query.trim()) return [];
-
-		const q = query.toLowerCase();
-		return allTasks.value
-			.filter(
-				(task) =>
-					task.title.toLowerCase().includes(q) || task.description?.toLowerCase().includes(q)
-			)
-			.slice(0, 10)
-			.map((task) => ({
-				id: task.id,
-				title: task.title,
-				subtitle: task.isCompleted
-					? '✓ Erledigt'
-					: task.dueDate
-						? new Date(task.dueDate).toLocaleDateString('de-DE')
-						: 'Kein Datum',
-			}));
-	}
-
-	function handleSelect(item: QuickInputItem) {
-		goto(`/task/${item.id}`);
-	}
-
-	// QuickInputBar create - parse input and show preview
-	function handleParseCreate(query: string): CreatePreview | null {
-		if (!query.trim()) return null;
-
-		const parsed = parseTaskInput(query);
-		const preview = formatParsedTaskPreview(parsed);
-
-		return {
-			title: `"${parsed.title}" erstellen`,
-			subtitle: preview || 'Neue Aufgabe',
-		};
-	}
-
-	// QuickInputBar create - actually create the task
-	async function handleCreate(query: string): Promise<void> {
-		if (!query.trim()) return;
-
-		try {
-			const parsed = parseTaskInput(query);
-			const resolved = resolveTaskIds(parsed, allTags.value);
-
-			await tasksStore.createTask({
-				title: resolved.title,
-				dueDate: resolved.dueDate,
-				priority: resolved.priority,
-				labelIds: resolved.labelIds,
-			});
-			TodoEvents.quickAddUsed();
-		} catch (error) {
-			console.error('Failed to create task:', error);
-		}
-	}
-
-	// Bottom bar visibility (controlled by FAB)
-	let isBottomBarsVisible = $state(true);
-
-	// FilterStrip visibility (toggle via Filter button in PillNav)
-	let isFilterStripVisible = $derived(!todoSettings.filterStripCollapsed);
-
-	// BottomStack computes these offsets automatically
-	let pillNavOffset = $state('0px');
-	let tagStripOffset = $state('72px');
-	let fabOffset = $state('20px');
-
-	// Use theme store's isDark directly
-	let isDark = $derived(theme.isDark);
-
-	// Get pinned themes from user settings (extended themes only)
-	let pinnedThemes = $derived<ThemeVariant[]>(
-		(userSettings.theme?.pinnedThemes || []).filter((t): t is ThemeVariant =>
-			EXTENDED_THEME_VARIANTS.includes(t as ThemeVariant)
-		)
-	);
-
-	// Visible themes in PillNav: default + pinned extended
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS, ...pinnedThemes]);
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant].label,
-			icon: THEME_DEFINITIONS[variant].icon,
-			onClick: () => theme.setVariant(variant),
-			active: theme.variant === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: 'Alle Themes',
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(THEME_DEFINITIONS[theme.variant].label);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		locale.set(newLocale);
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(['de', 'en'], currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// User email for user dropdown — empty string for guests so PillNav shows login button
-	let userEmail = $derived(authStore.isAuthenticated ? authStore.user?.email || 'Menü' : '');
-
-	// Toggle TagStrip visibility
-	function handleTagStripToggle() {
-		todoSettings.toggleFilterStrip();
-	}
-
-	// Keep navRoutes for keyboard shortcuts (Ctrl+1-3)
-	const viewRoutes: Record<string, string> = { fokus: '/' };
-
-	// Tags pill (toggle behavior, not navigation)
-	let baseNavItems = $derived<PillNavItem[]>([
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isFilterStripVisible,
-		},
-	]);
-
-	// Navigation items filtered by visibility settings (with fallback for guest mode)
-	const navItems = $derived(
-		filterHiddenNavItems('todo', baseNavItems, userSettings.nav?.hiddenNavItems || {})
-	);
-
-	// Navigation shortcuts (Ctrl+1-3) - use view routes for consistent shortcuts
-	let navRoutes = $derived(Object.values(viewRoutes));
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) {
-					TodoEvents.keyboardShortcutUsed(`ctrl+${num}`);
-					goto(route);
-				}
-			}
-		}
-
-		// F = Toggle Immersive Mode (no modifier keys)
-		if (
-			(event.key === 'f' || event.key === 'F') &&
-			!event.ctrlKey &&
-			!event.metaKey &&
-			!event.shiftKey &&
-			!event.altKey
-		) {
-			event.preventDefault();
-			TodoEvents.keyboardShortcutUsed('f-immersive');
-			todoSettings.toggleImmersiveMode();
-		}
-	}
-
-	function handleBottomBarsToggle() {
-		isBottomBarsVisible = !isBottomBarsVisible;
-	}
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		tagMutations.stopSync();
-		linkMutations.stopSync();
-		goto('/login');
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-task',
-			label: 'Neue Aufgabe',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/'),
-		},
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-		{
-			id: 'tags',
-			label: 'Tags verwalten',
-			category: 'Navigation',
-			onExecute: () => goto('/tags'),
-		},
-	];
-
-	async function handleAuthReady() {
-		// Initialize local-first databases (opens IndexedDB, seeds guest data)
-		await Promise.all([
-			todoStore.initialize(),
-			tagLocalStore.initialize(),
-			linkLocalStore.initialize(),
-		]);
-
-		// If authenticated, start syncing to server
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			todoStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-			linkMutations.startSync(getToken);
-		}
-
-		// Initialize split-panel from URL/localStorage
-		splitPanel.initialize();
-
-		// Initialize todo settings
-		todoSettings.initialize();
-
-		// Show guest welcome modal on first visit
-		initGuestWelcome();
-
-		// Start guest registration nudge timer
-		initGuestNudge();
-
-		// Tags and projects are now loaded reactively via useLiveQuery — no fetch needed
-
-		// User settings need auth
-		if (authStore.isAuthenticated) {
-			await userSettings.load();
-		}
-
-		// Redirect to start page if on root and a custom start page is set
-		if ($page.url.pathname === '/' && userSettings.startPage && userSettings.startPage !== '/') {
-			goto(userSettings.startPage, { replaceState: true });
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('todo')?.requiredTier}
-	appName={getManaApp('todo')?.name}
->
-	<SplitPaneContainer>
-		<div class="layout-container">
-			<a
-				href="#main-content"
-				class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[100] focus:rounded-lg focus:bg-primary focus:px-4 focus:py-2 focus:text-white"
-				data-umami-event="skip-to-content"
-			>
-				Zum Inhalt springen
-			</a>
-
-			<!-- UI Elements (hidden in immersive mode) -->
-			{#if !todoSettings.immersiveModeEnabled}
-				<!-- BottomStack: computes offsets for the entire bottom bar stack -->
-				<BottomStack
-					pillNavVisible={isBottomBarsVisible}
-					tagStripVisible={isBottomBarsVisible && isFilterStripVisible}
-					bind:pillNavOffset
-					bind:tagStripOffset
-					bind:fabOffset
-				>
-					<MinimizedTabs
-						pages={minimizedPages.pages}
-						onRestore={(id) => minimizedPages.restore(id)}
-						onRemove={(id) => minimizedPages.remove(id)}
-						onMaximize={(id) => minimizedPages.maximize(id)}
-						onAdd={() => minimizedPages.togglePicker()}
-					/>
-					{#snippet top()}
-						<NotificationBar notifications={bottomNotifications} />
-					{/snippet}
-				</BottomStack>
-
-				<!-- 1. QuickInputBar (always at bottom) -->
-				{#if $page.url.pathname === '/'}
-					<QuickInputBar
-						onSearch={handleSearch}
-						onSelect={handleSelect}
-						placeholder="Neue Aufgabe oder suchen..."
-						emptyText="Keine Aufgaben gefunden"
-						searchingText="Suche..."
-						searchText="Suchen"
-						onCreate={handleCreate}
-						onParseCreate={handleParseCreate}
-						createText="Erstellen"
-						deferSearch={true}
-						locale={$locale || 'de'}
-						appIcon="todo"
-						hasFabRight={true}
-						bottomOffset="16px"
-					/>
-				{/if}
-
-				<!-- 2. PillNav + TagStrip (toggled by FAB) -->
-				{#if isBottomBarsVisible}
-					<PillNavigation
-						items={navItems}
-						currentPath={$page.url.pathname}
-						appName="Todo"
-						homeRoute="/"
-						onToggleTheme={handleToggleTheme}
-						{isDark}
-						showThemeToggle={true}
-						showThemeVariants={true}
-						{themeVariantItems}
-						{currentThemeVariantLabel}
-						themeMode={theme.mode}
-						onThemeModeChange={handleThemeModeChange}
-						showLanguageSwitcher={true}
-						{languageItems}
-						{currentLanguageLabel}
-						showLogout={authStore.isAuthenticated}
-						onLogout={handleLogout}
-						loginHref="/login"
-						primaryColor="#8b5cf6"
-						showAppSwitcher={true}
-						{appItems}
-						{userEmail}
-						settingsHref="/settings"
-						manaHref="/mana"
-						profileHref="/profile"
-						allAppsHref="/apps"
-						themesHref="/themes"
-						spiralHref="/spiral"
-						helpHref="/help"
-						onOpenInPanel={handleOpenInPanel}
-						ariaLabel="Hauptnavigation"
-						{spotlightActions}
-						bottomOffset={pillNavOffset}
-					/>
-
-					<!-- 3. TagStrip (above PillNav) -->
-					{#if isFilterStripVisible}
-						<TagStrip bottomOffset={tagStripOffset} />
-					{/if}
-				{/if}
-
-				<!-- FAB to toggle bottom bars -->
-				<button
-					class="pillnav-fab"
-					style="--fab-bottom: {fabOffset}"
-					onclick={handleBottomBarsToggle}
-					title={isBottomBarsVisible ? 'Navigation ausblenden' : 'Navigation anzeigen'}
-					aria-label={isBottomBarsVisible ? 'Navigation ausblenden' : 'Navigation anzeigen'}
-					data-umami-event="bottom-bars-toggle"
-				>
-					{#if isBottomBarsVisible}
-						<X size={20} weight="bold" />
-					{:else}
-						<List size={20} weight="bold" />
-					{/if}
-				</button>
-
-				<!-- DnD: floating preview + action zones -->
-				<DragPreview />
-				<ActionZone
-					accepts={['task']}
-					onDrop={(payload) => tasksStore.deleteTask(payload.data.id)}
-					variant="danger"
-					label="Löschen"
-				/>
-			{/if}
-
-			<!-- Immersive Mode Toggle (always visible) -->
-			<ImmersiveModeToggle
-				isImmersive={todoSettings.immersiveModeEnabled}
-				onToggle={() => todoSettings.toggleImmersiveMode()}
-			/>
-
-			<main
-				id="main-content"
-				class="main-content bg-background"
-				class:immersive={todoSettings.immersiveModeEnabled}
-			>
-				<!-- Sync status indicator (top right) -->
-				<div class="sync-indicator-wrapper">
-					<SyncIndicator />
-				</div>
-				<div
-					class="content-wrapper"
-					class:full-width={false}
-					class:immersive={todoSettings.immersiveModeEnabled}
-				>
-					{@render children()}
-				</div>
-			</main>
-		</div>
-	</SplitPaneContainer>
-
-	<!-- Onboarding Modal -->
-	{#if todoOnboarding.shouldShow}
-		<MiniOnboardingModal store={todoOnboarding} appName="Todo" appEmoji="✅" />
-	{/if}
-
-	<!-- Guest Welcome Modal -->
-	<GuestWelcomeModal
-		appId="todo"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-	}
-
-	.main-content {
-		transition: all 300ms ease;
-		position: relative;
-		/* Space for QuickInputBar at bottom */
-		padding-bottom: calc(80px + env(safe-area-inset-bottom));
-	}
-
-	/* Immersive mode - fullscreen, no padding */
-	.main-content.immersive {
-		padding: 0 !important;
-		height: 100vh;
-		width: 100vw;
-	}
-
-	.content-wrapper.immersive {
-		padding: 0;
-		max-width: none;
-		height: 100%;
-	}
-
-	.sync-indicator-wrapper {
-		position: absolute;
-		top: 0.5rem;
-		right: 0.75rem;
-		z-index: 10;
-	}
-
-	.content-wrapper {
-		max-width: none;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 0;
-	}
-
-	.content-wrapper.full-width {
-		max-width: none;
-		padding-left: 0;
-		padding-right: 0;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper.full-width {
-			padding-left: 0;
-			padding-right: 0;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper.full-width {
-			padding-left: 0;
-			padding-right: 0;
-		}
-	}
-
-	/* Mobile: Space for QuickInputBar + PillNav */
-	@media (max-width: 768px) {
-		.main-content {
-			padding-bottom: calc(100px + env(safe-area-inset-bottom));
-		}
-	}
-
-	/* FAB to toggle bottom bars — next to QuickInputBar */
-	.pillnav-fab {
-		position: fixed;
-		bottom: calc(var(--fab-bottom, 20px) + env(safe-area-inset-bottom, 0px));
-		left: calc(50% + 350px + 0.75rem);
-		width: 56px;
-		height: 56px;
-		border-radius: 50%;
-		background: var(--color-surface-elevated-2);
-		border: 1px solid var(--color-border);
-		box-shadow: var(--shadow-xl);
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 1002;
-		transition: all 0.2s ease;
-	}
-
-	@media (max-width: 900px) {
-		.pillnav-fab {
-			left: auto;
-			right: 1rem;
-		}
-	}
-
-	.pillnav-fab:hover {
-		transform: scale(1.05);
-	}
-
-	.pillnav-fab:active {
-		transform: scale(0.95);
-	}
-
-	.pillnav-fab :global(svg) {
-		color: var(--color-foreground);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index 420485269..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,568 +0,0 @@
-<script lang="ts">
-	import { getContext, onDestroy } from 'svelte';
-	import type { LocalBoardView } from '$lib/data/local-store';
-	import { BoardViewRenderer } from '$lib/components/board-views';
-	import { boardViewsStore } from '$lib/stores/board-views.svelte';
-	import { todoSettings } from '$lib/stores/settings.svelte';
-	import type { PageConfig, PageWidth } from '$lib/stores/settings.svelte';
-	import { Plus, PencilSimple, X } from '@manacore/shared-icons';
-	import PagePicker from '$lib/components/pages/PagePicker.svelte';
-	import TodoPage from '$lib/components/pages/TodoPage.svelte';
-	import type { MinimizedPagesContext } from '$lib/stores/minimized-pages.svelte';
-
-	// Get active view from layout context
-	const activeViewCtx: { readonly value: LocalBoardView | null } = getContext('activeView');
-	const minimizedPages: MinimizedPagesContext = getContext('minimizedPages');
-
-	let activeView = $derived(activeViewCtx.value);
-	let pageTitle = $derived(activeView?.name ?? 'Aufgaben');
-
-	// ── Edit mode ──────────────────────────────────────────
-	let editMode = $state(false);
-
-	// ── Pages ───────────────────────────────────────────────
-	let showPagePicker = $state(false);
-	let openPages = $state<
-		{ id: string; minimized: boolean; maximized?: boolean; customTitle?: string }[]
-	>([{ id: 'todo', minimized: false }]);
-
-	let expandedPages = $derived(openPages.filter((p) => !p.minimized));
-
-	// Custom pages from settings
-	let customPages = $derived(todoSettings.customPages);
-
-	// Sync minimized pages to layout via context
-	$effect(() => {
-		minimizedPages.sync(openPages, customPages);
-	});
-
-	// Register handlers so layout can delegate tab actions back to us
-	minimizedPages.registerHandlers({
-		restore: (id) => handleRestorePage(id),
-		remove: (id) => handleRemovePage(id),
-		maximize: (id) => handleMaximizePage(id),
-		togglePicker: () => togglePagePicker(),
-	});
-
-	onDestroy(() => minimizedPages.clear());
-
-	function handleAddPage(pageId: string) {
-		if (!openPages.some((p) => p.id === pageId)) {
-			openPages = [...openPages, { id: pageId, minimized: false }];
-		} else {
-			openPages = openPages.map((p) => (p.id === pageId ? { ...p, minimized: false } : p));
-		}
-		showPagePicker = false;
-	}
-
-	function handleRemovePage(pageId: string) {
-		openPages = openPages.filter((p) => p.id !== pageId);
-	}
-
-	function handleMinimizePage(pageId: string) {
-		openPages = openPages.map((p) => (p.id === pageId ? { ...p, minimized: true } : p));
-	}
-
-	function handleRestorePage(pageId: string) {
-		openPages = openPages.map((p) => (p.id === pageId ? { ...p, minimized: false } : p));
-	}
-
-	function handleRenamePage(pageId: string, name: string) {
-		openPages = openPages.map((p) => (p.id === pageId ? { ...p, customTitle: name } : p));
-		// Also update custom page config label
-		if (pageId.startsWith('custom-')) {
-			const updated = customPages.map((cp) => (cp.id === pageId ? { ...cp, label: name } : cp));
-			todoSettings.update({ customPages: updated });
-		}
-	}
-
-	function handleMaximizePage(pageId: string) {
-		openPages = openPages.map((p) =>
-			p.id === pageId ? { ...p, maximized: !p.maximized, minimized: false } : p
-		);
-	}
-
-	// ── Custom page CRUD ────────────────────────────────────
-	function handleCreateCustomPage() {
-		const id = `custom-${crypto.randomUUID().slice(0, 8)}`;
-		const newPage: PageConfig = {
-			id,
-			label: 'Neue Seite',
-			icon: 'star',
-			filter: {},
-		};
-		todoSettings.update({ customPages: [...customPages, newPage] });
-		openPages = [...openPages, { id, minimized: false }];
-		showPagePicker = false;
-		// Auto-enable edit mode so the user can configure the new page
-		editMode = true;
-	}
-
-	function handleUpdateCustomPage(pageId: string, data: Partial<PageConfig>) {
-		const updated = customPages.map((cp) => {
-			if (cp.id !== pageId) return cp;
-			return { ...cp, ...data, filter: data.filter ?? cp.filter };
-		});
-		todoSettings.update({ customPages: updated });
-	}
-
-	function handleDeletePage(pageId: string) {
-		// Remove from open pages
-		openPages = openPages.filter((p) => p.id !== pageId);
-		// If custom, also remove from settings
-		if (pageId.startsWith('custom-')) {
-			const updated = customPages.filter((cp) => cp.id !== pageId);
-			todoSettings.update({ customPages: updated });
-		}
-	}
-
-	function getCustomPageConfig(pageId: string): PageConfig | undefined {
-		return customPages.find((cp) => cp.id === pageId);
-	}
-
-	// ── Page reorder (in edit mode, with arrows) ────────────
-	function handleMovePageLeft(pageId: string) {
-		const idx = openPages.findIndex((p) => p.id === pageId);
-		if (idx <= 0) return;
-		const pages = [...openPages];
-		[pages[idx - 1], pages[idx]] = [pages[idx], pages[idx - 1]];
-		openPages = pages;
-	}
-
-	function handleMovePageRight(pageId: string) {
-		const idx = openPages.findIndex((p) => p.id === pageId);
-		if (idx === -1 || idx >= openPages.length - 1) return;
-		const pages = [...openPages];
-		[pages[idx], pages[idx + 1]] = [pages[idx + 1], pages[idx]];
-		openPages = pages;
-	}
-
-	// ── Page drag reorder ───────────────────────────────────
-	let dragPageId = $state<string | null>(null);
-
-	function handlePageDragStart(e: DragEvent, pageId: string) {
-		dragPageId = pageId;
-		if (e.dataTransfer) {
-			e.dataTransfer.effectAllowed = 'move';
-			e.dataTransfer.setData('text/plain', pageId);
-		}
-	}
-
-	function handlePageDragOver(e: DragEvent) {
-		if (!dragPageId) return;
-		e.preventDefault();
-		if (e.dataTransfer) e.dataTransfer.dropEffect = 'move';
-	}
-
-	function handlePageDrop(e: DragEvent, targetPageId: string) {
-		e.preventDefault();
-		if (!dragPageId || dragPageId === targetPageId) return;
-		const fromIdx = openPages.findIndex((p) => p.id === dragPageId);
-		const toIdx = openPages.findIndex((p) => p.id === targetPageId);
-		if (fromIdx === -1 || toIdx === -1) return;
-		const pages = [...openPages];
-		const [moved] = pages.splice(fromIdx, 1);
-		pages.splice(toIdx, 0, moved);
-		openPages = pages;
-		dragPageId = null;
-	}
-
-	function handlePageDragEnd() {
-		dragPageId = null;
-	}
-
-	function togglePagePicker() {
-		showPagePicker = !showPagePicker;
-	}
-
-	function toggleEditMode() {
-		editMode = !editMode;
-		if (!editMode) showPagePicker = false;
-	}
-
-	// ── Width pills ─────────────────────────────────────────
-	const WIDTH_OPTIONS: { id: PageWidth; label: string }[] = [
-		{ id: 'narrow', label: 'S' },
-		{ id: 'medium', label: 'M' },
-		{ id: 'wide', label: 'L' },
-		{ id: 'full', label: 'XL' },
-	];
-
-	function setPageWidth(width: PageWidth) {
-		todoSettings.update({ pageWidth: width });
-	}
-
-	// ── Column helpers ──────────────────────────────────────
-	function handleColumnClose(colIdx: number) {
-		if (!activeView) return;
-		const columns = $state.snapshot(activeView.columns).filter((_, i) => i !== colIdx);
-		updateView({ columns });
-	}
-
-	async function updateView(data: Partial<LocalBoardView>) {
-		if (!activeView) return;
-		await boardViewsStore.updateView(activeView.id, data);
-	}
-
-	function updateColumn(colIdx: number, data: Record<string, unknown>) {
-		if (!activeView) return;
-		const raw = $state.snapshot(activeView.columns);
-		const cols = raw.map((c, i) => (i === colIdx ? { ...c, ...data } : c));
-		updateView({ columns: cols });
-	}
-
-	function removeColumn(colIdx: number) {
-		if (!activeView) return;
-		const columns = $state.snapshot(activeView.columns).filter((_, i) => i !== colIdx);
-		updateView({ columns });
-	}
-
-	function moveColumn(colIdx: number, dir: -1 | 1) {
-		if (!activeView) return;
-		const cols = $state.snapshot(activeView.columns);
-		const target = colIdx + dir;
-		if (target < 0 || target >= cols.length) return;
-		[cols[colIdx], cols[target]] = [cols[target], cols[colIdx]];
-		updateView({ columns: cols });
-	}
-
-	let columnsEditable = $derived(
-		activeView?.groupBy === 'status' || activeView?.groupBy === 'custom'
-	);
-
-	let pagePickerEl = $state<HTMLDivElement | null>(null);
-
-	$effect(() => {
-		if (showPagePicker && pagePickerEl) {
-			pagePickerEl.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });
-		}
-	});
-</script>
-
-<svelte:head>
-	<title>{pageTitle} - Todo</title>
-</svelte:head>
-
-<div class="board-page">
-	<!-- Width pills (visible in edit mode) -->
-	{#if editMode}
-		<div class="edit-toolbar">
-			<div class="width-pills">
-				{#each WIDTH_OPTIONS as opt (opt.id)}
-					<button
-						class="width-pill"
-						class:active={todoSettings.pageWidth === opt.id}
-						onclick={() => setPageWidth(opt.id)}
-					>
-						{opt.label}
-					</button>
-				{/each}
-			</div>
-		</div>
-	{/if}
-
-	<!-- Board Content -->
-	{#if activeView}
-		<BoardViewRenderer
-			view={activeView}
-			layoutOverride="fokus"
-			onColumnRename={columnsEditable ? (i, name) => updateColumn(i, { name }) : undefined}
-			onColumnColorChange={columnsEditable ? (i, color) => updateColumn(i, { color }) : undefined}
-			onColumnMove={columnsEditable ? moveColumn : undefined}
-			onColumnDelete={columnsEditable ? removeColumn : undefined}
-			onColumnClose={handleColumnClose}
-		>
-			{#snippet trailing()}
-				<!-- Pages -->
-				{#each expandedPages as page, pageIdx (page.id)}
-					{@const config = getCustomPageConfig(page.id)}
-					{@const isCustom = page.id.startsWith('custom-')}
-					<!-- svelte-ignore a11y_no_static_element_interactions -->
-					<div
-						class="page-drag-wrapper"
-						class:dragging={dragPageId === page.id}
-						draggable={!editMode}
-						ondragstart={(e) => handlePageDragStart(e, page.id)}
-						ondragover={handlePageDragOver}
-						ondrop={(e) => handlePageDrop(e, page.id)}
-						ondragend={handlePageDragEnd}
-					>
-						<TodoPage
-							pageId={page.id}
-							title={page.customTitle ?? config?.label}
-							maximized={page.maximized}
-							{editMode}
-							filterConfig={isCustom ? config?.filter : undefined}
-							pageIcon={isCustom ? config?.icon : undefined}
-							pageColor={isCustom && config?.icon ? undefined : undefined}
-							customPageConfig={isCustom ? config : undefined}
-							isFirst={pageIdx === 0}
-							isLast={pageIdx === expandedPages.length - 1}
-							onClose={() => handleRemovePage(page.id)}
-							onMinimize={() => handleMinimizePage(page.id)}
-							onMaximize={() => handleMaximizePage(page.id)}
-							onRename={(name) => handleRenamePage(page.id, name)}
-							onUpdateConfig={isCustom
-								? (data) => handleUpdateCustomPage(page.id, data)
-								: undefined}
-							onMoveLeft={editMode ? () => handleMovePageLeft(page.id) : undefined}
-							onMoveRight={editMode ? () => handleMovePageRight(page.id) : undefined}
-							onDelete={editMode ? () => handleDeletePage(page.id) : undefined}
-						/>
-					</div>
-				{/each}
-
-				<!-- Page picker / add button -->
-				{#if expandedPages.length === 0}
-					<div class="empty-pages-wrapper">
-						{#if showPagePicker}
-							<PagePicker
-								onSelect={handleAddPage}
-								onClose={() => (showPagePicker = false)}
-								onCreateCustom={handleCreateCustomPage}
-								activePageIds={openPages.map((p) => p.id)}
-							/>
-						{:else}
-							<button
-								class="neue-seite-card alone"
-								onclick={togglePagePicker}
-								title="Neue Seite hinzufügen"
-							>
-								<Plus size={24} />
-								<span class="neue-seite-label">Seite hinzufügen</span>
-							</button>
-						{/if}
-					</div>
-				{:else if showPagePicker}
-					<div bind:this={pagePickerEl}>
-						<PagePicker
-							onSelect={handleAddPage}
-							onClose={() => (showPagePicker = false)}
-							onCreateCustom={handleCreateCustomPage}
-							activePageIds={openPages.map((p) => p.id)}
-						/>
-					</div>
-				{:else}
-					<button class="neue-seite-card" onclick={togglePagePicker} title="Neue Seite hinzufügen">
-						<Plus size={18} />
-					</button>
-				{/if}
-			{/snippet}
-		</BoardViewRenderer>
-	{:else}
-		<div class="empty-state">
-			<p class="text-muted-foreground">Views werden geladen...</p>
-		</div>
-	{/if}
-
-	<!-- Edit FAB -->
-	<button
-		class="edit-fab"
-		class:active={editMode}
-		onclick={toggleEditMode}
-		title={editMode ? 'Bearbeitung beenden' : 'Seiten bearbeiten'}
-	>
-		{#if editMode}
-			<X size={20} />
-		{:else}
-			<PencilSimple size={20} />
-		{/if}
-	</button>
-</div>
-
-<style>
-	.board-page {
-		min-height: calc(100vh - 140px);
-		display: flex;
-		flex-direction: column;
-		position: relative;
-	}
-
-	/* Edit toolbar with width pills */
-	.edit-toolbar {
-		display: flex;
-		justify-content: center;
-		padding: 0.5rem 1rem;
-		animation: fadeDown 0.2s ease-out;
-	}
-
-	@keyframes fadeDown {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.width-pills {
-		display: flex;
-		gap: 0.25rem;
-		background: rgba(0, 0, 0, 0.04);
-		border-radius: 0.5rem;
-		padding: 0.125rem;
-	}
-	:global(.dark) .width-pills {
-		background: rgba(255, 255, 255, 0.06);
-	}
-
-	.width-pill {
-		padding: 0.25rem 0.75rem;
-		border: none;
-		border-radius: 0.375rem;
-		background: transparent;
-		color: #6b7280;
-		font-size: 0.75rem;
-		font-weight: 600;
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-	.width-pill:hover {
-		color: #374151;
-		background: rgba(0, 0, 0, 0.04);
-	}
-	.width-pill.active {
-		background: var(--color-primary, #8b5cf6);
-		color: white;
-		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
-	}
-	:global(.dark) .width-pill {
-		color: #9ca3af;
-	}
-	:global(.dark) .width-pill:hover {
-		color: #e5e7eb;
-		background: rgba(255, 255, 255, 0.08);
-	}
-	:global(.dark) .width-pill.active {
-		background: var(--color-primary, #8b5cf6);
-		color: white;
-	}
-
-	/* Page drag */
-	.page-drag-wrapper {
-		flex: 0 0 auto;
-		transition: opacity 0.15s;
-	}
-	.page-drag-wrapper.dragging {
-		opacity: 0.4;
-	}
-
-	/* Add page button */
-	.neue-seite-card {
-		flex: 0 0 auto;
-		width: 48px;
-		align-self: stretch;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 0.75rem;
-		border: 2px dashed rgba(0, 0, 0, 0.08);
-		border-radius: 0.375rem;
-		background: transparent;
-		color: #9ca3af;
-		cursor: pointer;
-		transition: all 0.2s;
-	}
-	.empty-pages-wrapper {
-		flex: 0 0 auto;
-		width: var(--sheet-width, min(480px, 85vw));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-height: 60vh;
-	}
-
-	.neue-seite-card.alone {
-		width: 100%;
-		min-height: 60vh;
-		border-color: rgba(0, 0, 0, 0.12);
-	}
-	.neue-seite-card:hover {
-		border-color: var(--color-primary, #8b5cf6);
-		color: var(--color-primary, #8b5cf6);
-		background: color-mix(in srgb, var(--color-primary, #8b5cf6) 4%, transparent);
-	}
-	:global(.dark) .neue-seite-card {
-		border-color: rgba(255, 255, 255, 0.06);
-		color: #4b5563;
-	}
-	:global(.dark) .neue-seite-card.alone {
-		border-color: rgba(255, 255, 255, 0.1);
-		color: #6b7280;
-	}
-	:global(.dark) .neue-seite-card:hover {
-		border-color: var(--color-primary, #8b5cf6);
-		color: var(--color-primary, #8b5cf6);
-		background: color-mix(in srgb, var(--color-primary, #8b5cf6) 8%, transparent);
-	}
-
-	.neue-seite-label {
-		font-size: 0.875rem;
-		font-weight: 500;
-		letter-spacing: 0.01em;
-	}
-
-	.empty-state {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		height: 100%;
-	}
-
-	/* Edit FAB */
-	.edit-fab {
-		position: fixed;
-		bottom: 5.5rem;
-		right: 1.25rem;
-		width: 44px;
-		height: 44px;
-		border-radius: 9999px;
-		border: none;
-		background: #fffef5;
-		color: #6b7280;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.12),
-			0 0 0 1px rgba(0, 0, 0, 0.06);
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: all 0.2s;
-		z-index: 40;
-	}
-	.edit-fab:hover {
-		color: var(--color-primary, #8b5cf6);
-		box-shadow:
-			0 4px 12px rgba(0, 0, 0, 0.15),
-			0 0 0 1px rgba(0, 0, 0, 0.08);
-		transform: scale(1.05);
-	}
-	.edit-fab.active {
-		background: var(--color-primary, #8b5cf6);
-		color: white;
-		box-shadow:
-			0 4px 12px rgba(139, 92, 246, 0.3),
-			0 0 0 1px rgba(139, 92, 246, 0.5);
-	}
-	.edit-fab.active:hover {
-		background: color-mix(in srgb, var(--color-primary, #8b5cf6) 85%, black);
-		color: white;
-	}
-	:global(.dark) .edit-fab {
-		background: #252220;
-		color: #9ca3af;
-		box-shadow:
-			0 2px 8px rgba(0, 0, 0, 0.3),
-			0 0 0 1px rgba(255, 255, 255, 0.08);
-	}
-	:global(.dark) .edit-fab:hover {
-		color: var(--color-primary, #8b5cf6);
-	}
-	:global(.dark) .edit-fab.active {
-		background: var(--color-primary, #8b5cf6);
-		color: white;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index 9086296f3..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { FeedbackPage } from '@manacore/feedback';
-	import { feedbackService } from '$lib/services/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<svelte:head>
-	<title>Feedback | Todo</title>
-</svelte:head>
-
-<FeedbackPage {feedbackService} appName="Todo" currentUserId={authStore.user?.id} />
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 103d9421f..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getTodoHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getTodoHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Todo kennen'
-					: 'Find answers and learn how to use Todo',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Todo</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Todo"
-	appId="todo"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/mana/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/mana/+page.svelte
deleted file mode 100644
index 61cd6cf4d..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/mana/+page.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { SubscriptionPage } from '@manacore/subscriptions';
-
-	function handleSubscribe(planId: string) {
-		console.log('Subscribe to plan:', planId);
-		alert(`Abo "${planId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-
-	function handleBuyPackage(packageId: string) {
-		console.log('Buy package:', packageId);
-		alert(`Paket "${packageId}" ausgewählt. Bezahlsystem wird noch integriert.`);
-	}
-</script>
-
-<svelte:head>
-	<title>Mana - Todo</title>
-</svelte:head>
-
-<div class="mana-page">
-	<SubscriptionPage
-		appName="Todo"
-		onSubscribe={handleSubscribe}
-		onBuyPackage={handleBuyPackage}
-		currentPlanId="free"
-		pageTitle="Wähle dein Abo"
-		subscriptionsTitle="Abonnements"
-		packagesTitle="Einmal-Pakete"
-		yearlyDiscount="20% Rabatt"
-	/>
-</div>
-
-<style>
-	.mana-page {
-		min-height: 100%;
-		width: 100%;
-		overflow-x: hidden;
-		background-color: hsl(var(--background));
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 8e02c4da2..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<ProfilePage user={authStore.user} appName="Todo" />
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 85f192eb8..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,529 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { userSettings } from '$lib/stores/user-settings.svelte';
-	import { APP_VERSION } from '$lib/version';
-	import {
-		todoSettings,
-		type TodoView,
-		type KanbanCardSize,
-		type PageMode,
-	} from '$lib/stores/settings.svelte';
-	import type { TaskPriority } from '@todo/shared';
-	import { PRIORITY_OPTIONS } from '@todo/shared';
-	import {
-		SettingsPage,
-		SettingsSection,
-		SettingsCard,
-		SettingsRow,
-		SettingsToggle,
-		SettingsSelect,
-		SettingsNumberInput,
-		SettingsTimeInput,
-		SettingsDangerZone,
-		SettingsDangerButton,
-		GlobalSettingsSection,
-	} from '@manacore/shared-ui';
-	import {
-		Archive,
-		Bell,
-		ChartBar,
-		ClipboardText,
-		Clock,
-		Columns,
-		Envelope,
-		EnvelopeSimple,
-		Eye,
-		Fire,
-		GraduationCap,
-		GridFour,
-		Hash,
-		House,
-		Info,
-		Key,
-		Lightning,
-		ListBullets,
-		MapPin,
-		Rows,
-		SealCheck,
-		ShieldCheck,
-		SignOut,
-		SortAscending,
-		SquaresFour,
-		Tag,
-		Timer,
-		Trash,
-		User,
-		Warning,
-		WarningCircle,
-	} from '@manacore/shared-icons';
-
-	// Use shared priority options (without color)
-	const priorityOptions = PRIORITY_OPTIONS.map((p) => ({ value: p.value, label: p.label }));
-
-	const viewOptions = [
-		{ value: 'inbox', label: 'Inbox' },
-		{ value: 'today', label: 'Heute' },
-		{ value: 'upcoming', label: 'Anstehend' },
-		{ value: 'completed', label: 'Erledigt' },
-	];
-
-	const cardSizeOptions = [
-		{ value: 'compact', label: 'Kompakt' },
-		{ value: 'normal', label: 'Normal' },
-		{ value: 'large', label: 'Groß' },
-	];
-
-	const reminderOptions = [
-		{ value: null, label: 'Keine' },
-		{ value: 5, label: '5 Minuten' },
-		{ value: 15, label: '15 Minuten' },
-		{ value: 30, label: '30 Minuten' },
-		{ value: 60, label: '1 Stunde' },
-		{ value: 1440, label: '1 Tag' },
-	];
-
-	const pageModeOptions = [
-		{ value: 'priority', label: 'Nach Priorität (Eisenhower)' },
-		{ value: 'date', label: 'Nach Datum (Heute/Morgen)' },
-		{ value: 'custom', label: 'Eigene Seiten (✏️ auf Startseite)' },
-	];
-
-	const durationOptions = [
-		{ value: '5', label: '5 min' },
-		{ value: '10', label: '10 min' },
-		{ value: '15', label: '15 min' },
-		{ value: '30', label: '30 min' },
-		{ value: '45', label: '45 min' },
-		{ value: '60', label: '1 Stunde' },
-		{ value: '90', label: '1,5 Stunden' },
-		{ value: '120', label: '2 Stunden' },
-	];
-
-	onMount(async () => {
-		// Load user settings and projects from server (only if authenticated)
-		if (authStore.isAuthenticated) {
-			await userSettings.load();
-		}
-
-		// Initialize todo settings from localStorage
-		todoSettings.initialize();
-	});
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-</script>
-
-<svelte:head>
-	<title>Einstellungen | Todo</title>
-</svelte:head>
-
-<SettingsPage title="Einstellungen" subtitle="Verwalte dein Konto und passe die App an.">
-	<!-- Account Section -->
-	<SettingsSection title="Konto">
-		{#snippet icon()}
-			<User size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="E-Mail" description={authStore.user?.email || 'Nicht angemeldet'}>
-				{#snippet icon()}
-					<EnvelopeSimple size={20} />
-				{/snippet}
-			</SettingsRow>
-
-			<SettingsRow label="Konto-Status" description="Dein aktueller Kontostatus" border={false}>
-				{#snippet icon()}
-					<ShieldCheck size={20} />
-				{/snippet}
-				<span
-					class="rounded-full bg-green-100 px-3 py-1 text-xs font-medium text-green-800 dark:bg-green-900/20 dark:text-green-400"
-				>
-					Aktiv
-				</span>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Global Settings Section (synced across all apps) -->
-	<GlobalSettingsSection
-		{userSettings}
-		appId="todo"
-		navItems={[
-			{ href: '/', label: 'Aufgaben', icon: 'list' },
-			{ href: '/statistics', label: 'Statistiken', icon: 'chart' },
-			{ href: '/tags', label: 'Tags', icon: 'tag' },
-			{ href: '/network', label: 'Netzwerk', icon: 'share-2' },
-			{ href: '/settings', label: 'Einstellungen', icon: 'settings' },
-			{ href: '/feedback', label: 'Feedback', icon: 'chat' },
-		]}
-		alwaysVisibleHrefs={['/', '/settings']}
-	/>
-
-	<!-- Page Layout Section -->
-	<SettingsSection title="Seiten-Ansicht">
-		{#snippet icon()}
-			<Rows size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsSelect
-				label="Seiten-Modus"
-				description="Wie deine Aufgaben auf den Papier-Seiten gruppiert werden"
-				options={pageModeOptions}
-				value={todoSettings.pageMode}
-				onchange={(v: string | number | null) => todoSettings.set('pageMode', v as PageMode)}
-			>
-				{#snippet icon()}
-					<ListBullets size={20} />
-				{/snippet}
-			</SettingsSelect>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Task Behavior Section -->
-	<SettingsSection title="Task-Verhalten">
-		{#snippet icon()}
-			<ClipboardText size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsSelect
-				label="Standard-Priorität"
-				description="Priorität für neue Tasks"
-				options={priorityOptions}
-				value={todoSettings.defaultPriority}
-				onchange={(v: string | number | null) =>
-					todoSettings.set('defaultPriority', v as TaskPriority)}
-			>
-				{#snippet icon()}
-					<SortAscending size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsTimeInput
-				label="Standard-Uhrzeit"
-				description="Standard-Uhrzeit für Fälligkeiten"
-				value={todoSettings.defaultDueTime}
-				onchange={(v: string | null) => todoSettings.set('defaultDueTime', v)}
-			>
-				{#snippet icon()}
-					<Clock size={20} />
-				{/snippet}
-			</SettingsTimeInput>
-
-			<SettingsNumberInput
-				label="Auto-Archivierung"
-				description="Erledigte Tasks nach X Tagen archivieren"
-				value={todoSettings.autoArchiveCompletedDays}
-				onchange={(v: number | null) => todoSettings.set('autoArchiveCompletedDays', v)}
-				min={1}
-				max={365}
-				placeholder="Aus"
-			>
-				{#snippet icon()}
-					<Archive size={20} />
-				{/snippet}
-			</SettingsNumberInput>
-
-			<SettingsToggle
-				label="Smarte Dauer"
-				description="Dauer automatisch aus erledigten Tasks lernen und vorschlagen"
-				isOn={todoSettings.smartDurationEnabled}
-				onToggle={(v) => todoSettings.set('smartDurationEnabled', v)}
-			>
-				{#snippet icon()}
-					<Lightning size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			{#if todoSettings.smartDurationEnabled}
-				<SettingsSelect
-					label="Standard-Dauer"
-					description="Fallback wenn keine Historie vorhanden"
-					options={durationOptions}
-					value={String(todoSettings.defaultTaskDuration)}
-					onchange={(v) => todoSettings.set('defaultTaskDuration', Number(v))}
-				>
-					{#snippet icon()}
-						<Clock size={20} />
-					{/snippet}
-				</SettingsSelect>
-			{/if}
-
-			<SettingsToggle
-				label="Löschen bestätigen"
-				description="Bestätigung vor dem Löschen von Tasks"
-				isOn={userSettings.general?.confirmOnDelete ?? true}
-				onToggle={(v) => userSettings.updateGeneral({ confirmOnDelete: v })}
-				border={false}
-			>
-				{#snippet icon()}
-					<Trash size={20} />
-				{/snippet}
-			</SettingsToggle>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- View & Display Section -->
-	<SettingsSection title="Ansicht & Darstellung">
-		{#snippet icon()}
-			<SquaresFour size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsSelect
-				label="Startansicht"
-				description="Ansicht beim Öffnen der App"
-				options={viewOptions}
-				value={todoSettings.defaultView}
-				onchange={(v: string | number | null) => todoSettings.set('defaultView', v as TodoView)}
-			>
-				{#snippet icon()}
-					<House size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsToggle
-				label="Task-Zähler"
-				description="Badge-Zähler in Navigation anzeigen"
-				isOn={todoSettings.showTaskCounts}
-				onToggle={(v) => todoSettings.set('showTaskCounts', v)}
-			>
-				{#snippet icon()}
-					<Hash size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsToggle
-				label="Kompakter Modus"
-				description="Reduziertes Padding für mehr Tasks"
-				isOn={todoSettings.compactMode}
-				onToggle={(v) => todoSettings.set('compactMode', v)}
-			>
-				{#snippet icon()}
-					<ListBullets size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsToggle
-				label="Subtask-Fortschritt"
-				description="Fortschrittsbalken für Subtasks anzeigen"
-				isOn={todoSettings.showSubtaskProgress}
-				onToggle={(v) => todoSettings.set('showSubtaskProgress', v)}
-				border={false}
-			>
-				{#snippet icon()}
-					<ChartBar size={20} />
-				{/snippet}
-			</SettingsToggle>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Kanban Section -->
-	<SettingsSection title="Kanban-Board">
-		{#snippet icon()}
-			<Columns size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsSelect
-				label="Kartengröße"
-				description="Größe der Kanban-Karten"
-				options={cardSizeOptions}
-				value={todoSettings.kanbanCardSize}
-				onchange={(v: string | number | null) =>
-					todoSettings.set('kanbanCardSize', v as KanbanCardSize)}
-			>
-				{#snippet icon()}
-					<GridFour size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsToggle
-				label="Labels auf Karten"
-				description="Labels auf Kanban-Karten anzeigen"
-				isOn={todoSettings.showLabelsOnCards}
-				onToggle={(v) => todoSettings.set('showLabelsOnCards', v)}
-			>
-				{#snippet icon()}
-					<Tag size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsNumberInput
-				label="WIP-Limit"
-				description="Max. Tasks pro Spalte (Work in Progress)"
-				value={todoSettings.wipLimitPerColumn}
-				onchange={(v: number | null) => todoSettings.set('wipLimitPerColumn', v)}
-				min={1}
-				max={50}
-				placeholder="Unbegrenzt"
-				border={false}
-			>
-				{#snippet icon()}
-					<Warning size={20} />
-				{/snippet}
-			</SettingsNumberInput>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Notifications Section -->
-	<SettingsSection title="Benachrichtigungen">
-		{#snippet icon()}
-			<Bell size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsSelect
-				label="Standard-Erinnerung"
-				description="Erinnerung vor Fälligkeit"
-				options={reminderOptions}
-				value={todoSettings.defaultReminderMinutes}
-				onchange={(v: string | number | null) =>
-					todoSettings.set('defaultReminderMinutes', v as number | null)}
-			>
-				{#snippet icon()}
-					<Clock size={20} />
-				{/snippet}
-			</SettingsSelect>
-
-			<SettingsToggle
-				label="Tägliche Zusammenfassung"
-				description="Tägliche E-Mail mit offenen Tasks"
-				isOn={todoSettings.dailyDigestEnabled}
-				onToggle={(v) => todoSettings.set('dailyDigestEnabled', v)}
-			>
-				{#snippet icon()}
-					<Envelope size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsToggle
-				label="Überfällige Tasks"
-				description="Benachrichtigung bei überfälligen Tasks"
-				isOn={todoSettings.overdueNotifications}
-				onToggle={(v) => todoSettings.set('overdueNotifications', v)}
-				border={false}
-			>
-				{#snippet icon()}
-					<Warning size={20} />
-				{/snippet}
-			</SettingsToggle>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Productivity Section -->
-	<SettingsSection title="Produktivität">
-		{#snippet icon()}
-			<Lightning size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsToggle
-				label="Fokus-Modus"
-				description="Ablenkungsfreie Ansicht für konzentriertes Arbeiten"
-				isOn={todoSettings.focusMode}
-				onToggle={(v) => todoSettings.set('focusMode', v)}
-			>
-				{#snippet icon()}
-					<MapPin size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsToggle
-				label="Pomodoro-Timer"
-				description="Eingebauter Pomodoro-Timer aktivieren"
-				isOn={todoSettings.pomodoroEnabled}
-				onToggle={(v) => todoSettings.set('pomodoroEnabled', v)}
-			>
-				{#snippet icon()}
-					<Clock size={20} />
-				{/snippet}
-			</SettingsToggle>
-
-			<SettingsNumberInput
-				label="Tägliches Ziel"
-				description="Anzahl Tasks, die du pro Tag erledigen möchtest"
-				value={todoSettings.dailyGoal}
-				onchange={(v: number | null) => todoSettings.set('dailyGoal', v)}
-				min={1}
-				max={50}
-				placeholder="Kein Ziel"
-			>
-				{#snippet icon()}
-					<SealCheck size={20} />
-				{/snippet}
-			</SettingsNumberInput>
-
-			<SettingsToggle
-				label="Streak anzeigen"
-				description="Produktivitäts-Streak in der Sidebar anzeigen"
-				isOn={todoSettings.showStreak}
-				onToggle={(v) => todoSettings.set('showStreak', v)}
-				border={false}
-			>
-				{#snippet icon()}
-					<Fire size={20} />
-				{/snippet}
-			</SettingsToggle>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Keyboard Shortcuts Section -->
-	<SettingsSection title="Tastenkürzel">
-		{#snippet icon()}
-			<GraduationCap size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsToggle
-				label="Tastenkürzel aktivieren"
-				description="Schnellzugriff mit Tastatur"
-				isOn={userSettings.general?.keyboardShortcutsEnabled ?? true}
-				onToggle={(v) => userSettings.updateGeneral({ keyboardShortcutsEnabled: v })}
-				border={false}
-			>
-				{#snippet icon()}
-					<Key size={20} />
-				{/snippet}
-			</SettingsToggle>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- About Section -->
-	<SettingsSection title="Über">
-		{#snippet icon()}
-			<Info size={20} />
-		{/snippet}
-
-		<SettingsCard>
-			<SettingsRow label="Version" border={false}>
-				{#snippet icon()}
-					<Tag size={20} />
-				{/snippet}
-				<span class="text-[hsl(var(--muted-foreground))]">1.0.0</span>
-			</SettingsRow>
-		</SettingsCard>
-	</SettingsSection>
-
-	<!-- Danger Zone -->
-	<SettingsDangerZone title="Gefahrenzone">
-		<SettingsDangerButton
-			label="Abmelden"
-			description="Von deinem Konto abmelden"
-			buttonText="Abmelden"
-			onclick={handleLogout}
-			border={false}
-		>
-			{#snippet icon()}
-				<SignOut size={20} />
-			{/snippet}
-		</SettingsDangerButton>
-	</SettingsDangerZone>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</SettingsPage>
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/spiral/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/spiral/+page.svelte
deleted file mode 100644
index ef5750a9d..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/spiral/+page.svelte
+++ /dev/null
@@ -1,743 +0,0 @@
-<script lang="ts">
-	import { onMount, getContext } from 'svelte';
-	import { spiralStore } from '$lib/stores/spiral.svelte';
-	import SpiralCanvas from '$lib/components/SpiralCanvas.svelte';
-	import { visualizeImageEmoji, COLORS, type ColorDefinition } from '@manacore/spiral-db';
-	import type { Task } from '@todo/shared';
-
-	// Live tasks from layout context
-	const allTasks: { readonly value: Task[] } = getContext('tasks');
-
-	// Get colors as array for iteration
-	const colorsArray: ColorDefinition[] = Object.values(COLORS);
-
-	// UI State
-	let scale = $state(8);
-	let showGrid = $state(false);
-	let showEmoji = $state(false);
-	let selectedPixel = $state<number | null>(null);
-	let newTodoTitle = $state('');
-
-	// Derived state
-	let emojiView = $derived(spiralStore.image ? visualizeImageEmoji(spiralStore.image) : '');
-
-	// Import todos from main store on mount
-	onMount(() => {
-		if (allTasks.value.length > 0) {
-			spiralStore.importTodos(
-				allTasks.value.map((t) => ({
-					title: t.title,
-					description: t.description,
-					priority: t.priority,
-					dueDate: t.dueDate,
-					isCompleted: t.isCompleted,
-					createdAt: t.createdAt,
-				}))
-			);
-		}
-	});
-
-	function handleAddTodo() {
-		if (!newTodoTitle.trim()) return;
-
-		spiralStore.addTodo({
-			title: newTodoTitle.trim(),
-			priority: 1,
-		});
-
-		newTodoTitle = '';
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			handleAddTodo();
-		}
-	}
-
-	function handlePixelClick(index: number, x: number, y: number) {
-		selectedPixel = index;
-	}
-
-	function handleDownload() {
-		spiralStore.downloadPng();
-	}
-
-	let fileInput: HTMLInputElement;
-
-	function handleImportClick() {
-		fileInput?.click();
-	}
-
-	async function handleFileSelect(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const file = input.files?.[0];
-		if (!file) return;
-
-		const result = await spiralStore.importFromPng(file);
-		if (!result.success) {
-			alert(`Import fehlgeschlagen: ${result.error}`);
-		}
-
-		// Reset input
-		input.value = '';
-	}
-
-	function handleClear() {
-		if (confirm('Alle Spiral-Daten löschen?')) {
-			spiralStore.clear();
-		}
-	}
-
-	function handleReimport() {
-		spiralStore.importTodos(
-			allTasks.value.map((t) => ({
-				title: t.title,
-				description: t.description,
-				priority: t.priority,
-				dueDate: t.dueDate,
-				isCompleted: t.isCompleted,
-				createdAt: t.createdAt,
-			}))
-		);
-	}
-</script>
-
-<svelte:head>
-	<title>Spiral DB - Todo</title>
-</svelte:head>
-
-<div class="spiral-page">
-	<header class="page-header">
-		<h1 class="page-title">Spiral Database</h1>
-		<p class="page-subtitle">Deine Todos als Pixel-Bild gespeichert</p>
-	</header>
-
-	<div class="content-grid">
-		<!-- Visualization Section -->
-		<section class="viz-section">
-			<div class="viz-header">
-				<h2>Visualisierung</h2>
-				<div class="viz-controls">
-					<label class="control-label">
-						<span>Zoom:</span>
-						<input type="range" min="4" max="20" bind:value={scale} class="zoom-slider" />
-						<span class="zoom-value">{scale}x</span>
-					</label>
-
-					<label class="control-checkbox">
-						<input type="checkbox" bind:checked={showGrid} />
-						<span>Raster</span>
-					</label>
-
-					<label class="control-checkbox">
-						<input type="checkbox" bind:checked={showEmoji} />
-						<span>Emoji</span>
-					</label>
-				</div>
-			</div>
-
-			<div class="viz-container">
-				{#if spiralStore.image}
-					{#if showEmoji}
-						<pre class="emoji-view">{emojiView}</pre>
-					{:else}
-						<SpiralCanvas
-							image={spiralStore.image}
-							{scale}
-							{showGrid}
-							highlightIndex={selectedPixel}
-							onPixelClick={handlePixelClick}
-						/>
-					{/if}
-				{:else}
-					<div class="empty-state">Keine Daten</div>
-				{/if}
-			</div>
-
-			{#if selectedPixel !== null}
-				<div class="pixel-detail">
-					Ausgewählter Pixel: <code>#{selectedPixel}</code>
-				</div>
-			{/if}
-		</section>
-
-		<!-- Stats Section -->
-		<section class="stats-section">
-			<h2>Statistiken</h2>
-
-			{#if spiralStore.stats}
-				<div class="stats-grid">
-					<div class="stat-card">
-						<div class="stat-value">
-							{spiralStore.stats.imageSize}x{spiralStore.stats.imageSize}
-						</div>
-						<div class="stat-label">Bildgröße</div>
-					</div>
-
-					<div class="stat-card">
-						<div class="stat-value">{spiralStore.stats.activeRecords}</div>
-						<div class="stat-label">Aktive Todos</div>
-					</div>
-
-					<div class="stat-card">
-						<div class="stat-value">{spiralStore.stats.usedPixels}</div>
-						<div class="stat-label">Genutzte Pixel</div>
-					</div>
-
-					<div class="stat-card highlight">
-						<div class="stat-value">{spiralStore.stats.compressionRatio}%</div>
-						<div class="stat-label">Kompression vs JSON</div>
-					</div>
-
-					<div class="stat-card">
-						<div class="stat-value">Ring {spiralStore.stats.currentRing}</div>
-						<div class="stat-label">Aktueller Ring</div>
-					</div>
-
-					<div class="stat-card">
-						<div class="stat-value">{spiralStore.stats.totalRecords}</div>
-						<div class="stat-label">Gesamt Records</div>
-					</div>
-				</div>
-			{/if}
-
-			<!-- Color Legend -->
-			<div class="legend">
-				<h3>Farbpalette (3-Bit)</h3>
-				<div class="legend-grid">
-					{#each colorsArray as color}
-						<div class="legend-item">
-							<div
-								class="color-swatch"
-								style="background: rgb({color.rgb.r}, {color.rgb.g}, {color.rgb.b})"
-							></div>
-							<span class="color-name">{color.name}</span>
-							<span class="color-bits">{color.index.toString(2).padStart(3, '0')}</span>
-						</div>
-					{/each}
-				</div>
-			</div>
-		</section>
-
-		<!-- Records Section -->
-		<section class="records-section">
-			<h2>Gespeicherte Todos ({spiralStore.records.length})</h2>
-
-			<!-- Quick Add -->
-			<div class="quick-add">
-				<input
-					type="text"
-					bind:value={newTodoTitle}
-					placeholder="Neues Todo hinzufügen..."
-					onkeydown={handleKeydown}
-					class="quick-add-input"
-				/>
-				<button onclick={handleAddTodo} class="btn-add" disabled={!newTodoTitle.trim()}>
-					Hinzufügen
-				</button>
-			</div>
-
-			<!-- Records List -->
-			<div class="records-list">
-				{#each spiralStore.records as record}
-					<div class="record-item" class:completed={record.meta.status === 'completed'}>
-						<div class="record-status">
-							{#if record.meta.status === 'completed'}
-								<span class="status-icon completed">✓</span>
-							{:else if record.meta.status === 'deleted'}
-								<span class="status-icon deleted">✗</span>
-							{:else}
-								<span class="status-icon active">○</span>
-							{/if}
-						</div>
-						<div class="record-content">
-							<div class="record-title">{record.data.title}</div>
-							<div class="record-meta">
-								ID: {record.meta.id} | Priority: {record.data.priority}
-								{#if record.data.dueDate}
-									| Due: {new Date(record.data.dueDate).toLocaleDateString('de-DE')}
-								{/if}
-							</div>
-						</div>
-						<div class="record-actions">
-							{#if record.meta.status === 'active'}
-								<button
-									class="btn-small"
-									onclick={() => spiralStore.completeTodo(record.meta.id)}
-									title="Erledigen"
-								>
-									✓
-								</button>
-							{/if}
-							{#if record.meta.status !== 'deleted'}
-								<button
-									class="btn-small danger"
-									onclick={() => spiralStore.deleteTodo(record.meta.id)}
-									title="Löschen"
-								>
-									✗
-								</button>
-							{/if}
-						</div>
-					</div>
-				{:else}
-					<div class="empty-records">Keine Todos in der Spiral-Datenbank</div>
-				{/each}
-			</div>
-		</section>
-
-		<!-- Hidden file input for PNG import -->
-		<input
-			type="file"
-			accept=".png,image/png"
-			bind:this={fileInput}
-			onchange={handleFileSelect}
-			style="display: none;"
-		/>
-
-		<!-- Actions Section -->
-		<section class="actions-section">
-			<h2>Aktionen</h2>
-			<div class="action-buttons">
-				<button onclick={handleDownload} class="btn-action" disabled={!spiralStore.image}>
-					<span class="btn-icon">📥</span>
-					PNG herunterladen
-				</button>
-
-				<button onclick={handleImportClick} class="btn-action" disabled={spiralStore.isLoading}>
-					<span class="btn-icon">📤</span>
-					PNG importieren
-				</button>
-
-				<button onclick={handleReimport} class="btn-action">
-					<span class="btn-icon">🔄</span>
-					Todos neu importieren
-				</button>
-
-				<button onclick={handleClear} class="btn-action danger">
-					<span class="btn-icon">🗑️</span>
-					Alles löschen
-				</button>
-			</div>
-
-			<div class="info-box">
-				<h4>Wie funktioniert SpiralDB?</h4>
-				<p>
-					SpiralDB speichert strukturierte Daten in Pixel-Bildern. Jeder Pixel nutzt 3 Bit (8
-					Farben) und die Daten wachsen spiralförmig vom Zentrum nach außen. Das Bild kann als PNG
-					exportiert und später wieder importiert werden.
-				</p>
-			</div>
-		</section>
-	</div>
-</div>
-
-<style>
-	.spiral-page {
-		padding: 1rem;
-		max-width: 1400px;
-		margin: 0 auto;
-	}
-
-	.page-header {
-		margin-bottom: 2rem;
-		text-align: center;
-	}
-
-	.page-title {
-		font-size: 2rem;
-		font-weight: 700;
-		color: var(--color-text);
-		margin: 0;
-	}
-
-	.page-subtitle {
-		color: var(--color-text-secondary);
-		margin: 0.5rem 0 0;
-	}
-
-	.content-grid {
-		display: grid;
-		gap: 1.5rem;
-		grid-template-columns: 1fr;
-	}
-
-	@media (min-width: 1024px) {
-		.content-grid {
-			grid-template-columns: 1fr 1fr;
-		}
-
-		.viz-section {
-			grid-column: 1 / -1;
-		}
-	}
-
-	section {
-		background: var(--color-surface);
-		border-radius: 12px;
-		padding: 1.5rem;
-		border: 1px solid var(--color-border);
-	}
-
-	section h2 {
-		font-size: 1.25rem;
-		font-weight: 600;
-		margin: 0 0 1rem;
-		color: var(--color-text);
-	}
-
-	/* Visualization */
-	.viz-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		flex-wrap: wrap;
-		gap: 1rem;
-		margin-bottom: 1rem;
-	}
-
-	.viz-controls {
-		display: flex;
-		gap: 1.5rem;
-		align-items: center;
-		flex-wrap: wrap;
-	}
-
-	.control-label {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.875rem;
-		color: var(--color-text-secondary);
-	}
-
-	.zoom-slider {
-		width: 100px;
-	}
-
-	.zoom-value {
-		font-family: monospace;
-		min-width: 3ch;
-	}
-
-	.control-checkbox {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.875rem;
-		color: var(--color-text-secondary);
-		cursor: pointer;
-	}
-
-	.viz-container {
-		display: flex;
-		justify-content: center;
-		padding: 2rem;
-		background: #1a1a2e;
-		border-radius: 8px;
-		overflow: auto;
-	}
-
-	.emoji-view {
-		font-family: 'Apple Color Emoji', 'Segoe UI Emoji', monospace;
-		font-size: 14px;
-		line-height: 1.2;
-		margin: 0;
-		white-space: pre;
-	}
-
-	.empty-state {
-		color: var(--color-text-secondary);
-		padding: 3rem;
-	}
-
-	.pixel-detail {
-		margin-top: 1rem;
-		text-align: center;
-		color: var(--color-text-secondary);
-		font-size: 0.875rem;
-	}
-
-	.pixel-detail code {
-		background: var(--color-background);
-		padding: 0.25rem 0.5rem;
-		border-radius: 4px;
-		font-family: monospace;
-	}
-
-	/* Stats */
-	.stats-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
-		gap: 1rem;
-		margin-bottom: 1.5rem;
-	}
-
-	.stat-card {
-		background: var(--color-background);
-		padding: 1rem;
-		border-radius: 8px;
-		text-align: center;
-	}
-
-	.stat-card.highlight {
-		background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
-		color: white;
-	}
-
-	.stat-value {
-		font-size: 1.5rem;
-		font-weight: 700;
-	}
-
-	.stat-label {
-		font-size: 0.75rem;
-		color: var(--color-text-secondary);
-		margin-top: 0.25rem;
-	}
-
-	.stat-card.highlight .stat-label {
-		color: rgba(255, 255, 255, 0.8);
-	}
-
-	/* Legend */
-	.legend h3 {
-		font-size: 0.875rem;
-		font-weight: 600;
-		margin: 0 0 0.75rem;
-		color: var(--color-text);
-	}
-
-	.legend-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
-		gap: 0.5rem;
-	}
-
-	.legend-item {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.75rem;
-	}
-
-	.color-swatch {
-		width: 16px;
-		height: 16px;
-		border-radius: 3px;
-		border: 1px solid rgba(255, 255, 255, 0.2);
-	}
-
-	.color-name {
-		color: var(--color-text);
-	}
-
-	.color-bits {
-		color: var(--color-text-secondary);
-		font-family: monospace;
-		font-size: 0.625rem;
-	}
-
-	/* Records */
-	.quick-add {
-		display: flex;
-		gap: 0.5rem;
-		margin-bottom: 1rem;
-	}
-
-	.quick-add-input {
-		flex: 1;
-		padding: 0.75rem 1rem;
-		border-radius: 8px;
-		border: 1px solid var(--color-border);
-		background: var(--color-background);
-		color: var(--color-text);
-		font-size: 1rem;
-	}
-
-	.quick-add-input:focus {
-		outline: none;
-		border-color: #8b5cf6;
-	}
-
-	.btn-add {
-		padding: 0.75rem 1.5rem;
-		border-radius: 8px;
-		border: none;
-		background: #8b5cf6;
-		color: white;
-		font-weight: 600;
-		cursor: pointer;
-		transition: background 0.2s;
-	}
-
-	.btn-add:hover:not(:disabled) {
-		background: #7c3aed;
-	}
-
-	.btn-add:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.records-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		max-height: 400px;
-		overflow-y: auto;
-	}
-
-	.record-item {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.75rem 1rem;
-		background: var(--color-background);
-		border-radius: 8px;
-		transition: opacity 0.2s;
-	}
-
-	.record-item.completed {
-		opacity: 0.6;
-	}
-
-	.record-status {
-		font-size: 1.25rem;
-	}
-
-	.status-icon.completed {
-		color: #22c55e;
-	}
-	.status-icon.deleted {
-		color: #ef4444;
-	}
-	.status-icon.active {
-		color: var(--color-text-secondary);
-	}
-
-	.record-content {
-		flex: 1;
-		min-width: 0;
-	}
-
-	.record-title {
-		font-weight: 500;
-		color: var(--color-text);
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.record-item.completed .record-title {
-		text-decoration: line-through;
-	}
-
-	.record-meta {
-		font-size: 0.75rem;
-		color: var(--color-text-secondary);
-		margin-top: 0.25rem;
-	}
-
-	.record-actions {
-		display: flex;
-		gap: 0.25rem;
-	}
-
-	.btn-small {
-		width: 28px;
-		height: 28px;
-		border-radius: 6px;
-		border: none;
-		background: var(--color-surface);
-		color: var(--color-text);
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: background 0.2s;
-	}
-
-	.btn-small:hover {
-		background: #22c55e;
-		color: white;
-	}
-
-	.btn-small.danger:hover {
-		background: #ef4444;
-	}
-
-	.empty-records {
-		text-align: center;
-		color: var(--color-text-secondary);
-		padding: 2rem;
-	}
-
-	/* Actions */
-	.action-buttons {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.75rem;
-		margin-bottom: 1.5rem;
-	}
-
-	.btn-action {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.75rem 1.25rem;
-		border-radius: 8px;
-		border: 1px solid var(--color-border);
-		background: var(--color-background);
-		color: var(--color-text);
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all 0.2s;
-	}
-
-	.btn-action:hover:not(:disabled) {
-		background: var(--color-surface);
-		border-color: #8b5cf6;
-	}
-
-	.btn-action:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.btn-action.danger:hover:not(:disabled) {
-		background: #fef2f2;
-		border-color: #ef4444;
-		color: #ef4444;
-	}
-
-	:global(.dark) .btn-action.danger:hover:not(:disabled) {
-		background: rgba(239, 68, 68, 0.1);
-	}
-
-	.btn-icon {
-		font-size: 1.125rem;
-	}
-
-	.info-box {
-		background: var(--color-background);
-		padding: 1rem;
-		border-radius: 8px;
-		border-left: 4px solid #8b5cf6;
-	}
-
-	.info-box h4 {
-		font-size: 0.875rem;
-		font-weight: 600;
-		margin: 0 0 0.5rem;
-		color: var(--color-text);
-	}
-
-	.info-box p {
-		font-size: 0.875rem;
-		color: var(--color-text-secondary);
-		margin: 0;
-		line-height: 1.5;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/tag/[id]/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/tag/[id]/+page.svelte
deleted file mode 100644
index 8045f69db..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/tag/[id]/+page.svelte
+++ /dev/null
@@ -1,250 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { CaretLeft, Tag as TagIcon } from '@manacore/shared-icons';
-	import { getContext } from 'svelte';
-	import type { Tag } from '@manacore/shared-tags';
-	import { filterByLabel } from '$lib/data/task-queries';
-	import TaskList from '$lib/components/TaskList.svelte';
-	import type { Task } from '@todo/shared';
-
-	// Live data from layout context
-	const allTasks: { readonly value: Task[] } = getContext('tasks');
-	const allTags: { readonly value: Tag[] } = getContext('tags');
-
-	// Get tag ID from URL
-	const tagId = $derived($page.params.id ?? '');
-
-	// Get tag — reactively via liveQuery
-	const tag = $derived(allTags.value.find((t) => t.id === tagId));
-
-	// Get tasks with this tag — reactively via liveQuery
-	const tagTasks = $derived(tagId ? filterByLabel(allTasks.value, tagId) : []);
-	const incompleteTasks = $derived(tagTasks.filter((t) => !t.isCompleted));
-	const completedTasks = $derived(tagTasks.filter((t) => t.isCompleted));
-</script>
-
-<svelte:head>
-	<title>{tag?.name || 'Tag'} - Todo</title>
-</svelte:head>
-
-<div class="page-container">
-	<!-- Header -->
-	<header class="header">
-		<a href="/" class="back-button" aria-label="Zurück">
-			<CaretLeft size={20} weight="bold" />
-		</a>
-		<div class="header-content">
-			{#if tag}
-				<div class="tag-icon" style="background-color: {tag.color}20">
-					<div class="tag-dot" style="background-color: {tag.color}"></div>
-				</div>
-				<h1 class="title">{tag.name}</h1>
-			{:else}
-				<h1 class="title">Tag</h1>
-			{/if}
-		</div>
-		<a href="/tags" class="manage-button" aria-label="Tags verwalten">
-			<TagIcon size={20} weight="bold" />
-		</a>
-	</header>
-
-	{#if !tag}
-		<div class="empty-state">
-			<div class="empty-icon">
-				<TagIcon size={40} weight="light" />
-			</div>
-			<h2 class="empty-title">Tag nicht gefunden</h2>
-			<p class="empty-description">Dieser Tag existiert nicht mehr.</p>
-			<a href="/tags" class="btn btn-primary">Zu den Tags</a>
-		</div>
-	{:else if tagTasks.length === 0}
-		<div class="empty-state">
-			<div class="empty-icon" style="background-color: {tag.color}20">
-				<TagIcon size={40} weight="light" style="color: {tag.color}" />
-			</div>
-			<h2 class="empty-title">Keine Aufgaben</h2>
-			<p class="empty-description">
-				Es gibt keine Aufgaben mit dem Tag "{tag.name}".
-			</p>
-			<a href="/" class="btn btn-primary">Aufgabe erstellen</a>
-		</div>
-	{:else}
-		<!-- Incomplete Tasks -->
-		{#if incompleteTasks.length > 0}
-			<section class="task-section">
-				<h2 class="section-title">
-					Offen ({incompleteTasks.length})
-				</h2>
-				<TaskList tasks={incompleteTasks} />
-			</section>
-		{/if}
-
-		<!-- Completed Tasks -->
-		{#if completedTasks.length > 0}
-			<section class="task-section">
-				<h2 class="section-title completed">
-					Erledigt ({completedTasks.length})
-				</h2>
-				<TaskList tasks={completedTasks} showCompleted={true} />
-			</section>
-		{/if}
-
-		<p class="task-count">
-			{tagTasks.length}
-			{tagTasks.length === 1 ? 'Aufgabe' : 'Aufgaben'}
-		</p>
-	{/if}
-</div>
-
-<style>
-	.page-container {
-		max-width: 640px;
-		margin: 0 auto;
-		padding: 0 1rem 2rem;
-	}
-
-	/* Header */
-	.header {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem 0;
-		margin-bottom: 1rem;
-	}
-
-	.header-content {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.tag-icon {
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 0.625rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.tag-dot {
-		width: 1rem;
-		height: 1rem;
-		border-radius: 50%;
-	}
-
-	.back-button,
-	.manage-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-		transition: all 0.2s ease;
-	}
-
-	.back-button:hover {
-		background: hsl(var(--muted-foreground) / 0.2);
-		transform: translateX(-2px);
-	}
-
-	.manage-button:hover {
-		background: hsl(var(--muted-foreground) / 0.2);
-	}
-
-	.title {
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: hsl(var(--foreground));
-	}
-
-	/* Sections */
-	.task-section {
-		margin-bottom: 2rem;
-	}
-
-	.section-title {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: hsl(var(--muted-foreground));
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		margin-bottom: 0.75rem;
-	}
-
-	.section-title.completed {
-		color: hsl(var(--muted-foreground) / 0.7);
-	}
-
-	/* Empty State */
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 3rem 1rem;
-		text-align: center;
-	}
-
-	.empty-icon {
-		width: 5rem;
-		height: 5rem;
-		border-radius: 50%;
-		background: hsl(var(--muted));
-		color: hsl(var(--muted-foreground));
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-bottom: 1.5rem;
-	}
-
-	.empty-title {
-		font-size: 1.25rem;
-		font-weight: 600;
-		color: hsl(var(--foreground));
-		margin-bottom: 0.5rem;
-	}
-
-	.empty-description {
-		color: hsl(var(--muted-foreground));
-		margin-bottom: 1.5rem;
-		max-width: 280px;
-	}
-
-	/* Count */
-	.task-count {
-		text-align: center;
-		font-size: 0.875rem;
-		color: hsl(var(--muted-foreground));
-		margin-top: 1rem;
-	}
-
-	/* Buttons */
-	.btn {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0.5rem;
-		padding: 0.625rem 1.25rem;
-		border-radius: 0.625rem;
-		font-weight: 600;
-		font-size: 0.875rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		border: none;
-		text-decoration: none;
-	}
-
-	.btn-primary {
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-	}
-
-	.btn-primary:hover {
-		box-shadow: 0 4px 12px hsl(var(--primary) / 0.3);
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index a2d9484f6..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,501 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { TagList, TagEditModal, ConfirmationModal, type Tag as UITag } from '@manacore/shared-ui';
-	import { MagnifyingGlass, Plus, CaretLeft, Check } from '@manacore/shared-icons';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-	import { TodoEvents } from '@manacore/shared-utils/analytics';
-
-	// Live tags from layout context
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-
-	let searchQuery = $state('');
-	let showModal = $state(false);
-	let editingTag = $state<Tag | null>(null);
-	let showDeleteConfirm = $state(false);
-	let tagToDelete = $state<UITag | null>(null);
-
-	// Inline create state
-	let newTagName = $state('');
-	let newTagColor = $state('#8b5cf6');
-	let isCreating = $state(false);
-	let newTagInputRef = $state<HTMLInputElement | null>(null);
-
-	// Predefined color palette
-	const colorPalette = [
-		'#ef4444', // red
-		'#f97316', // orange
-		'#eab308', // yellow
-		'#22c55e', // green
-		'#14b8a6', // teal
-		'#3b82f6', // blue
-		'#8b5cf6', // violet
-		'#ec4899', // pink
-		'#6b7280', // gray
-	];
-
-	const filteredTags = $derived.by(() => {
-		if (!searchQuery.trim()) return tagsCtx.value;
-		const query = searchQuery.toLowerCase();
-		return tagsCtx.value.filter((t) => t.name.toLowerCase().includes(query));
-	});
-
-	// Convert Tag to UITag type for shared-ui components
-	function tagToUITag(tag: Tag): UITag {
-		return {
-			id: tag.id,
-			name: tag.name,
-			color: tag.color,
-		};
-	}
-
-	// Inline create handlers
-	async function handleInlineCreate() {
-		if (!newTagName.trim() || isCreating) return;
-
-		isCreating = true;
-		try {
-			await tagMutations.createTag({ name: newTagName.trim(), color: newTagColor });
-			TodoEvents.labelCreated();
-			newTagName = '';
-			newTagColor = '#8b5cf6';
-		} catch (e) {
-			console.error('Failed to create tag:', e);
-		} finally {
-			isCreating = false;
-		}
-	}
-
-	function handleInlineKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' && newTagName.trim()) {
-			e.preventDefault();
-			handleInlineCreate();
-		}
-	}
-
-	function openEditModal(uiTag: UITag) {
-		const tag = tagsCtx.value.find((t) => t.id === uiTag.id);
-		if (tag) {
-			editingTag = tag;
-			showModal = true;
-		}
-	}
-
-	function closeModal() {
-		showModal = false;
-		editingTag = null;
-	}
-
-	async function handleSave(name: string, color: string) {
-		try {
-			if (editingTag) {
-				await tagMutations.updateTag(editingTag.id, { name, color });
-			}
-			closeModal();
-		} catch (e) {
-			console.error('Failed to save tag:', e);
-		}
-	}
-
-	async function handleDelete() {
-		if (!editingTag) return;
-
-		try {
-			await tagMutations.deleteTag(editingTag.id);
-			closeModal();
-		} catch (e) {
-			console.error('Failed to delete tag:', e);
-		}
-	}
-
-	function handleDeleteFromList(uiTag: UITag) {
-		tagToDelete = uiTag;
-		showDeleteConfirm = true;
-	}
-
-	async function confirmDeleteTag() {
-		if (!tagToDelete) return;
-
-		try {
-			await tagMutations.deleteTag(tagToDelete.id);
-		} catch (e) {
-			console.error('Failed to delete tag:', e);
-		} finally {
-			showDeleteConfirm = false;
-			tagToDelete = null;
-		}
-	}
-
-	function handleTagClick(uiTag: UITag) {
-		goto(`/tag/${uiTag.id}`);
-	}
-</script>
-
-<svelte:head>
-	<title>Tags - Todo</title>
-</svelte:head>
-
-<div class="page-container">
-	<!-- Header -->
-	<header class="header">
-		<a href="/" class="back-button" aria-label="Zurück" data-umami-event="tags-back-nav">
-			<CaretLeft size={20} weight="bold" />
-		</a>
-		<h1 class="title">Tags</h1>
-	</header>
-
-	<!-- Inline Create Form -->
-	<div class="inline-create-form">
-		<div class="create-input-row">
-			<!-- Name input -->
-			<input
-				bind:this={newTagInputRef}
-				type="text"
-				placeholder="Neuer Tag..."
-				bind:value={newTagName}
-				onkeydown={handleInlineKeydown}
-				class="create-input"
-				disabled={isCreating}
-			/>
-
-			<!-- Submit button -->
-			<button
-				type="button"
-				class="create-button"
-				onclick={handleInlineCreate}
-				disabled={!newTagName.trim() || isCreating}
-				aria-label="Tag erstellen"
-			>
-				{#if isCreating}
-					<div class="spinner"></div>
-				{:else}
-					<Plus size={18} weight="bold" />
-				{/if}
-			</button>
-		</div>
-
-		<!-- Color palette (always visible) -->
-		<div class="color-row">
-			<div class="color-palette">
-				{#each colorPalette as color}
-					<button
-						type="button"
-						class="color-option"
-						class:active={newTagColor === color}
-						style="background-color: {color}"
-						onclick={() => (newTagColor = color)}
-						aria-label="Farbe {color}"
-					></button>
-				{/each}
-			</div>
-
-			<!-- Preview -->
-			{#if newTagName.trim()}
-				<div class="create-preview">
-					<span class="preview-tag" style="--tag-color: {newTagColor}">
-						{newTagName}
-					</span>
-				</div>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Search -->
-	<div class="search-wrapper">
-		<MagnifyingGlass size={20} class="search-icon" />
-		<input
-			type="text"
-			placeholder="Tags durchsuchen..."
-			bind:value={searchQuery}
-			class="search-input"
-		/>
-	</div>
-
-	{#if tagMutations.error}
-		<div class="error-banner" role="alert">
-			<span>{tagMutations.error}</span>
-		</div>
-	{/if}
-
-	<!-- Tag List using shared component -->
-	<TagList
-		tags={filteredTags.map(tagToUITag)}
-		loading={false}
-		onEdit={openEditModal}
-		onDelete={handleDeleteFromList}
-		onClick={handleTagClick}
-		emptyMessage={searchQuery ? 'Keine Tags gefunden' : 'Keine Tags vorhanden'}
-		emptyDescription={searchQuery
-			? `Kein Tag für "${searchQuery}" gefunden`
-			: 'Erstelle deinen ersten Tag'}
-	/>
-
-	{#if tagsCtx.value.length > 0}
-		<p class="tags-count">
-			{tagsCtx.value.length}
-			{tagsCtx.value.length === 1 ? 'Tag' : 'Tags'}
-		</p>
-	{/if}
-</div>
-
-<!-- Create/Edit Modal using shared component -->
-<TagEditModal
-	tag={editingTag ? tagToUITag(editingTag) : null}
-	isOpen={showModal}
-	onClose={closeModal}
-	onSave={handleSave}
-	onDelete={editingTag ? handleDelete : undefined}
-	title={editingTag ? 'Tag bearbeiten' : 'Neuer Tag'}
-	saveLabel={editingTag ? 'Speichern' : 'Erstellen'}
-	deleteLabel="Löschen"
-	cancelLabel="Abbrechen"
-	namePlaceholder="Tag Name"
-	colorLabel="Farbe"
-	previewLabel="Vorschau"
-	deleteConfirmMessage={`Tag "${editingTag?.name || ''}" wirklich löschen?`}
-/>
-
-<!-- Delete confirmation modal -->
-<ConfirmationModal
-	visible={showDeleteConfirm}
-	onClose={() => {
-		showDeleteConfirm = false;
-		tagToDelete = null;
-	}}
-	onConfirm={confirmDeleteTag}
-	variant="danger"
-	title="Tag löschen?"
-	message={`Der Tag "${tagToDelete?.name ?? ''}" wird unwiderruflich gelöscht.`}
-	confirmLabel="Löschen"
-	cancelLabel="Abbrechen"
-/>
-
-<style>
-	.page-container {
-		max-width: 640px;
-		margin: 0 auto;
-		padding: 0 1rem 2rem;
-	}
-
-	/* Header */
-	.header {
-		display: flex;
-		align-items: center;
-		gap: 1rem;
-		padding: 1rem 0;
-		margin-bottom: 0.5rem;
-	}
-
-	.back-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 50%;
-		background: hsl(var(--muted));
-		color: hsl(var(--foreground));
-		transition: all 0.2s ease;
-	}
-
-	.back-button:hover {
-		background: hsl(var(--muted-foreground) / 0.2);
-		transform: translateX(-2px);
-	}
-
-	.title {
-		flex: 1;
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: hsl(var(--foreground));
-	}
-
-	/* Inline Create Form */
-	.inline-create-form {
-		margin-bottom: 1.5rem;
-		padding: 1rem;
-		background: hsl(var(--muted) / 0.3);
-		border: 1.5px solid hsl(var(--border));
-		border-radius: 0.75rem;
-	}
-
-	.create-input-row {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	/* Color Row */
-	.color-row {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 1rem;
-		margin-top: 0.75rem;
-	}
-
-	.color-palette {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-	}
-
-	.color-option {
-		width: 1.75rem;
-		height: 1.75rem;
-		border-radius: 50%;
-		border: 2px solid transparent;
-		cursor: pointer;
-		transition: all 0.15s ease;
-	}
-
-	.color-option:hover {
-		transform: scale(1.15);
-	}
-
-	.color-option.active {
-		border-color: hsl(var(--foreground));
-		box-shadow: 0 0 0 2px hsl(var(--background));
-	}
-
-	/* Create Input */
-	.create-input {
-		flex: 1;
-		padding: 0.625rem 1rem;
-		border: 1.5px solid hsl(var(--border));
-		border-radius: 0.5rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.9375rem;
-		transition: all 0.2s ease;
-	}
-
-	.create-input:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-		box-shadow: 0 0 0 3px hsl(var(--primary) / 0.1);
-	}
-
-	.create-input:disabled {
-		opacity: 0.6;
-		cursor: not-allowed;
-	}
-
-	.create-input::placeholder {
-		color: hsl(var(--muted-foreground));
-	}
-
-	/* Create Button */
-	.create-button {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 0.5rem;
-		background: hsl(var(--primary));
-		color: hsl(var(--primary-foreground));
-		border: none;
-		cursor: pointer;
-		transition: all 0.2s ease;
-	}
-
-	.create-button:hover:not(:disabled) {
-		transform: scale(1.05);
-		box-shadow: 0 4px 12px hsl(var(--primary) / 0.3);
-	}
-
-	.create-button:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	/* Spinner */
-	.spinner {
-		width: 1rem;
-		height: 1rem;
-		border: 2px solid hsl(var(--primary-foreground) / 0.3);
-		border-top-color: hsl(var(--primary-foreground));
-		border-radius: 50%;
-		animation: spin 0.6s linear infinite;
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	/* Preview */
-	.create-preview {
-		display: flex;
-		align-items: center;
-		flex-shrink: 0;
-	}
-
-	.preview-tag {
-		display: inline-flex;
-		align-items: center;
-		padding: 0.25rem 0.75rem;
-		font-size: 0.8125rem;
-		font-weight: 500;
-		border-radius: 9999px;
-		background: var(--tag-color);
-		color: white;
-		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-	}
-
-	/* Search */
-	.search-wrapper {
-		position: relative;
-		margin-bottom: 1.5rem;
-	}
-
-	.search-wrapper :global(.search-icon) {
-		position: absolute;
-		left: 1rem;
-		top: 50%;
-		transform: translateY(-50%);
-		color: hsl(var(--muted-foreground));
-		pointer-events: none;
-	}
-
-	.search-input {
-		width: 100%;
-		padding: 0.875rem 1rem 0.875rem 3rem;
-		border: 1.5px solid hsl(var(--border));
-		border-radius: 0.75rem;
-		background: hsl(var(--background));
-		color: hsl(var(--foreground));
-		font-size: 0.9375rem;
-		transition: all 0.2s ease;
-	}
-
-	.search-input:focus {
-		outline: none;
-		border-color: hsl(var(--primary));
-		box-shadow: 0 0 0 3px hsl(var(--primary) / 0.1);
-	}
-
-	/* Error */
-	.error-banner {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 1rem;
-		background: hsl(0 84% 60% / 0.1);
-		border: 1px solid hsl(0 84% 60% / 0.3);
-		border-radius: 0.75rem;
-		color: hsl(0 84% 60%);
-		margin-bottom: 1.5rem;
-	}
-
-	/* Count */
-	.tags-count {
-		text-align: center;
-		font-size: 0.875rem;
-		color: hsl(var(--muted-foreground));
-		margin-top: 1.5rem;
-	}
-</style>
diff --git a/apps/todo/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/todo/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index f86027293..000000000
--- a/apps/todo/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<svelte:head>
-	<title>Themes | Todo</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/todo/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/todo/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a54cfdcb7..000000000
--- a/apps/todo/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-{@render children()}
diff --git a/apps/todo/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/todo/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index d1a66724d..000000000
--- a/apps/todo/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { TodoLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} | Todo</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Todo"
-	logo={TodoLogo}
-	primaryColor="#8b5cf6"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#f3e8ff"
-	darkBackground="#1e1b4b"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</ForgotPasswordPage>
diff --git a/apps/todo/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/todo/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 35436c00c..000000000
--- a/apps/todo/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,81 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale } from 'svelte-i18n';
-	import { browser } from '$app/environment';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { TodoLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-
-	// Get redirect URL from query params or sessionStorage (set by AuthGateModal)
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		// Check sessionStorage for return URL (from guest mode)
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				// Clear it after reading
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Todo</title>
-</svelte:head>
-
-<LoginPage
-	appName="Todo"
-	logo={TodoLogo}
-	primaryColor="#8b5cf6"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#f3e8ff"
-	darkBackground="#1e1b4b"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</LoginPage>
diff --git a/apps/todo/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/todo/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 80d822840..000000000
--- a/apps/todo/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,60 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { browser } from '$app/environment';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { TodoLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import AppSlider from '$lib/components/AppSlider.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-
-	// Get redirect URL from sessionStorage (set by AuthGateModal in guest mode)
-	const redirectTo = $derived.by(() => {
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				// Clear it after reading
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Todo</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Todo"
-	logo={TodoLogo}
-	primaryColor="#8b5cf6"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect={redirectTo}
-	loginPath="/login"
-	lightBackground="#f3e8ff"
-	darkBackground="#1e1b4b"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-	{#snippet appSlider()}
-		<AppSlider />
-	{/snippet}
-</RegisterPage>
diff --git a/apps/todo/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/todo/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 5a5d07586..000000000
--- a/apps/todo/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { TodoLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Todo</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-violet-100 to-white dark:from-slate-900 dark:to-slate-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<TodoLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #8b5cf6">Todo</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #8b5cf6"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #8b5cf680; border-color: #8b5cf6"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #8b5cf6"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #8b5cf6"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/todo/apps/web-archived/src/routes/+error.svelte b/apps/todo/apps/web-archived/src/routes/+error.svelte
deleted file mode 100644
index 1b638d893..000000000
--- a/apps/todo/apps/web-archived/src/routes/+error.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { _ } from 'svelte-i18n';
-</script>
-
-<div class="flex min-h-[60vh] flex-col items-center justify-center text-center">
-	<h1 class="text-6xl font-bold text-emerald-600 mb-4">{$page.status}</h1>
-	<p class="text-xl text-muted-foreground mb-8">{$page.error?.message || $_('error.notFound')}</p>
-	<a href="/" class="btn btn-primary">{$_('error.backToHome')}</a>
-</div>
diff --git a/apps/todo/apps/web-archived/src/routes/+layout.svelte b/apps/todo/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index 70d628bed..000000000
--- a/apps/todo/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import { onMount } from 'svelte';
-	import { isLoading as i18nLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { debugStore } from '$lib/stores/debug.svelte';
-	import { AppLoadingSkeleton } from '$lib/components/skeletons';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(() => {
-		theme.initialize();
-		authStore.initialize().then(() => {
-			loading = false;
-		});
-
-		const handleKey = (e: KeyboardEvent) => {
-			if (e.ctrlKey && e.shiftKey && e.key === 'D') {
-				e.preventDefault();
-				debugStore.toggle();
-			}
-		};
-		window.addEventListener('keydown', handleKey);
-		return () => window.removeEventListener('keydown', handleKey);
-	});
-</script>
-
-<svelte:head>
-	<meta
-		name="description"
-		content="Aufgaben verwalten, Projekte organisieren und Produktivität steigern mit Todo von ManaCore."
-	/>
-	<meta property="og:title" content="Todo - Aufgabenverwaltung" />
-	<meta
-		property="og:description"
-		content="Aufgaben verwalten, Projekte organisieren und Produktivität steigern."
-	/>
-	<meta property="og:type" content="website" />
-</svelte:head>
-
-{#if !appReady}
-	<AppLoadingSkeleton layout="tasks" listItemCount={4} />
-{:else}
-	<div class="min-h-screen bg-background text-foreground" class:debug-mode={debugStore.enabled}>
-		{@render children()}
-	</div>
-
-	{#if debugStore.enabled}
-		<button
-			class="fixed top-2 right-2 z-[9999] rounded bg-red-600 px-2 py-0.5 font-mono text-xs text-white opacity-80 hover:opacity-100"
-			onclick={() => debugStore.toggle()}
-		>
-			DEBUG
-		</button>
-	{/if}
-{/if}
diff --git a/apps/todo/apps/web-archived/src/routes/+layout.ts b/apps/todo/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index 0efd9044a..000000000
--- a/apps/todo/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-// Disable SSR for the entire app — all data is local-first (IndexedDB)
-// This eliminates the SSR roundtrip and improves FCP by ~3-4 seconds
-export const ssr = false;
diff --git a/apps/todo/apps/web-archived/src/routes/health/+server.ts b/apps/todo/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 234a5a7e7..000000000
--- a/apps/todo/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		timestamp: new Date().toISOString(),
-		service: 'todo-web',
-	});
-};
diff --git a/apps/todo/apps/web-archived/src/routes/offline/+page.svelte b/apps/todo/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 424257895..000000000
--- a/apps/todo/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Todo"
-	offlineMessage="Deine Aufgaben werden lokal gespeichert und sind offline verfügbar."
-	accentColor="#059669"
-/>
diff --git a/apps/todo/apps/web-archived/src/routes/offline/+page.ts b/apps/todo/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/todo/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/todo/apps/web-archived/static/apple-touch-icon.png b/apps/todo/apps/web-archived/static/apple-touch-icon.png
deleted file mode 100644
index 4083d2310..000000000
Binary files a/apps/todo/apps/web-archived/static/apple-touch-icon.png and /dev/null differ
diff --git a/apps/todo/apps/web-archived/static/favicon.png b/apps/todo/apps/web-archived/static/favicon.png
deleted file mode 100644
index 86bc6ad29..000000000
Binary files a/apps/todo/apps/web-archived/static/favicon.png and /dev/null differ
diff --git a/apps/todo/apps/web-archived/static/icons/icon.svg b/apps/todo/apps/web-archived/static/icons/icon.svg
deleted file mode 100644
index 31ac90c22..000000000
--- a/apps/todo/apps/web-archived/static/icons/icon.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#8b5cf6"/>
-      <stop offset="100%" style="stop-color:#7c3aed"/>
-    </linearGradient>
-  </defs>
-  <!-- Background -->
-  <rect width="512" height="512" rx="96" fill="url(#bg)"/>
-  <!-- Checkbox icon -->
-  <g fill="none" stroke="white" stroke-width="28" stroke-linecap="round" stroke-linejoin="round">
-    <!-- Checkbox outline -->
-    <rect x="120" y="140" width="120" height="120" rx="24" fill="none"/>
-    <!-- Checkmark -->
-    <path d="M150 200 L175 225 L220 170"/>
-    <!-- Lines (task text) -->
-    <line x1="280" y1="170" x2="392" y2="170"/>
-    <line x1="280" y1="230" x2="350" y2="230"/>
-    <!-- Second checkbox (unchecked) -->
-    <rect x="120" y="300" width="120" height="120" rx="24" fill="none"/>
-    <!-- Lines for second task -->
-    <line x1="280" y1="330" x2="392" y2="330"/>
-    <line x1="280" y1="390" x2="320" y2="390"/>
-  </g>
-</svg>
diff --git a/apps/todo/apps/web-archived/static/pwa-192x192.png b/apps/todo/apps/web-archived/static/pwa-192x192.png
deleted file mode 100644
index c7c7e5dae..000000000
Binary files a/apps/todo/apps/web-archived/static/pwa-192x192.png and /dev/null differ
diff --git a/apps/todo/apps/web-archived/static/pwa-512x512.png b/apps/todo/apps/web-archived/static/pwa-512x512.png
deleted file mode 100644
index dadf1fe18..000000000
Binary files a/apps/todo/apps/web-archived/static/pwa-512x512.png and /dev/null differ
diff --git a/apps/todo/apps/web-archived/svelte.config.js b/apps/todo/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/todo/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/todo/apps/web-archived/tsconfig.json b/apps/todo/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/todo/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/todo/apps/web-archived/vite.config.ts b/apps/todo/apps/web-archived/vite.config.ts
deleted file mode 100644
index ae90d3fe2..000000000
--- a/apps/todo/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/// <reference types="vitest/config" />
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Todo - Aufgabenverwaltung',
-				shortName: 'Todo',
-				description: 'Aufgaben und Projekte verwalten mit Kanban-Board, Subtasks und mehr',
-				themeColor: '#8b5cf6',
-				devEnabled: false,
-				shortcuts: [
-					{
-						name: 'Neue Aufgabe',
-						short_name: 'Neu',
-						description: 'Neue Aufgabe erstellen',
-						url: '/?action=new',
-					},
-					{
-						name: 'Einstellungen',
-						short_name: 'Settings',
-						description: 'App-Einstellungen öffnen',
-						url: '/settings',
-					},
-				],
-			})
-		),
-	],
-	server: {
-		port: 5188,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, '@todo/shared'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES, '@todo/shared'],
-	},
-	test: {
-		environment: 'jsdom',
-		include: ['src/**/*.test.ts'],
-		globals: true,
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/apps/uload/apps/web-archived/Dockerfile b/apps/uload/apps/web-archived/Dockerfile
deleted file mode 100644
index f188c0382..000000000
--- a/apps/uload/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,32 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_ULOAD_SERVER_URL=http://uload-server:3041
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_ULOAD_SERVER_URL=$PUBLIC_ULOAD_SERVER_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/uload/packages/uload-database ./apps/uload/packages/uload-database
-COPY apps/uload/apps/web ./apps/uload/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-WORKDIR /app/apps/uload/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/uload/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/uload/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/uload/apps/web/build ./build
-COPY --from=builder /app/apps/uload/apps/web/package.json ./
-
-EXPOSE 5027
-ENV NODE_ENV=production PORT=5027 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5027/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/uload/apps/web-archived/package.json b/apps/uload/apps/web-archived/package.json
deleted file mode 100644
index 6b7f37661..000000000
--- a/apps/uload/apps/web-archived/package.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-	"name": "@uload/web",
-	"version": "0.0.1",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"format": "prettier --write .",
-		"lint": "prettier --check . && eslint ."
-	},
-	"type": "module",
-	"devDependencies": {
-		"@manacore/shared-vite-config": "workspace:*",
-		"@tailwindcss/forms": "^0.5.10",
-		"@tailwindcss/typography": "^0.5.15",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.22.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.4",
-		"@tailwindcss/vite": "^4.1.11",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"@types/node": "^22.10.7",
-		"eslint": "^9.20.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^2.35.0",
-		"prettier": "^3.4.2",
-		"prettier-plugin-svelte": "^3.4.0",
-		"prettier-plugin-tailwindcss": "^0.6.0",
-		"svelte": "^5.0.0",
-		"svelte-check": "^4.0.0",
-		"tailwindcss": "^4.0.0",
-		"typescript": "^5.0.0",
-		"typescript-eslint": "^8.20.0",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-uload": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"lucide-svelte": "^0.539.0",
-		"svelte-i18n": "^4.0.1",
-		"svelte-sonner": "^1.0.5"
-	}
-}
diff --git a/apps/uload/apps/web-archived/src/app.css b/apps/uload/apps/web-archived/src/app.css
deleted file mode 100644
index aab182880..000000000
--- a/apps/uload/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,162 +0,0 @@
-@import 'tailwindcss';
-@plugin '@tailwindcss/forms';
-@plugin '@tailwindcss/typography';
-
-/* Dark mode configuration */
-@variant dark (&:where(.dark, .dark *));
-
-/* Theme color utilities using CSS variables */
-@theme {
-	--color-theme-primary: var(--theme-primary);
-	--color-theme-primary-hover: var(--theme-primary-hover);
-	--color-theme-background: var(--theme-background);
-	--color-theme-surface: var(--theme-surface);
-	--color-theme-surface-hover: var(--theme-surface-hover);
-	--color-theme-text: var(--theme-text);
-	--color-theme-text-muted: var(--theme-text-muted);
-	--color-theme-border: var(--theme-border);
-	--color-theme-accent: var(--theme-accent);
-	--color-theme-accent-hover: var(--theme-accent-hover);
-}
-
-/* Theme CSS Variables - will be overridden by theme presets */
-:root {
-	--theme-primary: #171717;
-	--theme-primary-hover: #0a0a0a;
-	--theme-background: #fafafa;
-	--theme-surface: #ffffff;
-	--theme-surface-hover: #f5f5f5;
-	--theme-text: #171717;
-	--theme-text-muted: #737373;
-	--theme-border: #e5e5e5;
-	--theme-accent: #525252;
-	--theme-accent-hover: #404040;
-	--theme-font-family: Inter, system-ui, -apple-system, sans-serif;
-
-	/* Sonner Toast Styling - Light Mode */
-	--sonner-toast-gap: 8px;
-	--sonner-toast-padding: 16px;
-	--sonner-toast-border-radius: 12px;
-	--sonner-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-/* Apply theme font to body */
-body {
-	font-family: var(--theme-font-family);
-}
-
-/* Theme transition animation */
-.theme-transitioning,
-.theme-transitioning * {
-	transition:
-		background-color 0.3s ease,
-		color 0.3s ease,
-		border-color 0.3s ease,
-		fill 0.3s ease,
-		stroke 0.3s ease,
-		font-family 0.3s ease !important;
-}
-
-/* Ensure full viewport coverage */
-html,
-body {
-	@apply min-h-screen;
-}
-
-body {
-	font-family: var(--theme-font-family);
-	background-color: var(--theme-background);
-}
-
-@keyframes fade-in {
-	from {
-		opacity: 0;
-		transform: translateY(-10px);
-	}
-	to {
-		opacity: 1;
-		transform: translateY(0);
-	}
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.animate-fade-in {
-	animation: fade-in 0.3s ease-out;
-}
-
-.animate-spin {
-	animation: spin 1s linear infinite;
-}
-
-/* Primary button class with proper contrast */
-.btn-primary {
-	@apply bg-theme-primary text-theme-background hover:bg-theme-primary-hover;
-}
-
-/* Sonner Toast Custom Styles */
-.sonner-toast {
-	font-family: var(--theme-font-family) !important;
-}
-
-.sonner-toast[data-type='success'] {
-	background-color: #10b981 !important;
-	color: white !important;
-	border: 1px solid #059669 !important;
-}
-
-.sonner-toast[data-type='error'] {
-	background-color: #ef4444 !important;
-	color: white !important;
-	border: 1px solid #dc2626 !important;
-}
-
-.sonner-toast[data-type='info'] {
-	background-color: #3b82f6 !important;
-	color: white !important;
-	border: 1px solid #2563eb !important;
-}
-
-.sonner-toast[data-type='warning'] {
-	background-color: #f59e0b !important;
-	color: white !important;
-	border: 1px solid #d97706 !important;
-}
-
-/* Dark mode toast styles */
-.dark .sonner-toast {
-	background-color: #374151 !important;
-	color: #f3f4f6 !important;
-	border: 1px solid #4b5563 !important;
-}
-
-.dark .sonner-toast[data-type='success'] {
-	background-color: #065f46 !important;
-	color: #d1fae5 !important;
-	border: 1px solid #10b981 !important;
-}
-
-.dark .sonner-toast[data-type='error'] {
-	background-color: #7f1d1d !important;
-	color: #fee2e2 !important;
-	border: 1px solid #ef4444 !important;
-}
-
-.dark .sonner-toast[data-type='info'] {
-	background-color: #1e3a8a !important;
-	color: #dbeafe !important;
-	border: 1px solid #3b82f6 !important;
-}
-
-.dark .sonner-toast[data-type='warning'] {
-	background-color: #78350f !important;
-	color: #fef3c7 !important;
-	border: 1px solid #f59e0b !important;
-}
diff --git a/apps/uload/apps/web-archived/src/app.d.ts b/apps/uload/apps/web-archived/src/app.d.ts
deleted file mode 100644
index 9611d02b6..000000000
--- a/apps/uload/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// See https://svelte.dev/docs/kit/types#app.d.ts
-
-declare global {
-	namespace App {
-		// interface Error {}
-		interface Locals {
-			locale: 'en' | 'de' | 'es' | 'fr' | 'it';
-		}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/apps/uload/apps/web-archived/src/app.html b/apps/uload/apps/web-archived/src/app.html
deleted file mode 100644
index 115989ea4..000000000
--- a/apps/uload/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,103 +0,0 @@
-<!doctype html>
-<html lang="%paraglide.lang%" dir="%paraglide.dir%">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
-		
-		<!-- PWA Meta Tags -->
-		<meta name="theme-color" content="#3b82f6" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
-		<meta name="apple-mobile-web-app-title" content="uLoad" />
-		<meta name="mobile-web-app-capable" content="yes" />
-		
-		<!-- PWA Manifest -->
-		<link rel="manifest" href="/manifest.json" />
-		
-		<!-- Apple Touch Icons -->
-		<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
-		<link rel="apple-touch-icon" sizes="152x152" href="/icons/icon-152x152.png" />
-		<link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-192x192.png" />
-		
-		<!-- Preconnect für Performance -->
-		<link rel="preconnect" href="https://pb.ulo.ad" />
-		<link rel="dns-prefetch" href="https://pb.ulo.ad" />
-		
-		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script>
-			// Only load Umami if configured
-			if ('%sveltekit.env.PUBLIC_UMAMI_URL%'.startsWith('http')) {
-				const script = document.createElement('script');
-				script.defer = true;
-				script.src = '%sveltekit.env.PUBLIC_UMAMI_URL%/script.js';
-				script.dataset.websiteId = '%sveltekit.env.PUBLIC_UMAMI_WEBSITE_ID%';
-				document.head.appendChild(script);
-			}
-		</script>
-		<script>
-			// Initialize theme early to prevent flash
-			(function () {
-				// Load theme mode (light/dark/system)
-				const themeMode = localStorage.getItem('theme-mode') || 'system';
-				const themePreset = localStorage.getItem('theme-preset') || 'minimal';
-
-				// Determine if dark mode should be active
-				let isDark = false;
-				if (themeMode === 'dark') {
-					isDark = true;
-				} else if (themeMode === 'system') {
-					isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-				}
-
-				// Apply dark class if needed
-				if (isDark) {
-					document.documentElement.classList.add('dark');
-				}
-
-				// Load theme preset colors
-				const themes = {
-					minimal: {
-						light: {
-							primary: '#171717',
-							primaryHover: '#0a0a0a',
-							background: '#fafafa',
-							surface: '#ffffff',
-							surfaceHover: '#f5f5f5',
-							text: '#171717',
-							textMuted: '#737373',
-							border: '#e5e5e5',
-							accent: '#525252',
-							accentHover: '#404040'
-						},
-						dark: {
-							primary: '#fafafa',
-							primaryHover: '#ffffff',
-							background: '#0a0a0a',
-							surface: '#171717',
-							surfaceHover: '#262626',
-							text: '#fafafa',
-							textMuted: '#a3a3a3',
-							border: '#404040',
-							accent: '#d4d4d4',
-							accentHover: '#e5e5e5'
-						}
-					}
-				};
-
-				// Apply CSS variables for the theme
-				const preset = themes[themePreset] || themes.minimal;
-				const colors = isDark ? preset.dark : preset.light;
-				const root = document.documentElement;
-
-				Object.entries(colors).forEach(([key, value]) => {
-					const cssKey = key.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase());
-					root.style.setProperty(`--theme-${cssKey}`, value);
-				});
-			})();
-		</script>
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/apps/uload/apps/web-archived/src/hooks.server.ts b/apps/uload/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index b687eacf0..000000000
--- a/apps/uload/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event);
-	return response;
-};
diff --git a/apps/uload/apps/web-archived/src/lib/assets/favicon.svg b/apps/uload/apps/web-archived/src/lib/assets/favicon.svg
deleted file mode 100644
index cc5dc66a3..000000000
--- a/apps/uload/apps/web-archived/src/lib/assets/favicon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/src/lib/data/guest-seed.ts b/apps/uload/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 53f867daa..000000000
--- a/apps/uload/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import type { LocalLink, LocalTag, LocalFolder, LocalLinkTag } from './local-store';
-
-export const guestFolders: LocalFolder[] = [
-	{
-		id: 'folder-personal',
-		name: 'Persönlich',
-		color: '#3b82f6',
-		order: 0,
-	},
-	{
-		id: 'folder-work',
-		name: 'Arbeit',
-		color: '#10b981',
-		order: 1,
-	},
-];
-
-export const guestTags: LocalTag[] = [
-	{
-		id: 'tag-social',
-		name: 'Social Media',
-		slug: 'social-media',
-		color: '#8b5cf6',
-		icon: null,
-		isPublic: false,
-		usageCount: 2,
-	},
-	{
-		id: 'tag-docs',
-		name: 'Dokumentation',
-		slug: 'dokumentation',
-		color: '#f59e0b',
-		icon: null,
-		isPublic: false,
-		usageCount: 1,
-	},
-	{
-		id: 'tag-marketing',
-		name: 'Marketing',
-		slug: 'marketing',
-		color: '#ef4444',
-		icon: null,
-		isPublic: false,
-		usageCount: 1,
-	},
-];
-
-export const guestLinks: LocalLink[] = [
-	{
-		id: 'link-welcome',
-		shortCode: 'welcome',
-		originalUrl: 'https://ulo.ad',
-		title: 'Willkommen bei uLoad!',
-		description: 'Dein erster gekürzter Link. Klicke hier um zu sehen wie Analytics funktionieren.',
-		isActive: true,
-		clickCount: 42,
-		folderId: 'folder-personal',
-		order: 0,
-	},
-	{
-		id: 'link-github',
-		shortCode: 'gh-demo',
-		originalUrl: 'https://github.com',
-		title: 'GitHub',
-		description: 'Beispiel-Link mit Tags',
-		isActive: true,
-		clickCount: 15,
-		folderId: 'folder-work',
-		order: 0,
-	},
-	{
-		id: 'link-docs',
-		shortCode: 'docs',
-		originalUrl: 'https://docs.example.com/getting-started',
-		title: 'Dokumentation',
-		description: 'Link mit UTM-Tracking',
-		isActive: true,
-		clickCount: 8,
-		utmSource: 'newsletter',
-		utmMedium: 'email',
-		utmCampaign: 'onboarding',
-		folderId: 'folder-work',
-		order: 1,
-	},
-	{
-		id: 'link-expired',
-		shortCode: 'old-promo',
-		originalUrl: 'https://example.com/promo',
-		title: 'Abgelaufene Promotion',
-		description: 'Dieser Link ist deaktiviert — so sieht ein inaktiver Link aus.',
-		isActive: false,
-		clickCount: 234,
-		folderId: 'folder-personal',
-		order: 1,
-	},
-];
-
-export const guestLinkTags: LocalLinkTag[] = [
-	{ id: 'lt-1', linkId: 'link-github', tagId: 'tag-social' },
-	{ id: 'lt-2', linkId: 'link-docs', tagId: 'tag-docs' },
-	{ id: 'lt-3', linkId: 'link-welcome', tagId: 'tag-social' },
-	{ id: 'lt-4', linkId: 'link-expired', tagId: 'tag-marketing' },
-];
diff --git a/apps/uload/apps/web-archived/src/lib/data/local-store.ts b/apps/uload/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index 27adec1b0..000000000
--- a/apps/uload/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-// ============================================
-// Record Types
-// ============================================
-
-export interface LocalLink extends BaseRecord {
-	shortCode: string;
-	customCode?: string | null;
-	originalUrl: string;
-	title?: string | null;
-	description?: string | null;
-	isActive: boolean;
-	password?: string | null;
-	maxClicks?: number | null;
-	expiresAt?: string | null;
-	clickCount: number;
-	qrCodeUrl?: string | null;
-	utmSource?: string | null;
-	utmMedium?: string | null;
-	utmCampaign?: string | null;
-	folderId?: string | null;
-	order: number;
-	source?: string | null;
-}
-
-export interface LocalTag extends BaseRecord {
-	name: string;
-	slug: string;
-	color?: string | null;
-	icon?: string | null;
-	isPublic: boolean;
-	usageCount: number;
-}
-
-export interface LocalFolder extends BaseRecord {
-	name: string;
-	color?: string | null;
-	order: number;
-}
-
-export interface LocalLinkTag extends BaseRecord {
-	linkId: string;
-	tagId: string;
-}
-
-// ============================================
-// Guest Seed Data
-// ============================================
-
-import { guestLinks, guestTags, guestFolders, guestLinkTags } from './guest-seed';
-
-// ============================================
-// Store
-// ============================================
-
-export const uloadStore = createLocalStore({
-	appId: 'uload',
-	collections: [
-		{
-			name: 'links',
-			indexes: [
-				'shortCode',
-				'isActive',
-				'folderId',
-				'order',
-				'clickCount',
-				'source',
-				'[folderId+order]',
-				'[isActive+order]',
-			],
-			guestSeed: guestLinks,
-		},
-		{
-			name: 'tags',
-			indexes: ['slug', 'name'],
-			guestSeed: guestTags,
-		},
-		{
-			name: 'folders',
-			indexes: ['order'],
-			guestSeed: guestFolders,
-		},
-		{
-			name: 'linkTags',
-			indexes: ['linkId', 'tagId', '[linkId+tagId]'],
-			guestSeed: guestLinkTags,
-		},
-	],
-	sync: { serverUrl: SYNC_SERVER_URL },
-});
-
-// Typed collection accessors
-export const linkCollection = uloadStore.collection<LocalLink>('links');
-export const tagCollection = uloadStore.collection<LocalTag>('tags');
-export const folderCollection = uloadStore.collection<LocalFolder>('folders');
-export const linkTagCollection = uloadStore.collection<LocalLinkTag>('linkTags');
diff --git a/apps/uload/apps/web-archived/src/lib/i18n/index.ts b/apps/uload/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index 6d107a35a..000000000
--- a/apps/uload/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { register, init, getLocaleFromNavigator } from 'svelte-i18n';
-
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-export function initI18n() {
-	init({
-		fallbackLocale: 'de',
-		initialLocale: getLocaleFromNavigator()?.startsWith('de') ? 'de' : 'en',
-	});
-}
diff --git a/apps/uload/apps/web-archived/src/lib/i18n/locales/de.json b/apps/uload/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 2b0ae9e44..000000000
--- a/apps/uload/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,95 +0,0 @@
-{
-	"nav": {
-		"links": "Links",
-		"tags": "Tags",
-		"analytics": "Analytics",
-		"settings": "Einstellungen"
-	},
-	"links": {
-		"title": "Links",
-		"newLink": "Neuer Link",
-		"hide": "Ausblenden",
-		"url": "URL",
-		"urlPlaceholder": "https://example.com/long-url-here",
-		"titleLabel": "Titel (optional)",
-		"titlePlaceholder": "Mein Link",
-		"customCode": "Custom Code (optional)",
-		"customCodePlaceholder": "mein-link",
-		"utmParams": "UTM-Parameter",
-		"create": "Link erstellen",
-		"search": "Links durchsuchen...",
-		"all": "Alle",
-		"active": "Aktiv",
-		"inactive": "Inaktiv",
-		"allFolders": "Alle Ordner",
-		"noLinks": "Noch keine Links",
-		"noLinksDesc": "Erstelle deinen ersten gekürzten Link!",
-		"copied": "Link kopiert!",
-		"created": "Link erstellt",
-		"updated": "Link aktualisiert",
-		"deleted": "Link gelöscht",
-		"edit": "Bearbeiten",
-		"editTitle": "Link bearbeiten",
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"deleteConfirm": "wirklich löschen?",
-		"activate": "Aktivieren",
-		"deactivate": "Deaktivieren",
-		"copyLink": "Link kopieren",
-		"qrCode": "QR-Code",
-		"qrDownload": "QR herunterladen",
-		"clicks": "clicks"
-	},
-	"tags": {
-		"title": "Tags",
-		"newTag": "Neuer Tag",
-		"name": "Name",
-		"namePlaceholder": "z.B. Social Media",
-		"color": "Farbe",
-		"create": "Erstellen",
-		"noTags": "Noch keine Tags",
-		"noTagsDesc": "Erstelle Tags um deine Links zu organisieren.",
-		"created": "Tag erstellt",
-		"updated": "Tag aktualisiert",
-		"deleted": "Tag gelöscht",
-		"linksCount": "Links"
-	},
-	"analytics": {
-		"title": "Analytics",
-		"clicks": "Clicks",
-		"unique": "Unique",
-		"status": "Status",
-		"created": "Erstellt",
-		"clicksOverTime": "Clicks über Zeit",
-		"devices": "Geräte",
-		"referrers": "Referrer",
-		"countries": "Länder",
-		"noData": "Keine Daten",
-		"noDataPeriod": "Noch keine Daten für diesen Zeitraum",
-		"authRequired": "Analytics nur für angemeldete Nutzer",
-		"localClicks": "Lokale Click-Counts",
-		"unknown": "Unbekannt",
-		"direct": "Direkt"
-	},
-	"settings": {
-		"title": "Einstellungen",
-		"account": "Account",
-		"email": "E-Mail",
-		"name": "Name",
-		"data": "Daten",
-		"clearData": "Lokale Daten löschen",
-		"clearConfirm": "Alle lokalen Daten löschen? Dies kann nicht rückgängig gemacht werden.",
-		"cleared": "Lokale Daten gelöscht",
-		"logout": "Abmelden",
-		"guestHint": "Du bist als Gast unterwegs.",
-		"loginToSync": "Anmelden um Daten zu synchronisieren."
-	},
-	"common": {
-		"back": "Zurück",
-		"login": "Anmelden",
-		"source": "Source",
-		"medium": "Medium",
-		"campaign": "Campaign"
-	}
-}
diff --git a/apps/uload/apps/web-archived/src/lib/i18n/locales/en.json b/apps/uload/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 6c5f159ac..000000000
--- a/apps/uload/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,95 +0,0 @@
-{
-	"nav": {
-		"links": "Links",
-		"tags": "Tags",
-		"analytics": "Analytics",
-		"settings": "Settings"
-	},
-	"links": {
-		"title": "Links",
-		"newLink": "New Link",
-		"hide": "Hide",
-		"url": "URL",
-		"urlPlaceholder": "https://example.com/long-url-here",
-		"titleLabel": "Title (optional)",
-		"titlePlaceholder": "My Link",
-		"customCode": "Custom Code (optional)",
-		"customCodePlaceholder": "my-link",
-		"utmParams": "UTM Parameters",
-		"create": "Create Link",
-		"search": "Search links...",
-		"all": "All",
-		"active": "Active",
-		"inactive": "Inactive",
-		"allFolders": "All Folders",
-		"noLinks": "No links yet",
-		"noLinksDesc": "Create your first shortened link!",
-		"copied": "Link copied!",
-		"created": "Link created",
-		"updated": "Link updated",
-		"deleted": "Link deleted",
-		"edit": "Edit",
-		"editTitle": "Edit Link",
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"deleteConfirm": "really delete?",
-		"activate": "Activate",
-		"deactivate": "Deactivate",
-		"copyLink": "Copy link",
-		"qrCode": "QR Code",
-		"qrDownload": "Download QR",
-		"clicks": "clicks"
-	},
-	"tags": {
-		"title": "Tags",
-		"newTag": "New Tag",
-		"name": "Name",
-		"namePlaceholder": "e.g. Social Media",
-		"color": "Color",
-		"create": "Create",
-		"noTags": "No tags yet",
-		"noTagsDesc": "Create tags to organize your links.",
-		"created": "Tag created",
-		"updated": "Tag updated",
-		"deleted": "Tag deleted",
-		"linksCount": "Links"
-	},
-	"analytics": {
-		"title": "Analytics",
-		"clicks": "Clicks",
-		"unique": "Unique",
-		"status": "Status",
-		"created": "Created",
-		"clicksOverTime": "Clicks over time",
-		"devices": "Devices",
-		"referrers": "Referrers",
-		"countries": "Countries",
-		"noData": "No data",
-		"noDataPeriod": "No data for this period yet",
-		"authRequired": "Analytics only for logged-in users",
-		"localClicks": "Local click counts",
-		"unknown": "Unknown",
-		"direct": "Direct"
-	},
-	"settings": {
-		"title": "Settings",
-		"account": "Account",
-		"email": "Email",
-		"name": "Name",
-		"data": "Data",
-		"clearData": "Clear local data",
-		"clearConfirm": "Clear all local data? This cannot be undone.",
-		"cleared": "Local data cleared",
-		"logout": "Sign out",
-		"guestHint": "You are in guest mode.",
-		"loginToSync": "Sign in to sync your data."
-	},
-	"common": {
-		"back": "Back",
-		"login": "Sign in",
-		"source": "Source",
-		"medium": "Medium",
-		"campaign": "Campaign"
-	}
-}
diff --git a/apps/uload/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/uload/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index a5329e08c..000000000
--- a/apps/uload/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3070,
-});
diff --git a/apps/uload/apps/web-archived/src/lib/theme.svelte.ts b/apps/uload/apps/web-archived/src/lib/theme.svelte.ts
deleted file mode 100644
index a500816e7..000000000
--- a/apps/uload/apps/web-archived/src/lib/theme.svelte.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export type ThemeMode = 'light' | 'dark' | 'system';
-
-class ThemeStore {
-	mode = $state<ThemeMode>('system');
-
-	initialize() {
-		if (typeof window === 'undefined') return;
-		const saved = localStorage.getItem('uload-theme') as ThemeMode | null;
-		if (saved) this.mode = saved;
-		this.apply();
-	}
-
-	setMode(mode: ThemeMode) {
-		this.mode = mode;
-		localStorage?.setItem('uload-theme', mode);
-		this.apply();
-	}
-
-	private apply() {
-		if (typeof document === 'undefined') return;
-		const isDark =
-			this.mode === 'dark' ||
-			(this.mode === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
-		document.documentElement.classList.toggle('dark', isDark);
-	}
-}
-
-export const themeStore = new ThemeStore();
diff --git a/apps/uload/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/uload/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index 2f6040e14..000000000
--- a/apps/uload/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,172 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import { PillNavigation } from '@manacore/shared-ui';
-	import type { PillNavItem, SpotlightAction } from '@manacore/shared-ui';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { AuthGate, GuestWelcomeModal, SessionExpiredBanner } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { uloadStore } from '$lib/data/local-store';
-
-	let { children } = $props();
-
-	let appItems = $derived(getPillAppItems(undefined, undefined, undefined, authStore.user?.tier));
-
-	let userEmail = $derived(authStore.isAuthenticated ? (authStore.user?.email ?? '') : '');
-
-	const navItems: PillNavItem[] = [
-		{ href: '/my/links', label: 'Links', icon: 'link' },
-		{ href: '/my/tags', label: 'Tags', icon: 'tag' },
-		{ href: '/my/analytics', label: 'Analytics', icon: 'chart' },
-		{ href: '/settings', label: 'Settings', icon: 'settings' },
-	];
-
-	const spotlightActions: SpotlightAction[] = [
-		{
-			id: 'new-link',
-			label: 'Neuer Link',
-			icon: 'plus',
-			shortcut: 'N',
-			category: 'Erstellen',
-			onExecute: () => goto('/'),
-		},
-		{ id: 'all-links', label: 'Alle Links', category: 'Navigation', onExecute: () => goto('/') },
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	let isSidebarMode = $state(false);
-	let isCollapsed = $state(false);
-	let isDark = $state(false);
-	let showGuestWelcome = $state(false);
-
-	const navRoutes = ['/my/links', '/my/tags', '/my/analytics', '/settings'];
-
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= 4) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				if (route) goto(route);
-			}
-		}
-	}
-
-	function handleModeChange(isSidebar: boolean) {
-		isSidebarMode = isSidebar;
-		localStorage?.setItem('uload-nav-sidebar', String(isSidebar));
-	}
-
-	function handleCollapsedChange(collapsed: boolean) {
-		isCollapsed = collapsed;
-		localStorage?.setItem('uload-nav-collapsed', String(collapsed));
-	}
-
-	function handleToggleTheme() {
-		isDark = !isDark;
-		document.documentElement.classList.toggle('dark', isDark);
-		localStorage?.setItem('uload-dark-mode', String(isDark));
-	}
-
-	async function handleLogout() {
-		uloadStore.stopSync();
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	function handleAuthReady() {
-		// Start sync if authenticated
-		if (authStore.isAuthenticated) {
-			uloadStore.startSync(() => authStore.getValidToken());
-		}
-
-		// Show guest welcome for first-time guests
-		if (!authStore.isAuthenticated && shouldShowGuestWelcome('uload')) {
-			showGuestWelcome = true;
-		}
-
-		// Restore nav preferences
-		const savedSidebar = localStorage?.getItem('uload-nav-sidebar');
-		if (savedSidebar === 'true') isSidebarMode = true;
-		const savedCollapsed = localStorage?.getItem('uload-nav-collapsed');
-		if (savedCollapsed === 'true') isCollapsed = true;
-		const savedDark = localStorage?.getItem('uload-dark-mode');
-		if (savedDark === 'true') {
-			isDark = true;
-			document.documentElement.classList.add('dark');
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('uload')?.requiredTier}
-	appName={getManaApp('uload')?.name}
->
-	<div class="flex min-h-screen flex-col">
-		<PillNavigation
-			items={navItems}
-			currentPath={$page.url.pathname}
-			appName="uload"
-			homeRoute="/my/links"
-			onLogout={handleLogout}
-			onToggleTheme={handleToggleTheme}
-			{isDark}
-			{isCollapsed}
-			onCollapsedChange={handleCollapsedChange}
-			showThemeToggle={true}
-			primaryColor="#6366f1"
-			showAppSwitcher={true}
-			{appItems}
-			{userEmail}
-			settingsHref="/settings"
-			{spotlightActions}
-		>
-			{#snippet logo()}
-				<span class="text-xl">🔗</span>
-				<span class="pill-label font-bold">uload</span>
-			{/snippet}
-		</PillNavigation>
-
-		<main
-			class="main-content flex-1 transition-all duration-300 {isCollapsed
-				? ''
-				: isSidebarMode
-					? 'pl-[180px]'
-					: 'pt-20'}"
-		>
-			<div class="container mx-auto px-4 py-8">
-				{@render children?.()}
-			</div>
-		</main>
-	</div>
-
-	<GuestWelcomeModal
-		appId="uload"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale="de"
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale="de" loginHref="/login" />
-	{/if}
-</AuthGate>
diff --git a/apps/uload/apps/web-archived/src/routes/(app)/my/+page.svelte b/apps/uload/apps/web-archived/src/routes/(app)/my/+page.svelte
deleted file mode 100644
index a9579f4b2..000000000
--- a/apps/uload/apps/web-archived/src/routes/(app)/my/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	onMount(() => goto('/my/links'));
-</script>
diff --git a/apps/uload/apps/web-archived/src/routes/(app)/my/analytics/[id]/+page.svelte b/apps/uload/apps/web-archived/src/routes/(app)/my/analytics/[id]/+page.svelte
deleted file mode 100644
index 000b93094..000000000
--- a/apps/uload/apps/web-archived/src/routes/(app)/my/analytics/[id]/+page.svelte
+++ /dev/null
@@ -1,254 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import { CaretLeft } from '@manacore/shared-icons';
-	import { useLiveQuery } from '@manacore/local-store/svelte';
-	import { linkCollection } from '$lib/data/local-store';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	const ULOAD_SERVER = import.meta.env.PUBLIC_ULOAD_SERVER_URL || 'http://localhost:3070';
-
-	let linkId = $derived($page.params.id ?? '');
-	let link = useLiveQuery(() => (linkId ? linkCollection.get(linkId) : undefined));
-
-	let stats = $state<{ totalClicks: number; uniqueVisitors: number } | null>(null);
-	let timeline = $state<{ date: string; count: number }[]>([]);
-	let devices = $state<{ deviceType: string; count: number }[]>([]);
-	let referrers = $state<{ referer: string; count: number }[]>([]);
-	let countries = $state<{ country: string; count: number }[]>([]);
-	let loading = $state(true);
-	let days = $state(30);
-
-	async function fetchAnalytics() {
-		if (!authStore.isAuthenticated) {
-			loading = false;
-			return;
-		}
-
-		try {
-			const token = await authStore.getValidToken();
-			const headers = { Authorization: `Bearer ${token}` };
-
-			const [statsRes, timelineRes, devicesRes, referrersRes, countriesRes] = await Promise.all([
-				fetch(`${ULOAD_SERVER}/api/v1/analytics/${linkId}`, { headers }),
-				fetch(`${ULOAD_SERVER}/api/v1/analytics/${linkId}/timeline?days=${days}`, { headers }),
-				fetch(`${ULOAD_SERVER}/api/v1/analytics/${linkId}/devices`, { headers }),
-				fetch(`${ULOAD_SERVER}/api/v1/analytics/${linkId}/referrers`, { headers }),
-				fetch(`${ULOAD_SERVER}/api/v1/analytics/${linkId}/countries`, { headers }),
-			]);
-
-			if (statsRes.ok) stats = await statsRes.json();
-			if (timelineRes.ok) timeline = await timelineRes.json();
-			if (devicesRes.ok) devices = await devicesRes.json();
-			if (referrersRes.ok) referrers = await referrersRes.json();
-			if (countriesRes.ok) countries = await countriesRes.json();
-		} catch {
-			// Analytics not available
-		}
-		loading = false;
-	}
-
-	function changeDays(d: number) {
-		days = d;
-		loading = true;
-		fetchAnalytics();
-	}
-
-	let maxTimelineCount = $derived(Math.max(...(timeline.map((t) => t.count) || [0]), 1));
-	let totalDevices = $derived(devices.reduce((sum, d) => sum + d.count, 0) || 1);
-	let totalCountries = $derived(countries.reduce((sum, c) => sum + c.count, 0) || 1);
-
-	onMount(fetchAnalytics);
-</script>
-
-<div class="mx-auto max-w-4xl">
-	<!-- Header -->
-	<div class="mb-6 flex items-center gap-4">
-		<a
-			href="/my/links"
-			class="rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700"
-			title="Zurück"
-		>
-			<CaretLeft size={20} />
-		</a>
-		<div>
-			<h1 class="text-3xl font-bold">Analytics</h1>
-			{#if link.value}
-				<p class="mt-1 text-sm opacity-60">
-					<span class="font-mono text-indigo-600">/{link.value.shortCode}</span>
-					→ <span class="truncate">{link.value.originalUrl}</span>
-				</p>
-			{/if}
-		</div>
-	</div>
-
-	{#if loading}
-		<div class="space-y-4">
-			{#each Array(4) as _}
-				<div class="h-32 animate-pulse rounded-xl bg-gray-100 dark:bg-gray-800"></div>
-			{/each}
-		</div>
-	{:else if !authStore.isAuthenticated}
-		<div
-			class="rounded-xl border-2 border-dashed border-gray-300 p-12 text-center dark:border-gray-600"
-		>
-			<p class="text-lg font-medium opacity-60">Analytics nur für angemeldete Nutzer</p>
-			<p class="mt-2 text-sm opacity-40">Lokale Click-Counts: {link.value?.clickCount ?? 0}</p>
-			<a
-				href="/login"
-				class="mt-4 inline-block rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700"
-				>Anmelden</a
-			>
-		</div>
-	{:else}
-		<!-- Stats Overview -->
-		<div class="mb-6 grid gap-4 sm:grid-cols-4">
-			<div
-				class="rounded-xl border border-gray-200 bg-white p-5 dark:border-gray-700 dark:bg-gray-800"
-			>
-				<p class="text-xs font-medium uppercase tracking-wider opacity-50">Clicks</p>
-				<p class="mt-1 text-3xl font-bold">{stats?.totalClicks ?? link.value?.clickCount ?? 0}</p>
-			</div>
-			<div
-				class="rounded-xl border border-gray-200 bg-white p-5 dark:border-gray-700 dark:bg-gray-800"
-			>
-				<p class="text-xs font-medium uppercase tracking-wider opacity-50">Unique</p>
-				<p class="mt-1 text-3xl font-bold">{stats?.uniqueVisitors ?? '-'}</p>
-			</div>
-			<div
-				class="rounded-xl border border-gray-200 bg-white p-5 dark:border-gray-700 dark:bg-gray-800"
-			>
-				<p class="text-xs font-medium uppercase tracking-wider opacity-50">Status</p>
-				<p class="mt-1 text-3xl font-bold">{link.value?.isActive ? '🟢' : '🔴'}</p>
-			</div>
-			<div
-				class="rounded-xl border border-gray-200 bg-white p-5 dark:border-gray-700 dark:bg-gray-800"
-			>
-				<p class="text-xs font-medium uppercase tracking-wider opacity-50">Erstellt</p>
-				<p class="mt-1 text-lg font-bold">
-					{link.value?.createdAt ? new Date(link.value.createdAt).toLocaleDateString('de') : '-'}
-				</p>
-			</div>
-		</div>
-
-		<!-- Timeline -->
-		<div
-			class="mb-6 rounded-xl border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800"
-		>
-			<div class="mb-4 flex items-center justify-between">
-				<h2 class="text-lg font-semibold">Clicks über Zeit</h2>
-				<div class="flex gap-1">
-					{#each [7, 30, 90] as d}
-						<button
-							onclick={() => changeDays(d)}
-							class="rounded-md px-3 py-1 text-xs font-medium transition-colors {days === d
-								? 'bg-indigo-600 text-white'
-								: 'bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600'}"
-						>
-							{d}T
-						</button>
-					{/each}
-				</div>
-			</div>
-			{#if timeline.length > 0}
-				<div class="flex h-48 items-end gap-px">
-					{#each timeline as day}
-						<div class="group relative flex flex-1 flex-col items-center">
-							<div
-								class="w-full rounded-t bg-indigo-500 transition-colors hover:bg-indigo-400"
-								style="height: {Math.max((day.count / maxTimelineCount) * 100, 2)}%"
-							></div>
-							<div
-								class="pointer-events-none absolute -top-8 hidden rounded bg-gray-900 px-2 py-1 text-xs text-white group-hover:block"
-							>
-								{day.count}
-							</div>
-						</div>
-					{/each}
-				</div>
-				<div class="mt-1 flex justify-between text-xs opacity-40">
-					<span>{timeline[0]?.date}</span>
-					<span>{timeline[timeline.length - 1]?.date}</span>
-				</div>
-			{:else}
-				<p class="py-8 text-center text-sm opacity-40">Noch keine Daten für diesen Zeitraum</p>
-			{/if}
-		</div>
-
-		<!-- Breakdown Grid -->
-		<div class="grid gap-6 md:grid-cols-3">
-			<!-- Devices -->
-			<div
-				class="rounded-xl border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800"
-			>
-				<h2 class="mb-4 text-lg font-semibold">Geräte</h2>
-				{#if devices.length > 0}
-					<div class="space-y-3">
-						{#each devices as d}
-							<div>
-								<div class="mb-1 flex items-center justify-between text-sm">
-									<span>{d.deviceType || 'Unbekannt'}</span>
-									<span class="font-medium">{Math.round((d.count / totalDevices) * 100)}%</span>
-								</div>
-								<div class="h-2 rounded-full bg-gray-100 dark:bg-gray-700">
-									<div
-										class="h-2 rounded-full bg-indigo-500"
-										style="width: {(d.count / totalDevices) * 100}%"
-									></div>
-								</div>
-							</div>
-						{/each}
-					</div>
-				{:else}
-					<p class="text-sm opacity-40">Keine Daten</p>
-				{/if}
-			</div>
-
-			<!-- Referrers -->
-			<div
-				class="rounded-xl border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800"
-			>
-				<h2 class="mb-4 text-lg font-semibold">Referrer</h2>
-				{#if referrers.length > 0}
-					<div class="space-y-2">
-						{#each referrers.slice(0, 8) as r}
-							<div class="flex items-center justify-between text-sm">
-								<span class="max-w-[140px] truncate">{r.referer || 'Direkt'}</span>
-								<span class="font-medium tabular-nums">{r.count}</span>
-							</div>
-						{/each}
-					</div>
-				{:else}
-					<p class="text-sm opacity-40">Keine Daten</p>
-				{/if}
-			</div>
-
-			<!-- Countries -->
-			<div
-				class="rounded-xl border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800"
-			>
-				<h2 class="mb-4 text-lg font-semibold">Länder</h2>
-				{#if countries.length > 0}
-					<div class="space-y-3">
-						{#each countries.slice(0, 8) as c}
-							<div>
-								<div class="mb-1 flex items-center justify-between text-sm">
-									<span>{c.country || 'Unbekannt'}</span>
-									<span class="font-medium">{Math.round((c.count / totalCountries) * 100)}%</span>
-								</div>
-								<div class="h-2 rounded-full bg-gray-100 dark:bg-gray-700">
-									<div
-										class="h-2 rounded-full bg-emerald-500"
-										style="width: {(c.count / totalCountries) * 100}%"
-									></div>
-								</div>
-							</div>
-						{/each}
-					</div>
-				{:else}
-					<p class="text-sm opacity-40">Keine Daten</p>
-				{/if}
-			</div>
-		</div>
-	{/if}
-</div>
diff --git a/apps/uload/apps/web-archived/src/routes/(app)/my/links/+page.svelte b/apps/uload/apps/web-archived/src/routes/(app)/my/links/+page.svelte
deleted file mode 100644
index ae293fa65..000000000
--- a/apps/uload/apps/web-archived/src/routes/(app)/my/links/+page.svelte
+++ /dev/null
@@ -1,784 +0,0 @@
-<script lang="ts">
-	import { useLiveQuery } from '@manacore/local-store/svelte';
-	import { linkCollection, tagCollection, folderCollection } from '$lib/data/local-store';
-	import type { LocalLink } from '$lib/data/local-store';
-	import { toast } from 'svelte-sonner';
-	import {
-		CaretRight,
-		ChartBar,
-		Copy,
-		QrCode,
-		PencilSimple,
-		Lightning,
-		Trash,
-		X,
-	} from '@manacore/shared-icons';
-	import { APP_SOURCE_LABELS } from '@manacore/shared-uload';
-
-	const QR_API = 'https://api.qrserver.com/v1/create-qr-code';
-
-	// Live queries
-	const links = useLiveQuery(() =>
-		linkCollection.getAll({}, { sortBy: 'order', sortDirection: 'asc' })
-	);
-	const tags = useLiveQuery(() => tagCollection.getAll());
-	const folders = useLiveQuery(() =>
-		folderCollection.getAll({}, { sortBy: 'order', sortDirection: 'asc' })
-	);
-
-	// Filter state
-	let searchQuery = $state('');
-	let selectedStatus = $state<'all' | 'active' | 'inactive'>('all');
-	let selectedFolderId = $state<string | null>(null);
-	let selectedSource = $state<string | null>(null);
-
-	// Unique sources for filter dropdown
-	let availableSources = $derived.by(() => {
-		const sources = new Set<string>();
-		for (const link of links.value ?? []) {
-			if (link.source) sources.add(link.source);
-		}
-		return [...sources].sort();
-	});
-
-	// Create form state
-	let showCreateForm = $state(false);
-	let newUrl = $state('');
-	let newTitle = $state('');
-	let newCustomCode = $state('');
-	let showUtm = $state(false);
-	let newUtmSource = $state('');
-	let newUtmMedium = $state('');
-	let newUtmCampaign = $state('');
-	let showAdvanced = $state(false);
-	let newExpiresAt = $state('');
-	let newPassword = $state('');
-	let newMaxClicks = $state('');
-
-	// Edit modal state
-	let editingLink = $state<LocalLink | null>(null);
-	let editUrl = $state('');
-	let editTitle = $state('');
-	let editCustomCode = $state('');
-	let editUtmSource = $state('');
-	let editUtmMedium = $state('');
-	let editUtmCampaign = $state('');
-	let editExpiresAt = $state('');
-	let editPassword = $state('');
-	let editMaxClicks = $state('');
-
-	// Bulk selection state
-	let selectMode = $state(false);
-	let selectedIds = $state<Set<string>>(new Set());
-
-	// QR modal state
-	let qrLink = $state<LocalLink | null>(null);
-
-	// Filtered links
-	let filteredLinks = $derived.by(() => {
-		let result = links.value ?? [];
-		if (searchQuery) {
-			const q = searchQuery.toLowerCase();
-			result = result.filter(
-				(l) =>
-					l.title?.toLowerCase().includes(q) ||
-					l.originalUrl.toLowerCase().includes(q) ||
-					l.shortCode.toLowerCase().includes(q)
-			);
-		}
-		if (selectedStatus === 'active') result = result.filter((l) => l.isActive);
-		if (selectedStatus === 'inactive') result = result.filter((l) => !l.isActive);
-		if (selectedFolderId) result = result.filter((l) => l.folderId === selectedFolderId);
-		if (selectedSource) result = result.filter((l) => l.source === selectedSource);
-		return result;
-	});
-
-	function generateShortCode(): string {
-		const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';
-		let code = '';
-		for (let i = 0; i < 6; i++) {
-			code += chars[Math.floor(Math.random() * chars.length)];
-		}
-		return code;
-	}
-
-	function getShortUrl(code: string): string {
-		return `${window.location.origin}/${code}`;
-	}
-
-	async function createLink() {
-		if (!newUrl) return;
-		const shortCode = newCustomCode || generateShortCode();
-		await linkCollection.insert({
-			id: crypto.randomUUID(),
-			shortCode,
-			customCode: newCustomCode || null,
-			originalUrl: newUrl,
-			title: newTitle || null,
-			isActive: true,
-			clickCount: 0,
-			folderId: selectedFolderId,
-			order: links.value?.length ?? 0,
-			utmSource: newUtmSource || null,
-			utmMedium: newUtmMedium || null,
-			utmCampaign: newUtmCampaign || null,
-			expiresAt: newExpiresAt || null,
-			password: newPassword || null,
-			maxClicks: newMaxClicks ? parseInt(newMaxClicks) : null,
-		});
-		toast.success(`Link erstellt: ${shortCode}`);
-		newUrl = '';
-		newTitle = '';
-		newCustomCode = '';
-		newUtmSource = '';
-		newUtmMedium = '';
-		newUtmCampaign = '';
-		newExpiresAt = '';
-		newPassword = '';
-		newMaxClicks = '';
-		showUtm = false;
-		showAdvanced = false;
-	}
-
-	function openEdit(link: LocalLink) {
-		editingLink = link;
-		editUrl = link.originalUrl;
-		editTitle = link.title ?? '';
-		editCustomCode = link.customCode ?? '';
-		editUtmSource = link.utmSource ?? '';
-		editUtmMedium = link.utmMedium ?? '';
-		editUtmCampaign = link.utmCampaign ?? '';
-		editExpiresAt = link.expiresAt ?? '';
-		editPassword = link.password ?? '';
-		editMaxClicks = link.maxClicks?.toString() ?? '';
-	}
-
-	async function saveEdit() {
-		if (!editingLink || !editUrl) return;
-		await linkCollection.update(editingLink.id, {
-			originalUrl: editUrl,
-			title: editTitle || null,
-			customCode: editCustomCode || null,
-			utmSource: editUtmSource || null,
-			utmMedium: editUtmMedium || null,
-			utmCampaign: editUtmCampaign || null,
-			expiresAt: editExpiresAt || null,
-			password: editPassword || null,
-			maxClicks: editMaxClicks ? parseInt(editMaxClicks) : null,
-		});
-		toast.success('Link aktualisiert');
-		editingLink = null;
-	}
-
-	// Bulk actions
-	function toggleSelect(id: string) {
-		if (selectedIds.has(id)) {
-			selectedIds.delete(id);
-		} else {
-			selectedIds.add(id);
-		}
-		selectedIds = selectedIds;
-	}
-
-	function toggleSelectAll() {
-		if (selectedIds.size === filteredLinks.length) {
-			selectedIds.clear();
-		} else {
-			selectedIds = new Set(filteredLinks.map((l) => l.id));
-		}
-		selectedIds = selectedIds;
-	}
-
-	async function bulkDelete() {
-		if (!confirm(`${selectedIds.size} Link(s) löschen?`)) return;
-		for (const id of selectedIds) {
-			await linkCollection.delete(id);
-		}
-		toast.success(`${selectedIds.size} Links gelöscht`);
-		selectedIds.clear();
-		selectedIds = selectedIds;
-		selectMode = false;
-	}
-
-	async function bulkToggleActive() {
-		for (const id of selectedIds) {
-			const link = filteredLinks.find((l) => l.id === id);
-			if (link) await linkCollection.update(id, { isActive: !link.isActive });
-		}
-		toast.success(`${selectedIds.size} Links aktualisiert`);
-		selectedIds.clear();
-		selectedIds = selectedIds;
-		selectMode = false;
-	}
-
-	async function toggleActive(link: LocalLink) {
-		await linkCollection.update(link.id, { isActive: !link.isActive });
-	}
-
-	async function deleteLink(link: LocalLink) {
-		if (!confirm(`"${link.title || link.shortCode}" wirklich löschen?`)) return;
-		await linkCollection.delete(link.id);
-		toast.success('Link gelöscht');
-	}
-
-	function copyShortUrl(code: string) {
-		navigator.clipboard.writeText(getShortUrl(code));
-		toast.success('Link kopiert!');
-	}
-
-	function downloadQr(code: string) {
-		const url = `${QR_API}/?size=400x400&data=${encodeURIComponent(getShortUrl(code))}`;
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = `qr-${code}.png`;
-		a.click();
-	}
-
-	const inputClass =
-		'w-full rounded-lg border border-gray-300 bg-white px-4 py-3 focus:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-200 dark:border-gray-600 dark:bg-gray-700';
-	const inputSmClass =
-		'w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none dark:border-gray-600 dark:bg-gray-700';
-</script>
-
-<div class="min-h-screen">
-	<div class="mx-auto max-w-7xl">
-		<!-- Header -->
-		<div class="mb-6 flex items-center justify-between">
-			<h1 class="text-3xl font-bold">
-				Links
-				{#if filteredLinks.length > 0}
-					<span class="ml-2 text-2xl opacity-50">({filteredLinks.length})</span>
-				{/if}
-			</h1>
-			<div class="flex items-center gap-2">
-				<button
-					onclick={() => {
-						selectMode = !selectMode;
-						if (!selectMode) {
-							selectedIds.clear();
-							selectedIds = selectedIds;
-						}
-					}}
-					class="rounded-lg border border-gray-300 px-3 py-2 text-sm font-medium transition-colors {selectMode
-						? 'bg-indigo-600 text-white'
-						: 'hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-700'}"
-				>
-					{selectMode ? 'Fertig' : 'Auswählen'}
-				</button>
-				<button
-					onclick={() => (showCreateForm = !showCreateForm)}
-					class="rounded-lg bg-indigo-600 px-4 py-2 font-medium text-white shadow-lg transition-all hover:scale-105 hover:bg-indigo-700"
-				>
-					{showCreateForm ? '- Ausblenden' : '+ Neuer Link'}
-				</button>
-			</div>
-		</div>
-
-		<!-- Create Form -->
-		{#if showCreateForm}
-			<div
-				class="mb-6 rounded-xl border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-700 dark:bg-gray-800"
-			>
-				<div class="grid gap-4 md:grid-cols-2">
-					<div class="md:col-span-2">
-						<label for="url" class="mb-1 block text-sm font-medium">URL</label>
-						<input
-							id="url"
-							type="url"
-							bind:value={newUrl}
-							placeholder="https://example.com/long-url-here"
-							class={inputClass}
-							onkeydown={(e) => e.key === 'Enter' && createLink()}
-						/>
-					</div>
-					<div>
-						<label for="title" class="mb-1 block text-sm font-medium">Titel (optional)</label>
-						<input
-							id="title"
-							type="text"
-							bind:value={newTitle}
-							placeholder="Mein Link"
-							class={inputClass}
-						/>
-					</div>
-					<div>
-						<label for="code" class="mb-1 block text-sm font-medium">Custom Code (optional)</label>
-						<input
-							id="code"
-							type="text"
-							bind:value={newCustomCode}
-							placeholder="mein-link"
-							class={inputClass}
-						/>
-					</div>
-				</div>
-
-				<!-- Advanced Options (collapsible) -->
-				<button
-					onclick={() => (showAdvanced = !showAdvanced)}
-					class="mt-2 flex items-center gap-1 text-sm text-indigo-600 hover:text-indigo-700"
-				>
-					<span class="transition-transform {showAdvanced ? 'rotate-90' : ''}"
-						><CaretRight size={16} /></span
-					>
-					Erweitert
-				</button>
-				{#if showAdvanced}
-					<div class="mt-3 grid gap-3 md:grid-cols-3">
-						<div>
-							<label for="expires" class="mb-1 block text-xs font-medium opacity-70"
-								>Ablaufdatum</label
-							>
-							<input
-								id="expires"
-								type="datetime-local"
-								bind:value={newExpiresAt}
-								class={inputSmClass}
-							/>
-						</div>
-						<div>
-							<label for="password" class="mb-1 block text-xs font-medium opacity-70"
-								>Passwort</label
-							>
-							<input
-								id="password"
-								type="text"
-								bind:value={newPassword}
-								placeholder="Optional"
-								class={inputSmClass}
-							/>
-						</div>
-						<div>
-							<label for="maxclicks" class="mb-1 block text-xs font-medium opacity-70"
-								>Max Klicks</label
-							>
-							<input
-								id="maxclicks"
-								type="number"
-								bind:value={newMaxClicks}
-								placeholder="Unbegrenzt"
-								min="1"
-								class={inputSmClass}
-							/>
-						</div>
-					</div>
-				{/if}
-
-				<!-- UTM Parameters (collapsible) -->
-				<button
-					onclick={() => (showUtm = !showUtm)}
-					class="mt-3 flex items-center gap-1 text-sm text-indigo-600 hover:text-indigo-700"
-				>
-					<span class="transition-transform {showUtm ? 'rotate-90' : ''}"
-						><CaretRight size={16} /></span
-					>
-					UTM-Parameter
-				</button>
-				{#if showUtm}
-					<div class="mt-3 grid gap-3 md:grid-cols-3">
-						<div>
-							<label for="utm-source" class="mb-1 block text-xs font-medium opacity-70"
-								>Source</label
-							>
-							<input
-								id="utm-source"
-								type="text"
-								bind:value={newUtmSource}
-								placeholder="newsletter"
-								class={inputSmClass}
-							/>
-						</div>
-						<div>
-							<label for="utm-medium" class="mb-1 block text-xs font-medium opacity-70"
-								>Medium</label
-							>
-							<input
-								id="utm-medium"
-								type="text"
-								bind:value={newUtmMedium}
-								placeholder="email"
-								class={inputSmClass}
-							/>
-						</div>
-						<div>
-							<label for="utm-campaign" class="mb-1 block text-xs font-medium opacity-70"
-								>Campaign</label
-							>
-							<input
-								id="utm-campaign"
-								type="text"
-								bind:value={newUtmCampaign}
-								placeholder="spring-2026"
-								class={inputSmClass}
-							/>
-						</div>
-					</div>
-				{/if}
-
-				<div class="mt-4 flex justify-end">
-					<button
-						onclick={createLink}
-						disabled={!newUrl}
-						class="rounded-lg bg-indigo-600 px-6 py-2.5 font-medium text-white transition-colors hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50"
-					>
-						Link erstellen
-					</button>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Filters -->
-		<div class="mb-4 flex flex-wrap items-center gap-3">
-			<input
-				type="text"
-				bind:value={searchQuery}
-				placeholder="Links durchsuchen..."
-				class={inputSmClass}
-				style="max-width: 240px"
-			/>
-			<select bind:value={selectedStatus} class={inputSmClass} style="max-width: 140px">
-				<option value="all">Alle</option>
-				<option value="active">Aktiv</option>
-				<option value="inactive">Inaktiv</option>
-			</select>
-			{#if folders.value && folders.value.length > 0}
-				<select bind:value={selectedFolderId} class={inputSmClass} style="max-width: 160px">
-					<option value={null}>Alle Ordner</option>
-					{#each folders.value as folder}
-						<option value={folder.id}>{folder.name}</option>
-					{/each}
-				</select>
-			{/if}
-			{#if availableSources.length > 0}
-				<select bind:value={selectedSource} class={inputSmClass} style="max-width: 160px">
-					<option value={null}>Alle Quellen</option>
-					{#each availableSources as source}
-						<option value={source}>{APP_SOURCE_LABELS[source] || source}</option>
-					{/each}
-				</select>
-			{/if}
-		</div>
-
-		<!-- Bulk Actions Bar -->
-		{#if selectMode && selectedIds.size > 0}
-			<div
-				class="mb-4 flex items-center gap-3 rounded-lg border border-indigo-200 bg-indigo-50 p-3 dark:border-indigo-800 dark:bg-indigo-900/20"
-			>
-				<label class="flex cursor-pointer items-center gap-2">
-					<input
-						type="checkbox"
-						checked={selectedIds.size === filteredLinks.length}
-						onchange={toggleSelectAll}
-						class="h-4 w-4 rounded"
-					/>
-					<span class="text-sm font-medium">{selectedIds.size} ausgewählt</span>
-				</label>
-				<div class="h-4 w-px bg-indigo-300 dark:bg-indigo-700"></div>
-				<button
-					onclick={bulkToggleActive}
-					class="rounded px-3 py-1 text-sm font-medium hover:bg-indigo-100 dark:hover:bg-indigo-800"
-					>Aktivieren/Deaktivieren</button
-				>
-				<button
-					onclick={bulkDelete}
-					class="rounded px-3 py-1 text-sm font-medium text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20"
-					>Löschen</button
-				>
-			</div>
-		{/if}
-
-		<!-- Links List -->
-		{#if links.loading}
-			<div class="space-y-3">
-				{#each Array(3) as _}
-					<div class="h-20 animate-pulse rounded-xl bg-gray-100 dark:bg-gray-800"></div>
-				{/each}
-			</div>
-		{:else if filteredLinks.length === 0}
-			<div
-				class="rounded-xl border-2 border-dashed border-gray-300 p-12 text-center dark:border-gray-600"
-			>
-				<p class="text-lg font-medium opacity-60">Noch keine Links</p>
-				<p class="mt-1 text-sm opacity-40">Erstelle deinen ersten gekürzten Link!</p>
-				<button
-					onclick={() => (showCreateForm = true)}
-					class="mt-4 rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700"
-				>
-					+ Neuer Link
-				</button>
-			</div>
-		{:else}
-			<div class="space-y-3">
-				{#each filteredLinks as link (link.id)}
-					<div
-						class="group rounded-xl border border-gray-200 bg-white p-4 shadow-sm transition-all hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
-					>
-						<div class="flex items-center justify-between">
-							{#if selectMode}
-								<input
-									type="checkbox"
-									checked={selectedIds.has(link.id)}
-									onchange={() => toggleSelect(link.id)}
-									class="mr-3 h-4 w-4 shrink-0 rounded"
-								/>
-							{/if}
-							<div class="min-w-0 flex-1">
-								<div class="flex flex-wrap items-center gap-2">
-									<span
-										class="inline-block h-2 w-2 shrink-0 rounded-full {link.isActive
-											? 'bg-green-500'
-											: 'bg-gray-400'}"
-									></span>
-									<h3 class="truncate font-semibold">{link.title || link.shortCode}</h3>
-									<span
-										class="shrink-0 rounded bg-indigo-100 px-2 py-0.5 font-mono text-xs text-indigo-700 dark:bg-indigo-900 dark:text-indigo-300"
-									>
-										/{link.shortCode}
-									</span>
-									{#if link.source}
-										<span
-											class="shrink-0 rounded bg-purple-100 px-1.5 py-0.5 text-xs text-purple-700 dark:bg-purple-900 dark:text-purple-300"
-											title="Erstellt via {APP_SOURCE_LABELS[link.source] || link.source}"
-											>{APP_SOURCE_LABELS[link.source] || link.source}</span
-										>
-									{/if}
-									{#if link.utmSource || link.utmMedium || link.utmCampaign}
-										<span
-											class="shrink-0 rounded bg-amber-100 px-1.5 py-0.5 text-xs text-amber-700 dark:bg-amber-900 dark:text-amber-300"
-											>UTM</span
-										>
-									{/if}
-									{#if link.password}
-										<span
-											class="shrink-0 rounded bg-red-100 px-1.5 py-0.5 text-xs text-red-700 dark:bg-red-900 dark:text-red-300"
-											>🔒</span
-										>
-									{/if}
-									{#if link.expiresAt}
-										<span
-											class="shrink-0 rounded bg-orange-100 px-1.5 py-0.5 text-xs text-orange-700 dark:bg-orange-900 dark:text-orange-300"
-											title="Läuft ab: {new Date(link.expiresAt).toLocaleDateString('de')}">⏰</span
-										>
-									{/if}
-									{#if link.maxClicks}
-										<span
-											class="shrink-0 rounded bg-blue-100 px-1.5 py-0.5 text-xs text-blue-700 dark:bg-blue-900 dark:text-blue-300"
-											title="Max: {link.maxClicks} Klicks">🎯 {link.maxClicks}</span
-										>
-									{/if}
-								</div>
-								<p class="mt-1 truncate text-sm opacity-60">{link.originalUrl}</p>
-							</div>
-
-							<div class="ml-4 flex items-center gap-1">
-								<a
-									href="/my/analytics/{link.id}"
-									class="flex items-center gap-1 rounded-lg px-2 py-1.5 text-sm font-medium opacity-60 transition-all hover:bg-gray-100 hover:opacity-100 dark:hover:bg-gray-700"
-									title="Analytics"
-								>
-									<ChartBar size={16} />
-									{link.clickCount}
-								</a>
-								<button
-									onclick={() => copyShortUrl(link.shortCode)}
-									class="rounded-lg p-2 opacity-0 transition-all hover:bg-gray-100 group-hover:opacity-100 dark:hover:bg-gray-700"
-									title="Link kopieren"
-								>
-									<Copy size={16} />
-								</button>
-								<button
-									onclick={() => (qrLink = link)}
-									class="rounded-lg p-2 opacity-0 transition-all hover:bg-gray-100 group-hover:opacity-100 dark:hover:bg-gray-700"
-									title="QR-Code"
-								>
-									<QrCode size={16} />
-								</button>
-								<button
-									onclick={() => openEdit(link)}
-									class="rounded-lg p-2 opacity-0 transition-all hover:bg-gray-100 group-hover:opacity-100 dark:hover:bg-gray-700"
-									title="Bearbeiten"
-								>
-									<PencilSimple size={16} />
-								</button>
-								<button
-									onclick={() => toggleActive(link)}
-									class="rounded-lg p-2 opacity-0 transition-all hover:bg-gray-100 group-hover:opacity-100 dark:hover:bg-gray-700"
-									title={link.isActive ? 'Deaktivieren' : 'Aktivieren'}
-								>
-									<Lightning size={16} class={link.isActive ? 'text-green-500' : 'text-gray-400'} />
-								</button>
-								<button
-									onclick={() => deleteLink(link)}
-									class="rounded-lg p-2 opacity-0 transition-all hover:bg-red-50 hover:text-red-600 group-hover:opacity-100 dark:hover:bg-red-900/20"
-									title="Löschen"
-								>
-									<Trash size={16} />
-								</button>
-							</div>
-						</div>
-					</div>
-				{/each}
-			</div>
-		{/if}
-	</div>
-</div>
-
-<!-- Edit Modal -->
-{#if editingLink}
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"
-		onclick={() => (editingLink = null)}
-	>
-		<div
-			class="w-full max-w-lg rounded-xl bg-white p-6 shadow-2xl dark:bg-gray-800"
-			onclick={(e) => e.stopPropagation()}
-		>
-			<div class="mb-4 flex items-center justify-between">
-				<h3 class="text-lg font-semibold">Link bearbeiten</h3>
-				<button
-					onclick={() => (editingLink = null)}
-					class="rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-700"
-				>
-					<X size={20} />
-				</button>
-			</div>
-
-			<div class="space-y-4">
-				<div>
-					<label for="edit-url" class="mb-1 block text-sm font-medium">URL</label>
-					<input id="edit-url" type="url" bind:value={editUrl} class={inputClass} />
-				</div>
-				<div>
-					<label for="edit-title" class="mb-1 block text-sm font-medium">Titel</label>
-					<input id="edit-title" type="text" bind:value={editTitle} class={inputClass} />
-				</div>
-				<div>
-					<label for="edit-code" class="mb-1 block text-sm font-medium">Short Code</label>
-					<div class="flex items-center gap-2">
-						<span class="text-sm opacity-50">/{editingLink.shortCode}</span>
-						<span class="text-xs opacity-30">(nicht änderbar)</span>
-					</div>
-				</div>
-
-				<div class="border-t border-gray-200 pt-4 dark:border-gray-700">
-					<p class="mb-2 text-sm font-medium opacity-70">UTM-Parameter</p>
-					<div class="grid gap-3 md:grid-cols-3">
-						<input
-							type="text"
-							bind:value={editUtmSource}
-							placeholder="Source"
-							class={inputSmClass}
-						/>
-						<input
-							type="text"
-							bind:value={editUtmMedium}
-							placeholder="Medium"
-							class={inputSmClass}
-						/>
-						<input
-							type="text"
-							bind:value={editUtmCampaign}
-							placeholder="Campaign"
-							class={inputSmClass}
-						/>
-					</div>
-				</div>
-
-				<div class="border-t border-gray-200 pt-4 dark:border-gray-700">
-					<p class="mb-2 text-sm font-medium opacity-70">Erweitert</p>
-					<div class="grid gap-3 md:grid-cols-3">
-						<div>
-							<label class="mb-1 block text-xs opacity-50">Ablaufdatum</label>
-							<input type="datetime-local" bind:value={editExpiresAt} class={inputSmClass} />
-						</div>
-						<div>
-							<label class="mb-1 block text-xs opacity-50">Passwort</label>
-							<input
-								type="text"
-								bind:value={editPassword}
-								placeholder="Optional"
-								class={inputSmClass}
-							/>
-						</div>
-						<div>
-							<label class="mb-1 block text-xs opacity-50">Max Klicks</label>
-							<input
-								type="number"
-								bind:value={editMaxClicks}
-								placeholder="Unbegrenzt"
-								min="1"
-								class={inputSmClass}
-							/>
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<div class="mt-6 flex justify-end gap-2">
-				<button
-					onclick={() => (editingLink = null)}
-					class="rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-700"
-				>
-					Abbrechen
-				</button>
-				<button
-					onclick={saveEdit}
-					disabled={!editUrl}
-					class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700 disabled:opacity-50"
-				>
-					Speichern
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<!-- QR Code Modal -->
-{#if qrLink}
-	<div
-		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"
-		onclick={() => (qrLink = null)}
-	>
-		<div
-			class="w-full max-w-sm rounded-xl bg-white p-6 shadow-2xl dark:bg-gray-800"
-			onclick={(e) => e.stopPropagation()}
-		>
-			<div class="mb-4 flex items-center justify-between">
-				<h3 class="text-lg font-semibold">QR-Code</h3>
-				<button
-					onclick={() => (qrLink = null)}
-					class="rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-700"
-				>
-					<X size={20} />
-				</button>
-			</div>
-
-			<div class="flex flex-col items-center gap-4">
-				<div class="rounded-lg bg-white p-4">
-					<img
-						src="{QR_API}/?size=200x200&data={encodeURIComponent(getShortUrl(qrLink.shortCode))}"
-						alt="QR Code für {qrLink.shortCode}"
-						class="h-48 w-48"
-					/>
-				</div>
-				<p class="font-mono text-sm text-indigo-600">{getShortUrl(qrLink.shortCode)}</p>
-				<div class="flex w-full gap-2">
-					<button
-						onclick={() => {
-							copyShortUrl(qrLink!.shortCode);
-						}}
-						class="flex-1 rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-700"
-					>
-						Link kopieren
-					</button>
-					<button
-						onclick={() => downloadQr(qrLink!.shortCode)}
-						class="flex-1 rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700"
-					>
-						QR herunterladen
-					</button>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/uload/apps/web-archived/src/routes/(app)/my/tags/+page.svelte b/apps/uload/apps/web-archived/src/routes/(app)/my/tags/+page.svelte
deleted file mode 100644
index 9116fb35a..000000000
--- a/apps/uload/apps/web-archived/src/routes/(app)/my/tags/+page.svelte
+++ /dev/null
@@ -1,175 +0,0 @@
-<script lang="ts">
-	import { useLiveQuery } from '@manacore/local-store/svelte';
-	import { tagCollection, linkTagCollection } from '$lib/data/local-store';
-	import type { LocalTag } from '$lib/data/local-store';
-	import { toast } from 'svelte-sonner';
-	import { PencilSimple, Trash } from '@manacore/shared-icons';
-
-	const tags = useLiveQuery(() => tagCollection.getAll({}, { sortBy: 'name' }));
-	const linkTags = useLiveQuery(() => linkTagCollection.getAll());
-
-	let showCreateForm = $state(false);
-	let newName = $state('');
-	let newColor = $state('#6366f1');
-	let editingTag = $state<LocalTag | null>(null);
-
-	function slugify(name: string): string {
-		return name
-			.toLowerCase()
-			.replace(/[^a-z0-9]+/g, '-')
-			.replace(/^-+|-+$/g, '');
-	}
-
-	function getUsageCount(tagId: string): number {
-		return (linkTags.value ?? []).filter((lt) => lt.tagId === tagId).length;
-	}
-
-	async function createTag() {
-		if (!newName.trim()) return;
-		await tagCollection.insert({
-			id: crypto.randomUUID(),
-			name: newName.trim(),
-			slug: slugify(newName),
-			color: newColor,
-			icon: null,
-			isPublic: false,
-			usageCount: 0,
-		});
-		toast.success(`Tag "${newName}" erstellt`);
-		newName = '';
-		newColor = '#6366f1';
-		showCreateForm = false;
-	}
-
-	async function deleteTag(tag: LocalTag) {
-		await tagCollection.delete(tag.id);
-		toast.success(`Tag "${tag.name}" gelöscht`);
-	}
-
-	async function updateTag() {
-		if (!editingTag) return;
-		await tagCollection.update(editingTag.id, {
-			name: editingTag.name,
-			slug: slugify(editingTag.name),
-			color: editingTag.color,
-		});
-		toast.success('Tag aktualisiert');
-		editingTag = null;
-	}
-</script>
-
-<div class="mx-auto max-w-4xl">
-	<div class="mb-6 flex items-center justify-between">
-		<h1 class="text-3xl font-bold">Tags</h1>
-		<button
-			onclick={() => (showCreateForm = !showCreateForm)}
-			class="rounded-lg bg-indigo-600 px-4 py-2 font-medium text-white hover:bg-indigo-700"
-		>
-			{showCreateForm ? '- Ausblenden' : '+ Neuer Tag'}
-		</button>
-	</div>
-
-	{#if showCreateForm}
-		<div
-			class="mb-6 rounded-xl border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-700 dark:bg-gray-800"
-		>
-			<div class="flex items-end gap-4">
-				<div class="flex-1">
-					<label for="tag-name" class="mb-1 block text-sm font-medium">Name</label>
-					<input
-						id="tag-name"
-						type="text"
-						bind:value={newName}
-						placeholder="z.B. Social Media"
-						class="w-full rounded-lg border border-gray-300 px-4 py-2 focus:border-indigo-500 focus:outline-none dark:border-gray-600 dark:bg-gray-700"
-						onkeydown={(e) => e.key === 'Enter' && createTag()}
-					/>
-				</div>
-				<div>
-					<label for="tag-color" class="mb-1 block text-sm font-medium">Farbe</label>
-					<input
-						id="tag-color"
-						type="color"
-						bind:value={newColor}
-						class="h-10 w-16 cursor-pointer rounded-lg border border-gray-300"
-					/>
-				</div>
-				<button
-					onclick={createTag}
-					disabled={!newName.trim()}
-					class="rounded-lg bg-indigo-600 px-6 py-2 font-medium text-white hover:bg-indigo-700 disabled:opacity-50"
-				>
-					Erstellen
-				</button>
-			</div>
-		</div>
-	{/if}
-
-	{#if tags.loading}
-		<div class="space-y-3">
-			{#each Array(3) as _}
-				<div class="h-16 animate-pulse rounded-xl bg-gray-100 dark:bg-gray-800"></div>
-			{/each}
-		</div>
-	{:else if !tags.value || tags.value.length === 0}
-		<div
-			class="rounded-xl border-2 border-dashed border-gray-300 p-12 text-center dark:border-gray-600"
-		>
-			<p class="text-lg font-medium opacity-60">Noch keine Tags</p>
-			<p class="mt-1 text-sm opacity-40">Erstelle Tags um deine Links zu organisieren.</p>
-		</div>
-	{:else}
-		<div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
-			{#each tags.value as tag (tag.id)}
-				<div
-					class="group rounded-xl border border-gray-200 bg-white p-4 shadow-sm transition-all hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
-				>
-					{#if editingTag?.id === tag.id}
-						<div class="space-y-3">
-							<input
-								type="text"
-								bind:value={editingTag.name}
-								class="w-full rounded border border-gray-300 px-3 py-1.5 text-sm dark:border-gray-600 dark:bg-gray-700"
-							/>
-							<div class="flex items-center gap-2">
-								<input type="color" bind:value={editingTag.color} class="h-8 w-12 rounded" />
-								<button
-									onclick={updateTag}
-									class="rounded bg-indigo-600 px-3 py-1 text-sm text-white">Speichern</button
-								>
-								<button onclick={() => (editingTag = null)} class="rounded border px-3 py-1 text-sm"
-									>Abbrechen</button
-								>
-							</div>
-						</div>
-					{:else}
-						<div class="flex items-center justify-between">
-							<div class="flex items-center gap-3">
-								<span
-									class="inline-block h-4 w-4 rounded-full"
-									style="background-color: {tag.color}"
-								></span>
-								<span class="font-medium">{tag.name}</span>
-							</div>
-							<div class="flex items-center gap-2">
-								<span class="text-sm opacity-50">{getUsageCount(tag.id)} Links</span>
-								<button
-									onclick={() => (editingTag = { ...tag })}
-									class="rounded p-1 opacity-0 transition-all hover:bg-gray-100 group-hover:opacity-100 dark:hover:bg-gray-700"
-								>
-									<PencilSimple size={16} />
-								</button>
-								<button
-									onclick={() => deleteTag(tag)}
-									class="rounded p-1 opacity-0 transition-all hover:bg-red-50 hover:text-red-600 group-hover:opacity-100 dark:hover:bg-red-900/20"
-								>
-									<Trash size={16} />
-								</button>
-							</div>
-						</div>
-					{/if}
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
diff --git a/apps/uload/apps/web-archived/src/routes/(app)/pricing/+page.svelte b/apps/uload/apps/web-archived/src/routes/(app)/pricing/+page.svelte
deleted file mode 100644
index 9aa9bf00f..000000000
--- a/apps/uload/apps/web-archived/src/routes/(app)/pricing/+page.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts">
-	const plans = [
-		{
-			name: 'Free',
-			price: '0',
-			features: ['50 Links', 'Basis-Analytics', 'QR-Codes'],
-			current: true,
-		},
-		{
-			name: 'Pro',
-			price: '4.99',
-			features: ['Unbegrenzte Links', 'Erweiterte Analytics', 'Custom Domains', 'Team-Features'],
-			current: false,
-		},
-	];
-</script>
-
-<div class="mx-auto max-w-4xl">
-	<h1 class="mb-8 text-center text-3xl font-bold">Preise</h1>
-
-	<div class="grid gap-6 md:grid-cols-2">
-		{#each plans as plan}
-			<div
-				class="rounded-xl border-2 p-6 {plan.current
-					? 'border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20'
-					: 'border-gray-200 dark:border-gray-700'}"
-			>
-				<h2 class="text-xl font-bold">{plan.name}</h2>
-				<p class="mt-2 text-3xl font-bold">
-					{plan.price === '0' ? 'Kostenlos' : `${plan.price}€/Monat`}
-				</p>
-				<ul class="mt-4 space-y-2">
-					{#each plan.features as feature}
-						<li class="flex items-center gap-2 text-sm">
-							<span class="text-green-500">✓</span>
-							{feature}
-						</li>
-					{/each}
-				</ul>
-				{#if plan.current}
-					<p class="mt-4 text-center text-sm font-medium text-indigo-600">Aktueller Plan</p>
-				{:else}
-					<button
-						class="mt-4 w-full rounded-lg bg-indigo-600 py-2 text-sm font-medium text-white hover:bg-indigo-700"
-					>
-						Upgrade
-					</button>
-				{/if}
-			</div>
-		{/each}
-	</div>
-</div>
diff --git a/apps/uload/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/uload/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index 955127535..000000000
--- a/apps/uload/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { goto } from '$app/navigation';
-	import { uloadStore } from '$lib/data/local-store';
-	import { toast } from 'svelte-sonner';
-
-	let user = $derived(authStore.user);
-
-	async function handleLogout() {
-		uloadStore.stopSync();
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	async function handleClearData() {
-		if (!confirm('Alle lokalen Daten löschen? Dies kann nicht rückgängig gemacht werden.')) return;
-		await uloadStore.reset();
-		toast.success('Lokale Daten gelöscht');
-	}
-</script>
-
-<div class="mx-auto max-w-2xl">
-	<h1 class="mb-8 text-3xl font-bold">Einstellungen</h1>
-
-	{#if user}
-		<div
-			class="mb-6 rounded-xl border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800"
-		>
-			<h2 class="mb-4 text-lg font-semibold">Account</h2>
-			<div class="space-y-3">
-				<div class="flex justify-between">
-					<span class="text-sm opacity-60">E-Mail</span>
-					<span class="text-sm font-medium">{user.email}</span>
-				</div>
-				<div class="flex justify-between">
-					<span class="text-sm opacity-60">Name</span>
-					<span class="text-sm font-medium">{user.email}</span>
-				</div>
-			</div>
-		</div>
-	{:else}
-		<div
-			class="mb-6 rounded-xl border border-yellow-200 bg-yellow-50 p-6 dark:border-yellow-800 dark:bg-yellow-900/20"
-		>
-			<p class="text-sm">
-				Du bist als Gast unterwegs. <a
-					href="/login"
-					class="font-medium text-indigo-600 hover:underline">Anmelden</a
-				> um Daten zu synchronisieren.
-			</p>
-		</div>
-	{/if}
-
-	<div class="space-y-4">
-		<div
-			class="rounded-xl border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800"
-		>
-			<h2 class="mb-4 text-lg font-semibold">Daten</h2>
-			<button
-				onclick={handleClearData}
-				class="rounded-lg border border-red-300 px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-50 dark:border-red-700 dark:hover:bg-red-900/20"
-			>
-				Lokale Daten löschen
-			</button>
-		</div>
-
-		{#if user}
-			<button
-				onclick={handleLogout}
-				class="w-full rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-gray-800"
-			>
-				Abmelden
-			</button>
-		{/if}
-	</div>
-</div>
diff --git a/apps/uload/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/uload/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index 5af177a9f..000000000
--- a/apps/uload/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let { children } = $props();
-
-	$effect(() => {
-		if (authStore.isAuthenticated) {
-			goto('/my/links');
-		}
-	});
-</script>
-
-{@render children()}
diff --git a/apps/uload/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/uload/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 19a707d16..000000000
--- a/apps/uload/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { UloadLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	async function handleResetPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<ForgotPasswordPage
-	appName="uLoad"
-	logo={UloadLogo}
-	primaryColor="#6366f1"
-	onForgotPassword={handleResetPassword}
-	{goto}
-	loginPath="/login"
-	translations={{
-		emailPlaceholder: 'E-Mail',
-		backToLogin: 'Zurück zum Login',
-	}}
-/>
diff --git a/apps/uload/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/uload/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 8ce646738..000000000
--- a/apps/uload/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { UloadLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<LoginPage
-	appName="uLoad"
-	logo={UloadLogo}
-	primaryColor="#6366f1"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect="/my/links"
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	translations={{
-		title: 'Anmelden',
-		subtitle: 'Melde dich mit deinem uLoad Account an',
-		emailPlaceholder: 'E-Mail',
-		passwordPlaceholder: 'Passwort',
-		rememberMe: 'Angemeldet bleiben',
-		forgotPassword: 'Passwort vergessen?',
-		signInButton: 'Anmelden',
-		signingIn: 'Wird angemeldet...',
-		success: 'Erfolg!',
-		orDivider: 'oder',
-		noAccount: 'Noch kein Account?',
-		createAccount: 'Jetzt registrieren',
-		skipToForm: 'Zum Login-Formular springen',
-		showPassword: 'Passwort anzeigen',
-		hidePassword: 'Passwort verbergen',
-		emailRequired: 'E-Mail ist erforderlich',
-		emailInvalid: 'Bitte gib eine gültige E-Mail-Adresse ein',
-		passwordRequired: 'Passwort ist erforderlich',
-		signInFailed: 'Anmeldung fehlgeschlagen',
-		signInSuccess: 'Erfolgreich angemeldet. Weiterleitung...',
-	}}
-/>
diff --git a/apps/uload/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/uload/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 485eabc9d..000000000
--- a/apps/uload/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { UloadLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-</script>
-
-<RegisterPage
-	appName="uLoad"
-	logo={UloadLogo}
-	primaryColor="#6366f1"
-	onSignUp={handleSignUp}
-	{goto}
-	successRedirect="/my/links"
-	loginPath="/login"
-	translations={{
-		emailPlaceholder: 'E-Mail',
-		passwordPlaceholder: 'Passwort',
-	}}
-/>
diff --git a/apps/uload/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/uload/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index c25bd9548..000000000
--- a/apps/uload/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,82 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { toast } from 'svelte-sonner';
-
-	const token = $derived($page.url.searchParams.get('token'));
-	let password = $state('');
-	let passwordConfirm = $state('');
-	let isSubmitting = $state(false);
-	let success = $state(false);
-
-	async function handleReset() {
-		if (!token) return;
-		if (password !== passwordConfirm) {
-			toast.error('Passwörter stimmen nicht überein');
-			return;
-		}
-		isSubmitting = true;
-		const result = await authStore.resetPasswordWithToken(token, password);
-		isSubmitting = false;
-		if (result.success) {
-			success = true;
-		} else {
-			toast.error(result.error || 'Fehler beim Zurücksetzen');
-		}
-	}
-</script>
-
-<div class="flex min-h-screen items-center justify-center p-4">
-	<div
-		class="w-full max-w-md rounded-xl border border-gray-200 bg-white p-8 shadow-xl dark:border-gray-700 dark:bg-gray-800"
-	>
-		{#if !token}
-			<div class="text-center">
-				<p class="text-lg font-bold">Ungültiger Link</p>
-				<a href="/forgot-password" class="mt-4 inline-block text-indigo-600 hover:underline"
-					>Neuen Link anfordern</a
-				>
-			</div>
-		{:else if success}
-			<div class="text-center">
-				<p class="text-lg font-bold">Passwort zurückgesetzt!</p>
-				<a
-					href="/login"
-					class="mt-4 inline-block rounded-lg bg-indigo-600 px-6 py-2 text-white hover:bg-indigo-700"
-					>Zum Login</a
-				>
-			</div>
-		{:else}
-			<h1 class="mb-6 text-center text-2xl font-bold">Neues Passwort setzen</h1>
-			<div class="space-y-4">
-				<input
-					type="password"
-					bind:value={password}
-					placeholder="Neues Passwort"
-					minlength={8}
-					required
-					class="w-full rounded-lg border border-gray-300 px-4 py-3 dark:border-gray-600 dark:bg-gray-700"
-				/>
-				<input
-					type="password"
-					bind:value={passwordConfirm}
-					placeholder="Passwort bestätigen"
-					minlength={8}
-					required
-					class="w-full rounded-lg border border-gray-300 px-4 py-3 dark:border-gray-600 dark:bg-gray-700"
-				/>
-				<button
-					onclick={handleReset}
-					disabled={isSubmitting || !password || !passwordConfirm}
-					class="w-full rounded-lg bg-indigo-600 py-3 font-medium text-white hover:bg-indigo-700 disabled:opacity-50"
-				>
-					{isSubmitting ? 'Wird zurückgesetzt...' : 'Passwort zurücksetzen'}
-				</button>
-			</div>
-			<p class="mt-4 text-center text-sm opacity-60">
-				<a href="/login" class="text-indigo-600 hover:underline">Zurück zum Login</a>
-			</p>
-		{/if}
-	</div>
-</div>
diff --git a/apps/uload/apps/web-archived/src/routes/(auth)/verify-email/+page.svelte b/apps/uload/apps/web-archived/src/routes/(auth)/verify-email/+page.svelte
deleted file mode 100644
index 90a23ca00..000000000
--- a/apps/uload/apps/web-archived/src/routes/(auth)/verify-email/+page.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	onMount(() => {
-		// Redirect to login after a moment
-		setTimeout(() => goto('/login'), 2000);
-	});
-</script>
-
-<div class="flex min-h-screen items-center justify-center p-4">
-	<div
-		class="w-full max-w-md rounded-xl border border-gray-200 bg-white p-8 text-center shadow-xl dark:border-gray-700 dark:bg-gray-800"
-	>
-		<div
-			class="mb-4 inline-block h-10 w-10 animate-spin rounded-full border-4 border-solid border-indigo-500 border-r-transparent"
-		></div>
-		<h1 class="mb-2 text-2xl font-bold">E-Mail wird verifiziert</h1>
-		<p class="opacity-60">Bitte warten...</p>
-	</div>
-</div>
diff --git a/apps/uload/apps/web-archived/src/routes/+layout.svelte b/apps/uload/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index fd2ef118a..000000000
--- a/apps/uload/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import '$lib/i18n';
-	import favicon from '$lib/assets/favicon.svg';
-	import { themeStore } from '$lib/theme.svelte';
-	import { onMount } from 'svelte';
-	import { isLoading as i18nLoading } from 'svelte-i18n';
-	import { Toaster } from 'svelte-sonner';
-	import { uloadStore } from '$lib/data/local-store';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { initI18n } from '$lib/i18n';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-	let appReady = $derived(!loading && !$i18nLoading);
-
-	onMount(async () => {
-		initI18n();
-		themeStore.initialize();
-		await authStore.initialize();
-		await uloadStore.initialize();
-		loading = false;
-	});
-</script>
-
-<svelte:head>
-	<link rel="icon" href={favicon} />
-</svelte:head>
-
-{#if !appReady}
-	<div class="flex min-h-screen items-center justify-center">
-		<div
-			class="inline-block h-10 w-10 animate-spin rounded-full border-4 border-solid border-indigo-500 border-r-transparent"
-		></div>
-	</div>
-{:else}
-	{@render children?.()}
-{/if}
-
-<Toaster
-	position="bottom-right"
-	expand={false}
-	richColors
-	closeButton
-	duration={4000}
-	visibleToasts={3}
-/>
diff --git a/apps/uload/apps/web-archived/src/routes/+page.svelte b/apps/uload/apps/web-archived/src/routes/+page.svelte
deleted file mode 100644
index 6b9dfac95..000000000
--- a/apps/uload/apps/web-archived/src/routes/+page.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-
-	onMount(() => {
-		goto('/my/links');
-	});
-</script>
-
-<div class="flex min-h-screen items-center justify-center">
-	<div
-		class="inline-block h-10 w-10 animate-spin rounded-full border-4 border-solid border-indigo-500 border-r-transparent"
-	></div>
-</div>
diff --git a/apps/uload/apps/web-archived/src/routes/health/+server.ts b/apps/uload/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index 0e4f5c338..000000000
--- a/apps/uload/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { json } from '@sveltejs/kit';
-
-export const GET = () => json({ status: 'ok' });
diff --git a/apps/uload/apps/web-archived/src/routes/u/[username]/+page.svelte b/apps/uload/apps/web-archived/src/routes/u/[username]/+page.svelte
deleted file mode 100644
index c2db6fef6..000000000
--- a/apps/uload/apps/web-archived/src/routes/u/[username]/+page.svelte
+++ /dev/null
@@ -1,99 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-
-	const ULOAD_SERVER = import.meta.env.PUBLIC_ULOAD_SERVER_URL || 'http://localhost:3070';
-
-	let username = $derived($page.params.username ?? '');
-	let user = $state<{ username: string; name: string | null; bio: string | null } | null>(null);
-	let userLinks = $state<
-		{
-			shortCode: string;
-			title: string | null;
-			description: string | null;
-			clickCount: number;
-			createdAt: string;
-		}[]
-	>([]);
-	let loading = $state(true);
-	let notFound = $state(false);
-
-	onMount(async () => {
-		try {
-			const res = await fetch(`${ULOAD_SERVER}/public/u/${username}`);
-			if (res.ok) {
-				const data = await res.json();
-				user = data.user;
-				userLinks = data.links;
-			} else {
-				notFound = true;
-			}
-		} catch {
-			notFound = true;
-		}
-		loading = false;
-	});
-</script>
-
-<div class="mx-auto max-w-2xl px-4 py-12">
-	{#if loading}
-		<div class="flex justify-center py-20">
-			<div
-				class="inline-block h-10 w-10 animate-spin rounded-full border-4 border-solid border-indigo-500 border-r-transparent"
-			></div>
-		</div>
-	{:else if notFound}
-		<div class="py-20 text-center">
-			<p class="text-6xl">🔗</p>
-			<h1 class="mt-4 text-2xl font-bold">Nutzer nicht gefunden</h1>
-			<p class="mt-2 text-sm opacity-50">
-				@{username} existiert nicht oder hat kein öffentliches Profil.
-			</p>
-			<a
-				href="/"
-				class="mt-6 inline-block rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700"
-				>Zur Startseite</a
-			>
-		</div>
-	{:else if user}
-		<!-- Profile Header -->
-		<div class="mb-8 text-center">
-			<div
-				class="mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-full bg-indigo-100 text-2xl font-bold text-indigo-600 dark:bg-indigo-900 dark:text-indigo-300"
-			>
-				{(user.name || user.username).charAt(0).toUpperCase()}
-			</div>
-			<h1 class="text-2xl font-bold">{user.name || user.username}</h1>
-			<p class="text-sm opacity-50">@{user.username}</p>
-			{#if user.bio}
-				<p class="mt-2 text-sm opacity-70">{user.bio}</p>
-			{/if}
-		</div>
-
-		<!-- Links -->
-		{#if userLinks.length === 0}
-			<p class="text-center text-sm opacity-40">Keine öffentlichen Links</p>
-		{:else}
-			<div class="space-y-3">
-				{#each userLinks as link}
-					<a
-						href="/{link.shortCode}"
-						class="block rounded-xl border border-gray-200 bg-white p-4 transition-all hover:shadow-md dark:border-gray-700 dark:bg-gray-800"
-					>
-						<div class="flex items-center justify-between">
-							<div>
-								<h3 class="font-semibold">{link.title || link.shortCode}</h3>
-								{#if link.description}
-									<p class="mt-1 text-sm opacity-60">{link.description}</p>
-								{/if}
-							</div>
-							<div class="text-right text-sm opacity-50">
-								<p>{link.clickCount} clicks</p>
-							</div>
-						</div>
-					</a>
-				{/each}
-			</div>
-		{/if}
-	{/if}
-</div>
diff --git a/apps/uload/apps/web-archived/static/icons/apple-touch-icon.svg b/apps/uload/apps/web-archived/static/icons/apple-touch-icon.svg
deleted file mode 100644
index 9443395bf..000000000
--- a/apps/uload/apps/web-archived/static/icons/apple-touch-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="180" height="180" viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg">
-  <rect width="180" height="180" fill="#3B82F6" rx="27"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="90px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-128x128.svg b/apps/uload/apps/web-archived/static/icons/icon-128x128.svg
deleted file mode 100644
index 95fa8e85d..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-128x128.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
-  <rect width="128" height="128" fill="#3B82F6" rx="19.2"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="64px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-144x144.svg b/apps/uload/apps/web-archived/static/icons/icon-144x144.svg
deleted file mode 100644
index 83f528085..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-144x144.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="144" height="144" viewBox="0 0 144 144" xmlns="http://www.w3.org/2000/svg">
-  <rect width="144" height="144" fill="#3B82F6" rx="21.599999999999998"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="72px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-152x152.svg b/apps/uload/apps/web-archived/static/icons/icon-152x152.svg
deleted file mode 100644
index 3396ab655..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-152x152.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="152" height="152" viewBox="0 0 152 152" xmlns="http://www.w3.org/2000/svg">
-  <rect width="152" height="152" fill="#3B82F6" rx="22.8"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="76px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-192x192.svg b/apps/uload/apps/web-archived/static/icons/icon-192x192.svg
deleted file mode 100644
index 3ef2d1225..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-192x192.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="192" height="192" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
-  <rect width="192" height="192" fill="#3B82F6" rx="28.799999999999997"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="96px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-384x384.svg b/apps/uload/apps/web-archived/static/icons/icon-384x384.svg
deleted file mode 100644
index f82217bf8..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-384x384.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="384" height="384" viewBox="0 0 384 384" xmlns="http://www.w3.org/2000/svg">
-  <rect width="384" height="384" fill="#3B82F6" rx="57.599999999999994"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="192px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-512x512.svg b/apps/uload/apps/web-archived/static/icons/icon-512x512.svg
deleted file mode 100644
index a0d029fab..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-512x512.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-  <rect width="512" height="512" fill="#3B82F6" rx="76.8"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="256px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-72x72.svg b/apps/uload/apps/web-archived/static/icons/icon-72x72.svg
deleted file mode 100644
index b98b5ef6c..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-72x72.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
-  <rect width="72" height="72" fill="#3B82F6" rx="10.799999999999999"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="36px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-96x96.svg b/apps/uload/apps/web-archived/static/icons/icon-96x96.svg
deleted file mode 100644
index b02cab215..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-96x96.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
-  <rect width="96" height="96" fill="#3B82F6" rx="14.399999999999999"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="48px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-maskable-192x192.svg b/apps/uload/apps/web-archived/static/icons/icon-maskable-192x192.svg
deleted file mode 100644
index 6d1d1245e..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-maskable-192x192.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="192" height="192" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
-  <rect width="192" height="192" fill="#3B82F6"/>
-  <rect x="19.19999999999999" y="19.19999999999999" width="153.60000000000002" height="153.60000000000002" fill="#3B82F6" rx="23.040000000000003"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="76.80000000000001px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/icons/icon-maskable-512x512.svg b/apps/uload/apps/web-archived/static/icons/icon-maskable-512x512.svg
deleted file mode 100644
index 821496f36..000000000
--- a/apps/uload/apps/web-archived/static/icons/icon-maskable-512x512.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-  <rect width="512" height="512" fill="#3B82F6"/>
-  <rect x="51.19999999999999" y="51.19999999999999" width="409.6" height="409.6" fill="#3B82F6" rx="61.44"/>
-  <text x="50%" y="55%" font-family="system-ui, -apple-system, sans-serif" font-size="204.8px" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">U</text>
-</svg>
\ No newline at end of file
diff --git a/apps/uload/apps/web-archived/static/robots.txt b/apps/uload/apps/web-archived/static/robots.txt
deleted file mode 100644
index b6dd6670c..000000000
--- a/apps/uload/apps/web-archived/static/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# allow crawling everything by default
-User-agent: *
-Disallow:
diff --git a/apps/uload/apps/web-archived/svelte.config.js b/apps/uload/apps/web-archived/svelte.config.js
deleted file mode 100644
index 58dc3fd49..000000000
--- a/apps/uload/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: [vitePreprocess()],
-	kit: {
-		adapter: adapter(),
-	},
-};
-
-export default config;
diff --git a/apps/uload/apps/web-archived/tsconfig.json b/apps/uload/apps/web-archived/tsconfig.json
deleted file mode 100644
index 0b2d8865f..000000000
--- a/apps/uload/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-	//
-	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-	// from the referenced tsconfig.json - TypeScript does not merge them in
-}
diff --git a/apps/uload/apps/web-archived/vite.config.ts b/apps/uload/apps/web-archived/vite.config.ts
deleted file mode 100644
index 21cd11325..000000000
--- a/apps/uload/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'uLoad - URL Shortener',
-				shortName: 'uLoad',
-				description: 'Kürze URLs, tracke Klicks und verwalte deine Links',
-				themeColor: '#6366f1',
-				devEnabled: false,
-				shortcuts: [
-					{
-						name: 'Neuer Link',
-						short_name: 'Neu',
-						description: 'Neuen Link erstellen',
-						url: '/my/links?action=new',
-					},
-					{
-						name: 'Analytics',
-						short_name: 'Analytics',
-						description: 'Link-Analytics anzeigen',
-						url: '/my/analytics',
-					},
-				],
-			})
-		),
-	],
-});
diff --git a/apps/zitare/apps/web-archived/Dockerfile b/apps/zitare/apps/web-archived/Dockerfile
deleted file mode 100644
index a11aa0087..000000000
--- a/apps/zitare/apps/web-archived/Dockerfile
+++ /dev/null
@@ -1,34 +0,0 @@
-# syntax=docker/dockerfile:1
-FROM sveltekit-base:local AS builder
-
-ARG PUBLIC_BACKEND_URL=http://mana-auth
-ARG PUBLIC_MANA_CORE_AUTH_URL=http://mana-auth:3001
-ENV PUBLIC_BACKEND_URL=$PUBLIC_BACKEND_URL
-ENV PUBLIC_MANA_CORE_AUTH_URL=$PUBLIC_MANA_CORE_AUTH_URL
-
-COPY apps/zitare/packages/content ./apps/zitare/packages/content
-COPY apps/zitare/apps/web ./apps/zitare/apps/web
-
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --no-frozen-lockfile --ignore-scripts
-
-# Build app-specific packages (e.g. content with dist/ output)
-RUN cd /app/apps/zitare/packages/content && pnpm build || true
-WORKDIR /app/apps/zitare/apps/web
-RUN pnpm exec svelte-kit sync
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
-
-FROM node:20-alpine AS production
-WORKDIR /app/apps/zitare/apps/web
-COPY --from=builder /app/node_modules/.pnpm /app/node_modules/.pnpm
-COPY --from=builder /app/apps/zitare/apps/web/node_modules ./node_modules
-COPY --from=builder /app/apps/zitare/apps/web/build ./build
-COPY --from=builder /app/apps/zitare/apps/web/package.json ./
-
-EXPOSE 5025
-ENV NODE_ENV=production PORT=5025 HOST=0.0.0.0
-
-HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:5025/health || exit 1
-
-CMD ["node", "build"]
diff --git a/apps/zitare/apps/web-archived/docker-entrypoint.sh b/apps/zitare/apps/web-archived/docker-entrypoint.sh
deleted file mode 100644
index a6dfea56a..000000000
--- a/apps/zitare/apps/web-archived/docker-entrypoint.sh
+++ /dev/null
@@ -1,13 +0,0 @@
-#!/bin/sh
-set -e
-
-# This script injects runtime environment variables into the SvelteKit build
-# SvelteKit builds env vars at build time, but we need to inject them at runtime
-# for Docker deployments where the container runs in different environments
-
-echo "Starting Zitare Web with runtime configuration..."
-echo "PUBLIC_MANA_CORE_AUTH_URL_CLIENT: ${PUBLIC_MANA_CORE_AUTH_URL_CLIENT:-not set}"
-echo "PUBLIC_ZITARE_API_URL_CLIENT: ${PUBLIC_ZITARE_API_URL_CLIENT:-not set}"
-
-# Execute the main command
-exec "$@"
diff --git a/apps/zitare/apps/web-archived/package.json b/apps/zitare/apps/web-archived/package.json
deleted file mode 100644
index 79dcd3dcf..000000000
--- a/apps/zitare/apps/web-archived/package.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-	"name": "@zitare/web",
-	"version": "0.2.0",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"type-check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
-	},
-	"devDependencies": {
-		"@manacore/shared-pwa": "workspace:*",
-		"@manacore/shared-vite-config": "workspace:*",
-		"@sveltejs/adapter-node": "^5.0.0",
-		"@sveltejs/kit": "^2.47.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/node": "^20.0.0",
-		"@vite-pwa/sveltekit": "^1.1.0",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.41.0",
-		"svelte-check": "^4.3.3",
-		"tailwindcss": "^4.1.7",
-		"tslib": "^2.4.1",
-		"typescript": "^5.9.3",
-		"vite": "^6.0.0"
-	},
-	"dependencies": {
-		"@manacore/local-store": "workspace:*",
-		"@manacore/shared-api-client": "workspace:*",
-		"@manacore/shared-auth": "workspace:*",
-		"@manacore/shared-auth-stores": "workspace:*",
-		"@manacore/shared-auth-ui": "workspace:*",
-		"@manacore/shared-branding": "workspace:*",
-		"@manacore/shared-error-tracking": "workspace:*",
-		"@manacore/feedback": "workspace:*",
-		"@manacore/shared-i18n": "workspace:*",
-		"@manacore/help": "workspace:*",
-		"@manacore/shared-icons": "workspace:*",
-		"@manacore/shared-profile-ui": "workspace:*",
-		"@manacore/shared-stores": "workspace:*",
-		"@manacore/shared-tags": "workspace:*",
-		"@manacore/subscriptions": "workspace:*",
-		"@manacore/shared-tailwind": "workspace:*",
-		"@manacore/shared-theme": "workspace:*",
-		"@manacore/shared-theme-ui": "workspace:*",
-		"@manacore/shared-ui": "workspace:*",
-		"@manacore/shared-utils": "workspace:*",
-		"@manacore/spiral-db": "workspace:^",
-		"@manacore/shared-app-onboarding": "workspace:*",
-		"@zitare/content": "workspace:*",
-		"svelte-i18n": "^4.0.1"
-	},
-	"type": "module"
-}
diff --git a/apps/zitare/apps/web-archived/src/app.css b/apps/zitare/apps/web-archived/src/app.css
deleted file mode 100644
index 4b7fdf2cc..000000000
--- a/apps/zitare/apps/web-archived/src/app.css
+++ /dev/null
@@ -1,64 +0,0 @@
-@import "tailwindcss";
-@import "@manacore/shared-tailwind/themes.css";
-
-/* Scan shared packages for Tailwind classes */
-@source "../../../../packages/shared-ui/src";
-@source "../../../../packages/shared-auth-ui/src";
-@source "../../../../packages/shared-branding/src";
-@source "../../../../packages/shared-theme-ui/src";
-@source "../../../../packages/shared-theme-ui/src/components";
-@source "../../../../packages/shared-theme-ui/src/pages";
-@source "../../../../packages/shared-stores/src";
-
-/* Quote-specific styles */
-.quote-text {
-	font-family: Georgia, 'Times New Roman', serif;
-	font-style: italic;
-	line-height: 1.8;
-}
-
-.quote-author {
-	font-family: system-ui, -apple-system, sans-serif;
-	font-weight: 500;
-}
-
-/* Gradient backgrounds for quote cards */
-.quote-gradient-wisdom {
-	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
-}
-
-.quote-gradient-motivation {
-	background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
-}
-
-.quote-gradient-love {
-	background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
-}
-
-.quote-gradient-life {
-	background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
-}
-
-.quote-gradient-success {
-	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
-}
-
-.quote-gradient-happiness {
-	background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
-}
-
-.quote-gradient-friendship {
-	background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
-}
-
-.quote-gradient-courage {
-	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
-}
-
-.quote-gradient-hope {
-	background: linear-gradient(135deg, #14b8a6 0%, #0ea5e9 100%);
-}
-
-.quote-gradient-nature {
-	background: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
-}
diff --git a/apps/zitare/apps/web-archived/src/app.d.ts b/apps/zitare/apps/web-archived/src/app.d.ts
deleted file mode 100644
index c269fca6f..000000000
--- a/apps/zitare/apps/web-archived/src/app.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare const __BUILD_HASH__: string;
-declare const __BUILD_TIME__: string;
diff --git a/apps/zitare/apps/web-archived/src/app.html b/apps/zitare/apps/web-archived/src/app.html
deleted file mode 100644
index dca4f7d63..000000000
--- a/apps/zitare/apps/web-archived/src/app.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!doctype html>
-<html lang="de">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="theme-color" content="#8b5cf6" />
-		<meta name="description" content="Zitare - Inspirierende Zitate jeden Tag" />
-		<title>Zitare</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-		<script>
-			// Inject environment variables for client-side use
-			window.__PUBLIC_MANA_CORE_AUTH_URL__ = '%env:PUBLIC_MANA_CORE_AUTH_URL_CLIENT%' || '%env:PUBLIC_MANA_CORE_AUTH_URL%';
-			window.__PUBLIC_BACKEND_URL__ = '%env:PUBLIC_BACKEND_URL_CLIENT%' || '%env:PUBLIC_BACKEND_URL%';
-		</script>
-	</body>
-</html>
diff --git a/apps/zitare/apps/web-archived/src/hooks.client.ts b/apps/zitare/apps/web-archived/src/hooks.client.ts
deleted file mode 100644
index d5127a6f2..000000000
--- a/apps/zitare/apps/web-archived/src/hooks.client.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { initErrorTracking, handleSvelteError } from '@manacore/shared-error-tracking/browser';
-import type { HandleClientError } from '@sveltejs/kit';
-
-initErrorTracking({
-	serviceName: 'zitare-web',
-	dsn: (window as any).__PUBLIC_GLITCHTIP_DSN__,
-	environment: import.meta.env.MODE,
-});
-
-export const handleError: HandleClientError = ({ error }) => {
-	handleSvelteError(error);
-};
diff --git a/apps/zitare/apps/web-archived/src/hooks.server.ts b/apps/zitare/apps/web-archived/src/hooks.server.ts
deleted file mode 100644
index ceaa0319e..000000000
--- a/apps/zitare/apps/web-archived/src/hooks.server.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Server Hooks for SvelteKit
- * - Injects runtime environment variables for client-side use
- * - Auth is handled client-side via Mana Core Auth
- */
-
-import type { Handle } from '@sveltejs/kit';
-import { setSecurityHeaders } from '@manacore/shared-utils/security-headers';
-
-// Get client-side URLs from environment (Docker runtime)
-const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
-	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
-const PUBLIC_BACKEND_URL_CLIENT =
-	process.env.PUBLIC_ZITARE_API_URL_CLIENT || process.env.PUBLIC_ZITARE_API_URL || '';
-const PUBLIC_GLITCHTIP_DSN = process.env.PUBLIC_GLITCHTIP_DSN || '';
-
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event, {
-		transformPageChunk: ({ html }) => {
-			// Inject runtime environment variables into the HTML
-			// These will be available on window.__PUBLIC_*__ for client-side code
-			const envScript = `<script>
-window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
-window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
-window.__PUBLIC_GLITCHTIP_DSN__ = ${JSON.stringify(PUBLIC_GLITCHTIP_DSN)};
-</script>`;
-			return html.replace('<head>', `<head>${envScript}`);
-		},
-	});
-
-	setSecurityHeaders(response, {
-		connectSrc: [PUBLIC_MANA_CORE_AUTH_URL_CLIENT, PUBLIC_BACKEND_URL_CLIENT],
-	});
-
-	return response;
-};
diff --git a/apps/zitare/apps/web-archived/src/lib/components/LanguageSelector.svelte b/apps/zitare/apps/web-archived/src/lib/components/LanguageSelector.svelte
deleted file mode 100644
index 5630e7582..000000000
--- a/apps/zitare/apps/web-archived/src/lib/components/LanguageSelector.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { locale } from 'svelte-i18n';
-	import { PillDropdown } from '@manacore/shared-ui';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-
-	let currentLocale = $derived($locale || 'de');
-
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as any);
-	}
-
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLabel = $derived(getCurrentLanguageLabel(currentLocale));
-</script>
-
-<PillDropdown items={languageItems} label={currentLabel} direction="down" />
diff --git a/apps/zitare/apps/web-archived/src/lib/components/QuoteCard.svelte b/apps/zitare/apps/web-archived/src/lib/components/QuoteCard.svelte
deleted file mode 100644
index 73a57c4f5..000000000
--- a/apps/zitare/apps/web-archived/src/lib/components/QuoteCard.svelte
+++ /dev/null
@@ -1,177 +0,0 @@
-<script lang="ts">
-	import type { Quote, Category } from '@zitare/content';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import { favoritesStore } from '$lib/stores/favorites.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { ZitareEvents } from '@manacore/shared-utils/analytics';
-	import { toast } from '$lib/stores/toast.svelte';
-	import { zitareSettings } from '$lib/stores/settings.svelte';
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { isFavorite as checkIsFavorite, type Favorite } from '$lib/data/queries';
-	import { Info, ShareNetwork, Heart } from '@manacore/shared-icons';
-
-	interface Props {
-		quote: Quote;
-		showCategory?: boolean;
-		showSource?: boolean;
-		size?: 'small' | 'medium' | 'large';
-	}
-
-	let { quote, showCategory = false, showSource = true, size = 'medium' }: Props = $props();
-
-	const allFavorites: { readonly value: Favorite[] } = getContext('favorites');
-	let isFavorite = $derived(checkIsFavorite(allFavorites.value, quote.id));
-	let quoteText = $derived(quotesStore.getText(quote));
-	let showBio = $state(false);
-
-	// Get author bio in current language
-	let authorBioText = $derived(() => {
-		if (!quote.authorBio) return '';
-		const lang = quotesStore.language === 'original' ? 'de' : quotesStore.language;
-		return quote.authorBio[lang] || quote.authorBio.de || '';
-	});
-
-	// Category gradient classes
-	const categoryGradients: Record<Category, string> = {
-		weisheit: 'quote-gradient-wisdom',
-		motivation: 'quote-gradient-motivation',
-		liebe: 'quote-gradient-love',
-		leben: 'quote-gradient-life',
-		erfolg: 'quote-gradient-success',
-		glueck: 'quote-gradient-happiness',
-		freundschaft: 'quote-gradient-friendship',
-		mut: 'quote-gradient-courage',
-		hoffnung: 'quote-gradient-hope',
-		natur: 'quote-gradient-nature',
-	};
-
-	// Category labels
-	const categoryLabels: Record<Category, string> = {
-		weisheit: 'categories.wisdom',
-		motivation: 'categories.motivation',
-		liebe: 'categories.love',
-		leben: 'categories.life',
-		erfolg: 'categories.success',
-		glueck: 'categories.happiness',
-		freundschaft: 'categories.friendship',
-		mut: 'categories.courage',
-		hoffnung: 'categories.hope',
-		natur: 'categories.nature',
-	};
-
-	async function toggleFavorite() {
-		if (!authStore.isAuthenticated) return;
-		const wasFavorite = isFavorite;
-		try {
-			await favoritesStore.toggle(quote.id, allFavorites.value);
-			if (wasFavorite) {
-				ZitareEvents.quoteUnfavorited();
-			} else {
-				ZitareEvents.quoteFavorited(quote.category);
-			}
-		} catch {
-			toast.error($_('common.error'));
-		}
-	}
-
-	async function shareQuote() {
-		const text = `"${quoteText}" — ${quote.author}`;
-		if (navigator.share) {
-			await navigator.share({
-				text,
-				title: 'Zitare',
-			});
-		} else {
-			await navigator.clipboard.writeText(text);
-		}
-		ZitareEvents.quoteShared(quote.category);
-	}
-
-	const sizeClasses = {
-		small: 'p-4 text-base',
-		medium: 'p-6 text-lg',
-		large: 'p-8 text-xl md:text-2xl',
-	};
-</script>
-
-<div
-	class="quote-card rounded-2xl bg-surface-elevated shadow-lg overflow-hidden {sizeClasses[size]}"
-	style="font-size: {zitareSettings.fontSizeMultiplier !== 1
-		? `${zitareSettings.fontSizeMultiplier}em`
-		: ''}"
->
-	{#if showCategory}
-		<div class="mb-4">
-			<span
-				class="inline-block px-3 py-1 rounded-full text-sm font-medium text-white {categoryGradients[
-					quote.category
-				]}"
-			>
-				{$_(categoryLabels[quote.category])}
-			</span>
-		</div>
-	{/if}
-
-	<blockquote class="quote-text text-foreground mb-4">
-		"{quoteText}"
-	</blockquote>
-
-	<div class="flex items-center justify-between">
-		<div>
-			<p class="quote-author text-foreground-secondary">
-				— {quote.author}
-				{#if authorBioText}
-					<button
-						onclick={() => (showBio = !showBio)}
-						class="inline-flex ml-1 text-foreground-muted hover:text-primary transition-colors align-middle"
-						aria-label="Info"
-					>
-						<Info size={16} />
-					</button>
-				{/if}
-			</p>
-			{#if showBio && authorBioText}
-				<p class="text-sm text-foreground-muted mt-1 italic">{authorBioText}</p>
-			{/if}
-			{#if showSource && (quote.source || quote.year)}
-				<p class="text-sm text-foreground-muted mt-1">
-					{#if quote.source}
-						{quote.source}
-					{/if}
-					{#if quote.source && quote.year}
-						·
-					{/if}
-					{#if quote.year}
-						{quote.year}
-					{/if}
-				</p>
-			{/if}
-		</div>
-
-		<div class="flex items-center gap-2">
-			<button
-				onclick={shareQuote}
-				class="p-2 rounded-full hover:bg-surface-hover transition-colors text-foreground-secondary"
-				aria-label={$_('home.share')}
-			>
-				<ShareNetwork size={20} />
-			</button>
-
-			{#if authStore.isAuthenticated}
-				<button
-					onclick={toggleFavorite}
-					class="p-2 rounded-full hover:bg-surface-hover transition-colors"
-					aria-label={isFavorite ? $_('home.unfavorite') : $_('home.favorite')}
-				>
-					<Heart
-						size={20}
-						class="transition-colors {isFavorite
-							? 'text-red-500 fill-red-500'
-							: 'text-foreground-secondary'}"
-					/>
-				</button>
-			{/if}
-		</div>
-	</div>
-</div>
diff --git a/apps/zitare/apps/web-archived/src/lib/components/SpiralCanvas.svelte b/apps/zitare/apps/web-archived/src/lib/components/SpiralCanvas.svelte
deleted file mode 100644
index 74dc513dc..000000000
--- a/apps/zitare/apps/web-archived/src/lib/components/SpiralCanvas.svelte
+++ /dev/null
@@ -1,165 +0,0 @@
-<script lang="ts">
-	import type { SpiralImage } from '@manacore/spiral-db';
-	import { spiralToXY, xyToSpiral } from '@manacore/spiral-db';
-
-	interface Props {
-		image: SpiralImage;
-		scale?: number;
-		showGrid?: boolean;
-		highlightIndex?: number | null;
-		onPixelClick?: (index: number, x: number, y: number) => void;
-	}
-
-	let {
-		image,
-		scale = 10,
-		showGrid = false,
-		highlightIndex = null,
-		onPixelClick,
-	}: Props = $props();
-
-	let canvas: HTMLCanvasElement;
-	let hoveredIndex = $state<number | null>(null);
-
-	$effect(() => {
-		if (!canvas || !image) return;
-
-		const ctx = canvas.getContext('2d');
-		if (!ctx) return;
-
-		const { width, height, pixels } = image;
-		canvas.width = width * scale;
-		canvas.height = height * scale;
-
-		ctx.fillStyle = '#1a1a1a';
-		ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-		for (let y = 0; y < height; y++) {
-			for (let x = 0; x < width; x++) {
-				const offset = (y * width + x) * 3;
-				const r = pixels[offset];
-				const g = pixels[offset + 1];
-				const b = pixels[offset + 2];
-
-				ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;
-				ctx.fillRect(x * scale, y * scale, scale, scale);
-			}
-		}
-
-		if (showGrid && scale >= 8) {
-			ctx.strokeStyle = 'rgba(255, 255, 255, 0.1)';
-			ctx.lineWidth = 1;
-
-			for (let x = 0; x <= width; x++) {
-				ctx.beginPath();
-				ctx.moveTo(x * scale, 0);
-				ctx.lineTo(x * scale, height * scale);
-				ctx.stroke();
-			}
-
-			for (let y = 0; y <= height; y++) {
-				ctx.beginPath();
-				ctx.moveTo(0, y * scale);
-				ctx.lineTo(width * scale, y * scale);
-				ctx.stroke();
-			}
-		}
-
-		const center = Math.floor(width / 2);
-		ctx.strokeStyle = 'rgba(255, 255, 255, 0.5)';
-		ctx.lineWidth = 2;
-		ctx.strokeRect(center * scale, center * scale, scale, scale);
-
-		if (highlightIndex !== null && highlightIndex >= 0) {
-			const point = spiralToXY(highlightIndex, width);
-			ctx.strokeStyle = '#fbbf24';
-			ctx.lineWidth = 2;
-			ctx.strokeRect(point.x * scale, point.y * scale, scale, scale);
-		}
-
-		if (hoveredIndex !== null) {
-			const point = spiralToXY(hoveredIndex, width);
-			ctx.strokeStyle = '#8b5cf6';
-			ctx.lineWidth = 2;
-			ctx.strokeRect(point.x * scale, point.y * scale, scale, scale);
-		}
-	});
-
-	function handleMouseMove(e: MouseEvent) {
-		if (!canvas || !image) return;
-
-		const rect = canvas.getBoundingClientRect();
-		const x = Math.floor((e.clientX - rect.left) / scale);
-		const y = Math.floor((e.clientY - rect.top) / scale);
-
-		if (x >= 0 && x < image.width && y >= 0 && y < image.height) {
-			hoveredIndex = xyToSpiral(x, y, image.width);
-		} else {
-			hoveredIndex = null;
-		}
-	}
-
-	function handleMouseLeave() {
-		hoveredIndex = null;
-	}
-
-	function handleClick(e: MouseEvent) {
-		if (!canvas || !image || !onPixelClick) return;
-
-		const rect = canvas.getBoundingClientRect();
-		const x = Math.floor((e.clientX - rect.left) / scale);
-		const y = Math.floor((e.clientY - rect.top) / scale);
-
-		if (x >= 0 && x < image.width && y >= 0 && y < image.height) {
-			const index = xyToSpiral(x, y, image.width);
-			onPixelClick(index, x, y);
-		}
-	}
-</script>
-
-<div class="spiral-canvas-container">
-	<canvas
-		bind:this={canvas}
-		onmousemove={handleMouseMove}
-		onmouseleave={handleMouseLeave}
-		onclick={handleClick}
-		class="spiral-canvas"
-		class:clickable={!!onPixelClick}
-	></canvas>
-
-	{#if hoveredIndex !== null}
-		<div class="pixel-info">
-			Pixel #{hoveredIndex}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.spiral-canvas-container {
-		position: relative;
-		display: inline-block;
-	}
-
-	.spiral-canvas {
-		border-radius: 8px;
-		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-	}
-
-	.spiral-canvas.clickable {
-		cursor: pointer;
-	}
-
-	.pixel-info {
-		position: absolute;
-		bottom: -30px;
-		left: 50%;
-		transform: translateX(-50%);
-		background: rgba(0, 0, 0, 0.8);
-		color: white;
-		padding: 4px 12px;
-		border-radius: 4px;
-		font-size: 12px;
-		font-family: monospace;
-		white-space: nowrap;
-	}
-</style>
diff --git a/apps/zitare/apps/web-archived/src/lib/content/help/index.test.ts b/apps/zitare/apps/web-archived/src/lib/content/help/index.test.ts
deleted file mode 100644
index 953491211..000000000
--- a/apps/zitare/apps/web-archived/src/lib/content/help/index.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getZitareHelpContent } from './index';
-
-describe('Zitare Help Content', () => {
-	it('returns valid German content', () => {
-		const content = getZitareHelpContent('de');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-		expect(content.contact.supportEmail).toBe('support@mana.how');
-	});
-
-	it('returns valid English content', () => {
-		const content = getZitareHelpContent('en');
-
-		expect(content.faq.length).toBeGreaterThan(0);
-		content.faq.forEach((faq) => {
-			expect(faq.id).toBeTruthy();
-			expect(faq.question).toBeTruthy();
-			expect(faq.answer).toBeTruthy();
-		});
-
-		expect(content.features).toBeDefined();
-		expect(content.contact).toBeDefined();
-	});
-
-	it('returns same number of FAQ items for both languages', () => {
-		const de = getZitareHelpContent('de');
-		const en = getZitareHelpContent('en');
-
-		expect(de.faq.length).toBe(en.faq.length);
-		expect(de.features.length).toBe(en.features.length);
-	});
-
-	it('has unique FAQ IDs', () => {
-		const content = getZitareHelpContent('de');
-		const ids = content.faq.map((f) => f.id);
-		expect(new Set(ids).size).toBe(ids.length);
-	});
-});
diff --git a/apps/zitare/apps/web-archived/src/lib/content/help/index.ts b/apps/zitare/apps/web-archived/src/lib/content/help/index.ts
deleted file mode 100644
index 7727e6ec2..000000000
--- a/apps/zitare/apps/web-archived/src/lib/content/help/index.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-/**
- * Help content for Zitare app
- */
-
-import type { HelpContent } from '@manacore/help';
-import { getPrivacyFAQs } from '@manacore/help';
-
-export function getZitareHelpContent(locale: string): HelpContent {
-	const isDE = locale === 'de';
-
-	return {
-		faq: [
-			{
-				id: 'faq-browse',
-				question: isDE ? 'Wie finde ich Zitate?' : 'How do I find quotes?',
-				answer: isDE
-					? '<p>Es gibt mehrere Wege, Zitate zu entdecken:</p><ul><li><strong>Kategorien</strong>: Durchstöbere Zitate nach Themen wie Motivation, Liebe, Weisheit</li><li><strong>Suche</strong>: Suche nach Stichwörtern, Autoren oder Inhalten</li><li><strong>Startseite</strong>: Entdecke das tägliche Zitat und Empfehlungen</li><li><strong>Spiral-Ansicht</strong>: Eine einzigartige visuelle Art, Zitate zu erkunden</li></ul>'
-					: '<p>There are several ways to discover quotes:</p><ul><li><strong>Categories</strong>: Browse quotes by topics like motivation, love, wisdom</li><li><strong>Search</strong>: Search by keywords, authors, or content</li><li><strong>Home</strong>: Discover the daily quote and recommendations</li><li><strong>Spiral view</strong>: A unique visual way to explore quotes</li></ul>',
-				category: 'features',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['suche', 'kategorien', 'entdecken'] : ['search', 'categories', 'discover'],
-			},
-			{
-				id: 'faq-favorites',
-				question: isDE ? 'Wie speichere ich Lieblingszitate?' : 'How do I save favorite quotes?',
-				answer: isDE
-					? '<p>Tippe auf das <strong>Herz-Symbol</strong> neben einem Zitat, um es als Favorit zu speichern. Alle Favoriten findest du unter <strong>Favoriten</strong> in der Navigation.</p>'
-					: '<p>Tap the <strong>heart icon</strong> next to a quote to save it as a favorite. Find all your favorites under <strong>Favorites</strong> in the navigation.</p>',
-				category: 'features',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['favoriten', 'speichern', 'herz'] : ['favorites', 'save', 'heart'],
-			},
-			{
-				id: 'faq-lists',
-				question: isDE ? 'Was sind Listen?' : 'What are lists?',
-				answer: isDE
-					? '<p>Listen ermöglichen es dir, Zitate thematisch zu sammeln:</p><ul><li>Erstelle eigene Listen für verschiedene Anlässe</li><li>Füge Zitate zu bestehenden Listen hinzu</li><li>Organisiere deine Lieblingszitate nach Themen</li></ul>'
-					: '<p>Lists allow you to collect quotes by theme:</p><ul><li>Create custom lists for different occasions</li><li>Add quotes to existing lists</li><li>Organize your favorite quotes by topic</li></ul>',
-				category: 'features',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-				tags: isDE ? ['listen', 'sammlung', 'organisieren'] : ['lists', 'collection', 'organize'],
-			},
-			...getPrivacyFAQs(locale, { dataTypeDE: 'Zitate', dataTypeEN: 'quotes' }),
-		],
-		features: [
-			{
-				id: 'feature-daily',
-				title: isDE ? 'Tägliche Inspiration' : 'Daily Inspiration',
-				description: isDE
-					? 'Jeden Tag ein neues inspirierendes Zitat'
-					: 'A new inspiring quote every day',
-				icon: '✨',
-				category: 'core',
-				highlights: isDE
-					? ['Tägliches Zitat', 'Empfehlungen', 'Kategorien']
-					: ['Daily quote', 'Recommendations', 'Categories'],
-				content: '',
-				order: 1,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-collections',
-				title: isDE ? 'Sammlungen' : 'Collections',
-				description: isDE
-					? 'Speichere und organisiere deine Lieblingszitate'
-					: 'Save and organize your favorite quotes',
-				icon: '📚',
-				category: 'core',
-				highlights: isDE
-					? ['Favoriten', 'Eigene Listen', 'Thematisch sortiert']
-					: ['Favorites', 'Custom lists', 'Sorted by theme'],
-				content: '',
-				order: 2,
-				language: isDE ? 'de' : 'en',
-			},
-			{
-				id: 'feature-spiral',
-				title: isDE ? 'Spiral-Ansicht' : 'Spiral View',
-				description: isDE
-					? 'Entdecke Zitate in einer einzigartigen visuellen Darstellung'
-					: 'Discover quotes in a unique visual presentation',
-				icon: '🌀',
-				category: 'advanced',
-				highlights: isDE
-					? ['Visuelle Exploration', 'Interaktiv', 'Einzigartig']
-					: ['Visual exploration', 'Interactive', 'Unique'],
-				content: '',
-				order: 3,
-				language: isDE ? 'de' : 'en',
-			},
-		],
-		shortcuts: [],
-		gettingStarted: [],
-		changelog: [],
-		contact: {
-			id: 'contact-support',
-			title: isDE ? 'Support kontaktieren' : 'Contact Support',
-			content: isDE
-				? '<p>Unser Support-Team hilft dir bei allen Fragen rund um Zitare.</p>'
-				: '<p>Our support team is here to help you with any questions about Zitare.</p>',
-			language: isDE ? 'de' : 'en',
-			order: 1,
-			supportEmail: 'support@mana.how',
-			documentationUrl: 'https://mana.how/docs',
-			responseTime: isDE ? 'Normalerweise innerhalb von 24 Stunden' : 'Usually within 24 hours',
-		},
-	};
-}
diff --git a/apps/zitare/apps/web-archived/src/lib/data/guest-seed.ts b/apps/zitare/apps/web-archived/src/lib/data/guest-seed.ts
deleted file mode 100644
index 479b9d159..000000000
--- a/apps/zitare/apps/web-archived/src/lib/data/guest-seed.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Guest seed data for Zitare.
- * Pre-favorited quotes and a sample list to showcase the app.
- */
-
-import type { LocalFavorite, LocalQuoteList } from './local-store';
-
-// Well-known quote IDs from @zitare/content
-export const guestFavorites: LocalFavorite[] = [
-	{ id: 'fav-1', quoteId: 'mot-1' },
-	{ id: 'fav-2', quoteId: 'weis-3' },
-	{ id: 'fav-3', quoteId: 'mot-7' },
-	{ id: 'fav-4', quoteId: 'weis-1' },
-	{ id: 'fav-5', quoteId: 'liebe-1' },
-];
-
-export const guestLists: LocalQuoteList[] = [
-	{
-		id: 'list-motivation',
-		name: 'Motivation & Antrieb',
-		description: 'Zitate die dich voranbringen',
-		quoteIds: ['mot-1', 'mot-7', 'mot-3'],
-	},
-	{
-		id: 'list-weisheit',
-		name: 'Zeitlose Weisheiten',
-		description: 'Die großen Denker und Dichter',
-		quoteIds: ['weis-1', 'weis-3', 'weis-5'],
-	},
-];
diff --git a/apps/zitare/apps/web-archived/src/lib/data/local-store.ts b/apps/zitare/apps/web-archived/src/lib/data/local-store.ts
deleted file mode 100644
index efab6cc03..000000000
--- a/apps/zitare/apps/web-archived/src/lib/data/local-store.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Zitare — Local-First Data Layer
- *
- * Collections: favorites, lists
- * Quotes themselves are static content from @zitare/content, not synced.
- */
-
-import { createLocalStore, type BaseRecord } from '@manacore/local-store';
-import { guestFavorites, guestLists } from './guest-seed';
-
-export interface LocalFavorite extends BaseRecord {
-	quoteId: string;
-}
-
-export interface LocalQuoteList extends BaseRecord {
-	name: string;
-	description?: string | null;
-	quoteIds: string[];
-}
-
-const SYNC_SERVER_URL = import.meta.env.PUBLIC_SYNC_SERVER_URL || 'http://localhost:3050';
-
-export const zitareStore = createLocalStore({
-	appId: 'zitare',
-	collections: [
-		{
-			name: 'favorites',
-			indexes: ['quoteId'],
-			guestSeed: guestFavorites,
-		},
-		{
-			name: 'lists',
-			indexes: [],
-			guestSeed: guestLists,
-		},
-	],
-	sync: {
-		serverUrl: SYNC_SERVER_URL,
-	},
-});
-
-export const favoriteCollection = zitareStore.collection<LocalFavorite>('favorites');
-export const listCollection = zitareStore.collection<LocalQuoteList>('lists');
diff --git a/apps/zitare/apps/web-archived/src/lib/data/queries.ts b/apps/zitare/apps/web-archived/src/lib/data/queries.ts
deleted file mode 100644
index f9ec3d311..000000000
--- a/apps/zitare/apps/web-archived/src/lib/data/queries.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * Reactive Queries & Pure Helpers for Zitare
- *
- * Uses Dexie liveQuery to automatically re-render when IndexedDB changes
- * (local writes, sync updates, other tabs). Components call these hooks
- * at init time; no manual fetch/refresh needed.
- */
-
-import { useLiveQueryWithDefault } from '@manacore/local-store/svelte';
-import {
-	favoriteCollection,
-	listCollection,
-	type LocalFavorite,
-	type LocalQuoteList,
-} from './local-store';
-
-// ─── Domain Types ─────────────────────────────────────────
-
-export interface Favorite {
-	id: string;
-	quoteId: string;
-	createdAt: string;
-}
-
-export interface QuoteList {
-	id: string;
-	name: string;
-	description?: string;
-	quoteIds: string[];
-	createdAt: string;
-	updatedAt: string;
-}
-
-// ─── Type Converters ──────────────────────────────────────
-
-export function toFavorite(local: LocalFavorite): Favorite {
-	return {
-		id: local.id,
-		quoteId: local.quoteId,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-	};
-}
-
-export function toQuoteList(local: LocalQuoteList): QuoteList {
-	return {
-		id: local.id,
-		name: local.name,
-		description: local.description ?? undefined,
-		quoteIds: local.quoteIds,
-		createdAt: local.createdAt ?? new Date().toISOString(),
-		updatedAt: local.updatedAt ?? new Date().toISOString(),
-	};
-}
-
-// ─── Live Query Hooks (call during component init) ────────
-
-/** All favorites. Auto-updates on any change. */
-export function useAllFavorites() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await favoriteCollection.getAll();
-		return locals.map(toFavorite);
-	}, [] as Favorite[]);
-}
-
-/** All lists. Auto-updates on any change. */
-export function useAllLists() {
-	return useLiveQueryWithDefault(async () => {
-		const locals = await listCollection.getAll();
-		return locals.map(toQuoteList);
-	}, [] as QuoteList[]);
-}
-
-// ─── Pure Helper Functions (for $derived) ─────────────────
-
-/** Check if a quote is in the favorites list. */
-export function isFavorite(favorites: Favorite[], quoteId: string): boolean {
-	return favorites.some((f) => f.quoteId === quoteId);
-}
-
-/** Find a favorite by quote ID. */
-export function findFavoriteByQuoteId(
-	favorites: Favorite[],
-	quoteId: string
-): Favorite | undefined {
-	return favorites.find((f) => f.quoteId === quoteId);
-}
-
-/** Find a list by ID. */
-export function findListById(lists: QuoteList[], listId: string): QuoteList | undefined {
-	return lists.find((l) => l.id === listId);
-}
diff --git a/apps/zitare/apps/web-archived/src/lib/i18n/index.ts b/apps/zitare/apps/web-archived/src/lib/i18n/index.ts
deleted file mode 100644
index ed3eb97d5..000000000
--- a/apps/zitare/apps/web-archived/src/lib/i18n/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { browser } from '$app/environment';
-import { init, register, locale, waitLocale } from 'svelte-i18n';
-
-// List of supported locales
-export const supportedLocales = ['de', 'en'] as const;
-export type SupportedLocale = (typeof supportedLocales)[number];
-
-// Default locale
-const defaultLocale = 'de';
-
-// Register all available locales
-register('de', () => import('./locales/de.json'));
-register('en', () => import('./locales/en.json'));
-
-// Get initial locale from browser or localStorage
-function getInitialLocale(): SupportedLocale {
-	if (browser) {
-		// Check localStorage first
-		const stored = localStorage.getItem('zitare_locale');
-		if (stored && supportedLocales.includes(stored as SupportedLocale)) {
-			return stored as SupportedLocale;
-		}
-
-		// Fall back to browser language
-		const browserLang = navigator.language.split('-')[0];
-		if (supportedLocales.includes(browserLang as SupportedLocale)) {
-			return browserLang as SupportedLocale;
-		}
-	}
-
-	return defaultLocale;
-}
-
-// Initialize i18n at module scope (required for SSR)
-init({
-	fallbackLocale: defaultLocale,
-	initialLocale: getInitialLocale(),
-});
-
-// Set locale and persist to localStorage
-export function setLocale(newLocale: SupportedLocale) {
-	locale.set(newLocale);
-	if (browser) {
-		localStorage.setItem('zitare_locale', newLocale);
-	}
-}
-
-// Wait for locale to be loaded (useful for SSR)
-export { waitLocale };
diff --git a/apps/zitare/apps/web-archived/src/lib/i18n/locales/de.json b/apps/zitare/apps/web-archived/src/lib/i18n/locales/de.json
deleted file mode 100644
index 9b38667dd..000000000
--- a/apps/zitare/apps/web-archived/src/lib/i18n/locales/de.json
+++ /dev/null
@@ -1,160 +0,0 @@
-{
-	"app": {
-		"name": "Zitare",
-		"tagline": "Inspirierende Zitate jeden Tag"
-	},
-	"nav": {
-		"home": "Heute",
-		"today": "Heute",
-		"categories": "Kategorien",
-		"favorites": "Favoriten",
-		"lists": "Listen",
-		"search": "Suche",
-		"settings": "Einstellungen",
-		"feedback": "Feedback",
-		"menu": "Menü",
-		"allThemes": "Alle Themes",
-		"showNav": "Navigation anzeigen",
-		"hideNav": "Navigation ausblenden"
-	},
-	"home": {
-		"dailyQuote": "Zitat des Tages",
-		"newQuote": "Neues Zitat",
-		"share": "Teilen",
-		"favorite": "Favorit",
-		"unfavorite": "Entfernen",
-		"source": "Quelle",
-		"year": "Jahr"
-	},
-	"categories": {
-		"title": "Kategorien",
-		"wisdom": "Weisheit",
-		"motivation": "Motivation",
-		"love": "Liebe",
-		"life": "Leben",
-		"success": "Erfolg",
-		"happiness": "Glück",
-		"friendship": "Freundschaft",
-		"courage": "Mut",
-		"hope": "Hoffnung",
-		"nature": "Natur",
-		"quotes": "{count} Zitate",
-		"notFound": "Kategorie nicht gefunden",
-		"backToCategories": "Zurück zu Kategorien",
-		"searchInCategory": "In dieser Kategorie suchen...",
-		"sortByAuthor": "Nach Autor",
-		"sortByDefault": "Standard"
-	},
-	"favorites": {
-		"title": "Favoriten",
-		"empty": "Noch keine Favoriten",
-		"emptyDescription": "Tippe auf das Herz-Symbol, um Zitate zu speichern",
-		"loginPrompt": "Melde dich an, um Favoriten zu speichern",
-		"removeFromFavorites": "Aus Favoriten entfernen",
-		"copyQuote": "Zitat kopieren",
-		"share": "Teilen"
-	},
-	"lists": {
-		"title": "Meine Listen",
-		"create": "Neue Liste",
-		"empty": "Noch keine Listen",
-		"emptyDescription": "Erstelle Listen, um Zitate zu organisieren",
-		"loginPrompt": "Melde dich an, um Listen zu erstellen",
-		"quoteCount": "{count} Zitate",
-		"createModal": {
-			"title": "Neue Liste erstellen",
-			"namePlaceholder": "z.B. Motivierende Zitate",
-			"descriptionPlaceholder": "Was macht diese Liste besonders?",
-			"submit": "Erstellen"
-		},
-		"nameLabel": "Name",
-		"descriptionLabel": "Beschreibung (optional)",
-		"confirmDelete": "Möchtest du diese Liste wirklich löschen?",
-		"detail": {
-			"notFound": "Liste nicht gefunden",
-			"notFoundDescription": "Diese Liste existiert nicht oder wurde gelöscht.",
-			"backToLists": "Zurück zu Listen",
-			"breadcrumb": "Listen",
-			"lastEdited": "Zuletzt bearbeitet: {date}",
-			"searchPlaceholder": "Zitate durchsuchen...",
-			"emptyTitle": "Keine Zitate in dieser Liste",
-			"emptyDescription": "Füge Zitate hinzu, um deine Sammlung zu starten",
-			"addQuotes": "Zitate hinzufügen",
-			"remove": "Entfernen",
-			"removeConfirm": "Zitat aus dieser Liste entfernen?",
-			"noSearchResults": "Keine Ergebnisse",
-			"noSearchResultsDescription": "Versuche es mit anderen Suchbegriffen",
-			"floatingResults": "{filtered} von {total} Zitaten",
-			"editModal": {
-				"title": "Liste bearbeiten",
-				"deleteList": "Liste löschen"
-			},
-			"addModal": {
-				"title": "Zitate hinzufügen",
-				"selected": "{count} ausgewählt",
-				"submit": "Hinzufügen ({count})"
-			},
-			"toast": {
-				"updated": "Liste aktualisiert!",
-				"updateError": "Fehler beim Aktualisieren",
-				"deleted": "Liste gelöscht",
-				"deleteError": "Fehler beim Löschen",
-				"quotesAdded": "{count} {count, plural, one {Zitat} other {Zitate}} hinzugefügt!",
-				"quoteRemoved": "Zitat entfernt",
-				"removeError": "Fehler beim Entfernen"
-			}
-		}
-	},
-	"search": {
-		"title": "Suche",
-		"placeholder": "Zitat oder Autor suchen...",
-		"noResults": "Keine Ergebnisse",
-		"results": "{count} Ergebnisse",
-		"searching": "Suche...",
-		"create": "Erstellen",
-		"createList": "als Liste erstellen",
-		"createListDescription": "Neue Liste mit diesem Namen erstellen",
-		"minChars": "Bitte gib mindestens 2 Zeichen ein",
-		"hint": "Suche nach Zitaten, Autoren oder Themen",
-		"allCategories": "Alle",
-		"filterByCategory": "Nach Kategorie filtern"
-	},
-	"settings": {
-		"quoteLanguage": "Zitat-Sprache",
-		"quoteLanguageDescription": "Wähle die Sprache, in der die Zitate angezeigt werden sollen.",
-		"display": "Anzeige",
-		"showCategory": "Kategorie anzeigen",
-		"showCategoryDescription": "Zeigt die Kategorie-Badge auf Zitat-Karten",
-		"showSource": "Quelle anzeigen",
-		"showSourceDescription": "Zeigt Quelle und Jahr unter dem Zitat",
-		"fontSize": "Schriftgröße",
-		"fontSizeSmall": "Klein",
-		"fontSizeNormal": "Normal",
-		"fontSizeLarge": "Groß",
-		"fontSizeXLarge": "Sehr groß",
-		"about": "Über Zitare",
-		"aboutDescription": "Zitare bietet dir täglich inspirierende Zitate von den größten Denkern der Geschichte. Speichere deine Favoriten und erstelle eigene Listen.",
-		"stats": "{quotes} Zitate · {categories} Kategorien · {languages} Sprachen"
-	},
-	"auth": {
-		"login": "Anmelden",
-		"logout": "Abmelden",
-		"register": "Registrieren"
-	},
-	"feedback": {
-		"title": "Feedback & Vorschläge",
-		"subtitle": "Teile deine Ideen und stimme für Feature-Wünsche ab"
-	},
-	"common": {
-		"loading": "Laden...",
-		"error": "Ein Fehler ist aufgetreten",
-		"retry": "Erneut versuchen",
-		"save": "Speichern",
-		"cancel": "Abbrechen",
-		"delete": "Löschen",
-		"edit": "Bearbeiten",
-		"close": "Schließen",
-		"search": "Suchen",
-		"list": "Liste"
-	}
-}
diff --git a/apps/zitare/apps/web-archived/src/lib/i18n/locales/en.json b/apps/zitare/apps/web-archived/src/lib/i18n/locales/en.json
deleted file mode 100644
index 67def3582..000000000
--- a/apps/zitare/apps/web-archived/src/lib/i18n/locales/en.json
+++ /dev/null
@@ -1,160 +0,0 @@
-{
-	"app": {
-		"name": "Zitare",
-		"tagline": "Inspiring quotes every day"
-	},
-	"nav": {
-		"home": "Today",
-		"today": "Today",
-		"categories": "Categories",
-		"favorites": "Favorites",
-		"lists": "Lists",
-		"search": "Search",
-		"settings": "Settings",
-		"feedback": "Feedback",
-		"menu": "Menu",
-		"allThemes": "All Themes",
-		"showNav": "Show navigation",
-		"hideNav": "Hide navigation"
-	},
-	"home": {
-		"dailyQuote": "Quote of the Day",
-		"newQuote": "New Quote",
-		"share": "Share",
-		"favorite": "Favorite",
-		"unfavorite": "Remove",
-		"source": "Source",
-		"year": "Year"
-	},
-	"categories": {
-		"title": "Categories",
-		"wisdom": "Wisdom",
-		"motivation": "Motivation",
-		"love": "Love",
-		"life": "Life",
-		"success": "Success",
-		"happiness": "Happiness",
-		"friendship": "Friendship",
-		"courage": "Courage",
-		"hope": "Hope",
-		"nature": "Nature",
-		"quotes": "{count} quotes",
-		"notFound": "Category not found",
-		"backToCategories": "Back to categories",
-		"searchInCategory": "Search in this category...",
-		"sortByAuthor": "By author",
-		"sortByDefault": "Default"
-	},
-	"favorites": {
-		"title": "Favorites",
-		"empty": "No favorites yet",
-		"emptyDescription": "Tap the heart icon to save quotes",
-		"loginPrompt": "Sign in to save favorites",
-		"removeFromFavorites": "Remove from favorites",
-		"copyQuote": "Copy quote",
-		"share": "Share"
-	},
-	"lists": {
-		"title": "My Lists",
-		"create": "New List",
-		"empty": "No lists yet",
-		"emptyDescription": "Create lists to organize quotes",
-		"loginPrompt": "Sign in to create lists",
-		"quoteCount": "{count} quotes",
-		"createModal": {
-			"title": "Create new list",
-			"namePlaceholder": "e.g. Motivational Quotes",
-			"descriptionPlaceholder": "What makes this list special?",
-			"submit": "Create"
-		},
-		"nameLabel": "Name",
-		"descriptionLabel": "Description (optional)",
-		"confirmDelete": "Do you really want to delete this list?",
-		"detail": {
-			"notFound": "List not found",
-			"notFoundDescription": "This list does not exist or has been deleted.",
-			"backToLists": "Back to lists",
-			"breadcrumb": "Lists",
-			"lastEdited": "Last edited: {date}",
-			"searchPlaceholder": "Search quotes...",
-			"emptyTitle": "No quotes in this list",
-			"emptyDescription": "Add quotes to start your collection",
-			"addQuotes": "Add quotes",
-			"remove": "Remove",
-			"removeConfirm": "Remove quote from this list?",
-			"noSearchResults": "No results",
-			"noSearchResultsDescription": "Try different search terms",
-			"floatingResults": "{filtered} of {total} quotes",
-			"editModal": {
-				"title": "Edit list",
-				"deleteList": "Delete list"
-			},
-			"addModal": {
-				"title": "Add quotes",
-				"selected": "{count} selected",
-				"submit": "Add ({count})"
-			},
-			"toast": {
-				"updated": "List updated!",
-				"updateError": "Error updating list",
-				"deleted": "List deleted",
-				"deleteError": "Error deleting list",
-				"quotesAdded": "{count} {count, plural, one {quote} other {quotes}} added!",
-				"quoteRemoved": "Quote removed",
-				"removeError": "Error removing quote"
-			}
-		}
-	},
-	"search": {
-		"title": "Search",
-		"placeholder": "Search quotes or authors...",
-		"noResults": "No results",
-		"results": "{count} results",
-		"searching": "Searching...",
-		"create": "Create",
-		"createList": "create as list",
-		"createListDescription": "Create a new list with this name",
-		"minChars": "Please enter at least 2 characters",
-		"hint": "Search for quotes, authors, or topics",
-		"allCategories": "All",
-		"filterByCategory": "Filter by category"
-	},
-	"settings": {
-		"quoteLanguage": "Quote language",
-		"quoteLanguageDescription": "Choose the language in which quotes are displayed.",
-		"display": "Display",
-		"showCategory": "Show category",
-		"showCategoryDescription": "Shows the category badge on quote cards",
-		"showSource": "Show source",
-		"showSourceDescription": "Shows source and year below the quote",
-		"fontSize": "Font size",
-		"fontSizeSmall": "Small",
-		"fontSizeNormal": "Normal",
-		"fontSizeLarge": "Large",
-		"fontSizeXLarge": "Extra large",
-		"about": "About Zitare",
-		"aboutDescription": "Zitare offers you daily inspiring quotes from the greatest thinkers in history. Save your favorites and create your own lists.",
-		"stats": "{quotes} quotes · {categories} categories · {languages} languages"
-	},
-	"auth": {
-		"login": "Sign In",
-		"logout": "Sign Out",
-		"register": "Sign Up"
-	},
-	"feedback": {
-		"title": "Feedback & Suggestions",
-		"subtitle": "Share your ideas and vote for feature requests"
-	},
-	"common": {
-		"loading": "Loading...",
-		"error": "An error occurred",
-		"retry": "Try again",
-		"save": "Save",
-		"cancel": "Cancel",
-		"delete": "Delete",
-		"edit": "Edit",
-		"close": "Close",
-		"search": "Search",
-		"list": "List"
-	}
-}
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
deleted file mode 100644
index 5d395882d..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/app-onboarding.svelte.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { createAppOnboardingStore, type AppOnboardingStep } from '@manacore/shared-app-onboarding';
-import { userSettings } from './user-settings.svelte';
-
-const zitareOnboardingSteps: AppOnboardingStep[] = [
-	{
-		id: 'features',
-		type: 'info',
-		question: 'Willkommen bei Zitare!',
-		description: 'Das kann Zitare für dich tun:',
-		emoji: '✨',
-		gradient: { from: 'amber-500', to: 'amber-700' },
-		bullets: [
-			'Tägliche Inspiration durch ausgewählte Zitate',
-			'Zitate-Sammlung zum Stöbern & Entdecken',
-			'Immersiver Lesemodus für ungestörtes Lesen',
-			'Favoriten & eigene Listen erstellen',
-		],
-	},
-	{
-		id: 'displayMode',
-		type: 'select',
-		question: 'Wie möchtest du Zitate lesen?',
-		description: 'Du kannst den Modus jederzeit wechseln.',
-		emoji: '👁️',
-		gradient: { from: 'indigo-500', to: 'indigo-700' },
-		options: [
-			{
-				id: 'compact',
-				label: 'Kompakt',
-				description: 'Übersichtliche Listenansicht',
-				emoji: '📋',
-			},
-			{
-				id: 'immersive',
-				label: 'Immersiv',
-				description: 'Großes Zitat mit Hintergrund (Empfohlen)',
-				emoji: '🖼️',
-			},
-		],
-		defaultValue: 'immersive',
-	},
-	{
-		id: 'welcome',
-		type: 'info',
-		question: 'Deine Zitate sind bereit!',
-		description: 'Hier sind einige Tipps:',
-		emoji: '🎉',
-		gradient: { from: 'primary', to: 'primary/70' },
-		bullets: [
-			'Swipe oder klicke für das nächste Zitat',
-			'Markiere Favoriten mit dem Herz-Symbol',
-			'Erstelle eigene Sammlungen',
-			'Teile Zitate mit Freunden',
-		],
-	},
-];
-
-export const zitareOnboarding = createAppOnboardingStore({
-	appId: 'zitare',
-	steps: zitareOnboardingSteps,
-	userSettings,
-	onComplete: async () => {},
-	onSkip: async () => {},
-});
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/auth.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index 06e294ba6..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Auth Store — uses centralized Mana auth factory.
- * All auth logic lives in @manacore/shared-auth-stores.
- */
-
-import { createManaAuthStore } from '@manacore/shared-auth-stores';
-
-export const authStore = createManaAuthStore({
-	devBackendPort: 3007,
-});
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/favorites.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/favorites.svelte.ts
deleted file mode 100644
index 5e243b559..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/favorites.svelte.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * Favorites Store — Mutation-only
- * Reads come from useLiveQuery via queries.ts (reactive, auto-updating).
- * This store only handles write operations.
- */
-
-import { favoriteCollection, type LocalFavorite } from '$lib/data/local-store';
-import { toFavorite, type Favorite } from '$lib/data/queries';
-
-export const favoritesStore = {
-	async add(quoteId: string) {
-		const newFav: LocalFavorite = {
-			id: crypto.randomUUID(),
-			quoteId,
-		};
-		await favoriteCollection.insert(newFav);
-	},
-
-	async remove(quoteId: string, favorites: Favorite[]) {
-		const fav = favorites.find((f) => f.quoteId === quoteId);
-		if (fav) {
-			await favoriteCollection.delete(fav.id);
-		}
-	},
-
-	async toggle(quoteId: string, favorites: Favorite[]) {
-		const exists = favorites.some((f) => f.quoteId === quoteId);
-		if (exists) {
-			await this.remove(quoteId, favorites);
-		} else {
-			await this.add(quoteId);
-		}
-	},
-};
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/lists.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/lists.svelte.ts
deleted file mode 100644
index 722823b2f..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/lists.svelte.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * Lists Store — Mutation-only
- * Reads come from useLiveQuery via queries.ts (reactive, auto-updating).
- * This store only handles write operations.
- */
-
-import { listCollection, type LocalQuoteList } from '$lib/data/local-store';
-import { toQuoteList, type QuoteList } from '$lib/data/queries';
-
-export type { QuoteList } from '$lib/data/queries';
-
-export const listsStore = {
-	async getList(id: string): Promise<QuoteList | null> {
-		const local = await listCollection.get(id);
-		return local ? toQuoteList(local) : null;
-	},
-
-	async createList(name: string, description?: string): Promise<QuoteList | null> {
-		try {
-			const newLocal: LocalQuoteList = {
-				id: crypto.randomUUID(),
-				name,
-				description: description ?? null,
-				quoteIds: [],
-			};
-			const inserted = await listCollection.insert(newLocal);
-			return toQuoteList(inserted);
-		} catch {
-			return null;
-		}
-	},
-
-	async updateList(
-		id: string,
-		updates: { name?: string; description?: string }
-	): Promise<QuoteList | null> {
-		try {
-			const updated = await listCollection.update(id, updates as Partial<LocalQuoteList>);
-			return updated ? toQuoteList(updated) : null;
-		} catch {
-			return null;
-		}
-	},
-
-	async deleteList(id: string): Promise<boolean> {
-		try {
-			await listCollection.delete(id);
-			return true;
-		} catch {
-			return false;
-		}
-	},
-
-	async addQuoteToList(listId: string, quoteId: string): Promise<boolean> {
-		try {
-			const existing = await listCollection.get(listId);
-			if (!existing) return false;
-
-			const quoteIds = [...(existing.quoteIds || [])];
-			if (!quoteIds.includes(quoteId)) {
-				quoteIds.push(quoteId);
-			}
-
-			await listCollection.update(listId, { quoteIds } as Partial<LocalQuoteList>);
-			return true;
-		} catch {
-			return false;
-		}
-	},
-
-	async removeQuoteFromList(listId: string, quoteId: string): Promise<boolean> {
-		try {
-			const existing = await listCollection.get(listId);
-			if (!existing) return false;
-
-			const quoteIds = (existing.quoteIds || []).filter((qid) => qid !== quoteId);
-
-			await listCollection.update(listId, { quoteIds } as Partial<LocalQuoteList>);
-			return true;
-		} catch {
-			return false;
-		}
-	},
-};
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/quotes.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/quotes.svelte.ts
deleted file mode 100644
index 24ccc7110..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/quotes.svelte.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-/**
- * Quotes Store - Manages quote display state
- */
-
-import { browser } from '$app/environment';
-import {
-	QUOTES,
-	getDailyQuote,
-	getRandomQuote,
-	getQuotesByCategory,
-	searchQuotes,
-	getQuoteText,
-	type Quote,
-	type Category,
-	type SupportedLanguage,
-} from '@zitare/content';
-
-// State
-let currentQuote = $state<Quote | null>(null);
-let language = $state<SupportedLanguage>('de');
-
-// Get stored language or detect from browser
-function getInitialLanguage(): SupportedLanguage {
-	if (browser) {
-		const stored = localStorage.getItem('zitare_quote_language');
-		if (stored && ['de', 'en', 'it', 'fr', 'es', 'original'].includes(stored)) {
-			return stored as SupportedLanguage;
-		}
-
-		// Map browser language to supported language
-		const browserLang = navigator.language.split('-')[0];
-		const langMap: Record<string, SupportedLanguage> = {
-			de: 'de',
-			en: 'en',
-			it: 'it',
-			fr: 'fr',
-			es: 'es',
-		};
-		return langMap[browserLang] || 'de';
-	}
-	return 'de';
-}
-
-export const quotesStore = {
-	get currentQuote() {
-		return currentQuote;
-	},
-	get language() {
-		return language;
-	},
-	get allQuotes() {
-		return QUOTES;
-	},
-	get totalCount() {
-		return QUOTES.length;
-	},
-
-	/**
-	 * Initialize the store
-	 */
-	initialize() {
-		language = getInitialLanguage();
-		currentQuote = getDailyQuote();
-	},
-
-	/**
-	 * Set the display language
-	 */
-	setLanguage(lang: SupportedLanguage) {
-		language = lang;
-		if (browser) {
-			localStorage.setItem('zitare_quote_language', lang);
-		}
-	},
-
-	/**
-	 * Get quote text in current language
-	 */
-	getText(quote: Quote): string {
-		return getQuoteText(quote, language);
-	},
-
-	/**
-	 * Load the daily quote
-	 */
-	loadDailyQuote() {
-		currentQuote = getDailyQuote();
-	},
-
-	/**
-	 * Load a random quote
-	 */
-	loadRandomQuote() {
-		currentQuote = getRandomQuote();
-	},
-
-	/**
-	 * Get quotes by category
-	 */
-	getByCategory(category: Category): Quote[] {
-		return getQuotesByCategory(category);
-	},
-
-	/**
-	 * Search quotes
-	 */
-	search(query: string): Quote[] {
-		return searchQuotes(query, language);
-	},
-
-	/**
-	 * Set current quote
-	 */
-	setCurrentQuote(quote: Quote) {
-		currentQuote = quote;
-	},
-};
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/settings.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/settings.svelte.ts
deleted file mode 100644
index def1c2cd7..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/settings.svelte.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-/**
- * Settings Store - Manages user preferences for the Zitare app
- * Uses @manacore/shared-stores createAppSettingsStore factory
- */
-
-import { createAppSettingsStore } from '@manacore/shared-stores';
-
-export interface ZitareAppSettings extends Record<string, unknown> {
-	// View & Display
-	showQuoteOfTheDay: boolean;
-	autoRefreshDaily: boolean;
-	compactMode: boolean;
-
-	// Quote Display
-	showCategory: boolean;
-	showSource: boolean;
-	fontSizeMultiplier: number;
-
-	// Immersive Mode
-	immersiveModeEnabled: boolean;
-
-	// Navigation UI
-	pillNavCollapsed: boolean;
-}
-
-const DEFAULT_SETTINGS: ZitareAppSettings = {
-	// View & Display
-	showQuoteOfTheDay: true,
-	autoRefreshDaily: true,
-	compactMode: false,
-
-	// Quote Display
-	showCategory: true,
-	showSource: true,
-	fontSizeMultiplier: 1,
-
-	// Immersive Mode
-	immersiveModeEnabled: false,
-
-	// Navigation UI
-	pillNavCollapsed: true,
-};
-
-// Create base store using factory
-const baseStore = createAppSettingsStore<ZitareAppSettings>('zitare-settings', DEFAULT_SETTINGS);
-
-// Export with convenience getters
-export const zitareSettings = {
-	// Base store methods
-	get settings() {
-		return baseStore.settings;
-	},
-	initialize: baseStore.initialize,
-	set: baseStore.set,
-	update: baseStore.update,
-	reset: baseStore.reset,
-	getDefaults: baseStore.getDefaults,
-	toggleImmersiveMode: baseStore.toggleImmersiveMode,
-
-	// Convenience getters
-	get showQuoteOfTheDay() {
-		return baseStore.settings.showQuoteOfTheDay;
-	},
-	get autoRefreshDaily() {
-		return baseStore.settings.autoRefreshDaily;
-	},
-	get compactMode() {
-		return baseStore.settings.compactMode;
-	},
-	get showCategory() {
-		return baseStore.settings.showCategory;
-	},
-	get showSource() {
-		return baseStore.settings.showSource;
-	},
-	get fontSizeMultiplier() {
-		return baseStore.settings.fontSizeMultiplier;
-	},
-	get immersiveModeEnabled() {
-		return baseStore.settings.immersiveModeEnabled;
-	},
-	get pillNavCollapsed() {
-		return baseStore.settings.pillNavCollapsed;
-	},
-
-	// Toggle methods
-	togglePillNav() {
-		baseStore.update({ pillNavCollapsed: !baseStore.settings.pillNavCollapsed });
-	},
-	showPillNav() {
-		baseStore.update({ pillNavCollapsed: false });
-	},
-	hidePillNav() {
-		baseStore.update({ pillNavCollapsed: true });
-	},
-};
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/spiral.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/spiral.svelte.ts
deleted file mode 100644
index 19422a79c..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/spiral.svelte.ts
+++ /dev/null
@@ -1,233 +0,0 @@
-/**
- * Spiral DB Store for Zitare
- * Manages SpiralDB state for visual quote storage
- */
-
-import {
-	SpiralDB,
-	createQuoteSchema,
-	type SpiralImage,
-	type SpiralRecord,
-	exportToPngBytes,
-	importFromPngBytes,
-	downloadPng,
-} from '@manacore/spiral-db';
-
-interface QuoteData extends Record<string, unknown> {
-	id: number;
-	status: number;
-	category: number;
-	language: number;
-	createdAt: Date;
-	quoteId: string;
-	author: string;
-	text: string;
-}
-
-interface SpiralStats {
-	imageSize: number;
-	totalPixels: number;
-	usedPixels: number;
-	totalRecords: number;
-	activeRecords: number;
-	deletedRecords: number;
-	currentRing: number;
-	compressionRatio: number;
-}
-
-const CATEGORY_MAP: Record<string, number> = {
-	motivation: 0,
-	weisheit: 1,
-	liebe: 2,
-	leben: 3,
-	erfolg: 4,
-	glueck: 5,
-	freundschaft: 6,
-	mut: 7,
-	hoffnung: 8,
-	natur: 9,
-};
-
-const CATEGORY_NAMES: Record<number, string> = Object.fromEntries(
-	Object.entries(CATEGORY_MAP).map(([k, v]) => [v, k])
-);
-
-const LANGUAGE_MAP: Record<string, number> = {
-	original: 0,
-	de: 1,
-	en: 2,
-	it: 3,
-	fr: 4,
-	es: 5,
-};
-
-class SpiralStore {
-	private db: SpiralDB<QuoteData>;
-
-	image = $state<SpiralImage | null>(null);
-	stats = $state<SpiralStats | null>(null);
-	records = $state<SpiralRecord<QuoteData>[]>([]);
-	isLoading = $state(false);
-	error = $state<string | null>(null);
-
-	constructor() {
-		this.db = new SpiralDB<QuoteData>({
-			schema: createQuoteSchema(),
-			compression: true,
-		});
-		this.updateState();
-	}
-
-	private updateState() {
-		this.image = this.db.getImage();
-		this.records = this.db.getAll();
-
-		const dbStats = this.db.getStats();
-		const jsonSize = JSON.stringify(this.records.map((r) => r.data)).length || 1;
-		const pixelBytes = Math.ceil((dbStats.usedPixels * 3) / 8);
-
-		this.stats = {
-			...dbStats,
-			compressionRatio: Math.round((1 - pixelBytes / jsonSize) * 100),
-		};
-	}
-
-	/**
-	 * Import favorites from the favorites store, merged with quote data
-	 */
-	importFavorites(
-		favorites: Array<{
-			quoteId: string;
-			createdAt?: string | Date;
-		}>,
-		getQuote: (quoteId: string) => {
-			author: string;
-			text: string;
-			category: string;
-			language?: string;
-		} | null
-	) {
-		this.db = new SpiralDB<QuoteData>({
-			schema: createQuoteSchema(),
-			compression: true,
-		});
-
-		for (const fav of favorites) {
-			const quote = getQuote(fav.quoteId);
-			if (!quote) continue;
-
-			const result = this.db.insert({
-				id: 0,
-				status: 2, // favorited
-				category: CATEGORY_MAP[quote.category] ?? 0,
-				language: LANGUAGE_MAP[quote.language ?? 'de'] ?? 1,
-				createdAt: fav.createdAt ? new Date(fav.createdAt) : new Date(),
-				quoteId: fav.quoteId.slice(0, 100),
-				author: quote.author.slice(0, 100),
-				text: quote.text.slice(0, 255),
-			});
-
-			if (result.success) {
-				this.db.complete(result.recordId!);
-			}
-		}
-
-		this.updateState();
-	}
-
-	/**
-	 * Add a single quote to the spiral
-	 */
-	addQuote(quote: {
-		quoteId: string;
-		author: string;
-		text: string;
-		category: string;
-		language?: string;
-	}) {
-		const result = this.db.insert({
-			id: 0,
-			status: 0,
-			category: CATEGORY_MAP[quote.category] ?? 0,
-			language: LANGUAGE_MAP[quote.language ?? 'de'] ?? 1,
-			createdAt: new Date(),
-			quoteId: quote.quoteId.slice(0, 100),
-			author: quote.author.slice(0, 100),
-			text: quote.text.slice(0, 255),
-		});
-
-		if (result.success) {
-			this.updateState();
-		}
-		return result;
-	}
-
-	/**
-	 * Remove a quote (soft delete)
-	 */
-	removeQuote(id: number) {
-		const result = this.db.delete(id);
-		if (result.success) {
-			this.updateState();
-		}
-		return result;
-	}
-
-	/**
-	 * Mark a quote as favorited
-	 */
-	favoriteQuote(id: number) {
-		const result = this.db.complete(id);
-		if (result.success) {
-			this.updateState();
-		}
-		return result;
-	}
-
-	downloadPng(filename = 'spiral-quotes.png') {
-		if (this.image) {
-			downloadPng(this.image, filename);
-		}
-	}
-
-	getPngBytes(): Uint8Array | null {
-		if (!this.image) return null;
-		return exportToPngBytes(this.image);
-	}
-
-	clear() {
-		this.db = new SpiralDB<QuoteData>({
-			schema: createQuoteSchema(),
-			compression: true,
-		});
-		this.updateState();
-	}
-
-	async importFromPng(file: File): Promise<{ success: boolean; error?: string }> {
-		try {
-			this.isLoading = true;
-			this.error = null;
-
-			const buffer = await file.arrayBuffer();
-			const bytes = new Uint8Array(buffer);
-			const image = await importFromPngBytes(bytes);
-
-			this.db = SpiralDB.fromImage<QuoteData>(image, createQuoteSchema());
-			this.updateState();
-
-			return { success: true };
-		} catch (err) {
-			const errorMessage = err instanceof Error ? err.message : 'Unknown error';
-			this.error = errorMessage;
-			return { success: false, error: errorMessage };
-		} finally {
-			this.isLoading = false;
-		}
-	}
-
-	getCategoryName(index: number): string {
-		return CATEGORY_NAMES[index] ?? 'unknown';
-	}
-}
-
-export const spiralStore = new SpiralStore();
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/tags.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/tags.svelte.ts
deleted file mode 100644
index 074782375..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/tags.svelte.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Tag Store — Local-First via Shared Tag Store
- * Tags are stored in shared IndexedDB ('manacore-tags'), accessible across all apps.
- * Use context ('tags') for reads, tagMutations for writes.
- */
-export {
-	tagMutations,
-	useAllTags,
-	getTagById,
-	getTagsByIds,
-	getTagColor,
-	getTagsByGroup,
-} from '@manacore/shared-stores';
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/theme.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/theme.svelte.ts
deleted file mode 100644
index 895562027..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/theme.svelte.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-/**
- * Theme Store - Manages theme state using Svelte 5 runes
- */
-
-import { browser } from '$app/environment';
-import type { ThemeMode, ThemeVariant } from '@manacore/shared-theme';
-
-// State
-let mode = $state<ThemeMode>('system');
-let variant = $state<ThemeVariant>('lume');
-let initialized = $state(false);
-
-// Derived state
-let isDark = $derived(
-	mode === 'system'
-		? browser
-			? window.matchMedia('(prefers-color-scheme: dark)').matches
-			: true // Default to dark for SSR
-		: mode === 'dark'
-);
-
-function applyTheme() {
-	if (!browser) return;
-
-	const root = document.documentElement;
-
-	// Apply dark/light mode
-	if (isDark) {
-		root.classList.add('dark');
-	} else {
-		root.classList.remove('dark');
-	}
-
-	// Apply variant
-	root.setAttribute('data-theme', variant);
-}
-
-export const theme = {
-	get mode() {
-		return mode;
-	},
-	get variant() {
-		return variant;
-	},
-	get isDark() {
-		return isDark;
-	},
-	get initialized() {
-		return initialized;
-	},
-
-	initialize() {
-		if (!browser || initialized) return;
-
-		// Load from localStorage
-		const savedMode = localStorage.getItem('zitare-theme-mode') as ThemeMode | null;
-		const savedVariant = localStorage.getItem('zitare-theme-variant') as ThemeVariant | null;
-
-		if (savedMode) mode = savedMode;
-		if (savedVariant) variant = savedVariant;
-
-		// Apply initial theme
-		applyTheme();
-
-		// Listen for system theme changes
-		const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-		mediaQuery.addEventListener('change', () => {
-			if (mode === 'system') {
-				applyTheme();
-			}
-		});
-
-		initialized = true;
-	},
-
-	setMode(newMode: ThemeMode) {
-		mode = newMode;
-		if (browser) {
-			localStorage.setItem('zitare-theme-mode', newMode);
-			applyTheme();
-		}
-	},
-
-	setVariant(newVariant: ThemeVariant) {
-		variant = newVariant;
-		if (browser) {
-			localStorage.setItem('zitare-theme-variant', newVariant);
-			applyTheme();
-		}
-	},
-
-	toggleMode() {
-		const newMode = isDark ? 'light' : 'dark';
-		this.setMode(newMode);
-	},
-};
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/toast.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/toast.svelte.ts
deleted file mode 100644
index a4a1a79dd..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/toast.svelte.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-// Simple toast notification store
-
-type ToastType = 'success' | 'error' | 'info' | 'warning';
-
-interface Toast {
-	id: string;
-	message: string;
-	type: ToastType;
-}
-
-let toasts = $state<Toast[]>([]);
-
-function addToast(message: string, type: ToastType = 'info', duration = 3000) {
-	const id = crypto.randomUUID();
-	toasts = [...toasts, { id, message, type }];
-
-	setTimeout(() => {
-		toasts = toasts.filter((t) => t.id !== id);
-	}, duration);
-}
-
-export const toast = {
-	get toasts() {
-		return toasts;
-	},
-	success: (message: string) => addToast(message, 'success'),
-	error: (message: string) => addToast(message, 'error'),
-	info: (message: string) => addToast(message, 'info'),
-	warning: (message: string) => addToast(message, 'warning'),
-	dismiss: (id: string) => {
-		toasts = toasts.filter((t) => t.id !== id);
-	},
-};
diff --git a/apps/zitare/apps/web-archived/src/lib/stores/user-settings.svelte.ts b/apps/zitare/apps/web-archived/src/lib/stores/user-settings.svelte.ts
deleted file mode 100644
index 9e3d8c3e1..000000000
--- a/apps/zitare/apps/web-archived/src/lib/stores/user-settings.svelte.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { browser } from '$app/environment';
-import { createUserSettingsStore } from '@manacore/shared-theme';
-import { authStore } from './auth.svelte';
-
-function getAuthUrl(): string {
-	if (browser && typeof window !== 'undefined') {
-		const injectedUrl = (window as unknown as { __PUBLIC_MANA_CORE_AUTH_URL__?: string })
-			.__PUBLIC_MANA_CORE_AUTH_URL__;
-		if (injectedUrl) return injectedUrl;
-	}
-	return import.meta.env.DEV ? 'http://localhost:3001' : '';
-}
-
-export const userSettings = createUserSettingsStore({
-	appId: 'zitare',
-	authUrl: getAuthUrl,
-	getAccessToken: () => authStore.getAccessToken(),
-});
diff --git a/apps/zitare/apps/web-archived/src/lib/version.ts b/apps/zitare/apps/web-archived/src/lib/version.ts
deleted file mode 100644
index d63b4cfef..000000000
--- a/apps/zitare/apps/web-archived/src/lib/version.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const APP_VERSION = '0.2.0';
-export const BUILD_TIME: string =
-	typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : new Date().toISOString();
-export const BUILD_HASH: string = typeof __BUILD_HASH__ !== 'undefined' ? __BUILD_HASH__ : 'dev';
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/+layout.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/+layout.svelte
deleted file mode 100644
index fbfa377c8..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/+layout.svelte
+++ /dev/null
@@ -1,504 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { locale, _ } from 'svelte-i18n';
-	import {
-		PillNavigation,
-		QuickInputBar,
-		ImmersiveModeToggle,
-		TagStrip,
-	} from '@manacore/shared-ui';
-	import type {
-		PillNavItem,
-		PillDropdownItem,
-		QuickInputItem,
-		SpotlightAction,
-	} from '@manacore/shared-ui';
-	import { SyncIndicator } from '@manacore/shared-ui';
-	import {
-		tagLocalStore,
-		tagMutations,
-		useAllTags as useAllSharedTags,
-	} from '@manacore/shared-stores';
-
-	// Extend QuickInputItem for zitare-specific search results with href navigation
-	interface ZitareSearchItem extends QuickInputItem {
-		href?: string;
-	}
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import { listsStore } from '$lib/stores/lists.svelte';
-	import { zitareSettings } from '$lib/stores/settings.svelte';
-	import { useAllFavorites, useAllLists } from '$lib/data/queries';
-	import {
-		THEME_DEFINITIONS,
-		DEFAULT_THEME_VARIANTS,
-		createUserSettingsStore,
-		filterHiddenNavItems,
-	} from '@manacore/shared-theme';
-	import type { ThemeVariant } from '@manacore/shared-theme';
-	import { getLanguageDropdownItems, getCurrentLanguageLabel } from '@manacore/shared-i18n';
-	import { getPillAppItems, getManaApp } from '@manacore/shared-branding';
-	import { setLocale, supportedLocales } from '$lib/i18n';
-	import { setContext } from 'svelte';
-	import { SessionExpiredBanner, AuthGate, GuestWelcomeModal } from '@manacore/shared-auth-ui';
-	import { shouldShowGuestWelcome } from '@manacore/shared-auth-ui';
-	import { QUOTES, type Quote } from '@zitare/content';
-	import { zitareStore } from '$lib/data/local-store';
-	import { List as ListIcon, X } from '@manacore/shared-icons';
-
-	const allTags = useAllSharedTags();
-	setContext('tags', allTags);
-
-	const allFavorites = useAllFavorites();
-	setContext('favorites', allFavorites);
-
-	const allLists = useAllLists();
-	setContext('lists', allLists);
-
-	let showGuestWelcome = $state(false);
-
-	// App switcher items
-	let appItems = $derived(getPillAppItems('zitare', undefined, undefined, authStore.user?.tier));
-
-	// User settings for nav visibility
-	const userSettings = createUserSettingsStore({
-		appId: 'zitare',
-		authUrl: import.meta.env.PUBLIC_MANA_CORE_AUTH_URL || 'http://localhost:3001',
-		getAccessToken: () => authStore.getAccessToken(),
-	});
-
-	let { children } = $props();
-
-	// Use theme store's isDark directly
-	let isDark = $derived(theme.isDark);
-
-	// Check if on home page for toolbar visibility
-	let isHomePage = $derived($page.url.pathname === '/');
-
-	// Bottom offset for QuickInputBar
-	let inputBarBottomOffset = $derived(zitareSettings.pillNavCollapsed ? '16px' : '70px');
-
-	// Visible themes in PillNav
-	let visibleThemes = $derived<ThemeVariant[]>([...DEFAULT_THEME_VARIANTS]);
-
-	// Theme variant dropdown items
-	let themeVariantItems = $derived<PillDropdownItem[]>([
-		...visibleThemes.map((variant) => ({
-			id: variant,
-			label: THEME_DEFINITIONS[variant]?.label || variant,
-			icon: THEME_DEFINITIONS[variant]?.icon || '🎨',
-			onClick: () => theme.setVariant(variant),
-			active: (theme.variant || 'lume') === variant,
-		})),
-		{
-			id: 'all-themes',
-			label: $_('nav.allThemes'),
-			icon: 'palette',
-			onClick: () => goto('/themes'),
-			active: false,
-		},
-	]);
-
-	// Current theme variant label
-	let currentThemeVariantLabel = $derived(
-		THEME_DEFINITIONS[theme.variant]?.label || THEME_DEFINITIONS.lume?.label || 'Lume'
-	);
-
-	// Language selector items
-	let currentLocale = $derived($locale || 'de');
-	function handleLocaleChange(newLocale: string) {
-		setLocale(newLocale as 'de' | 'en');
-	}
-	let languageItems = $derived(
-		getLanguageDropdownItems(supportedLocales, currentLocale, handleLocaleChange)
-	);
-	let currentLanguageLabel = $derived(getCurrentLanguageLabel(currentLocale));
-
-	// User email for user dropdown
-	let userEmail = $derived(
-		authStore.isAuthenticated ? authStore.user?.email || $_('nav.menu') : ''
-	);
-
-	// TagStrip visibility
-	let isTagStripVisible = $state(false);
-	function handleTagStripToggle() {
-		isTagStripVisible = !isTagStripVisible;
-	}
-
-	// Base navigation items for Zitare
-	let baseNavItems = $derived<PillNavItem[]>([
-		{ href: '/', label: $_('nav.today'), icon: 'sun' },
-		{ href: '/categories', label: $_('nav.categories'), icon: 'grid' },
-		{ href: '/favorites', label: $_('nav.favorites'), icon: 'heart' },
-		{ href: '/lists', label: $_('nav.lists'), icon: 'list' },
-		{
-			href: '/',
-			label: 'Tags',
-			icon: 'tag',
-			onClick: handleTagStripToggle,
-			active: isTagStripVisible,
-		},
-	]);
-
-	// Filter hidden nav items
-	let navItems = $derived(
-		filterHiddenNavItems('zitare', baseNavItems, userSettings.nav.hiddenNavItems || {})
-	);
-
-	// Navigation routes for keyboard shortcuts
-	const navRoutes = ['/', '/categories', '/favorites', '/lists'];
-
-	function handleToggleTheme() {
-		theme.toggleMode();
-	}
-
-	function handleThemeModeChange(mode: 'light' | 'dark' | 'system') {
-		theme.setMode(mode);
-	}
-
-	async function handleLogout() {
-		await authStore.signOut();
-		goto('/login');
-	}
-
-	// QuickInputBar search handler
-	async function handleSearch(query: string): Promise<ZitareSearchItem[]> {
-		if (!query.trim()) return [];
-
-		const results = quotesStore.search(query);
-		return results.slice(0, 10).map((quote: Quote) => ({
-			id: quote.id,
-			title: quotesStore.getText(quote).substring(0, 60) + '...',
-			subtitle: quote.author,
-			icon: 'quote' as const,
-			href: `/quote/${quote.id}`,
-		}));
-	}
-
-	// QuickInputBar select handler
-	function handleSelect(item: ZitareSearchItem) {
-		if (item.href) {
-			goto(item.href);
-		}
-	}
-
-	// QuickInputBar create preview
-	function handleParseCreate(query: string) {
-		if (!query.trim()) return null;
-		return {
-			title: `"${query}" ${$_('search.createList')}`,
-			subtitle: $_('search.createListDescription'),
-		};
-	}
-
-	// QuickInputBar create handler
-	async function handleCreate(query: string) {
-		if (!query.trim() || !authStore.isAuthenticated) return;
-
-		// Create a new list with the query as name
-		await listsStore.createList(query, '');
-		goto('/lists');
-	}
-
-	// Keyboard shortcuts
-	function handleKeydown(event: KeyboardEvent) {
-		const target = event.target as HTMLElement;
-
-		// Don't interfere with text inputs
-		if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-			return;
-		}
-
-		// Ctrl+1, Ctrl+2, etc. for navigation
-		if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) {
-			const num = parseInt(event.key);
-			if (num >= 1 && num <= navRoutes.length) {
-				event.preventDefault();
-				const route = navRoutes[num - 1];
-				goto(route);
-			}
-		}
-
-		// F key - Toggle Immersive Mode (no modifiers)
-		if (
-			(event.key === 'f' || event.key === 'F') &&
-			!event.ctrlKey &&
-			!event.metaKey &&
-			!event.shiftKey &&
-			!event.altKey
-		) {
-			event.preventDefault();
-			zitareSettings.toggleImmersiveMode();
-		}
-
-		// N key - New random quote (on home page)
-		if (
-			isHomePage &&
-			(event.key === 'n' || event.key === 'N') &&
-			!event.ctrlKey &&
-			!event.metaKey &&
-			!event.shiftKey &&
-			!event.altKey
-		) {
-			event.preventDefault();
-			quotesStore.loadRandomQuote();
-		}
-	}
-
-	// Toggle PillNav visibility (called by FAB)
-	function handlePillNavToggle() {
-		zitareSettings.togglePillNav();
-	}
-
-	const spotlightActions: SpotlightAction[] = [
-		{ id: 'random', label: 'Zufälliges Zitat', category: 'Aktionen', onExecute: () => goto('/') },
-		{
-			id: 'favorites',
-			label: 'Favoriten',
-			category: 'Navigation',
-			onExecute: () => goto('/favorites'),
-		},
-		{ id: 'lists', label: 'Listen', category: 'Navigation', onExecute: () => goto('/lists') },
-		{
-			id: 'settings',
-			label: 'Einstellungen',
-			category: 'Navigation',
-			onExecute: () => goto('/settings'),
-		},
-	];
-
-	async function handleAuthReady() {
-		// Initialize local-first databases (app + shared tags)
-		await Promise.all([zitareStore.initialize(), tagLocalStore.initialize()]);
-
-		// Initialize settings
-		zitareSettings.initialize();
-
-		if (authStore.isAuthenticated) {
-			const getToken = () => authStore.getValidToken();
-			zitareStore.startSync(getToken);
-			tagMutations.startSync(getToken);
-			userSettings.load();
-		} else if (shouldShowGuestWelcome('zitare')) {
-			showGuestWelcome = true;
-		}
-	}
-</script>
-
-<svelte:window onkeydown={handleKeydown} />
-
-<AuthGate
-	{authStore}
-	{goto}
-	allowGuest={true}
-	onReady={handleAuthReady}
-	requiredTier={getManaApp('zitare')?.requiredTier}
-	appName={getManaApp('zitare')?.name}
->
-	<div class="layout-container">
-		{#if !zitareSettings.immersiveModeEnabled}
-			<!-- PillNav (shown/hidden via FAB) -->
-			{#if !zitareSettings.pillNavCollapsed}
-				<PillNavigation
-					items={navItems}
-					currentPath={$page.url.pathname}
-					appName="Zitare"
-					homeRoute="/"
-					onToggleTheme={handleToggleTheme}
-					{isDark}
-					{spotlightActions}
-					showThemeToggle={true}
-					showThemeVariants={true}
-					{themeVariantItems}
-					{currentThemeVariantLabel}
-					themeMode={theme.mode}
-					onThemeModeChange={handleThemeModeChange}
-					showLanguageSwitcher={true}
-					{languageItems}
-					{currentLanguageLabel}
-					showLogout={authStore.isAuthenticated}
-					onLogout={handleLogout}
-					loginHref="/login"
-					primaryColor="#8b5cf6"
-					showAppSwitcher={true}
-					{appItems}
-					{userEmail}
-					settingsHref="/settings"
-					spiralHref="/spiral"
-					themesHref="/themes"
-					manaHref="/mana"
-					profileHref="/profile"
-					helpHref="/help"
-					allAppsHref="/apps"
-				/>
-			{/if}
-
-			<!-- TagStrip (above PillNav, toggled via Tags pill) -->
-			{#if isTagStripVisible}
-				<TagStrip
-					tags={allTags.value.map((t) => ({
-						id: t.id,
-						name: t.name,
-						color: t.color || '#3b82f6',
-					}))}
-					selectedIds={[]}
-					onToggle={() => {}}
-					onClear={() => {}}
-					managementHref="/tags"
-				/>
-			{/if}
-
-			<!-- Global Quick Input Bar -->
-			<QuickInputBar
-				onSearch={handleSearch}
-				onSelect={handleSelect}
-				onCreate={handleCreate}
-				onParseCreate={handleParseCreate}
-				placeholder={$_('search.placeholder')}
-				emptyText={$_('search.noResults')}
-				searchingText={$_('search.searching')}
-				createText={$_('search.create')}
-				deferSearch={true}
-				locale={$locale || 'de'}
-				appIcon="quote"
-				bottomOffset={inputBarBottomOffset}
-				hasFabRight={true}
-			/>
-
-			<!-- FAB to toggle PillNav visibility -->
-			<button
-				class="pillnav-fab"
-				onclick={handlePillNavToggle}
-				title={zitareSettings.pillNavCollapsed ? $_('nav.showNav') : $_('nav.hideNav')}
-			>
-				{#if zitareSettings.pillNavCollapsed}
-					<ListIcon size={24} class="fab-icon" />
-				{:else}
-					<X size={24} class="fab-icon" />
-				{/if}
-			</button>
-		{/if}
-
-		<!-- Immersive Mode Toggle (always visible) -->
-		<ImmersiveModeToggle
-			isImmersive={zitareSettings.immersiveModeEnabled}
-			onToggle={() => zitareSettings.toggleImmersiveMode()}
-		/>
-
-		<!-- Main content -->
-		<main class="main-content bg-background" class:immersive={zitareSettings.immersiveModeEnabled}>
-			<div class="content-wrapper" class:immersive={zitareSettings.immersiveModeEnabled}>
-				{@render children()}
-			</div>
-		</main>
-	</div>
-	<GuestWelcomeModal
-		appId="zitare"
-		visible={showGuestWelcome}
-		onClose={() => (showGuestWelcome = false)}
-		onLogin={() => goto('/login')}
-		onRegister={() => goto('/register')}
-		locale={($locale || 'de') === 'de' ? 'de' : 'en'}
-	/>
-
-	{#if authStore.isAuthenticated}
-		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
-	{/if}
-	<SyncIndicator />
-</AuthGate>
-
-<style>
-	.layout-container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-		position: relative;
-	}
-
-	.main-content {
-		flex: 1;
-		transition: all 300ms ease;
-		padding-bottom: calc(150px + env(safe-area-inset-bottom));
-	}
-
-	.main-content.immersive {
-		padding: 0 !important;
-	}
-
-	.content-wrapper {
-		max-width: 900px;
-		margin-left: auto;
-		margin-right: auto;
-		padding: 1rem;
-	}
-
-	.content-wrapper.immersive {
-		max-width: 100%;
-		padding: 0;
-		height: 100vh;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	@media (min-width: 640px) {
-		.content-wrapper:not(.immersive) {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (min-width: 1024px) {
-		.content-wrapper:not(.immersive) {
-			padding: 2rem;
-		}
-	}
-
-	@media (max-width: 768px) {
-		.main-content:not(.immersive) {
-			padding-bottom: calc(160px + env(safe-area-inset-bottom));
-		}
-	}
-
-	/* FAB to toggle PillNav */
-	.pillnav-fab {
-		position: fixed;
-		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
-		right: 1rem;
-		width: 54px;
-		height: 54px;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.9);
-		backdrop-filter: blur(12px);
-		-webkit-backdrop-filter: blur(12px);
-		border: 1px solid rgba(0, 0, 0, 0.1);
-		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 50;
-		transition: all 0.2s ease;
-	}
-
-	.pillnav-fab:hover {
-		transform: scale(1.05);
-		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
-	}
-
-	.pillnav-fab:active {
-		transform: scale(0.95);
-	}
-
-	:global(.dark) .pillnav-fab {
-		background: rgba(30, 30, 30, 0.9);
-		border-color: rgba(255, 255, 255, 0.1);
-	}
-
-	.fab-icon {
-		width: 24px;
-		height: 24px;
-		color: var(--color-foreground);
-	}
-</style>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/+page.svelte
deleted file mode 100644
index a0faef7d5..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/+page.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import { zitareSettings } from '$lib/stores/settings.svelte';
-	import { ZitareEvents } from '@manacore/shared-utils/analytics';
-	import QuoteCard from '$lib/components/QuoteCard.svelte';
-	import { ArrowsClockwise } from '@manacore/shared-icons';
-
-	let isRefreshing = $state(false);
-
-	async function loadNewQuote() {
-		isRefreshing = true;
-		quotesStore.loadRandomQuote();
-		ZitareEvents.randomQuoteLoaded();
-		// Small delay for visual feedback
-		await new Promise((r) => setTimeout(r, 300));
-		isRefreshing = false;
-	}
-</script>
-
-<svelte:head>
-	<title>Zitare - {$_('home.dailyQuote')}</title>
-</svelte:head>
-
-<div class="max-w-2xl mx-auto">
-	<!-- Header -->
-	<div class="text-center mb-8">
-		<h1 class="text-3xl font-bold text-foreground mb-2">{$_('home.dailyQuote')}</h1>
-		<p class="text-foreground-secondary">{$_('app.tagline')}</p>
-	</div>
-
-	<!-- Daily Quote Card -->
-	{#if quotesStore.currentQuote}
-		<div class="mb-8 transition-all duration-300 {isRefreshing ? 'opacity-50 scale-95' : ''}">
-			<QuoteCard
-				quote={quotesStore.currentQuote}
-				size="large"
-				showCategory={zitareSettings.showCategory}
-				showSource={zitareSettings.showSource}
-			/>
-		</div>
-	{/if}
-
-	<!-- New Quote Button -->
-	<div class="text-center">
-		<button
-			onclick={loadNewQuote}
-			disabled={isRefreshing}
-			class="inline-flex items-center gap-2 px-6 py-3 bg-primary text-white rounded-full font-medium hover:bg-primary-hover transition-colors disabled:opacity-50"
-		>
-			<ArrowsClockwise size={20} class={isRefreshing ? 'animate-spin' : ''} />
-			{$_('home.newQuote')}
-		</button>
-	</div>
-
-	<!-- Quote Stats -->
-	<div class="mt-12 text-center">
-		<p class="text-sm text-foreground-muted">
-			{quotesStore.totalCount} Zitate in 10 Kategorien
-		</p>
-	</div>
-</div>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/categories/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/categories/+page.svelte
deleted file mode 100644
index e8796c933..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/categories/+page.svelte
+++ /dev/null
@@ -1,100 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { ZitareEvents } from '@manacore/shared-utils/analytics';
-	import { CATEGORIES, getQuotesByCategory, type Category } from '@zitare/content';
-
-	// Category data with icons and gradients
-	const categoryData: Record<
-		Category,
-		{ icon: string; gradient: string; labelKey: string; count: number }
-	> = {
-		weisheit: {
-			icon: '🧠',
-			gradient: 'from-violet-500 to-purple-600',
-			labelKey: 'categories.wisdom',
-			count: getQuotesByCategory('weisheit').length,
-		},
-		motivation: {
-			icon: '🔥',
-			gradient: 'from-orange-500 to-red-500',
-			labelKey: 'categories.motivation',
-			count: getQuotesByCategory('motivation').length,
-		},
-		liebe: {
-			icon: '❤️',
-			gradient: 'from-pink-500 to-rose-500',
-			labelKey: 'categories.love',
-			count: getQuotesByCategory('liebe').length,
-		},
-		leben: {
-			icon: '🌱',
-			gradient: 'from-emerald-500 to-cyan-500',
-			labelKey: 'categories.life',
-			count: getQuotesByCategory('leben').length,
-		},
-		erfolg: {
-			icon: '🏆',
-			gradient: 'from-indigo-500 to-purple-500',
-			labelKey: 'categories.success',
-			count: getQuotesByCategory('erfolg').length,
-		},
-		glueck: {
-			icon: '☀️',
-			gradient: 'from-yellow-400 to-orange-500',
-			labelKey: 'categories.happiness',
-			count: getQuotesByCategory('glueck').length,
-		},
-		freundschaft: {
-			icon: '🤝',
-			gradient: 'from-blue-500 to-indigo-500',
-			labelKey: 'categories.friendship',
-			count: getQuotesByCategory('freundschaft').length,
-		},
-		mut: {
-			icon: '🦁',
-			gradient: 'from-red-500 to-red-700',
-			labelKey: 'categories.courage',
-			count: getQuotesByCategory('mut').length,
-		},
-		hoffnung: {
-			icon: '🌈',
-			gradient: 'from-teal-500 to-sky-500',
-			labelKey: 'categories.hope',
-			count: getQuotesByCategory('hoffnung').length,
-		},
-		natur: {
-			icon: '🌿',
-			gradient: 'from-green-500 to-emerald-500',
-			labelKey: 'categories.nature',
-			count: getQuotesByCategory('natur').length,
-		},
-	};
-</script>
-
-<svelte:head>
-	<title>Zitare - {$_('categories.title')}</title>
-</svelte:head>
-
-<div class="max-w-4xl mx-auto">
-	<h1 class="text-3xl font-bold text-foreground mb-8">{$_('categories.title')}</h1>
-
-	<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
-		{#each CATEGORIES as category}
-			{@const data = categoryData[category]}
-			<button
-				onclick={() => {
-					ZitareEvents.categoryViewed(category);
-					goto(`/category/${category}`);
-				}}
-				class="group p-6 rounded-2xl bg-gradient-to-br {data.gradient} text-white text-left transition-transform hover:scale-105 hover:shadow-xl"
-			>
-				<div class="text-4xl mb-3">{data.icon}</div>
-				<h2 class="text-xl font-semibold mb-1">{$_(data.labelKey)}</h2>
-				<p class="text-white/80 text-sm">
-					{$_('categories.quotes', { values: { count: data.count } })}
-				</p>
-			</button>
-		{/each}
-	</div>
-</div>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/category/[category]/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/category/[category]/+page.svelte
deleted file mode 100644
index 4f6853ab3..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/category/[category]/+page.svelte
+++ /dev/null
@@ -1,123 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { getQuotesByCategory, CATEGORIES, type Category, type Quote } from '@zitare/content';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import { zitareSettings } from '$lib/stores/settings.svelte';
-	import QuoteCard from '$lib/components/QuoteCard.svelte';
-	import { CaretLeft, MagnifyingGlass } from '@manacore/shared-icons';
-
-	// Get category from URL
-	let category = $derived($page.params.category as Category);
-
-	// Validate category
-	let isValidCategory = $derived(CATEGORIES.includes(category));
-
-	// Get quotes for this category
-	let quotes = $derived(isValidCategory ? getQuotesByCategory(category) : []);
-
-	// Search & sort state
-	let searchTerm = $state('');
-	let sortBy = $state<'default' | 'author'>('default');
-
-	// Filtered and sorted quotes
-	let displayedQuotes = $derived<Quote[]>(() => {
-		let filtered = quotes;
-
-		// Filter by search
-		if (searchTerm.length >= 2) {
-			const lower = searchTerm.toLowerCase();
-			filtered = filtered.filter(
-				(q) =>
-					quotesStore.getText(q).toLowerCase().includes(lower) ||
-					q.author.toLowerCase().includes(lower)
-			);
-		}
-
-		// Sort
-		if (sortBy === 'author') {
-			return [...filtered].sort((a, b) => a.author.localeCompare(b.author));
-		}
-		return filtered;
-	});
-
-	// Category labels
-	const categoryLabels: Record<Category, string> = {
-		weisheit: 'categories.wisdom',
-		motivation: 'categories.motivation',
-		liebe: 'categories.love',
-		leben: 'categories.life',
-		erfolg: 'categories.success',
-		glueck: 'categories.happiness',
-		freundschaft: 'categories.friendship',
-		mut: 'categories.courage',
-		hoffnung: 'categories.hope',
-		natur: 'categories.nature',
-	};
-</script>
-
-<svelte:head>
-	<title
-		>Zitare - {isValidCategory ? $_(categoryLabels[category]) : $_('categories.notFound')}</title
-	>
-</svelte:head>
-
-<div class="max-w-3xl mx-auto">
-	<!-- Back button -->
-	<button
-		onclick={() => goto('/categories')}
-		class="flex items-center gap-2 text-foreground-secondary hover:text-foreground mb-6 transition-colors"
-	>
-		<CaretLeft size={20} />
-		{$_('categories.title')}
-	</button>
-
-	{#if isValidCategory}
-		<h1 class="text-3xl font-bold text-foreground mb-2">{$_(categoryLabels[category])}</h1>
-		<p class="text-foreground-secondary mb-6">
-			{$_('categories.quotes', { values: { count: quotes.length } })}
-		</p>
-
-		<!-- Search & Sort Bar -->
-		<div class="flex gap-3 mb-8">
-			<div class="relative flex-1">
-				<div class="absolute left-3 top-1/2 -translate-y-1/2 text-foreground-muted">
-					<MagnifyingGlass size={16} />
-				</div>
-				<input
-					type="text"
-					placeholder={$_('categories.searchInCategory')}
-					bind:value={searchTerm}
-					class="w-full pl-10 pr-4 py-2.5 rounded-xl bg-surface-elevated border border-border text-foreground text-sm focus:outline-none focus:border-primary transition-colors"
-				/>
-			</div>
-			<select
-				bind:value={sortBy}
-				class="px-3 py-2.5 rounded-xl bg-surface-elevated border border-border text-foreground text-sm"
-			>
-				<option value="default">{$_('categories.sortByDefault')}</option>
-				<option value="author">{$_('categories.sortByAuthor')}</option>
-			</select>
-		</div>
-
-		{#if displayedQuotes.length === 0 && searchTerm.length >= 2}
-			<div class="text-center py-12">
-				<p class="text-foreground-secondary">{$_('search.noResults')}</p>
-			</div>
-		{:else}
-			<div class="space-y-6">
-				{#each displayedQuotes as quote (quote.id)}
-					<QuoteCard {quote} showSource={zitareSettings.showSource} />
-				{/each}
-			</div>
-		{/if}
-	{:else}
-		<div class="text-center py-12">
-			<p class="text-foreground-secondary">{$_('categories.notFound')}</p>
-			<button onclick={() => goto('/categories')} class="mt-4 text-primary hover:underline">
-				{$_('categories.backToCategories')}
-			</button>
-		</div>
-	{/if}
-</div>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/favorites/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/favorites/+page.svelte
deleted file mode 100644
index 8dd1d26a9..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/favorites/+page.svelte
+++ /dev/null
@@ -1,137 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { favoritesStore } from '$lib/stores/favorites.svelte';
-	import { type Favorite } from '$lib/data/queries';
-	import { getQuoteById, getQuoteText, type Quote } from '@zitare/content';
-	import { zitareSettings } from '$lib/stores/settings.svelte';
-	import QuoteCard from '$lib/components/QuoteCard.svelte';
-	import { ContextMenu, type ContextMenuItem } from '@manacore/shared-ui';
-	import { Heart, User } from '@manacore/shared-icons';
-
-	const allFavorites: { readonly value: Favorite[] } = getContext('favorites');
-
-	// Get favorite quotes
-	let favoriteQuotes = $derived(
-		allFavorites.value
-			.map((f) => getQuoteById(f.quoteId))
-			.filter((q): q is NonNullable<typeof q> => q !== undefined)
-	);
-
-	// Context menu state
-	let contextMenuVisible = $state(false);
-	let contextMenuX = $state(0);
-	let contextMenuY = $state(0);
-	let contextMenuQuote = $state<Quote | null>(null);
-
-	function handleContextMenu(e: MouseEvent, quote: Quote) {
-		e.preventDefault();
-		e.stopPropagation();
-		contextMenuX = e.clientX;
-		contextMenuY = e.clientY;
-		contextMenuQuote = quote;
-		contextMenuVisible = true;
-	}
-
-	function getContextMenuItems(): ContextMenuItem[] {
-		if (!contextMenuQuote) return [];
-		const quote = contextMenuQuote;
-
-		return [
-			{
-				id: 'remove-favorite',
-				label: $_('favorites.removeFromFavorites'),
-				variant: 'danger',
-				action: () => favoritesStore.toggle(quote.id, allFavorites.value),
-			},
-			{ id: 'divider-1', label: '', type: 'divider' },
-			{
-				id: 'copy',
-				label: $_('favorites.copyQuote'),
-				action: () => {
-					const text = getQuoteText(quote);
-					navigator.clipboard.writeText(`"${text}" — ${quote.author}`);
-				},
-			},
-			{
-				id: 'share',
-				label: $_('favorites.share'),
-				action: async () => {
-					const text = `"${getQuoteText(quote)}" — ${quote.author}`;
-					if (navigator.share) {
-						try {
-							await navigator.share({ text });
-						} catch {
-							// User cancelled or share failed, ignore
-						}
-					} else {
-						await navigator.clipboard.writeText(text);
-					}
-				},
-			},
-		];
-	}
-</script>
-
-<svelte:head>
-	<title>Zitare - {$_('favorites.title')}</title>
-</svelte:head>
-
-<div class="max-w-3xl mx-auto">
-	<div class="flex items-center gap-3 mb-8">
-		<h1 class="text-3xl font-bold text-foreground">{$_('favorites.title')}</h1>
-		{#if authStore.isAuthenticated && favoriteQuotes.length > 0}
-			<span class="px-2.5 py-0.5 rounded-full text-sm font-medium bg-primary/10 text-primary">
-				{favoriteQuotes.length}
-			</span>
-		{/if}
-	</div>
-
-	{#if !authStore.isAuthenticated}
-		<!-- Not logged in -->
-		<div class="text-center py-12 bg-surface-elevated rounded-2xl">
-			<User size={20} class="mx-auto text-foreground-muted mb-4" />
-			<p class="text-foreground-secondary mb-4">{$_('favorites.loginPrompt')}</p>
-			<button
-				onclick={() => goto('/login')}
-				class="px-6 py-2 bg-primary text-white rounded-full font-medium hover:bg-primary-hover transition-colors"
-			>
-				{$_('auth.login')}
-			</button>
-		</div>
-	{:else if favoriteQuotes.length === 0}
-		<!-- Empty state -->
-		<div class="text-center py-12 bg-surface-elevated rounded-2xl">
-			<Heart size={20} class="mx-auto text-foreground-muted mb-4" />
-			<p class="text-lg font-medium text-foreground mb-2">{$_('favorites.empty')}</p>
-			<p class="text-foreground-secondary">{$_('favorites.emptyDescription')}</p>
-		</div>
-	{:else}
-		<!-- Favorites list -->
-		<div class="space-y-6">
-			{#each favoriteQuotes as quote (quote.id)}
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<div oncontextmenu={(e) => handleContextMenu(e, quote)}>
-					<QuoteCard
-						{quote}
-						showCategory={zitareSettings.showCategory}
-						showSource={zitareSettings.showSource}
-					/>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<ContextMenu
-	visible={contextMenuVisible}
-	x={contextMenuX}
-	y={contextMenuY}
-	items={getContextMenuItems()}
-	onClose={() => {
-		contextMenuVisible = false;
-		contextMenuQuote = null;
-	}}
-/>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/feedback/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/feedback/+page.svelte
deleted file mode 100644
index b012b68e0..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/feedback/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { FeedbackPage } from '@manacore/feedback';
-	import { createFeedbackService } from '@manacore/feedback';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	const feedbackService = createFeedbackService({
-		apiUrl: import.meta.env.PUBLIC_MANA_CORE_AUTH_URL || 'http://localhost:3001',
-		appId: 'zitare',
-		getAuthToken: () => authStore.getValidToken(),
-	});
-</script>
-
-<svelte:head>
-	<title>Zitare - {$_('nav.feedback')}</title>
-</svelte:head>
-
-<FeedbackPage
-	{feedbackService}
-	appName="Zitare"
-	currentUserId={authStore.user?.id}
-	pageTitle={$_('feedback.title')}
-	pageSubtitle={$_('feedback.subtitle')}
-/>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/help/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/help/+page.svelte
deleted file mode 100644
index 28767f2d7..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/help/+page.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { HelpPage, getHelpTranslations } from '@manacore/help';
-	import { getZitareHelpContent } from '$lib/content/help/index.js';
-
-	const content = $derived(getZitareHelpContent($locale ?? 'de'));
-	const translations = $derived(
-		getHelpTranslations($locale ?? 'de', {
-			subtitle:
-				$locale === 'de'
-					? 'Finde Antworten und lerne Zitare kennen'
-					: 'Find answers and learn how to use Zitare',
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{translations.title} | Zitare</title>
-</svelte:head>
-
-<HelpPage
-	{content}
-	appName="Zitare"
-	appId="zitare"
-	{translations}
-	showBackButton
-	onBack={() => goto('/')}
-	showShortcuts={false}
-	showGettingStarted={false}
-	showChangelog={false}
-	defaultSection="faq"
-/>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/lists/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/lists/+page.svelte
deleted file mode 100644
index 6b2452c8a..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/lists/+page.svelte
+++ /dev/null
@@ -1,210 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { toast } from '$lib/stores/toast.svelte';
-	import { listsStore } from '$lib/stores/lists.svelte';
-	import { type QuoteList } from '$lib/data/queries';
-	import { ZitareEvents } from '@manacore/shared-utils/analytics';
-	import { Plus, Trash, X, User, Archive } from '@manacore/shared-icons';
-
-	const allLists: { readonly value: QuoteList[] } = getContext('lists');
-
-	let saving = $state(false);
-	let deletingId = $state<string | null>(null);
-	let showCreateModal = $state(false);
-	let newListName = $state('');
-	let newListDescription = $state('');
-
-	async function createList() {
-		if (!newListName.trim() || saving) return;
-
-		saving = true;
-		try {
-			const created = await listsStore.createList(
-				newListName.trim(),
-				newListDescription.trim() || undefined
-			);
-			if (created) {
-				ZitareEvents.listCreated();
-				showCreateModal = false;
-				newListName = '';
-				newListDescription = '';
-			} else {
-				toast.error($_('common.error'));
-			}
-		} catch (error) {
-			console.error('Failed to create list:', error);
-			toast.error($_('common.error'));
-		} finally {
-			saving = false;
-		}
-	}
-
-	async function deleteList(listId: string) {
-		if (deletingId || !confirm($_('lists.confirmDelete'))) return;
-
-		deletingId = listId;
-		try {
-			const success = await listsStore.deleteList(listId);
-			if (success) {
-				ZitareEvents.listDeleted();
-			} else {
-				toast.error($_('lists.detail.toast.deleteError'));
-			}
-		} catch (error) {
-			console.error('Failed to delete list:', error);
-			toast.error($_('lists.detail.toast.deleteError'));
-		} finally {
-			deletingId = null;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Zitare - {$_('lists.title')}</title>
-</svelte:head>
-
-<div class="max-w-3xl mx-auto">
-	<div class="flex items-center justify-between mb-8">
-		<h1 class="text-3xl font-bold text-foreground">{$_('lists.title')}</h1>
-		{#if authStore.isAuthenticated}
-			<button
-				onclick={() => (showCreateModal = true)}
-				class="flex items-center gap-2 px-4 py-2 bg-primary text-white rounded-full font-medium hover:bg-primary-hover transition-colors"
-			>
-				<Plus size={20} weight="bold" />
-				{$_('lists.create')}
-			</button>
-		{/if}
-	</div>
-
-	{#if !authStore.isAuthenticated}
-		<div class="text-center py-12 bg-surface-elevated rounded-2xl">
-			<div class="w-16 h-16 mx-auto text-foreground-muted mb-4 flex items-center justify-center">
-				<User size={64} />
-			</div>
-			<p class="text-foreground-secondary mb-4">{$_('lists.loginPrompt')}</p>
-			<button
-				onclick={() => goto('/login')}
-				class="px-6 py-2 bg-primary text-white rounded-full font-medium hover:bg-primary-hover transition-colors"
-			>
-				{$_('auth.login')}
-			</button>
-		</div>
-	{:else if allLists.value.length === 0}
-		<div class="text-center py-12 bg-surface-elevated rounded-2xl">
-			<div class="w-16 h-16 mx-auto text-foreground-muted mb-4 flex items-center justify-center">
-				<Archive size={64} />
-			</div>
-			<p class="text-lg font-medium text-foreground mb-2">{$_('lists.empty')}</p>
-			<p class="text-foreground-secondary">{$_('lists.emptyDescription')}</p>
-		</div>
-	{:else}
-		<div class="grid gap-4">
-			{#each allLists.value as list (list.id)}
-				<a
-					href="/lists/{list.id}"
-					class="block p-6 bg-surface-elevated rounded-2xl hover:shadow-lg transition-all group"
-				>
-					<div class="flex items-start justify-between">
-						<div>
-							<h3
-								class="text-lg font-semibold text-foreground group-hover:text-primary transition-colors"
-							>
-								{list.name}
-							</h3>
-							{#if list.description}
-								<p class="text-foreground-secondary mt-1">{list.description}</p>
-							{/if}
-							<p class="text-sm text-foreground-muted mt-2">
-								{$_('lists.quoteCount', { values: { count: list.quoteIds.length } })}
-							</p>
-						</div>
-						<button
-							onclick={(e) => {
-								e.preventDefault();
-								e.stopPropagation();
-								deleteList(list.id);
-							}}
-							disabled={deletingId === list.id}
-							class="p-2 text-foreground-muted hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-colors disabled:opacity-50"
-						>
-							{#if deletingId === list.id}
-								<div
-									class="w-5 h-5 border-2 border-red-400 border-t-transparent rounded-full animate-spin"
-								></div>
-							{:else}
-								<Trash size={20} />
-							{/if}
-						</button>
-					</div>
-				</a>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<!-- Create Modal -->
-{#if showCreateModal}
-	<div class="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
-		<div class="bg-surface-elevated rounded-2xl w-full max-w-md shadow-xl">
-			<div class="flex items-center justify-between p-6 border-b border-border">
-				<h3 class="text-xl font-semibold text-foreground">{$_('lists.createModal.title')}</h3>
-				<button
-					onclick={() => (showCreateModal = false)}
-					class="p-2 text-foreground-secondary hover:text-foreground transition-colors"
-				>
-					<X size={20} />
-				</button>
-			</div>
-			<div class="p-6 space-y-4">
-				<div>
-					<label class="block text-sm font-medium text-foreground mb-2"
-						>{$_('lists.nameLabel')} *</label
-					>
-					<input
-						type="text"
-						bind:value={newListName}
-						placeholder={$_('lists.createModal.namePlaceholder')}
-						maxlength="50"
-						class="w-full p-3 rounded-lg bg-surface border border-border text-foreground focus:outline-none focus:border-primary"
-					/>
-				</div>
-				<div>
-					<label class="block text-sm font-medium text-foreground mb-2"
-						>{$_('lists.descriptionLabel')}</label
-					>
-					<textarea
-						bind:value={newListDescription}
-						placeholder={$_('lists.createModal.descriptionPlaceholder')}
-						maxlength="200"
-						rows="3"
-						class="w-full p-3 rounded-lg bg-surface border border-border text-foreground focus:outline-none focus:border-primary resize-none"
-					></textarea>
-				</div>
-			</div>
-			<div class="flex justify-end gap-3 p-6 border-t border-border">
-				<button
-					onclick={() => (showCreateModal = false)}
-					class="px-4 py-2 text-foreground-secondary hover:text-foreground transition-colors"
-				>
-					{$_('common.cancel')}
-				</button>
-				<button
-					onclick={createList}
-					disabled={!newListName.trim() || saving}
-					class="px-6 py-2 bg-primary text-white rounded-lg font-medium hover:bg-primary-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
-				>
-					{#if saving}
-						<div
-							class="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"
-						></div>
-					{/if}
-					{$_('lists.createModal.submit')}
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/lists/[id]/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/lists/[id]/+page.svelte
deleted file mode 100644
index 2783aca39..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/lists/[id]/+page.svelte
+++ /dev/null
@@ -1,958 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { _, locale } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { listsStore } from '$lib/stores/lists.svelte';
-	import { findListById, type QuoteList } from '$lib/data/queries';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import { toast } from '$lib/stores/toast.svelte';
-	import { QUOTES, type Quote } from '@zitare/content';
-	import QuoteCard from '$lib/components/QuoteCard.svelte';
-	import {
-		MagnifyingGlass,
-		X,
-		PencilSimple,
-		Plus,
-		ListBullets,
-		Trash,
-	} from '@manacore/shared-icons';
-
-	const allQuotes = QUOTES;
-	const allLists: { readonly value: QuoteList[] } = getContext('lists');
-
-	let isSaving = $state(false);
-	let isAdding = $state(false);
-	let removingQuoteId = $state<string | null>(null);
-	let searchTerm = $state('');
-	let isSearchOpen = $state(false);
-	let showEditModal = $state(false);
-	let showAddQuotesModal = $state(false);
-	let editName = $state('');
-	let editDescription = $state('');
-	let selectedQuoteIds = $state<Set<string>>(new Set());
-
-	// Reactive list from liveQuery context
-	let list = $derived<QuoteList | undefined>(findListById(allLists.value, $page.params.id));
-
-	// Get quotes in this list
-	let listQuotes = $derived<Quote[]>(
-		list ? allQuotes.filter((quote: Quote) => list!.quoteIds.includes(quote.id)) : []
-	);
-
-	// Filter quotes by search
-	let filteredQuotes = $derived<Quote[]>(
-		listQuotes.filter(
-			(quote: Quote) =>
-				quotesStore.getText(quote).toLowerCase().includes(searchTerm.toLowerCase()) ||
-				quote.author.toLowerCase().includes(searchTerm.toLowerCase())
-		)
-	);
-
-	// Get available quotes (not in this list)
-	let availableQuotes = $derived<Quote[]>(
-		allQuotes.filter((quote: Quote) => !list?.quoteIds.includes(quote.id))
-	);
-
-	function toggleSearch() {
-		isSearchOpen = !isSearchOpen;
-		if (!isSearchOpen) {
-			searchTerm = '';
-		}
-	}
-
-	function openEditModal() {
-		if (list) {
-			editName = list.name;
-			editDescription = list.description || '';
-			showEditModal = true;
-		}
-	}
-
-	function closeEditModal() {
-		showEditModal = false;
-	}
-
-	async function handleUpdateList() {
-		if (!list || !editName.trim() || isSaving) return;
-		isSaving = true;
-		try {
-			const updated = await listsStore.updateList(list.id, {
-				name: editName.trim(),
-				description: editDescription.trim() || undefined,
-			});
-			if (updated) {
-				toast.success($_('lists.detail.toast.updated'));
-				closeEditModal();
-			} else {
-				toast.error($_('lists.detail.toast.updateError'));
-			}
-		} finally {
-			isSaving = false;
-		}
-	}
-
-	async function handleDeleteList() {
-		if (list && confirm($_('lists.confirmDelete'))) {
-			const success = await listsStore.deleteList(list.id);
-			if (success) {
-				toast.info($_('lists.detail.toast.deleted'));
-				goto('/lists');
-			} else {
-				toast.error($_('lists.detail.toast.deleteError'));
-			}
-		}
-	}
-
-	function openAddQuotesModal() {
-		selectedQuoteIds = new Set();
-		showAddQuotesModal = true;
-	}
-
-	function closeAddQuotesModal() {
-		showAddQuotesModal = false;
-		selectedQuoteIds = new Set();
-	}
-
-	function toggleQuoteSelection(quoteId: string) {
-		if (selectedQuoteIds.has(quoteId)) {
-			selectedQuoteIds.delete(quoteId);
-		} else {
-			selectedQuoteIds.add(quoteId);
-		}
-		selectedQuoteIds = new Set(selectedQuoteIds);
-	}
-
-	async function handleAddQuotes() {
-		if (!list || isAdding) return;
-		isAdding = true;
-		try {
-			let successCount = 0;
-			for (const quoteId of selectedQuoteIds) {
-				const success = await listsStore.addQuoteToList(list.id, quoteId);
-				if (success) successCount++;
-			}
-			if (successCount > 0) {
-				toast.success($_('lists.detail.toast.quotesAdded', { values: { count: successCount } }));
-			}
-			closeAddQuotesModal();
-		} finally {
-			isAdding = false;
-		}
-	}
-
-	async function handleRemoveQuote(quoteId: string) {
-		if (!list || removingQuoteId || !confirm($_('lists.detail.removeConfirm'))) return;
-		removingQuoteId = quoteId;
-		try {
-			const success = await listsStore.removeQuoteFromList(list.id, quoteId);
-			if (success) {
-				toast.info($_('lists.detail.toast.quoteRemoved'));
-			} else {
-				toast.error($_('lists.detail.toast.removeError'));
-			}
-		} finally {
-			removingQuoteId = null;
-		}
-	}
-
-	function formatDate(dateStr: string): string {
-		return new Date(dateStr).toLocaleDateString($locale || 'de', {
-			year: 'numeric',
-			month: 'long',
-			day: 'numeric',
-		});
-	}
-</script>
-
-<svelte:head>
-	<title>{list?.name || $_('common.list')} - Zitare</title>
-</svelte:head>
-
-{#if !list}
-	<div class="error-state">
-		<h2>{$_('lists.detail.notFound')}</h2>
-		<p>{$_('lists.detail.notFoundDescription')}</p>
-		<a href="/lists" class="cta-button">{$_('lists.detail.backToLists')}</a>
-	</div>
-{:else}
-	<div class="list-detail-page">
-		<!-- Header -->
-		<div class="header-container">
-			<div class="breadcrumb">
-				<a href="/lists">{$_('lists.detail.breadcrumb')}</a>
-				<span class="separator">/</span>
-				<span>{list.name}</span>
-			</div>
-
-			<div class="header-row">
-				<div class="header-content">
-					<h2>{list.name}</h2>
-					{#if list.description}
-						<p class="description">{list.description}</p>
-					{/if}
-					<div class="meta">
-						<span>{$_('lists.quoteCount', { values: { count: listQuotes.length } })}</span>
-						<span class="separator">•</span>
-						<span
-							>{$_('lists.detail.lastEdited', {
-								values: { date: formatDate(list.updatedAt) },
-							})}</span
-						>
-					</div>
-				</div>
-
-				<div class="header-actions">
-					{#if listQuotes.length > 0}
-						<button class="icon-btn" onclick={toggleSearch} aria-label={$_('common.search')}>
-							{#if isSearchOpen}
-								<X size={20} />
-							{:else}
-								<MagnifyingGlass size={20} />
-							{/if}
-						</button>
-					{/if}
-
-					<button
-						class="icon-btn"
-						onclick={openEditModal}
-						aria-label={$_('lists.detail.editModal.title')}
-					>
-						<PencilSimple size={20} />
-					</button>
-
-					<button
-						class="icon-btn add-btn"
-						onclick={openAddQuotesModal}
-						aria-label={$_('lists.detail.addQuotes')}
-					>
-						<Plus size={20} weight="bold" />
-					</button>
-				</div>
-			</div>
-
-			{#if isSearchOpen}
-				<div class="search-bar">
-					<input
-						type="text"
-						placeholder={$_('lists.detail.searchPlaceholder')}
-						bind:value={searchTerm}
-						class="search"
-					/>
-				</div>
-			{/if}
-		</div>
-
-		<!-- Quotes Grid -->
-		{#if listQuotes.length === 0}
-			<div class="empty-state">
-				<div class="empty-icon">
-					<ListBullets size={64} />
-				</div>
-				<h3>{$_('lists.detail.emptyTitle')}</h3>
-				<p>{$_('lists.detail.emptyDescription')}</p>
-				<button class="cta-button" onclick={openAddQuotesModal}>
-					<Plus size={20} weight="bold" />
-					{$_('lists.detail.addQuotes')}
-				</button>
-			</div>
-		{:else if filteredQuotes.length === 0}
-			<div class="empty-state">
-				<div class="empty-icon">
-					<MagnifyingGlass size={64} />
-				</div>
-				<h3>{$_('lists.detail.noSearchResults')}</h3>
-				<p>{$_('lists.detail.noSearchResultsDescription')}</p>
-			</div>
-		{:else}
-			<div class="quotes-grid">
-				{#each filteredQuotes as quote (quote.id)}
-					<div class="quote-wrapper">
-						<QuoteCard {quote} />
-						<button
-							class="remove-btn"
-							onclick={() => handleRemoveQuote(quote.id)}
-							disabled={removingQuoteId === quote.id}
-							aria-label={$_('lists.detail.remove')}
-						>
-							{#if removingQuoteId === quote.id}
-								<div
-									class="w-4 h-4 border-2 border-red-400 border-t-transparent rounded-full animate-spin"
-								></div>
-							{:else}
-								<X size={16} />
-							{/if}
-							{$_('lists.detail.remove')}
-						</button>
-					</div>
-				{/each}
-			</div>
-		{/if}
-
-		{#if isSearchOpen && filteredQuotes.length > 0}
-			<div class="floating-results">
-				{$_('lists.detail.floatingResults', {
-					values: { filtered: filteredQuotes.length, total: listQuotes.length },
-				})}
-			</div>
-		{/if}
-	</div>
-{/if}
-
-<!-- Edit List Modal -->
-{#if showEditModal}
-	<div class="modal-overlay" onclick={closeEditModal} role="presentation">
-		<div class="modal" onclick={(e) => e.stopPropagation()} role="dialog" aria-modal="true">
-			<div class="modal-header">
-				<h3>{$_('lists.detail.editModal.title')}</h3>
-				<button class="close-btn" onclick={closeEditModal} aria-label={$_('common.close')}>
-					<X size={24} />
-				</button>
-			</div>
-
-			<div class="modal-body">
-				<div class="form-group">
-					<label for="edit-name">{$_('lists.nameLabel')} *</label>
-					<input
-						id="edit-name"
-						type="text"
-						bind:value={editName}
-						class="form-input"
-						maxlength="50"
-					/>
-				</div>
-
-				<div class="form-group">
-					<label for="edit-description">{$_('lists.descriptionLabel')}</label>
-					<textarea
-						id="edit-description"
-						bind:value={editDescription}
-						class="form-textarea"
-						rows="3"
-						maxlength="200"
-					></textarea>
-				</div>
-
-				<button class="danger-btn" onclick={handleDeleteList}>
-					<Trash size={20} />
-					{$_('lists.detail.editModal.deleteList')}
-				</button>
-			</div>
-
-			<div class="modal-footer">
-				<button class="btn btn-secondary" onclick={closeEditModal}>{$_('common.cancel')}</button>
-				<button
-					class="btn btn-primary"
-					onclick={handleUpdateList}
-					disabled={!editName.trim() || isSaving}
-				>
-					{#if isSaving}
-						<div
-							class="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin inline-block mr-1"
-						></div>
-					{/if}
-					{$_('common.save')}
-				</button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<!-- Add Quotes Modal -->
-{#if showAddQuotesModal}
-	<div class="modal-overlay" onclick={closeAddQuotesModal} role="presentation">
-		<div
-			class="modal modal-large"
-			onclick={(e) => e.stopPropagation()}
-			role="dialog"
-			aria-modal="true"
-		>
-			<div class="modal-header">
-				<h3>{$_('lists.detail.addModal.title')}</h3>
-				<button class="close-btn" onclick={closeAddQuotesModal} aria-label={$_('common.close')}>
-					<X size={24} />
-				</button>
-			</div>
-
-			<div class="modal-body quote-selection">
-				{#each availableQuotes.slice(0, 50) as quote (quote.id)}
-					<label class="quote-option">
-						<input
-							type="checkbox"
-							checked={selectedQuoteIds.has(quote.id)}
-							onchange={() => toggleQuoteSelection(quote.id)}
-						/>
-						<div class="quote-preview">
-							<p class="quote-text">"{quotesStore.getText(quote)}"</p>
-							<p class="quote-author">— {quote.author}</p>
-						</div>
-					</label>
-				{/each}
-			</div>
-
-			<div class="modal-footer">
-				<div class="selected-count">
-					{$_('lists.detail.addModal.selected', { values: { count: selectedQuoteIds.size } })}
-				</div>
-				<div class="footer-actions">
-					<button class="btn btn-secondary" onclick={closeAddQuotesModal}
-						>{$_('common.cancel')}</button
-					>
-					<button
-						class="btn btn-primary"
-						onclick={handleAddQuotes}
-						disabled={selectedQuoteIds.size === 0 || isAdding}
-					>
-						{#if isAdding}
-							<div
-								class="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin inline-block mr-1"
-							></div>
-						{/if}
-						{$_('lists.detail.addModal.submit', { values: { count: selectedQuoteIds.size } })}
-					</button>
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.list-detail-page {
-		max-width: 1200px;
-		margin: 0 auto;
-		padding-bottom: var(--spacing-2xl);
-	}
-
-	.loading-state,
-	.error-state {
-		max-width: 500px;
-		margin: var(--spacing-2xl) auto;
-		text-align: center;
-		padding: var(--spacing-2xl);
-	}
-
-	.spinner {
-		width: 40px;
-		height: 40px;
-		border: 3px solid rgb(var(--color-border));
-		border-top-color: rgb(var(--color-primary));
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-		margin: 0 auto var(--spacing-md);
-	}
-
-	@keyframes spin {
-		to {
-			transform: rotate(360deg);
-		}
-	}
-
-	.header-container {
-		max-width: 700px;
-		margin: 0 auto var(--spacing-xl);
-	}
-
-	.breadcrumb {
-		display: flex;
-		align-items: center;
-		gap: var(--spacing-xs);
-		margin-bottom: var(--spacing-md);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.breadcrumb a {
-		color: rgb(var(--color-primary));
-		text-decoration: none;
-		transition: opacity var(--transition-fast);
-	}
-
-	.breadcrumb a:hover {
-		opacity: 0.8;
-	}
-
-	.breadcrumb .separator {
-		color: rgb(var(--color-text-tertiary));
-	}
-
-	.header-row {
-		display: flex;
-		justify-content: space-between;
-		gap: var(--spacing-md);
-		margin-bottom: var(--spacing-lg);
-	}
-
-	.header-content {
-		flex: 1;
-	}
-
-	h2 {
-		font-size: 2rem;
-		margin: 0 0 var(--spacing-xs) 0;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.description {
-		font-size: 1rem;
-		color: rgb(var(--color-text-secondary));
-		margin: 0 0 var(--spacing-sm) 0;
-		line-height: 1.5;
-	}
-
-	.meta {
-		display: flex;
-		align-items: center;
-		gap: var(--spacing-sm);
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-tertiary));
-	}
-
-	.meta .separator {
-		color: rgb(var(--color-border));
-	}
-
-	.header-actions {
-		display: flex;
-		gap: var(--spacing-sm);
-		align-items: flex-start;
-	}
-
-	.icon-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 9999px;
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-		border: 1px solid rgb(var(--color-border));
-		cursor: pointer;
-		transition: all var(--transition-base);
-	}
-
-	.icon-btn:hover {
-		background: rgb(var(--color-background));
-		transform: scale(1.05);
-	}
-
-	.icon-btn.add-btn {
-		background: rgb(var(--color-primary));
-		color: white;
-		border: none;
-	}
-
-	.icon-btn.add-btn:hover {
-		opacity: 0.9;
-	}
-
-	.search-bar {
-		padding: var(--spacing-md);
-		background: rgb(var(--color-surface));
-		border-radius: var(--radius-lg);
-		border: 1px solid rgb(var(--color-border));
-		animation: slideDown 0.3s ease;
-	}
-
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-10px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.search {
-		width: 100%;
-		padding: var(--spacing-sm) var(--spacing-md);
-		border: 2px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 1rem;
-		background: rgb(var(--color-background));
-		color: rgb(var(--color-text-primary));
-		transition: border-color var(--transition-fast);
-	}
-
-	.search:focus {
-		outline: none;
-		border-color: rgb(var(--color-primary));
-	}
-
-	.quotes-grid {
-		display: flex;
-		flex-direction: column;
-		gap: var(--spacing-xl);
-		max-width: 700px;
-		margin: 0 auto;
-	}
-
-	.quote-wrapper {
-		position: relative;
-	}
-
-	.remove-btn {
-		display: none;
-		align-items: center;
-		justify-content: center;
-		gap: var(--spacing-xs);
-		padding: var(--spacing-xs) var(--spacing-sm);
-		background: rgba(239, 68, 68, 0.1);
-		color: rgb(239, 68, 68);
-		border: 1px solid rgba(239, 68, 68, 0.3);
-		border-radius: var(--radius-md);
-		font-size: 0.875rem;
-		font-weight: 500;
-		cursor: pointer;
-		transition: all var(--transition-fast);
-		position: absolute;
-		top: var(--spacing-sm);
-		right: var(--spacing-sm);
-	}
-
-	.quote-wrapper:hover .remove-btn {
-		display: flex;
-	}
-
-	.remove-btn:hover {
-		background: rgba(239, 68, 68, 0.2);
-		border-color: rgba(239, 68, 68, 0.5);
-	}
-
-	/* Empty State */
-	.empty-state {
-		max-width: 500px;
-		margin: var(--spacing-2xl) auto;
-		text-align: center;
-		padding: var(--spacing-2xl);
-	}
-
-	.empty-icon {
-		margin: 0 auto var(--spacing-lg);
-		color: rgb(var(--color-text-tertiary));
-		opacity: 0.5;
-	}
-
-	.empty-state h3 {
-		font-size: 1.5rem;
-		color: rgb(var(--color-text-primary));
-		margin: 0 0 var(--spacing-sm) 0;
-	}
-
-	.empty-state p {
-		font-size: 1rem;
-		color: rgb(var(--color-text-secondary));
-		margin: 0 0 var(--spacing-xl) 0;
-	}
-
-	.cta-button {
-		display: inline-flex;
-		align-items: center;
-		gap: var(--spacing-sm);
-		padding: var(--spacing-sm) var(--spacing-xl);
-		background: rgb(var(--color-primary));
-		color: white;
-		border: none;
-		border-radius: var(--radius-full);
-		font-weight: 500;
-		cursor: pointer;
-		transition: all var(--transition-base);
-		box-shadow: var(--shadow-md);
-		text-decoration: none;
-	}
-
-	.cta-button:hover {
-		transform: translateY(-2px);
-		box-shadow: var(--shadow-lg);
-	}
-
-	/* Floating Results */
-	.floating-results {
-		position: fixed;
-		bottom: 2rem;
-		left: 50%;
-		transform: translateX(-50%);
-		padding: var(--spacing-sm) var(--spacing-lg);
-		background: rgba(var(--color-surface), 0.95);
-		backdrop-filter: blur(10px);
-		border-radius: var(--radius-full);
-		border: 1px solid rgba(var(--color-border), 0.5);
-		box-shadow: var(--shadow-lg);
-		color: rgb(var(--color-text-secondary));
-		font-size: 0.875rem;
-		font-weight: 500;
-		z-index: 20;
-	}
-
-	/* Modal Styles */
-	.modal-overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.5);
-		backdrop-filter: blur(4px);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 50;
-		padding: var(--spacing-lg);
-	}
-
-	.modal {
-		background: rgb(var(--color-surface-elevated));
-		border-radius: var(--radius-xl);
-		max-width: 500px;
-		width: 100%;
-		box-shadow: var(--shadow-xl);
-		max-height: 90vh;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.modal-large {
-		max-width: 700px;
-	}
-
-	.modal-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: var(--spacing-lg);
-		border-bottom: 1px solid rgb(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	.modal-header h3 {
-		font-size: 1.25rem;
-		margin: 0;
-		color: rgb(var(--color-text-primary));
-	}
-
-	.close-btn {
-		background: none;
-		border: none;
-		padding: var(--spacing-xs);
-		cursor: pointer;
-		color: rgb(var(--color-text-secondary));
-		transition: all var(--transition-fast);
-		border-radius: var(--radius-sm);
-	}
-
-	.close-btn:hover {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-	}
-
-	.modal-body {
-		padding: var(--spacing-lg);
-		overflow-y: auto;
-		flex: 1;
-	}
-
-	.quote-selection {
-		display: flex;
-		flex-direction: column;
-		gap: var(--spacing-sm);
-	}
-
-	.quote-option {
-		display: flex;
-		gap: var(--spacing-md);
-		padding: var(--spacing-md);
-		background: rgb(var(--color-surface));
-		border: 2px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		cursor: pointer;
-		transition: all var(--transition-fast);
-	}
-
-	.quote-option:hover {
-		border-color: rgb(var(--color-primary));
-		background: rgb(var(--color-background));
-	}
-
-	.quote-option input[type='checkbox'] {
-		flex-shrink: 0;
-		width: 1.25rem;
-		height: 1.25rem;
-		cursor: pointer;
-	}
-
-	.quote-preview {
-		flex: 1;
-	}
-
-	.quote-text {
-		font-size: 0.9375rem;
-		color: rgb(var(--color-text-primary));
-		margin: 0 0 var(--spacing-xs) 0;
-		line-height: 1.5;
-	}
-
-	.quote-author {
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-		margin: 0;
-	}
-
-	.form-group {
-		margin-bottom: var(--spacing-lg);
-	}
-
-	.form-group label {
-		display: block;
-		font-size: 0.875rem;
-		font-weight: 500;
-		color: rgb(var(--color-text-primary));
-		margin-bottom: var(--spacing-xs);
-	}
-
-	.form-input,
-	.form-textarea {
-		width: 100%;
-		padding: var(--spacing-sm) var(--spacing-md);
-		border: 2px solid rgb(var(--color-border));
-		border-radius: var(--radius-md);
-		font-size: 1rem;
-		background: rgb(var(--color-background));
-		color: rgb(var(--color-text-primary));
-		transition: border-color var(--transition-fast);
-		font-family: inherit;
-	}
-
-	.form-input:focus,
-	.form-textarea:focus {
-		outline: none;
-		border-color: rgb(var(--color-primary));
-	}
-
-	.form-textarea {
-		resize: vertical;
-	}
-
-	.danger-btn {
-		display: flex;
-		align-items: center;
-		gap: var(--spacing-sm);
-		padding: var(--spacing-sm) var(--spacing-md);
-		background: rgba(239, 68, 68, 0.1);
-		color: rgb(239, 68, 68);
-		border: 1px solid rgba(239, 68, 68, 0.3);
-		border-radius: var(--radius-md);
-		font-weight: 500;
-		cursor: pointer;
-		transition: all var(--transition-fast);
-		margin-top: var(--spacing-xl);
-		width: 100%;
-		justify-content: center;
-	}
-
-	.danger-btn:hover {
-		background: rgba(239, 68, 68, 0.2);
-		border-color: rgba(239, 68, 68, 0.5);
-	}
-
-	.modal-footer {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		gap: var(--spacing-md);
-		padding: var(--spacing-lg);
-		border-top: 1px solid rgb(var(--color-border));
-		flex-shrink: 0;
-	}
-
-	.selected-count {
-		font-size: 0.875rem;
-		color: rgb(var(--color-text-secondary));
-	}
-
-	.footer-actions {
-		display: flex;
-		gap: var(--spacing-md);
-	}
-
-	.btn {
-		padding: var(--spacing-sm) var(--spacing-lg);
-		border-radius: var(--radius-md);
-		font-weight: 500;
-		font-size: 0.9375rem;
-		cursor: pointer;
-		transition: all var(--transition-base);
-		border: none;
-	}
-
-	.btn-secondary {
-		background: rgb(var(--color-surface));
-		color: rgb(var(--color-text-primary));
-		border: 1px solid rgb(var(--color-border));
-	}
-
-	.btn-secondary:hover {
-		background: rgb(var(--color-background));
-	}
-
-	.btn-primary {
-		background: rgb(var(--color-primary));
-		color: white;
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		opacity: 0.9;
-		transform: translateY(-1px);
-	}
-
-	.btn-primary:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	/* Responsive */
-	@media (max-width: 768px) {
-		.list-detail-page {
-			padding-bottom: var(--spacing-xl);
-		}
-
-		.header-container {
-			max-width: 100%;
-		}
-
-		h2 {
-			font-size: 1.5rem;
-		}
-
-		.quotes-grid {
-			max-width: 100%;
-		}
-
-		.remove-btn {
-			display: flex;
-			position: static;
-			width: 100%;
-			margin-top: var(--spacing-sm);
-		}
-
-		.floating-results {
-			bottom: 5rem;
-		}
-
-		.modal {
-			margin: var(--spacing-sm);
-		}
-
-		.modal-footer {
-			flex-direction: column;
-			align-items: stretch;
-		}
-
-		.footer-actions {
-			width: 100%;
-		}
-
-		.footer-actions .btn {
-			flex: 1;
-		}
-	}
-</style>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/profile/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/profile/+page.svelte
deleted file mode 100644
index 4ba957092..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/profile/+page.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { ProfilePage } from '@manacore/shared-profile-ui';
-	import { authStore } from '$lib/stores/auth.svelte';
-</script>
-
-<ProfilePage user={authStore.user} appName="Zitare" />
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/search/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/search/+page.svelte
deleted file mode 100644
index 688fe2d4f..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/search/+page.svelte
+++ /dev/null
@@ -1,151 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { searchQuotes, getAllCategories, type Quote, type Category } from '@zitare/content';
-	import { ZitareEvents } from '@manacore/shared-utils/analytics';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import { zitareSettings } from '$lib/stores/settings.svelte';
-	import QuoteCard from '$lib/components/QuoteCard.svelte';
-	import { MagnifyingGlass, X } from '@manacore/shared-icons';
-
-	let searchTerm = $state('');
-	let lastTrackedTerm = $state('');
-	let selectedCategory = $state<Category | null>(null);
-
-	const categories = getAllCategories();
-
-	// Category i18n key mapping
-	const categoryKeys: Record<Category, string> = {
-		weisheit: 'categories.wisdom',
-		motivation: 'categories.motivation',
-		liebe: 'categories.love',
-		leben: 'categories.life',
-		erfolg: 'categories.success',
-		glueck: 'categories.happiness',
-		freundschaft: 'categories.friendship',
-		mut: 'categories.courage',
-		hoffnung: 'categories.hope',
-		natur: 'categories.nature',
-	};
-
-	// Search results with optional category filter
-	let results = $derived<Quote[]>(() => {
-		if (searchTerm.length < 2) return [];
-		const searchResults = searchQuotes(searchTerm, quotesStore.language);
-		if (!selectedCategory) return searchResults;
-		return searchResults.filter((q) => q.category === selectedCategory);
-	});
-
-	// Track search when results change
-	$effect(() => {
-		if (searchTerm.length >= 2 && searchTerm !== lastTrackedTerm) {
-			lastTrackedTerm = searchTerm;
-			ZitareEvents.searchPerformed(results.length);
-		}
-	});
-
-	function toggleCategory(cat: Category) {
-		selectedCategory = selectedCategory === cat ? null : cat;
-	}
-
-	function clearSearch() {
-		searchTerm = '';
-		selectedCategory = null;
-	}
-</script>
-
-<svelte:head>
-	<title>Zitare - {$_('search.title')}</title>
-</svelte:head>
-
-<div class="max-w-3xl mx-auto">
-	<h1 class="text-3xl font-bold text-foreground mb-6">{$_('search.title')}</h1>
-
-	<!-- Search Input -->
-	<div class="relative mb-4">
-		<div class="absolute left-4 top-1/2 -translate-y-1/2 text-foreground-muted">
-			<MagnifyingGlass size={20} />
-		</div>
-		<input
-			type="text"
-			placeholder={$_('search.placeholder')}
-			bind:value={searchTerm}
-			class="w-full pl-12 pr-4 py-4 rounded-xl bg-surface-elevated border border-border text-foreground text-lg focus:outline-none focus:border-primary transition-colors"
-		/>
-		{#if searchTerm}
-			<button
-				onclick={clearSearch}
-				class="absolute right-4 top-1/2 -translate-y-1/2 p-1 text-foreground-muted hover:text-foreground transition-colors"
-			>
-				<X size={20} />
-			</button>
-		{/if}
-	</div>
-
-	<!-- Category Filter Chips -->
-	{#if searchTerm.length >= 2 && results.length > 0}
-		<div class="flex flex-wrap gap-2 mb-6">
-			<button
-				onclick={() => (selectedCategory = null)}
-				class="px-3 py-1.5 rounded-full text-sm font-medium transition-colors {selectedCategory ===
-				null
-					? 'bg-primary text-white'
-					: 'bg-surface-elevated text-foreground-secondary hover:text-foreground border border-border'}"
-			>
-				{$_('search.allCategories')}
-			</button>
-			{#each categories as cat}
-				{@const matchCount = searchQuotes(searchTerm, quotesStore.language).filter(
-					(q) => q.category === cat.name
-				).length}
-				{#if matchCount > 0}
-					<button
-						onclick={() => toggleCategory(cat.name)}
-						class="px-3 py-1.5 rounded-full text-sm font-medium transition-colors {selectedCategory ===
-						cat.name
-							? 'bg-primary text-white'
-							: 'bg-surface-elevated text-foreground-secondary hover:text-foreground border border-border'}"
-					>
-						{$_(categoryKeys[cat.name])}
-						<span class="ml-1 opacity-70">{matchCount}</span>
-					</button>
-				{/if}
-			{/each}
-		</div>
-	{/if}
-
-	<!-- Results -->
-	{#if searchTerm.length >= 2}
-		{#if results.length === 0}
-			<div class="text-center py-12">
-				<div class="w-16 h-16 mx-auto text-foreground-muted mb-4 flex items-center justify-center">
-					<MagnifyingGlass size={64} />
-				</div>
-				<p class="text-foreground-secondary">{$_('search.noResults')}</p>
-			</div>
-		{:else}
-			<p class="text-foreground-secondary mb-6">
-				{$_('search.results', { values: { count: results.length } })}
-			</p>
-			<div class="space-y-6">
-				{#each results as quote (quote.id)}
-					<QuoteCard
-						{quote}
-						showCategory={zitareSettings.showCategory}
-						showSource={zitareSettings.showSource}
-					/>
-				{/each}
-			</div>
-		{/if}
-	{:else if searchTerm.length > 0}
-		<p class="text-center text-foreground-muted py-8">{$_('search.minChars')}</p>
-	{:else}
-		<div class="text-center py-12">
-			<div
-				class="w-16 h-16 mx-auto text-foreground-muted mb-4 opacity-50 flex items-center justify-center"
-			>
-				<MagnifyingGlass size={64} />
-			</div>
-			<p class="text-foreground-secondary">{$_('search.hint')}</p>
-		</div>
-	{/if}
-</div>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/settings/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/settings/+page.svelte
deleted file mode 100644
index fe24ddba8..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/settings/+page.svelte
+++ /dev/null
@@ -1,155 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import { zitareSettings } from '$lib/stores/settings.svelte';
-	import { ZitareEvents } from '@manacore/shared-utils/analytics';
-	import type { SupportedLanguage } from '@zitare/content';
-	import { APP_VERSION } from '$lib/version';
-
-	// Language options for quotes
-	const languageOptions: { value: SupportedLanguage; label: string }[] = [
-		{ value: 'de', label: 'Deutsch' },
-		{ value: 'en', label: 'English' },
-		{ value: 'it', label: 'Italiano' },
-		{ value: 'fr', label: 'Français' },
-		{ value: 'es', label: 'Español' },
-		{ value: 'original', label: 'Original' },
-	];
-
-	const fontSizeOptions = [
-		{ value: 0.85, label: 'settings.fontSizeSmall' },
-		{ value: 1, label: 'settings.fontSizeNormal' },
-		{ value: 1.15, label: 'settings.fontSizeLarge' },
-		{ value: 1.3, label: 'settings.fontSizeXLarge' },
-	];
-
-	function handleLanguageChange(event: Event) {
-		const select = event.target as HTMLSelectElement;
-		const lang = select.value as SupportedLanguage;
-		quotesStore.setLanguage(lang);
-		ZitareEvents.quoteLanguageChanged(lang);
-	}
-
-	function handleFontSizeChange(event: Event) {
-		const select = event.target as HTMLSelectElement;
-		zitareSettings.update({ fontSizeMultiplier: parseFloat(select.value) });
-	}
-
-	function toggleShowCategory() {
-		zitareSettings.update({ showCategory: !zitareSettings.showCategory });
-	}
-
-	function toggleShowSource() {
-		zitareSettings.update({ showSource: !zitareSettings.showSource });
-	}
-</script>
-
-<svelte:head>
-	<title>Zitare - {$_('nav.settings')}</title>
-</svelte:head>
-
-<div class="max-w-2xl mx-auto">
-	<h1 class="text-3xl font-bold text-foreground mb-8">{$_('nav.settings')}</h1>
-
-	<div class="space-y-6">
-		<!-- Quote Language -->
-		<div class="bg-surface-elevated rounded-2xl p-6">
-			<h2 class="text-lg font-semibold text-foreground mb-4">{$_('settings.quoteLanguage')}</h2>
-			<p class="text-foreground-secondary text-sm mb-4">
-				{$_('settings.quoteLanguageDescription')}
-			</p>
-			<select
-				value={quotesStore.language}
-				onchange={handleLanguageChange}
-				class="w-full p-3 rounded-lg bg-surface border border-border text-foreground"
-			>
-				{#each languageOptions as option}
-					<option value={option.value}>{option.label}</option>
-				{/each}
-			</select>
-		</div>
-
-		<!-- Display Settings -->
-		<div class="bg-surface-elevated rounded-2xl p-6">
-			<h2 class="text-lg font-semibold text-foreground mb-4">{$_('settings.display')}</h2>
-			<div class="space-y-4">
-				<!-- Show Category -->
-				<label class="flex items-center justify-between cursor-pointer">
-					<div>
-						<p class="text-foreground font-medium">{$_('settings.showCategory')}</p>
-						<p class="text-foreground-secondary text-sm">
-							{$_('settings.showCategoryDescription')}
-						</p>
-					</div>
-					<button
-						onclick={toggleShowCategory}
-						class="relative w-11 h-6 rounded-full transition-colors {zitareSettings.showCategory
-							? 'bg-primary'
-							: 'bg-border'}"
-						role="switch"
-						aria-checked={zitareSettings.showCategory}
-					>
-						<span
-							class="absolute top-0.5 left-0.5 w-5 h-5 bg-white rounded-full shadow transition-transform {zitareSettings.showCategory
-								? 'translate-x-5'
-								: ''}"
-						></span>
-					</button>
-				</label>
-
-				<!-- Show Source -->
-				<label class="flex items-center justify-between cursor-pointer">
-					<div>
-						<p class="text-foreground font-medium">{$_('settings.showSource')}</p>
-						<p class="text-foreground-secondary text-sm">
-							{$_('settings.showSourceDescription')}
-						</p>
-					</div>
-					<button
-						onclick={toggleShowSource}
-						class="relative w-11 h-6 rounded-full transition-colors {zitareSettings.showSource
-							? 'bg-primary'
-							: 'bg-border'}"
-						role="switch"
-						aria-checked={zitareSettings.showSource}
-					>
-						<span
-							class="absolute top-0.5 left-0.5 w-5 h-5 bg-white rounded-full shadow transition-transform {zitareSettings.showSource
-								? 'translate-x-5'
-								: ''}"
-						></span>
-					</button>
-				</label>
-
-				<!-- Font Size -->
-				<div>
-					<p class="text-foreground font-medium mb-2">{$_('settings.fontSize')}</p>
-					<select
-						value={zitareSettings.fontSizeMultiplier}
-						onchange={handleFontSizeChange}
-						class="w-full p-3 rounded-lg bg-surface border border-border text-foreground"
-					>
-						{#each fontSizeOptions as option}
-							<option value={option.value}>{$_(option.label)}</option>
-						{/each}
-					</select>
-				</div>
-			</div>
-		</div>
-
-		<!-- About -->
-		<div class="bg-surface-elevated rounded-2xl p-6">
-			<h2 class="text-lg font-semibold text-foreground mb-4">{$_('settings.about')}</h2>
-			<p class="text-foreground-secondary text-sm">
-				{$_('settings.aboutDescription')}
-			</p>
-			<p class="text-foreground-muted text-sm mt-4">
-				{$_('settings.stats', {
-					values: { quotes: quotesStore.totalCount, categories: 10, languages: 6 },
-				})}
-			</p>
-		</div>
-	</div>
-
-	<p class="mt-8 pb-4 text-center text-xs text-gray-400 dark:text-gray-600">v{APP_VERSION}</p>
-</div>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/spiral/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/spiral/+page.svelte
deleted file mode 100644
index cfd875571..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/spiral/+page.svelte
+++ /dev/null
@@ -1,552 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { _ } from 'svelte-i18n';
-	import { getContext } from 'svelte';
-	import { COLORS } from '@manacore/spiral-db';
-	import type { ColorIndex } from '@manacore/spiral-db';
-	import { spiralStore } from '$lib/stores/spiral.svelte';
-	import { type Favorite } from '$lib/data/queries';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import SpiralCanvas from '$lib/components/SpiralCanvas.svelte';
-	import { QUOTES, type Quote } from '@zitare/content';
-
-	const allFavorites: { readonly value: Favorite[] } = getContext('favorites');
-
-	let zoom = $state(10);
-	let showGrid = $state(false);
-	let selectedPixel = $state<number | null>(null);
-	let fileInput: HTMLInputElement;
-
-	// Build a lookup map for quotes
-	const quoteMap = new Map<string, Quote>();
-	for (const q of QUOTES) {
-		quoteMap.set(q.id, q);
-	}
-
-	function getQuoteData(quoteId: string) {
-		const quote = quoteMap.get(quoteId);
-		if (!quote) return null;
-		return {
-			author: quote.author,
-			text: quotesStore.getText(quote),
-			category: quote.category,
-			language: quotesStore.language,
-		};
-	}
-
-	function handleImportFavorites() {
-		spiralStore.importFavorites(
-			allFavorites.value.map((f) => ({
-				quoteId: f.quoteId,
-				createdAt: f.createdAt,
-			})),
-			getQuoteData
-		);
-	}
-
-	function handlePixelClick(index: number) {
-		selectedPixel = selectedPixel === index ? null : index;
-	}
-
-	async function handleImportPng() {
-		fileInput?.click();
-	}
-
-	async function handleFileSelected(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const file = input.files?.[0];
-		if (!file) return;
-		await spiralStore.importFromPng(file);
-		input.value = '';
-	}
-
-	// Category display helpers
-	const categoryIcons: Record<string, string> = {
-		motivation: '🔥',
-		weisheit: '🦉',
-		liebe: '❤️',
-		leben: '🌱',
-		erfolg: '🏆',
-		glueck: '🍀',
-		freundschaft: '🤝',
-		mut: '🦁',
-		hoffnung: '🌅',
-		natur: '🌿',
-	};
-
-	onMount(() => {
-		if (allFavorites.value.length > 0) {
-			handleImportFavorites();
-		}
-	});
-</script>
-
-<div class="spiral-page">
-	<h1 class="title">SpiralDB</h1>
-	<p class="subtitle">Deine Zitate als Pixel-Spirale</p>
-
-	<div class="layout">
-		<!-- Visualization -->
-		<section class="section viz-section">
-			{#if spiralStore.image}
-				<div class="canvas-wrapper">
-					<SpiralCanvas
-						image={spiralStore.image}
-						scale={zoom}
-						{showGrid}
-						highlightIndex={selectedPixel}
-						onPixelClick={handlePixelClick}
-					/>
-				</div>
-
-				<div class="controls">
-					<label class="control">
-						<span>Zoom</span>
-						<input type="range" min="4" max="20" bind:value={zoom} />
-						<span class="mono">{zoom}x</span>
-					</label>
-					<label class="control">
-						<input type="checkbox" bind:checked={showGrid} />
-						<span>Grid</span>
-					</label>
-				</div>
-			{:else}
-				<div class="empty-state">
-					<p>Keine Daten. Importiere deine Favoriten oder lade eine PNG-Datei.</p>
-				</div>
-			{/if}
-		</section>
-
-		<!-- Stats -->
-		{#if spiralStore.stats}
-			<section class="section">
-				<h2 class="section-title">Statistiken</h2>
-				<div class="stats-grid">
-					<div class="stat">
-						<span class="stat-value"
-							>{spiralStore.stats.imageSize}x{spiralStore.stats.imageSize}</span
-						>
-						<span class="stat-label">Bildgr&ouml;&szlig;e</span>
-					</div>
-					<div class="stat">
-						<span class="stat-value">{spiralStore.stats.activeRecords}</span>
-						<span class="stat-label">Zitate</span>
-					</div>
-					<div class="stat">
-						<span class="stat-value">{spiralStore.stats.usedPixels}</span>
-						<span class="stat-label">Pixel belegt</span>
-					</div>
-					<div class="stat highlight">
-						<span class="stat-value">{spiralStore.stats.compressionRatio}%</span>
-						<span class="stat-label">Kompression vs JSON</span>
-					</div>
-				</div>
-
-				<!-- Color Legend -->
-				<div class="color-legend">
-					{#each Object.entries(COLORS) as [idx, color]}
-						<div class="color-item">
-							<span
-								class="color-swatch"
-								style="background: rgb({color.rgb.r}, {color.rgb.g}, {color.rgb.b})"
-							></span>
-							<span class="color-name">{color.name}</span>
-							<span class="color-bits mono">{color.bits.join('')}</span>
-						</div>
-					{/each}
-				</div>
-			</section>
-		{/if}
-
-		<!-- Records -->
-		<section class="section">
-			<h2 class="section-title">
-				Gespeicherte Zitate
-				{#if spiralStore.records.length > 0}
-					<span class="badge">{spiralStore.records.length}</span>
-				{/if}
-			</h2>
-
-			{#if spiralStore.records.length === 0}
-				<p class="empty-hint">Noch keine Zitate in der Spirale.</p>
-			{:else}
-				<div class="records-list">
-					{#each spiralStore.records as record}
-						{@const cat = spiralStore.getCategoryName(record.data.category)}
-						<div class="record" class:completed={record.meta.status === 'completed'}>
-							<div class="record-header">
-								<span class="record-icon">{categoryIcons[cat] ?? '💬'}</span>
-								<span class="record-author">{record.data.author}</span>
-								<span class="record-id mono">#{record.meta.id}</span>
-							</div>
-							<p class="record-text">{record.data.text}</p>
-							<div class="record-footer">
-								<span class="record-category">{cat}</span>
-								<button
-									class="btn-small btn-danger"
-									onclick={() => spiralStore.removeQuote(record.meta.id)}
-								>
-									&times;
-								</button>
-							</div>
-						</div>
-					{/each}
-				</div>
-			{/if}
-		</section>
-
-		<!-- Actions -->
-		<section class="section">
-			<h2 class="section-title">Aktionen</h2>
-			<div class="actions">
-				<button
-					class="btn btn-primary"
-					onclick={() => spiralStore.downloadPng()}
-					disabled={!spiralStore.stats || spiralStore.stats.totalRecords === 0}
-				>
-					PNG herunterladen
-				</button>
-				<button class="btn" onclick={handleImportPng}> PNG importieren </button>
-				<button
-					class="btn"
-					onclick={handleImportFavorites}
-					disabled={allFavorites.value.length === 0}
-				>
-					Favoriten neu importieren ({allFavorites.value.length})
-				</button>
-				<button
-					class="btn btn-danger"
-					onclick={() => spiralStore.clear()}
-					disabled={!spiralStore.stats || spiralStore.stats.totalRecords === 0}
-				>
-					Alles l&ouml;schen
-				</button>
-			</div>
-
-			<div class="info-box">
-				<p>
-					<strong>SpiralDB</strong> kodiert deine Zitate als farbige Pixel in einem Spiralmuster. Jedes
-					Pixel speichert 3 Bit (8 Farben). Das Bild w&auml;chst von der Mitte nach au&szlig;en, je mehr
-					Zitate du sammelst.
-				</p>
-			</div>
-		</section>
-	</div>
-
-	<input
-		bind:this={fileInput}
-		type="file"
-		accept=".png"
-		class="hidden"
-		onchange={handleFileSelected}
-	/>
-</div>
-
-<style>
-	.spiral-page {
-		padding: 1rem 0;
-	}
-
-	.title {
-		font-size: 1.5rem;
-		font-weight: 700;
-		color: var(--color-foreground);
-		margin-bottom: 0.25rem;
-	}
-
-	.subtitle {
-		color: var(--color-muted-foreground);
-		font-size: 0.875rem;
-		margin-bottom: 1.5rem;
-	}
-
-	.layout {
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	.section {
-		background: var(--color-card, rgba(255, 255, 255, 0.05));
-		border: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
-		border-radius: 12px;
-		padding: 1.25rem;
-	}
-
-	.section-title {
-		font-size: 1rem;
-		font-weight: 600;
-		color: var(--color-foreground);
-		margin-bottom: 1rem;
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-
-	.badge {
-		background: var(--color-primary, #8b5cf6);
-		color: white;
-		font-size: 0.75rem;
-		padding: 0.125rem 0.5rem;
-		border-radius: 999px;
-	}
-
-	.viz-section {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 1rem;
-	}
-
-	.canvas-wrapper {
-		overflow: auto;
-		max-width: 100%;
-		max-height: 500px;
-		border-radius: 8px;
-	}
-
-	.controls {
-		display: flex;
-		gap: 1.5rem;
-		align-items: center;
-		flex-wrap: wrap;
-	}
-
-	.control {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		font-size: 0.875rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.control input[type='range'] {
-		width: 100px;
-	}
-
-	.mono {
-		font-family: monospace;
-		font-size: 0.8rem;
-	}
-
-	/* Stats */
-	.stats-grid {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.75rem;
-		margin-bottom: 1rem;
-	}
-
-	@media (min-width: 640px) {
-		.stats-grid {
-			grid-template-columns: repeat(4, 1fr);
-		}
-	}
-
-	.stat {
-		text-align: center;
-		padding: 0.75rem;
-		background: var(--color-background, rgba(0, 0, 0, 0.2));
-		border-radius: 8px;
-	}
-
-	.stat-value {
-		display: block;
-		font-size: 1.25rem;
-		font-weight: 700;
-		color: var(--color-foreground);
-		font-family: monospace;
-	}
-
-	.stat-label {
-		display: block;
-		font-size: 0.7rem;
-		color: var(--color-muted-foreground);
-		margin-top: 0.25rem;
-	}
-
-	.stat.highlight {
-		background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(99, 102, 241, 0.2));
-	}
-
-	/* Color Legend */
-	.color-legend {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-	}
-
-	.color-item {
-		display: flex;
-		align-items: center;
-		gap: 0.375rem;
-		font-size: 0.75rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.color-swatch {
-		width: 14px;
-		height: 14px;
-		border-radius: 3px;
-		border: 1px solid rgba(255, 255, 255, 0.2);
-		flex-shrink: 0;
-	}
-
-	.color-bits {
-		opacity: 0.6;
-	}
-
-	/* Records */
-	.records-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		max-height: 400px;
-		overflow-y: auto;
-	}
-
-	.record {
-		padding: 0.75rem;
-		background: var(--color-background, rgba(0, 0, 0, 0.2));
-		border-radius: 8px;
-		border-left: 3px solid var(--color-primary, #8b5cf6);
-	}
-
-	.record.completed {
-		border-left-color: #22c55e;
-	}
-
-	.record-header {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		margin-bottom: 0.375rem;
-	}
-
-	.record-icon {
-		font-size: 1rem;
-	}
-
-	.record-author {
-		font-weight: 600;
-		font-size: 0.875rem;
-		color: var(--color-foreground);
-		flex: 1;
-	}
-
-	.record-id {
-		font-size: 0.7rem;
-		color: var(--color-muted-foreground);
-	}
-
-	.record-text {
-		font-size: 0.8rem;
-		color: var(--color-muted-foreground);
-		line-height: 1.4;
-		margin-bottom: 0.375rem;
-		display: -webkit-box;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-		overflow: hidden;
-	}
-
-	.record-footer {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-
-	.record-category {
-		font-size: 0.7rem;
-		color: var(--color-muted-foreground);
-		text-transform: capitalize;
-	}
-
-	.empty-hint {
-		color: var(--color-muted-foreground);
-		font-size: 0.875rem;
-		text-align: center;
-		padding: 1rem;
-	}
-
-	.empty-state {
-		text-align: center;
-		padding: 2rem;
-		color: var(--color-muted-foreground);
-	}
-
-	/* Actions */
-	.actions {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		margin-bottom: 1rem;
-	}
-
-	.btn {
-		padding: 0.5rem 1rem;
-		border-radius: 8px;
-		font-size: 0.875rem;
-		font-weight: 500;
-		border: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
-		background: var(--color-background, rgba(0, 0, 0, 0.2));
-		color: var(--color-foreground);
-		cursor: pointer;
-		transition: all 0.15s;
-	}
-
-	.btn:hover:not(:disabled) {
-		background: var(--color-accent, rgba(255, 255, 255, 0.1));
-	}
-
-	.btn:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-
-	.btn-primary {
-		background: var(--color-primary, #8b5cf6);
-		border-color: var(--color-primary, #8b5cf6);
-		color: white;
-	}
-
-	.btn-primary:hover:not(:disabled) {
-		opacity: 0.9;
-	}
-
-	.btn-danger {
-		color: #ef4444;
-		border-color: rgba(239, 68, 68, 0.3);
-	}
-
-	.btn-danger:hover:not(:disabled) {
-		background: rgba(239, 68, 68, 0.1);
-	}
-
-	.btn-small {
-		padding: 0.125rem 0.5rem;
-		font-size: 0.75rem;
-		border-radius: 4px;
-		background: transparent;
-		border: 1px solid transparent;
-		cursor: pointer;
-		color: var(--color-muted-foreground);
-	}
-
-	.btn-small:hover {
-		color: #ef4444;
-	}
-
-	.info-box {
-		padding: 0.75rem;
-		background: var(--color-background, rgba(0, 0, 0, 0.2));
-		border-radius: 8px;
-		font-size: 0.8rem;
-		color: var(--color-muted-foreground);
-		line-height: 1.5;
-	}
-
-	.hidden {
-		display: none;
-	}
-</style>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/tags/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/tags/+page.svelte
deleted file mode 100644
index d164e288c..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/tags/+page.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { tagMutations } from '@manacore/shared-stores';
-	import type { Tag } from '@manacore/shared-tags';
-
-	const tagsCtx: { readonly value: Tag[] } = getContext('tags');
-</script>
-
-<svelte:head>
-	<title>Tags | Zitare</title>
-</svelte:head>
-
-<div class="tags-page">
-	<h1>Tags verwalten</h1>
-	<p class="text-sm text-muted-foreground mb-4">
-		Tags sind app-übergreifend — Änderungen gelten in allen ManaCore-Apps.
-	</p>
-
-	{#if tagsCtx.value.length === 0}
-		<p>Keine Tags vorhanden.</p>
-	{:else}
-		<div class="grid gap-2">
-			{#each tagsCtx.value as tag}
-				<div class="flex items-center gap-2 p-2 rounded-lg bg-card">
-					<span class="w-3 h-3 rounded-full" style="background-color: {tag.color}"></span>
-					<span>{tag.name}</span>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
-
-<style>
-	.tags-page {
-		padding: 1.5rem;
-		max-width: 600px;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 1.5rem;
-		font-weight: 700;
-		margin-bottom: 0.5rem;
-	}
-</style>
diff --git a/apps/zitare/apps/web-archived/src/routes/(app)/themes/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(app)/themes/+page.svelte
deleted file mode 100644
index f96ec8166..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(app)/themes/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { ThemePage } from '@manacore/shared-theme-ui';
-	import { theme } from '$lib/stores/theme.svelte';
-</script>
-
-<svelte:head>
-	<title>Themes | Zitare</title>
-</svelte:head>
-
-<ThemePage
-	currentVariant={theme.variant}
-	onSelectTheme={(v) => theme.setVariant(v)}
-	showModeSelector={true}
-	currentMode={theme.mode}
-	onModeChange={(m) => theme.setMode(m)}
-	showBackButton={true}
-	onBack={() => goto('/')}
-/>
diff --git a/apps/zitare/apps/web-archived/src/routes/(auth)/+layout.svelte b/apps/zitare/apps/web-archived/src/routes/(auth)/+layout.svelte
deleted file mode 100644
index a4156d903..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(auth)/+layout.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	let { children } = $props();
-</script>
-
-<div class="min-h-screen flex items-center justify-center p-4 bg-background">
-	<div class="w-full max-w-md">
-		<div class="text-center mb-8">
-			<h1 class="text-3xl font-bold text-foreground">Zitare</h1>
-			<p class="text-foreground-secondary mt-2">Inspirierende Zitate jeden Tag</p>
-		</div>
-		{@render children()}
-	</div>
-</div>
diff --git a/apps/zitare/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
deleted file mode 100644
index 855c8994b..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(auth)/forgot-password/+page.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { ForgotPasswordPage } from '@manacore/shared-auth-ui';
-	import { getForgotPasswordTranslations } from '@manacore/shared-i18n';
-	import { ZitareLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	// Get translations based on current locale
-	const translations = $derived(getForgotPasswordTranslations($locale || 'de'));
-
-	async function handleForgotPassword(email: string) {
-		return authStore.resetPassword(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.titleForm} - Zitare</title>
-</svelte:head>
-
-<ForgotPasswordPage
-	appName="Zitare"
-	logo={ZitareLogo}
-	primaryColor="#f59e0b"
-	onForgotPassword={handleForgotPassword}
-	{goto}
-	loginPath="/login"
-	lightBackground="#fffbeb"
-	darkBackground="#1c1917"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-</ForgotPasswordPage>
diff --git a/apps/zitare/apps/web-archived/src/routes/(auth)/login/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(auth)/login/+page.svelte
deleted file mode 100644
index 39c605b92..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(auth)/login/+page.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import { browser } from '$app/environment';
-	import { locale } from 'svelte-i18n';
-	import { LoginPage } from '@manacore/shared-auth-ui';
-	import { getLoginTranslations } from '@manacore/shared-i18n';
-	import { ZitareLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { APP_VERSION, BUILD_TIME } from '$lib/version';
-	import '$lib/i18n';
-
-	// Get redirect URL from query params or sessionStorage
-	const redirectTo = $derived.by(() => {
-		const queryRedirect = $page.url.searchParams.get('redirectTo');
-		if (queryRedirect) return queryRedirect;
-
-		if (browser) {
-			const sessionRedirect = sessionStorage.getItem('auth-return-url');
-			if (sessionRedirect) {
-				sessionStorage.removeItem('auth-return-url');
-				return sessionRedirect;
-			}
-		}
-
-		return '/';
-	});
-
-	// Get translations based on current locale
-	const translations = $derived(getLoginTranslations($locale || 'de'));
-
-	// Read verification status from query params (set after email verification)
-	const verified = $derived($page.url.searchParams.get('verified') === 'true');
-	const initialEmail = $derived($page.url.searchParams.get('email') || '');
-
-	async function handleSignIn(email: string, password: string) {
-		return authStore.signIn(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} - Zitare</title>
-</svelte:head>
-
-<LoginPage
-	appName="Zitare"
-	logo={ZitareLogo}
-	primaryColor="#f59e0b"
-	onSignIn={handleSignIn}
-	onResendVerification={handleResendVerification}
-	passkeyAvailable={authStore.isPasskeyAvailable()}
-	onSignInWithPasskey={() => authStore.signInWithPasskey()}
-	onVerifyTwoFactor={(code, trust) => authStore.verifyTwoFactor(code, trust)}
-	onVerifyBackupCode={(code) => authStore.verifyBackupCode(code)}
-	onSendMagicLink={(email) => authStore.sendMagicLink(email)}
-	{goto}
-	successRedirect={redirectTo}
-	registerPath="/register"
-	forgotPasswordPath="/forgot-password"
-	lightBackground="#fffbeb"
-	darkBackground="#1c1917"
-	{translations}
-	{verified}
-	{initialEmail}
-	version={APP_VERSION}
-	buildTime={BUILD_TIME}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-</LoginPage>
diff --git a/apps/zitare/apps/web-archived/src/routes/(auth)/register/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(auth)/register/+page.svelte
deleted file mode 100644
index 8095c1057..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(auth)/register/+page.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { locale } from 'svelte-i18n';
-	import { RegisterPage } from '@manacore/shared-auth-ui';
-	import { ZitareLogo } from '@manacore/shared-branding';
-	import { getRegisterTranslations } from '@manacore/shared-i18n';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import '$lib/i18n';
-
-	const translations = $derived(getRegisterTranslations($locale || 'de'));
-
-	async function handleSignUp(email: string, password: string) {
-		return authStore.signUp(email, password);
-	}
-
-	async function handleResendVerification(email: string) {
-		return authStore.resendVerificationEmail(email);
-	}
-</script>
-
-<svelte:head>
-	<title>{translations.title} - Zitare</title>
-</svelte:head>
-
-<RegisterPage
-	appName="Zitare"
-	logo={ZitareLogo}
-	primaryColor="#f59e0b"
-	onSignUp={handleSignUp}
-	onResendVerification={handleResendVerification}
-	{goto}
-	successRedirect="/"
-	loginPath="/login"
-	lightBackground="#fffbeb"
-	darkBackground="#1c1917"
-	{translations}
->
-	{#snippet headerControls()}
-		<LanguageSelector />
-	{/snippet}
-</RegisterPage>
diff --git a/apps/zitare/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte b/apps/zitare/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
deleted file mode 100644
index 64b50e2b5..000000000
--- a/apps/zitare/apps/web-archived/src/routes/(auth)/reset-password/+page.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
-	import { ZitareLogo } from '@manacore/shared-branding';
-	import { authStore } from '$lib/stores/auth.svelte';
-
-	let loading = $state(false);
-	let hasToken = $state(false);
-	let token = $state<string | null>(null);
-	let password = $state('');
-	let confirmPassword = $state('');
-	let error = $state<string | null>(null);
-	let success = $state(false);
-
-	onMount(() => {
-		token = $page.url.searchParams.get('token');
-		hasToken = !!token;
-	});
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		error = null;
-
-		if (!token) {
-			error = 'Invalid or missing token';
-			return;
-		}
-		if (password !== confirmPassword) {
-			error = 'Passwords do not match';
-			return;
-		}
-		if (password.length < 8) {
-			error = 'Password must be at least 8 characters';
-			return;
-		}
-
-		loading = true;
-		try {
-			const result = await authStore.resetPasswordWithToken(token, password);
-			if (!result.success) {
-				error = result.error || 'Failed to reset password';
-			} else {
-				success = true;
-				setTimeout(() => goto('/login'), 3000);
-			}
-		} catch (err) {
-			error = err instanceof Error ? err.message : 'An error occurred';
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>Reset Password - Zitare</title>
-</svelte:head>
-
-<div
-	class="flex min-h-screen flex-col bg-gradient-to-b from-amber-100 to-white dark:from-stone-900 dark:to-stone-800"
->
-	<header class="flex items-center justify-between p-4">
-		<a href="/" class="flex items-center gap-2">
-			<ZitareLogo class="h-8 w-8" />
-			<span class="text-xl font-semibold" style="color: #f59e0b">Zitare</span>
-		</a>
-	</header>
-
-	<main class="flex flex-1 items-center justify-center p-4">
-		<div class="w-full max-w-md">
-			<div class="text-center mb-8">
-				<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Reset Password</h1>
-				<p class="mt-2 text-gray-600 dark:text-gray-400">
-					{#if success}Password reset successfully
-					{:else if hasToken}Enter your new password
-					{:else}Invalid or missing token{/if}
-				</p>
-			</div>
-
-			{#if success}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x2705;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							Your password has been reset successfully. You will be redirected to the login page
-							shortly.
-						</p>
-						<a
-							href="/login"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #f59e0b"
-						>
-							Go to login
-						</a>
-					</div>
-				</div>
-			{:else if hasToken}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<form onsubmit={handleSubmit}>
-						{#if error}
-							<div
-								class="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400"
-							>
-								{error}
-							</div>
-						{/if}
-						<div class="space-y-4">
-							<div>
-								<label
-									for="password"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>New Password</label
-								>
-								<input
-									type="password"
-									id="password"
-									autocomplete="new-password"
-									placeholder="Enter new password"
-									required
-									minlength={8}
-									bind:value={password}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-									style="--tw-ring-color: #f59e0b80; border-color: #f59e0b"
-								/>
-								<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">At least 8 characters</p>
-							</div>
-							<div>
-								<label
-									for="confirmPassword"
-									class="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-100"
-									>Confirm Password</label
-								>
-								<input
-									type="password"
-									id="confirmPassword"
-									autocomplete="new-password"
-									placeholder="Confirm password"
-									required
-									minlength={8}
-									bind:value={confirmPassword}
-									class="w-full rounded-lg border border-gray-300 px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-400"
-								/>
-							</div>
-							<button
-								type="submit"
-								disabled={loading}
-								class="w-full rounded-lg px-4 py-3 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-								style="background-color: #f59e0b"
-							>
-								{loading ? 'Updating password...' : 'Update Password'}
-							</button>
-						</div>
-					</form>
-				</div>
-			{:else}
-				<div class="rounded-xl bg-white p-8 shadow-lg dark:bg-slate-800">
-					<div class="text-center">
-						<div class="mb-4 text-6xl">&#x26A0;&#xFE0F;</div>
-						<p class="mb-6 text-gray-600 dark:text-gray-400">
-							This password reset link is invalid or has expired.
-						</p>
-						<a
-							href="/forgot-password"
-							class="inline-block rounded-lg px-6 py-3 font-medium text-white transition-colors"
-							style="background-color: #f59e0b"
-						>
-							Request a new link
-						</a>
-					</div>
-				</div>
-			{/if}
-		</div>
-	</main>
-</div>
diff --git a/apps/zitare/apps/web-archived/src/routes/+layout.svelte b/apps/zitare/apps/web-archived/src/routes/+layout.svelte
deleted file mode 100644
index a379fceb9..000000000
--- a/apps/zitare/apps/web-archived/src/routes/+layout.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-<script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
-	import { isLoading as isLocaleLoading } from 'svelte-i18n';
-	import { theme } from '$lib/stores/theme.svelte';
-	import { authStore } from '$lib/stores/auth.svelte';
-	import { quotesStore } from '$lib/stores/quotes.svelte';
-	import { waitLocale } from '$lib/i18n';
-	import { ToastContainer, setupGlobalErrorHandler } from '@manacore/shared-ui';
-	import { MiniOnboardingModal } from '@manacore/shared-app-onboarding';
-	import { zitareOnboarding } from '$lib/stores/app-onboarding.svelte';
-
-	let { children } = $props();
-
-	let loading = $state(true);
-
-	onMount(() => {
-		// Setup global error handling
-		const cleanupErrorHandler = setupGlobalErrorHandler();
-
-		// Initialize async operations
-		const init = async () => {
-			// Wait for locale to be loaded
-			await waitLocale();
-
-			// Initialize theme
-			theme.initialize();
-
-			// Initialize quotes store
-			quotesStore.initialize();
-
-			// Initialize auth
-			await authStore.initialize();
-
-			loading = false;
-		};
-
-		init();
-
-		return cleanupErrorHandler;
-	});
-</script>
-
-<ToastContainer />
-
-{#if $isLocaleLoading || loading}
-	<div class="min-h-screen bg-background flex items-center justify-center">
-		<div class="text-center">
-			<div
-				class="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin mx-auto mb-4"
-			></div>
-			<p class="text-foreground-secondary">Zitare</p>
-		</div>
-	</div>
-{:else}
-	<div class="min-h-screen bg-background text-foreground">
-		{@render children()}
-	</div>
-
-	{#if zitareOnboarding.shouldShow}
-		<MiniOnboardingModal store={zitareOnboarding} appName="Zitare" appEmoji="✨" />
-	{/if}
-{/if}
diff --git a/apps/zitare/apps/web-archived/src/routes/+layout.ts b/apps/zitare/apps/web-archived/src/routes/+layout.ts
deleted file mode 100644
index ad6cddb06..000000000
--- a/apps/zitare/apps/web-archived/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Disable SSR — all data is local-first (IndexedDB + mana-sync)
-export const ssr = false;
diff --git a/apps/zitare/apps/web-archived/src/routes/health/+server.ts b/apps/zitare/apps/web-archived/src/routes/health/+server.ts
deleted file mode 100644
index bac5da70b..000000000
--- a/apps/zitare/apps/web-archived/src/routes/health/+server.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-	return json({
-		status: 'ok',
-		service: 'zitare-web',
-		timestamp: new Date().toISOString(),
-	});
-};
diff --git a/apps/zitare/apps/web-archived/src/routes/offline/+page.svelte b/apps/zitare/apps/web-archived/src/routes/offline/+page.svelte
deleted file mode 100644
index 47ab4e10e..000000000
--- a/apps/zitare/apps/web-archived/src/routes/offline/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { OfflinePage } from '@manacore/shared-ui';
-</script>
-
-<OfflinePage
-	appName="Zitare"
-	offlineMessage="Zitare benötigt eine Internetverbindung für neue Zitate."
-	accentColor="#d97706"
-/>
diff --git a/apps/zitare/apps/web-archived/src/routes/offline/+page.ts b/apps/zitare/apps/web-archived/src/routes/offline/+page.ts
deleted file mode 100644
index 189f71e2e..000000000
--- a/apps/zitare/apps/web-archived/src/routes/offline/+page.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/apps/zitare/apps/web-archived/static/favicon.png b/apps/zitare/apps/web-archived/static/favicon.png
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/zitare/apps/web-archived/svelte.config.js b/apps/zitare/apps/web-archived/svelte.config.js
deleted file mode 100644
index a7a917e4c..000000000
--- a/apps/zitare/apps/web-archived/svelte.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	preprocess: vitePreprocess(),
-	kit: {
-		adapter: adapter({
-			out: 'build',
-		}),
-	},
-};
-
-export default config;
diff --git a/apps/zitare/apps/web-archived/tsconfig.json b/apps/zitare/apps/web-archived/tsconfig.json
deleted file mode 100644
index a8f10c8e3..000000000
--- a/apps/zitare/apps/web-archived/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/apps/zitare/apps/web-archived/vite.config.ts b/apps/zitare/apps/web-archived/vite.config.ts
deleted file mode 100644
index a9ecccff2..000000000
--- a/apps/zitare/apps/web-archived/vite.config.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from 'vite';
-import { SvelteKitPWA } from '@vite-pwa/sveltekit';
-import { createPWAConfig } from '@manacore/shared-pwa';
-import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
-
-export default defineConfig({
-	plugins: [
-		tailwindcss(),
-		sveltekit(),
-		SvelteKitPWA(
-			createPWAConfig({
-				name: 'Zitare - Zitate',
-				shortName: 'Zitare',
-				description: 'Tägliche Inspiration und Zitate',
-				themeColor: '#f59e0b',
-			})
-		),
-	],
-	server: {
-		port: 5107,
-		strictPort: true,
-	},
-	ssr: {
-		noExternal: [...MANACORE_SHARED_PACKAGES, '@zitare/content'],
-	},
-	optimizeDeps: {
-		exclude: [...MANACORE_SHARED_PACKAGES, '@zitare/content'],
-	},
-	define: {
-		...getBuildDefines(),
-	},
-});
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index f388cbf09..9f91ed2da 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -28,9 +28,3 @@ packages:
 
   # Monorepo-wide shared packages
   - 'packages/*'
-
-  # Archived apps (excluded from workspace, available for future use)
-  # To re-activate: move app back to apps/ folder
-  # - 'apps-archived/*'
-  # - 'apps-archived/*/apps/*'
-  # - 'apps-archived/*/packages/*'