@attraccess/plugin-wago 0.1.0-nightly.1002.1 → 0.1.0-nightly.1004.1

package/frontend/{__federation_expose_Plugin-B8WKMfaS.js → __federation_expose_Plugin-Cx-twRMN.js}

@@ -64,6 +64,43 @@ function createPluginApiClient(basePath = "") {
 //#region ../../../libs/plugins-frontend-sdk/src/lib/frontend.slots.ts
 var RESOURCE_OVERVIEW_SLOT = "resource.overview";
 //#endregion
+//#region ../../../libs/plugins-frontend-sdk/src/lib/frontend.standard-drawer.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var { DrawerBackdrop: DrawerBackdrop$1, DrawerContent: DrawerContent$1, DrawerDialog: DrawerDialog$1 } = await importShared("@heroui/react");
+//#endregion
+//#region ../../../libs/plugins-frontend-sdk/src/lib/frontend.standard-modal.tsx
+var { Modal: Modal$3, ModalBackdrop: ModalBackdrop$2, ModalContainer: ModalContainer$2, ModalDialog: ModalDialog$2 } = await importShared("@heroui/react");
+var DEFAULT_DIALOG_STYLE = { backgroundColor: "var(--overlay)" };
+/**
+* Single source of truth for modal chrome, shared by the host app and
+* plugins (module federation shares `@heroui/react` primitives, not host
+* components — see apps/frontend/src/components/standardModal.tsx for the
+* host's own copy). Wraps HeroUI's Modal primitives with the shared overlay
+* token for contrast, like StandardDrawer.
+*/
+function StandardModal(props) {
+	const { children, size, backdropProps, containerProps, dialogProps, ...modalProps } = props;
+	const mergedDialogStyle = {
+		...DEFAULT_DIALOG_STYLE,
+		...dialogProps?.style
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Modal$3, {
+		...modalProps,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalBackdrop$2, {
+			...backdropProps,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalContainer$2, {
+				size,
+				...containerProps,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalDialog$2, {
+					...dialogProps,
+					style: mergedDialogStyle,
+					children
+				})
+			})
+		})
+	});
+}
+//#endregion
 //#region frontend/src/api.ts
 var api$5 = createPluginApiClient("/api/wago");
 var hostApi = createPluginApiClient("/api");
@@ -368,13 +405,12 @@ function useConfigurationActions(controllerId) {
 }
 //#endregion
 //#region frontend/src/ClaimControllerModal.tsx
-var import_jsx_runtime = require_jsx_runtime();
-var { Alert: Alert$8, Button: Button$17, Form: Form$3, Input: Input$6, Label: Label$9, Modal: Modal$2, ModalBackdrop: ModalBackdrop$1, ModalBody: ModalBody$1, ModalContainer: ModalContainer$1, ModalDialog: ModalDialog$1, ModalFooter: ModalFooter$1, ModalHeader: ModalHeader$1, ModalHeading: ModalHeading$1, TextField: TextField$6 } = await importShared("@heroui/react");
-var { useEffectEvent, useState: useState$15 } = await importShared("react");
+var { Alert: Alert$9, Button: Button$17, Form: Form$3, Input: Input$6, Label: Label$9, Modal: Modal$2, ModalBackdrop: ModalBackdrop$1, ModalBody: ModalBody$2, ModalContainer: ModalContainer$1, ModalDialog: ModalDialog$1, ModalFooter: ModalFooter$2, ModalHeader: ModalHeader$2, ModalHeading: ModalHeading$2, TextField: TextField$6 } = await importShared("@heroui/react");
+var { useEffectEvent, useState: useState$16 } = await importShared("react");
 function ClaimControllerModal({ controllerId, onOpenChange }) {
 	const claimMutation = useClaimControllerMutation();
-	const [name, setName] = useState$15("");
-	const [verifier, setVerifier] = useState$15("");
+	const [name, setName] = useState$16("");
+	const [verifier, setVerifier] = useState$16("");
 	function close() {
 		setName("");
 		setVerifier("");
@@ -402,12 +438,12 @@ function ClaimControllerModal({ controllerId, onOpenChange }) {
 		},
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalBackdrop$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalContainer$1, {
 			size: "sm",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalDialog$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHeader$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHeading$1, { children: "Claim controller" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form$3, {
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalDialog$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHeader$2, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHeading$2, { children: "Claim controller" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form$3, {
 				onSubmit: (event) => {
 					event.preventDefault();
 					submitClaim();
 				},
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalBody$1, { children: [
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalBody$2, { children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 						className: "wg:text-sm wg:text-muted",
 						children: "Verify physical access to this controller before it can receive commands."
@@ -428,11 +464,11 @@ function ClaimControllerModal({ controllerId, onOpenChange }) {
 							onChange: (event) => setVerifier(event.target.value)
 						})]
 					}),
-					claimMutation.isError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert$8, {
+					claimMutation.isError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert$9, {
 						status: "danger",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$8.Indicator, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$8.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$8.Description, { children: getErrorMessage$1(claimMutation.error) }) })]
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$9.Indicator, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$9.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$9.Description, { children: getErrorMessage$1(claimMutation.error) }) })]
 					})
-				] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalFooter$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$17, {
+				] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalFooter$2, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$17, {
 					variant: "secondary",
 					onPress: close,
 					children: "Cancel"
@@ -451,7 +487,7 @@ function getErrorMessage$1(error) {
 //#endregion
 //#region frontend/src/useCommissioningVerification.ts
 var { useQuery: useQuery$3 } = await importShared("@tanstack/react-query");
-var { useEffect: useEffect$12, useState: useState$14 } = await importShared("react");
+var { useEffect: useEffect$12, useState: useState$15 } = await importShared("react");
 /** Enrollment evidence is independent of configuration and physical qualification. */
 function useCommissioningVerification(session) {
 	const enabled = ["awaiting_verification", "completed"].includes(session.state);
@@ -465,7 +501,7 @@ function useCommissioningVerification(session) {
 		enabled,
 		refetchInterval: 5e3
 	});
-	const [now, setNow] = useState$14(Date.now);
+	const [now, setNow] = useState$15(Date.now);
 	useEffect$12(() => {
 		if (!enabled) return;
 		const timer = setInterval(() => setNow(Date.now()), 1e3);
@@ -484,8 +520,10 @@ function useCommissioningVerification(session) {
 }
 //#endregion
 //#region frontend/src/ControllersTable.tsx
-var { Button: Button$16, Chip: Chip$2, Table, TableBody, TableCell, TableColumn, TableContent, TableHeader, TableRow, TableScrollContainer } = await importShared("@heroui/react");
+var { Alert: Alert$8, Button: Button$16, Chip: Chip$2, ModalBody: ModalBody$1, ModalFooter: ModalFooter$1, ModalHeader: ModalHeader$1, ModalHeading: ModalHeading$1, Table, TableBody, TableCell, TableColumn, TableContent, TableHeader, TableRow, TableScrollContainer } = await importShared("@heroui/react");
+var { useState: useState$14 } = await importShared("react");
 function ControllersTable({ controllers, sessions, onClaim, onConfigure, onRemove, onResume }) {
+	const [runtimeUpdateController, setRuntimeUpdateController] = useState$14(null);
 	const activeSessions = sessions.filter((session) => session.state !== "completed" && (session.state !== "revoked" || !!session.runtimeRecoveryAvailable || !!session.dockerProvisionState || !!session.managementControllerId));
 	const rows = [...controllers.map((controller) => ({
 		key: `controller-${controller.id}`,
@@ -497,7 +535,7 @@ function ControllersTable({ controllers, sessions, onClaim, onConfigure, onRemov
 		kind: "session",
 		session
 	}))];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableScrollContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableContent, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableScrollContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableContent, {
 		"aria-label": "WAGO controllers and commissioning sessions",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableHeader, { children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableColumn, {
@@ -529,12 +567,16 @@ function ControllersTable({ controllers, sessions, onClaim, onConfigure, onRemov
 				onClaim,
 				onConfigure,
 				onRemove,
-				onResume
+				onResume,
+				onShowRuntimeUpdate: setRuntimeUpdateController
 			})
 		})]
-	}) }) });
+	}) }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RuntimeUpdateModal, {
+		controller: runtimeUpdateController,
+		onOpenChange: (open) => !open && setRuntimeUpdateController(null)
+	})] });
 }
-function ControllerRow({ row, onClaim, onConfigure, onRemove, onResume }) {
+function ControllerRow({ row, onClaim, onConfigure, onRemove, onResume, onShowRuntimeUpdate }) {
 	const { controller, session } = row;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
 		id: row.key,
@@ -574,22 +616,25 @@ function ControllerRow({ row, onClaim, onConfigure, onRemove, onResume }) {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "wg:flex wg:justify-end wg:gap-2",
 				children: [
-					session && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$16, {
-						size: "sm",
-						variant: "secondary",
-						onPress: () => onResume(session),
-						children: "View progress"
+					session && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SessionProgressAction, {
+						session,
+						onResume
 					}),
 					controller.trustState === "untrusted" ? !session && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$16, {
 						size: "sm",
 						onPress: () => onClaim(controller.id),
 						children: "Claim"
-					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$16, {
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$16, {
 						size: "sm",
 						variant: "secondary",
 						onPress: () => onConfigure(controller.id),
 						children: "Configure"
-					}),
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$16, {
+						size: "sm",
+						variant: "ghost",
+						onPress: () => onShowRuntimeUpdate(controller),
+						children: "Update runtime"
+					})] }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$16, {
 						size: "sm",
 						variant: "danger",
@@ -601,6 +646,43 @@ function ControllerRow({ row, onClaim, onConfigure, onRemove, onResume }) {
 		]
 	}, row.key);
 }
+/** Hides "View progress" once commissioning evidence is verified; a stuck backend state should not read as still in progress. */
+function SessionProgressAction({ session, onResume }) {
+	if (useCommissioningVerification(session).enrollmentComplete) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$16, {
+		size: "sm",
+		variant: "secondary",
+		onPress: () => onResume(session),
+		children: "View progress"
+	});
+}
+function RuntimeUpdateModal({ controller, onOpenChange }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StandardModal, {
+		isOpen: controller !== null,
+		onOpenChange,
+		size: "sm",
+		dialogProps: { "aria-label": "Runtime update" },
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHeader$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHeading$1, { children: "Runtime update" }) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalBody$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+				className: "wg:text-sm",
+				children: [
+					"Running runtime: ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: controller?.runtimeVersion }),
+					" · protocol ",
+					controller?.protocolVersion
+				]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert$8, {
+				status: "warning",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$8.Indicator, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert$8.Content, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$8.Title, { children: "No in-place update yet" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$8.Description, { children: "Attraccess cannot update this controller's runtime without a full reinstall. The only current path is re-running commissioning, which wipes applications, data and configuration on the CC100 and reinstalls from scratch. That is why it is not offered here as a one-click action. Automatic, non-destructive runtime updates are tracked in ATT-1099." })] })]
+			})] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalFooter$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$16, {
+				onPress: () => onOpenChange(false),
+				children: "Understood"
+			}) })
+		]
+	});
+}
 function CommissioningRow({ row, onResume }) {
 	const { session } = row;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
@@ -1646,15 +1728,24 @@ function CommissioningModal(props) {
 }
 function CommissioningContent({ model }) {
 	const { onConfigure, session, activeStep, title, loadingStatus, hostKeyFingerprint, setHostKeyFingerprint, isolatedIdentity, setIsolatedIdentity, deliverSessionMutation, sshUsername, sshPassword, setSshUsername, setSshPassword, customSsh, setCustomSsh, confirmInstall, setConfirmInstall, isCancelConfirmationOpen, configureController } = model;
+	const verification = useCommissioningVerification(session ?? {
+		id: -1,
+		state: "revoked"
+	});
+	const isFullyDone = !!session && verification.runtimeVerified === true;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerBody$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "wg:grid wg:min-w-0 wg:gap-5 wg:md:grid-cols-[13rem_minmax(0,1fr)]",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DevicePassport, {
+		className: `wg:grid wg:min-w-0 wg:gap-5 ${isFullyDone ? "" : "wg:md:grid-cols-[13rem_minmax(0,1fr)]"}`,
+		children: [!isFullyDone && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DevicePassport, {
 			className: "wg:hidden wg:md:block",
 			name: title,
 			step: activeStep
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "wg:min-w-0 wg:space-y-5",
-			children: [
+			children: session && isFullyDone ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompletedSessionSummary, {
+				session,
+				verification,
+				onConfigure: onConfigure ? configureController : void 0
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepHeading, { step: activeStep }),
 				loadingStatus && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OperationStatus, {
 					title: loadingStatus[0],
@@ -1706,12 +1797,68 @@ function CommissioningContent({ model }) {
 					status: "warning",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$5.Indicator, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$5.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$5.Description, { children: "Canceling revokes the enrollment credential and deletes this commissioning session." }) })]
 				})
-			]
+			] })
 		})]
 	}) });
 }
+/** Read-only recap once commissioning evidence and runtime setup are both verified; nothing here still needs action. */
+function CompletedSessionSummary({ session, verification, onConfigure }) {
+	const controllerId = verification.data?.controllerId ?? session.managementControllerId ?? null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "wg:space-y-4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert$5, {
+				status: "success",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$5.Indicator, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert$5.Content, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Alert$5.Title, { children: "Commissioning complete" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert$5.Description, { children: [session.controllerName ?? session.hardwareId, " is enrolled on permanent credentials, connected, and its configuration is applied."] })] })]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+				className: "wg:grid wg:gap-3 wg:text-sm wg:sm:grid-cols-2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SummaryField, {
+						label: "Hardware ID",
+						value: session.hardwareId
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SummaryField, {
+						label: "Firmware baseline",
+						value: session.firmwareBaseline
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SummaryField, {
+						label: "Claimed",
+						value: new Date(session.updatedAt).toLocaleString()
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SummaryField, {
+						label: "Management hardening",
+						value: verification.data?.managementHardening ?? "unverified"
+					})
+				]
+			}),
+			onConfigure && controllerId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$12, {
+				onPress: () => onConfigure(controllerId),
+				children: "Configure inputs and outputs"
+			})
+		]
+	});
+}
+function SummaryField({ label, value }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+		className: "wg:text-xs wg:text-muted",
+		children: label
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+		className: "wg:font-medium",
+		children: value
+	})] });
+}
 function CommissioningActions({ model }) {
 	const { session, isLoading, hostKeyFingerprint, isolatedIdentity, sshUsername, sshPassword, confirmInstall, recoveryUsername, recoveryPassword, confirmRecovery, recoverSessionMutation, isCancelConfirmationOpen, setCancelConfirmationOpen, close, deliverSession, recoverSession, confirmHostKey } = model;
+	const verification = useCommissioningVerification(session ?? {
+		id: -1,
+		state: "revoked"
+	});
+	if (session && verification.runtimeVerified === true) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerFooter$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$12, {
+		variant: "secondary",
+		onPress: close,
+		children: "Close"
+	}) });
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerFooter$1, {
 		className: "wg:flex-wrap",
 		children: [

package/frontend/remoteEntry.js

@@ -9,7 +9,7 @@ var exportSet = /* @__PURE__ */ new Set([
 ]);
 var moduleMap = { "./plugin": () => {
 	dynamicLoadingCss(["style.css"], false, "./plugin");
-	return __federation_import("./__federation_expose_Plugin-B8WKMfaS.js").then((module) => Object.keys(module).every((item) => exportSet.has(item)) ? () => module.default : () => module);
+	return __federation_import("./__federation_expose_Plugin-Cx-twRMN.js").then((module) => Object.keys(module).every((item) => exportSet.has(item)) ? () => module.default : () => module);
 } };
 var seen = {};
 var dynamicLoadingCss = (cssFilePaths, dontAppendStylesToHead, exposeItemName) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@attraccess/plugin-wago",
-  "version": "0.1.0-nightly.1002.1",
+  "version": "0.1.0-nightly.1004.1",
   "description": "Official Attraccess integration for WAGO CC100 controllers.",
   "keywords": [
     "attraccess-plugin",