Miscellaneous Fixes (#20989)

* Include DB in safe mode config

Copy DB when going into safe mode to avoid creating a new one if a user has configured a separate location

* Fix documentation for example log module

* Set minimum duration for recording segments

Due to the inpoint logic, some recordings would get clipped on the end of the segment with a non-zero duration but not enough duration to include a frame. 100 ms is a safe value for any video that is 10fps or higher to have a frame

* Add docs to explain object assignment for classification

* Add warning for Intel GPU stats bug

Add warning with explanation on GPU stats page when all Intel GPU values are 0

* Update docs with creation instructions

* reset loading state when moving through events in tracking details

* disable pip on preview players

* Improve HLS handling for startPosition

The startPosition was incorrectly calculated assuming continuous recordings, when it needs to consider only some segments exist. This extracts that logic to a utility so all can use it.

---------

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

web/src/views/system/GeneralMetrics.tsx

@@ -375,6 +375,50 @@ export default function GeneralMetrics({
     return Object.keys(series).length > 0 ? Object.values(series) : undefined;
   }, [statsHistory]);
 
+  // Check if Intel GPU has all 0% usage values (known bug)
+  const showIntelGpuWarning = useMemo(() => {
+    if (!statsHistory || statsHistory.length < 3) {
+      return false;
+    }
+
+    const gpuKeys = Object.keys(statsHistory[0]?.gpu_usages ?? {});
+    const hasIntelGpu = gpuKeys.some(
+      (key) => key === "intel-vaapi" || key === "intel-qsv",
+    );
+
+    if (!hasIntelGpu) {
+      return false;
+    }
+
+    // Check if all GPU usage values are 0% across all stats
+    let allZero = true;
+    let hasDataPoints = false;
+
+    for (const stats of statsHistory) {
+      if (!stats) {
+        continue;
+      }
+
+      Object.entries(stats.gpu_usages || {}).forEach(([key, gpuStats]) => {
+        if (key === "intel-vaapi" || key === "intel-qsv") {
+          if (gpuStats.gpu) {
+            hasDataPoints = true;
+            const gpuValue = parseFloat(gpuStats.gpu.slice(0, -1));
+            if (!isNaN(gpuValue) && gpuValue > 0) {
+              allZero = false;
+            }
+          }
+        }
+      });
+
+      if (!allZero) {
+        break;
+      }
+    }
+
+    return hasDataPoints && allZero;
+  }, [statsHistory]);
+
   // npu stats
 
   const npuSeries = useMemo(() => {
@@ -639,8 +683,46 @@ export default function GeneralMetrics({
                 <>
                   {statsHistory.length != 0 ? (
                     <div className="rounded-lg bg-background_alt p-2.5 md:rounded-2xl">
-                      <div className="mb-5">
+                      <div className="mb-5 flex flex-row items-center justify-between">
                         {t("general.hardwareInfo.gpuUsage")}
+                        {showIntelGpuWarning && (
+                          <Popover>
+                            <PopoverTrigger asChild>
+                              <button
+                                className="flex flex-row items-center gap-1.5 text-yellow-600 focus:outline-none dark:text-yellow-500"
+                                aria-label={t(
+                                  "general.hardwareInfo.intelGpuWarning.title",
+                                )}
+                              >
+                                <CiCircleAlert
+                                  className="size-5"
+                                  aria-label={t(
+                                    "general.hardwareInfo.intelGpuWarning.title",
+                                  )}
+                                />
+                                <span className="text-sm">
+                                  {t(
+                                    "general.hardwareInfo.intelGpuWarning.message",
+                                  )}
+                                </span>
+                              </button>
+                            </PopoverTrigger>
+                            <PopoverContent className="w-80">
+                              <div className="space-y-2">
+                                <div className="font-semibold">
+                                  {t(
+                                    "general.hardwareInfo.intelGpuWarning.title",
+                                  )}
+                                </div>
+                                <div>
+                                  {t(
+                                    "general.hardwareInfo.intelGpuWarning.description",
+                                  )}
+                                </div>
+                              </div>
+                            </PopoverContent>
+                          </Popover>
+                        )}
                       </div>
                       {gpuSeries.map((series) => (
                         <ThresholdBarGraph