@camstack/ui-library 1.2.218 → 1.2.219

package/dist/composites/event-stream.d.ts

@@ -40,6 +40,10 @@ export interface EventStreamProps {
     readonly onClose?: () => void;
     readonly className?: string;
 }
+/** Categories visible in the events tab by default. The "All" badge
+ *  reflects this set, not the raw enum. */
+export declare const DEFAULT_EVENT_CATEGORIES: readonly string[];
+export declare function summarizeEvent(category: string, data: Record<string, unknown>): string | null;
 export declare function EventStream({ agentId, addonId, deviceId, defaultCategories, categories: legacyCategories, category: propsCategory, maxHeight, limit, showCategoryFilter, showFilters: _showFilters, liveBuffer: externalBuffer, onClose, className, }: EventStreamProps): import("react").JSX.Element;
 export interface FloatingEventStreamProps extends EventStreamProps {
     readonly position?: 'bottom' | 'overlay';

package/dist/composites/extensions/extensions-view-state.d.ts

@@ -22,14 +22,31 @@ export interface ExtensionsUnknownView {
 export interface ExtensionsNoneView {
     readonly kind: 'none';
 }
-/** Cards in table order, and every owner that could not answer. */
+/**
+ * A row of a slot this build does NOT declare — an older or newer server than
+ * this admin UI (a rollback after slice 6 still answers `doorbell-source`).
+ * It cannot be a card (no descriptor), so it is said by name instead: never
+ * dropped, never crashing the panel (D315, task 17 re-review R1).
+ */
+export interface ExtensionsUnknownSlotRow {
+    readonly slot: string;
+    readonly slotRef: string;
+}
+/** Cards in table order, every slot this build does not know, and every owner that could not answer. */
 export interface ExtensionsRowsView {
     readonly kind: 'rows';
     readonly slots: readonly ExtensionSlotState[];
+    readonly unknownSlots: readonly ExtensionsUnknownSlotRow[];
     readonly unreachable: readonly ExtensionSlotUnreachable[];
 }
 export type ExtensionsView = ExtensionsPendingView | ExtensionsUnknownView | ExtensionsNoneView | ExtensionsRowsView;
-export declare function resolveExtensionsView(query: ExtensionsQueryView): ExtensionsView;
+/** The order cards are shown in: the generated slot table's. */
+export type ExtensionSlotTableOrder = readonly string[];
+/**
+ * `order` is the generated table (`EXTENSION_SLOT_IDS`); a parameter only so a
+ * spec can pin the comparator while the table holds a single slot.
+ */
+export declare function resolveExtensionsView(query: ExtensionsQueryView, order?: ExtensionSlotTableOrder): ExtensionsView;
 /** Add or remove one pick. `one` replaces; `many` toggles. */
 export declare function togglePick(draft: readonly number[], deviceId: number, cardinality: ExtensionSlotCardinality): readonly number[];
 /** Suggested candidates the operator has NOT picked — shown to confirm, never saved on their own (D356). */

package/dist/index.cjs

@@ -20975,10 +20975,21 @@ function ClipsSection({ deviceId }) {
 * Also here, pure: the editor's draft rules, so the component holds no logic
 * a spec cannot reach.
 */
-function tableOrder(slot) {
-	return _camstack_types.EXTENSION_SLOT_IDS.indexOf(slot);
+/**
+* Whether the WIRE row's slot is one this build declares. The tRPC client does
+* not validate output, so a row's `slot` can be any string at runtime even
+* though its type says otherwise; the comparison runs on the string.
+*/
+function isDeclaredSlotRow(row, order) {
+	const slot = row.slot;
+	return order.some((id) => id === slot);
 }
-function resolveExtensionsView(query) {
+/**
+* `order` is the generated table (`EXTENSION_SLOT_IDS`); a parameter only so a
+* spec can pin the comparator while the table holds a single slot.
+*/
+function resolveExtensionsView(query, order = _camstack_types.EXTENSION_SLOT_IDS) {
+	const tableOrder = (slot) => order.indexOf(slot);
 	if (query.status === "pending") return { kind: "pending" };
 	if (query.status === "error") return {
 		kind: "unknown",
@@ -20987,12 +20998,18 @@ function resolveExtensionsView(query) {
 	const rows = query.data ?? [];
 	if (rows.length === 0) return { kind: "none" };
 	const slots = [];
+	const unknownSlots = [];
 	const unreachable = [];
-	for (const row of rows) if (row.state === "ok") slots.push(row);
-	else unreachable.push(row);
+	for (const row of rows) if (row.state !== "ok") unreachable.push(row);
+	else if (isDeclaredSlotRow(row, order)) slots.push(row);
+	else unknownSlots.push({
+		slot: row.slot,
+		slotRef: row.slotRef
+	});
 	return {
 		kind: "rows",
 		slots: slots.toSorted((a, b) => tableOrder(a.slot) - tableOrder(b.slot)),
+		unknownSlots,
 		unreachable
 	};
 }
@@ -21098,8 +21115,8 @@ function slotWriteValue(saved, deviceIds, tracked) {
 *   (D356).
 * - Every saved source shows its health; a missing or unavailable one is
 *   shown with its reason and never silently dropped from the draft.
-* - A gate owned by ANOTHER authority (the doorbell wrapper's binding) is
-*   shown read-only, naming that authority (D62).
+* - A gate owned by ANOTHER authority (e.g. a wrapper's binding; no slot
+*   reports one today) is shown read-only, naming that authority (D62).
 * - A slot whose value carries a tracked-event opt-in (`linked-devices`,
 *   D655) gets one toggle per LINKED device — the picks, what the owner links
 *   by structure (`impliedSources`: tree children, never a container, D356)
@@ -21428,9 +21445,11 @@ function ExtensionsPanel({ deviceId, slots, title, readOnly = false }) {
 		data: query.data,
 		error: query.error
 	});
-	const shown = view.kind !== "rows" ? [] : slots === void 0 ? view.slots : view.slots.filter((row) => slots.includes(row.slot));
+	const named = (slot) => slots === void 0 || slots.some((id) => id === slot);
+	const shown = view.kind !== "rows" ? [] : view.slots.filter((row) => named(row.slot));
+	const unknownShown = view.kind !== "rows" ? [] : view.unknownSlots.filter((row) => named(row.slot));
 	const panelTitle = title ?? "Extensions";
-	const filteredToNothing = view.kind === "rows" && slots !== void 0 && shown.length === 0 && view.unreachable.length === 0;
+	const filteredToNothing = view.kind === "rows" && slots !== void 0 && shown.length === 0 && unknownShown.length === 0 && view.unreachable.length === 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidgetPanel, {
 		title: panelTitle,
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Puzzle, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
@@ -21466,6 +21485,30 @@ function ExtensionsPanel({ deviceId, slots, title, readOnly = false }) {
 						onSaved: () => void query.refetch(),
 						readOnly
 					}, row.slotRef)),
+					unknownShown.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						role: "alert",
+						className: "flex flex-col gap-1 rounded-md border border-warning/40 bg-warning/5 p-3",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+									variant: "warning",
+									children: "Unknown slot"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "text-xs font-semibold text-foreground",
+									children: row.slot
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-[11px] text-foreground-muted break-words",
+								children: row.slotRef
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-[10px] text-foreground-subtle",
+								children: "The admin UI and the server disagree: the server offers a slot this admin UI does not know. Update the admin UI, or the server."
+							})
+						]
+					}, `unknown:${row.slotRef}`)),
 					view.unreachable.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						role: "alert",
 						className: "flex flex-col gap-1 rounded-md border border-warning/40 bg-warning/5 p-3",
@@ -36026,7 +36069,8 @@ var LIVE_NOISE_CATEGORIES = Object.freeze([
 	_camstack_types.EventCategory.PipelineAudioInferenceResult,
 	_camstack_types.EventCategory.PlatformProbePhase,
 	_camstack_types.EventCategory.BenchmarkProgress,
-	_camstack_types.EventCategory.ModelDownloadProgress
+	_camstack_types.EventCategory.ModelDownloadProgress,
+	_camstack_types.EventCategory.ProviderMotion
 ]);
 var LIVE_NOISE_SET = new Set(LIVE_NOISE_CATEGORIES);
 /** Categories visible in the events tab by default. The "All" badge
@@ -36074,7 +36118,7 @@ function summarizeEvent(category, data) {
 		if (typeof score === "number") parts.push(`${Math.round(score * 100)}%`);
 		return parts.length > 0 ? parts.join(" — ") : null;
 	}
-	if (category === _camstack_types.EventCategory.ProviderMotion) return data["active"] === true ? "motion start" : "motion stop";
+	if (category === _camstack_types.EventCategory.ProviderMotion) return data["detected"] === true ? "motion start" : "motion stop";
 	if (category === _camstack_types.EventCategory.DeviceStateChanged) {
 		const slice = data["slice"];
 		if (slice && typeof slice === "object") {
@@ -36879,7 +36923,7 @@ function runtimeStateKeys(capName) {
 }
 /**
 * Cold placeholder slice for a bound cap that declares `runtimeState` but
-* has never written it (e.g. a virtual-doorbell camera that has never rung).
+* has never written it (e.g. a doorbell that has never rung).
 * Every declared field is seeded `null` so the tree surfaces the cap's
 * presence and reads as "never" instead of the cap being OMITTED entirely.
 * Returns `null` when the cap has no runtime-state schema (nothing to seed).

package/dist/index.js

@@ -20951,10 +20951,21 @@ function ClipsSection({ deviceId }) {
 * Also here, pure: the editor's draft rules, so the component holds no logic
 * a spec cannot reach.
 */
-function tableOrder(slot) {
-	return EXTENSION_SLOT_IDS.indexOf(slot);
+/**
+* Whether the WIRE row's slot is one this build declares. The tRPC client does
+* not validate output, so a row's `slot` can be any string at runtime even
+* though its type says otherwise; the comparison runs on the string.
+*/
+function isDeclaredSlotRow(row, order) {
+	const slot = row.slot;
+	return order.some((id) => id === slot);
 }
-function resolveExtensionsView(query) {
+/**
+* `order` is the generated table (`EXTENSION_SLOT_IDS`); a parameter only so a
+* spec can pin the comparator while the table holds a single slot.
+*/
+function resolveExtensionsView(query, order = EXTENSION_SLOT_IDS) {
+	const tableOrder = (slot) => order.indexOf(slot);
 	if (query.status === "pending") return { kind: "pending" };
 	if (query.status === "error") return {
 		kind: "unknown",
@@ -20963,12 +20974,18 @@ function resolveExtensionsView(query) {
 	const rows = query.data ?? [];
 	if (rows.length === 0) return { kind: "none" };
 	const slots = [];
+	const unknownSlots = [];
 	const unreachable = [];
-	for (const row of rows) if (row.state === "ok") slots.push(row);
-	else unreachable.push(row);
+	for (const row of rows) if (row.state !== "ok") unreachable.push(row);
+	else if (isDeclaredSlotRow(row, order)) slots.push(row);
+	else unknownSlots.push({
+		slot: row.slot,
+		slotRef: row.slotRef
+	});
 	return {
 		kind: "rows",
 		slots: slots.toSorted((a, b) => tableOrder(a.slot) - tableOrder(b.slot)),
+		unknownSlots,
 		unreachable
 	};
 }
@@ -21074,8 +21091,8 @@ function slotWriteValue(saved, deviceIds, tracked) {
 *   (D356).
 * - Every saved source shows its health; a missing or unavailable one is
 *   shown with its reason and never silently dropped from the draft.
-* - A gate owned by ANOTHER authority (the doorbell wrapper's binding) is
-*   shown read-only, naming that authority (D62).
+* - A gate owned by ANOTHER authority (e.g. a wrapper's binding; no slot
+*   reports one today) is shown read-only, naming that authority (D62).
 * - A slot whose value carries a tracked-event opt-in (`linked-devices`,
 *   D655) gets one toggle per LINKED device — the picks, what the owner links
 *   by structure (`impliedSources`: tree children, never a container, D356)
@@ -21404,9 +21421,11 @@ function ExtensionsPanel({ deviceId, slots, title, readOnly = false }) {
 		data: query.data,
 		error: query.error
 	});
-	const shown = view.kind !== "rows" ? [] : slots === void 0 ? view.slots : view.slots.filter((row) => slots.includes(row.slot));
+	const named = (slot) => slots === void 0 || slots.some((id) => id === slot);
+	const shown = view.kind !== "rows" ? [] : view.slots.filter((row) => named(row.slot));
+	const unknownShown = view.kind !== "rows" ? [] : view.unknownSlots.filter((row) => named(row.slot));
 	const panelTitle = title ?? "Extensions";
-	const filteredToNothing = view.kind === "rows" && slots !== void 0 && shown.length === 0 && view.unreachable.length === 0;
+	const filteredToNothing = view.kind === "rows" && slots !== void 0 && shown.length === 0 && unknownShown.length === 0 && view.unreachable.length === 0;
 	return /* @__PURE__ */ jsx(WidgetPanel, {
 		title: panelTitle,
 		icon: /* @__PURE__ */ jsx(Puzzle, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
@@ -21442,6 +21461,30 @@ function ExtensionsPanel({ deviceId, slots, title, readOnly = false }) {
 						onSaved: () => void query.refetch(),
 						readOnly
 					}, row.slotRef)),
+					unknownShown.map((row) => /* @__PURE__ */ jsxs("div", {
+						role: "alert",
+						className: "flex flex-col gap-1 rounded-md border border-warning/40 bg-warning/5 p-3",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx(Badge, {
+									variant: "warning",
+									children: "Unknown slot"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-xs font-semibold text-foreground",
+									children: row.slot
+								})]
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-[11px] text-foreground-muted break-words",
+								children: row.slotRef
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-[10px] text-foreground-subtle",
+								children: "The admin UI and the server disagree: the server offers a slot this admin UI does not know. Update the admin UI, or the server."
+							})
+						]
+					}, `unknown:${row.slotRef}`)),
 					view.unreachable.map((row) => /* @__PURE__ */ jsxs("div", {
 						role: "alert",
 						className: "flex flex-col gap-1 rounded-md border border-warning/40 bg-warning/5 p-3",
@@ -36002,7 +36045,8 @@ var LIVE_NOISE_CATEGORIES = Object.freeze([
 	EventCategory.PipelineAudioInferenceResult,
 	EventCategory.PlatformProbePhase,
 	EventCategory.BenchmarkProgress,
-	EventCategory.ModelDownloadProgress
+	EventCategory.ModelDownloadProgress,
+	EventCategory.ProviderMotion
 ]);
 var LIVE_NOISE_SET = new Set(LIVE_NOISE_CATEGORIES);
 /** Categories visible in the events tab by default. The "All" badge
@@ -36050,7 +36094,7 @@ function summarizeEvent(category, data) {
 		if (typeof score === "number") parts.push(`${Math.round(score * 100)}%`);
 		return parts.length > 0 ? parts.join(" — ") : null;
 	}
-	if (category === EventCategory.ProviderMotion) return data["active"] === true ? "motion start" : "motion stop";
+	if (category === EventCategory.ProviderMotion) return data["detected"] === true ? "motion start" : "motion stop";
 	if (category === EventCategory.DeviceStateChanged) {
 		const slice = data["slice"];
 		if (slice && typeof slice === "object") {
@@ -36855,7 +36899,7 @@ function runtimeStateKeys(capName) {
 }
 /**
 * Cold placeholder slice for a bound cap that declares `runtimeState` but
-* has never written it (e.g. a virtual-doorbell camera that has never rung).
+* has never written it (e.g. a doorbell that has never rung).
 * Every declared field is seeded `null` so the tree surfaces the cap's
 * presence and reads as "never" instead of the cap being OMITTED entirely.
 * Returns `null` when the cap has no runtime-state schema (nothing to seed).

package/package.json

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