disable pip for animated event cards (#22438)

web/src/components/card/AnimatedEventCard.tsx

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

web/src/components/menu/AccountSettings.tsx

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

web/src/components/menu/GeneralSettings.tsx

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

web/src/types/frigateConfig.ts

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