diff --git a/apps/mana/apps/web/src/lib/components/page-carousel/PageCarousel.svelte b/apps/mana/apps/web/src/lib/components/page-carousel/PageCarousel.svelte
index 5a399829a..b5e5c4b36 100644
--- a/apps/mana/apps/web/src/lib/components/page-carousel/PageCarousel.svelte
+++ b/apps/mana/apps/web/src/lib/components/page-carousel/PageCarousel.svelte
@@ -131,9 +131,15 @@
{#if showPicker && picker}
{@render picker()}
{:else}
-
+
+
Diese Szene ist leer
+
+ Füge eine App hinzu, um loszulegen — oder drücke 0.
+
+
+
{/if}
{:else if showPicker && picker}
@@ -212,6 +218,38 @@
justify-content: center;
min-height: 60vh;
}
+ .empty-state {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 0.5rem;
+ max-width: 100%;
+ }
+ .empty-title {
+ margin: 0;
+ font-size: 1.125rem;
+ font-weight: 600;
+ color: hsl(var(--color-foreground));
+ }
+ .empty-hint {
+ margin: 0 0 1rem;
+ font-size: 0.875rem;
+ color: hsl(var(--color-muted-foreground));
+ text-align: center;
+ line-height: 1.5;
+ }
+ .empty-hint kbd {
+ display: inline-block;
+ padding: 0.0625rem 0.375rem;
+ border: 1px solid hsl(var(--color-border));
+ border-bottom-width: 2px;
+ border-radius: 0.25rem;
+ background: hsl(var(--color-surface, var(--color-muted)));
+ font-family:
+ ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
+ font-size: 0.75rem;
+ color: hsl(var(--color-foreground));
+ }
.add-card.alone {
width: 100%;
min-height: 60vh;