onvif-dashboard 0.1.0

package/.next/standalone/server.js

@@ -0,0 +1,38 @@
+const path = require('path')
+
+const dir = path.join(__dirname)
+
+process.env.NODE_ENV = 'production'
+process.chdir(__dirname)
+
+const currentPort = parseInt(process.env.PORT, 10) || 3000
+const hostname = process.env.HOSTNAME || '0.0.0.0'
+
+let keepAliveTimeout = parseInt(process.env.KEEP_ALIVE_TIMEOUT, 10)
+const nextConfig = {"env":{},"webpack":null,"typescript":{"ignoreBuildErrors":false},"typedRoutes":false,"distDir":"./.next","cleanDistDir":true,"assetPrefix":"","cacheMaxMemorySize":52428800,"configOrigin":"next.config.ts","useFileSystemPublicRoutes":true,"generateEtags":true,"pageExtensions":["tsx","ts","jsx","js"],"instrumentationClientInject":[],"poweredByHeader":true,"compress":true,"images":{"deviceSizes":[640,750,828,1080,1200,1920,2048,3840],"imageSizes":[32,48,64,96,128,256,384],"path":"/_next/image","loader":"default","loaderFile":"","domains":[],"disableStaticImages":false,"minimumCacheTTL":14400,"formats":["image/webp"],"maximumRedirects":3,"maximumResponseBody":50000000,"dangerouslyAllowLocalIP":false,"dangerouslyAllowSVG":false,"contentSecurityPolicy":"script-src 'none'; frame-src 'none'; sandbox;","contentDispositionType":"attachment","localPatterns":[{"pathname":"**","search":""}],"remotePatterns":[],"qualities":[75],"unoptimized":true,"customCacheHandler":false},"devIndicators":{"position":"bottom-left"},"onDemandEntries":{"maxInactiveAge":60000,"pagesBufferLength":5},"basePath":"","sassOptions":{},"trailingSlash":false,"i18n":null,"productionBrowserSourceMaps":false,"excludeDefaultMomentLocales":true,"reactProductionProfiling":false,"reactStrictMode":null,"reactMaxHeadersLength":6000,"httpAgentOptions":{"keepAlive":true},"logging":{"serverFunctions":true,"browserToTerminal":"warn"},"compiler":{},"expireTime":31536000,"staticPageGenerationTimeout":60,"output":"standalone","modularizeImports":{"@mui/icons-material":{"transform":"@mui/icons-material/{{member}}"},"lodash":{"transform":"lodash/{{member}}"}},"outputFileTracingRoot":"/Users/michaelmainguy/WebstormProjects/cameras","enablePrerenderSourceMaps":true,"cacheComponents":false,"cacheLife":{"default":{"stale":300,"revalidate":900,"expire":4294967294},"seconds":{"stale":30,"revalidate":1,"expire":60},"minutes":{"stale":300,"revalidate":60,"expire":3600},"hours":{"stale":300,"revalidate":3600,"expire":86400},"days":{"stale":300,"revalidate":86400,"expire":604800},"weeks":{"stale":300,"revalidate":604800,"expire":2592000},"max":{"stale":300,"revalidate":2592000,"expire":31536000}},"cacheHandlers":{},"experimental":{"appNewScrollHandler":true,"coldCacheBadge":false,"devValidationWorker":true,"useSkewCookie":false,"cssChunking":true,"multiZoneDraftMode":false,"appNavFailHandling":false,"prerenderEarlyExit":true,"serverMinification":true,"linkNoTouchStart":false,"caseSensitiveRoutes":false,"cachedNavigations":false,"dynamicOnHover":false,"useOffline":false,"varyParams":true,"optimisticRouting":true,"instrumentationClientRouterTransitionEvents":false,"prefetchInlining":{"maxSize":2048,"maxBundleSize":10240},"preloadEntriesOnStart":true,"clientRouterFilter":true,"clientRouterFilterRedirects":false,"fetchCacheKeyPrefix":"","proxyPrefetch":"flexible","optimisticClientCache":true,"manualClientBasePath":false,"cpus":9,"memoryBasedWorkersCount":false,"imgOptConcurrency":null,"imgOptOperationCache":null,"imgOptTimeoutInSeconds":7,"imgOptMaxInputPixels":268402689,"imgOptSequentialRead":null,"isrFlushToDisk":true,"workerThreads":false,"optimizeCss":false,"nextScriptWorkers":false,"scrollRestoration":false,"externalDir":false,"devMemoryThresholdRestart":true,"disableOptimizedLoading":false,"gzipSize":true,"craCompat":false,"esmExternals":true,"fullySpecified":false,"swcTraceProfiling":false,"forceSwcTransforms":false,"requestInsights":false,"largePageDataBytes":128000,"typedEnv":false,"parallelServerCompiles":false,"parallelServerBuildTraces":false,"ppr":false,"authInterrupts":false,"webpackMemoryOptimizations":false,"optimizeServerReact":true,"strictRouteTypes":false,"useTypeScriptCli":true,"removeUncaughtErrorAndRejectionListeners":false,"validateRSCRequestHeaders":true,"staleTimes":{"dynamic":0,"static":300},"reactDebugChannel":true,"serverComponentsHmrCache":true,"serverComponentsHmrCancellation":false,"staticGenerationMaxConcurrency":8,"staticGenerationMinPagesPerWorker":25,"transitionIndicator":false,"gestureTransition":false,"inlineCss":false,"useCache":false,"globalNotFound":false,"browserDebugInfoInTerminal":"warn","lockDistDir":true,"proxyClientMaxBodySize":10485760,"hideLogsAfterAbort":false,"mcpServer":true,"turbopackFileSystemCacheForDev":true,"turbopackFileSystemCacheForBuild":true,"turbopackInferModuleSideEffects":true,"turbopackPluginRuntimeStrategy":"childProcesses","turbopackMemoryEvictionMode":"auto","optimizePackageImports":["lucide-react","date-fns","lodash-es","ramda","antd","react-bootstrap","ahooks","@ant-design/icons","@headlessui/react","@headlessui-float/react","@heroicons/react/20/solid","@heroicons/react/24/solid","@heroicons/react/24/outline","@visx/visx","@tremor/react","rxjs","@mui/material","@mui/icons-material","recharts","react-use","effect","@effect/schema","@effect/platform","@effect/platform-node","@effect/platform-browser","@effect/platform-bun","@effect/sql","@effect/sql-mssql","@effect/sql-mysql2","@effect/sql-pg","@effect/sql-sqlite-node","@effect/sql-sqlite-bun","@effect/sql-sqlite-wasm","@effect/sql-sqlite-react-native","@effect/rpc","@effect/rpc-http","@effect/typeclass","@effect/experimental","@effect/opentelemetry","@material-ui/core","@material-ui/icons","@tabler/icons-react","mui-core","react-icons/ai","react-icons/bi","react-icons/bs","react-icons/cg","react-icons/ci","react-icons/di","react-icons/fa","react-icons/fa6","react-icons/fc","react-icons/fi","react-icons/gi","react-icons/go","react-icons/gr","react-icons/hi","react-icons/hi2","react-icons/im","react-icons/io","react-icons/io5","react-icons/lia","react-icons/lib","react-icons/lu","react-icons/md","react-icons/pi","react-icons/ri","react-icons/rx","react-icons/si","react-icons/sl","react-icons/tb","react-icons/tfi","react-icons/ti","react-icons/vsc","react-icons/wi"],"useCacheTimeout":54,"instantInsights":{"validationLevel":"warning"},"trustHostHeader":false,"isExperimentalCompile":false},"htmlLimitedBots":"[\\w-]+-Google|Google-[\\w-]+|Chrome-Lighthouse|Slurp|DuckDuckBot|baiduspider|yandex|sogou|bitlybot|tumblr|vkShare|quora link preview|redditbot|ia_archiver|Bingbot|BingPreview|applebot|facebookexternalhit|facebookcatalog|Twitterbot|LinkedInBot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|Yeti|googleweblight","bundlePagesRouterDependencies":false,"configFileName":"next.config.ts","outputFileTracingExcludes":{"/*":["bin/**/*",".data/**/*","node_modules/@img/**/*","node_modules/sharp/**/*"]},"serverExternalPackages":["onvif"],"repoRoot":"/Users/michaelmainguy/WebstormProjects/cameras","turbopack":{"root":"/Users/michaelmainguy/WebstormProjects/cameras"},"distDirRoot":".next"}
+
+process.env.__NEXT_PRIVATE_STANDALONE_CONFIG = JSON.stringify(nextConfig)
+
+require('next')
+const { startServer } = require('next/dist/server/lib/start-server')
+
+if (
+  Number.isNaN(keepAliveTimeout) ||
+  !Number.isFinite(keepAliveTimeout) ||
+  keepAliveTimeout < 0
+) {
+  keepAliveTimeout = undefined
+}
+
+startServer({
+  dir,
+  isDev: false,
+  config: nextConfig,
+  hostname,
+  port: currentPort,
+  allowRetry: false,
+  keepAliveTimeout,
+}).catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/.next/standalone/src/app/api/recordings/clip/route.test.ts

@@ -0,0 +1,83 @@
+import { mkdtemp, rm, writeFile } from "node:fs/promises";
+import os from "node:os";
+import path from "node:path";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+// Access control is tested in src/app/api/access.test.ts; here requests are allowed.
+vi.mock("@/lib/access", () => ({ apiAccessDenied: async () => null }));
+
+const { GET, DELETE } = await import("./route");
+
+const ID = "11111111-2222-3333-4444-555555555555";
+const NAME = "2026-09-19_17-06-18-101298.mp4";
+const CLIP = `cam-${ID}-sub-rec/${NAME}`;
+const BODY = "0123456789";
+
+let dir: string;
+beforeEach(async () => {
+  dir = await mkdtemp(path.join(os.tmpdir(), "clip-route-"));
+  vi.stubEnv("RECORDINGS_DIR", dir);
+  const folder = path.join(dir, `cam-${ID}-sub-rec`);
+  await (await import("node:fs/promises")).mkdir(folder, { recursive: true });
+  await writeFile(path.join(folder, NAME), BODY);
+});
+afterEach(() => rm(dir, { recursive: true, force: true }));
+
+const url = (clip = CLIP) => `http://localhost/api/recordings/clip?clip=${encodeURIComponent(clip)}`;
+const get = (clip?: string, headers?: HeadersInit) => GET(new Request(url(clip), { headers }));
+const text = async (res: Response) => Buffer.from(await res.arrayBuffer()).toString();
+
+describe("GET /api/recordings/clip", () => {
+  it("serves the whole clip as seekable video", async () => {
+    const res = await get();
+    expect(res.status).toBe(200);
+    expect(res.headers.get("Content-Type")).toBe("video/mp4");
+    expect(res.headers.get("Accept-Ranges")).toBe("bytes");
+    expect(res.headers.get("Content-Length")).toBe(String(BODY.length));
+    expect(res.headers.get("Cache-Control")).toBe("no-store");
+    expect(await text(res)).toBe(BODY);
+  });
+
+  it("serves a byte range so the player can seek", async () => {
+    const res = await get(CLIP, { range: "bytes=2-5" });
+    expect(res.status).toBe(206);
+    expect(res.headers.get("Content-Range")).toBe(`bytes 2-5/${BODY.length}`);
+    expect(res.headers.get("Content-Length")).toBe("4");
+    expect(await text(res)).toBe("2345");
+  });
+
+  it("serves an open-ended range and a suffix range", async () => {
+    expect(await text(await get(CLIP, { range: "bytes=7-" }))).toBe("789");
+    expect(await text(await get(CLIP, { range: "bytes=-3" }))).toBe("789");
+  });
+
+  it("refuses a range past the end", async () => {
+    const res = await get(CLIP, { range: "bytes=50-60" });
+    expect(res.status).toBe(416);
+    expect(res.headers.get("Content-Range")).toBe(`bytes */${BODY.length}`);
+  });
+
+  it.each([
+    ["a traversal", "../../etc/passwd"],
+    ["a folder that isn't ours", `secrets/${NAME}`],
+    ["a name that isn't a clip", `cam-${ID}-sub-rec/passwd`],
+    ["a clip that doesn't exist", `cam-${ID}-main-rec/${NAME}`],
+    ["nothing", ""],
+  ])("is not found for %s", async (_l, clip) => {
+    expect((await get(clip)).status).toBe(404);
+  });
+});
+
+describe("DELETE /api/recordings/clip", () => {
+  it("deletes the clip", async () => {
+    expect((await DELETE(new Request(url(), { method: "DELETE" }))).status).toBe(204);
+    expect((await get()).status).toBe(404);
+  });
+
+  it.each([["../../etc/passwd"], [""], [`cam-${ID}-sub-rec/2026-01-01_00-00-00-000000.mp4`]])(
+    "is not found for %j",
+    async (clip) => {
+      expect((await DELETE(new Request(url(clip), { method: "DELETE" }))).status).toBe(404);
+    },
+  );
+});

package/.next/standalone/src/app/api/recordings/clip/route.ts

@@ -0,0 +1,64 @@
+import { createReadStream } from "node:fs";
+import { stat } from "node:fs/promises";
+import type { ReadableOptions } from "node:stream";
+import { apiAccessDenied } from "@/lib/access";
+import { clipFile, deleteClip } from "@/lib/recordings";
+
+/**
+ * Plays or deletes one motion clip (vrek iss-v677bbd). The ?clip= id is matched against
+ * fixed patterns and resolved inside the recordings folder, so a request can only name a
+ * clip that folder actually holds (pri-m1csgrm).
+ */
+
+function fileFor(request: Request): string | null {
+  return clipFile(new URL(request.url).searchParams.get("clip") ?? "");
+}
+
+/** Node's read stream as a web stream, for one byte range. */
+function bodyFor(file: string, options: ReadableOptions & { start?: number; end?: number }) {
+  return createReadStream(file, options) as unknown as ReadableStream;
+}
+
+export async function GET(request: Request) {
+  const denied = await apiAccessDenied();
+  if (denied) return denied;
+  const file = fileFor(request);
+  const info = file ? await stat(file).catch(() => null) : null;
+  if (!info?.isFile()) return Response.json({ error: "No such clip" }, { status: 404 });
+
+  const headers: Record<string, string> = {
+    "Content-Type": "video/mp4",
+    "Cache-Control": "no-store",
+    "Accept-Ranges": "bytes",
+  };
+
+  // Seeking in a <video> needs range requests.
+  const range = /^bytes=(\d*)-(\d*)$/.exec(request.headers.get("range") ?? "");
+  if (range) {
+    const start = range[1] ? Number(range[1]) : Math.max(0, info.size - Number(range[2] || 0));
+    const end = range[1] && range[2] ? Math.min(Number(range[2]), info.size - 1) : info.size - 1;
+    if (start >= info.size || start > end) {
+      return new Response(null, { status: 416, headers: { "Content-Range": `bytes */${info.size}` } });
+    }
+    return new Response(bodyFor(file!, { start, end }), {
+      status: 206,
+      headers: {
+        ...headers,
+        "Content-Range": `bytes ${start}-${end}/${info.size}`,
+        "Content-Length": String(end - start + 1),
+      },
+    });
+  }
+
+  return new Response(bodyFor(file!, {}), {
+    headers: { ...headers, "Content-Length": String(info.size) },
+  });
+}
+
+export async function DELETE(request: Request) {
+  const denied = await apiAccessDenied();
+  if (denied) return denied;
+  const clip = new URL(request.url).searchParams.get("clip") ?? "";
+  if (!(await deleteClip(clip))) return Response.json({ error: "No such clip" }, { status: 404 });
+  return new Response(null, { status: 204 });
+}

package/.next/standalone/src/app/api/recordings/route.test.ts

@@ -0,0 +1,34 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import type { Clip } from "@/lib/recordings";
+
+const listClips = vi.fn<(cameraId?: string) => Promise<Clip[]>>();
+// Access control is tested in src/app/api/access.test.ts; here requests are allowed.
+vi.mock("@/lib/access", () => ({ apiAccessDenied: async () => null }));
+vi.mock("@/lib/recordings", () => ({ listClips }));
+
+const { GET } = await import("./route");
+
+const ID = "11111111-2222-3333-4444-555555555555";
+const clip: Clip = { id: `cam-${ID}-sub-rec/2026-09-19_17-06-18-101298.mp4`, cameraId: ID, startedAt: "2026-09-19T22:06:18.000Z", bytes: 2582503 };
+const get = (query = "") => GET(new Request(`http://localhost/api/recordings${query}`));
+
+beforeEach(() => listClips.mockReset().mockResolvedValue([clip]));
+
+describe("GET /api/recordings", () => {
+  it("lists every clip, uncached", async () => {
+    const res = await get();
+    expect(res.headers.get("Cache-Control")).toBe("no-store");
+    expect(await res.json()).toEqual({ clips: [clip] });
+    expect(listClips).toHaveBeenCalledWith(undefined);
+  });
+
+  it("narrows to one camera", async () => {
+    await get(`?camera=${ID}`);
+    expect(listClips).toHaveBeenCalledWith(ID);
+  });
+
+  it.each(["?camera=../etc", "?camera=", "?camera=nonsense"])("ignores a bad %s", async (query) => {
+    await get(query);
+    expect(listClips).toHaveBeenCalledWith(undefined);
+  });
+});

package/.next/standalone/src/app/api/recordings/route.ts

@@ -0,0 +1,12 @@
+import { z } from "zod";
+import { apiAccessDenied } from "@/lib/access";
+import { cameraIdSchema } from "@/lib/camera-registry";
+import { listClips } from "@/lib/recordings";
+
+/** Motion clips on disk (vrek iss-v677bbd); ?camera=<id> narrows it to one camera. */
+export async function GET(request: Request) {
+  const denied = await apiAccessDenied();
+  if (denied) return denied;
+  const camera = z.union([cameraIdSchema, z.null()]).catch(null).parse(new URL(request.url).searchParams.get("camera"));
+  return Response.json({ clips: await listClips(camera ?? undefined) }, { headers: { "Cache-Control": "no-store" } });
+}

package/.next/standalone/src/app/recordings/clip-list.test.tsx

@@ -0,0 +1,101 @@
+// @vitest-environment jsdom
+import { fireEvent, render, screen, waitFor, within } from "@testing-library/react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import type { Clip } from "@/lib/recordings";
+import { stubFetch } from "../../../test/dom";
+import ClipList from "./clip-list";
+
+const refresh = vi.fn();
+vi.mock("next/navigation", () => ({ useRouter: () => ({ refresh }) }));
+
+const A = "11111111-2222-3333-4444-555555555555";
+const B = "22ec0000-8b90-11b5-845d-d03bf404af54";
+const clips: Clip[] = [
+  { id: `cam-${A}-sub-rec/2026-09-19_17-06-18-101298.mp4`, cameraId: A, startedAt: "2026-09-19T22:06:18.000Z", bytes: 2_582_503 },
+  { id: `cam-${B}-sub-rec/2026-09-19_08-00-00-000000.mp4`, cameraId: B, startedAt: "2026-09-19T13:00:00.000Z", bytes: 51_200 },
+];
+const names = { [A]: "Porch", [B]: "Garage" };
+const list = (some = clips) => render(<ClipList clips={some} names={names} />);
+const clipUrl = (clip: Clip) => `/api/recordings/clip?clip=${encodeURIComponent(clip.id)}`;
+
+beforeEach(() => refresh.mockReset());
+
+describe("ClipList", () => {
+  it("lists each clip with its camera, time and size", () => {
+    list();
+    expect(screen.getByText("Porch")).toBeTruthy();
+    expect(screen.getByText("Garage")).toBeTruthy();
+    expect(screen.getByText("2.5 MB")).toBeTruthy();
+    expect(screen.getByText("50 KB")).toBeTruthy();
+    expect(document.querySelectorAll("time")).toHaveLength(2);
+  });
+
+  it("says so when there is nothing recorded", () => {
+    list([]);
+    expect(screen.getByText(/No clips yet/)).toBeTruthy();
+    expect(screen.queryByRole("button", { name: "Play" })).toBeNull();
+  });
+
+  it("names a camera that is no longer in the registry", () => {
+    render(<ClipList clips={clips} names={{}} />);
+    expect(screen.getAllByText("Unknown camera")).toHaveLength(2);
+  });
+
+  it("plays a clip from our own route and closes the player again", () => {
+    list();
+    fireEvent.click(screen.getAllByRole("button", { name: "Play" })[0]);
+    const video = document.querySelector("video")!;
+    expect(video.getAttribute("src")).toBe(clipUrl(clips[0]));
+    expect(screen.getByRole("heading").textContent).toContain("Porch");
+
+    fireEvent.click(screen.getByRole("button", { name: "Close" }));
+    expect(document.querySelector("video")).toBeNull();
+  });
+
+  it("asks before deleting, and can be cancelled", async () => {
+    const fetchMock = stubFetch({});
+    list();
+    fireEvent.click(screen.getAllByRole("button", { name: "Delete" })[0]);
+    expect(screen.getByRole("alertdialog", { name: "Delete this clip?" })).toBeTruthy();
+
+    fireEvent.click(screen.getByRole("button", { name: "Cancel" }));
+    expect(screen.queryByRole("alertdialog")).toBeNull();
+    expect(fetchMock).not.toHaveBeenCalled();
+  });
+
+  it("deletes a clip, closes it if it was playing, and reloads the list", async () => {
+    const fetchMock = stubFetch({
+      [`DELETE ${clipUrl(clips[0]).split("?")[0]}`]: () => new Response(null, { status: 204 }),
+    });
+    list();
+    fireEvent.click(screen.getAllByRole("button", { name: "Play" })[0]);
+    fireEvent.click(screen.getAllByRole("button", { name: "Delete" })[0]);
+    fireEvent.click(within(screen.getByRole("alertdialog")).getByRole("button", { name: "Delete" }));
+
+    await waitFor(() => expect(refresh).toHaveBeenCalled());
+    expect(String(fetchMock.mock.calls[0][0])).toBe(clipUrl(clips[0]));
+    expect(document.querySelector("video")).toBeNull();
+  });
+
+  it("says when a delete fails, and keeps the clip listed", async () => {
+    stubFetch({
+      [`DELETE ${clipUrl(clips[0]).split("?")[0]}`]: () => new Response(null, { status: 500 }),
+    });
+    list();
+    fireEvent.click(screen.getAllByRole("button", { name: "Delete" })[0]);
+    fireEvent.click(within(screen.getByRole("alertdialog")).getByRole("button", { name: "Delete" }));
+    expect((await screen.findByRole("alert")).textContent).toContain("could not be deleted");
+    expect(refresh).not.toHaveBeenCalled();
+    expect(screen.getByText("Porch")).toBeTruthy();
+  });
+
+  it("treats a clip that is already gone as deleted", async () => {
+    stubFetch({
+      [`DELETE ${clipUrl(clips[0]).split("?")[0]}`]: () => new Response(null, { status: 404 }),
+    });
+    list();
+    fireEvent.click(screen.getAllByRole("button", { name: "Delete" })[0]);
+    fireEvent.click(within(screen.getByRole("alertdialog")).getByRole("button", { name: "Delete" }));
+    await waitFor(() => expect(refresh).toHaveBeenCalled());
+  });
+});

package/.next/standalone/src/app/recordings/clip-list.tsx

@@ -0,0 +1,111 @@
+"use client";
+
+import { CircleAlert, Film, Play, Trash2, X } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import type { Clip } from "@/lib/recordings";
+
+/** "2.4 MB" */
+function sizeLabel(bytes: number): string {
+  return bytes >= 1024 * 1024 ? `${(bytes / 1024 / 1024).toFixed(1)} MB` : `${Math.round(bytes / 1024)} KB`;
+}
+
+const clipUrl = (id: string) => `/api/recordings/clip?clip=${encodeURIComponent(id)}`;
+
+export default function ClipList({ clips, names }: { clips: Clip[]; names: Record<string, string> }) {
+  const router = useRouter();
+  const [playing, setPlaying] = useState<Clip | null>(null);
+  const [confirming, setConfirming] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  async function remove(clip: Clip) {
+    setConfirming(null);
+    setError(null);
+    const res = await fetch(clipUrl(clip.id), { method: "DELETE" }).catch(() => null);
+    if (!res || (!res.ok && res.status !== 404)) {
+      setError("That clip could not be deleted.");
+      return;
+    }
+    if (playing?.id === clip.id) setPlaying(null);
+    router.refresh();
+  }
+
+  if (clips.length === 0) {
+    return (
+      <p className="text-sm text-zinc-600 dark:text-zinc-400">
+        No clips yet. One is recorded whenever a camera reports motion.
+      </p>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-4">
+      {playing && (
+        <div className="rounded-lg border border-zinc-200 p-3 dark:border-zinc-800">
+          <div className="flex items-center justify-between gap-2">
+            <h2 className="text-sm font-medium">
+              {names[playing.cameraId] ?? "Unknown camera"} · {new Date(playing.startedAt).toLocaleString()}
+            </h2>
+            <button onClick={() => setPlaying(null)} className="inline-flex items-center gap-1 text-sm underline">
+              <X aria-hidden className="size-4" />
+              Close
+            </button>
+          </div>
+          <video key={playing.id} src={clipUrl(playing.id)} controls autoPlay className="mt-2 w-full rounded bg-black" />
+        </div>
+      )}
+
+      {error && (
+        <p role="alert" className="inline-flex items-center gap-1.5 text-sm text-red-600">
+          <CircleAlert aria-hidden className="size-4 shrink-0" />
+          {error}
+        </p>
+      )}
+
+      <ul className="flex flex-col gap-2">
+        {clips.map((clip) => (
+          <li
+            key={clip.id}
+            className="flex flex-wrap items-center justify-between gap-2 rounded border border-zinc-200 px-3 py-2 text-sm dark:border-zinc-800"
+          >
+            <span className="inline-flex items-center gap-2">
+              <Film aria-hidden className="size-4 shrink-0 text-zinc-500" />
+              <span>
+                <span className="font-medium">{names[clip.cameraId] ?? "Unknown camera"}</span>{" "}
+                <time dateTime={clip.startedAt}>{new Date(clip.startedAt).toLocaleString()}</time>
+              </span>
+              <span className="text-zinc-500">{sizeLabel(clip.bytes)}</span>
+            </span>
+
+            {confirming === clip.id ? (
+              <span role="alertdialog" aria-label="Delete this clip?" className="flex items-center gap-2">
+                <span>Delete this clip?</span>
+                <button
+                  onClick={() => remove(clip)}
+                  className="inline-flex items-center gap-1 rounded bg-red-600 px-2 py-1 text-white"
+                >
+                  <Trash2 aria-hidden className="size-4" />
+                  Delete
+                </button>
+                <button onClick={() => setConfirming(null)} className="underline">
+                  Cancel
+                </button>
+              </span>
+            ) : (
+              <span className="flex items-center gap-3">
+                <button onClick={() => setPlaying(clip)} className="inline-flex items-center gap-1 underline">
+                  <Play aria-hidden className="size-4" />
+                  Play
+                </button>
+                <button onClick={() => setConfirming(clip.id)} className="inline-flex items-center gap-1 underline">
+                  <Trash2 aria-hidden className="size-4" />
+                  Delete
+                </button>
+              </span>
+            )}
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}

package/.next/standalone/src/app/recordings/page.test.tsx

@@ -0,0 +1,68 @@
+import { renderToStaticMarkup } from "react-dom/server";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import type { Clip } from "@/lib/recordings";
+
+const requirePageAccess = vi.fn();
+vi.mock("@/lib/access", () => ({ requirePageAccess }));
+
+const listClips = vi.fn<(id?: string) => Promise<Clip[]>>();
+const allCameraRecords = vi.fn();
+vi.mock("@/lib/recordings", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@/lib/recordings")>()),
+  listClips,
+}));
+vi.mock("@/lib/camera-registry", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@/lib/camera-registry")>()),
+  allCameraRecords,
+}));
+vi.mock("./clip-list", () => ({
+  default: (props: object) => <div data-testid="clips">{JSON.stringify(props)}</div>,
+}));
+
+const { default: RecordingsPage } = await import("./page");
+
+const ID = "22ec0000-8b90-11b5-845d-d03bf404af54";
+const clip: Clip = { id: `cam-${ID}-sub-rec/2026-09-19_17-06-18-101298.mp4`, cameraId: ID, startedAt: "2026-09-19T22:06:18.000Z", bytes: 1000 };
+const record = { id: ID, urn: `urn:uuid:${ID}`, host: "192.168.17.129", port: 80, name: "I91ET", lastSeen: "" };
+const page = (camera?: string) =>
+  RecordingsPage({ params: Promise.resolve({}), searchParams: Promise.resolve(camera === undefined ? {} : { camera }) });
+const markup = async (camera?: string) => renderToStaticMarkup(await page(camera)).replace(/&quot;/g, '"');
+
+beforeEach(() => {
+  requirePageAccess.mockReset().mockResolvedValue(undefined);
+  listClips.mockReset().mockResolvedValue([clip]);
+  allCameraRecords.mockReset().mockResolvedValue([record]);
+});
+
+describe("/recordings", () => {
+  it("checks access before reading anything", async () => {
+    requirePageAccess.mockRejectedValue(new Error("redirect /login"));
+    await expect(page()).rejects.toThrow("redirect /login");
+    expect(listClips).not.toHaveBeenCalled();
+  });
+
+  it("passes every clip and the camera names to the list", async () => {
+    const html = await markup();
+    expect(listClips).toHaveBeenCalledWith(undefined);
+    expect(html).toContain(JSON.stringify({ clips: [clip], names: { [ID]: "I91ET" } }));
+    expect(html).toContain("sub stream");
+    expect(html).toContain("7 days");
+  });
+
+  it("narrows to one camera and offers a way back to all of them", async () => {
+    const html = await markup(ID);
+    expect(listClips).toHaveBeenCalledWith(ID);
+    expect(html).toContain("Recordings: I91ET");
+    expect(html).toContain('href="/recordings"');
+  });
+
+  it("ignores a camera parameter that isn't an id", async () => {
+    await markup("../etc");
+    expect(listClips).toHaveBeenCalledWith(undefined);
+  });
+
+  it("falls back to the address for an unnamed camera", async () => {
+    allCameraRecords.mockResolvedValue([{ ...record, name: undefined }]);
+    expect(await markup(ID)).toContain("Recordings: 192.168.17.129:80");
+  });
+});

package/.next/standalone/src/app/recordings/page.tsx

@@ -0,0 +1,45 @@
+import { ArrowLeft, Film } from "lucide-react";
+import Link from "next/link";
+import { requirePageAccess } from "@/lib/access";
+import { allCameraRecords } from "@/lib/camera-registry";
+import { cameraIdSchema } from "@/lib/camera-registry";
+import { keepDays, listClips, recordStream } from "@/lib/recordings";
+import ClipList from "./clip-list";
+
+/** Motion clips, newest first (vrek iss-v677bbd). */
+export default async function RecordingsPage({ searchParams }: PageProps<"/recordings">) {
+  await requirePageAccess();
+  const { camera } = await searchParams;
+  const only = cameraIdSchema.safeParse(camera).data;
+  const [clips, cameras] = await Promise.all([listClips(only), allCameraRecords()]);
+  const names = Object.fromEntries(cameras.map((c) => [c.id, c.name ?? `${c.host}:${c.port}`]));
+  const shown = only ? names[only] : null;
+
+  return (
+    <main className="mx-auto w-full max-w-4xl flex-1 px-4 py-8 font-sans">
+      <Link href="/" className="inline-flex items-center gap-1 text-sm text-zinc-600 underline dark:text-zinc-400">
+        <ArrowLeft aria-hidden className="size-4" />
+        All cameras
+      </Link>
+      <h1 className="mt-4 flex items-center gap-2 text-2xl font-semibold tracking-tight">
+        <Film aria-hidden className="size-6" />
+        Recordings{shown ? `: ${shown}` : ""}
+      </h1>
+      <p className="mt-1 text-sm text-zinc-600 dark:text-zinc-400">
+        Clips are recorded from each camera&apos;s {recordStream()} stream while it reports motion, and
+        deleted after {keepDays()} days.
+      </p>
+      {only && (
+        <p className="mt-1 text-sm">
+          <Link href="/recordings" className="underline">
+            Show every camera
+          </Link>
+        </p>
+      )}
+
+      <div className="mt-6">
+        <ClipList clips={clips} names={names} />
+      </div>
+    </main>
+  );
+}

package/.next/static/chunks/0-4hhghprzhtw.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,28298,(e,t,r)=>{"use strict";e.i(47167),Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"useRouterBFCache",{enumerable:!0,get:function(){return a}});let n=e.r(71645);function a(e,t,r){let[a,u]=(0,n.useState)(()=>({tree:e,cacheNode:t,stateKey:r,next:null}));if(a.tree===e)return a;let l={tree:e,cacheNode:t,stateKey:r,next:null},i=1,s=a,o=l;for(;null!==s&&i<1;){if(s.stateKey===r){o.next=s.next;break}{i++;let e={tree:s.tree,cacheNode:s.cacheNode,stateKey:s.stateKey,next:null};o.next=e,o=e}s=s.next}return u(l),l}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},47257,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"ClientPageRoot",{enumerable:!0,get:function(){return o}});let n=e.r(43476),a=e.r(8372),u=e.r(71645),l=e.r(33906),i=e.r(61994),s=e.r(15783);function o({Component:e,serverProvidedParams:t}){let r,c;if(null!==t)r=t.searchParams,c=t.params;else{let e=(0,u.use)(a.LayoutRouterContext);c=null!==e?e.parentParams:{},r=(0,l.urlSearchParamsToParsedUrlQuery)((0,u.use)(i.SearchParamsContext))}let d=(0,s.createClientSearchParams)(r),f=(0,s.createClientParams)(c);return(0,n.jsx)(e,{params:f,searchParams:d})}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},92825,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"ClientSegmentRoot",{enumerable:!0,get:function(){return i}});let n=e.r(43476),a=e.r(8372),u=e.r(71645),l=e.r(15783);function i({Component:e,slots:t,serverProvidedParams:r}){let s;if(null!==r)s=r.params;else{let e=(0,u.use)(a.LayoutRouterContext);s=null!==e?e.parentParams:{}}let o=(0,l.createClientParams)(s);return(0,n.jsx)(e,{...t,params:o})}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},68017,(e,t,r)=>{"use strict";e.i(47167),Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"HTTPAccessFallbackBoundary",{enumerable:!0,get:function(){return c}});let n=e.r(90809),a=e.r(43476),u=n._(e.r(71645)),l=e.r(90373),i=e.r(54394),s=e.r(8372);class o extends u.default.Component{constructor(e){super(e),this.state={triggeredStatus:void 0,previousPathname:e.pathname}}componentDidCatch(){}static getDerivedStateFromError(e){if((0,i.isHTTPAccessFallbackError)(e))return{triggeredStatus:(0,i.getAccessFallbackHTTPStatus)(e)};throw e}static getDerivedStateFromProps(e,t){return e.pathname!==t.previousPathname&&t.triggeredStatus?{triggeredStatus:void 0,previousPathname:e.pathname}:{triggeredStatus:t.triggeredStatus,previousPathname:e.pathname}}render(){let{notFound:e,forbidden:t,unauthorized:r,children:n}=this.props,{triggeredStatus:u}=this.state,l={[i.HTTPAccessErrorStatus.NOT_FOUND]:e,[i.HTTPAccessErrorStatus.FORBIDDEN]:t,[i.HTTPAccessErrorStatus.UNAUTHORIZED]:r};if(u){let s=u===i.HTTPAccessErrorStatus.NOT_FOUND&&e,o=u===i.HTTPAccessErrorStatus.FORBIDDEN&&t,c=u===i.HTTPAccessErrorStatus.UNAUTHORIZED&&r;return s||o||c?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{name:"robots",content:"noindex"}),!1,l[u]]}):n}return n}}function c({notFound:e,forbidden:t,unauthorized:r,children:n}){let i=(0,l.useUntrackedPathname)(),d=(0,u.useContext)(s.MissingSlotContext);return e||t||r?(0,a.jsx)(o,{pathname:i,notFound:e,forbidden:t,unauthorized:r,missingSlots:d,children:n}):(0,a.jsx)(a.Fragment,{children:n})}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},22976,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={InstantValidationBoundaryContext:function(){return u},PlaceValidationBoundaryBelowThisLevel:function(){return l},RenderValidationBoundaryAtThisLevel:function(){return i},SlotMarker:function(){return s}};for(var a in n)Object.defineProperty(r,a,{enumerable:!0,get:n[a]});let u=null,l=null,i=null,s=null;("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},77694,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={InstantValidationBoundaryContext:function(){return u.InstantValidationBoundaryContext},PlaceValidationBoundaryBelowThisLevel:function(){return u.PlaceValidationBoundaryBelowThisLevel},RenderValidationBoundaryAtThisLevel:function(){return u.RenderValidationBoundaryAtThisLevel},SlotMarker:function(){return u.SlotMarker}};for(var a in n)Object.defineProperty(r,a,{enumerable:!0,get:n[a]});let u=e.r(22976);("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},39756,(e,t,r)=>{"use strict";e.i(47167),Object.defineProperty(r,"__esModule",{value:!0});var n={LoadingBoundaryProvider:function(){return M},default:function(){return T}};for(var a in n)Object.defineProperty(r,a,{enumerable:!0,get:n[a]});let u=e.r(55682),l=e.r(90809),i=e.r(43476),s=l._(e.r(71645)),o=u._(e.r(74080)),c=e.r(8372),d=e.r(1244),f=e.r(72383),h=e.r(91915),y=e.r(58442),p=e.r(68017);e.r(77694);let m=e.r(70725),b=e.r(28298);e.r(74180);let g=e.r(61994),v=e.r(33906),O=e.r(95871);o.default.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function P(e,t,r){let n=e.getClientRects();if(0===n.length)return 0;let a=1/0;for(let e=0;e<n.length;e++){let t=n[e];t.top<a&&(a=t.top)}return a>=r()&&a<=t?1:2}s.default.Component;let _=function(e){let t=s.default.useRef(null);return(0,s.useLayoutEffect)(()=>{let{focusAndScrollRef:r,cacheNode:n}=e,a=r.forceScroll?r.scrollRef:n.scrollRef;if(null===a||!a.current)return;let u=null,l=r.hashFragment;if(l){var i;if(null===(u="top"===(i=l)?document.body:document.getElementById(i)??document.getElementsByName(i)[0]??null)){a.current=!1,r.onlyHashChange=!1,r.hashFragment=null;return}}else u=t.current;if(null===u)return;let s=!1;(0,h.disableSmoothScrollDuringRouteTransition)(()=>{let e=document.documentElement,t=null,r=null,n=null,i=()=>{var r,a;let u,l;return null===n&&(r=e,a=t,n=!Number.isFinite(l=Number.parseFloat(u=getComputedStyle(r).scrollPaddingTop))||l<0?0:u.endsWith("px")?l:u.endsWith("%")?l/100*a:0),n};(l||(t=e.clientHeight,0!==(r=P(u,t,i))))&&((s=!0,a.current=!1,l)?u.scrollIntoView():1!==r&&(e.scrollTop=0,2===P(u,t,i)&&u.scrollIntoView()))},{dontForceLayout:!0,onlyHashChange:r.onlyHashChange}),s&&(r.onlyHashChange=!1,r.hashFragment=null)},void 0),(0,i.jsx)(s.Fragment,{ref:t,children:e.children})};function C({children:e,cacheNode:t}){let r=(0,s.useContext)(c.GlobalLayoutRouterContext);if(!r)throw Object.defineProperty(Error("invariant global layout router not mounted"),"__NEXT_ERROR_CODE",{value:"E473",enumerable:!1,configurable:!0});return(0,i.jsx)(_,{focusAndScrollRef:r.focusAndScrollRef,cacheNode:t,children:e})}function j({tree:e,segmentPath:t,debugNameContext:r,cacheNode:n,params:a,url:u,isActive:l}){let o,f=(0,s.useContext)(c.GlobalLayoutRouterContext);if((0,s.useContext)(g.NavigationPromisesContext),!f)throw Object.defineProperty(Error("invariant global layout router not mounted"),"__NEXT_ERROR_CODE",{value:"E473",enumerable:!1,configurable:!0});let h=null!==n?n:(0,s.use)(d.unresolvedThenable),y=null!==h.prefetchRsc?h.prefetchRsc:h.rsc,p=(0,s.useDeferredValue)(h.rsc,y);if((0,O.isDeferredRsc)(p)){let e=(0,s.use)(p);null===e&&(0,s.use)(d.unresolvedThenable),o=e}else null===p&&(0,s.use)(d.unresolvedThenable),o=p;let m=o;return(0,i.jsx)(c.LayoutRouterContext.Provider,{value:{parentTree:e,parentCacheNode:h,parentSegmentPath:t,parentParams:a,parentLoadingData:null,debugNameContext:r,url:u,isActive:l},children:m})}function M({loading:e,children:t}){let r=(0,s.use)(c.LayoutRouterContext);return null===r?t:(0,i.jsx)(c.LayoutRouterContext.Provider,{value:{parentTree:r.parentTree,parentCacheNode:r.parentCacheNode,parentSegmentPath:r.parentSegmentPath,parentParams:r.parentParams,parentLoadingData:e,debugNameContext:r.debugNameContext,url:r.url,isActive:r.isActive},children:t})}function x({name:e,loading:t,children:r}){if(null!==t){let n=t[0],a=t[1],u=t[2];return(0,i.jsx)(s.Suspense,{name:e,fallback:(0,i.jsxs)(i.Fragment,{children:[a,u,n]}),children:r})}return(0,i.jsx)(i.Fragment,{children:r})}function T({parallelRouterKey:e,error:t,errorStyles:r,errorScripts:n,templateStyles:a,templateScripts:u,template:l,notFound:o,forbidden:h,unauthorized:g,segmentViewBoundaries:O}){let P=(0,s.useContext)(c.LayoutRouterContext);if(!P)throw Object.defineProperty(Error("invariant expected layout router to be mounted"),"__NEXT_ERROR_CODE",{value:"E56",enumerable:!1,configurable:!0});let{parentTree:_,parentCacheNode:M,parentSegmentPath:S,parentParams:R,parentLoadingData:q,url:E,isActive:A,debugNameContext:D}=P,Q=_[0],F=null===S?[e]:S.concat([Q,e]),N=_[1][e],w=M.slots;(void 0===N||null===w)&&(0,s.use)(d.unresolvedThenable);let B=N[0],H=w[e]??null,K=(0,m.createRouterCacheKey)(B,!0),L=(0,b.useRouterBFCache)(N,H,K),I=[];do{let e=L.tree,s=L.cacheNode,d=L.stateKey,m=e[0],b=R;if(Array.isArray(m)){let e=m[0],t=m[1],r=m[2],n=(0,v.getParamValueFromCacheKey)(t,r);null!==n&&(b={...R,[e]:n})}let O=function(e){if("/"===e)return"/";if("string"==typeof e)if("(__SLOT__)"===e)return;else return e+"/";return e[1]+"/"}(m),P=O??D,_=void 0===O?void 0:D,M=(0,i.jsxs)(C,{cacheNode:s,children:[(0,i.jsx)(f.ErrorBoundary,{errorComponent:t,errorStyles:r,errorScripts:n,children:(0,i.jsx)(x,{name:_,loading:q,children:(0,i.jsx)(p.HTTPAccessFallbackBoundary,{notFound:o,forbidden:h,unauthorized:g,children:(0,i.jsxs)(y.RedirectBoundary,{children:[(0,i.jsx)(j,{url:E,tree:e,params:b,cacheNode:s,segmentPath:F,debugNameContext:P,isActive:A&&d===K}),null]})})})}),null]}),T=(0,i.jsxs)(c.TemplateContext.Provider,{value:M,children:[a,u,l]},d);I.push(T),L=L.next}while(null!==L)return I}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},37457,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return i}});let n=e.r(90809),a=e.r(43476),u=n._(e.r(71645)),l=e.r(8372);function i(){let e=(0,u.useContext)(l.TemplateContext);return(0,a.jsx)(a.Fragment,{children:e})}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},6831,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"createRenderParamsFromClient",{enumerable:!0,get:function(){return a}});let n=new WeakMap;function a(e){let t=n.get(e);if(t)return t;let r=Promise.resolve(e);return n.set(e,r),r}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},97689,(e,t,r)=>{"use strict";e.i(47167),Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"createRenderParamsFromClient",{enumerable:!0,get:function(){return n}});let n=e.r(6831).createRenderParamsFromClient;("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},93504,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"createRenderSearchParamsFromClient",{enumerable:!0,get:function(){return a}});let n=new WeakMap;function a(e){let t=n.get(e);if(t)return t;let r=Promise.resolve(e);return n.set(e,r),r}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},66996,(e,t,r)=>{"use strict";e.i(47167),Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"createRenderSearchParamsFromClient",{enumerable:!0,get:function(){return n}});let n=e.r(93504).createRenderSearchParamsFromClient;("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},15783,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={createClientParams:function(){return u.createRenderParamsFromClient},createClientSearchParams:function(){return l.createRenderSearchParamsFromClient}};for(var a in n)Object.defineProperty(r,a,{enumerable:!0,get:n[a]});let u=e.r(97689),l=e.r(66996);("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},27201,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"IconMark",{enumerable:!0,get:function(){return a}});let n=e.r(43476),a=()=>"u">typeof window?null:(0,n.jsx)("meta",{name:"«nxt-icon»"})},91915,(e,t,r)=>{"use strict";function n(e,t={}){if(t.onlyHashChange)return void e();let r=document.documentElement;if("smooth"!==r.dataset.scrollBehavior)return void e();let a=r.style.scrollBehavior;r.style.scrollBehavior="auto",t.dontForceLayout||r.getClientRects(),e(),r.style.scrollBehavior=a}e.i(47167),Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"disableSmoothScrollDuringRouteTransition",{enumerable:!0,get:function(){return n}})},44636,e=>{"use strict";var t=e.i(43476),r=e.i(19273),n=e.i(75555),a=e.i(40143),u=e.i(14448),l=e.i(15823),i=e.i(14272),s=class extends l.Subscribable{#e;#t;#r;constructor(e={}){super(),this.config=e,this.#e=new Set,this.#t=new Map,this.#r=0}build(e,t,r){let n=new i.Mutation({client:e,mutationCache:this,mutationId:++this.#r,options:e.defaultMutationOptions(t),state:r});return this.add(n),n}add(e){this.#e.add(e);let t=o(e);if("string"==typeof t){let r=this.#t.get(t);r?r.push(e):this.#t.set(t,[e])}this.notify({type:"added",mutation:e})}remove(e){if(this.#e.delete(e)){let t=o(e);if("string"==typeof t){let r=this.#t.get(t);if(r)if(r.length>1){let t=r.indexOf(e);-1!==t&&r.splice(t,1)}else r[0]===e&&this.#t.delete(t)}}this.notify({type:"removed",mutation:e})}canRun(e){let t=o(e);if("string"!=typeof t)return!0;{let r=this.#t.get(t)?.find(e=>"pending"===e.state.status);return!r||r===e}}runNext(e){let t=o(e);return"string"==typeof t?this.#t.get(t)?.find(t=>t!==e&&t.state.isPaused)?.continue()??Promise.resolve():Promise.resolve()}clear(){a.notifyManager.batch(()=>{this.#e.forEach(e=>{this.notify({type:"removed",mutation:e})}),this.#e.clear(),this.#t.clear()})}getAll(){return Array.from(this.#e)}find(e){let t={exact:!0,...e};return this.getAll().find(e=>(0,r.matchMutation)(t,e))}findAll(e={}){return this.getAll().filter(t=>(0,r.matchMutation)(e,t))}notify(e){a.notifyManager.batch(()=>{this.listeners.forEach(t=>{t(e)})})}resumePausedMutations(){let e=this.getAll().filter(e=>e.state.isPaused);return a.notifyManager.batch(()=>Promise.all(e.map(e=>e.continue().catch(r.noop))))}};function o(e){return e.options.scope?.id}var c=l,d=e.i(86491),f=class extends c.Subscribable{#n;constructor(e={}){super(),this.config=e,this.#n=new Map}build(e,t,n){let a=t.queryKey,u=t.queryHash??(0,r.hashQueryKeyByOptions)(a,t),l=this.get(u);return l||(l=new d.Query({client:e,queryKey:a,queryHash:u,options:e.defaultQueryOptions(t),state:n,defaultOptions:e.getQueryDefaults(a)}),this.add(l)),l}add(e){this.#n.has(e.queryHash)||(this.#n.set(e.queryHash,e),this.notify({type:"added",query:e}))}remove(e){let t=this.#n.get(e.queryHash);t&&(e.destroy(),t===e&&this.#n.delete(e.queryHash),this.notify({type:"removed",query:e}))}clear(){a.notifyManager.batch(()=>{this.getAll().forEach(e=>{this.remove(e)})})}get(e){return this.#n.get(e)}getAll(){return[...this.#n.values()]}find(e){let t={exact:!0,...e};return this.getAll().find(e=>(0,r.matchQuery)(t,e))}findAll(e={}){let t=this.getAll();return Object.keys(e).length>0?t.filter(t=>(0,r.matchQuery)(e,t)):t}notify(e){a.notifyManager.batch(()=>{this.listeners.forEach(t=>{t(e)})})}onFocus(){a.notifyManager.batch(()=>{this.getAll().forEach(e=>{e.onFocus()})})}onOnline(){a.notifyManager.batch(()=>{this.getAll().forEach(e=>{e.onOnline()})})}},h=class{#a;#u;#l;#i;#s;#o;#c;#d;constructor(e={}){this.#a=e.queryCache||new f,this.#u=e.mutationCache||new s,this.#l=e.defaultOptions||{},this.#i=new Map,this.#s=new Map,this.#o=0}mount(){this.#o++,1===this.#o&&(this.#c=n.focusManager.subscribe(async e=>{e&&(await this.resumePausedMutations(),this.#a.onFocus())}),this.#d=u.onlineManager.subscribe(async e=>{e&&(await this.resumePausedMutations(),this.#a.onOnline())}))}unmount(){this.#o--,0===this.#o&&(this.#c?.(),this.#c=void 0,this.#d?.(),this.#d=void 0)}isFetching(e){return this.#a.findAll({...e,fetchStatus:"fetching"}).length}isMutating(e){return this.#u.findAll({...e,status:"pending"}).length}getQueryData(e){let t=this.defaultQueryOptions({queryKey:e});return this.#a.get(t.queryHash)?.state.data}ensureQueryData(e){let t=this.defaultQueryOptions(e),n=this.#a.build(this,t),a=n.state.data;return void 0===a?this.fetchQuery(e):(e.revalidateIfStale&&n.isStaleByTime((0,r.resolveQueryValue)(t.staleTime,n))&&this.prefetchQuery(t),Promise.resolve(a))}getQueriesData(e){return this.#a.findAll(e).map(({queryKey:e,state:t})=>[e,t.data])}setQueryData(e,t,n){let a=this.defaultQueryOptions({queryKey:e}),u=this.#a.get(a.queryHash)?.state.data,l=(0,r.functionalUpdate)(t,u);if(void 0!==l)return this.#a.build(this,a).setData(l,{...n,manual:!0})}setQueriesData(e,t,r){return a.notifyManager.batch(()=>this.#a.findAll(e).map(({queryKey:e})=>[e,this.setQueryData(e,t,r)]))}getQueryState(e){let t=this.defaultQueryOptions({queryKey:e});return this.#a.get(t.queryHash)?.state}removeQueries(e){let t=this.#a;a.notifyManager.batch(()=>{t.findAll(e).forEach(e=>{t.remove(e)})})}resetQueries(e,t){let r=this.#a;return a.notifyManager.batch(()=>{let n=r.findAll(e),a=new Set(n);return n.forEach(e=>{e.reset()}),this.refetchQueries({type:"active",predicate:e=>a.has(e)},t)})}cancelQueries(e,t={}){let n={revert:!0,...t};return Promise.all(a.notifyManager.batch(()=>this.#a.findAll(e).map(e=>e.cancel(n)))).then(r.noop).catch(r.noop)}invalidateQueries(e,t={}){return a.notifyManager.batch(()=>(this.#a.findAll(e).forEach(e=>{e.invalidate()}),e?.refetchType==="none")?Promise.resolve():this.refetchQueries({...e,type:e?.refetchType??e?.type??"active"},t))}refetchQueries(e,t={}){let n={...t,cancelRefetch:t.cancelRefetch??!0};return Promise.all(a.notifyManager.batch(()=>this.#a.findAll(e).filter(e=>!e.isDisabled()&&!e.isStatic()).map(e=>{let t=e.fetch(void 0,n);return n.throwOnError||(t=t.catch(r.noop)),"paused"===e.state.fetchStatus?Promise.resolve():t}))).then(r.noop)}async query(e){let t=this.defaultQueryOptions(e);void 0===t.retry&&(t.retry=!1);let n=this.#a.build(this,t),a=n.isStaleByTime((0,r.resolveQueryValue)(t.staleTime,n))?await n.fetch(t):n.state.data,u=t.select;return u?u(a):a}fetchQuery(e){let t=this.defaultQueryOptions(e);void 0===t.retry&&(t.retry=!1);let n=this.#a.build(this,t);return n.isStaleByTime((0,r.resolveQueryValue)(t.staleTime,n))?n.fetch(t):Promise.resolve(n.state.data)}prefetchQuery(e){return this.fetchQuery(e).then(r.noop).catch(r.noop)}infiniteQuery(e){return e._type="infinite",this.query(e)}fetchInfiniteQuery(e){return e._type="infinite",this.fetchQuery(e)}prefetchInfiniteQuery(e){return this.fetchInfiniteQuery(e).then(r.noop).catch(r.noop)}ensureInfiniteQueryData(e){return e._type="infinite",this.ensureQueryData(e)}resumePausedMutations(){return u.onlineManager.isOnline()?this.#u.resumePausedMutations():Promise.resolve()}getQueryCache(){return this.#a}getMutationCache(){return this.#u}getDefaultOptions(){return this.#l}setDefaultOptions(e){this.#l=e}setQueryDefaults(e,t){this.#i.set((0,r.hashKey)(e),{queryKey:e,defaultOptions:t})}getQueryDefaults(e){let t=[...this.#i.values()],n={};return t.forEach(t=>{(0,r.partialMatchKey)(e,t.queryKey)&&Object.assign(n,t.defaultOptions)}),n}setMutationDefaults(e,t){this.#s.set((0,r.hashKey)(e),{mutationKey:e,defaultOptions:t})}getMutationDefaults(e){let t=[...this.#s.values()],n={};return t.forEach(t=>{(0,r.partialMatchKey)(e,t.mutationKey)&&Object.assign(n,t.defaultOptions)}),n}defaultQueryOptions(e){if(e._defaulted)return e;let t={...this.#l.queries,...this.getQueryDefaults(e.queryKey),...e,_defaulted:!0};return t.queryHash||(t.queryHash=(0,r.hashQueryKeyByOptions)(t.queryKey,t)),void 0===t.refetchOnReconnect&&(t.refetchOnReconnect="always"!==t.networkMode),void 0===t.throwOnError&&(t.throwOnError=!!t.suspense),!t.networkMode&&t.persister&&(t.networkMode="offlineFirst"),t.queryFn===r.skipToken&&(t.enabled=!1),t}defaultMutationOptions(e){return e?._defaulted?e:{...this.#l.mutations,...e?.mutationKey&&this.getMutationDefaults(e.mutationKey),...e,_defaulted:!0}}clear(){this.#a.clear(),this.#u.clear()}},y=e.i(12598),p=e.i(71645);function m(){return new h({defaultOptions:{queries:{staleTime:0,retry:1}}})}e.s(["default",0,function({children:e}){let[r]=(0,p.useState)(m);return(0,t.jsx)(y.QueryClientProvider,{client:r,children:e})}],44636)}]);