web/src/components/card/AnimatedEventCard.tsx

@@ -213,7 +213,6 @@ export function AnimatedEventCard({
                       playsInline
                       muted
                       disableRemotePlayback
-                      disablePictureInPicture
                       loop
                       onTimeUpdate={() => {
                         if (!isLoaded) {

web/src/components/menu/AccountSettings.tsx

@@ -126,21 +126,19 @@ export default function AccountSettings({ className }: AccountSettingsProps) {
 
           <DropdownMenuSeparator className={isDesktop ? "my-2" : "my-2"} />
 
-          {config?.auth?.enabled !== false &&
+          {profile?.username && profile.username !== "anonymous" && (
-            profile?.username &&
+            <MenuItem
-            profile.username !== "anonymous" && (
+              className={cn(
-              <MenuItem
+                "flex w-full items-center gap-2",
-                className={cn(
+                isDesktop ? "cursor-pointer" : "p-2 text-sm",
-                  "flex w-full items-center gap-2",
+              )}
-                  isDesktop ? "cursor-pointer" : "p-2 text-sm",
+              aria-label={t("menu.user.setPassword", { ns: "common" })}
-                )}
+              onClick={() => setPasswordDialogOpen(true)}
-                aria-label={t("menu.user.setPassword", { ns: "common" })}
+            >
-                onClick={() => setPasswordDialogOpen(true)}
+              <LuSquarePen className="mr-2 size-4" />
-              >
+              <span>{t("menu.user.setPassword", { ns: "common" })}</span>
-                <LuSquarePen className="mr-2 size-4" />
+            </MenuItem>
-                <span>{t("menu.user.setPassword", { ns: "common" })}</span>
+          )}
-              </MenuItem>
-            )}
 
           <MenuItem
             className={cn(

web/src/components/menu/GeneralSettings.tsx

@@ -225,24 +225,20 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
                 <DropdownMenuSeparator
                   className={isDesktop ? "mt-3" : "mt-1"}
                 />
-                {config?.auth?.enabled !== false &&
+                {profile?.username && profile.username !== "anonymous" && (
-                  profile?.username &&
+                  <MenuItem
-                  profile.username !== "anonymous" && (
+                    className={
-                    <MenuItem
+                      isDesktop
-                      className={
+                        ? "cursor-pointer"
-                        isDesktop
+                        : "flex items-center p-2 text-sm"
-                          ? "cursor-pointer"
+                    }
-                          : "flex items-center p-2 text-sm"
+                    aria-label={t("menu.user.setPassword", { ns: "common" })}
-                      }
+                    onClick={() => setPasswordDialogOpen(true)}
-                      aria-label={t("menu.user.setPassword", { ns: "common" })}
+                  >
-                      onClick={() => setPasswordDialogOpen(true)}
+                    <LuSquarePen className="mr-2 size-4" />
-                    >
+                    <span>{t("menu.user.setPassword", { ns: "common" })}</span>
-                      <LuSquarePen className="mr-2 size-4" />
+                  </MenuItem>
-                      <span>
+                )}
-                        {t("menu.user.setPassword", { ns: "common" })}
-                      </span>
-                    </MenuItem>
-                  )}
                 <MenuItem
                   className={
                     isDesktop

web/src/types/frigateConfig.ts

@@ -346,7 +346,6 @@ export interface FrigateConfig {
   };
 
   auth: {
-    enabled: boolean;
     roles: {
       [roleName: string]: string[];
     };