Task attempt 27b79b03-9c06-433e-81bf-90465e2a3419 - Final changes

frontend/src/pages/Settings.tsx

@@ -4,6 +4,7 @@ import { Button } from "@/components/ui/button";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Label } from "@/components/ui/label";
 import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Checkbox } from "@/components/ui/checkbox";
 import { Loader2 } from "lucide-react";
 import type { Config, ThemeMode, ApiResponse } from "shared/types";
 import { useTheme } from "@/components/theme-provider";
@@ -190,6 +191,30 @@ export function Settings() {
             </CardContent>
           </Card>
 
+          <Card>
+            <CardHeader>
+              <CardTitle>Notifications</CardTitle>
+              <CardDescription>
+                Configure how you receive notifications about task completion.
+              </CardDescription>
+            </CardHeader>
+            <CardContent className="space-y-4">
+              <div className="flex items-center space-x-2">
+                <Checkbox
+                  id="sound-alerts"
+                  checked={config.sound_alerts}
+                  onCheckedChange={(checked: boolean) => updateConfig({ sound_alerts: checked })}
+                />
+                <div className="space-y-0.5">
+                  <Label htmlFor="sound-alerts" className="cursor-pointer">Sound Alerts</Label>
+                  <p className="text-sm text-muted-foreground">
+                    Play a sound when task attempts finish running.
+                  </p>
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+
           <Card>
             <CardHeader>
               <CardTitle>Safety & Disclaimers</CardTitle>