feat: add Cmd+K spotlight actions to all 23 apps

Each app's PillNavigation now has spotlightActions with app-specific
quick actions (create, navigate, settings). Users can press Cmd+K / Ctrl+K
from any app to search apps, navigate, and trigger actions.

Apps: todo, calendar, contacts, chat, picture, clock, zitare, cards,
storage, manacore, mukke, presi, context, questions, photos, planta,
citycorners, guides, calc, moodlit, matrix, uload, arcade

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-01 12:11:34 +02:00
parent 075e204b14
commit 4d0e9a6a3f
23 changed files with 602 additions and 27 deletions

View file

@ -3,7 +3,7 @@
import { page } from '$app/stores';
import { onMount } from 'svelte';
import { PillNavigation } from '@manacore/shared-ui';
import type { PillNavItem } 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';
@ -23,6 +23,24 @@
{ 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);
@ -118,6 +136,7 @@
{appItems}
{userEmail}
settingsHref="/settings"
{spotlightActions}
>
{#snippet logo()}
<span class="text-xl">🔗</span>