Miscellaneous fixes (0.17 beta) (#21431)

* Add shortSummary field to review summary to be used for notifications

* pull in current config version into default config

* fix crash when dynamically adding cameras

depending on where we are in the update loop, camera configs might not be updated yet and we are receiving detections already

* add no tracked objects and icon to explore summary view

* reset add camera wizard when closing and saving

* don't flash no exports icon while loading

* Improve handling of homekit config

* Increase prompt tokens reservation

* Adjust

* Catch event not found object detection

* Use thread lock for JinaV2 in onnxruntime

* remove incorrect embeddings process from memray docs

* only show transcribe button if audio event has video

* apply aspect ratio and margin constraints to path overlay in detail stream on mobile

improves a specific case where the overlay was not aligned with 4:3 cameras on mobile phones

* show metadata title as tooltip on icon hover in detail stream

---------

Co-authored-by: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>

web/src/components/overlay/detail/SearchDetailDialog.tsx

@@ -1604,7 +1604,8 @@ function ObjectDetailsTab({
 
             {config?.cameras[search?.camera].audio_transcription.enabled &&
               search?.label == "speech" &&
-              search?.end_time && (
+              search?.end_time &&
+              search?.has_clip && (
                 <Tooltip>
                   <TooltipTrigger asChild>
                     <button

web/src/components/player/HlsVideoPlayer.tsx

@@ -356,7 +356,17 @@ export default function HlsVideoPlayer({
           loadedMetadata &&
           videoDimensions.width > 0 &&
           videoDimensions.height > 0 && (
-            <div className="absolute z-50 size-full">
+            <div
+              className={cn(
+                "absolute inset-0 z-50",
+                isDesktop
+                  ? "size-full"
+                  : "mx-auto flex items-center justify-center portrait:max-h-[50dvh]",
+              )}
+              style={{
+                aspectRatio: `${videoDimensions.width} / ${videoDimensions.height}`,
+              }}
+            >
               <ObjectTrackOverlay
                 key={`overlay-${currentTime}`}
                 camera={camera}

web/src/components/settings/CameraWizardDialog.tsx

@@ -31,7 +31,8 @@ type WizardState = {
 type WizardAction =
   | { type: "UPDATE_DATA"; payload: Partial<WizardFormData> }
   | { type: "UPDATE_AND_NEXT"; payload: Partial<WizardFormData> }
-  | { type: "RESET_NAVIGATE" };
+  | { type: "RESET_NAVIGATE" }
+  | { type: "RESET_ALL" };
 
 const wizardReducer = (
   state: WizardState,
@@ -50,6 +51,11 @@ const wizardReducer = (
       };
     case "RESET_NAVIGATE":
       return { ...state, shouldNavigateNext: false };
+    case "RESET_ALL":
+      return {
+        wizardData: { streams: [] },
+        shouldNavigateNext: false,
+      };
     default:
       return state;
   }
@@ -84,13 +90,13 @@ export default function CameraWizardDialog({
   useEffect(() => {
     if (open) {
       setCurrentStep(0);
-      dispatch({ type: "UPDATE_DATA", payload: { streams: [] } });
+      dispatch({ type: "RESET_ALL" });
     }
   }, [open]);
 
   const handleClose = useCallback(() => {
     setCurrentStep(0);
-    dispatch({ type: "UPDATE_DATA", payload: { streams: [] } });
+    dispatch({ type: "RESET_ALL" });
     onClose();
   }, [onClose]);
 

web/src/components/timeline/DetailStream.tsx

@@ -409,7 +409,14 @@ function ReviewGroup({
             <div className="flex flex-col gap-0.5">
               {review.data.metadata?.title && (
                 <div className="mb-1 flex min-w-0 items-center gap-1 text-sm text-primary-variant">
-                  <MdAutoAwesome className="size-3 shrink-0" />
+                  <Tooltip>
+                    <TooltipTrigger>
+                      <MdAutoAwesome className="size-3 shrink-0" />
+                    </TooltipTrigger>
+                    <TooltipContent>
+                      {review.data.metadata.title}
+                    </TooltipContent>
+                  </Tooltip>
                   <span className="truncate">{review.data.metadata.title}</span>
                 </div>
               )}