@camstack/ui-library 1.2.206 → 1.2.208

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`. */
@@ -7110,12 +7128,6 @@ var useDeviceManagerTestField = trpc.deviceManager.testField.useMutation;
 var useDeviceManagerGetDeviceStatusAggregate = trpc.deviceManager.getDeviceStatusAggregate.useQuery;
 /** Generated alias around `trpc.deviceManager.getDeviceStatusAggregateBatch.useQuery`. */
 var useDeviceManagerGetDeviceStatusAggregateBatch = trpc.deviceManager.getDeviceStatusAggregateBatch.useQuery;
-/** Generated alias around `trpc.deviceManager.getDeviceSettingsContribution.useQuery`. */
-var useDeviceManagerGetDeviceSettingsContribution = trpc.deviceManager.getDeviceSettingsContribution.useQuery;
-/** Generated alias around `trpc.deviceManager.getDeviceLiveContribution.useQuery`. */
-var useDeviceManagerGetDeviceLiveContribution = trpc.deviceManager.getDeviceLiveContribution.useQuery;
-/** Generated alias around `trpc.deviceManager.applyDeviceSettingsPatch.useMutation`. */
-var useDeviceManagerApplyDeviceSettingsPatch = trpc.deviceManager.applyDeviceSettingsPatch.useMutation;
 /** Generated alias around `trpc.deviceOps.getStreamSources.useQuery`. */
 var useDeviceOpsGetStreamSources = trpc.deviceOps.getStreamSources.useQuery;
 /** Generated alias around `trpc.deviceOps.getConfigEntries.useQuery`. */
@@ -7170,12 +7182,6 @@ var useDeviceStateSetCapSlice = trpc.deviceState.setCapSlice.useMutation;
 var useDeviceStatusGetStatus = trpc.deviceStatus.getStatus.useQuery;
 /** Generated alias around `trpc.doorbell.getStatus.useQuery`. */
 var useDoorbellGetStatus = trpc.doorbell.getStatus.useQuery;
-/** Generated alias around `trpc.doorbell.getDeviceSettingsContribution.useQuery`. */
-var useDoorbellGetDeviceSettingsContribution = trpc.doorbell.getDeviceSettingsContribution.useQuery;
-/** Generated alias around `trpc.doorbell.getDeviceLiveContribution.useQuery`. */
-var useDoorbellGetDeviceLiveContribution = trpc.doorbell.getDeviceLiveContribution.useQuery;
-/** Generated alias around `trpc.doorbell.applyDeviceSettingsPatch.useMutation`. */
-var useDoorbellApplyDeviceSettingsPatch = trpc.doorbell.applyDeviceSettingsPatch.useMutation;
 /** Generated alias around `trpc.enumSensor.getStatus.useQuery`. */
 var useEnumSensorGetStatus = trpc.enumSensor.getStatus.useQuery;
 /** Generated alias around `trpc.eventEmitter.getStatus.useQuery`. */
@@ -7894,6 +7900,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`. */
@@ -12307,8 +12315,8 @@ function selectedDeviceOptions(options, selected) {
 * `device-select-filter.ts`). No server-computed option list is involved —
 * the form field carries only the filter. Value(s) are device ids as strings.
 *
-* The multi variant mirrors the "Linked devices" searchable combobox UX
-* (removable chips + typeahead dropdown); the single variant is a native
+* The multi variant is a searchable combobox (removable chips + typeahead
+* dropdown); the single variant is a native
 * select. Both are inline in ui-library (like `node-select`) so any host that
 * renders the shared form field gets them without extra registration.
 */
@@ -20896,6 +20904,573 @@ function ClipsSection({ deviceId }) {
 	});
 }
 //#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);
+}
+/**
+* The tracked-event opt-in a slot's value carries, or `undefined` when it
+* carries none — every slot but `linked-devices`, and a `linked-devices` row
+* from a server older than D655. `undefined` is "this owner offers no
+* opt-in", never "nothing is opted in": the card then shows no toggle rather
+* than a row of unticked ones it could not save.
+*/
+function trackedOptInOf(value) {
+	return value.slot === "linked-devices" ? value.trackedDeviceIds : void 0;
+}
+/** Flip one device's tracked-event opt-in. */
+function toggleTracked(tracked, deviceId) {
+	return tracked.includes(deviceId) ? tracked.filter((id) => id !== deviceId) : [...tracked, deviceId];
+}
+/** Whether two opt-ins differ as SETS — the order carries no meaning. */
+function isTrackedDirty(saved, draft) {
+	return saved.length !== draft.length || saved.some((id) => !draft.includes(id));
+}
+/**
+* One toggle per device the camera links — the old section's set (D655):
+* the valid picks, then what the owner links by structure (tree children, a
+* picked container's child — never the container itself, D356), then every
+* opted-in device that is linked no more, so a stored opt-in is always
+* visible and can always be removed.
+*/
+function trackedOptions(input) {
+	const out = [];
+	const seen = /* @__PURE__ */ new Set();
+	const add = (deviceId, origin) => {
+		if (seen.has(deviceId)) return;
+		seen.add(deviceId);
+		out.push({
+			deviceId,
+			origin
+		});
+	};
+	for (const id of input.picks) if (!input.invalidPicks.includes(id)) add(id, "pick");
+	for (const id of input.implied) add(id, "implied");
+	for (const id of input.tracked) add(id, "not-linked");
+	return out;
+}
+/**
+* The opt-in after one device is removed from the draft picks: its toggle
+* goes with it, unless the camera still links it by structure.
+*/
+function untrackUnpicked(tracked, deviceId, implied) {
+	return implied.includes(deviceId) ? tracked : tracked.filter((id) => id !== deviceId);
+}
+/**
+* The value a Save sends. The opt-in travels only when the owner offered one,
+* and then WHOLE: it replaces the stored one, and the owner accepts any id it
+* already stored, so what was read can be sent back unchanged (D655).
+*/
+function slotWriteValue(saved, deviceIds, tracked) {
+	if (saved.slot === "linked-devices" && tracked !== void 0) return {
+		slot: "linked-devices",
+		deviceIds: [...deviceIds],
+		trackedDeviceIds: [...tracked]
+	};
+	return {
+		slot: saved.slot,
+		deviceIds: [...deviceIds]
+	};
+}
+//#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).
+* - 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)
+*   and any stored opt-in no longer linked, so each can be removed — saved
+*   with the picks, whole.
+*/
+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, tracked }) {
+	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]
+				}),
+				tracked?.includes(s.deviceId) === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: "info",
+					children: "Tracked events"
+				}),
+				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 })
+		]
+	});
+}
+/**
+* What the owner links by structure — tree children, a picked container's
+* child (D356). Shown, never editable as a pick: removing one is not the
+* editor's to do.
+*/
+function ImpliedSourceList({ sources, tracked }) {
+	if (sources.length === 0) return null;
+	return /* @__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: "Always linked (device tree):"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			"aria-label": "Always linked",
+			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}`
+				}), tracked?.includes(s.deviceId) === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: "info",
+					children: "Tracked events"
+				})]
+			}, s.deviceId))
+		})]
+	});
+}
+var ORIGIN_NOTE = {
+	pick: null,
+	implied: "always linked",
+	"not-linked": "not linked any more — untick to remove"
+};
+/** One opt-in toggle per linked device: does it produce tracked events here? */
+function TrackedToggles({ options, tracked, nameOf, onToggle }) {
+	if (options.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+			className: "text-[10px] text-foreground-subtle",
+			children: "Produce tracked events on this camera (opt-in):"
+		}), options.map(({ deviceId: id, origin }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: "flex items-center gap-2 text-[11px] text-foreground",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "checkbox",
+					"aria-label": `Tracked events from ${nameOf(id)}`,
+					checked: tracked.includes(id),
+					onChange: () => onToggle(id)
+				}),
+				nameOf(id),
+				ORIGIN_NOTE[origin] !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "text-[10px] text-foreground-subtle",
+					children: ["· ", ORIGIN_NOTE[origin]]
+				})
+			]
+		}, id))]
+	});
+}
+function AssociationSlotCard({ deviceId, row, onSaved }) {
+	const descriptor = _camstack_types.EXTENSION_SLOTS[row.slot].descriptor;
+	const saved = row.value.deviceIds;
+	const savedTracked = trackedOptInOf(row.value);
+	const implied = row.impliedSources ?? [];
+	const impliedIds = implied.map((s) => s.deviceId);
+	const invalidPicks = row.sources.filter((s) => s.health === "unavailable").map((s) => s.deviceId);
+	const [editing, setEditing] = (0, react$1.useState)(false);
+	const [draft, setDraft] = (0, react$1.useState)(saved);
+	const [draftTracked, setDraftTracked] = (0, react$1.useState)(savedTracked ?? []);
+	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 candidates = candidatesQuery.data?.candidates ?? [];
+	const nameOf = (id) => candidates.find((c) => c.deviceId === id)?.name ?? row.sources.find((s) => s.deviceId === id)?.name ?? implied.find((s) => s.deviceId === id)?.name ?? `Device ${id}`;
+	const removePick = (id) => {
+		setDraft(togglePick(draft, id, descriptor.cardinality));
+		setDraftTracked(untrackUnpicked(draftTracked, id, impliedIds));
+	};
+	const startEditing = () => {
+		setDraft(saved);
+		setDraftTracked(savedTracked ?? []);
+		setRefusal(null);
+		setEditing(true);
+	};
+	const save = async () => {
+		setRefusal(null);
+		try {
+			await setSlot.mutateAsync({
+				deviceId,
+				slotRef: row.slotRef,
+				value: slotWriteValue(row.value, draft, savedTracked === void 0 ? void 0 : draftTracked)
+			});
+			setEditing(false);
+			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,
+				tracked: savedTracked
+			}),
+			!editing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImpliedSourceList, {
+				sources: implied,
+				tracked: savedTracked
+			}),
+			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: () => removePick(id),
+							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))
+					}),
+					savedTracked !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrackedToggles, {
+						options: trackedOptions({
+							picks: draft,
+							invalidPicks,
+							implied: impliedIds,
+							tracked: draftTracked
+						}),
+						tracked: draftTracked,
+						nameOf,
+						onToggle: (id) => setDraftTracked(toggleTracked(draftTracked, id))
+					}),
+					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) || savedTracked !== void 0 && isTrackedDirty(savedTracked, draftTracked)) || 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. It is the only editor of what it shows: the hand-written
+* "Linked devices" and "Virtual doorbell" sections it replaced were retired
+* once the live read matched them on every measured camera (D655).
+*
+* It 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 +24406,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
@@ -56622,6 +57198,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;
@@ -56636,7 +57216,6 @@ exports.useDeviceManagerAdoptionRelease = useDeviceManagerAdoptionRelease;
 exports.useDeviceManagerAdoptionResync = useDeviceManagerAdoptionResync;
 exports.useDeviceManagerAdoptionStartJob = useDeviceManagerAdoptionStartJob;
 exports.useDeviceManagerAllocateDeviceId = useDeviceManagerAllocateDeviceId;
-exports.useDeviceManagerApplyDeviceSettingsPatch = useDeviceManagerApplyDeviceSettingsPatch;
 exports.useDeviceManagerApplyInitialMeta = useDeviceManagerApplyInitialMeta;
 exports.useDeviceManagerCreateDevice = useDeviceManagerCreateDevice;
 exports.useDeviceManagerDisable = useDeviceManagerDisable;
@@ -56654,10 +57233,8 @@ exports.useDeviceManagerGetConfigSchema = useDeviceManagerGetConfigSchema;
 exports.useDeviceManagerGetCreationSchema = useDeviceManagerGetCreationSchema;
 exports.useDeviceManagerGetDevice = useDeviceManagerGetDevice;
 exports.useDeviceManagerGetDeviceAggregate = useDeviceManagerGetDeviceAggregate;
-exports.useDeviceManagerGetDeviceLiveContribution = useDeviceManagerGetDeviceLiveContribution;
 exports.useDeviceManagerGetDeviceLiveInfoAggregate = useDeviceManagerGetDeviceLiveInfoAggregate;
 exports.useDeviceManagerGetDeviceSettingsAggregate = useDeviceManagerGetDeviceSettingsAggregate;
-exports.useDeviceManagerGetDeviceSettingsContribution = useDeviceManagerGetDeviceSettingsContribution;
 exports.useDeviceManagerGetDeviceStatusAggregate = useDeviceManagerGetDeviceStatusAggregate;
 exports.useDeviceManagerGetDeviceStatusAggregateBatch = useDeviceManagerGetDeviceStatusAggregateBatch;
 exports.useDeviceManagerGetLinkedDevices = useDeviceManagerGetLinkedDevices;
@@ -56753,10 +57330,7 @@ exports.useDeviceStateSlice$1 = useDeviceStateSlice;
 exports.useDeviceStatusGetStatus = useDeviceStatusGetStatus;
 exports.useDeviceWebrtc = useDeviceWebrtc;
 exports.useDevices = useDevices;
-exports.useDoorbellApplyDeviceSettingsPatch = useDoorbellApplyDeviceSettingsPatch;
 exports.useDoorbellEvents = useDoorbellEvents;
-exports.useDoorbellGetDeviceLiveContribution = useDoorbellGetDeviceLiveContribution;
-exports.useDoorbellGetDeviceSettingsContribution = useDoorbellGetDeviceSettingsContribution;
 exports.useDoorbellGetStatus = useDoorbellGetStatus;
 exports.useEnumSensorGetStatus = useEnumSensorGetStatus;
 exports.useEventEmitterGetStatus = useEventEmitterGetStatus;
@@ -57135,6 +57709,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;