@camstack/ui-library 1.1.38 → 1.1.39

package/dist/composites/cap-settings/recording-config-form.d.ts

@@ -1,4 +1,4 @@
-import { RecordingRule, RecordingMode, RecordingConfig, RecordingStorageMode, RecordingSchedule, RecordingTriggers, RecordingRetention, CamProfile } from '@camstack/types';
+import { RecordingRule, RecordingMode, RecordingConfig, RecordingStorageMode, RecordingSchedule, RecordingTriggers, RecordingRetention, ScrubThumbnailPreset, CamProfile } from '@camstack/types';
 export declare function emptyRule(): RecordingRule;
 export declare function isTriggerMode(mode: RecordingMode): boolean;
 export declare function withRuleAt(rules: readonly RecordingRule[], index: number, patch: Partial<RecordingRule>): RecordingRule[];
@@ -18,6 +18,8 @@ export interface RecordingFormState {
     readonly preBufferSec?: number;
     readonly postBufferSec?: number;
     readonly retention?: RecordingRetention;
+    /** Per-camera scrub-thumbnail fidelity preset (absent = standard). */
+    readonly scrubThumbnails?: ScrubThumbnailPreset;
 }
 /** Read a persisted/migrated config into the Basic form state. `mode` is read
  *  directly; a legacy mode-less config falls back to continuous/off by `enabled`. */

package/dist/index.cjs

@@ -33416,7 +33416,8 @@ function formStateFromConfig(cfg) {
 		triggers: cfg.triggers ?? {},
 		preBufferSec: cfg.preBufferSec,
 		postBufferSec: cfg.postBufferSec,
-		retention: cfg.retention
+		retention: cfg.retention,
+		scrubThumbnails: cfg.scrubThumbnails
 	};
 }
 /** Serialize the Basic form state back to the wire config. `enabled` is derived
@@ -33432,7 +33433,8 @@ function configFromFormState(state) {
 		triggers: Object.keys(state.triggers).length > 0 ? state.triggers : void 0,
 		preBufferSec: state.preBufferSec,
 		postBufferSec: state.postBufferSec,
-		retention: state.retention
+		retention: state.retention,
+		scrubThumbnails: state.scrubThumbnails
 	};
 }
 /**
@@ -33855,7 +33857,8 @@ function RecordingSettings({ initial, saving, onSave }) {
 	const [common, setCommon] = (0, react$1.useState)({
 		profiles: initial.profiles,
 		segmentSeconds: initial.segmentSeconds,
-		retention: initial.retention
+		retention: initial.retention,
+		scrubThumbnails: initial.scrubThumbnails
 	});
 	const ret = common.retention ?? {};
 	const setRet = (patch) => setCommon({
@@ -33866,6 +33869,10 @@ function RecordingSettings({ initial, saving, onSave }) {
 		}
 	});
 	const numOrUndef = (v) => v === "" ? void 0 : Number(v);
+	const parsePreset = (v) => {
+		const parsed = _camstack_types.ScrubThumbnailPresetSchema.safeParse(v);
+		return parsed.success ? parsed.data : _camstack_types.DEFAULT_SCRUB_THUMBNAIL_PRESET;
+	};
 	const toggleProfile = (p) => {
 		const cur = common.profiles ?? [...PROFILES];
 		const next = cur.includes(p) ? cur.filter((x) => x !== p) : [...cur, p];
@@ -33890,14 +33897,16 @@ function RecordingSettings({ initial, saving, onSave }) {
 			...base,
 			profiles: common.profiles,
 			segmentSeconds: common.segmentSeconds,
-			retention: common.retention
+			retention: common.retention,
+			scrubThumbnails: common.scrubThumbnails
 		}));
 		else onSave({
 			enabled: advEnabled,
 			rules,
 			profiles: common.profiles ? [...common.profiles] : void 0,
 			segmentSeconds: common.segmentSeconds,
-			retention: common.retention
+			retention: common.retention,
+			scrubThumbnails: common.scrubThumbnails
 		});
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -34036,37 +34045,62 @@ function RecordingSettings({ initial, saving, onSave }) {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex flex-wrap items-center gap-4 text-xs",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-foreground-subtle",
-						children: "Profiles:"
-					}), PROFILES.map((p) => {
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							onClick: () => toggleProfile(p),
-							className: `rounded px-2 py-1 ${common.profiles == null || common.profiles.includes(p) ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
-							children: p
-						}, p);
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-					className: "flex items-center gap-1",
-					children: [
-						"Segment",
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							type: "number",
-							min: 1,
-							value: common.segmentSeconds ?? "",
-							placeholder: "default",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-foreground-subtle",
+							children: "Profiles:"
+						}), PROFILES.map((p) => {
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => toggleProfile(p),
+								className: `rounded px-2 py-1 ${common.profiles == null || common.profiles.includes(p) ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
+								children: p
+							}, p);
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex items-center gap-1",
+						children: [
+							"Segment",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "number",
+								min: 1,
+								value: common.segmentSeconds ?? "",
+								placeholder: "default",
+								onChange: (e) => setCommon({
+									...common,
+									segmentSeconds: numOrUndef(e.target.value)
+								}),
+								className: "w-16 rounded-md border border-border bg-background px-1 py-1 text-xs"
+							}),
+							"s"
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-foreground-subtle",
+							children: "Scrub preview quality"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+							value: common.scrubThumbnails ?? _camstack_types.DEFAULT_SCRUB_THUMBNAIL_PRESET,
 							onChange: (e) => setCommon({
 								...common,
-								segmentSeconds: numOrUndef(e.target.value)
+								scrubThumbnails: parsePreset(e.target.value)
 							}),
-							className: "w-16 rounded-md border border-border bg-background px-1 py-1 text-xs"
-						}),
-						"s"
-					]
-				})]
+							className: "rounded-md border border-border bg-background px-1 py-1 text-xs",
+							children: _camstack_types.SCRUB_THUMBNAIL_PRESET_ORDER.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: p,
+								children: _camstack_types.SCRUB_THUMBNAIL_PRESET_LABELS[p]
+							}, p))
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[11px] text-foreground-subtle",
+				children: "Timeline scrub-preview resolution + quality. Higher = crisper previews but larger sprite sheets. Applies to NEW recordings only — existing preview sheets keep their original resolution."
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wider text-foreground-subtle",

package/dist/index.js

@@ -3,7 +3,7 @@ import * as __mfHostReact from "react";
 import React, { Fragment, Suspense, createContext, createElement, forwardRef, lazy, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import * as __mfHostReactJsxRuntime from "react/jsx-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ALL_CAPABILITY_DEFINITIONS, DeviceExportStatusSchema, DeviceFeature, DeviceRole, DeviceType, EventCategory, ExposedDeviceSchema, KNOWN_CAP_NAMES, PET_FEEDER_MANUAL_FEED_MAX, PET_FEEDER_MANUAL_FEED_MIN, RecordingConfigSchema, RecordingStatusSchema, SourceInfoSchema, TIMEZONES, buildModelVariantGroups, canConvertUnit, createDeviceProxy, createLazyTrpcSource, createSliceHandle, describeModelVariant, findTimezone, resolveVariantModelId, tryConvertUnit } from "@camstack/types";
+import { ALL_CAPABILITY_DEFINITIONS, DEFAULT_SCRUB_THUMBNAIL_PRESET, DeviceExportStatusSchema, DeviceFeature, DeviceRole, DeviceType, EventCategory, ExposedDeviceSchema, KNOWN_CAP_NAMES, PET_FEEDER_MANUAL_FEED_MAX, PET_FEEDER_MANUAL_FEED_MIN, RecordingConfigSchema, RecordingStatusSchema, SCRUB_THUMBNAIL_PRESET_LABELS, SCRUB_THUMBNAIL_PRESET_ORDER, ScrubThumbnailPresetSchema, SourceInfoSchema, TIMEZONES, buildModelVariantGroups, canConvertUnit, createDeviceProxy, createLazyTrpcSource, createSliceHandle, describeModelVariant, findTimezone, resolveVariantModelId, tryConvertUnit } from "@camstack/types";
 import * as __mfHostReactDOM from "react-dom";
 import { createPortal } from "react-dom";
 import * as __mfHostReactDOMClient from "react-dom/client";
@@ -33392,7 +33392,8 @@ function formStateFromConfig(cfg) {
 		triggers: cfg.triggers ?? {},
 		preBufferSec: cfg.preBufferSec,
 		postBufferSec: cfg.postBufferSec,
-		retention: cfg.retention
+		retention: cfg.retention,
+		scrubThumbnails: cfg.scrubThumbnails
 	};
 }
 /** Serialize the Basic form state back to the wire config. `enabled` is derived
@@ -33408,7 +33409,8 @@ function configFromFormState(state) {
 		triggers: Object.keys(state.triggers).length > 0 ? state.triggers : void 0,
 		preBufferSec: state.preBufferSec,
 		postBufferSec: state.postBufferSec,
-		retention: state.retention
+		retention: state.retention,
+		scrubThumbnails: state.scrubThumbnails
 	};
 }
 /**
@@ -33831,7 +33833,8 @@ function RecordingSettings({ initial, saving, onSave }) {
 	const [common, setCommon] = useState({
 		profiles: initial.profiles,
 		segmentSeconds: initial.segmentSeconds,
-		retention: initial.retention
+		retention: initial.retention,
+		scrubThumbnails: initial.scrubThumbnails
 	});
 	const ret = common.retention ?? {};
 	const setRet = (patch) => setCommon({
@@ -33842,6 +33845,10 @@ function RecordingSettings({ initial, saving, onSave }) {
 		}
 	});
 	const numOrUndef = (v) => v === "" ? void 0 : Number(v);
+	const parsePreset = (v) => {
+		const parsed = ScrubThumbnailPresetSchema.safeParse(v);
+		return parsed.success ? parsed.data : DEFAULT_SCRUB_THUMBNAIL_PRESET;
+	};
 	const toggleProfile = (p) => {
 		const cur = common.profiles ?? [...PROFILES];
 		const next = cur.includes(p) ? cur.filter((x) => x !== p) : [...cur, p];
@@ -33866,14 +33873,16 @@ function RecordingSettings({ initial, saving, onSave }) {
 			...base,
 			profiles: common.profiles,
 			segmentSeconds: common.segmentSeconds,
-			retention: common.retention
+			retention: common.retention,
+			scrubThumbnails: common.scrubThumbnails
 		}));
 		else onSave({
 			enabled: advEnabled,
 			rules,
 			profiles: common.profiles ? [...common.profiles] : void 0,
 			segmentSeconds: common.segmentSeconds,
-			retention: common.retention
+			retention: common.retention,
+			scrubThumbnails: common.scrubThumbnails
 		});
 	};
 	return /* @__PURE__ */ jsxs("div", {
@@ -34012,37 +34021,62 @@ function RecordingSettings({ initial, saving, onSave }) {
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-wrap items-center gap-4 text-xs",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-foreground-subtle",
-						children: "Profiles:"
-					}), PROFILES.map((p) => {
-						return /* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => toggleProfile(p),
-							className: `rounded px-2 py-1 ${common.profiles == null || common.profiles.includes(p) ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
-							children: p
-						}, p);
-					})]
-				}), /* @__PURE__ */ jsxs("label", {
-					className: "flex items-center gap-1",
-					children: [
-						"Segment",
-						/* @__PURE__ */ jsx("input", {
-							type: "number",
-							min: 1,
-							value: common.segmentSeconds ?? "",
-							placeholder: "default",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-foreground-subtle",
+							children: "Profiles:"
+						}), PROFILES.map((p) => {
+							return /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: () => toggleProfile(p),
+								className: `rounded px-2 py-1 ${common.profiles == null || common.profiles.includes(p) ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
+								children: p
+							}, p);
+						})]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "flex items-center gap-1",
+						children: [
+							"Segment",
+							/* @__PURE__ */ jsx("input", {
+								type: "number",
+								min: 1,
+								value: common.segmentSeconds ?? "",
+								placeholder: "default",
+								onChange: (e) => setCommon({
+									...common,
+									segmentSeconds: numOrUndef(e.target.value)
+								}),
+								className: "w-16 rounded-md border border-border bg-background px-1 py-1 text-xs"
+							}),
+							"s"
+						]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-foreground-subtle",
+							children: "Scrub preview quality"
+						}), /* @__PURE__ */ jsx("select", {
+							value: common.scrubThumbnails ?? DEFAULT_SCRUB_THUMBNAIL_PRESET,
 							onChange: (e) => setCommon({
 								...common,
-								segmentSeconds: numOrUndef(e.target.value)
+								scrubThumbnails: parsePreset(e.target.value)
 							}),
-							className: "w-16 rounded-md border border-border bg-background px-1 py-1 text-xs"
-						}),
-						"s"
-					]
-				})]
+							className: "rounded-md border border-border bg-background px-1 py-1 text-xs",
+							children: SCRUB_THUMBNAIL_PRESET_ORDER.map((p) => /* @__PURE__ */ jsx("option", {
+								value: p,
+								children: SCRUB_THUMBNAIL_PRESET_LABELS[p]
+							}, p))
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-[11px] text-foreground-subtle",
+				children: "Timeline scrub-preview resolution + quality. Higher = crisper previews but larger sprite sheets. Applies to NEW recordings only — existing preview sheets keep their original resolution."
 			}),
 			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 				className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wider text-foreground-subtle",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.1.38",
+  "version": "1.1.39",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",