@camstack/ui-library 1.2.380 → 1.2.381

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.2.381] - 2026-11-04
+
+### Changed
+
+- The device export panel shows each export instance on its own (one section per Home Assistant broker), writes to the instance you act on, and reads a disabled instance as disabled
+
 ## [1.2.380] - 2026-11-04
 
 ### Changed

package/dist/composites/device-export-panel.d.ts

@@ -28,15 +28,20 @@ export interface DeviceExportPanelProps {
 }
 /**
 * The exporter's error and Setup block on their own — for a page that shows
-* them above its settings while the devices table sits at the bottom. Renders
-* nothing when the exporter reports neither. Shares `getStatus`'s query key
-* with the panel, so mounting both costs one request.
+* them above its settings while the devices table sits at the bottom. One block
+* per ENABLED instance (named when there are several); renders nothing while
+* the instances are unanswered or when none reports an error or a setup. Shares
+* `getStatus`'s query key with the panel, so mounting both costs one request.
 */
 export declare function DeviceExportSetup({ addonId }: {
 	readonly addonId: string;
 }): ReactElement | null;
 /**
-* Generic device-export panel. Addon-agnostic — only the `device-export`
-* cap drives it.
+* The export surface of one exporter addon, per export INSTANCE. The instances
+* are asked of the provider (`listInstances`), never assumed: one instance
+* renders the table alone, several render one named section each (one per
+* Home Assistant broker), and every read and write names the instance it acts
+* on. A disabled instance reads as disabled; an unanswered list reads as
+* loading or unknown, never as "nothing exposed".
 */
 export declare function DeviceExportPanel({ addonId, onOpenDevice, showSetup }: DeviceExportPanelProps): ReactElement;

package/dist/index.cjs

@@ -63460,16 +63460,26 @@ function parseStatus(data) {
 	const parsed = _camstack_types.DeviceExportStatusSchema.safeParse(data);
 	return parsed.success ? parsed.data : null;
 }
-/**
-* The exporter's error and Setup block on their own — for a page that shows
-* them above its settings while the devices table sits at the bottom. Renders
-* nothing when the exporter reports neither. Shares `getStatus`'s query key
-* with the panel, so mounting both costs one request.
-*/
-function DeviceExportSetup({ addonId }) {
-	const statusQuery = useDeviceExportGetStatus({
+function useExportInstances(addonId) {
+	const query = useDeviceExportListInstances({
 		nodeId: "hub",
 		addonId
+	}, { retry: false });
+	return (0, react$1.useMemo)(() => {
+		if (query.data === void 0) return query.isError ? { kind: "unknown" } : { kind: "pending" };
+		const parsed = ExportInstanceArraySchema.safeParse(query.data);
+		return parsed.success ? {
+			kind: "answered",
+			instances: parsed.data
+		} : { kind: "unknown" };
+	}, [query.data, query.isError]);
+}
+/** One instance's error and Setup block. Renders nothing when it reports neither. */
+function InstanceSetup({ addonId, instance, named }) {
+	const statusQuery = useDeviceExportGetStatus({
+		nodeId: "hub",
+		addonId,
+		instanceId: instance.instanceId
 	}, {
 		refetchInterval: STATUS_POLL_INTERVAL_MS,
 		retry: false
@@ -63478,12 +63488,37 @@ function DeviceExportSetup({ addonId }) {
 	if (!status?.error && !status?.setup) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
-		children: [status.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "px-2 sm:px-4 py-3 border-b border-border",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: status.error })
-		}), status.setup && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SetupSection, { setup: status.setup })]
+		children: [
+			named && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "px-2 sm:px-4 py-2 border-b border-border text-xs font-medium text-foreground",
+				children: instance.name
+			}),
+			status.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "px-2 sm:px-4 py-3 border-b border-border",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: status.error })
+			}),
+			status.setup && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SetupSection, { setup: status.setup })
+		]
 	});
 }
+/**
+* The exporter's error and Setup block on their own — for a page that shows
+* them above its settings while the devices table sits at the bottom. One block
+* per ENABLED instance (named when there are several); renders nothing while
+* the instances are unanswered or when none reports an error or a setup. Shares
+* `getStatus`'s query key with the panel, so mounting both costs one request.
+*/
+function DeviceExportSetup({ addonId }) {
+	const state = useExportInstances(addonId);
+	if (state.kind !== "answered") return null;
+	const enabled = state.instances.filter((i) => i.enabled);
+	if (enabled.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: enabled.map((instance) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstanceSetup, {
+		addonId,
+		instance,
+		named: state.instances.length > 1
+	}, instance.instanceId)) });
+}
 function ExportSelectCell({ device, checked, onToggle }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 		type: "checkbox",
@@ -63579,30 +63614,30 @@ function BulkSummary({ outcome, onDismiss }) {
 		]
 	});
 }
-/**
-* Generic device-export panel. Addon-agnostic — only the `device-export`
-* cap drives it.
-*/
-function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
+function DeviceExportInstancePanel({ addonId, instance, named, onOpenDevice, showSetup = true }) {
+	const instanceId = instance.instanceId;
 	const t = useUiText();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	const statusQuery = useDeviceExportGetStatus({
 		nodeId: "hub",
-		addonId
+		addonId,
+		instanceId
 	}, {
 		refetchInterval: STATUS_POLL_INTERVAL_MS,
 		retry: false
 	});
 	const exposedQuery = useDeviceExportListExposedDevices({
 		nodeId: "hub",
-		addonId
+		addonId,
+		instanceId
 	}, {
 		refetchInterval: STATUS_POLL_INTERVAL_MS,
 		retry: false
 	});
 	const kindsQuery = useDeviceExportListSupportedDeviceKinds({
 		nodeId: "hub",
-		addonId
+		addonId,
+		instanceId
 	}, { retry: false });
 	const devicesQuery = useDeviceManagerListAll({ projection: "slim" }, { refetchInterval: FLEET_POLL_INTERVAL_MS });
 	const integrationsQuery = useIntegrationsList(void 0);
@@ -63617,7 +63652,8 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 	const entityKinds = (0, react$1.useMemo)(() => supportedEntityKinds(entityKindsQuery.data), [entityKindsQuery.data]);
 	const exposedEntitiesQuery = useDeviceExportListExposedEntities({
 		nodeId: "hub",
-		addonId
+		addonId,
+		instanceId
 	}, {
 		refetchInterval: STATUS_POLL_INTERVAL_MS,
 		retry: false,
@@ -63634,15 +63670,6 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 	const invalidate = (0, react$1.useCallback)(() => {
 		queryClient.invalidateQueries({ queryKey: [["deviceExport"]] });
 	}, [queryClient]);
-	const instancesQuery = useDeviceExportListInstances({
-		nodeId: "hub",
-		addonId
-	}, { retry: false });
-	const targetInstanceIds = (0, react$1.useMemo)(() => {
-		const parsed = ExportInstanceArraySchema.safeParse(instancesQuery.data);
-		if (!parsed.success) return null;
-		return parsed.data.filter((i) => i.enabled).map((i) => i.instanceId);
-	}, [instancesQuery.data]);
 	const exposeMutation = useDeviceExportExposeDevice({ onSuccess: invalidate });
 	const unexposeMutation = useDeviceExportUnexposeDevice({ onSuccess: invalidate });
 	const exposeEntityMutation = useDeviceExportExposeEntity({ onSuccess: invalidate });
@@ -63739,8 +63766,7 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		for (const deviceId of deviceIds) {
 			const label = labelFor(deviceId);
 			try {
-				if (targetInstanceIds === null || targetInstanceIds.length === 0) throw new Error("no export instance is available to act on");
-				for (const instanceId of targetInstanceIds) await mutation.mutateAsync({
+				await mutation.mutateAsync({
 					instanceId,
 					deviceId,
 					nodeId: "hub",
@@ -63774,7 +63800,7 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		unexposeMutation,
 		labelFor,
 		running,
-		targetInstanceIds
+		instanceId
 	]);
 	/**
 	* Expose / unexpose ONE action or notification target. Same contract as the
@@ -63789,8 +63815,7 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		const succeeded = [];
 		const failed = [];
 		try {
-			if (targetInstanceIds === null || targetInstanceIds.length === 0) throw new Error("no export instance is available to act on");
-			for (const instanceId of targetInstanceIds) await mutation.mutateAsync({
+			await mutation.mutateAsync({
 				instanceId,
 				entity: row.ref,
 				nodeId: "hub",
@@ -63821,7 +63846,7 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		exposeEntityMutation,
 		unexposeEntityMutation,
 		running,
-		targetInstanceIds
+		instanceId
 	]);
 	const [bulkFilters, setBulkFilters] = (0, react$1.useState)(NO_EXPORT_FILTERS);
 	const roleOptions = (0, react$1.useMemo)(() => roleFilterOptions(candidateDevices, (id) => id === "(none)" ? t("uiLibrary.deviceExport.noRole", "No role") : deviceRoleMetaOf(id, t).label).map((o) => ({
@@ -64049,6 +64074,10 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 							className: "text-[11px] font-semibold text-foreground-subtle uppercase tracking-wide",
 							children: t("uiLibrary.deviceExport.title", "Exported devices")
 						}),
+						named && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-xs font-medium text-foreground truncate",
+							children: instance.name
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
 							variant: statusVariant(linkState),
 							children: capitaliseLinkState(t, linkState)
@@ -64103,6 +64132,63 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		]
 	});
 }
+/** A switched-off instance: named, marked disabled, and asked nothing. */
+function DisabledInstanceCard({ instance }) {
+	const t = useUiText();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "rounded-lg border border-border bg-surface overflow-hidden",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 px-2 sm:px-4 py-2.5 bg-surface-hover/20",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Share2, { className: "h-3.5 w-3.5 text-foreground-subtle shrink-0" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-xs font-medium text-foreground truncate",
+					children: instance.name
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: "neutral",
+					children: t("uiLibrary.deviceExport.instanceDisabled", "Disabled")
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "px-2 sm:px-4 py-3 text-xs text-foreground-subtle border-t border-border",
+			children: t("uiLibrary.deviceExport.instanceDisabledHint", "This instance is switched off. Enable it to expose devices through it.")
+		})]
+	});
+}
+/**
+* The export surface of one exporter addon, per export INSTANCE. The instances
+* are asked of the provider (`listInstances`), never assumed: one instance
+* renders the table alone, several render one named section each (one per
+* Home Assistant broker), and every read and write names the instance it acts
+* on. A disabled instance reads as disabled; an unanswered list reads as
+* loading or unknown, never as "nothing exposed".
+*/
+function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
+	const t = useUiText();
+	const state = useExportInstances(addonId);
+	if (state.kind === "pending") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2 px-1 py-6 text-xs text-foreground-subtle",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }), t("uiLibrary.deviceExport.instancesLoading", "Loading export instances…")]
+	});
+	if (state.kind === "unknown") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: t("uiLibrary.deviceExport.instancesUnknown", "The export instances could not be read. Try again in a moment.") });
+	if (state.instances.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		icon: Share2,
+		title: t("uiLibrary.deviceExport.emptyTitle", "No exportable devices"),
+		description: t("uiLibrary.deviceExport.instancesNone", "\"{{addon}}\" has no export instance.", { addon: addonId })
+	});
+	const named = state.instances.length > 1;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex flex-col gap-3",
+		children: state.instances.map((instance) => instance.enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceExportInstancePanel, {
+			addonId,
+			instance,
+			named,
+			onOpenDevice,
+			showSetup
+		}, instance.instanceId) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledInstanceCard, { instance }, instance.instanceId))
+	});
+}
 //#endregion
 //#region src/composites/device-grid.tsx
 function DeviceGrid({ children, minCardWidth = 220, gap = 3, className }) {
@@ -73716,7 +73802,7 @@ function TimelineSlider({ markers, bands = [], selectedId = null, step = 5, aria
 }
 //#endregion
 //#region src/ui-library-version.ts
-var uiLibraryVersion = "1.2.380";
+var uiLibraryVersion = "1.2.381";
 //#endregion
 //#region src/hooks/use-account-unit-preferences.ts
 /**

package/dist/index.js

@@ -63436,16 +63436,26 @@ function parseStatus(data) {
 	const parsed = DeviceExportStatusSchema.safeParse(data);
 	return parsed.success ? parsed.data : null;
 }
-/**
-* The exporter's error and Setup block on their own — for a page that shows
-* them above its settings while the devices table sits at the bottom. Renders
-* nothing when the exporter reports neither. Shares `getStatus`'s query key
-* with the panel, so mounting both costs one request.
-*/
-function DeviceExportSetup({ addonId }) {
-	const statusQuery = useDeviceExportGetStatus({
+function useExportInstances(addonId) {
+	const query = useDeviceExportListInstances({
 		nodeId: "hub",
 		addonId
+	}, { retry: false });
+	return useMemo(() => {
+		if (query.data === void 0) return query.isError ? { kind: "unknown" } : { kind: "pending" };
+		const parsed = ExportInstanceArraySchema.safeParse(query.data);
+		return parsed.success ? {
+			kind: "answered",
+			instances: parsed.data
+		} : { kind: "unknown" };
+	}, [query.data, query.isError]);
+}
+/** One instance's error and Setup block. Renders nothing when it reports neither. */
+function InstanceSetup({ addonId, instance, named }) {
+	const statusQuery = useDeviceExportGetStatus({
+		nodeId: "hub",
+		addonId,
+		instanceId: instance.instanceId
 	}, {
 		refetchInterval: STATUS_POLL_INTERVAL_MS,
 		retry: false
@@ -63454,12 +63464,37 @@ function DeviceExportSetup({ addonId }) {
 	if (!status?.error && !status?.setup) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
-		children: [status.error && /* @__PURE__ */ jsx("div", {
-			className: "px-2 sm:px-4 py-3 border-b border-border",
-			children: /* @__PURE__ */ jsx(ErrorBox, { message: status.error })
-		}), status.setup && /* @__PURE__ */ jsx(SetupSection, { setup: status.setup })]
+		children: [
+			named && /* @__PURE__ */ jsx("div", {
+				className: "px-2 sm:px-4 py-2 border-b border-border text-xs font-medium text-foreground",
+				children: instance.name
+			}),
+			status.error && /* @__PURE__ */ jsx("div", {
+				className: "px-2 sm:px-4 py-3 border-b border-border",
+				children: /* @__PURE__ */ jsx(ErrorBox, { message: status.error })
+			}),
+			status.setup && /* @__PURE__ */ jsx(SetupSection, { setup: status.setup })
+		]
 	});
 }
+/**
+* The exporter's error and Setup block on their own — for a page that shows
+* them above its settings while the devices table sits at the bottom. One block
+* per ENABLED instance (named when there are several); renders nothing while
+* the instances are unanswered or when none reports an error or a setup. Shares
+* `getStatus`'s query key with the panel, so mounting both costs one request.
+*/
+function DeviceExportSetup({ addonId }) {
+	const state = useExportInstances(addonId);
+	if (state.kind !== "answered") return null;
+	const enabled = state.instances.filter((i) => i.enabled);
+	if (enabled.length === 0) return null;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: enabled.map((instance) => /* @__PURE__ */ jsx(InstanceSetup, {
+		addonId,
+		instance,
+		named: state.instances.length > 1
+	}, instance.instanceId)) });
+}
 function ExportSelectCell({ device, checked, onToggle }) {
 	return /* @__PURE__ */ jsx("input", {
 		type: "checkbox",
@@ -63555,30 +63590,30 @@ function BulkSummary({ outcome, onDismiss }) {
 		]
 	});
 }
-/**
-* Generic device-export panel. Addon-agnostic — only the `device-export`
-* cap drives it.
-*/
-function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
+function DeviceExportInstancePanel({ addonId, instance, named, onOpenDevice, showSetup = true }) {
+	const instanceId = instance.instanceId;
 	const t = useUiText();
 	const queryClient = useQueryClient();
 	const statusQuery = useDeviceExportGetStatus({
 		nodeId: "hub",
-		addonId
+		addonId,
+		instanceId
 	}, {
 		refetchInterval: STATUS_POLL_INTERVAL_MS,
 		retry: false
 	});
 	const exposedQuery = useDeviceExportListExposedDevices({
 		nodeId: "hub",
-		addonId
+		addonId,
+		instanceId
 	}, {
 		refetchInterval: STATUS_POLL_INTERVAL_MS,
 		retry: false
 	});
 	const kindsQuery = useDeviceExportListSupportedDeviceKinds({
 		nodeId: "hub",
-		addonId
+		addonId,
+		instanceId
 	}, { retry: false });
 	const devicesQuery = useDeviceManagerListAll({ projection: "slim" }, { refetchInterval: FLEET_POLL_INTERVAL_MS });
 	const integrationsQuery = useIntegrationsList(void 0);
@@ -63593,7 +63628,8 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 	const entityKinds = useMemo(() => supportedEntityKinds(entityKindsQuery.data), [entityKindsQuery.data]);
 	const exposedEntitiesQuery = useDeviceExportListExposedEntities({
 		nodeId: "hub",
-		addonId
+		addonId,
+		instanceId
 	}, {
 		refetchInterval: STATUS_POLL_INTERVAL_MS,
 		retry: false,
@@ -63610,15 +63646,6 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 	const invalidate = useCallback(() => {
 		queryClient.invalidateQueries({ queryKey: [["deviceExport"]] });
 	}, [queryClient]);
-	const instancesQuery = useDeviceExportListInstances({
-		nodeId: "hub",
-		addonId
-	}, { retry: false });
-	const targetInstanceIds = useMemo(() => {
-		const parsed = ExportInstanceArraySchema.safeParse(instancesQuery.data);
-		if (!parsed.success) return null;
-		return parsed.data.filter((i) => i.enabled).map((i) => i.instanceId);
-	}, [instancesQuery.data]);
 	const exposeMutation = useDeviceExportExposeDevice({ onSuccess: invalidate });
 	const unexposeMutation = useDeviceExportUnexposeDevice({ onSuccess: invalidate });
 	const exposeEntityMutation = useDeviceExportExposeEntity({ onSuccess: invalidate });
@@ -63715,8 +63742,7 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		for (const deviceId of deviceIds) {
 			const label = labelFor(deviceId);
 			try {
-				if (targetInstanceIds === null || targetInstanceIds.length === 0) throw new Error("no export instance is available to act on");
-				for (const instanceId of targetInstanceIds) await mutation.mutateAsync({
+				await mutation.mutateAsync({
 					instanceId,
 					deviceId,
 					nodeId: "hub",
@@ -63750,7 +63776,7 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		unexposeMutation,
 		labelFor,
 		running,
-		targetInstanceIds
+		instanceId
 	]);
 	/**
 	* Expose / unexpose ONE action or notification target. Same contract as the
@@ -63765,8 +63791,7 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		const succeeded = [];
 		const failed = [];
 		try {
-			if (targetInstanceIds === null || targetInstanceIds.length === 0) throw new Error("no export instance is available to act on");
-			for (const instanceId of targetInstanceIds) await mutation.mutateAsync({
+			await mutation.mutateAsync({
 				instanceId,
 				entity: row.ref,
 				nodeId: "hub",
@@ -63797,7 +63822,7 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		exposeEntityMutation,
 		unexposeEntityMutation,
 		running,
-		targetInstanceIds
+		instanceId
 	]);
 	const [bulkFilters, setBulkFilters] = useState(NO_EXPORT_FILTERS);
 	const roleOptions = useMemo(() => roleFilterOptions(candidateDevices, (id) => id === "(none)" ? t("uiLibrary.deviceExport.noRole", "No role") : deviceRoleMetaOf(id, t).label).map((o) => ({
@@ -64025,6 +64050,10 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 							className: "text-[11px] font-semibold text-foreground-subtle uppercase tracking-wide",
 							children: t("uiLibrary.deviceExport.title", "Exported devices")
 						}),
+						named && /* @__PURE__ */ jsx("span", {
+							className: "text-xs font-medium text-foreground truncate",
+							children: instance.name
+						}),
 						/* @__PURE__ */ jsx(Badge, {
 							variant: statusVariant(linkState),
 							children: capitaliseLinkState(t, linkState)
@@ -64079,6 +64108,63 @@ function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 		]
 	});
 }
+/** A switched-off instance: named, marked disabled, and asked nothing. */
+function DisabledInstanceCard({ instance }) {
+	const t = useUiText();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-lg border border-border bg-surface overflow-hidden",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 px-2 sm:px-4 py-2.5 bg-surface-hover/20",
+			children: [
+				/* @__PURE__ */ jsx(Share2, { className: "h-3.5 w-3.5 text-foreground-subtle shrink-0" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-xs font-medium text-foreground truncate",
+					children: instance.name
+				}),
+				/* @__PURE__ */ jsx(Badge, {
+					variant: "neutral",
+					children: t("uiLibrary.deviceExport.instanceDisabled", "Disabled")
+				})
+			]
+		}), /* @__PURE__ */ jsx("p", {
+			className: "px-2 sm:px-4 py-3 text-xs text-foreground-subtle border-t border-border",
+			children: t("uiLibrary.deviceExport.instanceDisabledHint", "This instance is switched off. Enable it to expose devices through it.")
+		})]
+	});
+}
+/**
+* The export surface of one exporter addon, per export INSTANCE. The instances
+* are asked of the provider (`listInstances`), never assumed: one instance
+* renders the table alone, several render one named section each (one per
+* Home Assistant broker), and every read and write names the instance it acts
+* on. A disabled instance reads as disabled; an unanswered list reads as
+* loading or unknown, never as "nothing exposed".
+*/
+function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
+	const t = useUiText();
+	const state = useExportInstances(addonId);
+	if (state.kind === "pending") return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 px-1 py-6 text-xs text-foreground-subtle",
+		children: [/* @__PURE__ */ jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }), t("uiLibrary.deviceExport.instancesLoading", "Loading export instances…")]
+	});
+	if (state.kind === "unknown") return /* @__PURE__ */ jsx(ErrorBox, { message: t("uiLibrary.deviceExport.instancesUnknown", "The export instances could not be read. Try again in a moment.") });
+	if (state.instances.length === 0) return /* @__PURE__ */ jsx(EmptyState, {
+		icon: Share2,
+		title: t("uiLibrary.deviceExport.emptyTitle", "No exportable devices"),
+		description: t("uiLibrary.deviceExport.instancesNone", "\"{{addon}}\" has no export instance.", { addon: addonId })
+	});
+	const named = state.instances.length > 1;
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-3",
+		children: state.instances.map((instance) => instance.enabled ? /* @__PURE__ */ jsx(DeviceExportInstancePanel, {
+			addonId,
+			instance,
+			named,
+			onOpenDevice,
+			showSetup
+		}, instance.instanceId) : /* @__PURE__ */ jsx(DisabledInstanceCard, { instance }, instance.instanceId))
+	});
+}
 //#endregion
 //#region src/composites/device-grid.tsx
 function DeviceGrid({ children, minCardWidth = 220, gap = 3, className }) {
@@ -73692,7 +73778,7 @@ function TimelineSlider({ markers, bands = [], selectedId = null, step = 5, aria
 }
 //#endregion
 //#region src/ui-library-version.ts
-var uiLibraryVersion = "1.2.380";
+var uiLibraryVersion = "1.2.381";
 //#endregion
 //#region src/hooks/use-account-unit-preferences.ts
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.380",
+  "version": "1.2.381",
   "repository": {
     "type": "git",
     "url": "https://github.com/camstack/server.git",