added demo quiz reset option. Added timer for next available daily quiz

components/profile/profile-preferences-form.tsx

@@ -25,6 +25,7 @@ import {
 } from "@/lib/daily-reminders";
 import { getDailyReminderStatus } from "@/lib/daily-reminder-status";
 import { getTodayDateKey } from "@/lib/habits-storage";
+import { resetTodaysDailyQuiz } from "@/lib/daily-quiz-storage";
 import {
   reminderDeliveryOptions,
   usesSystemReminders,
@@ -56,6 +57,8 @@ export function ProfilePreferencesForm({ email }: ProfilePreferencesFormProps) {
   const [notificationMessage, setNotificationMessage] = useState<string | null>(
     null,
   );
+  const [quizResetMessage, setQuizResetMessage] = useState<string | null>(null);
+  const [isResettingQuiz, setIsResettingQuiz] = useState(false);
 
   useEffect(() => {
     setNotificationPermission(getNotificationPermissionState());
@@ -209,6 +212,27 @@ export function ProfilePreferencesForm({ email }: ProfilePreferencesFormProps) {
     );
   };
 
+  const handleResetDailyQuiz = async () => {
+    setQuizResetMessage(null);
+    setError(null);
+    setIsResettingQuiz(true);
+
+    try {
+      await resetTodaysDailyQuiz();
+      setQuizResetMessage(
+        "Today's quiz was reset. Open the Quiz tab to take it again.",
+      );
+    } catch (resetError) {
+      setError(
+        resetError instanceof Error
+          ? resetError.message
+          : "Could not reset today's quiz.",
+      );
+    } finally {
+      setIsResettingQuiz(false);
+    }
+  };
+
   if (!isReady) {
     return (
       <p className="text-sm text-muted-foreground">Loading profile...</p>
@@ -365,6 +389,33 @@ export function ProfilePreferencesForm({ email }: ProfilePreferencesFormProps) {
         </CardContent>
       </Card>
 
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-base">Demo tools</CardTitle>
+          <CardDescription>
+            Shortcuts for testing flows without waiting for the daily reset.
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <p className="text-xs text-muted-foreground">
+            Reset clears today&apos;s wellness quiz entry so you can complete it
+            again immediately.
+          </p>
+          <Button
+            type="button"
+            variant="outline"
+            className="w-full"
+            disabled={isSaving || isResettingQuiz}
+            onClick={() => void handleResetDailyQuiz()}
+          >
+            {isResettingQuiz ? "Resetting..." : "Reset today's quiz"}
+          </Button>
+          {quizResetMessage ? (
+            <p className="text-xs text-emerald-600">{quizResetMessage}</p>
+          ) : null}
+        </CardContent>
+      </Card>
+
       <Card>
         <CardHeader>
           <CardTitle className="text-base">Account settings</CardTitle>