feat: Enhance player comment features with AI rewriting and collapsible form

README.md

@@ -61,6 +61,8 @@ Eine Web-App inspiriert von Heardle, bei der Nutzer täglich einen Song anhand k
     - **Kommentar-Verwaltung:** Kuratoren können Spieler-Kommentare zu ihren Rätseln einsehen, als gelesen markieren und archivieren.
 - **Spieler-Kommentare:**
     - **Feedback an Kuratoren:** Spieler können nach Abschluss eines Rätsels optional eine Nachricht an die Kuratoren senden.
+    - **KI-gestützte Formulierungshilfe:** Nachrichten können vor dem Absenden auf Wunsch automatisch von einer KI umformuliert/verbessert werden.
+    - **Einklappbares Kommentar-Formular:** Das Nachrichtenformular ist dezent als einklappbarer Bereich eingebunden und stört den Spielfluss nicht.
     - **Automatische Zuordnung:** Kommentare werden automatisch an relevante Kuratoren verteilt (Genre-Kuratoren, Special-Kuratoren, Global-Kuratoren).
     - **Rate-Limiting:** Pro Spieler nur ein Kommentar pro Puzzle möglich.
     - **Kontext-Informationen:** Kommentare enthalten vollständigen Rätsel-Kontext (Hördle #, Genre/Special, Titel/Artist).

app/actions.ts

@@ -80,3 +80,30 @@ export async function submitRating(songId: number, rating: number, genre?: strin
         return { success: false, error: 'Failed to submit rating' };
     }
 }
+
+export async function sendCommentNotification(puzzleId: number, message: string, originalMessage?: string, genre?: string | null) {
+    try {
+        const title = `New Curator Comment (Puzzle #${puzzleId})`;
+        let body = message;
+
+        if (originalMessage && originalMessage !== message) {
+            body = `Original: ${originalMessage}\n\nRewritten: ${message}`;
+        }
+
+        if (genre) {
+            body = `[${genre}] ${body}`;
+        }
+
+        await fetch(`${GOTIFY_URL}/message?token=${GOTIFY_APP_TOKEN}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                title: title,
+                message: body,
+                priority: 5,
+            }),
+        });
+    } catch (error) {
+        console.error('Error sending comment notification:', error);
+    }
+}

app/api/curator-comment/route.ts

@@ -10,7 +10,7 @@ export async function POST(request: NextRequest) {
     if (rateLimitError) return rateLimitError;
 
     try {
-        const { puzzleId, genreId, message, playerIdentifier } = await request.json();
+        const { puzzleId, genreId, message, playerIdentifier, originalMessage } = await request.json();
 
         // Validate required fields
         if (!puzzleId || !message || !playerIdentifier) {
@@ -28,9 +28,9 @@ export async function POST(request: NextRequest) {
                 { status: 400 }
             );
         }
-        if (trimmedMessage.length > 2000) {
+        if (trimmedMessage.length > 300) {
             return NextResponse.json(
-                { error: 'Message too long. Maximum 2000 characters allowed.' },
+                { error: 'Message too long. Maximum 300 characters allowed.' },
                 { status: 400 }
             );
         }
@@ -170,6 +170,19 @@ export async function POST(request: NextRequest) {
             return comment;
         });
 
+        // Send Gotify notification (fire and forget)
+        const { sendCommentNotification } = await import('@/app/actions');
+        // originalMessage is already available from the initial request.json() call
+
+        // Determine genre name for notification
+        let genreName: string | null = null;
+        if (finalGenreId) {
+            const genreObj = await prisma.genre.findUnique({ where: { id: finalGenreId } });
+            if (genreObj) genreName = genreObj.name as string;
+        }
+
+        sendCommentNotification(Number(puzzleId), trimmedMessage, originalMessage, genreName || null);
+
         return NextResponse.json({
             success: true,
             commentId: result.id

app/api/rewrite-message/route.ts

@@ -0,0 +1,73 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+const OPENROUTER_API_KEY = process.env.OPENROUTER_API_KEY;
+const OPENROUTER_MODEL = 'anthropic/claude-3.5-haiku';
+
+export async function POST(request: NextRequest) {
+    try {
+        const { message } = await request.json();
+
+        if (!message || typeof message !== 'string') {
+            return NextResponse.json(
+                { error: 'Message is required and must be a string' },
+                { status: 400 }
+            );
+        }
+
+        if (!OPENROUTER_API_KEY) {
+            console.error('OPENROUTER_API_KEY is not configured');
+            // Fallback: return original message if API key is missing
+            return NextResponse.json({ rewrittenMessage: message });
+        }
+
+        const prompt = `Rewrite the following message to express the COMPLETE OPPOSITE meaning and opinion.
+If the message is negative or critical, rewrite it to be overwhelmingly positive, praising, and appreciative.
+If the message is positive, rewrite it to be critical or negative.
+Maintain the original language (German or English).
+Return ONLY the rewritten message text, nothing else.
+
+Message: "${message}"`;
+
+        const response = await fetch('https://openrouter.ai/api/v1/chat/completions', {
+            method: 'POST',
+            headers: {
+                'Authorization': `Bearer ${OPENROUTER_API_KEY}`,
+                'Content-Type': 'application/json',
+                'HTTP-Referer': 'https://hoerdle.elpatron.me',
+                'X-Title': 'Hördle Message Rewriter'
+            },
+            body: JSON.stringify({
+                model: OPENROUTER_MODEL,
+                messages: [
+                    {
+                        role: 'user',
+                        content: prompt
+                    }
+                ],
+                temperature: 0.7,
+                max_tokens: 500
+            })
+        });
+
+        if (!response.ok) {
+            console.error('OpenRouter API error:', await response.text());
+            // Fallback: return original message
+            return NextResponse.json({ rewrittenMessage: message });
+        }
+
+        const data = await response.json();
+        let rewrittenMessage = data.choices?.[0]?.message?.content?.trim() || message;
+
+        // Add suffix
+        rewrittenMessage += " (autocorrected by Polite-Bot)";
+
+        return NextResponse.json({ rewrittenMessage });
+
+    } catch (error) {
+        console.error('Error rewriting message:', error);
+        return NextResponse.json(
+            { error: 'Internal Server Error' },
+            { status: 500 }
+        );
+    }
+}

components/Game.tsx

@@ -65,6 +65,8 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
     const [commentSending, setCommentSending] = useState(false);
     const [commentSent, setCommentSent] = useState(false);
     const [commentError, setCommentError] = useState<string | null>(null);
+    const [commentCollapsed, setCommentCollapsed] = useState(true);
+    const [rewrittenMessage, setRewrittenMessage] = useState<string | null>(null);
 
     useEffect(() => {
         const updateCountdown = () => {
@@ -321,6 +323,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
 
         setCommentSending(true);
         setCommentError(null);
+        setRewrittenMessage(null);
 
         try {
             const playerIdentifier = getOrCreatePlayerId();
@@ -328,6 +331,26 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                 throw new Error('Could not get player identifier');
             }
 
+            // 1. Rewrite message using AI
+            const rewriteResponse = await fetch('/api/rewrite-message', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ message: commentText.trim() })
+            });
+
+            let finalMessage = commentText.trim();
+            if (rewriteResponse.ok) {
+                const rewriteData = await rewriteResponse.json();
+                if (rewriteData.rewrittenMessage) {
+                    finalMessage = rewriteData.rewrittenMessage;
+                    // If message was changed significantly (simple check), show it
+                    if (finalMessage !== commentText.trim()) {
+                        setRewrittenMessage(finalMessage);
+                    }
+                }
+            }
+
+            // 2. Send comment
             // For specials, genreId should be null. For global, also null. For genres, we pass null and let API determine from puzzle
             const genreId = isSpecial ? null : null; // API will determine from puzzle
 
@@ -339,7 +362,8 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                 body: JSON.stringify({
                     puzzleId: dailyPuzzle.id,
                     genreId: genreId,
-                    message: commentText.trim(),
+                    message: finalMessage,
+                    originalMessage: commentText.trim() !== finalMessage ? commentText.trim() : undefined,
                     playerIdentifier: playerIdentifier
                 })
             });
@@ -602,9 +626,24 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                         {/* Comment Form */}
                         {!commentSent && (
                             <div style={{ marginTop: '1.5rem', padding: '1rem', background: 'rgba(255,255,255,0.5)', borderRadius: '0.5rem' }}>
-                                <h3 style={{ fontSize: '1rem', fontWeight: 'bold', marginBottom: '0.5rem' }}>
+                                <div
+                                    onClick={() => setCommentCollapsed(!commentCollapsed)}
+                                    style={{
+                                        display: 'flex',
+                                        justifyContent: 'space-between',
+                                        alignItems: 'center',
+                                        cursor: 'pointer',
+                                        marginBottom: commentCollapsed ? 0 : '1rem'
+                                    }}
+                                >
+                                    <h3 style={{ fontSize: '1rem', fontWeight: 'bold', margin: 0 }}>
                                         {t('sendComment')}
                                     </h3>
+                                    <span>{commentCollapsed ? '▼' : '▲'}</span>
+                                </div>
+
+                                {!commentCollapsed && (
+                                    <>
                                         <p style={{ fontSize: '0.85rem', color: 'var(--muted-foreground)', marginBottom: '0.75rem' }}>
                                             {t('commentHelp')}
                                         </p>
@@ -612,7 +651,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                                             value={commentText}
                                             onChange={(e) => setCommentText(e.target.value)}
                                             placeholder={t('commentPlaceholder')}
-                                    maxLength={2000}
+                                            maxLength={300}
                                             style={{
                                                 width: '100%',
                                                 minHeight: '100px',
@@ -622,13 +661,14 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                                                 fontSize: '0.9rem',
                                                 fontFamily: 'inherit',
                                                 resize: 'vertical',
-                                        marginBottom: '0.5rem'
+                                                marginBottom: '0.5rem',
+                                                display: 'block' // Ensure block display for proper alignment
                                             }}
                                             disabled={commentSending}
                                         />
                                         <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '0.5rem' }}>
                                             <span style={{ fontSize: '0.75rem', color: 'var(--muted-foreground)' }}>
-                                        {commentText.length}/2000
+                                                {commentText.length}/300
                                             </span>
                                             {commentError && (
                                                 <span style={{ fontSize: '0.75rem', color: 'var(--danger)' }}>
@@ -648,14 +688,22 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                                         >
                                             {commentSending ? t('sending') : t('sendComment')}
                                         </button>
+                                    </>
+                                )}
                             </div>
                         )}
 
                         {commentSent && (
                             <div style={{ marginTop: '1.5rem', padding: '1rem', background: 'rgba(16, 185, 129, 0.1)', borderRadius: '0.5rem', border: '1px solid rgba(16, 185, 129, 0.3)' }}>
-                                <p style={{ fontSize: '0.9rem', color: 'var(--success)', textAlign: 'center' }}>
+                                <p style={{ fontSize: '0.9rem', color: 'var(--success)', textAlign: 'center', marginBottom: rewrittenMessage ? '0.5rem' : 0 }}>
                                     {t('commentSent')}
                                 </p>
+                                {rewrittenMessage && (
+                                    <div style={{ fontSize: '0.85rem', color: 'var(--muted-foreground)', textAlign: 'center' }}>
+                                        <p style={{ marginBottom: '0.25rem' }}>{t('commentRewritten')}</p>
+                                        <p style={{ fontStyle: 'italic' }}>"{rewrittenMessage}"</p>
+                                    </div>
+                                )}
                             </div>
                         )}
 

messages/de.json

@@ -58,9 +58,11 @@
     "skipBonus": "Bonus überspringen",
     "notQuite": "Nicht ganz!",
     "sendComment": "Nachricht an Kurator senden",
-        "commentPlaceholder": "Schreibe eine Nachricht an die Kuratoren dieses Genres...",
+    "sendCommentCollapsed": "Nachricht an Kurator senden",
+    "commentPlaceholder": "Schreibe eine Nachricht an die Kuratoren dieses Genres... Bitte bleibe freundlich und höflich.",
     "commentHelp": "Teile deine Gedanken zum Rätsel mit den Kuratoren. Deine Nachricht wird ihnen angezeigt.",
     "commentSent": "✓ Nachricht gesendet! Vielen Dank für dein Feedback.",
+    "commentRewritten": "Deine Nachricht wurde automatisch freundlicher formuliert:",
     "commentError": "Fehler beim Senden der Nachricht",
     "commentRateLimited": "Du hast bereits eine Nachricht für dieses Rätsel gesendet.",
     "sending": "Wird gesendet...",

messages/en.json

@@ -58,9 +58,11 @@
     "skipBonus": "Skip Bonus",
     "notQuite": "Not quite!",
     "sendComment": "Send message to curator",
-        "commentPlaceholder": "Write a message to the curators of this genre...",
+    "sendCommentCollapsed": "Send message to curator",
-        "commentHelp": "Share your thoughts about the puzzle with the curators. Your message will be displayed to them.",
+    "commentPlaceholder": "Write a message to the curators of this genre... Please remain friendly and polite.",
+    "commentHelp": "Share your thoughts on the puzzle with the curators. Your message will be shown to them.",
     "commentSent": "✓ Message sent! Thank you for your feedback.",
+    "commentRewritten": "Your message was automatically rephrased to be more friendly:",
     "commentError": "Error sending message",
     "commentRateLimited": "You have already sent a message for this puzzle.",
     "sending": "Sending...",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hoerdle",
-  "version": "0.1.6.2",
+  "version": "0.1.6.3",
   "private": true,
   "scripts": {
     "dev": "next dev",

scripts/restore-restic.sh

@@ -0,0 +1,98 @@
+#!/bin/bash
+# Restic restore script for Hördle deployment
+# Restores files from the Restic repository created by backup-restic.sh
+#
+# Usage:
+#   scripts/restore-restic.sh [SNAPSHOT] [TARGET_DIR]
+#
+#   SNAPSHOT   : Optional. Restic snapshot reference (ID, tag, or "latest").
+#                Defaults to "latest".
+#   TARGET_DIR : Optional. Directory to restore into.
+#                Defaults to "./restic-restore-<DATE>-<TIME>".
+#
+# Examples:
+#   scripts/restore-restic.sh
+#     → Restore latest snapshot into a new timestamped directory
+#
+#   scripts/restore-restic.sh latest ./restore-latest
+#     → Restore latest snapshot into ./restore-latest
+#
+#   scripts/restore-restic.sh d3adb33f ./restore-commit
+#     → Restore specific snapshot ID into ./restore-commit
+
+set -e
+
+echo "💾 Restoring from Restic backup..."
+
+if ! command -v restic >/dev/null 2>&1; then
+    echo "❌ restic nicht im PATH gefunden. Bitte installiere restic oder füge es zum PATH hinzu."
+    exit 1
+fi
+
+# Erforderliche Umgebungsvariablen prüfen
+if [ -z "$RESTIC_PASSWORD" ]; then
+    echo "❌ RESTIC_PASSWORD ist nicht gesetzt. Abbruch."
+    exit 1
+fi
+
+if [ -z "$RESTIC_AUTH_USER" ] || [ -z "$RESTIC_AUTH_PASSWORD" ]; then
+    echo "❌ RESTIC_AUTH_USER oder RESTIC_AUTH_PASSWORD ist nicht gesetzt. Abbruch."
+    exit 1
+fi
+
+# Repository-URL auf Basis des Backup-Skripts
+RESTIC_REPO="rest:https://${RESTIC_AUTH_USER}:${RESTIC_AUTH_PASSWORD}@restic.elpatron.me/"
+
+# Passwort für restic exportieren
+export RESTIC_PASSWORD
+
+# Snapshot-Referenz und Zielverzeichnis bestimmen
+SNAPSHOT_REF="${1:-latest}"
+TIMESTAMP="$(date +%Y-%m-%d_%H-%M-%S)"
+DEFAULT_TARGET_DIR="./restic-restore-${TIMESTAMP}"
+TARGET_DIR="${2:-$DEFAULT_TARGET_DIR}"
+
+echo "   Repository : $RESTIC_REPO"
+echo "   Snapshot   : $SNAPSHOT_REF"
+echo "   Zielordner : $TARGET_DIR"
+
+# Prüfen, ob Repository existiert
+if ! restic -r "$RESTIC_REPO" snapshots >/dev/null 2>&1; then
+    echo "❌ Kein gültiges Restic-Repository gefunden (oder keine Snapshots vorhanden)."
+    exit 1
+fi
+
+# Zielverzeichnis vorbereiten
+if [ -e "$TARGET_DIR" ] && [ ! -d "$TARGET_DIR" ]; then
+    echo "❌ $TARGET_DIR existiert und ist kein Verzeichnis. Abbruch."
+    exit 1
+fi
+
+if [ ! -d "$TARGET_DIR" ]; then
+    echo "   Erstelle Zielverzeichnis $TARGET_DIR ..."
+    mkdir -p "$TARGET_DIR"
+fi
+
+echo "   Verfügbare Snapshots (gekürzt):"
+restic -r "$RESTIC_REPO" snapshots --compact || true
+echo
+
+echo "   Starte Restic-Restore..."
+
+RESTIC_EXIT_CODE=0
+
+# Standard-Restore: gesamtes Repo in Zielverzeichnis
+# (Das spiegelt die beim Backup gesicherten Pfade unterhalb von TARGET_DIR.)
+restic -r "$RESTIC_REPO" restore "$SNAPSHOT_REF" \
+    --target "$TARGET_DIR" || RESTIC_EXIT_CODE=$?
+
+if [ $RESTIC_EXIT_CODE -eq 0 ]; then
+    echo "✅ Restic-Restore erfolgreich abgeschlossen."
+    echo "   Wiederhergestellte Daten befinden sich in: $TARGET_DIR"
+    exit 0
+else
+    echo "⚠️  Restic-Restore fehlgeschlagen (Exit-Code: $RESTIC_EXIT_CODE)."
+    exit $RESTIC_EXIT_CODE
+fi
+
+