@camstack/ui-library 1.2.249 → 1.2.250

package/dist/index.cjs

@@ -25,11 +25,11 @@ const require_theme_index = require("./theme/index.cjs");
 let react = require("react");
 let react$1 = __toESM(react, 1);
 react = __toESM(react);
+let _camstack_types = require("@camstack/types");
 let _trpc_react_query = require("@trpc/react-query");
 _trpc_react_query = __toESM(_trpc_react_query, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = __toESM(react_jsx_runtime, 1);
-let _camstack_types = require("@camstack/types");
 let react_dom = require("react-dom");
 react_dom = __toESM(react_dom, 1);
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -2454,6 +2454,26 @@ var Gauge = createLucideIcon("gauge", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var GraduationCap = createLucideIcon("graduation-cap", [
+	["path", {
+		d: "M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",
+		key: "j76jl0"
+	}],
+	["path", {
+		d: "M22 10v6",
+		key: "1lu8f3"
+	}],
+	["path", {
+		d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5",
+		key: "1r8lef"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Grid2x2 = createLucideIcon("grid-2x2", [
 	["path", {
 		d: "M12 3v18",
@@ -7216,6 +7236,179 @@ function ConfigIconFieldControl({ label, value, defaultKey, disabled, onChange }
 	});
 }
 //#endregion
+//#region src/composites/config-secret-field.tsx
+/**
+* A keychain-stored secret in a settings form (D787, D789).
+*
+* The form never holds the value. It receives the field's VIEW —
+* `{ $secret, v, set: true }` when something is stored, `null` when nothing
+* is — and sends back exactly one of three things:
+*
+*  - the view, unchanged ........ KEEP (also what an untouched form saves);
+*  - a non-empty typed string ... CHANGE (the owner stores it in the keychain);
+*  - `{ $secretClear: true }` ... CLEAR (the only thing that removes it).
+*
+* `''` is never sent for "remove": the save path reads it as KEEP, because an
+* empty string is what a defaults fallback writes back.
+*
+* Reveal shows the stored value for a few seconds, through the host's audited
+* `keychain-admin.reveal` (provided with {@link SecretRevealProvider}); a host
+* that provides none has no Reveal button.
+*/
+/** How long a revealed value stays on screen. */
+var SECRET_REVEAL_MS = 1e4;
+var SecretRevealContext = createSharedContext("camstack:secret-reveal", null);
+function SecretRevealProvider({ reveal, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretRevealContext.Provider, {
+		value: reveal,
+		children
+	});
+}
+/** Does this value belong to the keychain rendering (a view, or "not set")? */
+function isKeychainFieldValue(value) {
+	return value === null || (0, _camstack_types.isSecretFieldView)(value) || (0, _camstack_types.isSecretClear)(value);
+}
+var BUTTON$1 = "inline-flex items-center gap-1 rounded border border-border bg-surface px-2 py-0.5 text-[11px] font-medium text-foreground hover:border-primary/40 hover:bg-primary/5 disabled:opacity-40 disabled:cursor-not-allowed";
+var INPUT = "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary/30 outline-none disabled:opacity-50";
+function SecretFieldControl({ field, value, onChange, disabled, multiline }) {
+	const reveal = (0, react$1.useContext)(SecretRevealContext);
+	const [original] = (0, react$1.useState)(() => (0, _camstack_types.isSecretFieldView)(value) ? value : null);
+	const [mode, setMode] = (0, react$1.useState)(() => typeof value === "string" && value.length > 0 ? {
+		kind: "editing",
+		text: value
+	} : (0, _camstack_types.isSecretClear)(value) ? { kind: "clearing" } : { kind: "idle" });
+	const [shown, setShown] = (0, react$1.useState)(null);
+	const [revealError, setRevealError] = (0, react$1.useState)(null);
+	const [showTyped, setShowTyped] = (0, react$1.useState)(false);
+	(0, react$1.useEffect)(() => {
+		if (shown === null) return;
+		const timer = setTimeout(() => setShown(null), SECRET_REVEAL_MS);
+		return () => clearTimeout(timer);
+	}, [shown]);
+	const isSet = original !== null;
+	const ref = original?.$secret ?? null;
+	const keep = () => {
+		setMode({ kind: "idle" });
+		onChange(original);
+	};
+	const label = "label" in field ? field.label : "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-1",
+		"data-secret-field": "key" in field ? field.key : void 0,
+		children: [
+			mode.kind === "editing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-start gap-1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "relative flex-1",
+					children: [multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						className: `${INPUT} min-h-[60px] font-mono`,
+						"aria-label": label,
+						value: mode.text,
+						autoComplete: "off",
+						spellCheck: false,
+						disabled,
+						onChange: (e) => {
+							setMode({
+								kind: "editing",
+								text: e.target.value
+							});
+							onChange(e.target.value.length > 0 ? e.target.value : original);
+						}
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: showTyped ? "text" : "password",
+						className: `${INPUT} pr-8`,
+						"aria-label": label,
+						value: mode.text,
+						autoComplete: "new-password",
+						spellCheck: false,
+						disabled,
+						autoFocus: true,
+						onChange: (e) => {
+							setMode({
+								kind: "editing",
+								text: e.target.value
+							});
+							onChange(e.target.value.length > 0 ? e.target.value : original);
+						}
+					}), !multiline && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "absolute right-2 top-1/2 -translate-y-1/2 text-foreground-subtle hover:text-foreground",
+						tabIndex: -1,
+						"aria-label": showTyped ? "Hide" : "Show",
+						onClick: () => setShowTyped((s) => !s),
+						children: showTyped ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EyeOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Eye, { className: "h-3.5 w-3.5" })
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: BUTTON$1,
+					onClick: keep,
+					disabled,
+					children: "Cancel"
+				})]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs ${mode.kind === "clearing" ? "border-danger/40 text-danger" : isSet ? "border-border text-foreground" : "border-dashed border-border text-foreground-subtle"}`,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyRound, { className: "h-3 w-3" }), mode.kind === "clearing" ? "will be removed on save" : shown !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						className: "font-mono break-all",
+						children: shown
+					}) : isSet ? "●●●●●● set" : "not set"]
+				}), mode.kind === "clearing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: BUTTON$1,
+					onClick: keep,
+					disabled,
+					children: "Undo"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: BUTTON$1,
+						disabled,
+						onClick: () => setMode({
+							kind: "editing",
+							text: ""
+						}),
+						children: isSet ? "Change" : "Set"
+					}),
+					isSet && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: BUTTON$1,
+						disabled,
+						onClick: () => {
+							setShown(null);
+							setMode({ kind: "clearing" });
+							onChange(_camstack_types.SECRET_CLEAR);
+						},
+						children: "Clear"
+					}),
+					isSet && ref !== null && reveal !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: BUTTON$1,
+						disabled,
+						onClick: () => {
+							if (shown !== null) {
+								setShown(null);
+								return;
+							}
+							setRevealError(null);
+							reveal(ref).then(setShown, (err) => setRevealError(err instanceof Error ? err.message : String(err)));
+						},
+						children: shown !== null ? "Hide" : "Reveal"
+					})
+				] })]
+			}),
+			original?.inline === true && mode.kind === "idle" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[10px] text-foreground-subtle",
+				children: "Stored before the keychain; it moves there the next time it is changed."
+			}),
+			revealError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[10px] text-danger",
+				children: revealError
+			})
+		]
+	});
+}
+//#endregion
 //#region src/generated/system-hooks.ts
 /**
 * Per-method React-Query hooks for every `scope: 'system'` capability.
@@ -8017,6 +8210,24 @@ var useIntercomPushTalkAudio = trpc.intercom.pushTalkAudio.useMutation;
 var useIntercomEndTalkSession = trpc.intercom.endTalkSession.useMutation;
 /** Generated alias around `trpc.intercom.getStatus.useQuery`. */
 var useIntercomGetStatus = trpc.intercom.getStatus.useQuery;
+/** Generated alias around `trpc.keychainAdmin.status.useQuery`. */
+var useKeychainAdminStatus = trpc.keychainAdmin.status.useQuery;
+/** Generated alias around `trpc.keychainAdmin.listSecrets.useQuery`. */
+var useKeychainAdminListSecrets = trpc.keychainAdmin.listSecrets.useQuery;
+/** Generated alias around `trpc.keychainAdmin.listAudit.useQuery`. */
+var useKeychainAdminListAudit = trpc.keychainAdmin.listAudit.useQuery;
+/** Generated alias around `trpc.keychainAdmin.reveal.useMutation`. */
+var useKeychainAdminReveal = trpc.keychainAdmin.reveal.useMutation;
+/** Generated alias around `trpc.keychainAdmin.deleteOrphans.useMutation`. */
+var useKeychainAdminDeleteOrphans = trpc.keychainAdmin.deleteOrphans.useMutation;
+/** Generated alias around `trpc.keychainAdmin.rotateMasterKey.useMutation`. */
+var useKeychainAdminRotateMasterKey = trpc.keychainAdmin.rotateMasterKey.useMutation;
+/** Generated alias around `trpc.keychainAdmin.purgeRetiredKeys.useMutation`. */
+var useKeychainAdminPurgeRetiredKeys = trpc.keychainAdmin.purgeRetiredKeys.useMutation;
+/** Generated alias around `trpc.keychainAdmin.downloadRecoveryKey.useMutation`. */
+var useKeychainAdminDownloadRecoveryKey = trpc.keychainAdmin.downloadRecoveryKey.useMutation;
+/** Generated alias around `trpc.keychainAdmin.resetKeychain.useMutation`. */
+var useKeychainAdminResetKeychain = trpc.keychainAdmin.resetKeychain.useMutation;
 /** Generated alias around `trpc.lawnMowerControl.startMowing.useMutation`. */
 var useLawnMowerControlStartMowing = trpc.lawnMowerControl.startMowing.useMutation;
 /** Generated alias around `trpc.lawnMowerControl.pause.useMutation`. */
@@ -8557,6 +8768,26 @@ var usePipelineAnalyticsGetRetrainExportUrl = trpc.pipelineAnalytics.getRetrainE
 var usePipelineAnalyticsSetRetrainFrameComplete = trpc.pipelineAnalytics.setRetrainFrameComplete.useMutation;
 /** Generated alias around `trpc.pipelineAnalytics.writeRetrainArchive.useMutation`. */
 var usePipelineAnalyticsWriteRetrainArchive = trpc.pipelineAnalytics.writeRetrainArchive.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.listRetrainAssistProfiles.useQuery`. */
+var usePipelineAnalyticsListRetrainAssistProfiles = trpc.pipelineAnalytics.listRetrainAssistProfiles.useQuery;
+/** Generated alias around `trpc.pipelineAnalytics.proposeRetrainAnnotationsWithLlm.useMutation`. */
+var usePipelineAnalyticsProposeRetrainAnnotationsWithLlm = trpc.pipelineAnalytics.proposeRetrainAnnotationsWithLlm.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.createRetrainCollection.useMutation`. */
+var usePipelineAnalyticsCreateRetrainCollection = trpc.pipelineAnalytics.createRetrainCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.listRetrainCollections.useQuery`. */
+var usePipelineAnalyticsListRetrainCollections = trpc.pipelineAnalytics.listRetrainCollections.useQuery;
+/** Generated alias around `trpc.pipelineAnalytics.renameRetrainCollection.useMutation`. */
+var usePipelineAnalyticsRenameRetrainCollection = trpc.pipelineAnalytics.renameRetrainCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.deleteRetrainCollection.useMutation`. */
+var usePipelineAnalyticsDeleteRetrainCollection = trpc.pipelineAnalytics.deleteRetrainCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.addRetrainFrameFromRecording.useMutation`. */
+var usePipelineAnalyticsAddRetrainFrameFromRecording = trpc.pipelineAnalytics.addRetrainFrameFromRecording.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.addRetrainFramesToCollection.useMutation`. */
+var usePipelineAnalyticsAddRetrainFramesToCollection = trpc.pipelineAnalytics.addRetrainFramesToCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.removeRetrainFrameFromCollection.useMutation`. */
+var usePipelineAnalyticsRemoveRetrainFrameFromCollection = trpc.pipelineAnalytics.removeRetrainFrameFromCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.listRetrainCollectionFrames.useQuery`. */
+var usePipelineAnalyticsListRetrainCollectionFrames = trpc.pipelineAnalytics.listRetrainCollectionFrames.useQuery;
 /** Generated alias around `trpc.pipelineAnalytics.getEventMedia.useQuery`. */
 var usePipelineAnalyticsGetEventMedia = trpc.pipelineAnalytics.getEventMedia.useQuery;
 /** Generated alias around `trpc.pipelineAnalytics.getTrackMedia.useQuery`. */
@@ -8729,6 +8960,20 @@ var usePipelineOrchestratorSuggestShares = trpc.pipelineOrchestrator.suggestShar
 var usePipelineOrchestratorGetEffectiveShares = trpc.pipelineOrchestrator.getEffectiveShares.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.setShareSource.useMutation`. */
 var usePipelineOrchestratorSetShareSource = trpc.pipelineOrchestrator.setShareSource.useMutation;
+/** Generated alias around `trpc.pipelineOrchestrator.getNodeBenchmarkPreflight.useQuery`. */
+var usePipelineOrchestratorGetNodeBenchmarkPreflight = trpc.pipelineOrchestrator.getNodeBenchmarkPreflight.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.startNodeBenchmark.useMutation`. */
+var usePipelineOrchestratorStartNodeBenchmark = trpc.pipelineOrchestrator.startNodeBenchmark.useMutation;
+/** Generated alias around `trpc.pipelineOrchestrator.getNodeBenchmarkStatus.useQuery`. */
+var usePipelineOrchestratorGetNodeBenchmarkStatus = trpc.pipelineOrchestrator.getNodeBenchmarkStatus.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.abortNodeBenchmark.useMutation`. */
+var usePipelineOrchestratorAbortNodeBenchmark = trpc.pipelineOrchestrator.abortNodeBenchmark.useMutation;
+/** Generated alias around `trpc.pipelineOrchestrator.getNodeBenchmarkCandidates.useQuery`. */
+var usePipelineOrchestratorGetNodeBenchmarkCandidates = trpc.pipelineOrchestrator.getNodeBenchmarkCandidates.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.listNodeBenchmarkResults.useQuery`. */
+var usePipelineOrchestratorListNodeBenchmarkResults = trpc.pipelineOrchestrator.listNodeBenchmarkResults.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.deleteNodeBenchmarkResult.useMutation`. */
+var usePipelineOrchestratorDeleteNodeBenchmarkResult = trpc.pipelineOrchestrator.deleteNodeBenchmarkResult.useMutation;
 /** Generated alias around `trpc.pipelineOrchestrator.getCameraSettings.useQuery`. */
 var usePipelineOrchestratorGetCameraSettings = trpc.pipelineOrchestrator.getCameraSettings.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.setCameraStepToggle.useMutation`. */
@@ -8793,6 +9038,12 @@ var usePipelineRunnerParkTrackFrame = trpc.pipelineRunner.parkTrackFrame.useMuta
 var usePipelineRunnerGetParkedTrackFrame = trpc.pipelineRunner.getParkedTrackFrame.useQuery;
 /** Generated alias around `trpc.pipelineRunner.releaseParkedTrackFrames.useMutation`. */
 var usePipelineRunnerReleaseParkedTrackFrames = trpc.pipelineRunner.releaseParkedTrackFrames.useMutation;
+/** Generated alias around `trpc.pipelineRunner.startNodeBench.useMutation`. */
+var usePipelineRunnerStartNodeBench = trpc.pipelineRunner.startNodeBench.useMutation;
+/** Generated alias around `trpc.pipelineRunner.getNodeBenchStatus.useQuery`. */
+var usePipelineRunnerGetNodeBenchStatus = trpc.pipelineRunner.getNodeBenchStatus.useQuery;
+/** Generated alias around `trpc.pipelineRunner.abortNodeBench.useMutation`. */
+var usePipelineRunnerAbortNodeBench = trpc.pipelineRunner.abortNodeBench.useMutation;
 /** Generated alias around `trpc.plateGallery.listPlates.useQuery`. */
 var usePlateGalleryListPlates = trpc.plateGallery.listPlates.useQuery;
 /** Generated alias around `trpc.plateGallery.getPlateByTrack.useQuery`. */
@@ -21638,7 +21889,7 @@ function formatDurationMs(ms) {
 * firmware inventing a refusal reaches the operator rather than becoming a
 * blank tile.
 */
-var REFUSAL_TEXT = {
+var REFUSAL_TEXT$1 = {
 	sleeping: () => "The camera is asleep — a still would cost a wake",
 	"camera-refused": (reason) => `The camera refused — ${reason}`,
 	"no-keyframe": () => "No decodable frame inside this window",
@@ -21650,7 +21901,7 @@ var REFUSAL_TEXT = {
 	"uid-missing": () => "The camera’s id is not known yet"
 };
 function wordsFor(code, reason) {
-	const known = code === void 0 ? void 0 : REFUSAL_TEXT[code];
+	const known = code === void 0 ? void 0 : REFUSAL_TEXT$1[code];
 	return known === void 0 ? reason : known(reason);
 }
 function refusal(reason, code) {
@@ -25233,6 +25484,426 @@ function useScrubController(sink, isPlayerLive = () => false) {
 	};
 }
 //#endregion
+//#region src/primitives/dialog.tsx
+var DialogContext = (0, react$1.createContext)(null);
+function useDialogContext() {
+	const ctx = (0, react$1.useContext)(DialogContext);
+	if (!ctx) throw new Error("Dialog compound components must be used within <Dialog>");
+	return ctx;
+}
+function Dialog({ children, open: controlledOpen, onOpenChange }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = (0, react$1.useState)(false);
+	const open = controlledOpen ?? uncontrolledOpen;
+	const contentId = (0, react$1.useId)();
+	const setOpen = (0, react$1.useCallback)((next) => {
+		onOpenChange?.(next);
+		if (controlledOpen === void 0) setUncontrolledOpen(next);
+	}, [controlledOpen, onOpenChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
+		value: {
+			open,
+			setOpen,
+			contentId
+		},
+		children
+	});
+}
+function DialogTrigger({ children, ...props }) {
+	const { setOpen } = useDialogContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: () => setOpen(true),
+		...props,
+		children
+	});
+}
+/**
+* A native <dialog> opened with showModal() is promoted to the top layer, so
+* ancestor transform/overflow can't clip it — but it relies on the UA
+* stylesheet's `dialog { margin: auto }` for modal centering. Tailwind's
+* preflight resets `margin: 0` on every element, which defeats that centering
+* and pins the modal to the top-left. We therefore center deterministically:
+* a top-layer dialog with `position: fixed` is viewport-relative, and a
+* self-transform is fine, so `fixed left-1/2 top-1/2 -translate-x-1/2
+* -translate-y-1/2 m-0` always centers regardless of any margin reset. Width
+* is capped to the viewport (`w-[calc(100vw-2rem)]`) rather than a bare
+* `w-full` (which would overflow/clip a centered dialog); the per-variant
+* `max-w-*` keeps small dialogs small while the cap prevents overflow.
+*
+* Height is capped against the SAFE viewport, not the raw one. A top-layer
+* `fixed` dialog is viewport-relative, and under `viewport-fit=cover` the
+* viewport extends behind the iOS notch/Dynamic Island and home indicator —
+* so a dialog tall enough to hit its `max-h` put its header under the clock.
+* Because the box is centred on the viewport (not on the safe area), the cap
+* has to subtract TWICE the LARGER of the two insets for the box to clear
+* both edges; using each inset once would still overflow the taller side
+* whenever they are asymmetric (they are: ~59px top vs ~34px bottom). Every
+* term collapses to the previous `100dvh - 2rem` where the insets are 0.
+*/
+var contentVariants = cva("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 m-0 w-[calc(100vw-2rem)] bg-background-elevated text-foreground border border-border rounded-lg p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] [&:not([open])]:hidden", {
+	variants: {
+		width: {
+			sm: "max-w-sm",
+			md: "max-w-md",
+			lg: "max-w-lg"
+		},
+		/**
+		* WHICH box scrolls when the content is taller than the height cap.
+		*
+		* `content` (default) scrolls the whole dialog: the title, any tab strip
+		* and the Save/Cancel row travel with the fields. That is fine for a
+		* short form and wrong for a long one — the operator scrolls to the
+		* bottom of a rule editor and the buttons are somewhere above him, the
+		* tab strip is gone, and the only way back to either is to scroll the
+		* form he was reading.
+		*
+		* `body` makes the dialog a flex column that does not scroll at all and
+		* hands the scrolling to `<DialogBody>`. The chrome around the body —
+		* header, tab strip, footer — stays put at every height. The dialog
+		* keeps its own padding either way, so `sheet-on-mobile`'s
+		* safe-area bottom padding still applies to the footer.
+		*
+		* `body` also takes a DEFINITE height below `md` — see the
+		* `scroll: 'body'` compound variants. That is not a style choice; the
+		* flex chain does not resolve without it on iOS Safari.
+		*/
+		scroll: {
+			content: "overflow-y-auto",
+			body: "flex flex-col overflow-hidden"
+		},
+		placement: {
+			center: "",
+			"sheet-on-mobile": "bottom-0 left-0 right-0 top-auto w-full max-w-full translate-x-0 translate-y-0 rounded-b-none max-h-[92dvh] pb-[calc(1rem+env(safe-area-inset-bottom))] md:left-1/2 md:top-1/2 md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-lg md:bottom-auto md:pb-4 md:max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))]"
+		}
+	},
+	compoundVariants: [
+		{
+			placement: "sheet-on-mobile",
+			width: "sm",
+			class: "md:w-[calc(100vw-2rem)] md:max-w-sm"
+		},
+		{
+			placement: "sheet-on-mobile",
+			width: "md",
+			class: "md:w-[calc(100vw-2rem)] md:max-w-md"
+		},
+		{
+			placement: "sheet-on-mobile",
+			width: "lg",
+			class: "md:w-[calc(100vw-2rem)] md:max-w-lg"
+		},
+		{
+			scroll: "body",
+			placement: "sheet-on-mobile",
+			class: "h-[92dvh] md:h-auto"
+		},
+		{
+			scroll: "body",
+			placement: "center",
+			class: "h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] md:h-auto"
+		}
+	],
+	defaultVariants: {
+		width: "md",
+		placement: "center",
+		scroll: "content"
+	}
+});
+var DialogContent = (0, react$1.forwardRef)(({ className, width, placement, scroll, children, ...props }, ref) => {
+	const { open, setOpen, contentId } = useDialogContext();
+	const innerRef = (0, react$1.useRef)(null);
+	const dialogRef = ref ?? innerRef;
+	(0, react$1.useEffect)(() => {
+		const el = dialogRef.current;
+		if (!el) return;
+		if (open && !el.open) el.showModal();
+		if (!open && el.open) el.close();
+	}, [open, dialogRef]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dialog", {
+		ref: dialogRef,
+		id: contentId,
+		className: cn(contentVariants({
+			width,
+			placement,
+			scroll
+		}), className),
+		onClose: () => setOpen(false),
+		...props,
+		children
+	});
+});
+DialogContent.displayName = "DialogContent";
+/** `shrink-0` is inert outside a flex column and load-bearing inside one:
+*  under `scroll="body"` the header must keep its height while the body gives
+*  ground, or a long form squeezes its own title to nothing. */
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cn("flex flex-col gap-1 mb-3 shrink-0", className),
+		...props
+	});
+}
+/**
+* The scrolling middle of a `scroll="body"` dialog.
+*
+* `min-h-0` is what makes it work: a flex item's default `min-height: auto`
+* refuses to shrink below its content, so without it the body pushes the
+* footer out of the dialog instead of scrolling — the exact failure this
+* variant exists to remove. Anything sticky INSIDE a dialog body pins against
+* this element, since it is the scroll container.
+*
+* It only bounds a scroll area if every ancestor up to the dialog has a
+* resolved height. `DialogContent` supplies the top of that chain (see the
+* `scroll: 'body'` compound variants); an intermediate wrapper between them —
+* a `<Tabs>` that owns the tab strip, say — must carry `flex-1 min-h-0` too,
+* or it collapses and takes the body with it.
+*/
+function DialogBody({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cn("flex-1 min-h-0 overflow-y-auto", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cn("flex justify-end gap-2 mt-4 shrink-0", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+		className: cn("text-sm font-semibold text-foreground", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: cn("text-xs text-foreground-muted", className),
+		...props
+	});
+}
+//#endregion
+//#region src/primitives/input.tsx
+/**
+* `disabled:opacity-50 disabled:cursor-not-allowed` for the same reason as
+* `Select` — an explicit `bg-surface` / `text-foreground` overrides the greying
+* a browser would otherwise apply, leaving an inert field indistinguishable
+* from a live one. See `disabled-affordance.test.tsx`.
+*/
+var inputVariants = cva("h-7 w-full px-2.5 text-xs bg-surface border rounded-md text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed", {
+	variants: { state: {
+		default: "border-border",
+		error: "border-danger"
+	} },
+	defaultVariants: { state: "default" }
+});
+var Input = (0, react$1.forwardRef)(({ className, state, leftSlot, rightSlot, ...props }, ref) => {
+	if (leftSlot || rightSlot) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative flex items-center w-full",
+		children: [
+			leftSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute left-2.5 flex items-center pointer-events-none",
+				children: leftSlot
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref,
+				className: cn(inputVariants({ state }), leftSlot ? "pl-7" : "", rightSlot ? "pr-7" : "", className),
+				...props
+			}),
+			rightSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute right-2.5 flex items-center pointer-events-none",
+				children: rightSlot
+			})
+		]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		ref,
+		className: cn(inputVariants({ state }), className),
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+//#region src/composites/training/training-collection-picker.tsx
+/**
+* <TrainingCollectionPicker> — choose a named training collection, or create
+* one in place.
+*
+* A collection is a named set over the retrain corpus ("packages porch
+* night"). The picker lists them (newest first, with their frame counts) and
+* offers a name field for a new one; the hub refuses an empty or duplicate
+* name, and the refusal is shown here rather than swallowed.
+*/
+var CREATE_REFUSAL = {
+	"empty-name": "Give the collection a name.",
+	"duplicate-name": "A collection with that name already exists."
+};
+function TrainingCollectionPicker({ value, onChange }) {
+	const collections = usePipelineAnalyticsListRetrainCollections({});
+	const create = usePipelineAnalyticsCreateRetrainCollection();
+	const [name, setName] = (0, react$1.useState)("");
+	const [error, setError] = (0, react$1.useState)(null);
+	const list = collections.data ?? [];
+	const onCreate = async () => {
+		setError(null);
+		const result = await create.mutateAsync({ name });
+		if (result.kind === "refused") {
+			setError(CREATE_REFUSAL[result.reason]);
+			return;
+		}
+		setName("");
+		await collections.refetch();
+		onChange(result.collection.id);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-2",
+		"data-testid": "training-collection-picker",
+		children: [
+			list.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
+				"aria-label": "Collection",
+				value: value ?? "",
+				options: [{
+					value: "",
+					label: "Choose a collection…"
+				}, ...list.map((c) => ({
+					value: c.id,
+					label: `${c.name} (${String(c.frameCount)})`
+				}))],
+				onChange: (event) => {
+					if (event.target.value !== "") onChange(event.target.value);
+				}
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-xs text-foreground-subtle",
+				children: collections.isLoading ? "Reading the collections…" : "No collection yet — create one."
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+					className: "flex-1",
+					"aria-label": "New collection name",
+					placeholder: "New collection (e.g. missed at night)",
+					value: name,
+					onChange: (event) => {
+						setName(event.target.value);
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+					type: "button",
+					variant: "secondary",
+					size: "sm",
+					disabled: create.isPending || name.trim() === "",
+					onClick: () => void onCreate(),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "h-3 w-3" }), "Create"]
+				})]
+			}),
+			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-xs text-danger",
+				children: error
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/training/training-refusal-text.ts
+var REFUSAL_TEXT = {
+	"unknown-collection": "That collection no longer exists — pick another one.",
+	"still-unavailable": "No frame could be taken from the recording at that moment.",
+	"still-busy": "The recorder is busy decoding other frames. Try again in a moment.",
+	"unreadable-image": "The recorder returned something that is not a picture.",
+	"write-failed": "The frame could not be stored. Check the artifacts storage."
+};
+/** One sentence for a refusal, with the hub's own detail appended. */
+function trainingRefusalText(reason, detail) {
+	const base = REFUSAL_TEXT[reason];
+	return detail !== void 0 && detail !== "" ? `${base} (${detail})` : base;
+}
+//#endregion
+//#region src/composites/training/send-frame-to-training.tsx
+/**
+* <SendFrameToTrainingButton> — "Send frame to training" from a recording
+* playhead.
+*
+* The frame a detector most needs to learn from is often one where it saw
+* NOTHING — no event, no track, nothing to mark. From the recording, the
+* operator stops on that moment and sends it: the hub re-decodes the native
+* frame at the playhead instant and adds it to a named training collection,
+* where the Retrain page annotates it like any other frame.
+*
+* Draws NOTHING for a session that cannot curate training data: the
+* collection list is admin-only, and a button that 403s is worse than no
+* button. It is disabled, with the reason, while there is no playhead.
+*/
+function SendFrameToTrainingButton({ deviceId, epochMs }) {
+	const collections = usePipelineAnalyticsListRetrainCollections({}, { retry: false });
+	const send = usePipelineAnalyticsAddRetrainFrameFromRecording();
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const [collectionId, setCollectionId] = (0, react$1.useState)(null);
+	const [instant, setInstant] = (0, react$1.useState)(null);
+	const [outcome, setOutcome] = (0, react$1.useState)(null);
+	if (collections.isError) return null;
+	const onSend = async () => {
+		if (collectionId === null || instant === null) return;
+		const result = await send.mutateAsync({
+			collectionId,
+			deviceId,
+			epochMs: instant
+		});
+		const name = collections.data?.find((c) => c.id === collectionId)?.name ?? "the collection";
+		setOutcome(result.kind === "added" ? {
+			kind: "added",
+			reused: result.reused,
+			collection: name
+		} : {
+			kind: "refused",
+			text: trainingRefusalText(result.reason, result.detail)
+		});
+		if (result.kind === "added") await collections.refetch();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+		type: "button",
+		variant: "secondary",
+		size: "sm",
+		"data-testid": "send-frame-to-training",
+		disabled: epochMs === null,
+		title: epochMs === null ? "Play back a recording first — the frame at the playhead is the one sent" : "Add the frame at the playhead to a training collection",
+		onClick: () => {
+			setInstant(epochMs);
+			setOutcome(null);
+			setOpen(true);
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GraduationCap, { className: "h-3.5 w-3.5" }), "Send frame to training"]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dialog, {
+		open,
+		onOpenChange: (next) => !send.isPending && setOpen(next),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogContent, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogTitle, { children: "Send this frame to training" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogDescription, { children: instant !== null ? `The camera's frame at ${new Date(instant).toLocaleString()} is taken from the recording at full resolution and added to the collection. Annotate it on the Retrain page — including what the model missed.` : "" })] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrainingCollectionPicker, {
+				value: collectionId,
+				onChange: setCollectionId
+			}),
+			outcome !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: `mt-2 text-xs ${outcome.kind === "added" ? "text-success" : "text-danger"}`,
+				role: "status",
+				children: outcome.kind === "added" ? outcome.reused ? `That moment was already in the dataset; it is now in ${outcome.collection}.` : `Added to ${outcome.collection}.` : outcome.text
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				disabled: send.isPending,
+				onClick: () => {
+					setOpen(false);
+				},
+				children: outcome?.kind === "added" ? "Done" : "Cancel"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+				type: "button",
+				size: "sm",
+				disabled: collectionId === null || send.isPending || outcome?.kind === "added",
+				onClick: () => void onSend(),
+				children: [send.isPending && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }), "Send"]
+			})] })
+		] })
+	})] });
+}
+//#endregion
 //#region src/composites/cap-settings/CoverageTrack.tsx
 function CoverageTrack({ windowFrom, windowTo, spans, playheadMs, onSeek, onScrubStart, onScrubMove, onScrubEnd }) {
 	const [hoverInfo, setHoverInfo] = (0, react$1.useState)(null);
@@ -25811,6 +26482,13 @@ function RecordingTimeline({ deviceId }) {
 				dayBounds: computedDayBounds,
 				onViewChange: handleViewChange
 			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SendFrameToTrainingButton, {
+					deviceId,
+					epochMs: displayPlayheadMs
+				})
+			}),
 			recorded.channelOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-testid": "frame-push-status-row",
 				className: "flex flex-wrap items-center gap-2 text-[10px]",
@@ -27408,6 +28086,32 @@ function FieldWrapper({ label, description, required, span, children, translatio
 		]
 	});
 }
+/**
+* A keychain-stored secret (D787) arrives as its VIEW — `{ $secret, set }` —
+* or `null`, never as a value; it renders as "set · Change · Clear · Reveal".
+* Decided ONCE, at mount, from what the form was hydrated with: once the
+* operator types, the value is a plain string and the field must stay the
+* same control. A form that was not hydrated from a keychain-aware store (a
+* create dialog seeding `''`) keeps the plain input.
+*/
+function KeychainOr({ field, value, onChange, disabled, translationFn, multiline, children }) {
+	const [keychain] = (0, react$1.useState)(() => (0, _camstack_types.isKeychainStoredField)(field) && isKeychainFieldValue(value));
+	if (!keychain) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldWrapper, {
+		label: "label" in field ? field.label : void 0,
+		description: "description" in field ? field.description : void 0,
+		required: "required" in field ? field.required : void 0,
+		span: "span" in field ? field.span : void 0,
+		translationFn,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretFieldControl, {
+			field,
+			value,
+			onChange,
+			disabled,
+			multiline
+		})
+	});
+}
 function TextField({ field, value, onChange, disabled, translationFn }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldWrapper, {
 		label: field.label,
@@ -28480,7 +29184,7 @@ function resolveActionParams(field, values) {
 	const params = { ...field.paramsStatic };
 	if (field.paramsFromForm) for (const [paramKey, formKey] of Object.entries(field.paramsFromForm)) {
 		const v = values[formKey];
-		if (v !== void 0 && v !== null && v !== "") params[paramKey] = v;
+		if (v !== void 0 && v !== null && v !== "" && !(0, _camstack_types.isSecretClear)(v)) params[paramKey] = v;
 	}
 	return params;
 }
@@ -28976,12 +29680,19 @@ function FormField({ field, values, onChange, disabled, translationFn, onTestFie
 	const handleChange = (v) => onChange(field.key, v);
 	const customRenderer = useCustomFieldRenderer(field.type);
 	switch (field.type) {
-		case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+		case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeychainOr, {
 			field,
 			value,
 			onChange: handleChange,
 			disabled,
-			translationFn
+			translationFn,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+				field,
+				value,
+				onChange: handleChange,
+				disabled,
+				translationFn
+			})
 		});
 		case "number": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberField, {
 			field,
@@ -29025,19 +29736,34 @@ function FormField({ field, values, onChange, disabled, translationFn, onTestFie
 			disabled,
 			translationFn
 		});
-		case "password": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
+		case "password": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeychainOr, {
 			field,
 			value,
 			onChange: handleChange,
 			disabled,
-			translationFn
+			translationFn,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
+				field,
+				value,
+				onChange: handleChange,
+				disabled,
+				translationFn
+			})
 		});
-		case "textarea": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextAreaField, {
+		case "textarea": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeychainOr, {
 			field,
 			value,
 			onChange: handleChange,
 			disabled,
-			translationFn
+			translationFn,
+			multiline: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextAreaField, {
+				field,
+				value,
+				onChange: handleChange,
+				disabled,
+				translationFn
+			})
 		});
 		case "slider": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderField, {
 			field,
@@ -30839,47 +31565,6 @@ var Separator = (0, react$1.forwardRef)(({ className, orientation, ...props }, r
 });
 Separator.displayName = "Separator";
 //#endregion
-//#region src/primitives/input.tsx
-/**
-* `disabled:opacity-50 disabled:cursor-not-allowed` for the same reason as
-* `Select` — an explicit `bg-surface` / `text-foreground` overrides the greying
-* a browser would otherwise apply, leaving an inert field indistinguishable
-* from a live one. See `disabled-affordance.test.tsx`.
-*/
-var inputVariants = cva("h-7 w-full px-2.5 text-xs bg-surface border rounded-md text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed", {
-	variants: { state: {
-		default: "border-border",
-		error: "border-danger"
-	} },
-	defaultVariants: { state: "default" }
-});
-var Input = (0, react$1.forwardRef)(({ className, state, leftSlot, rightSlot, ...props }, ref) => {
-	if (leftSlot || rightSlot) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "relative flex items-center w-full",
-		children: [
-			leftSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "absolute left-2.5 flex items-center pointer-events-none",
-				children: leftSlot
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				ref,
-				className: cn(inputVariants({ state }), leftSlot ? "pl-7" : "", rightSlot ? "pr-7" : "", className),
-				...props
-			}),
-			rightSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "absolute right-2.5 flex items-center pointer-events-none",
-				children: rightSlot
-			})
-		]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		ref,
-		className: cn(inputVariants({ state }), className),
-		...props
-	});
-});
-Input.displayName = "Input";
-//#endregion
 //#region src/primitives/checkbox.tsx
 var Checkbox = (0, react$1.forwardRef)(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -30912,204 +31597,6 @@ var Switch = (0, react$1.forwardRef)(({ className, checked, onCheckedChange, lab
 });
 Switch.displayName = "Switch";
 //#endregion
-//#region src/primitives/dialog.tsx
-var DialogContext = (0, react$1.createContext)(null);
-function useDialogContext() {
-	const ctx = (0, react$1.useContext)(DialogContext);
-	if (!ctx) throw new Error("Dialog compound components must be used within <Dialog>");
-	return ctx;
-}
-function Dialog({ children, open: controlledOpen, onOpenChange }) {
-	const [uncontrolledOpen, setUncontrolledOpen] = (0, react$1.useState)(false);
-	const open = controlledOpen ?? uncontrolledOpen;
-	const contentId = (0, react$1.useId)();
-	const setOpen = (0, react$1.useCallback)((next) => {
-		onOpenChange?.(next);
-		if (controlledOpen === void 0) setUncontrolledOpen(next);
-	}, [controlledOpen, onOpenChange]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
-		value: {
-			open,
-			setOpen,
-			contentId
-		},
-		children
-	});
-}
-function DialogTrigger({ children, ...props }) {
-	const { setOpen } = useDialogContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		onClick: () => setOpen(true),
-		...props,
-		children
-	});
-}
-/**
-* A native <dialog> opened with showModal() is promoted to the top layer, so
-* ancestor transform/overflow can't clip it — but it relies on the UA
-* stylesheet's `dialog { margin: auto }` for modal centering. Tailwind's
-* preflight resets `margin: 0` on every element, which defeats that centering
-* and pins the modal to the top-left. We therefore center deterministically:
-* a top-layer dialog with `position: fixed` is viewport-relative, and a
-* self-transform is fine, so `fixed left-1/2 top-1/2 -translate-x-1/2
-* -translate-y-1/2 m-0` always centers regardless of any margin reset. Width
-* is capped to the viewport (`w-[calc(100vw-2rem)]`) rather than a bare
-* `w-full` (which would overflow/clip a centered dialog); the per-variant
-* `max-w-*` keeps small dialogs small while the cap prevents overflow.
-*
-* Height is capped against the SAFE viewport, not the raw one. A top-layer
-* `fixed` dialog is viewport-relative, and under `viewport-fit=cover` the
-* viewport extends behind the iOS notch/Dynamic Island and home indicator —
-* so a dialog tall enough to hit its `max-h` put its header under the clock.
-* Because the box is centred on the viewport (not on the safe area), the cap
-* has to subtract TWICE the LARGER of the two insets for the box to clear
-* both edges; using each inset once would still overflow the taller side
-* whenever they are asymmetric (they are: ~59px top vs ~34px bottom). Every
-* term collapses to the previous `100dvh - 2rem` where the insets are 0.
-*/
-var contentVariants = cva("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 m-0 w-[calc(100vw-2rem)] bg-background-elevated text-foreground border border-border rounded-lg p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] [&:not([open])]:hidden", {
-	variants: {
-		width: {
-			sm: "max-w-sm",
-			md: "max-w-md",
-			lg: "max-w-lg"
-		},
-		/**
-		* WHICH box scrolls when the content is taller than the height cap.
-		*
-		* `content` (default) scrolls the whole dialog: the title, any tab strip
-		* and the Save/Cancel row travel with the fields. That is fine for a
-		* short form and wrong for a long one — the operator scrolls to the
-		* bottom of a rule editor and the buttons are somewhere above him, the
-		* tab strip is gone, and the only way back to either is to scroll the
-		* form he was reading.
-		*
-		* `body` makes the dialog a flex column that does not scroll at all and
-		* hands the scrolling to `<DialogBody>`. The chrome around the body —
-		* header, tab strip, footer — stays put at every height. The dialog
-		* keeps its own padding either way, so `sheet-on-mobile`'s
-		* safe-area bottom padding still applies to the footer.
-		*
-		* `body` also takes a DEFINITE height below `md` — see the
-		* `scroll: 'body'` compound variants. That is not a style choice; the
-		* flex chain does not resolve without it on iOS Safari.
-		*/
-		scroll: {
-			content: "overflow-y-auto",
-			body: "flex flex-col overflow-hidden"
-		},
-		placement: {
-			center: "",
-			"sheet-on-mobile": "bottom-0 left-0 right-0 top-auto w-full max-w-full translate-x-0 translate-y-0 rounded-b-none max-h-[92dvh] pb-[calc(1rem+env(safe-area-inset-bottom))] md:left-1/2 md:top-1/2 md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-lg md:bottom-auto md:pb-4 md:max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))]"
-		}
-	},
-	compoundVariants: [
-		{
-			placement: "sheet-on-mobile",
-			width: "sm",
-			class: "md:w-[calc(100vw-2rem)] md:max-w-sm"
-		},
-		{
-			placement: "sheet-on-mobile",
-			width: "md",
-			class: "md:w-[calc(100vw-2rem)] md:max-w-md"
-		},
-		{
-			placement: "sheet-on-mobile",
-			width: "lg",
-			class: "md:w-[calc(100vw-2rem)] md:max-w-lg"
-		},
-		{
-			scroll: "body",
-			placement: "sheet-on-mobile",
-			class: "h-[92dvh] md:h-auto"
-		},
-		{
-			scroll: "body",
-			placement: "center",
-			class: "h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] md:h-auto"
-		}
-	],
-	defaultVariants: {
-		width: "md",
-		placement: "center",
-		scroll: "content"
-	}
-});
-var DialogContent = (0, react$1.forwardRef)(({ className, width, placement, scroll, children, ...props }, ref) => {
-	const { open, setOpen, contentId } = useDialogContext();
-	const innerRef = (0, react$1.useRef)(null);
-	const dialogRef = ref ?? innerRef;
-	(0, react$1.useEffect)(() => {
-		const el = dialogRef.current;
-		if (!el) return;
-		if (open && !el.open) el.showModal();
-		if (!open && el.open) el.close();
-	}, [open, dialogRef]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dialog", {
-		ref: dialogRef,
-		id: contentId,
-		className: cn(contentVariants({
-			width,
-			placement,
-			scroll
-		}), className),
-		onClose: () => setOpen(false),
-		...props,
-		children
-	});
-});
-DialogContent.displayName = "DialogContent";
-/** `shrink-0` is inert outside a flex column and load-bearing inside one:
-*  under `scroll="body"` the header must keep its height while the body gives
-*  ground, or a long form squeezes its own title to nothing. */
-function DialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("flex flex-col gap-1 mb-3 shrink-0", className),
-		...props
-	});
-}
-/**
-* The scrolling middle of a `scroll="body"` dialog.
-*
-* `min-h-0` is what makes it work: a flex item's default `min-height: auto`
-* refuses to shrink below its content, so without it the body pushes the
-* footer out of the dialog instead of scrolling — the exact failure this
-* variant exists to remove. Anything sticky INSIDE a dialog body pins against
-* this element, since it is the scroll container.
-*
-* It only bounds a scroll area if every ancestor up to the dialog has a
-* resolved height. `DialogContent` supplies the top of that chain (see the
-* `scroll: 'body'` compound variants); an intermediate wrapper between them —
-* a `<Tabs>` that owns the tab strip, say — must carry `flex-1 min-h-0` too,
-* or it collapses and takes the body with it.
-*/
-function DialogBody({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("flex-1 min-h-0 overflow-y-auto", className),
-		...props
-	});
-}
-function DialogFooter({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("flex justify-end gap-2 mt-4 shrink-0", className),
-		...props
-	});
-}
-function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-		className: cn("text-sm font-semibold text-foreground", className),
-		...props
-	});
-}
-function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: cn("text-xs text-foreground-muted", className),
-		...props
-	});
-}
-//#endregion
 //#region src/primitives/tooltip.tsx
 var TooltipContext = (0, react$1.createContext)(null);
 function useTooltipContext() {
@@ -61463,6 +61950,7 @@ exports.RotateCcw = RotateCcw;
 exports.RunReport = RunReport;
 exports.SCENE_CAPTURE_VARIANTS = SCENE_CAPTURE_VARIANTS;
 exports.SCENE_CAPTURE_VARIANTS$1 = SCENE_CAPTURE_VARIANTS;
+exports.SECRET_REVEAL_MS = SECRET_REVEAL_MS;
 exports.SECTION_BODY = SECTION_BODY;
 exports.SECTION_CARD = SECTION_CARD;
 exports.SECTION_HEADER = SECTION_HEADER;
@@ -61482,11 +61970,14 @@ exports.ScopePicker = ScopePicker;
 exports.ScriptHeroCard = ScriptHeroCard;
 exports.ScriptInlineControl = ScriptInlineControl;
 exports.ScrollArea = ScrollArea;
+exports.SecretFieldControl = SecretFieldControl;
+exports.SecretRevealProvider = SecretRevealProvider;
 exports.SectionCard = SectionCard;
 exports.SegmentedChoice = SegmentedChoice;
 exports.Select = Select;
 exports.SelectedChip = SelectedChip;
 exports.SemanticBadge = SemanticBadge;
+exports.SendFrameToTrainingButton = SendFrameToTrainingButton;
 exports.SensorHeroCard = SensorHeroCard;
 exports.SensorInlineControl = SensorInlineControl;
 exports.SensorValueAtom = SensorValueAtom;
@@ -61534,6 +62025,7 @@ exports.TimezoneSelector = TimezoneSelector;
 exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipTrigger = TooltipTrigger;
+exports.TrainingCollectionPicker = TrainingCollectionPicker;
 exports.Trash2 = Trash2;
 exports.UnitPicker = UnitPicker;
 exports.VacuumHeroCard = VacuumHeroCard;
@@ -61644,6 +62136,7 @@ exports.isAbsentProvider$1 = isAbsentProvider;
 exports.isDataTableFilterActive = isDataTableFilterActive;
 exports.isFieldVisible = isFieldVisible;
 exports.isGroupExpanded = isGroupExpanded;
+exports.isKeychainFieldValue = isKeychainFieldValue;
 exports.isValueField = isValueField;
 exports.lawnMowerActivityMeta = lawnMowerActivityMeta;
 exports.lightColors = require_theme_index.lightColors$1;
@@ -61740,6 +62233,7 @@ exports.toStationaryOverlayBox = toStationaryOverlayBox;
 exports.toggleDataTableFacet = toggleDataTableFacet;
 exports.togglePickerDevice = togglePickerDevice;
 exports.togglePickerKey = togglePickerKey;
+exports.trainingRefusalText = trainingRefusalText;
 exports.trpc = trpc;
 exports.typeLabel = typeLabel;
 exports.useAccessoriesGetStatus = useAccessoriesGetStatus;
@@ -62172,6 +62666,15 @@ exports.useIntercomStartTalkSession = useIntercomStartTalkSession;
 exports.useIntercomStopSession = useIntercomStopSession;
 exports.useIsMidWidth = useIsMidWidth;
 exports.useIsMobile = useIsMobile;
+exports.useKeychainAdminDeleteOrphans = useKeychainAdminDeleteOrphans;
+exports.useKeychainAdminDownloadRecoveryKey = useKeychainAdminDownloadRecoveryKey;
+exports.useKeychainAdminListAudit = useKeychainAdminListAudit;
+exports.useKeychainAdminListSecrets = useKeychainAdminListSecrets;
+exports.useKeychainAdminPurgeRetiredKeys = useKeychainAdminPurgeRetiredKeys;
+exports.useKeychainAdminResetKeychain = useKeychainAdminResetKeychain;
+exports.useKeychainAdminReveal = useKeychainAdminReveal;
+exports.useKeychainAdminRotateMasterKey = useKeychainAdminRotateMasterKey;
+exports.useKeychainAdminStatus = useKeychainAdminStatus;
 exports.useLawnMowerControlDock = useLawnMowerControlDock;
 exports.useLawnMowerControlGetStatus = useLawnMowerControlGetStatus;
 exports.useLawnMowerControlPause = useLawnMowerControlPause;
@@ -62390,6 +62893,8 @@ exports.usePetFeederSetFeedSound = usePetFeederSetFeedSound;
 exports.usePetFeederSetIndicatorLight = usePetFeederSetIndicatorLight;
 exports.usePetFeederSetVolume = usePetFeederSetVolume;
 exports.usePickerSiteZones = usePickerSiteZones;
+exports.usePipelineAnalyticsAddRetrainFrameFromRecording = usePipelineAnalyticsAddRetrainFrameFromRecording;
+exports.usePipelineAnalyticsAddRetrainFramesToCollection = usePipelineAnalyticsAddRetrainFramesToCollection;
 exports.usePipelineAnalyticsApplyDeviceSettingsPatch = usePipelineAnalyticsApplyDeviceSettingsPatch;
 exports.usePipelineAnalyticsCancelRelocateMedia = usePipelineAnalyticsCancelRelocateMedia;
 exports.usePipelineAnalyticsCancelStorageMigrationMove = usePipelineAnalyticsCancelStorageMigrationMove;
@@ -62398,7 +62903,9 @@ exports.usePipelineAnalyticsClearTracks = usePipelineAnalyticsClearTracks;
 exports.usePipelineAnalyticsCompleteRetrainTrack = usePipelineAnalyticsCompleteRetrainTrack;
 exports.usePipelineAnalyticsCountRelocatableMedia = usePipelineAnalyticsCountRelocatableMedia;
 exports.usePipelineAnalyticsCountUnstampedEventMedia = usePipelineAnalyticsCountUnstampedEventMedia;
+exports.usePipelineAnalyticsCreateRetrainCollection = usePipelineAnalyticsCreateRetrainCollection;
 exports.usePipelineAnalyticsDeleteDeviceEvents = usePipelineAnalyticsDeleteDeviceEvents;
+exports.usePipelineAnalyticsDeleteRetrainCollection = usePipelineAnalyticsDeleteRetrainCollection;
 exports.usePipelineAnalyticsDeleteTracks = usePipelineAnalyticsDeleteTracks;
 exports.usePipelineAnalyticsDeselectRetrainFrame = usePipelineAnalyticsDeselectRetrainFrame;
 exports.usePipelineAnalyticsGetActiveTracks = usePipelineAnalyticsGetActiveTracks;
@@ -62433,6 +62940,9 @@ exports.usePipelineAnalyticsListOpsLog = usePipelineAnalyticsListOpsLog;
 exports.usePipelineAnalyticsListRecentTracks = usePipelineAnalyticsListRecentTracks;
 exports.usePipelineAnalyticsListRelocateMediaJobs = usePipelineAnalyticsListRelocateMediaJobs;
 exports.usePipelineAnalyticsListRetrainAnnotations = usePipelineAnalyticsListRetrainAnnotations;
+exports.usePipelineAnalyticsListRetrainAssistProfiles = usePipelineAnalyticsListRetrainAssistProfiles;
+exports.usePipelineAnalyticsListRetrainCollectionFrames = usePipelineAnalyticsListRetrainCollectionFrames;
+exports.usePipelineAnalyticsListRetrainCollections = usePipelineAnalyticsListRetrainCollections;
 exports.usePipelineAnalyticsListRetrainFrames = usePipelineAnalyticsListRetrainFrames;
 exports.usePipelineAnalyticsListRetrainStaging = usePipelineAnalyticsListRetrainStaging;
 exports.usePipelineAnalyticsListTrackMedia = usePipelineAnalyticsListTrackMedia;
@@ -62441,6 +62951,7 @@ exports.usePipelineAnalyticsListTracks = usePipelineAnalyticsListTracks;
 exports.usePipelineAnalyticsOwnersWithMedia = usePipelineAnalyticsOwnersWithMedia;
 exports.usePipelineAnalyticsPauseForStorageMigration = usePipelineAnalyticsPauseForStorageMigration;
 exports.usePipelineAnalyticsProposeRetrainAnnotations = usePipelineAnalyticsProposeRetrainAnnotations;
+exports.usePipelineAnalyticsProposeRetrainAnnotationsWithLlm = usePipelineAnalyticsProposeRetrainAnnotationsWithLlm;
 exports.usePipelineAnalyticsPruneEvents = usePipelineAnalyticsPruneEvents;
 exports.usePipelineAnalyticsPruneEventsBefore = usePipelineAnalyticsPruneEventsBefore;
 exports.usePipelineAnalyticsPruneTracksBefore = usePipelineAnalyticsPruneTracksBefore;
@@ -62450,6 +62961,8 @@ exports.usePipelineAnalyticsReclaimDebugMedia = usePipelineAnalyticsReclaimDebug
 exports.usePipelineAnalyticsReconcileFromDisk = usePipelineAnalyticsReconcileFromDisk;
 exports.usePipelineAnalyticsRefreshStorageLocationsForMigration = usePipelineAnalyticsRefreshStorageLocationsForMigration;
 exports.usePipelineAnalyticsRelocateMedia = usePipelineAnalyticsRelocateMedia;
+exports.usePipelineAnalyticsRemoveRetrainFrameFromCollection = usePipelineAnalyticsRemoveRetrainFrameFromCollection;
+exports.usePipelineAnalyticsRenameRetrainCollection = usePipelineAnalyticsRenameRetrainCollection;
 exports.usePipelineAnalyticsRestageRetrainTrack = usePipelineAnalyticsRestageRetrainTrack;
 exports.usePipelineAnalyticsResumeForStorageMigration = usePipelineAnalyticsResumeForStorageMigration;
 exports.usePipelineAnalyticsSaveRetrainAnnotations = usePipelineAnalyticsSaveRetrainAnnotations;
@@ -62498,10 +63011,12 @@ exports.usePipelineExecutorSetVideoPipelineSteps = usePipelineExecutorSetVideoPi
 exports.usePipelineExecutorSpinEngine = usePipelineExecutorSpinEngine;
 exports.usePipelineExecutorUncacheFrame = usePipelineExecutorUncacheFrame;
 exports.usePipelineExecutorValidatePipeline = usePipelineExecutorValidatePipeline;
+exports.usePipelineOrchestratorAbortNodeBenchmark = usePipelineOrchestratorAbortNodeBenchmark;
 exports.usePipelineOrchestratorApplyAutoTune = usePipelineOrchestratorApplyAutoTune;
 exports.usePipelineOrchestratorApplyDeviceSettingsPatch = usePipelineOrchestratorApplyDeviceSettingsPatch;
 exports.usePipelineOrchestratorAssignAudio = usePipelineOrchestratorAssignAudio;
 exports.usePipelineOrchestratorAssignPipeline = usePipelineOrchestratorAssignPipeline;
+exports.usePipelineOrchestratorDeleteNodeBenchmarkResult = usePipelineOrchestratorDeleteNodeBenchmarkResult;
 exports.usePipelineOrchestratorGetAgentLoad = usePipelineOrchestratorGetAgentLoad;
 exports.usePipelineOrchestratorGetAgentSettings = usePipelineOrchestratorGetAgentSettings;
 exports.usePipelineOrchestratorGetAudioAssignment = usePipelineOrchestratorGetAudioAssignment;
@@ -62520,6 +63035,9 @@ exports.usePipelineOrchestratorGetDeviceSettingsContribution = usePipelineOrches
 exports.usePipelineOrchestratorGetEffectiveShares = usePipelineOrchestratorGetEffectiveShares;
 exports.usePipelineOrchestratorGetGlobalMetrics = usePipelineOrchestratorGetGlobalMetrics;
 exports.usePipelineOrchestratorGetIngestOwner = usePipelineOrchestratorGetIngestOwner;
+exports.usePipelineOrchestratorGetNodeBenchmarkCandidates = usePipelineOrchestratorGetNodeBenchmarkCandidates;
+exports.usePipelineOrchestratorGetNodeBenchmarkPreflight = usePipelineOrchestratorGetNodeBenchmarkPreflight;
+exports.usePipelineOrchestratorGetNodeBenchmarkStatus = usePipelineOrchestratorGetNodeBenchmarkStatus;
 exports.usePipelineOrchestratorGetNodeInferenceDevices = usePipelineOrchestratorGetNodeInferenceDevices;
 exports.usePipelineOrchestratorGetPipelineAssignment = usePipelineOrchestratorGetPipelineAssignment;
 exports.usePipelineOrchestratorGetPipelineAssignments = usePipelineOrchestratorGetPipelineAssignments;
@@ -62527,6 +63045,7 @@ exports.usePipelineOrchestratorGetPipelineDevicePin = usePipelineOrchestratorGet
 exports.usePipelineOrchestratorGetPlacementStats = usePipelineOrchestratorGetPlacementStats;
 exports.usePipelineOrchestratorGetReconcileFromDiskStatus = usePipelineOrchestratorGetReconcileFromDiskStatus;
 exports.usePipelineOrchestratorListAgentSettings = usePipelineOrchestratorListAgentSettings;
+exports.usePipelineOrchestratorListNodeBenchmarkResults = usePipelineOrchestratorListNodeBenchmarkResults;
 exports.usePipelineOrchestratorPauseForStorageMigration = usePipelineOrchestratorPauseForStorageMigration;
 exports.usePipelineOrchestratorPlanAutoTune = usePipelineOrchestratorPlanAutoTune;
 exports.usePipelineOrchestratorRebalance = usePipelineOrchestratorRebalance;
@@ -62551,9 +63070,11 @@ exports.usePipelineOrchestratorSetCapabilityBinding = usePipelineOrchestratorSet
 exports.usePipelineOrchestratorSetLoadBalancingShares = usePipelineOrchestratorSetLoadBalancingShares;
 exports.usePipelineOrchestratorSetPipelineDevicePin = usePipelineOrchestratorSetPipelineDevicePin;
 exports.usePipelineOrchestratorSetShareSource = usePipelineOrchestratorSetShareSource;
+exports.usePipelineOrchestratorStartNodeBenchmark = usePipelineOrchestratorStartNodeBenchmark;
 exports.usePipelineOrchestratorSuggestShares = usePipelineOrchestratorSuggestShares;
 exports.usePipelineOrchestratorUnassignAudio = usePipelineOrchestratorUnassignAudio;
 exports.usePipelineOrchestratorUnassignPipeline = usePipelineOrchestratorUnassignPipeline;
+exports.usePipelineRunnerAbortNodeBench = usePipelineRunnerAbortNodeBench;
 exports.usePipelineRunnerAttachCamera = usePipelineRunnerAttachCamera;
 exports.usePipelineRunnerDetachCamera = usePipelineRunnerDetachCamera;
 exports.usePipelineRunnerGetAllCameraMetrics = usePipelineRunnerGetAllCameraMetrics;
@@ -62562,6 +63083,7 @@ exports.usePipelineRunnerGetLocalCameras = usePipelineRunnerGetLocalCameras;
 exports.usePipelineRunnerGetLocalLoad = usePipelineRunnerGetLocalLoad;
 exports.usePipelineRunnerGetLocalMetrics = usePipelineRunnerGetLocalMetrics;
 exports.usePipelineRunnerGetNativeCrop = usePipelineRunnerGetNativeCrop;
+exports.usePipelineRunnerGetNodeBenchStatus = usePipelineRunnerGetNodeBenchStatus;
 exports.usePipelineRunnerGetParkedTrackFrame = usePipelineRunnerGetParkedTrackFrame;
 exports.usePipelineRunnerParkTrackFrame = usePipelineRunnerParkTrackFrame;
 exports.usePipelineRunnerReleaseParkedTrackFrames = usePipelineRunnerReleaseParkedTrackFrames;
@@ -62569,6 +63091,7 @@ exports.usePipelineRunnerReportMotion = usePipelineRunnerReportMotion;
 exports.usePipelineRunnerRequestOccupancyBurst = usePipelineRunnerRequestOccupancyBurst;
 exports.usePipelineRunnerRunDetailSubtree = usePipelineRunnerRunDetailSubtree;
 exports.usePipelineRunnerRunStatelessStep = usePipelineRunnerRunStatelessStep;
+exports.usePipelineRunnerStartNodeBench = usePipelineRunnerStartNodeBench;
 exports.usePlateGalleryAssignPlate = usePlateGalleryAssignPlate;
 exports.usePlateGalleryAssignPlates = usePlateGalleryAssignPlates;
 exports.usePlateGalleryCorrectPlateText = usePlateGalleryCorrectPlateText;