chore: bump version to 0.1.6.26

- Added reset all user ratings button to admin danger zone
- Added reset all activations button to admin danger zone
- Created API endpoints: /api/admin/reset-ratings and /api/admin/reset-activations
- Removed old non-localized routes: /app/admin, /app/curator
- Removed unused page.module.css
- All admin functionality now uses localized routes (/[locale]/admin)

app/[locale]/page.tsx

@@ -43,7 +43,9 @@ export default async function Home({
     const genres = await prisma.genre.findMany({
         where: { active: true },
     });
-    const specials = await prisma.special.findMany();
+    const specials = await prisma.special.findMany({
+        where: { hidden: false },
+    });
 
     // Sort in memory
     genres.sort((a, b) => getLocalizedValue(a.name, locale).localeCompare(getLocalizedValue(b.name, locale)));

app/[locale]/special/[name]/page.tsx

@@ -86,6 +86,7 @@ export default async function SpecialPage({ params }: PageProps) {
     specials.sort((a, b) => getLocalizedValue(a.name, locale).localeCompare(getLocalizedValue(b.name, locale)));
 
     const activeSpecials = specials.filter(s => {
+        if (s.hidden) return false;
         const sStarted = !s.launchDate || s.launchDate <= now;
         const sEnded = s.endDate && s.endDate < now;
         return sStarted && !sEnded;

app/admin/layout.tsx

@@ -1,14 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Hördle Admin Dashboard",
-    description: "Admin dashboard for managing songs and daily puzzles",
-};
-
-export default function AdminLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return <>{children}</>;
-}

app/admin/specials/[id]/page.tsx

@@ -1,89 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useParams, useRouter, usePathname } from 'next/navigation';
-import CurateSpecialEditor, { CurateSpecial } from '@/components/CurateSpecialEditor';
-
-export default function SpecialEditorPage() {
-    const params = useParams();
-    const router = useRouter();
-    const pathname = usePathname();
-    const specialId = params.id as string;
-
-    // Locale aus dem Pfad ableiten (/en/..., /de/...)
-    const localeFromPath = pathname?.split('/')[1] as 'de' | 'en' | undefined;
-    const locale: 'de' | 'en' = localeFromPath === 'de' || localeFromPath === 'en' ? localeFromPath : 'en';
-
-    const [special, setSpecial] = useState<CurateSpecial | null>(null);
-    const [loading, setLoading] = useState(true);
-
-    const fetchSpecial = async (showLoading = true) => {
-        try {
-            if (showLoading) {
-                setLoading(true);
-            }
-            const res = await fetch(`/api/specials/${specialId}`);
-            if (res.ok) {
-                const data = await res.json();
-                setSpecial(data);
-            }
-        } catch (error) {
-            console.error('Error fetching special:', error);
-        } finally {
-            if (showLoading) {
-                setLoading(false);
-            }
-        }
-    };
-
-    useEffect(() => {
-        fetchSpecial(true);
-    }, [specialId]);
-
-    const handleSaveStartTime = async (songId: number, startTime: number) => {
-        const res = await fetch(`/api/specials/${specialId}/songs`, {
-            method: 'PUT',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ songId, startTime }),
-        });
-
-        if (!res.ok) {
-            const errorText = await res.text().catch(() => res.statusText || 'Unknown error');
-            console.error('Error updating special song (admin):', res.status, errorText);
-            throw new Error(`Failed to save start time: ${errorText}`);
-        } else {
-            // Reload special data to update the start time in the song list
-            await fetchSpecial(false);
-        }
-    };
-
-    if (loading) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>Loading...</p>
-            </div>
-        );
-    }
-
-    if (!special) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>Special not found</p>
-                <button onClick={() => router.push('/admin')}>Back to Admin</button>
-            </div>
-        );
-    }
-
-    return (
-        <CurateSpecialEditor
-            special={special}
-            locale={locale}
-            onBack={() => router.push('/admin')}
-            onSaveStartTime={handleSaveStartTime}
-            backLabel="← Back to Admin"
-            headerPrefix="Edit Special:"
-            noSongsSubHint="Go back to the admin dashboard to add songs to this special."
-        />
-    );
-}
-

app/api/admin/reset-activations/route.ts

@@ -0,0 +1,23 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+export async function POST(req: NextRequest) {
+    try {
+        // Delete all daily puzzles (activations)
+        const result = await prisma.dailyPuzzle.deleteMany({});
+
+        return NextResponse.json({
+            success: true,
+            message: `Successfully deleted ${result.count} daily puzzles (activations)`,
+            count: result.count,
+        });
+    } catch (error) {
+        console.error('Error resetting activations:', error);
+        return NextResponse.json(
+            { error: 'Failed to reset activations' },
+            { status: 500 }
+        );
+    }
+}

app/api/admin/reset-ratings/route.ts

@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+export async function POST(req: NextRequest) {
+    try {
+        // Reset all song ratings to 0
+        const result = await prisma.song.updateMany({
+            data: {
+                averageRating: 0,
+                ratingCount: 0,
+            },
+        });
+
+        return NextResponse.json({
+            success: true,
+            message: `Successfully reset ratings for ${result.count} songs`,
+            count: result.count,
+        });
+    } catch (error) {
+        console.error('Error resetting ratings:', error);
+        return NextResponse.json(
+            { error: 'Failed to reset ratings' },
+            { status: 500 }
+        );
+    }
+}

app/api/specials/[id]/route.ts

@@ -43,18 +43,20 @@ export async function PUT(
     try {
         const { id } = await params;
         const specialId = parseInt(id);
-        const { name, maxAttempts, unlockSteps, launchDate, endDate, curator } = await request.json();
+        const { name, maxAttempts, unlockSteps, launchDate, endDate, curator, hidden } = await request.json();
+
+        const updateData: any = {};
+        if (name !== undefined) updateData.name = name;
+        if (maxAttempts !== undefined) updateData.maxAttempts = maxAttempts;
+        if (unlockSteps !== undefined) updateData.unlockSteps = typeof unlockSteps === 'string' ? unlockSteps : JSON.stringify(unlockSteps);
+        if (launchDate !== undefined) updateData.launchDate = launchDate ? new Date(launchDate) : null;
+        if (endDate !== undefined) updateData.endDate = endDate ? new Date(endDate) : null;
+        if (curator !== undefined) updateData.curator = curator || null;
+        if (hidden !== undefined) updateData.hidden = Boolean(hidden);
 
         const special = await prisma.special.update({
             where: { id: specialId },
-            data: {
-                name,
-                maxAttempts,
-                unlockSteps: typeof unlockSteps === 'string' ? unlockSteps : JSON.stringify(unlockSteps),
-                launchDate: launchDate ? new Date(launchDate) : null,
-                endDate: endDate ? new Date(endDate) : null,
-                curator: curator || null,
-            }
+            data: updateData
         });
 
         return NextResponse.json(special);

app/api/specials/route.ts

@@ -35,7 +35,7 @@ export async function POST(request: Request) {
     const authError = await requireAdminAuth(request as any);
     if (authError) return authError;
 
-    const { name, subtitle, maxAttempts = 7, unlockSteps = '[2,4,7,11,16,30,60]', launchDate, endDate, curator } = await request.json();
+    const { name, subtitle, maxAttempts = 7, unlockSteps = '[2,4,7,11,16,30,60]', launchDate, endDate, curator, hidden = false } = await request.json();
     if (!name) {
         return NextResponse.json({ error: 'Name is required' }, { status: 400 });
     }
@@ -68,6 +68,7 @@ export async function POST(request: Request) {
             launchDate: launchDate ? new Date(launchDate) : null,
             endDate: endDate ? new Date(endDate) : null,
             curator: curator || null,
+            hidden: Boolean(hidden),
         },
     });
     return NextResponse.json(special);
@@ -91,7 +92,7 @@ export async function PUT(request: Request) {
     const authError = await requireAdminAuth(request as any);
     if (authError) return authError;
 
-    const { id, name, subtitle, maxAttempts, unlockSteps, launchDate, endDate, curator } = await request.json();
+    const { id, name, subtitle, maxAttempts, unlockSteps, launchDate, endDate, curator, hidden } = await request.json();
     if (!id) {
         return NextResponse.json({ error: 'ID required' }, { status: 400 });
     }
@@ -119,6 +120,7 @@ export async function PUT(request: Request) {
     if (launchDate !== undefined) updateData.launchDate = launchDate ? new Date(launchDate) : null;
     if (endDate !== undefined) updateData.endDate = endDate ? new Date(endDate) : null;
     if (curator !== undefined) updateData.curator = curator || null;
+    if (hidden !== undefined) updateData.hidden = Boolean(hidden);
 
     const updated = await prisma.special.update({
         where: { id: Number(id) },

app/curator/help/CuratorHelpClient.tsx

@@ -1,171 +0,0 @@
-'use client';
-
-import { useTranslations, useLocale } from 'next-intl';
-import { Link } from '@/lib/navigation';
-
-export default function CuratorHelpClient() {
-    const t = useTranslations('CuratorHelp');
-    const locale = useLocale();
-
-    return (
-        <main style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-            <header style={{ marginBottom: '2rem' }}>
-                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                    <h1 style={{ fontSize: '1.75rem', marginBottom: '0.25rem' }}>{t('title')}</h1>
-                    <Link
-                        href="/curator"
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#6b7280',
-                            color: 'white',
-                            textDecoration: 'none',
-                            borderRadius: '0.375rem',
-                            fontSize: '0.9rem',
-                        }}
-                    >
-                        {t('backToDashboard')}
-                    </Link>
-                </div>
-            </header>
-
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
-                {/* Einführung */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('introductionTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <p style={{ marginBottom: '1rem' }}>{t('introductionText')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1.5rem', marginBottom: '0.75rem' }}>{t('permissionsTitle')}</h3>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('permission1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('permission2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('permission3')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('permission4')}</li>
-                        </ul>
-                        <p style={{ marginTop: '1rem', padding: '0.75rem', background: '#fef3c7', borderRadius: '0.375rem', border: '1px solid #fbbf24' }}>
-                            <strong>{t('note')}:</strong> {t('permissionNote')}
-                        </p>
-                    </div>
-                </section>
-
-                {/* Song-Upload */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('uploadTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('uploadStepsTitle')}</h3>
-                        <ol style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadStep1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadStep2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadStep3')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadStep4')}</li>
-                        </ol>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1.5rem', marginBottom: '0.75rem' }}>{t('uploadBestPracticesTitle')}</h3>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadBestPractice1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadBestPractice2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadBestPractice3')}</li>
-                        </ul>
-                        <p style={{ marginTop: '1rem', padding: '0.75rem', background: '#dbeafe', borderRadius: '0.375rem', border: '1px solid #3b82f6' }}>
-                            <strong>{t('tip')}:</strong> {t('uploadTip')}
-                        </p>
-                    </div>
-                </section>
-
-                {/* Song-Bearbeitung */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('editingTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('singleEditTitle')}</h3>
-                        <p style={{ marginBottom: '1rem' }}>{t('singleEditText')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1.5rem', marginBottom: '0.75rem' }}>{t('batchEditTitle')}</h3>
-                        <p style={{ marginBottom: '1rem' }}>{t('batchEditText')}</p>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('batchEditFeature1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('batchEditFeature2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('batchEditFeature3')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('batchEditFeature4')}</li>
-                        </ul>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1.5rem', marginBottom: '0.75rem' }}>{t('genreSpecialAssignmentTitle')}</h3>
-                        <p style={{ marginBottom: '1rem' }}>{t('genreSpecialAssignmentText')}</p>
-                    </div>
-                </section>
-
-                {/* Specials kuratieren */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('curateSpecialsHelpTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <p style={{ marginBottom: '1rem' }}>{t('curateSpecialsHelpIntro')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>
-                            {t('curateSpecialsHelpStepsTitle')}
-                        </h3>
-                        <ol style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('curateSpecialsHelpStep1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('curateSpecialsHelpStep2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('curateSpecialsHelpStep3')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('curateSpecialsHelpStep4')}</li>
-                        </ol>
-                        <p style={{ marginTop: '1rem', padding: '0.75rem', background: '#fef3c7', borderRadius: '0.375rem', border: '1px solid #fbbf24' }}>
-                            <strong>{t('note')}:</strong> {t('curateSpecialsPermissionsNote')}
-                        </p>
-                    </div>
-                </section>
-
-                {/* Kommentar-Verwaltung */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('commentsTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <p style={{ marginBottom: '1rem' }}>{t('commentsText')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('commentsActionsTitle')}</h3>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}><strong>{t('markAsRead')}:</strong> {t('markAsReadText')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}><strong>{t('archive')}:</strong> {t('archiveText')}</li>
-                        </ul>
-                    </div>
-                </section>
-
-                {/* Best Practices */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('bestPracticesTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice1')}</li>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice2')}</li>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice3')}</li>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice4')}</li>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice5')}</li>
-                        </ul>
-                    </div>
-                </section>
-
-                {/* Troubleshooting */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('troubleshootingTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('troubleshootingQ1')}</h3>
-                        <p style={{ marginBottom: '1rem', marginLeft: '1rem' }}>{t('troubleshootingA1')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('troubleshootingQ2')}</h3>
-                        <p style={{ marginBottom: '1rem', marginLeft: '1rem' }}>{t('troubleshootingA2')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('troubleshootingQ3')}</h3>
-                        <p style={{ marginBottom: '1rem', marginLeft: '1rem' }}>{t('troubleshootingA3')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('troubleshootingQ4')}</h3>
-                        <p style={{ marginBottom: '1rem', marginLeft: '1rem' }}>{t('troubleshootingA4')}</p>
-                    </div>
-                </section>
-            </div>
-        </main>
-    );
-}
-

app/curator/help/page.tsx

@@ -1,8 +0,0 @@
-export const dynamic = 'force-dynamic';
-
-import CuratorHelpClient from './CuratorHelpClient';
-
-export default function CuratorHelpPage() {
-    return <CuratorHelpClient />;
-}
-

app/curator/page.tsx

@@ -1,11 +0,0 @@
-// Server-Wrapper für die Kuratoren-Seite.
-// Markiert die Route als dynamisch und rendert die eigentliche Client-Komponente.
-export const dynamic = 'force-dynamic';
-
-import CuratorPageClient from './CuratorPageClient';
-
-export default function CuratorPage() {
-    return <CuratorPageClient />;
-}
-
-

app/curator/specials/CuratorSpecialsClient.tsx

@@ -1,156 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useRouter, usePathname } from 'next/navigation';
-import { useLocale, useTranslations } from 'next-intl';
-import { Link } from '@/lib/navigation';
-import { getCuratorAuthHeaders } from '@/lib/curatorAuth';
-import { getLocalizedValue } from '@/lib/i18n';
-
-interface CuratorSpecial {
-    id: number;
-    name: string | { de?: string; en?: string };
-    songCount: number;
-}
-
-export default function CuratorSpecialsClient() {
-    const router = useRouter();
-    const pathname = usePathname();
-    const urlLocale = pathname?.split('/')[1] as 'de' | 'en' | undefined;
-    const intlLocale = useLocale() as 'de' | 'en';
-    const locale: 'de' | 'en' = urlLocale === 'de' || urlLocale === 'en' ? urlLocale : intlLocale;
-    const t = useTranslations('Curator');
-
-    const [specials, setSpecials] = useState<CuratorSpecial[]>([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-
-    useEffect(() => {
-        const fetchSpecials = async () => {
-            try {
-                setLoading(true);
-                const res = await fetch('/api/curator/specials', {
-                    headers: getCuratorAuthHeaders(),
-                });
-                if (!res.ok) {
-                    if (res.status === 403) {
-                        setError(t('specialForbidden'));
-                    } else {
-                        setError('Failed to load specials');
-                    }
-                    return;
-                }
-                const data = await res.json();
-                setSpecials(data);
-            } catch (e) {
-                setError('Failed to load specials');
-            } finally {
-                setLoading(false);
-            }
-        };
-
-        fetchSpecials();
-    }, [t]);
-
-    if (loading) {
-        return (
-            <div style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-                <p>{t('loading')}</p>
-            </div>
-        );
-    }
-
-    if (error) {
-        return (
-            <div style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-                <p style={{ color: 'red' }}>{error}</p>
-                <Link
-                    href="/curator"
-                    style={{
-                        display: 'inline-block',
-                        marginTop: '1rem',
-                        padding: '0.5rem 1rem',
-                        background: '#6b7280',
-                        color: 'white',
-                        textDecoration: 'none',
-                        borderRadius: '0.375rem',
-                        fontSize: '0.9rem',
-                    }}
-                >
-                    {t('backToDashboard') || 'Back to Dashboard'}
-                </Link>
-            </div>
-        );
-    }
-
-    return (
-        <div style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-            <header style={{ marginBottom: '2rem' }}>
-                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                    <h1 style={{ fontSize: '1.75rem', marginBottom: '0.25rem' }}>
-                        {t('curateSpecialsTitle') || 'Curate Specials'}
-                    </h1>
-                    <Link
-                        href="/curator"
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#6b7280',
-                            color: 'white',
-                            textDecoration: 'none',
-                            borderRadius: '0.375rem',
-                            fontSize: '0.9rem',
-                        }}
-                    >
-                        {t('backToDashboard') || 'Back to Dashboard'}
-                    </Link>
-                </div>
-            </header>
-
-            {specials.length === 0 ? (
-                <div style={{ padding: '2rem', textAlign: 'center', color: '#666' }}>
-                    <p>{t('noSpecialsAssigned') || 'No specials assigned to you.'}</p>
-                </div>
-            ) : (
-                <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
-                    {specials.map((special) => (
-                        <Link
-                            key={special.id}
-                            href={`/curator/specials/${special.id}`}
-                            style={{
-                                display: 'block',
-                                padding: '1.5rem',
-                                background: '#f9fafb',
-                                border: '1px solid #e5e7eb',
-                                borderRadius: '0.5rem',
-                                textDecoration: 'none',
-                                color: 'inherit',
-                                transition: 'all 0.2s',
-                            }}
-                            onMouseEnter={(e) => {
-                                e.currentTarget.style.background = '#f3f4f6';
-                                e.currentTarget.style.borderColor = '#d1d5db';
-                            }}
-                            onMouseLeave={(e) => {
-                                e.currentTarget.style.background = '#f9fafb';
-                                e.currentTarget.style.borderColor = '#e5e7eb';
-                            }}
-                        >
-                            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                                <div>
-                                    <h2 style={{ fontSize: '1.25rem', marginBottom: '0.5rem', color: '#111827' }}>
-                                        {getLocalizedValue(special.name, locale)}
-                                    </h2>
-                                    <p style={{ fontSize: '0.875rem', color: '#6b7280' }}>
-                                        {special.songCount} {special.songCount === 1 ? 'song' : 'songs'}
-                                    </p>
-                                </div>
-                                <div style={{ fontSize: '1.5rem', color: '#10b981' }}>→</div>
-                            </div>
-                        </Link>
-                    ))}
-                </div>
-            )}
-        </div>
-    );
-}
-

app/curator/specials/[id]/page.tsx

@@ -1,177 +0,0 @@
-'use client';
-
-export const dynamic = 'force-dynamic';
-
-import { useEffect, useState } from 'react';
-import { useParams, useRouter, usePathname } from 'next/navigation';
-import { useLocale, useTranslations } from 'next-intl';
-import CurateSpecialEditor, { CurateSpecial } from '@/components/CurateSpecialEditor';
-import { getCuratorAuthHeaders } from '@/lib/curatorAuth';
-import HelpTooltip from '@/components/HelpTooltip';
-
-export default function CuratorSpecialEditorPage() {
-    const params = useParams();
-    const router = useRouter();
-    const pathname = usePathname();
-    const urlLocale = pathname?.split('/')[1] as 'de' | 'en' | undefined;
-    const intlLocale = useLocale() as 'de' | 'en';
-    const locale: 'de' | 'en' = urlLocale === 'de' || urlLocale === 'en' ? urlLocale : intlLocale;
-    const t = useTranslations('Curator');
-    const tHelp = useTranslations('CuratorHelp');
-
-    const specialId = params?.id as string;
-
-    const [special, setSpecial] = useState<CurateSpecial | null>(null);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-
-    const fetchSpecial = async (showLoading = true) => {
-        try {
-            if (showLoading) {
-                setLoading(true);
-            }
-            const res = await fetch(`/api/curator/specials/${specialId}`, {
-                headers: getCuratorAuthHeaders(),
-            });
-            if (res.status === 403) {
-                setError(t('specialForbidden'));
-                return;
-            }
-            if (!res.ok) {
-                setError('Failed to load special');
-                return;
-            }
-            const data = await res.json();
-            setSpecial(data);
-        } catch (e) {
-            setError('Failed to load special');
-        } finally {
-            if (showLoading) {
-                setLoading(false);
-            }
-        }
-    };
-
-    useEffect(() => {
-        if (specialId) {
-            fetchSpecial(true);
-        }
-    }, [specialId, t]);
-
-    const handleSaveStartTime = async (songId: number, startTime: number) => {
-        const res = await fetch(`/api/curator/specials/${specialId}/songs`, {
-            method: 'PUT',
-            headers: {
-                ...getCuratorAuthHeaders(),
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ songId, startTime }),
-        });
-        if (res.status === 403) {
-            setError(t('specialForbidden'));
-        } else if (!res.ok) {
-            setError('Failed to save changes');
-        } else {
-            // Reload special data to update the start time in the song list
-            await fetchSpecial(false);
-        }
-    };
-
-    if (loading) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>{t('loadingData')}</p>
-            </div>
-        );
-    }
-
-    if (error) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>{error}</p>
-                <button
-                    onClick={() => router.push(`/${locale}/curator`)}
-                    style={{
-                        marginTop: '1rem',
-                        padding: '0.5rem 1rem',
-                        borderRadius: '0.5rem',
-                        border: 'none',
-                        background: '#e5e7eb',
-                        cursor: 'pointer',
-                    }}
-                >
-                    {t('backToDashboard')}
-                </button>
-            </div>
-        );
-    }
-
-    if (!special) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>{t('specialNotFound')}</p>
-                <button
-                    onClick={() => router.push(`/${locale}/curator`)}
-                    style={{
-                        marginTop: '1rem',
-                        padding: '0.5rem 1rem',
-                        borderRadius: '0.5rem',
-                        border: 'none',
-                        background: '#e5e7eb',
-                        cursor: 'pointer',
-                    }}
-                >
-                    {t('backToDashboard')}
-                </button>
-            </div>
-        );
-    }
-
-    return (
-        <div style={{ padding: '2rem', maxWidth: '1200px', margin: '0 auto' }}>
-            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1rem' }}>
-                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-                    <h1 style={{ fontSize: '1.75rem', fontWeight: 'bold' }}>
-                        {t('curateSpecialHeaderPrefix')}
-                    </h1>
-                    <HelpTooltip
-                        shortText={tHelp('tooltipCurateSpecialEditorShort')}
-                        longText={tHelp('tooltipCurateSpecialEditorLong')}
-                        position="bottom"
-                    />
-                </div>
-                <button
-                    type="button"
-                    onClick={() => router.push(`/${locale}/curator/specials`)}
-                    style={{
-                        padding: '0.5rem 1rem',
-                        background: '#e5e7eb',
-                        borderRadius: '0.5rem',
-                        border: 'none',
-                        cursor: 'pointer',
-                        fontSize: '0.9rem',
-                    }}
-                >
-                    {t('backToCuratorSpecials')}
-                </button>
-            </div>
-
-            <CurateSpecialEditor
-                special={special}
-                locale={locale}
-                onBack={() => router.push(`/${locale}/curator/specials`)}
-                onSaveStartTime={handleSaveStartTime}
-                backLabel={t('backToCuratorSpecials')}
-                headerPrefix={t('curateSpecialHeaderPrefix')}
-                noSongsHint={t('curateSpecialNoSongs')}
-                noSongsSubHint={t('curateSpecialNoSongsSub')}
-                instructionsText={t('curateSpecialInstructions')}
-                savingLabel={t('saving')}
-                saveChangesLabel={t('saveChanges')}
-                savedLabel={t('saved')}
-            />
-        </div>
-    );
-}
-
-

app/curator/specials/page.tsx

@@ -1,13 +0,0 @@
-'use client';
-
-// Root /curator/specials route without locale:
-// redirect users to the default English locale version.
-
-import { redirect } from 'next/navigation';
-
-export default function CuratorSpecialsPage() {
-    redirect('/en/curator/specials');
-}
-
-
-

app/page.module.css

@@ -1,141 +0,0 @@
-.page {
-  --background: #fafafa;
-  --foreground: #fff;
-
-  --text-primary: #000;
-  --text-secondary: #666;
-
-  --button-primary-hover: #383838;
-  --button-secondary-hover: #f2f2f2;
-  --button-secondary-border: #ebebeb;
-
-  display: flex;
-  min-height: 100vh;
-  align-items: center;
-  justify-content: center;
-  font-family: var(--font-geist-sans);
-  background-color: var(--background);
-}
-
-.main {
-  display: flex;
-  min-height: 100vh;
-  width: 100%;
-  max-width: 800px;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: space-between;
-  background-color: var(--foreground);
-  padding: 120px 60px;
-}
-
-.intro {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  text-align: left;
-  gap: 24px;
-}
-
-.intro h1 {
-  max-width: 320px;
-  font-size: 40px;
-  font-weight: 600;
-  line-height: 48px;
-  letter-spacing: -2.4px;
-  text-wrap: balance;
-  color: var(--text-primary);
-}
-
-.intro p {
-  max-width: 440px;
-  font-size: 18px;
-  line-height: 32px;
-  text-wrap: balance;
-  color: var(--text-secondary);
-}
-
-.intro a {
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.ctas {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  max-width: 440px;
-  gap: 16px;
-  font-size: 14px;
-}
-
-.ctas a {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 40px;
-  padding: 0 16px;
-  border-radius: 128px;
-  border: 1px solid transparent;
-  transition: 0.2s;
-  cursor: pointer;
-  width: fit-content;
-  font-weight: 500;
-}
-
-a.primary {
-  background: var(--text-primary);
-  color: var(--background);
-  gap: 8px;
-}
-
-a.secondary {
-  border-color: var(--button-secondary-border);
-}
-
-/* Enable hover only on non-touch devices */
-@media (hover: hover) and (pointer: fine) {
-  a.primary:hover {
-    background: var(--button-primary-hover);
-    border-color: transparent;
-  }
-
-  a.secondary:hover {
-    background: var(--button-secondary-hover);
-    border-color: transparent;
-  }
-}
-
-@media (max-width: 600px) {
-  .main {
-    padding: 48px 24px;
-  }
-
-  .intro {
-    gap: 16px;
-  }
-
-  .intro h1 {
-    font-size: 32px;
-    line-height: 40px;
-    letter-spacing: -1.92px;
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .logo {
-    filter: invert();
-  }
-
-  .page {
-    --background: #000;
-    --foreground: #000;
-
-    --text-primary: #ededed;
-    --text-secondary: #999;
-
-    --button-primary-hover: #ccc;
-    --button-secondary-hover: #1a1a1a;
-    --button-secondary-border: #1a1a1a;
-  }
-}

components/CurateSpecialEditor.tsx

@@ -98,19 +98,6 @@ export default function CurateSpecialEditor({
     return (
         <div style={{ padding: '2rem', maxWidth: '1200px', margin: '0 auto' }}>
             <div style={{ marginBottom: '2rem' }}>
-                <button
-                    onClick={onBack}
-                    style={{
-                        padding: '0.5rem 1rem',
-                        background: '#e5e7eb',
-                        border: 'none',
-                        borderRadius: '0.5rem',
-                        cursor: 'pointer',
-                        marginBottom: '1rem'
-                    }}
-                >
-                    {backLabel}
-                </button>
                 <h1 style={{ fontSize: '2rem', fontWeight: 'bold' }}>
                     {headerPrefix} {specialName}
                 </h1>

components/WaveformEditor.tsx

@@ -12,10 +12,14 @@ interface WaveformEditorProps {
 
 export default function WaveformEditor({ audioUrl, startTime, duration, unlockSteps, onStartTimeChange }: WaveformEditorProps) {
     const canvasRef = useRef<HTMLCanvasElement>(null);
+    const timelineRef = useRef<HTMLCanvasElement>(null);
     const [audioBuffer, setAudioBuffer] = useState<AudioBuffer | null>(null);
     const [audioDuration, setAudioDuration] = useState(0);
     const [isPlaying, setIsPlaying] = useState(false);
     const [playingSegment, setPlayingSegment] = useState<number | null>(null);
+    const [isPlayingFullTitle, setIsPlayingFullTitle] = useState(false);
+    const [pausedPosition, setPausedPosition] = useState<number | null>(null); // Position when paused
+    const [pausedType, setPausedType] = useState<'selection' | 'title' | null>(null); // Type of playback that was paused
     const [zoom, setZoom] = useState(1); // 1 = full view, higher = zoomed in
     const [viewOffset, setViewOffset] = useState(0); // Offset in seconds for panning
     const [playbackPosition, setPlaybackPosition] = useState<number | null>(null); // Current playback position in seconds
@@ -55,6 +59,80 @@ export default function WaveformEditor({ audioUrl, startTime, duration, unlockSt
         };
     }, [audioUrl]);
 
+    // Draw timeline
+    useEffect(() => {
+        if (!audioDuration || !timelineRef.current) return;
+
+        const timeline = timelineRef.current;
+        const ctx = timeline.getContext('2d');
+        if (!ctx) return;
+
+        const width = timeline.width;
+        const height = timeline.height;
+
+        // Calculate visible range based on zoom and offset (same as waveform)
+        const visibleDuration = audioDuration / zoom;
+        const visibleStart = Math.max(0, Math.min(viewOffset, audioDuration - visibleDuration));
+        const visibleEnd = Math.min(audioDuration, visibleStart + visibleDuration);
+
+        // Clear timeline
+        ctx.fillStyle = '#ffffff';
+        ctx.fillRect(0, 0, width, height);
+
+        // Draw border
+        ctx.strokeStyle = '#e5e7eb';
+        ctx.lineWidth = 1;
+        ctx.strokeRect(0, 0, width, height);
+
+        // Calculate appropriate time interval based on visible duration
+        let timeInterval = 1; // Start with 1 second
+        if (visibleDuration > 60) timeInterval = 10;
+        else if (visibleDuration > 30) timeInterval = 5;
+        else if (visibleDuration > 10) timeInterval = 2;
+        else if (visibleDuration > 5) timeInterval = 1;
+        else if (visibleDuration > 1) timeInterval = 0.5;
+        else timeInterval = 0.1;
+
+        // Draw time markers
+        ctx.strokeStyle = '#9ca3af';
+        ctx.lineWidth = 1;
+        ctx.fillStyle = '#374151';
+        ctx.font = '10px sans-serif';
+        ctx.textAlign = 'center';
+        ctx.textBaseline = 'top';
+
+        const startTimeMarker = Math.floor(visibleStart / timeInterval) * timeInterval;
+        for (let time = startTimeMarker; time <= visibleEnd; time += timeInterval) {
+            const timePx = ((time - visibleStart) / visibleDuration) * width;
+            
+            if (timePx >= 0 && timePx <= width) {
+                // Draw tick mark
+                ctx.beginPath();
+                ctx.moveTo(timePx, 0);
+                ctx.lineTo(timePx, height);
+                ctx.stroke();
+
+                // Draw time label
+                const timeLabel = time.toFixed(timeInterval < 1 ? 1 : 0);
+                ctx.fillText(`${timeLabel}s`, timePx, 2);
+            }
+        }
+
+        // Draw current playback position if playing
+        if (playbackPosition !== null) {
+            const playbackPx = ((playbackPosition - visibleStart) / visibleDuration) * width;
+            if (playbackPx >= 0 && playbackPx <= width) {
+                ctx.strokeStyle = '#10b981';
+                ctx.lineWidth = 2;
+                ctx.beginPath();
+                ctx.moveTo(playbackPx, 0);
+                ctx.lineTo(playbackPx, height);
+                ctx.stroke();
+            }
+        }
+
+    }, [audioDuration, zoom, viewOffset, playbackPosition]);
+
     useEffect(() => {
         if (!audioBuffer || !canvasRef.current) return;
 
@@ -133,6 +211,24 @@ export default function WaveformEditor({ audioUrl, startTime, duration, unlockSt
 
             cumulativeTime = step;
         });
+        
+        // Draw end marker for the last segment (at startTime + duration)
+        const endTime = startTime + duration;
+        const endPx = ((endTime - visibleStart) / visibleDuration) * width;
+        if (endPx >= 0 && endPx <= width) {
+            ctx.beginPath();
+            ctx.moveTo(endPx, 0);
+            ctx.lineTo(endPx, height);
+            ctx.stroke();
+            
+            // Draw "End" label
+            ctx.setLineDash([]);
+            ctx.fillStyle = '#ef4444';
+            ctx.font = 'bold 12px sans-serif';
+            ctx.fillText('End', endPx + 3, 15);
+            ctx.setLineDash([5, 5]);
+        }
+        
         ctx.setLineDash([]);
 
         // Draw hover preview (semi-transparent)
@@ -215,11 +311,21 @@ export default function WaveformEditor({ audioUrl, startTime, duration, unlockSt
         setHoverPreviewTime(null);
     };
 
-    const stopPlayback = () => {
+    const stopPlayback = (savePosition = false) => {
+        if (savePosition && playbackPosition !== null) {
+            // Save current position for resume
+            setPausedPosition(playbackPosition);
+            // Keep playbackPosition visible (don't set to null) so cursor stays visible
+        } else {
+            // Clear paused position if stopping completely
+            setPausedPosition(null);
+            setPausedType(null);
+            setPlaybackPosition(null);
+        }
         sourceRef.current?.stop();
         setIsPlaying(false);
         setPlayingSegment(null);
-        setPlaybackPosition(null);
+        setIsPlayingFullTitle(false);
         if (animationFrameRef.current) {
             cancelAnimationFrame(animationFrameRef.current);
             animationFrameRef.current = null;
@@ -287,30 +393,119 @@ export default function WaveformEditor({ audioUrl, startTime, duration, unlockSt
     const handlePlayFull = () => {
         if (!audioBuffer || !audioContextRef.current) return;
 
-        if (isPlaying) {
-            stopPlayback();
-        } else {
-            const source = audioContextRef.current.createBufferSource();
-            source.buffer = audioBuffer;
-            source.connect(audioContextRef.current.destination);
-
-            playbackStartTimeRef.current = audioContextRef.current.currentTime;
-            playbackOffsetRef.current = startTime;
-
-            source.start(0, startTime, duration);
-            sourceRef.current = source;
-            setIsPlaying(true);
-            setPlaybackPosition(startTime);
-
-            source.onended = () => {
-                setIsPlaying(false);
-                setPlaybackPosition(null);
-                if (animationFrameRef.current) {
-                    cancelAnimationFrame(animationFrameRef.current);
-                    animationFrameRef.current = null;
-                }
-            };
+        // If full selection playback is already playing, pause it
+        if (isPlaying && playingSegment === null && !isPlayingFullTitle) {
+            stopPlayback(true); // Save position
+            setPausedType('selection');
+            return;
         }
+
+        // Stop any current playback (segment, full selection, or full title)
+        stopPlayback();
+
+        // Determine start position (resume from pause or start from beginning)
+        const resumePosition = pausedType === 'selection' && pausedPosition !== null 
+            ? pausedPosition 
+            : startTime;
+        const remainingDuration = resumePosition >= startTime + duration 
+            ? 0 
+            : (startTime + duration) - resumePosition;
+
+        if (remainingDuration <= 0) {
+            // Already finished, reset
+            setPausedPosition(null);
+            setPausedType(null);
+            return;
+        }
+
+        // Start full selection playback
+        const source = audioContextRef.current.createBufferSource();
+        source.buffer = audioBuffer;
+        source.connect(audioContextRef.current.destination);
+
+        playbackStartTimeRef.current = audioContextRef.current.currentTime;
+        playbackOffsetRef.current = resumePosition;
+
+        source.start(0, resumePosition, remainingDuration);
+        sourceRef.current = source;
+        setIsPlaying(true);
+        setPlayingSegment(null);
+        setIsPlayingFullTitle(false);
+        setPausedPosition(null);
+        setPausedType(null);
+        setPlaybackPosition(resumePosition);
+
+        source.onended = () => {
+            setIsPlaying(false);
+            setPlayingSegment(null);
+            setIsPlayingFullTitle(false);
+            setPlaybackPosition(null);
+            setPausedPosition(null);
+            setPausedType(null);
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+                animationFrameRef.current = null;
+            }
+        };
+    };
+
+    const handlePlayFullTitle = () => {
+        if (!audioBuffer || !audioContextRef.current) return;
+
+        // If full title playback is already playing, pause it
+        if (isPlaying && isPlayingFullTitle) {
+            stopPlayback(true); // Save position
+            setPausedType('title');
+            return;
+        }
+
+        // Stop any current playback (segment, full selection, or full title)
+        stopPlayback();
+
+        // Determine start position (resume from pause or start from beginning)
+        const resumePosition = pausedType === 'title' && pausedPosition !== null 
+            ? pausedPosition 
+            : 0;
+        const remainingDuration = resumePosition >= audioDuration 
+            ? 0 
+            : audioDuration - resumePosition;
+
+        if (remainingDuration <= 0) {
+            // Already finished, reset
+            setPausedPosition(null);
+            setPausedType(null);
+            return;
+        }
+
+        // Start full title playback (from resumePosition to audioDuration)
+        const source = audioContextRef.current.createBufferSource();
+        source.buffer = audioBuffer;
+        source.connect(audioContextRef.current.destination);
+
+        playbackStartTimeRef.current = audioContextRef.current.currentTime;
+        playbackOffsetRef.current = resumePosition;
+
+        source.start(0, resumePosition, remainingDuration);
+        sourceRef.current = source;
+        setIsPlaying(true);
+        setPlayingSegment(null);
+        setIsPlayingFullTitle(true);
+        setPausedPosition(null);
+        setPausedType(null);
+        setPlaybackPosition(resumePosition);
+
+        source.onended = () => {
+            setIsPlaying(false);
+            setPlayingSegment(null);
+            setIsPlayingFullTitle(false);
+            setPlaybackPosition(null);
+            setPausedPosition(null);
+            setPausedType(null);
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+                animationFrameRef.current = null;
+            }
+        };
     };
 
     const handleZoomIn = () => setZoom(prev => Math.min(prev * 1.5, 10));
@@ -371,21 +566,38 @@ export default function WaveformEditor({ audioUrl, startTime, duration, unlockSt
                 )}
             </div>
 
-            <canvas
-                ref={canvasRef}
-                width={800}
-                height={150}
-                onClick={handleCanvasClick}
-                onMouseMove={handleCanvasMouseMove}
-                onMouseLeave={handleCanvasMouseLeave}
-                style={{
-                    width: '100%',
-                    height: 'auto',
-                    cursor: 'pointer',
-                    border: '1px solid #e5e7eb',
-                    borderRadius: '0.5rem'
-                }}
-            />
+            <div style={{ position: 'relative' }}>
+                <canvas
+                    ref={canvasRef}
+                    width={800}
+                    height={150}
+                    onClick={handleCanvasClick}
+                    onMouseMove={handleCanvasMouseMove}
+                    onMouseLeave={handleCanvasMouseLeave}
+                    style={{
+                        width: '100%',
+                        height: 'auto',
+                        cursor: 'pointer',
+                        border: '1px solid #e5e7eb',
+                        borderRadius: '0.5rem 0.5rem 0 0',
+                        display: 'block'
+                    }}
+                />
+                <canvas
+                    ref={timelineRef}
+                    width={800}
+                    height={30}
+                    style={{
+                        width: '100%',
+                        height: '30px',
+                        border: '1px solid #e5e7eb',
+                        borderTop: 'none',
+                        borderRadius: '0 0 0.5rem 0.5rem',
+                        display: 'block',
+                        background: '#ffffff'
+                    }}
+                />
+            </div>
 
             {/* Playback Controls */}
             <div style={{ marginTop: '1rem', display: 'flex', gap: '1rem', alignItems: 'center', flexWrap: 'wrap' }}>
@@ -401,7 +613,29 @@ export default function WaveformEditor({ audioUrl, startTime, duration, unlockSt
                         fontWeight: 'bold'
                     }}
                 >
-                    {isPlaying && playingSegment === null ? '⏸ Pause' : '▶ Play Full Selection'}
+                    {isPlaying && playingSegment === null && !isPlayingFullTitle 
+                        ? '⏸ Pause' 
+                        : (pausedType === 'selection' && pausedPosition !== null 
+                            ? '▶ Resume' 
+                            : '▶ Play Full Selection')}
+                </button>
+                <button
+                    onClick={handlePlayFullTitle}
+                    style={{
+                        padding: '0.5rem 1rem',
+                        background: '#10b981',
+                        color: 'white',
+                        border: 'none',
+                        borderRadius: '0.5rem',
+                        cursor: 'pointer',
+                        fontWeight: 'bold'
+                    }}
+                >
+                    {isPlaying && isPlayingFullTitle 
+                        ? '⏸ Pause' 
+                        : (pausedType === 'title' && pausedPosition !== null 
+                            ? '▶ Resume' 
+                            : '▶ Play Full Title')}
                 </button>
 
                 <div style={{ fontSize: '0.875rem', color: '#666' }}>

messages/de.json

@@ -231,6 +231,7 @@
     "columnTitle": "Titel",
     "columnArtist": "Artist",
     "columnYear": "Jahr",
+    "columnCover": "Cover",
     "columnGenresSpecials": "Genres / Specials",
     "columnAdded": "Hinzugefügt",
     "columnActivations": "Aktivierungen",

messages/en.json

@@ -231,6 +231,7 @@
     "columnTitle": "Title",
     "columnArtist": "Artist",
     "columnYear": "Year",
+    "columnCover": "Cover",
     "columnGenresSpecials": "Genres / Specials",
     "columnAdded": "Added",
     "columnActivations": "Activations",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hoerdle",
-  "version": "0.1.6.18",
+  "version": "0.1.6.26",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -32,4 +32,4 @@
     "eslint-config-next": "^16.0.7",
     "typescript": "^5"
   }
-}
+}

prisma/migrations/20251206002217_add_hidden_to_special/migration.sql

@@ -0,0 +1,20 @@
+-- RedefineTables
+PRAGMA defer_foreign_keys=ON;
+PRAGMA foreign_keys=OFF;
+CREATE TABLE "new_Special" (
+    "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
+    "name" JSONB NOT NULL,
+    "subtitle" JSONB,
+    "maxAttempts" INTEGER NOT NULL DEFAULT 7,
+    "unlockSteps" TEXT NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "launchDate" DATETIME,
+    "endDate" DATETIME,
+    "curator" TEXT,
+    "hidden" BOOLEAN NOT NULL DEFAULT false
+);
+INSERT INTO "new_Special" ("createdAt", "curator", "endDate", "id", "launchDate", "maxAttempts", "name", "subtitle", "unlockSteps") SELECT "createdAt", "curator", "endDate", "id", "launchDate", "maxAttempts", "name", "subtitle", "unlockSteps" FROM "Special";
+DROP TABLE "Special";
+ALTER TABLE "new_Special" RENAME TO "Special";
+PRAGMA foreign_keys=ON;
+PRAGMA defer_foreign_keys=OFF;

prisma/schema.prisma

@@ -47,6 +47,7 @@ model Special {
   launchDate  DateTime?
   endDate     DateTime?
   curator     String?
+  hidden      Boolean       @default(false)
   songs       SpecialSong[]
   puzzles     DailyPuzzle[]
   news        News[]