From 39af8f8480f66c331da810c0ed254ec05a1e713d Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Thu, 2 Apr 2026 17:18:18 +0200
Subject: [PATCH] chore(manacore/web): remove dead code from todo module
 refactor

Delete components and stores that are no longer imported after the
pages system and workbench refactor:
- MinimizedTabs.svelte (replaced by inline tabs in todo +page)
- TagStrip.svelte (old filter strip, unused)
- TodoToolbar.svelte (old Inbox/Today/Upcoming tabs, unused)
- minimized-pages.svelte.ts store (unused)
- view.svelte.ts store (only used by deleted components)
- AppRow.svelte (old home page grid, replaced by workbench)
- ActivityFeed.svelte (old home page feed, replaced by workbench)
- Remove viewStore + minimizedPagesStore from todo/index.ts

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../src/lib/components/ActivityFeed.svelte    | 221 ------------------
 .../apps/web/src/lib/components/AppRow.svelte | 166 -------------
 .../todo/components/MinimizedTabs.svelte      |  34 ---
 .../modules/todo/components/TagStrip.svelte   |  48 ----
 .../todo/components/TodoToolbar.svelte        | 124 ----------
 .../apps/web/src/lib/modules/todo/index.ts    |   2 -
 .../todo/stores/minimized-pages.svelte.ts     |  63 -----
 .../lib/modules/todo/stores/view.svelte.ts    | 101 --------
 8 files changed, 759 deletions(-)
 delete mode 100644 apps/manacore/apps/web/src/lib/components/ActivityFeed.svelte
 delete mode 100644 apps/manacore/apps/web/src/lib/components/AppRow.svelte
 delete mode 100644 apps/manacore/apps/web/src/lib/modules/todo/components/MinimizedTabs.svelte
 delete mode 100644 apps/manacore/apps/web/src/lib/modules/todo/components/TagStrip.svelte
 delete mode 100644 apps/manacore/apps/web/src/lib/modules/todo/components/TodoToolbar.svelte
 delete mode 100644 apps/manacore/apps/web/src/lib/modules/todo/stores/minimized-pages.svelte.ts
 delete mode 100644 apps/manacore/apps/web/src/lib/modules/todo/stores/view.svelte.ts

diff --git a/apps/manacore/apps/web/src/lib/components/ActivityFeed.svelte b/apps/manacore/apps/web/src/lib/components/ActivityFeed.svelte
deleted file mode 100644
index 493893dfe..000000000
--- a/apps/manacore/apps/web/src/lib/components/ActivityFeed.svelte
+++ /dev/null
@@ -1,221 +0,0 @@
-<script lang="ts">
-	import { db } from '$lib/data/database';
-
-	interface Props {
-		maxItems?: number;
-		locale?: 'de' | 'en';
-	}
-
-	let { maxItems = 8, locale = 'de' }: Props = $props();
-
-	interface FeedItem {
-		id: string;
-		type: 'task' | 'event' | 'contact';
-		title: string;
-		subtitle?: string;
-		timestamp: string;
-		color: string;
-		icon: string;
-	}
-
-	// Query recent completed tasks
-	let recentTasks = $state<FeedItem[]>([]);
-	let upcomingEvents = $state<FeedItem[]>([]);
-	let recentContacts = $state<FeedItem[]>([]);
-
-	$effect(() => {
-		loadFeed();
-	});
-
-	async function loadFeed() {
-		try {
-			// Completed tasks from today
-			const today = new Date();
-			today.setHours(0, 0, 0, 0);
-			const todayStr = today.toISOString();
-
-			const tasks = await db.table('tasks').toArray();
-			recentTasks = tasks
-				.filter((t) => t.isCompleted && t.completedAt && t.completedAt >= todayStr)
-				.sort((a, b) => (b.completedAt || '').localeCompare(a.completedAt || ''))
-				.slice(0, 5)
-				.map((t) => ({
-					id: `task-${t.id}`,
-					type: 'task' as const,
-					title: t.title,
-					subtitle: locale === 'de' ? 'Erledigt' : 'Completed',
-					timestamp: t.completedAt || t.updatedAt,
-					color: '#22c55e',
-					icon: '\u2705',
-				}));
-		} catch {
-			recentTasks = [];
-		}
-
-		try {
-			// Upcoming events (next 24h)
-			const now = new Date().toISOString();
-			const tomorrow = new Date(Date.now() + 86400000).toISOString();
-
-			const events = await db.table('events').toArray();
-			upcomingEvents = events
-				.filter((e) => e.startDate >= now && e.startDate <= tomorrow)
-				.sort((a, b) => a.startDate.localeCompare(b.startDate))
-				.slice(0, 5)
-				.map((e) => ({
-					id: `event-${e.id}`,
-					type: 'event' as const,
-					title: e.title,
-					subtitle: formatTime(e.startDate),
-					timestamp: e.startDate,
-					color: e.color || '#6366f1',
-					icon: '\uD83D\uDCC5',
-				}));
-		} catch {
-			upcomingEvents = [];
-		}
-
-		try {
-			// Recently added contacts
-			const contacts = await db.table('contacts').toArray();
-			recentContacts = contacts
-				.filter((c) => !c.isArchived)
-				.sort((a, b) => (b.createdAt || '').localeCompare(a.createdAt || ''))
-				.slice(0, 3)
-				.map((c) => {
-					const name = [c.firstName, c.lastName].filter(Boolean).join(' ') || c.email || '?';
-					return {
-						id: `contact-${c.id}`,
-						type: 'contact' as const,
-						title: name,
-						subtitle: c.company || undefined,
-						timestamp: c.createdAt,
-						color: '#8b5cf6',
-						icon: '\uD83D\uDC64',
-					};
-				});
-		} catch {
-			recentContacts = [];
-		}
-	}
-
-	let feedItems = $derived(
-		[...recentTasks, ...upcomingEvents, ...recentContacts]
-			.sort((a, b) => b.timestamp.localeCompare(a.timestamp))
-			.slice(0, maxItems)
-	);
-
-	function formatTime(isoString: string): string {
-		try {
-			const date = new Date(isoString);
-			return date.toLocaleTimeString(locale === 'de' ? 'de-DE' : 'en-US', {
-				hour: '2-digit',
-				minute: '2-digit',
-			});
-		} catch {
-			return '';
-		}
-	}
-
-	function formatRelative(isoString: string): string {
-		try {
-			const diff = Date.now() - new Date(isoString).getTime();
-			const mins = Math.floor(diff / 60000);
-			if (mins < 1) return locale === 'de' ? 'gerade eben' : 'just now';
-			if (mins < 60) return `${mins}m`;
-			const hrs = Math.floor(mins / 60);
-			if (hrs < 24) return `${hrs}h`;
-			return `${Math.floor(hrs / 24)}d`;
-		} catch {
-			return '';
-		}
-	}
-</script>
-
-{#if feedItems.length > 0}
-	<section class="feed-section">
-		<h2 class="feed-title">{locale === 'de' ? 'Aktivität' : 'Activity'}</h2>
-		<div class="feed-list">
-			{#each feedItems as item (item.id)}
-				<div class="feed-item">
-					<span class="feed-icon">{item.icon}</span>
-					<div class="feed-content">
-						<span class="feed-item-title">{item.title}</span>
-						{#if item.subtitle}
-							<span class="feed-item-sub">{item.subtitle}</span>
-						{/if}
-					</div>
-					<span class="feed-time">{formatRelative(item.timestamp)}</span>
-				</div>
-			{/each}
-		</div>
-	</section>
-{/if}
-
-<style>
-	.feed-section {
-		margin-bottom: 2rem;
-	}
-
-	.feed-title {
-		font-size: 0.8125rem;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.04em;
-		color: hsl(var(--muted-foreground, 0 0% 45%));
-		margin: 0 0 0.625rem;
-	}
-
-	.feed-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.125rem;
-	}
-
-	.feed-item {
-		display: flex;
-		align-items: center;
-		gap: 0.625rem;
-		padding: 0.5rem 0.625rem;
-		border-radius: 0.5rem;
-		transition: background 0.1s;
-	}
-
-	.feed-item:hover {
-		background: hsl(var(--muted, 0 0% 96%) / 0.5);
-	}
-
-	.feed-icon {
-		font-size: 0.875rem;
-		flex-shrink: 0;
-		width: 1.5rem;
-		text-align: center;
-	}
-
-	.feed-content {
-		flex: 1;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.feed-item-title {
-		font-size: 0.8125rem;
-		font-weight: 500;
-		color: hsl(var(--foreground, 0 0% 9%));
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.feed-item-sub {
-		font-size: 0.6875rem;
-		color: hsl(var(--muted-foreground, 0 0% 45%));
-	}
-
-	.feed-time {
-		font-size: 0.6875rem;
-		color: hsl(var(--muted-foreground, 0 0% 45%));
-		flex-shrink: 0;
-	}
-</style>
diff --git a/apps/manacore/apps/web/src/lib/components/AppRow.svelte b/apps/manacore/apps/web/src/lib/components/AppRow.svelte
deleted file mode 100644
index b4faa2819..000000000
--- a/apps/manacore/apps/web/src/lib/components/AppRow.svelte
+++ /dev/null
@@ -1,166 +0,0 @@
-<script lang="ts">
-	import type { ManaApp, AppIconId } from '@manacore/shared-branding';
-
-	interface Props {
-		apps: ManaApp[];
-		title: string;
-		emptyText?: string;
-		showPin?: boolean;
-		onAppClick: (app: ManaApp) => void;
-		onTogglePin?: (appId: string) => void;
-		pinnedIds?: string[];
-	}
-
-	let {
-		apps,
-		title,
-		emptyText,
-		showPin = false,
-		onAppClick,
-		onTogglePin,
-		pinnedIds = [],
-	}: Props = $props();
-</script>
-
-{#if apps.length > 0}
-	<section class="app-row-section">
-		<h2 class="row-title">{title}</h2>
-		<div class="row-scroll">
-			{#each apps as app (app.id)}
-				<button class="row-card" style="--app-color: {app.color};" onclick={() => onAppClick(app)}>
-					<div class="row-card-icon">
-						{#if app.icon}
-							<img src={app.icon} alt={app.name} class="row-icon" />
-						{:else}
-							<span class="row-icon-letter" style="color: {app.color};">{app.name.charAt(0)}</span>
-						{/if}
-					</div>
-					<span class="row-card-name">{app.name}</span>
-					{#if showPin && onTogglePin}
-						<button
-							class="pin-btn"
-							class:pinned={pinnedIds.includes(app.id)}
-							onclick={(e) => {
-								e.stopPropagation();
-								onTogglePin(app.id);
-							}}
-							title={pinnedIds.includes(app.id)
-								? 'Aus Favoriten entfernen'
-								: 'Zu Favoriten hinzufügen'}
-						>
-							{pinnedIds.includes(app.id) ? '\u2605' : '\u2606'}
-						</button>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	</section>
-{:else if emptyText}
-	<section class="app-row-section">
-		<h2 class="row-title">{title}</h2>
-		<p class="row-empty">{emptyText}</p>
-	</section>
-{/if}
-
-<style>
-	.app-row-section {
-		margin-bottom: 1.5rem;
-	}
-
-	.row-title {
-		font-size: 0.8125rem;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.04em;
-		color: hsl(var(--muted-foreground, 0 0% 45%));
-		margin: 0 0 0.625rem;
-	}
-
-	.row-scroll {
-		display: flex;
-		gap: 0.625rem;
-		overflow-x: auto;
-		padding-bottom: 0.25rem;
-		scrollbar-width: none;
-	}
-
-	.row-scroll::-webkit-scrollbar {
-		display: none;
-	}
-
-	.row-card {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.375rem;
-		padding: 0.75rem 1rem;
-		border-radius: 0.75rem;
-		border: 1px solid hsl(var(--border, 0 0% 90%));
-		background: hsl(var(--card, 0 0% 100%));
-		cursor: pointer;
-		transition: all 0.15s;
-		min-width: 5.5rem;
-		position: relative;
-	}
-
-	.row-card:hover {
-		border-color: color-mix(in srgb, var(--app-color) 40%, hsl(var(--border, 0 0% 90%)));
-		transform: translateY(-2px);
-		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-	}
-
-	.row-card-icon {
-		width: 2rem;
-		height: 2rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.row-icon {
-		width: 100%;
-		height: 100%;
-		object-fit: contain;
-	}
-
-	.row-icon-letter {
-		font-weight: 700;
-		font-size: 1rem;
-	}
-
-	.row-card-name {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: hsl(var(--foreground, 0 0% 9%));
-		white-space: nowrap;
-	}
-
-	.pin-btn {
-		position: absolute;
-		top: 0.25rem;
-		right: 0.25rem;
-		background: none;
-		border: none;
-		cursor: pointer;
-		font-size: 0.75rem;
-		opacity: 0.3;
-		transition: opacity 0.15s;
-		padding: 0.125rem;
-		line-height: 1;
-	}
-
-	.pin-btn:hover,
-	.pin-btn.pinned {
-		opacity: 1;
-	}
-
-	.pin-btn.pinned {
-		color: #eab308;
-	}
-
-	.row-empty {
-		font-size: 0.8125rem;
-		color: hsl(var(--muted-foreground, 0 0% 45%));
-		margin: 0;
-	}
-</style>
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/components/MinimizedTabs.svelte b/apps/manacore/apps/web/src/lib/modules/todo/components/MinimizedTabs.svelte
deleted file mode 100644
index 0cb7c10a5..000000000
--- a/apps/manacore/apps/web/src/lib/modules/todo/components/MinimizedTabs.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-	import { minimizedPagesStore } from '../stores/minimized-pages.svelte';
-	import { X, ArrowsOut } from '@manacore/shared-icons';
-
-	let pages = $derived(minimizedPagesStore.pages);
-</script>
-
-{#if pages.length > 0}
-	<div
-		class="fixed bottom-16 left-1/2 z-50 flex -translate-x-1/2 items-center gap-1 rounded-xl border border-border bg-card/95 px-2 py-1.5 shadow-lg backdrop-blur-sm"
-	>
-		{#each pages as page (page.id)}
-			<div
-				class="group flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-sm transition-colors
-					{minimizedPagesStore.activePageId === page.id
-					? 'bg-primary/10 text-primary'
-					: 'text-muted-foreground hover:bg-muted hover:text-foreground'}"
-			>
-				<button
-					onclick={() => minimizedPagesStore.maximize(page.id)}
-					class="truncate max-w-[120px]"
-				>
-					{page.title}
-				</button>
-				<button
-					onclick={() => minimizedPagesStore.remove(page.id)}
-					class="opacity-0 transition-opacity group-hover:opacity-100"
-				>
-					<X size={12} />
-				</button>
-			</div>
-		{/each}
-	</div>
-{/if}
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/components/TagStrip.svelte b/apps/manacore/apps/web/src/lib/modules/todo/components/TagStrip.svelte
deleted file mode 100644
index 57bda280c..000000000
--- a/apps/manacore/apps/web/src/lib/modules/todo/components/TagStrip.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-	import type { LocalLabel } from '../types';
-	import { viewStore } from '../stores/view.svelte';
-	import { X } from '@manacore/shared-icons';
-
-	interface Props {
-		labels: LocalLabel[];
-		collapsed?: boolean;
-		onToggleCollapse?: () => void;
-	}
-
-	let { labels, collapsed = false, onToggleCollapse }: Props = $props();
-
-	function handleSelect(id: string) {
-		if (viewStore.currentView === 'label' && viewStore.currentLabelId === id) {
-			viewStore.setInbox();
-		} else {
-			viewStore.setLabel(id);
-		}
-	}
-</script>
-
-{#if labels.length > 0 && !collapsed}
-	<div class="flex items-center gap-1.5 overflow-x-auto pb-1">
-		{#if viewStore.currentView === 'label'}
-			<button
-				onclick={() => viewStore.setInbox()}
-				class="flex items-center gap-1 rounded-full border border-primary/30 bg-primary/5 px-2 py-0.5 text-xs text-primary"
-			>
-				<X size={10} />
-				Filter
-			</button>
-		{/if}
-		{#each labels as label (label.id)}
-			<button
-				onclick={() => handleSelect(label.id)}
-				class="flex-shrink-0 rounded-full border px-2.5 py-1 text-xs font-medium transition-colors
-					{viewStore.currentView === 'label' && viewStore.currentLabelId === label.id
-					? 'border-primary bg-primary/10 text-primary'
-					: 'border-border text-muted-foreground hover:border-primary/50'}"
-			>
-				<span class="mr-1 inline-block h-2 w-2 rounded-full" style="background-color: {label.color}"
-				></span>
-				{label.name}
-			</button>
-		{/each}
-	</div>
-{/if}
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/components/TodoToolbar.svelte b/apps/manacore/apps/web/src/lib/modules/todo/components/TodoToolbar.svelte
deleted file mode 100644
index c57e37ede..000000000
--- a/apps/manacore/apps/web/src/lib/modules/todo/components/TodoToolbar.svelte
+++ /dev/null
@@ -1,124 +0,0 @@
-<script lang="ts">
-	import { _ } from 'svelte-i18n';
-	import { viewStore } from '../stores/view.svelte';
-	import type { SortBy } from '../types';
-	import {
-		SortAscending,
-		SortDescending,
-		MagnifyingGlass,
-		FunnelSimple,
-		Columns,
-		List,
-	} from '@manacore/shared-icons';
-
-	interface Props {
-		showBoardToggle?: boolean;
-		isBoardView?: boolean;
-		onToggleBoard?: () => void;
-	}
-
-	let { showBoardToggle = false, isBoardView = false, onToggleBoard }: Props = $props();
-
-	let showSortMenu = $state(false);
-
-	const sortOptions: { value: SortBy; label: string }[] = $derived([
-		{ value: 'order', label: $_('todo.sortManual') },
-		{ value: 'dueDate', label: $_('todo.sortDueDate') },
-		{ value: 'priority', label: $_('todo.sortPriority') },
-		{ value: 'title', label: $_('todo.sortName') },
-		{ value: 'createdAt', label: $_('todo.sortCreated') },
-	]);
-</script>
-
-<div class="flex items-center gap-2">
-	<!-- Search toggle -->
-	<button
-		onclick={() => {
-			if (viewStore.currentView === 'search') viewStore.setInbox();
-			else viewStore.setSearch('');
-		}}
-		class="flex h-8 w-8 items-center justify-center rounded-lg transition-colors
-			{viewStore.currentView === 'search'
-			? 'bg-primary/10 text-primary'
-			: 'text-muted-foreground hover:bg-muted hover:text-foreground'}"
-		title={$_('todo.search')}
-	>
-		<MagnifyingGlass size={16} />
-	</button>
-
-	<!-- Sort -->
-	<div class="relative">
-		<button
-			onclick={() => (showSortMenu = !showSortMenu)}
-			class="flex h-8 items-center gap-1 rounded-lg px-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
-			title={$_('todo.sort')}
-		>
-			{#if viewStore.sortOrder === 'asc'}
-				<SortAscending size={16} />
-			{:else}
-				<SortDescending size={16} />
-			{/if}
-			<span class="text-xs"
-				>{sortOptions.find((o) => o.value === viewStore.sortBy)?.label ?? 'Sort'}</span
-			>
-		</button>
-
-		{#if showSortMenu}
-			<!-- svelte-ignore a11y_click_events_have_key_events -->
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div class="fixed inset-0 z-40" onclick={() => (showSortMenu = false)}></div>
-			<div
-				class="absolute right-0 top-full z-50 mt-1 min-w-[140px] rounded-lg border border-border bg-card p-1 shadow-lg"
-			>
-				{#each sortOptions as opt}
-					<button
-						onclick={() => {
-							if (viewStore.sortBy === opt.value) {
-								viewStore.toggleSortOrder();
-							} else {
-								viewStore.setSort(opt.value);
-							}
-							showSortMenu = false;
-						}}
-						class="flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm hover:bg-muted
-							{viewStore.sortBy === opt.value ? 'text-primary font-medium' : 'text-foreground'}"
-					>
-						{opt.label}
-						{#if viewStore.sortBy === opt.value}
-							<span class="text-xs text-muted-foreground">
-								{viewStore.sortOrder === 'asc' ? '↑' : '↓'}
-							</span>
-						{/if}
-					</button>
-				{/each}
-			</div>
-		{/if}
-	</div>
-
-	<!-- Show completed toggle -->
-	<button
-		onclick={() => viewStore.toggleShowCompleted()}
-		class="flex h-8 items-center gap-1 rounded-lg px-2 text-xs transition-colors
-			{viewStore.showCompleted
-			? 'bg-primary/10 text-primary'
-			: 'text-muted-foreground hover:bg-muted hover:text-foreground'}"
-	>
-		<FunnelSimple size={14} />
-		{$_('todo.showCompleted')}
-	</button>
-
-	<!-- Board/List toggle -->
-	{#if showBoardToggle}
-		<button
-			onclick={onToggleBoard}
-			class="flex h-8 w-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
-			title={isBoardView ? $_('todo.listView') : $_('todo.boardView')}
-		>
-			{#if isBoardView}
-				<List size={16} />
-			{:else}
-				<Columns size={16} />
-			{/if}
-		</button>
-	{/if}
-</div>
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/index.ts b/apps/manacore/apps/web/src/lib/modules/todo/index.ts
index 19ea6321f..2d6453de5 100644
--- a/apps/manacore/apps/web/src/lib/modules/todo/index.ts
+++ b/apps/manacore/apps/web/src/lib/modules/todo/index.ts
@@ -5,11 +5,9 @@
 // Stores
 export { tasksStore } from './stores/tasks.svelte';
 export { boardViewsStore } from './stores/board-views.svelte';
-export { viewStore } from './stores/view.svelte';
 export { labelsStore } from './stores/labels.svelte';
 export { remindersStore } from './stores/reminders.svelte';
 export { todoSettings } from './stores/settings.svelte';
-export { minimizedPagesStore } from './stores/minimized-pages.svelte';
 export { contactsStore } from './stores/contacts.svelte';
 
 // Queries
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/stores/minimized-pages.svelte.ts b/apps/manacore/apps/web/src/lib/modules/todo/stores/minimized-pages.svelte.ts
deleted file mode 100644
index 4557bf714..000000000
--- a/apps/manacore/apps/web/src/lib/modules/todo/stores/minimized-pages.svelte.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * Minimized Pages Store — Multi-page system with minimized tabs.
- *
- * Allows users to "minimize" views to a tab bar and restore them later.
- */
-
-export interface MinimizedPage {
-	id: string;
-	title: string;
-	icon?: string;
-	route?: string;
-}
-
-let pages = $state<MinimizedPage[]>([]);
-let activePageId = $state<string | null>(null);
-let showPicker = $state(false);
-
-export const minimizedPagesStore = {
-	get pages() {
-		return pages;
-	},
-	get activePageId() {
-		return activePageId;
-	},
-	get showPicker() {
-		return showPicker;
-	},
-
-	minimize(page: MinimizedPage) {
-		if (!pages.find((p) => p.id === page.id)) {
-			pages = [...pages, page];
-		}
-	},
-
-	restore(id: string) {
-		activePageId = id;
-	},
-
-	remove(id: string) {
-		pages = pages.filter((p) => p.id !== id);
-		if (activePageId === id) {
-			activePageId = null;
-		}
-	},
-
-	maximize(id: string) {
-		activePageId = id;
-	},
-
-	togglePicker() {
-		showPicker = !showPicker;
-	},
-
-	closePicker() {
-		showPicker = false;
-	},
-
-	clear() {
-		pages = [];
-		activePageId = null;
-		showPicker = false;
-	},
-};
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/stores/view.svelte.ts b/apps/manacore/apps/web/src/lib/modules/todo/stores/view.svelte.ts
deleted file mode 100644
index 284f84a61..000000000
--- a/apps/manacore/apps/web/src/lib/modules/todo/stores/view.svelte.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-/**
- * View Store — Manages current view state using Svelte 5 runes.
- */
-
-import type { ViewType, SortBy, SortOrder } from '../types';
-
-let currentView = $state<ViewType>('inbox');
-let currentLabelId = $state<string | null>(null);
-let currentProjectId = $state<string | null>(null);
-let searchQuery = $state('');
-let sortBy = $state<SortBy>('order');
-let sortOrder = $state<SortOrder>('asc');
-let showCompleted = $state(false);
-
-export const viewStore = {
-	get currentView() {
-		return currentView;
-	},
-	get currentLabelId() {
-		return currentLabelId;
-	},
-	get currentProjectId() {
-		return currentProjectId;
-	},
-	get searchQuery() {
-		return searchQuery;
-	},
-	get sortBy() {
-		return sortBy;
-	},
-	get sortOrder() {
-		return sortOrder;
-	},
-	get showCompleted() {
-		return showCompleted;
-	},
-
-	setInbox() {
-		currentView = 'inbox';
-		currentLabelId = null;
-		currentProjectId = null;
-		searchQuery = '';
-	},
-
-	setToday() {
-		currentView = 'today';
-		currentLabelId = null;
-		searchQuery = '';
-	},
-
-	setUpcoming() {
-		currentView = 'upcoming';
-		currentLabelId = null;
-		searchQuery = '';
-	},
-
-	setLabel(labelId: string) {
-		currentView = 'label';
-		currentLabelId = labelId;
-		searchQuery = '';
-	},
-
-	setCompleted() {
-		currentView = 'completed';
-		currentLabelId = null;
-		searchQuery = '';
-	},
-
-	setSearch(query: string) {
-		currentView = 'search';
-		currentLabelId = null;
-		searchQuery = query;
-	},
-
-	updateSearchQuery(query: string) {
-		searchQuery = query;
-	},
-
-	setSort(by: SortBy, order: SortOrder = 'asc') {
-		sortBy = by;
-		sortOrder = order;
-	},
-
-	toggleSortOrder() {
-		sortOrder = sortOrder === 'asc' ? 'desc' : 'asc';
-	},
-
-	toggleShowCompleted() {
-		showCompleted = !showCompleted;
-	},
-
-	reset() {
-		currentView = 'inbox';
-		currentLabelId = null;
-		currentProjectId = null;
-		searchQuery = '';
-		sortBy = 'order';
-		sortOrder = 'asc';
-		showCompleted = false;
-	},
-};