@camstack/ui-library 1.2.206 → 1.2.207

package/dist/composites/extensions/AssociationSlotCard.d.ts

@@ -0,0 +1,15 @@
+import { ExtensionSlotSource, ExtensionSlotState } from '@camstack/types';
+export interface SlotSourceListProps {
+    readonly sources: readonly ExtensionSlotSource[];
+}
+/** The saved sources, each with its health — a bad one is shown, never hidden. */
+export declare function SlotSourceList({ sources }: SlotSourceListProps): import("react").JSX.Element;
+export interface AssociationSlotCardProps {
+    readonly deviceId: number;
+    readonly row: ExtensionSlotState;
+    readonly onSaved: () => void;
+}
+export interface ActivationLineProps {
+    readonly row: ExtensionSlotState;
+}
+export declare function AssociationSlotCard({ deviceId, row, onSaved }: AssociationSlotCardProps): import("react").JSX.Element;

package/dist/composites/extensions/ExtensionsPanel.d.ts

@@ -0,0 +1,4 @@
+export interface ExtensionsPanelProps {
+    readonly deviceId: number;
+}
+export declare function ExtensionsPanel({ deviceId }: ExtensionsPanelProps): import("react").JSX.Element;

package/dist/composites/extensions/extension-invalidation.d.ts

@@ -0,0 +1,9 @@
+import { QueryClient } from '@tanstack/react-query';
+/** tRPC v11 query-key prefix of `deviceManager.getDeviceAggregate`. */
+export declare const DEVICE_AGGREGATE_QUERY_KEY: readonly [readonly ["deviceManager", "getDeviceAggregate"]];
+/** tRPC v11 query-key prefix of `deviceExtension.listSlots`. */
+export declare const EXTENSION_SLOTS_QUERY_KEY: readonly [readonly ["deviceExtension", "listSlots"]];
+/** The one method of a query client these helpers use. */
+export type QueryInvalidator = Pick<QueryClient, 'invalidateQueries'>;
+/** Re-read both surfaces over the linked-devices / doorbell stores. */
+export declare function invalidateExtensionSurfaces(client: QueryInvalidator): Promise<void>;

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

@@ -0,0 +1,40 @@
+import { ExtensionCandidate, ExtensionSlotCardinality, ExtensionSlotRow, ExtensionSlotState, ExtensionSlotUnreachable } from '@camstack/types';
+/** The one field of a query error this module reads. */
+export interface ExtensionsQueryError {
+    readonly message: string;
+}
+/** The fields of a query result this module reads — nothing else. */
+export interface ExtensionsQueryView {
+    readonly status: 'pending' | 'error' | 'success';
+    readonly data?: readonly ExtensionSlotRow[] | undefined;
+    readonly error?: ExtensionsQueryError | null;
+}
+/** Nobody has answered yet. */
+export interface ExtensionsPendingView {
+    readonly kind: 'pending';
+}
+/** The read FAILED — not an answer, so not absence either. */
+export interface ExtensionsUnknownView {
+    readonly kind: 'unknown';
+    readonly reason: string;
+}
+/** Answered with nothing — the only state that may say "no extensions". */
+export interface ExtensionsNoneView {
+    readonly kind: 'none';
+}
+/** Cards in table order, and every owner that could not answer. */
+export interface ExtensionsRowsView {
+    readonly kind: 'rows';
+    readonly slots: readonly ExtensionSlotState[];
+    readonly unreachable: readonly ExtensionSlotUnreachable[];
+}
+export type ExtensionsView = ExtensionsPendingView | ExtensionsUnknownView | ExtensionsNoneView | ExtensionsRowsView;
+export declare function resolveExtensionsView(query: ExtensionsQueryView): 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). */
+export declare function pendingSuggestions(candidates: readonly ExtensionCandidate[], draft: readonly number[]): readonly ExtensionCandidate[];
+/** Candidates matching a free-text search, not already picked. */
+export declare function searchCandidates(candidates: readonly ExtensionCandidate[], draft: readonly number[], query: string): readonly ExtensionCandidate[];
+/** Whether the draft differs from what the owner's store holds. */
+export declare function isDirty(saved: readonly number[], draft: readonly number[]): boolean;

package/dist/composites/index.d.ts

@@ -169,3 +169,4 @@ export * from './version-badge';
 export * from './widget-panel.js';
 export type { WidgetSlotProps } from './widget-slot';
 export { WidgetSlot } from './widget-slot';
+export { DEVICE_AGGREGATE_QUERY_KEY, EXTENSION_SLOTS_QUERY_KEY, invalidateExtensionSurfaces, type QueryInvalidator, } from './extensions/extension-invalidation.js';

package/dist/generated/system-hooks.d.ts

@@ -423,6 +423,14 @@ export declare const useDeviceExportGetDeviceSettingsContribution: typeof trpc.d
 export declare const useDeviceExportGetDeviceLiveContribution: typeof trpc.deviceExport.getDeviceLiveContribution.useQuery;
 /** Generated alias around `trpc.deviceExport.applyDeviceSettingsPatch.useMutation`. */
 export declare const useDeviceExportApplyDeviceSettingsPatch: typeof trpc.deviceExport.applyDeviceSettingsPatch.useMutation;
+/** Generated alias around `trpc.deviceExtension.listSources.useQuery`. */
+export declare const useDeviceExtensionListSources: typeof trpc.deviceExtension.listSources.useQuery;
+/** Generated alias around `trpc.deviceExtension.listSlots.useQuery`. */
+export declare const useDeviceExtensionListSlots: typeof trpc.deviceExtension.listSlots.useQuery;
+/** Generated alias around `trpc.deviceExtension.listCandidates.useQuery`. */
+export declare const useDeviceExtensionListCandidates: typeof trpc.deviceExtension.listCandidates.useQuery;
+/** Generated alias around `trpc.deviceExtension.setSlot.useMutation`. */
+export declare const useDeviceExtensionSetSlot: typeof trpc.deviceExtension.setSlot.useMutation;
 /** Generated alias around `trpc.deviceManager.allocateDeviceId.useMutation`. */
 export declare const useDeviceManagerAllocateDeviceId: typeof trpc.deviceManager.allocateDeviceId.useMutation;
 /** Generated alias around `trpc.deviceManager.migrateDevice.useMutation`. */
@@ -1385,6 +1393,8 @@ export declare const usePipelineOrchestratorGetPipelineAssignments: typeof trpc.
 export declare const usePipelineOrchestratorGetPipelineAssignment: typeof trpc.pipelineOrchestrator.getPipelineAssignment.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.getAgentLoad.useQuery`. */
 export declare const usePipelineOrchestratorGetAgentLoad: typeof trpc.pipelineOrchestrator.getAgentLoad.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.getClusterModelChoice.useQuery`. */
+export declare const usePipelineOrchestratorGetClusterModelChoice: typeof trpc.pipelineOrchestrator.getClusterModelChoice.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.getGlobalMetrics.useQuery`. */
 export declare const usePipelineOrchestratorGetGlobalMetrics: typeof trpc.pipelineOrchestrator.getGlobalMetrics.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.getCameraMetrics.useQuery`. */

package/dist/index.cjs

@@ -4100,6 +4100,16 @@ var Projector = createLucideIcon("projector", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Puzzle = createLucideIcon("puzzle", [["path", {
+	d: "M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z",
+	key: "w46dr5"
+}]]);
+/**
+* @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 QrCode$1 = createLucideIcon("qr-code", [
 	["rect", {
 		width: "5",
@@ -6932,6 +6942,14 @@ var useDeviceExportGetDeviceSettingsContribution = trpc.deviceExport.getDeviceSe
 var useDeviceExportGetDeviceLiveContribution = trpc.deviceExport.getDeviceLiveContribution.useQuery;
 /** Generated alias around `trpc.deviceExport.applyDeviceSettingsPatch.useMutation`. */
 var useDeviceExportApplyDeviceSettingsPatch = trpc.deviceExport.applyDeviceSettingsPatch.useMutation;
+/** Generated alias around `trpc.deviceExtension.listSources.useQuery`. */
+var useDeviceExtensionListSources = trpc.deviceExtension.listSources.useQuery;
+/** Generated alias around `trpc.deviceExtension.listSlots.useQuery`. */
+var useDeviceExtensionListSlots = trpc.deviceExtension.listSlots.useQuery;
+/** Generated alias around `trpc.deviceExtension.listCandidates.useQuery`. */
+var useDeviceExtensionListCandidates = trpc.deviceExtension.listCandidates.useQuery;
+/** Generated alias around `trpc.deviceExtension.setSlot.useMutation`. */
+var useDeviceExtensionSetSlot = trpc.deviceExtension.setSlot.useMutation;
 /** Generated alias around `trpc.deviceManager.allocateDeviceId.useMutation`. */
 var useDeviceManagerAllocateDeviceId = trpc.deviceManager.allocateDeviceId.useMutation;
 /** Generated alias around `trpc.deviceManager.migrateDevice.useMutation`. */
@@ -7894,6 +7912,8 @@ var usePipelineOrchestratorGetPipelineAssignments = trpc.pipelineOrchestrator.ge
 var usePipelineOrchestratorGetPipelineAssignment = trpc.pipelineOrchestrator.getPipelineAssignment.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.getAgentLoad.useQuery`. */
 var usePipelineOrchestratorGetAgentLoad = trpc.pipelineOrchestrator.getAgentLoad.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.getClusterModelChoice.useQuery`. */
+var usePipelineOrchestratorGetClusterModelChoice = trpc.pipelineOrchestrator.getClusterModelChoice.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.getGlobalMetrics.useQuery`. */
 var usePipelineOrchestratorGetGlobalMetrics = trpc.pipelineOrchestrator.getGlobalMetrics.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.getCameraMetrics.useQuery`. */
@@ -20896,6 +20916,428 @@ function ClipsSection({ deviceId }) {
 	});
 }
 //#endregion
+//#region src/composites/extensions/extension-invalidation.ts
+/** tRPC v11 query-key prefix of `deviceManager.getDeviceAggregate`. */
+var DEVICE_AGGREGATE_QUERY_KEY = [["deviceManager", "getDeviceAggregate"]];
+/** tRPC v11 query-key prefix of `deviceExtension.listSlots`. */
+var EXTENSION_SLOTS_QUERY_KEY = [["deviceExtension", "listSlots"]];
+/** Re-read both surfaces over the linked-devices / doorbell stores. */
+async function invalidateExtensionSurfaces(client) {
+	await Promise.all([client.invalidateQueries({ queryKey: DEVICE_AGGREGATE_QUERY_KEY }), client.invalidateQueries({ queryKey: EXTENSION_SLOTS_QUERY_KEY })]);
+}
+//#endregion
+//#region src/composites/extensions/extensions-view-state.ts
+/**
+* What the Extensions section may CLAIM, from what `listSlots` answered
+* (D648, D315).
+*
+* Four states, and the two a boolean would collapse are kept apart on purpose:
+*
+*  - `pending` — nobody has answered yet. Never "no extensions".
+*  - `unknown` — the query FAILED. It is not an answer, so it is not absence
+*    either; the reason is shown verbatim.
+*  - `none` — the query answered with nothing. The only state that may say
+*    "no extensions".
+*  - `rows` — cards, in the generated table's order, and every owner that
+*    could not answer as its own row with its reason (D554.4). A device whose
+*    ONLY owner failed is `rows` with no slots, not `none`.
+*
+* 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);
+}
+function resolveExtensionsView(query) {
+	if (query.status === "pending") return { kind: "pending" };
+	if (query.status === "error") return {
+		kind: "unknown",
+		reason: query.error?.message ?? "the request failed"
+	};
+	const rows = query.data ?? [];
+	if (rows.length === 0) return { kind: "none" };
+	const slots = [];
+	const unreachable = [];
+	for (const row of rows) if (row.state === "ok") slots.push(row);
+	else unreachable.push(row);
+	return {
+		kind: "rows",
+		slots: slots.toSorted((a, b) => tableOrder(a.slot) - tableOrder(b.slot)),
+		unreachable
+	};
+}
+/** Add or remove one pick. `one` replaces; `many` toggles. */
+function togglePick(draft, deviceId, cardinality) {
+	if (draft.includes(deviceId)) return draft.filter((id) => id !== deviceId);
+	return cardinality === "one" ? [deviceId] : [...draft, deviceId];
+}
+/** Suggested candidates the operator has NOT picked — shown to confirm, never saved on their own (D356). */
+function pendingSuggestions(candidates, draft) {
+	return candidates.filter((c) => c.suggested && !draft.includes(c.deviceId));
+}
+/** Candidates matching a free-text search, not already picked. */
+function searchCandidates(candidates, draft, query) {
+	const needle = query.trim().toLowerCase();
+	if (needle.length === 0) return [];
+	return candidates.filter((c) => !draft.includes(c.deviceId) && [
+		c.name,
+		c.location ?? "",
+		c.parentName ?? "",
+		c.type
+	].some((v) => v.toLowerCase().includes(needle)));
+}
+/** Whether the draft differs from what the owner's store holds. */
+function isDirty(saved, draft) {
+	return saved.length !== draft.length || saved.some((id, i) => draft[i] !== id);
+}
+//#endregion
+//#region src/composites/extensions/AssociationSlotCard.tsx
+/**
+* One ASSOCIATION slot (D648): the devices a host lists, edited as a device
+* multiselect.
+*
+* - The saved value is the owner's store, read by `listSlots`. The draft is
+*   local until Save, and Save is `setSlot` — the owner validates and writes
+*   through its existing path, so a refusal comes back BY NAME and is shown.
+* - Candidates (`listCandidates`) are fetched only while editing. Suggestions
+*   are chips the operator must click to add; nothing is picked on its own
+*   (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).
+*/
+var HEALTH_LABEL = {
+	ok: "OK",
+	missing: "Missing",
+	foreign: "Other owner",
+	unavailable: "Not a valid source"
+};
+var HEALTH_VARIANT = {
+	ok: "success",
+	missing: "danger",
+	foreign: "warning",
+	unavailable: "warning"
+};
+/** The saved sources, each with its health — a bad one is shown, never hidden. */
+function SlotSourceList({ sources }) {
+	if (sources.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "text-[11px] text-foreground-subtle italic",
+		children: "No devices picked."
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		className: "flex flex-col gap-1",
+		children: sources.map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+			className: "flex flex-wrap items-center gap-2 text-[11px]",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-foreground",
+					children: s.name ?? `Device ${s.deviceId}`
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: HEALTH_VARIANT[s.health],
+					children: HEALTH_LABEL[s.health]
+				}),
+				s.detail !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[10px] text-foreground-subtle",
+					children: s.detail
+				})
+			]
+		}, s.deviceId))
+	});
+}
+function ActivationLine({ row }) {
+	const activation = row.activation;
+	if (activation === null) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-wrap items-center gap-2 text-[10px] text-foreground-subtle",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+				variant: activation.state === "active" ? "success" : activation.state === "inactive" ? "warning" : "default",
+				children: activation.state === "active" ? "Active" : activation.state === "inactive" ? "Inactive" : "Unknown"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["set by ", activation.authority] }),
+			activation.detail !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: activation.detail })
+		]
+	});
+}
+function AssociationSlotCard({ deviceId, row, onSaved }) {
+	const descriptor = _camstack_types.EXTENSION_SLOTS[row.slot].descriptor;
+	const saved = row.value.deviceIds;
+	const [editing, setEditing] = (0, react$1.useState)(false);
+	const [draft, setDraft] = (0, react$1.useState)(saved);
+	const [search, setSearch] = (0, react$1.useState)("");
+	const [refusal, setRefusal] = (0, react$1.useState)(null);
+	const candidatesQuery = useDeviceExtensionListCandidates({
+		deviceId,
+		slotRef: row.slotRef
+	}, { enabled: editing });
+	const setSlot = useDeviceExtensionSetSlot();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const candidates = candidatesQuery.data?.candidates ?? [];
+	const nameOf = (id) => candidates.find((c) => c.deviceId === id)?.name ?? row.sources.find((s) => s.deviceId === id)?.name ?? `Device ${id}`;
+	const startEditing = () => {
+		setDraft(saved);
+		setRefusal(null);
+		setEditing(true);
+	};
+	const save = async () => {
+		setRefusal(null);
+		try {
+			await setSlot.mutateAsync({
+				deviceId,
+				slotRef: row.slotRef,
+				value: {
+					slot: row.value.slot,
+					deviceIds: [...draft]
+				}
+			});
+			setEditing(false);
+			await invalidateExtensionSurfaces(queryClient);
+			onSaved();
+		} catch (err) {
+			setRefusal(err instanceof Error ? err.message : String(err));
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		role: "group",
+		"aria-label": descriptor.label,
+		className: "flex flex-col gap-2 rounded-md border border-border/40 bg-surface-elevated/30 p-3",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-0.5",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-xs font-semibold text-foreground",
+							children: descriptor.label
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-[10px] text-foreground-subtle",
+							children: descriptor.description
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "text-[10px] text-foreground-subtle",
+							children: ["Stored in ", row.authority]
+						})
+					]
+				}), !editing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: startEditing,
+					children: "Edit"
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivationLine, { row }),
+			!editing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlotSourceList, { sources: row.sources }),
+			editing && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						"aria-label": "Picked devices",
+						className: "flex flex-wrap gap-1.5",
+						children: draft.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							"aria-label": `Remove ${nameOf(id)}`,
+							onClick: () => setDraft(togglePick(draft, id, descriptor.cardinality)),
+							className: "inline-flex items-center gap-1 rounded-full bg-primary/15 px-2 py-0.5 text-[11px] text-foreground",
+							children: [nameOf(id), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(X, { className: "h-3 w-3" })]
+						}) }, id))
+					}),
+					candidatesQuery.status === "pending" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						className: "text-[10px] text-foreground-subtle",
+						children: "Loading candidates…"
+					}),
+					candidatesQuery.status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						role: "alert",
+						className: "text-[10px] text-danger",
+						children: ["Candidates could not be read: ", candidatesQuery.error.message]
+					}),
+					pendingSuggestions(candidates, draft).length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-[10px] text-foreground-subtle",
+							children: "Suggested — added only if you click them:"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							"aria-label": "Suggestions",
+							className: "flex flex-wrap gap-1.5",
+							children: pendingSuggestions(candidates, draft).map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								"aria-label": `Add ${c.name}`,
+								onClick: () => setDraft(togglePick(draft, c.deviceId, descriptor.cardinality)),
+								className: "inline-flex items-center gap-1 rounded-full border border-dashed border-border px-2 py-0.5 text-[11px] text-foreground-muted",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "h-3 w-3" }),
+									c.name,
+									c.reason !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "text-foreground-subtle",
+										children: ["· ", c.reason]
+									})
+								]
+							}) }, c.deviceId))
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "search",
+						"aria-label": "Search devices",
+						value: search,
+						onChange: (e) => setSearch(e.target.value),
+						placeholder: "Search devices by name, location or type",
+						className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-foreground outline-none focus:border-primary"
+					}),
+					searchCandidates(candidates, draft, search).length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						"aria-label": "Search results",
+						className: "flex max-h-40 flex-col gap-0.5 overflow-y-auto",
+						children: searchCandidates(candidates, draft, search).map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							onClick: () => {
+								setDraft(togglePick(draft, c.deviceId, descriptor.cardinality));
+								setSearch("");
+							},
+							className: "w-full rounded px-2 py-1 text-left text-[11px] text-foreground hover:bg-surface-hover",
+							children: [
+								c.name,
+								c.parentName !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "text-foreground-subtle",
+									children: [" in ", c.parentName]
+								}),
+								c.location !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "text-foreground-subtle",
+									children: [" · ", c.location]
+								})
+							]
+						}) }, c.deviceId))
+					}),
+					refusal !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						role: "alert",
+						className: "text-[11px] text-danger break-words",
+						children: ["Not saved: ", refusal]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex justify-end gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => setEditing(false),
+							children: "Cancel"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+							size: "sm",
+							disabled: !isDirty(saved, draft) || setSlot.isPending,
+							onClick: () => void save(),
+							children: "Save"
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/extensions/ExtensionsPanel.tsx
+/**
+* `host/extensions-panel` — what a device is extended with by OTHER devices,
+* in one place (D648).
+*
+* Mounted by the framework: `device-extension.cap.ts` declares
+* `deviceConfig.ui = { kind:'widget', widgetId:'host/extensions-panel',
+* tab:'general', order:72 }` and `deriveDeviceConfigContribution` emits the
+* section (D14). The panel STORES NOTHING: every card is one row of
+* `device-extension.listSlots`, read by the slot's owner from the store it
+* already has, and every save is `setSlot`, written by that owner through its
+* existing path. The hand-written "Linked devices" and "Virtual doorbell"
+* sections stay beside it until the live measurement says the two surfaces
+* agree for every camera (slice 1 of the design); both write the same store.
+*
+* Slice 1 renders ASSOCIATION cards only (a device multiselect). A `graft`
+* slot (slice 2) gets a read-only card here until its editor exists.
+*
+* Absence is claimed only from an answer (D315): pending, failed and empty
+* are three different sentences, and an owner that could not answer is shown
+* with its reason, verbatim — never dropped.
+*/
+function ExtensionsPanel({ deviceId }) {
+	const query = useDeviceExtensionListSlots({ deviceId });
+	const view = resolveExtensionsView({
+		status: query.status,
+		data: query.data,
+		error: query.error
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidgetPanel, {
+		title: "Extensions",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Puzzle, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		bodyClassName: "p-3",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+			"aria-label": "Extensions",
+			className: "flex flex-col gap-3",
+			children: [
+				view.kind === "pending" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "status",
+					className: "text-[11px] text-foreground-subtle",
+					children: "Loading this device’s extensions…"
+				}),
+				view.kind === "unknown" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, {
+					title: "Extensions could not be read",
+					message: `Nothing is known about this device’s extensions yet: ${view.reason}`,
+					onRetry: () => void query.refetch()
+				}),
+				view.kind === "none" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "status",
+					className: "text-[11px] text-foreground-subtle italic",
+					children: "No extensions are offered on this device."
+				}),
+				view.kind === "rows" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [view.slots.map((row) => _camstack_types.EXTENSION_SLOTS[row.slot].descriptor.shape === "association" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssociationSlotCard, {
+					deviceId,
+					row,
+					onSaved: () => void query.refetch()
+				}, row.slotRef) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "rounded-md border border-border/40 p-3",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-xs font-semibold text-foreground",
+							children: _camstack_types.EXTENSION_SLOTS[row.slot].descriptor.label
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "text-[10px] text-foreground-subtle",
+							children: [
+								row.enabled === false ? "Off" : "On",
+								" — ",
+								row.authority,
+								". Editing it needs a newer admin."
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlotSourceList, { sources: row.sources })
+					]
+				}, 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",
+					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: "Unreachable"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-xs font-semibold text-foreground",
+								children: row.addonId
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-[11px] text-foreground-muted break-words",
+							children: row.reason
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-[10px] text-foreground-subtle",
+							children: "The extensions this component owns are unknown until it answers."
+						})
+					]
+				}, `unreachable:${row.addonId}`))] })
+			]
+		})
+	});
+}
+//#endregion
 //#region src/hooks/use-navigation.ts
 /**
 * useNavigation — drive a `navigation` robot camera from the UI.
@@ -23831,7 +24273,8 @@ var HOST_WIDGETS = {
 	"host/ptz-autotrack": AutotrackSection,
 	"host/recording-panel": RecordingPanel,
 	"host/camera-grid-layout": CameraGridLayoutEditor,
-	"host/clips-browser": ClipsSection
+	"host/clips-browser": ClipsSection,
+	"host/extensions-panel": ExtensionsPanel
 };
 //#endregion
 //#region src/composites/widget-slot.tsx
@@ -56050,6 +56493,7 @@ exports.CoverInlineControl = CoverInlineControl;
 exports.CoverPanel = CoverPanel;
 exports.CustomFieldRenderersProvider = CustomFieldRenderersProvider;
 exports.DEFAULT_COLOR = DEFAULT_COLOR;
+exports.DEVICE_AGGREGATE_QUERY_KEY = DEVICE_AGGREGATE_QUERY_KEY;
 exports.DEVICE_COLUMNS = DEVICE_COLUMNS;
 exports.DEVICE_LIST_PAGE_SIZE_KEY = DEVICE_LIST_PAGE_SIZE_KEY;
 exports.DEVICE_LIST_PAGE_SIZE_OPTIONS = DEVICE_LIST_PAGE_SIZE_OPTIONS;
@@ -56093,6 +56537,7 @@ exports.DummyHeroCard = DummyHeroCard;
 exports.DummyInline = DummyInline;
 exports.EMPTY_DATA_TABLE_FILTER = EMPTY_DATA_TABLE_FILTER;
 exports.EVENT_KIND_ICONS = EVENT_KIND_ICONS;
+exports.EXTENSION_SLOTS_QUERY_KEY = EXTENSION_SLOTS_QUERY_KEY;
 exports.EmptyState = EmptyState;
 exports.ErrorBox = ErrorBox;
 exports.EventKindGlyph = EventKindGlyph;
@@ -56335,6 +56780,7 @@ exports.hubWsUrl = hubWsUrl;
 exports.humanDuration = humanDuration;
 exports.humidifierTint = humidifierTint;
 exports.initialScrubState = initialScrubState;
+exports.invalidateExtensionSurfaces = invalidateExtensionSurfaces;
 exports.isAbsentProvider = isAbsentProvider;
 exports.isAbsentProvider$1 = isAbsentProvider;
 exports.isDataTableFilterActive = isDataTableFilterActive;
@@ -56622,6 +57068,10 @@ exports.useDeviceExportGetStatus = useDeviceExportGetStatus;
 exports.useDeviceExportListExposedDevices = useDeviceExportListExposedDevices;
 exports.useDeviceExportListSupportedDeviceKinds = useDeviceExportListSupportedDeviceKinds;
 exports.useDeviceExportUnexposeDevice = useDeviceExportUnexposeDevice;
+exports.useDeviceExtensionListCandidates = useDeviceExtensionListCandidates;
+exports.useDeviceExtensionListSlots = useDeviceExtensionListSlots;
+exports.useDeviceExtensionListSources = useDeviceExtensionListSources;
+exports.useDeviceExtensionSetSlot = useDeviceExtensionSetSlot;
 exports.useDeviceId = useDeviceId;
 exports.useDeviceListPageSize = useDeviceListPageSize;
 exports.useDeviceManagerAddLocation = useDeviceManagerAddLocation;
@@ -57135,6 +57585,7 @@ exports.usePipelineOrchestratorGetCameraStatuses = usePipelineOrchestratorGetCam
 exports.usePipelineOrchestratorGetCameraStepOverrides = usePipelineOrchestratorGetCameraStepOverrides;
 exports.usePipelineOrchestratorGetCameraSwitches = usePipelineOrchestratorGetCameraSwitches;
 exports.usePipelineOrchestratorGetCapabilityBindings = usePipelineOrchestratorGetCapabilityBindings;
+exports.usePipelineOrchestratorGetClusterModelChoice = usePipelineOrchestratorGetClusterModelChoice;
 exports.usePipelineOrchestratorGetDeviceLiveContribution = usePipelineOrchestratorGetDeviceLiveContribution;
 exports.usePipelineOrchestratorGetDeviceSettingsContribution = usePipelineOrchestratorGetDeviceSettingsContribution;
 exports.usePipelineOrchestratorGetGlobalMetrics = usePipelineOrchestratorGetGlobalMetrics;