From 46047ca5432db51bae70a89d0c48600f2ffe7a97 Mon Sep 17 00:00:00 2001
From: beo3000 <pakabu@web.de>
Date: Fri, 20 Feb 2026 22:24:26 +0100
Subject: [PATCH] ui update

---
 .../client/src/lib/components/Sidebar.svelte  |  6 ++
 .../src/lib/components/SnoozedView.svelte     | 65 ++++++++++++++-----
 .../client/src/lib/components/ViewTabs.svelte |  8 ++-
 ka-note/client/src/lib/stores/settings.ts     | 44 +++++++++++++
 .../client/src/routes/settings/+page.svelte   | 29 +++++++++
 5 files changed, 133 insertions(+), 19 deletions(-)
 create mode 100644 ka-note/client/src/lib/stores/settings.ts
 create mode 100644 ka-note/client/src/routes/settings/+page.svelte

diff --git a/ka-note/client/src/lib/components/Sidebar.svelte b/ka-note/client/src/lib/components/Sidebar.svelte
index 46bbbaa..6b421c3 100644
--- a/ka-note/client/src/lib/components/Sidebar.svelte
+++ b/ka-note/client/src/lib/components/Sidebar.svelte
@@ -282,6 +282,12 @@
 {/if}
 
 <div class="mt-auto border-t border-border pt-3">
+	<button
+		class="mb-1 w-full rounded px-2.5 py-2 text-left text-xs text-muted transition-colors hover:bg-white/5 hover:text-white"
+		onclick={() => { goto('/settings'); onnavigate?.(); }}
+	>
+		Einstellungen
+	</button>
 	{#if $account}
 		<div class="mb-2 truncate px-1 text-xs text-muted" title={$account.username}>
 			{$account.name ?? $account.username}
diff --git a/ka-note/client/src/lib/components/SnoozedView.svelte b/ka-note/client/src/lib/components/SnoozedView.svelte
index f19ba31..9bd4154 100644
--- a/ka-note/client/src/lib/components/SnoozedView.svelte
+++ b/ka-note/client/src/lib/components/SnoozedView.svelte
@@ -2,37 +2,68 @@
 	import { liveQuery } from 'dexie';
 	import { db } from '$lib/db/schema';
 	import { updateTopic } from '$lib/db/repositories';
+	import type { Topic, AgendaContext } from '@ka-note/shared';
 
 	interface Props {
 		contextId: string;
 	}
 	let { contextId }: Props = $props();
 
+	const isDailyLog = $derived(contextId === 'daily-log');
+
 	const snoozedTopics = liveQuery(() =>
-		db.topics
-			.where('contextId').equals(contextId)
-			.filter(t => !t.deletedAt && t.status === 'snoozed' && !!t.snoozeUntil)
-			.toArray()
+		isDailyLog
+			? db.topics.filter(t => !t.deletedAt && t.status === 'snoozed' && !!t.snoozeUntil).toArray()
+			: db.topics.where('contextId').equals(contextId)
+				.filter(t => !t.deletedAt && t.status === 'snoozed' && !!t.snoozeUntil)
+				.toArray()
 	);
 
+	const contexts = liveQuery(() => db.contexts.filter(c => !c.deletedAt).toArray());
+
+	const contextMap = $derived(
+		new Map(($contexts ?? []).map((c: AgendaContext) => [c.id, c.name]))
+	);
+
+	const grouped = $derived(() => {
+		const topics = $snoozedTopics ?? [];
+		const groups = new Map<string, Topic[]>();
+		for (const t of topics) {
+			const date = t.snoozeUntil!;
+			const list = groups.get(date) ?? [];
+			list.push(t);
+			groups.set(date, list);
+		}
+		return [...groups.entries()].sort(([a], [b]) => a.localeCompare(b));
+	});
+
 	function reactivate(id: string) {
 		updateTopic(id, { snoozeUntil: null, status: 'active', isNew: false });
 	}
 </script>
 
-{#each $snoozedTopics ?? [] as topic (topic.id)}
-	<div class="mb-5 rounded-lg border-l-[5px] border-l-muted bg-card-bg opacity-60">
-		<div class="flex items-center justify-between px-5 py-4">
-			<span class="text-lg font-bold">{topic.title}</span>
-			<button
-				class="rounded bg-success px-4 py-2 font-bold text-white"
-				onclick={() => reactivate(topic.id)}
-			>
-				Reaktivieren
-			</button>
-		</div>
-		<div class="px-5 pb-4 text-[#aaa]">Bis: {topic.snoozeUntil}</div>
+{#each grouped() as [date, topics]}
+	<div class="mb-6">
+		<div class="mb-2 text-sm font-bold text-accent">{date}</div>
+		{#each topics as topic (topic.id)}
+			<div class="mb-2 rounded-lg border-l-[5px] border-l-muted bg-card-bg opacity-60">
+				<div class="flex items-center justify-between px-5 py-4">
+					<div>
+						<span class="text-lg font-bold">{topic.title}</span>
+						{#if isDailyLog && topic.contextId !== 'daily-log'}
+							<span class="ml-2 text-xs text-muted">{contextMap.get(topic.contextId) ?? topic.contextId}</span>
+						{/if}
+					</div>
+					<button
+						class="rounded bg-success px-4 py-2 font-bold text-white"
+						onclick={() => reactivate(topic.id)}
+					>
+						Reaktivieren
+					</button>
+				</div>
+			</div>
+		{/each}
 	</div>
 {:else}
-	<div class="text-center text-muted">Leer.</div>
+	<div class="text-center text-muted">Keine verschobenen Themen.</div>
 {/each}
diff --git a/ka-note/client/src/lib/components/ViewTabs.svelte b/ka-note/client/src/lib/components/ViewTabs.svelte
index fe19d17..0be1b34 100644
--- a/ka-note/client/src/lib/components/ViewTabs.svelte
+++ b/ka-note/client/src/lib/components/ViewTabs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { AgendaContext, PersonMeta } from '@ka-note/shared';
+	import { settings } from '$lib/stores/settings';
 
 	interface Props {
 		context: AgendaContext;
@@ -20,13 +21,16 @@
 	const isCompany = $derived(context.type === 'company');
 	const isEmployee = $derived(isPerson && ((context.meta as PersonMeta | null)?.personSubType ?? 'contact') === 'employee');
 
+	const showAgenda = $derived(!isDailyLog || $settings.showAgendaTab);
+	const showSnoozed = $derived(!isDailyLog || $settings.showSnoozedTab);
+
 	const tabs = $derived<Tab[]>(
 		isMeeting
 			? [
-				...(isDailyLog ? [] : [{ id: 'agenda', label: 'Agenda / Eingabe' }]),
+				...(showAgenda ? [{ id: 'agenda', label: 'Agenda / Eingabe' }] : []),
 				{ id: 'journal', label: 'Journal / Historie' },
 				{ id: 'persons', label: 'Personen (All)' },
-				{ id: 'snoozed', label: 'Verschoben' }
+				...(showSnoozed ? [{ id: 'snoozed', label: 'Verschoben' }] : [])
 			]
 			: [
 				{ id: 'dashboard', label: `Dashboard: ${context.name.replace(/^(Project |Person |Firma )/, '')}` },
diff --git a/ka-note/client/src/lib/stores/settings.ts b/ka-note/client/src/lib/stores/settings.ts
new file mode 100644
index 0000000..8badf57
--- /dev/null
+++ b/ka-note/client/src/lib/stores/settings.ts
@@ -0,0 +1,44 @@
+import { writable } from 'svelte/store';
+
+export interface AppSettings {
+	showAgendaTab: boolean;
+	showSnoozedTab: boolean;
+}
+
+const STORAGE_KEY = 'ka-note-settings';
+
+const defaults: AppSettings = {
+	showAgendaTab: false,
+	showSnoozedTab: true
+};
+
+function load(): AppSettings {
+	if (typeof localStorage === 'undefined') return defaults;
+	try {
+		const raw = localStorage.getItem(STORAGE_KEY);
+		return raw ? { ...defaults, ...JSON.parse(raw) } : defaults;
+	} catch {
+		return defaults;
+	}
+}
+
+function createSettingsStore() {
+	const { subscribe, set, update } = writable<AppSettings>(load());
+
+	subscribe(v => {
+		if (typeof localStorage !== 'undefined') {
+			localStorage.setItem(STORAGE_KEY, JSON.stringify(v));
+		}
+	});
+
+	return {
+		subscribe,
+		set,
+		update,
+		patch(partial: Partial<AppSettings>) {
+			update(s => ({ ...s, ...partial }));
+		}
+	};
+}
+
+export const settings = createSettingsStore();
diff --git a/ka-note/client/src/routes/settings/+page.svelte b/ka-note/client/src/routes/settings/+page.svelte
new file mode 100644
index 0000000..b00360a
--- /dev/null
+++ b/ka-note/client/src/routes/settings/+page.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { settings } from '$lib/stores/settings';
+</script>
+
+<h1 class="mb-6 text-2xl font-bold text-accent">Einstellungen</h1>
+
+<div class="rounded-lg border border-border bg-sidebar p-5">
+	<h2 class="mb-4 text-lg font-bold text-white">Daily Log Tabs</h2>
+
+	<label class="mb-3 flex items-center gap-3 cursor-pointer">
+		<input
+			type="checkbox"
+			class="h-4 w-4 accent-accent"
+			checked={$settings.showAgendaTab}
+			onchange={(e) => settings.patch({ showAgendaTab: e.currentTarget.checked })}
+		/>
+		<span class="text-[#ccc]">Agenda-Tab anzeigen</span>
+	</label>
+
+	<label class="flex items-center gap-3 cursor-pointer">
+		<input
+			type="checkbox"
+			class="h-4 w-4 accent-accent"
+			checked={$settings.showSnoozedTab}
+			onchange={(e) => settings.patch({ showSnoozedTab: e.currentTarget.checked })}
+		/>
+		<span class="text-[#ccc]">Verschoben-Tab anzeigen</span>
+	</label>
+</div>