feat: Add support for Frigate reviews / detections [initial PR] (#2315)

- Add support for Frigate reviews / detections.
 - Add support for GenAI metadata.
- Significant internal refactor to more flexible "UnifiedQuery" to allow
mixing cameras with simple metadata and review metadata (e.g. a timeline
view of a Frigate camera with reviews, and a Reolink camera with simple
metadata).
 - Add support for folder media as camera media.

There are a few more PRs to commit prior to this going live, but
commiting this for now due to the scale of the change.

BREAKING CHANGE: `media_type` and `events_type` are retired under
`live`, `viewer` and `timeline` configuration sections, instead media
type is associated (once) with the camera under `media`.

src/components/viewer/grid.ts

@@ -9,6 +9,7 @@ import {
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { CameraManager } from '../../camera-manager/manager.js';
+import { ViewItemManager } from '../../card-controller/view/item-manager.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { MediaGridSelected } from '../../components-lib/media-grid-controller.js';
 import { CardWideConfig } from '../../config/schema/types.js';
@@ -39,6 +40,9 @@ export class AdvancedCameraCardViewerGrid extends LitElement {
   @property({ attribute: false })
   public cameraManager?: CameraManager;
 
+  @property({ attribute: false })
+  public viewItemManager?: ViewItemManager;
+
   protected _renderCarousel(filterCamera?: string): TemplateResult {
     const selectedCameraID = this.viewManagerEpoch?.manager.getView()?.camera;
 
@@ -60,6 +64,7 @@ export class AdvancedCameraCardViewerGrid extends LitElement {
         .cameraManager=${this.cameraManager}
         .cardWideConfig=${this.cardWideConfig}
         .showControls=${!filterCamera || selectedCameraID === filterCamera}
+        .viewItemManager=${this.viewItemManager}
       >
       </advanced-camera-card-viewer-carousel>
     `;

src/components/viewer/index.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { CameraManager } from '../../camera-manager/manager.js';
+import { ViewItemManager } from '../../card-controller/view/item-manager.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { CardWideConfig } from '../../config/schema/types.js';
 import { ViewerConfig } from '../../config/schema/viewer.js';
@@ -50,6 +51,9 @@ export class AdvancedCameraCardViewer extends LitElement {
   @property({ attribute: false })
   public cardWideConfig?: CardWideConfig;
 
+  @property({ attribute: false })
+  public viewItemManager?: ViewItemManager;
+
   @property({ attribute: 'empty', reflect: true, type: Boolean })
   public isEmpty = false;
 
@@ -96,6 +100,7 @@ export class AdvancedCameraCardViewer extends LitElement {
       .resolvedMediaCache=${this.resolvedMediaCache}
       .cameraManager=${this.cameraManager}
       .cardWideConfig=${this.cardWideConfig}
+      .viewItemManager=${this.viewItemManager}
     >
     </advanced-camera-card-viewer-grid>`;
   }

src/components/viewer/provider.ts

@@ -10,6 +10,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { guard } from 'lit/directives/guard.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
 import { CameraManager } from '../../camera-manager/manager.js';
+import { QueryType } from '../../camera-manager/types.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { LazyLoadController } from '../../components-lib/lazy-load-controller.js';
 import { ZoomSettingsObserved } from '../../components-lib/zoom/types.js';
@@ -29,7 +30,7 @@ import { MediaPlayer, MediaPlayerController, MediaPlayerElement } from '../../ty
 import { errorToConsole } from '../../utils/basic.js';
 import { ViewItemClassifier } from '../../view/item-classifier.js';
 import { VideoContentType, ViewMedia } from '../../view/item.js';
-import { QueryClassifier } from '../../view/query-classifier.js';
+import { UnifiedQueryTransformer } from '../../view/unified-query-transformer.js';
 import '../image-player.js';
 import { renderProgressIndicator } from '../progress-indicator.js';
 import '../video-player.js';
@@ -85,19 +86,13 @@ export class AdvancedCameraCardViewerProvider extends LitElement implements Medi
       // If this specific media item has no clip, then do nothing (even if all
       // the other media items do).
       !ViewItemClassifier.isEvent(this.media) ||
-      !QueryClassifier.isEventQuery(view.query)
+      !view.query?.hasMediaQueriesOfType(QueryType.Event)
     ) {
       return;
     }
 
     // Convert the query to a clips equivalent.
-    const clipQuery = view.query.clone();
-    clipQuery.convertToClipsQueries();
-
-    const queries = clipQuery.getQuery();
-    if (!queries) {
-      return;
-    }
+    const clipQuery = UnifiedQueryTransformer.convertToClips(view.query);
 
     await this.viewManagerEpoch?.manager.setViewByParametersWithExistingQuery({
       params: {