@camstack/ui-library 1.2.298 → 1.2.299

package/dist/index.cjs

@@ -14135,7 +14135,7 @@ function ConfigNotificationTargetMultiSelectFieldView({ field, value, onChange,
 	const kindsQuery = useNotificationOutputListTargetKinds({});
 	const targets = (0, react$1.useMemo)(() => toTargetOptions(targetsQuery.data), [targetsQuery.data]);
 	const kindIconUrls = (0, react$1.useMemo)(() => buildKindIconMap(kindsQuery.data), [kindsQuery.data]);
-	const selected = Array.isArray(value) ? value.filter((v) => typeof v === "string") : typeof value === "string" && value.length > 0 ? [value] : [];
+	const selected = Array.isArray(value) ? value.filter((v) => typeof v === "string") : typeof value === "string" && value.length > 0 ? value.includes(",") ? value.split(",").map((id) => id.trim()).filter((id) => id.length > 0) : [value] : [];
 	const pending = targetsQuery.isPending || kindsQuery.isPending;
 	const error = targetsQuery.isError ? targetsQuery.error : kindsQuery.isError ? kindsQuery.error : null;
 	if (pending) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, {
@@ -19498,11 +19498,11 @@ function useDeviceSnapshotImage(deviceId, options = {}) {
 //#region src/composites/cap-settings/camera-grid-layout.ts
 /** Smallest rectangle the editor will produce — ffmpeg refuses a zero-area crop. */
 var MIN_EXTENT = .02;
-function isRecord(value) {
+function isRecord$2(value) {
 	return value !== null && typeof value === "object" && !Array.isArray(value);
 }
 function readRect(value) {
-	if (!isRecord(value)) return null;
+	if (!isRecord$2(value)) return null;
 	const { x, y, width, height } = value;
 	if (typeof x !== "number" || typeof y !== "number" || typeof width !== "number" || typeof height !== "number") return null;
 	if (x < 0 || y < 0 || width <= 0 || height <= 0) return null;
@@ -19515,7 +19515,7 @@ function readRect(value) {
 	};
 }
 function readCell(value) {
-	if (!isRecord(value)) return null;
+	if (!isRecord$2(value)) return null;
 	const deviceId = value["deviceId"];
 	if (typeof deviceId !== "number" || !Number.isInteger(deviceId)) return null;
 	const source = readRect(value["source"]);
@@ -19528,7 +19528,7 @@ function readCell(value) {
 	};
 }
 function readProfileOffer(value) {
-	if (!isRecord(value)) return null;
+	if (!isRecord$2(value)) return null;
 	const profile = value["profile"];
 	const offered = value["offered"];
 	const missing = value["missingSources"];
@@ -19557,7 +19557,7 @@ function readProfileOffer(value) {
 */
 function parseGridView(raw) {
 	if (raw === null) return null;
-	if (!isRecord(raw)) return "unreadable";
+	if (!isRecord$2(raw)) return "unreadable";
 	const { instanceId, deviceId, name, fps, cells, profiles } = raw;
 	if (typeof instanceId !== "string" || typeof deviceId !== "number" || typeof name !== "string" || typeof fps !== "number" || !Array.isArray(cells) || !Array.isArray(profiles)) return "unreadable";
 	const parsed = [];
@@ -25714,7 +25714,7 @@ function mergeAvailabilitySpans(ranges) {
 * significant digits (binary prefixes, matching recording sizes elsewhere).
 * KB and up render one decimal under 100, none above; bytes never get a decimal.
 */
-function formatBytes(bytes) {
+function formatBytes$1(bytes) {
 	if (!Number.isFinite(bytes) || bytes < 0) return "—";
 	if (bytes < 1024) return `${Math.round(bytes)} B`;
 	const units = [
@@ -26247,7 +26247,7 @@ function RecordingPanel({ deviceId }) {
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidgetMetricCard, {
 								label: t("uiLibrary.recordingPanel.storage", "Storage"),
 								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HardDrive, { className: "h-3.5 w-3.5" }),
-								children: status ? formatBytes(status.storageBytes) : "—"
+								children: status ? formatBytes$1(status.storageBytes) : "—"
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidgetMetricCard, {
 								label: t("uiLibrary.recordingPanel.recorded24h", "Recorded (24h)"),
@@ -29608,17 +29608,7 @@ function applyValuesToSchema(schema, nextValues) {
 	};
 }
 function stripValues(schema) {
-	return {
-		...schema,
-		sections: schema.sections.map((s) => ({
-			...s,
-			fields: s.fields.map((f) => {
-				if (!isValueBearingField(f)) return f;
-				const { value: _drop, ...rest } = f;
-				return rest;
-			})
-		}))
-	};
+	return (0, _camstack_types.dehydrateSchema)(schema);
 }
 function AddonGlobalSettingsForm({ trpc, addonId, nodeId, title, disabled, onAfterChange, refreshToken, sectionIds, bare = false, collapsible, defaultOpen, mode, onOverrideChange }) {
 	const t = useUiText();
@@ -58683,6 +58673,780 @@ function EntryIcon({ url }) {
 	});
 }
 //#endregion
+//#region src/composites/record-entries/record-entry-secrets.ts
+/** Whether a record entry field still holds the redaction token from a read. */
+function isRedactedSecret(value) {
+	return value === _camstack_types.REDACTED_SECRET;
+}
+/** Text shown in a password box for a redacted stored secret (empty — placeholder carries the hint). */
+function secretDisplayValue(value) {
+	if (isRedactedSecret(value)) return "";
+	return typeof value === "string" ? value : "";
+}
+/** Merge an edited password box back into the body sent to `putEntry`. */
+function mergeSecretForSubmit(draft, original) {
+	if (!isRedactedSecret(original)) return draft;
+	if (draft.length === 0) return _camstack_types.REDACTED_SECRET;
+	return draft;
+}
+/** Is this JSON-schema leaf (or path) a credential field? */
+function isSecretField(path, secretPaths, schemaNode) {
+	if (schemaNode["secret"] === true) return true;
+	return secretPaths.includes(path);
+}
+//#endregion
+//#region src/composites/record-entries/entry-json-schema-form.tsx
+function isRecord$1(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function labelFor(key, node) {
+	const desc = node["description"];
+	if (typeof desc === "string" && desc.length > 0) return desc;
+	return key.replace(/([A-Z])/g, " $1").replace(/^./, (c) => c.toUpperCase());
+}
+function readString(value) {
+	return typeof value === "string" ? value : "";
+}
+function readNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function readBool(value) {
+	return value === true;
+}
+function objectFromJson(text) {
+	try {
+		const parsed = JSON.parse(text);
+		return isRecord$1(parsed) ? parsed : null;
+	} catch {
+		return null;
+	}
+}
+function RecordEntrySecretField({ label, required, value, disabled, onPatch }) {
+	const [shown, setShown] = (0, react$1.useState)(false);
+	const stored = isRedactedSecret(value);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordInput, {
+			value: secretDisplayValue(value),
+			onValueChange: (text) => onPatch(mergeSecretForSubmit(text, value)),
+			shown,
+			onToggleShown: () => setShown((s) => !s),
+			disabled,
+			placeholder: stored ? SECRET_MASK_PLACEHOLDER : `Enter ${label.toLowerCase()}`
+		})
+	});
+}
+function SchemaField(props) {
+	const { path, name, node, value, secretPaths, required, disabled, onPatch } = props;
+	const label = labelFor(name, node);
+	if (isSecretField(path, secretPaths, node)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordEntrySecretField, {
+		label,
+		required,
+		value,
+		disabled,
+		onPatch: (next) => onPatch(path, next)
+	});
+	const enumValues = node["enum"];
+	if (Array.isArray(enumValues) && enumValues.every((v) => typeof v === "string")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
+			value: readString(value),
+			onChange: (e) => onPatch(path, e.target.value),
+			disabled,
+			options: enumValues.map((opt) => ({
+				value: opt,
+				label: opt
+			}))
+		})
+	});
+	const type = node["type"];
+	if (type === "boolean") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
+			checked: readBool(value),
+			onCheckedChange: (v) => onPatch(path, v),
+			disabled
+		})
+	});
+	if (type === "integer" || type === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+			type: "number",
+			value: readNumber(value) ?? "",
+			onChange: (e) => {
+				const raw = e.target.value;
+				onPatch(path, raw === "" ? void 0 : Number(raw));
+			},
+			disabled
+		})
+	});
+	if (type === "object") {
+		const properties = node["properties"];
+		if (isRecord$1(properties)) {
+			const childValue = isRecord$1(value) ? value : {};
+			const childRequired = Array.isArray(node["required"]) ? node["required"].filter((k) => typeof k === "string") : [];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+				className: "space-y-3 rounded-lg border border-border-subtle p-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+					className: "px-1 text-xs font-medium text-foreground-muted",
+					children: label
+				}), Object.entries(properties).map(([key, childNode]) => isRecord$1(childNode) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaField, {
+					path: `${path}.${key}`,
+					name: key,
+					node: childNode,
+					value: childValue[key],
+					secretPaths,
+					required: childRequired.includes(key),
+					disabled,
+					onPatch
+				}, key) : null)]
+			});
+		}
+		const jsonText = isRecord$1(value) ? JSON.stringify(value, null, 2) : "{}";
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+			label,
+			required,
+			description: "JSON object",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+				className: cn("min-h-[8rem] w-full resize-y rounded-md border border-border bg-surface px-2.5 py-2 font-mono text-xs text-foreground", "placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-inset focus:ring-primary", "disabled:cursor-not-allowed disabled:opacity-50"),
+				rows: 6,
+				defaultValue: jsonText,
+				disabled,
+				onBlur: (e) => {
+					const parsed = objectFromJson(e.target.value);
+					if (parsed !== null) onPatch(path, parsed);
+				}
+			})
+		});
+	}
+	if (type === "string" || type === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+			value: readString(value),
+			onChange: (e) => onPatch(path, e.target.value),
+			disabled
+		})
+	});
+	return null;
+}
+function setAtPath(root, path, next) {
+	const parts = path.split(".");
+	if (parts.length === 1) return {
+		...root,
+		[parts[0]]: next
+	};
+	const [head, ...rest] = parts;
+	const key = head;
+	const child = isRecord$1(root[key]) ? root[key] : {};
+	return {
+		...root,
+		[key]: setAtPath(child, rest.join("."), next)
+	};
+}
+/** Renders an entry body from the engine's JSON Schema descriptor. */
+function EntryJsonSchemaForm({ schema, secretPaths, value, onChange, disabled }) {
+	const properties = schema["properties"];
+	if (!isRecord$1(properties)) return null;
+	const required = Array.isArray(schema["required"]) ? schema["required"].filter((k) => typeof k === "string") : [];
+	const onPatch = (path, next) => {
+		onChange(setAtPath(value, path, next));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "space-y-3",
+		children: Object.entries(properties).map(([key, node]) => isRecord$1(node) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaField, {
+			path: key,
+			name: key,
+			node,
+			value: value[key],
+			secretPaths,
+			required: required.includes(key),
+			disabled,
+			onPatch
+		}, key) : null)
+	});
+}
+//#endregion
+//#region src/composites/record-entries/record-entries-panel.tsx
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function defaultBody(schema) {
+	const properties = schema["properties"];
+	if (!isRecord(properties)) return {};
+	const out = {};
+	for (const [key, node] of Object.entries(properties)) {
+		if (!isRecord(node)) continue;
+		if (node["default"] !== void 0) {
+			out[key] = node["default"];
+			continue;
+		}
+		if (node["type"] === "boolean") out[key] = false;
+		else if (node["type"] === "object") out[key] = {};
+	}
+	return out;
+}
+function RecordEntriesPanel({ kind }) {
+	const t = useUiText();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const confirm = useConfirm();
+	const formUrl = useItemFormUrl({
+		newKey: "entryNew",
+		editKey: "entryEdit"
+	});
+	const listQuery = useRecordEntriesListEntries({
+		owner: kind.owner,
+		kind: kind.kind
+	}, { staleTime: 15e3 });
+	const putMutation = useRecordEntriesPutEntry({ onSuccess: async () => {
+		await queryClient.invalidateQueries({ queryKey: [["recordEntries"]] });
+		formUrl.close();
+	} });
+	const deleteMutation = useRecordEntriesDeleteEntry({ onSuccess: async () => {
+		await queryClient.invalidateQueries({ queryKey: [["recordEntries"]] });
+	} });
+	const entries = listQuery.data?.entries ?? [];
+	const editing = (0, react$1.useMemo)(() => {
+		const st = formUrl.state;
+		if (st.mode !== "edit") return null;
+		return entries.find((e) => e.id === st.id) ?? null;
+	}, [entries, formUrl.state]);
+	const [draft, setDraft] = (0, react$1.useState)({});
+	const [saveError, setSaveError] = (0, react$1.useState)(null);
+	const openNew = (0, react$1.useCallback)(() => {
+		setDraft(defaultBody(kind.fields));
+		setSaveError(null);
+		formUrl.openNew();
+	}, [formUrl, kind.fields]);
+	const openEdit = (0, react$1.useCallback)((entry) => {
+		setDraft({ ...entry.data });
+		setSaveError(null);
+		formUrl.openEdit(entry.id);
+	}, [formUrl]);
+	const onDelete = (0, react$1.useCallback)(async (entry) => {
+		if (!await confirm({
+			title: t("uiLibrary.recordEntries.deleteTitle", "Delete entry"),
+			message: t("uiLibrary.recordEntries.deleteDescription", "Remove \"{{name}}\" permanently?", { name: entry.name }),
+			confirmLabel: t("uiLibrary.recordEntries.deleteConfirm", "Delete"),
+			variant: "danger"
+		})) return;
+		await deleteMutation.mutateAsync({
+			owner: kind.owner,
+			kind: kind.kind,
+			id: entry.id
+		});
+	}, [
+		confirm,
+		deleteMutation,
+		kind.kind,
+		kind.owner,
+		t
+	]);
+	const columns = (0, react$1.useMemo)(() => {
+		return [
+			{
+				key: "name",
+				header: t("uiLibrary.recordEntries.colName", "Name"),
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					className: "h-auto max-w-full justify-start px-0 py-0 font-medium hover:underline",
+					onClick: () => openEdit(row),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate",
+						children: row.name
+					})
+				})
+			},
+			{
+				key: "updated",
+				header: t("uiLibrary.recordEntries.colUpdated", "Updated"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[11px] text-foreground-subtle",
+					children: new Date(row.updatedAt).toLocaleString()
+				})
+			},
+			{
+				key: "actions",
+				header: "",
+				align: "right",
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex justify-end gap-1",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						size: "sm",
+						variant: "ghost",
+						type: "button",
+						onClick: () => openEdit(row),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pencil, { className: "h-3.5 w-3.5" })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						size: "sm",
+						variant: "ghost",
+						type: "button",
+						onClick: () => void onDelete(row),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5 text-danger" })
+					})]
+				})
+			}
+		];
+	}, [
+		onDelete,
+		openEdit,
+		t
+	]);
+	const dialogOpen = formUrl.state.mode !== "closed";
+	const dialogTitle = formUrl.state.mode === "new" ? t("uiLibrary.recordEntries.addTitle", "Add entry") : t("uiLibrary.recordEntries.editTitle", "Edit entry");
+	const onSave = async () => {
+		setSaveError(null);
+		try {
+			if (formUrl.state.mode === "new") await putMutation.mutateAsync({
+				owner: kind.owner,
+				kind: kind.kind,
+				data: draft
+			});
+			else if (formUrl.state.mode === "edit" && editing !== null) await putMutation.mutateAsync({
+				owner: kind.owner,
+				kind: kind.kind,
+				id: editing.id,
+				data: draft,
+				ifRev: editing.rev
+			});
+			else {
+				setSaveError(t("uiLibrary.recordEntries.saveUnavailable", "Nothing to save"));
+				return;
+			}
+		} catch (err) {
+			setSaveError(err instanceof Error ? err.message : t("uiLibrary.recordEntries.saveFailed", "Save failed"));
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+					type: "button",
+					size: "sm",
+					onClick: openNew,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "mr-1 h-3.5 w-3.5" }), t("uiLibrary.recordEntries.add", "Add")]
+				})
+			}),
+			listQuery.isError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: listQuery.error instanceof Error ? listQuery.error.message : t("uiLibrary.recordEntries.loadFailed", "Could not load entries") }),
+			listQuery.isPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-center py-8 text-foreground-subtle",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-5 w-5 animate-spin" })
+			}) : entries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+				title: t("uiLibrary.recordEntries.emptyTitle", "No entries yet"),
+				description: t("uiLibrary.recordEntries.emptyDescription", "Add the first row for this kind.")
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+				columns,
+				rows: entries,
+				rowKey: (r) => r.id,
+				maxBodyHeight: TABLE_SCROLL_MAX_H,
+				emptyMessage: t("uiLibrary.recordEntries.emptyTitle", "No entries yet")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemFormDialog, {
+				open: dialogOpen,
+				onClose: formUrl.close,
+				title: dialogTitle,
+				error: saveError,
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					type: "button",
+					size: "sm",
+					disabled: putMutation.isPending,
+					onClick: () => void onSave(),
+					children: putMutation.isPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : t("uiLibrary.recordEntries.save", "Save")
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryJsonSchemaForm, {
+					schema: kind.fields,
+					secretPaths: kind.secretPaths,
+					value: draft,
+					onChange: setDraft,
+					disabled: putMutation.isPending
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/record-entries/record-entries-hub.tsx
+var RECORD_ENTRY_OWNER_PARAM = "entryOwner";
+var RECORD_ENTRY_KIND_PARAM = "entryKind";
+function kindKey$1(k) {
+	return `${k.owner}/${k.kind}`;
+}
+function RecordEntriesHub({ filter }) {
+	const t = useUiText();
+	const kindsQuery = useRecordEntriesListEntryKinds({}, { staleTime: 3e4 });
+	const [ownerParam, setOwner] = useUrlQueryParam(RECORD_ENTRY_OWNER_PARAM);
+	const [kindParam, setKind] = useUrlQueryParam(RECORD_ENTRY_KIND_PARAM);
+	const kinds = (0, react$1.useMemo)(() => {
+		return (kindsQuery.data?.kinds ?? []).filter((k) => {
+			if (filter?.owner !== void 0 && k.owner !== filter.owner) return false;
+			if (filter?.kind !== void 0 && k.kind !== filter.kind) return false;
+			return true;
+		});
+	}, [
+		filter?.kind,
+		filter?.owner,
+		kindsQuery.data?.kinds
+	]);
+	const active = (0, react$1.useMemo)(() => {
+		if (kinds.length === 0) return null;
+		return kinds.find((k) => k.owner === ownerParam && k.kind === kindParam) ?? kinds[0] ?? null;
+	}, [
+		kindParam,
+		kinds,
+		ownerParam
+	]);
+	const selectKind = (k) => {
+		setOwner(k.owner);
+		setKind(k.kind);
+	};
+	if (kindsQuery.isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: kindsQuery.error instanceof Error ? kindsQuery.error.message : t("uiLibrary.recordEntries.kindsFailed", "Could not load entry kinds") });
+	if (kindsQuery.isPending) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex justify-center py-10 text-foreground-subtle",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-5 w-5 animate-spin" })
+	});
+	if (kinds.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		title: t("uiLibrary.recordEntries.noKindsTitle", "No entry kinds"),
+		description: t("uiLibrary.recordEntries.noKindsDescription", "No addon has declared an entry record kind yet.")
+	});
+	const activeKey = active === null ? "" : kindKey$1(active);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-4",
+		children: [kinds.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tabs, {
+			appearance: "pills",
+			value: activeKey,
+			onValueChange: (key) => {
+				const found = kinds.find((k) => kindKey$1(k) === key);
+				if (found !== void 0) selectKind(found);
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsList, {
+				className: "flex flex-wrap gap-1",
+				children: kinds.map((k) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TabsTrigger, {
+					value: kindKey$1(k),
+					children: [k.title, k.rows > 0 ? ` (${k.rows})` : ""]
+				}, kindKey$1(k)))
+			})
+		}), active !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [kinds.length === 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+			className: "mb-2 text-sm font-semibold text-foreground",
+			children: active.title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordEntriesPanel, { kind: active })] })]
+	});
+}
+//#endregion
+//#region src/composites/storage-records/storage-records-panel.tsx
+function StorageRecordsPanel({ kind }) {
+	const t = useUiText();
+	const [inspect, setInspect] = (0, react$1.useState)(null);
+	const recordsQuery = trpc.storageAdmin.readRecords.useQuery({
+		owner: kind.owner,
+		kind: kind.kind,
+		limit: 100,
+		desc: true
+	}, { staleTime: 15e3 });
+	const records = recordsQuery.data?.records ?? [];
+	const columns = (0, react$1.useMemo)(() => {
+		return [
+			{
+				key: "id",
+				header: t("uiLibrary.storageRecords.colId", "Id"),
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					className: "h-auto max-w-full justify-start px-0 py-0 font-mono text-xs hover:underline",
+					onClick: () => setInspect(row),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate",
+						children: row.id
+					})
+				})
+			},
+			{
+				key: "deviceId",
+				header: t("uiLibrary.storageRecords.colDevice", "Device"),
+				nowrap: true,
+				render: (row) => row.deviceId === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-foreground-subtle",
+					children: "—"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-mono text-xs",
+					children: row.deviceId
+				})
+			},
+			{
+				key: "at",
+				header: t("uiLibrary.storageRecords.colAt", "At"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[11px] text-foreground-subtle",
+					children: row.at === null ? "—" : new Date(row.at).toLocaleString()
+				})
+			},
+			{
+				key: "updatedAt",
+				header: t("uiLibrary.storageRecords.colUpdated", "Updated"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[11px] text-foreground-subtle",
+					children: new Date(row.updatedAt).toLocaleString()
+				})
+			}
+		];
+	}, [t]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "text-sm font-semibold text-foreground",
+						children: `${kind.owner}/${kind.kind}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+						variant: "neutral",
+						style: "outline",
+						children: kind.database
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+						variant: "neutral",
+						style: "outline",
+						children: kind.class
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+						variant: kind.state === "declared" ? "default" : "neutral",
+						children: kind.state
+					}),
+					kind.entry ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+						variant: "info",
+						children: t("uiLibrary.storageRecords.entryKind", "Entry")
+					}) : null
+				]
+			}),
+			recordsQuery.isError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: recordsQuery.error instanceof Error ? recordsQuery.error.message : t("uiLibrary.storageRecords.loadFailed", "Could not load records") }) : recordsQuery.isPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-center py-8 text-foreground-subtle",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-5 w-5 animate-spin" })
+			}) : records.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+				title: t("uiLibrary.storageRecords.emptyTitle", "No rows"),
+				description: t("uiLibrary.storageRecords.emptyDescription", "This kind has no stored records yet.")
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+				columns,
+				rows: records,
+				rowKey: (r) => r.id,
+				maxBodyHeight: TABLE_SCROLL_MAX_H,
+				emptyMessage: t("uiLibrary.storageRecords.emptyTitle", "No rows")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dialog, {
+				open: inspect !== null,
+				onOpenChange: (open) => !open && setInspect(null),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogContent, {
+					width: "lg",
+					placement: "sheet-on-mobile",
+					scroll: "body",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogTitle, { children: t("uiLibrary.storageRecords.inspectTitle", "Record") }), inspect !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogDescription, {
+						className: "font-mono",
+						children: inspect.id
+					}) : null] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogBody, { children: inspect !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeBlock, {
+						maxHeight: 480,
+						children: JSON.stringify(inspect, null, 2)
+					}) : null })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/storage-records/storage-records-hub.tsx
+var STORAGE_RECORDS_OWNER_PARAM = "recordsOwner";
+var STORAGE_RECORDS_KIND_PARAM = "recordsKind";
+function kindKey(k) {
+	return `${k.owner}/${k.kind}`;
+}
+function formatBytes(n) {
+	if (n === null) return "—";
+	if (n < 1024) return `${n} B`;
+	if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KiB`;
+	return `${(n / (1024 * 1024)).toFixed(1)} MiB`;
+}
+function StorageRecordsHub() {
+	const t = useUiText();
+	const kindsQuery = trpc.storageAdmin.listKinds.useQuery({}, { staleTime: 3e4 });
+	const [ownerParam, setOwner] = useUrlQueryParam(STORAGE_RECORDS_OWNER_PARAM);
+	const [kindParam, setKind] = useUrlQueryParam(STORAGE_RECORDS_KIND_PARAM);
+	const kinds = kindsQuery.data?.kinds ?? [];
+	const filter = useDataTableFilter(kinds, {
+		searchText: (row) => [
+			row.owner,
+			row.kind,
+			row.class,
+			row.database,
+			row.state
+		],
+		facetGroups: [{
+			id: "owner",
+			value: (row) => row.owner
+		}, {
+			id: "database",
+			value: (row) => row.database
+		}]
+	});
+	const active = (0, react$1.useMemo)(() => {
+		if (kinds.length === 0) return null;
+		return kinds.find((k) => k.owner === ownerParam && k.kind === kindParam) ?? null;
+	}, [
+		kindParam,
+		kinds,
+		ownerParam
+	]);
+	const selectKind = (0, react$1.useCallback)((k) => {
+		setOwner(k.owner);
+		setKind(k.kind);
+	}, [setKind, setOwner]);
+	const columns = (0, react$1.useMemo)(() => {
+		return [
+			{
+				key: "kind",
+				header: t("uiLibrary.storageRecords.colKind", "Kind"),
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "font-mono text-xs",
+					children: [
+						row.owner,
+						"/",
+						row.kind
+					]
+				}),
+				sortValue: (row) => kindKey(row)
+			},
+			{
+				key: "database",
+				header: t("uiLibrary.storageRecords.colDatabase", "DB"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: "neutral",
+					style: "outline",
+					children: row.database
+				}),
+				sortValue: (row) => row.database
+			},
+			{
+				key: "class",
+				header: t("uiLibrary.storageRecords.colClass", "Class"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-xs text-foreground-muted",
+					children: row.class
+				}),
+				sortValue: (row) => row.class
+			},
+			{
+				key: "state",
+				header: t("uiLibrary.storageRecords.colState", "State"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: row.state === "declared" ? "default" : "neutral",
+					children: row.state
+				}),
+				sortValue: (row) => row.state
+			},
+			{
+				key: "rows",
+				header: t("uiLibrary.storageRecords.colRows", "Rows"),
+				align: "right",
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-mono text-xs tabular-nums",
+					children: row.rows === null ? "—" : row.rows
+				}),
+				sortValue: (row) => row.rows ?? -1
+			},
+			{
+				key: "bytes",
+				header: t("uiLibrary.storageRecords.colSize", "Est. size"),
+				align: "right",
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-xs text-foreground-subtle",
+					children: formatBytes(row.bytesEstimate)
+				}),
+				sortValue: (row) => row.bytesEstimate ?? -1
+			},
+			{
+				key: "inspect",
+				header: "",
+				align: "right",
+				nowrap: true,
+				render: (row) => {
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						type: "button",
+						size: "sm",
+						variant: active !== null && kindKey(active) === kindKey(row) ? "primary" : "outline",
+						onClick: () => selectKind(row),
+						children: t("uiLibrary.storageRecords.viewRows", "View rows")
+					});
+				},
+				notSortableReason: t("uiLibrary.storageRecords.actionColumn", "Actions")
+			}
+		];
+	}, [
+		active,
+		selectKind,
+		t
+	]);
+	if (kindsQuery.isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: kindsQuery.error instanceof Error ? kindsQuery.error.message : t("uiLibrary.storageRecords.kindsFailed", "Could not load record kinds") });
+	if (kindsQuery.isPending) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex justify-center py-10 text-foreground-subtle",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-5 w-5 animate-spin" })
+	});
+	if (kinds.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		title: t("uiLibrary.storageRecords.noKindsTitle", "No record kinds"),
+		description: t("uiLibrary.storageRecords.noKindsDescription", "No addon has declared a record kind on this hub yet.")
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableFilterBar, {
+				state: filter.state,
+				facets: filter.facets,
+				groups: filter.groups.map((g) => ({
+					...g,
+					label: g.id === "owner" ? t("uiLibrary.storageRecords.facetOwner", "Owner") : t("uiLibrary.storageRecords.facetDatabase", "Database")
+				})),
+				labels: {
+					searchPlaceholder: t("uiLibrary.storageRecords.search", "Search kinds…"),
+					searchLabel: t("uiLibrary.storageRecords.searchLabel", "Search record kinds"),
+					facetsLabel: t("uiLibrary.storageRecords.facetsLabel", "Filter record kinds"),
+					clearLabel: t("uiLibrary.storageRecords.clearFilters", "Clear filters")
+				},
+				onSearch: filter.setSearch,
+				onToggleFacet: filter.toggleFacet,
+				onToggleGroupFacet: filter.toggleGroupFacet,
+				onClear: filter.clear
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+				columns,
+				rows: filter.rows,
+				rowKey: (k) => kindKey(k),
+				maxBodyHeight: TABLE_SCROLL_MAX_H,
+				defaultSort: {
+					columnKey: "kind",
+					dir: "asc"
+				},
+				emptyMessage: t("uiLibrary.storageRecords.noMatch", "No kinds match the filter")
+			}),
+			active !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StorageRecordsPanel, { kind: active }) : null
+		]
+	});
+}
+//#endregion
 //#region src/composites/response-log.tsx
 /**
 * Expandable log box showing the raw JSON response from a pipeline run.
@@ -63152,6 +63916,7 @@ exports.EllipsisVertical = EllipsisVertical;
 exports.EmptyState = EmptyState;
 exports.EndpointResultsCard = EndpointResultsCard;
 exports.EndpointTestCard = EndpointTestCard;
+exports.EntryJsonSchemaForm = EntryJsonSchemaForm;
 exports.ErrorBox = ErrorBox;
 exports.EventKindGlyph = EventKindGlyph;
 exports.EventStream = EventStream;
@@ -63339,6 +64104,8 @@ exports.QrCode = QrCode;
 exports.QrCode$1 = QrCode$1;
 exports.RECONNECT_POLICY = RECONNECT_POLICY;
 exports.RECORDED_PLAYBACK_MODES = RECORDED_PLAYBACK_MODES;
+exports.RECORD_ENTRY_KIND_PARAM = RECORD_ENTRY_KIND_PARAM;
+exports.RECORD_ENTRY_OWNER_PARAM = RECORD_ENTRY_OWNER_PARAM;
 exports.RIGHT = RIGHT;
 exports.ROI_AREA_WARN_FRACTION = ROI_AREA_WARN_FRACTION;
 exports.ROLE_DESCRIPTOR = ROLE_DESCRIPTOR;
@@ -63347,6 +64114,8 @@ exports.Radar = Radar;
 exports.RadialGauge = RadialGauge;
 exports.Radio = Radio;
 exports.RadioTower = RadioTower;
+exports.RecordEntriesHub = RecordEntriesHub;
+exports.RecordEntriesPanel = RecordEntriesPanel;
 exports.RecordedPlaybackProvider = RecordedPlaybackProvider;
 exports.RecordingPanel = RecordingPanel;
 exports.RefreshCw = RefreshCw;
@@ -63379,6 +64148,8 @@ exports.SPLIT_PANEL_SIDE = SPLIT_PANEL_SIDE;
 exports.STACK_GAP = STACK_GAP;
 exports.STATE_COLOR = STATE_COLOR;
 exports.STEP_DOCK_WIDTH_PX = STEP_DOCK_WIDTH_PX;
+exports.STORAGE_RECORDS_KIND_PARAM = STORAGE_RECORDS_KIND_PARAM;
+exports.STORAGE_RECORDS_OWNER_PARAM = STORAGE_RECORDS_OWNER_PARAM;
 exports.Sailboat = Sailboat;
 exports.Save = Save;
 exports.Scan = Scan;
@@ -63437,6 +64208,8 @@ exports.StepInspectorPanel = StepInspectorPanel;
 exports.StepModelRow = StepModelRow;
 exports.StepTimings = StepTimings;
 exports.Stepper = Stepper;
+exports.StorageRecordsHub = StorageRecordsHub;
+exports.StorageRecordsPanel = StorageRecordsPanel;
 exports.StreamBrokerSelector = StreamBrokerSelector;
 exports.StreamDebugOverlay = StreamDebugOverlay;
 exports.StreamPanel = StreamPanel;
@@ -63629,6 +64402,8 @@ exports.isDataTableFilterActive = isDataTableFilterActive;
 exports.isFieldVisible = isFieldVisible;
 exports.isGroupExpanded = isGroupExpanded;
 exports.isKeychainFieldValue = isKeychainFieldValue;
+exports.isRedactedSecret = isRedactedSecret;
+exports.isSecretField = isSecretField;
 exports.isValueField = isValueField;
 exports.lawnMowerActivityMeta = lawnMowerActivityMeta;
 exports.lightColors = require_theme_to_root_css.lightColors;
@@ -63637,6 +64412,7 @@ exports.loadRemoteBundle = loadRemoteBundle;
 exports.lucideExportName = lucideExportName;
 exports.makeScrubBridge = makeScrubBridge;
 exports.mapRootDetectorPlacements = mapRootDetectorPlacements;
+exports.mergeSecretForSubmit = mergeSecretForSubmit;
 exports.metadataEntries = metadataEntries;
 exports.metadataString = metadataString;
 exports.mirror = mirror;
@@ -63709,6 +64485,7 @@ exports.routerBasename = routerBasename;
 exports.sameLocationSuggestions = sameLocationSuggestions;
 exports.scrubReducer = scrubReducer;
 exports.searchSteps = searchSteps;
+exports.secretDisplayValue = secretDisplayValue;
 exports.secretSubmitValue = secretSubmitValue;
 exports.selectPickerGroup = selectPickerGroup;
 exports.selectedDeviceOptions = selectedDeviceOptions;