@burdenoff/microfe-assethandler 2026.703.1 → 2026.703.3

package/dist/assethandler/AssetHandlerRoot.js

@@ -1,6 +1,6 @@
-import { AssetHandlerRoutes as e } from "./AssetHandlerRoutes.js";
-import { AssetHandlerProvider as t } from "./providers/AssetHandlerProvider.js";
-import { joinPath as n } from "./utils/navigation.js";
+import { AssetHandlerProvider as e } from "./providers/AssetHandlerProvider.js";
+import { joinPath as t } from "./utils/navigation.js";
+import { AssetHandlerRoutes as n } from "./AssetHandlerRoutes.js";
 import { useEffect as r } from "react";
 import { Boxes as i, BrainCircuit as a, Cpu as o, KeyRound as s, Leaf as c, Network as l, Radar as u, ShieldCheck as d } from "lucide-react";
 import { jsx as f } from "react/jsx-runtime";
@@ -26,86 +26,86 @@ var m = (m) => {
 				{
 					id: "assethandler-assets",
 					label: "Assets",
-					path: n(_, "assets/asset-list"),
+					path: t(_, "assets/asset-list"),
 					order: 1
 				},
 				{
 					id: "assethandler-operations",
 					label: "Operations",
-					path: n(_, "operations/operations-hub"),
+					path: t(_, "operations/operations-hub"),
 					order: 2
 				},
 				{
 					id: "assethandler-itil",
 					label: "ITIL",
-					path: n(_, "itil/itilhub"),
+					path: t(_, "itil/itilhub"),
 					order: 3
 				},
 				{
 					id: "assethandler-finance",
 					label: "Finance",
-					path: n(_, "finance/finance-hub"),
+					path: t(_, "finance/finance-hub"),
 					order: 4
 				},
 				{
 					id: "assethandler-security",
 					label: "Security",
-					path: n(_, "security/security-hub"),
+					path: t(_, "security/security-hub"),
 					order: 7
 				},
 				{
 					id: "assethandler-iot",
 					label: "IoT Devices",
-					path: n(_, "advanced/iot-devices"),
+					path: t(_, "advanced/iot-devices"),
 					icon: /* @__PURE__ */ f(o, { size: 16 }),
 					order: 10
 				},
 				{
 					id: "assethandler-digital-twin",
 					label: "Digital Twin",
-					path: n(_, "advanced/digital-twin"),
+					path: t(_, "advanced/digital-twin"),
 					icon: /* @__PURE__ */ f(i, { size: 16 }),
 					order: 11
 				},
 				{
 					id: "assethandler-sam",
 					label: "SAM",
-					path: n(_, "advanced/sam-licenses"),
+					path: t(_, "advanced/sam-licenses"),
 					icon: /* @__PURE__ */ f(s, { size: 16 }),
 					order: 12
 				},
 				{
 					id: "assethandler-cmdb",
 					label: "CMDB",
-					path: n(_, "advanced/cmdb-browser"),
+					path: t(_, "advanced/cmdb-browser"),
 					icon: /* @__PURE__ */ f(l, { size: 16 }),
 					order: 13
 				},
 				{
 					id: "assethandler-discovery",
 					label: "Discovery",
-					path: n(_, "advanced/discovery-jobs"),
+					path: t(_, "advanced/discovery-jobs"),
 					icon: /* @__PURE__ */ f(u, { size: 16 }),
 					order: 14
 				},
 				{
 					id: "assethandler-provenance",
 					label: "Provenance",
-					path: n(_, "advanced/provenance"),
+					path: t(_, "advanced/provenance"),
 					icon: /* @__PURE__ */ f(d, { size: 16 }),
 					order: 15
 				},
 				{
 					id: "assethandler-esg",
 					label: "ESG",
-					path: n(_, "advanced/esg-dashboard"),
+					path: t(_, "advanced/esg-dashboard"),
 					icon: /* @__PURE__ */ f(c, { size: 16 }),
 					order: 16
 				},
 				{
 					id: "assethandler-ai",
 					label: "AI Predictions",
-					path: n(_, "advanced/ai-predictions"),
+					path: t(_, "advanced/ai-predictions"),
 					icon: /* @__PURE__ */ f(a, { size: 16 }),
 					order: 17
 				}
@@ -123,9 +123,9 @@ var m = (m) => {
 		workspaceId: null,
 		gateway: "global",
 		defaultEnabled: !0,
-		children: /* @__PURE__ */ f(t, {
+		children: /* @__PURE__ */ f(e, {
 			...m,
-			children: /* @__PURE__ */ f(e, {})
+			children: /* @__PURE__ */ f(n, {})
 		})
 	});
 };

package/dist/assethandler/hooks/useAssetHandlerNavigate.js

@@ -0,0 +1,19 @@
+import { useAssetHandler as e } from "../providers/AssetHandlerProvider.js";
+import { joinPath as t } from "../utils/navigation.js";
+import { useCallback as n } from "react";
+import { useNavigate as r } from "react-router-dom";
+//#region src/assethandler/hooks/useAssetHandlerNavigate.ts
+function i() {
+	let i = r(), { basePath: a = "/" } = e();
+	return n((e, n) => {
+		if (typeof e == "number") {
+			i(e);
+			return;
+		}
+		i(e.startsWith("/") ? t(a, e) : e, n);
+	}, [i, a]);
+}
+//#endregion
+export { i as useAssetHandlerNavigate };
+
+//# sourceMappingURL=useAssetHandlerNavigate.js.map

package/dist/assethandler/hooks/useAssetHandlerNavigate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetHandlerNavigate.js","names":[],"sources":["../../../src/assethandler/hooks/useAssetHandlerNavigate.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useNavigate, type NavigateOptions } from 'react-router-dom';\nimport { useAssetHandler } from '../providers/AssetHandlerProvider';\nimport { joinPath } from '../utils/navigation';\n\n/**\n * Base-path-aware navigation for in-MFE links.\n *\n * The AssetHandler MFE is mounted under a host base path (e.g. `/assethandler`)\n * when integrated into an app shell, or at `/` when running standalone. React\n * Router's `navigate('/assets/...')` resolves against the HOST router root, so\n * an absolute in-MFE path would escape the mount and land on a nonexistent host\n * route (which the shell bounces to `/dashboard`).\n *\n * This hook prefixes the active `basePath` onto absolute string targets so\n * `navigate('/assets/asset-create')` correctly resolves to\n * `/assethandler/assets/asset-create` when integrated and `/assets/asset-create`\n * when standalone. Relative paths and numeric deltas (`navigate(-1)`) pass\n * through untouched.\n */\nexport function useAssetHandlerNavigate() {\n  const navigate = useNavigate();\n  const { basePath = '/' } = useAssetHandler();\n\n  return useCallback(\n    (to: string | number, options?: NavigateOptions) => {\n      if (typeof to === 'number') {\n        navigate(to);\n        return;\n      }\n      const resolved = to.startsWith('/') ? joinPath(basePath, to) : to;\n      navigate(resolved, options);\n    },\n    [navigate, basePath],\n  );\n}\n"],"mappings":";;;;;AAoBA,SAAgB,IAA0B;CACxC,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAiB;AAE5C,QAAO,GACJ,GAAqB,MAA8B;AAClD,MAAI,OAAO,KAAO,UAAU;AAC1B,KAAS,EAAG;AACZ;;AAGF,IADiB,EAAG,WAAW,IAAI,GAAG,EAAS,GAAU,EAAG,GAAG,GAC5C,EAAQ;IAE7B,CAAC,GAAU,EAAS,CACrB"}

package/dist/assethandler/pages/AiPredictionsPage.js

@@ -1,11 +1,11 @@
 import { useState as e } from "react";
 import { BrainCircuit as t } from "lucide-react";
-import { EmphasisPanel as n, GradientText as r, IllustratedEmptyState as i, PagePurpose as a } from "@burdenoff/fe-libs/ui";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { gql as c } from "@apollo/client";
-import { useMutation as l, useQuery as u } from "@apollo/client/react";
+import { gql as n } from "@apollo/client";
+import { useMutation as r, useQuery as i } from "@apollo/client/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { EmphasisPanel as s, GradientText as c, IllustratedEmptyState as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/AiPredictionsPage.tsx
-var d = c`
+var d = n`
   query AssetHandlerAiPredictions {
     aiPredictions {
       id
@@ -18,7 +18,7 @@ var d = c`
       modelVersion
     }
   }
-`, f = c`
+`, f = n`
   mutation AssetHandlerRequestAiPrediction($input: RequestAIPredictionInput!) {
     requestAIPrediction(input: $input) {
       id
@@ -26,29 +26,29 @@ var d = c`
   }
 `;
 function p() {
-	let [c, p] = e("AST-001"), { data: m, loading: h, refetch: g } = u(d, { fetchPolicy: "cache-and-network" }), [_, { loading: v }] = l(f, { onCompleted: () => {
+	let [n, p] = e("AST-001"), { data: m, loading: h, refetch: g } = i(d, { fetchPolicy: "cache-and-network" }), [_, { loading: v }] = r(f, { onCompleted: () => {
 		g();
 	} }), y = m?.aiPredictions ?? [];
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ s("h1", {
+			/* @__PURE__ */ o("h1", {
 				className: "flex items-center gap-2 text-2xl font-semibold",
 				children: [
-					/* @__PURE__ */ o(t, { className: "h-6 w-6" }),
+					/* @__PURE__ */ a(t, { className: "h-6 w-6" }),
 					" ",
-					/* @__PURE__ */ o(r, { children: "AI Predictions" })
+					/* @__PURE__ */ a(c, { children: "AI Predictions" })
 				]
 			}),
-			/* @__PURE__ */ o(a, { children: "Forecast failures before they happen. Enter an asset and run a model to get a risk score, confidence level and a concrete recommendation — so you can schedule preventive maintenance instead of reacting to breakdowns. Use it to prioritise which high-value or aging assets to service next." }),
-			/* @__PURE__ */ s(n, { children: [/* @__PURE__ */ o("h2", {
+			/* @__PURE__ */ a(u, { children: "Forecast failures before they happen. Enter an asset and run a model to get a risk score, confidence level and a concrete recommendation — so you can schedule preventive maintenance instead of reacting to breakdowns. Use it to prioritise which high-value or aging assets to service next." }),
+			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a("h2", {
 				className: "text-sm font-semibold mb-3",
 				children: "Run a prediction"
-			}), /* @__PURE__ */ s("form", {
+			}), /* @__PURE__ */ o("form", {
 				className: "grid gap-3 md:grid-cols-3",
 				onSubmit: (e) => {
 					e.preventDefault(), _({ variables: { input: {
-						assetId: c,
+						assetId: n,
 						predictionType: "maintenance-risk",
 						featureVector: {
 							runtimeHours: 10240,
@@ -58,17 +58,17 @@ function p() {
 					} } });
 				},
 				children: [
-					/* @__PURE__ */ o("input", {
+					/* @__PURE__ */ a("input", {
 						className: "rounded-md border px-3 py-2",
-						value: c,
+						value: n,
 						onChange: (e) => p(e.target.value),
 						"aria-label": "Asset ID"
 					}),
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ a("div", {
 						className: "text-sm text-text-secondary",
 						children: "Prediction Type: maintenance-risk"
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ a("button", {
 						className: "rounded-md bg-action-primary-bg px-3 py-2 text-action-primary-text",
 						disabled: v,
 						type: "submit",
@@ -76,22 +76,22 @@ function p() {
 					})
 				]
 			})] }),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				className: "grid gap-3 md:grid-cols-2",
 				children: [
-					h && y.length === 0 ? /* @__PURE__ */ o("div", {
+					h && y.length === 0 ? /* @__PURE__ */ a("div", {
 						className: "space-y-2 px-4 py-4",
-						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ o("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ a("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 					}) : null,
-					!h && y.length === 0 ? /* @__PURE__ */ o(i, {
+					!h && y.length === 0 ? /* @__PURE__ */ a(l, {
 						illustration: "empty-data",
 						title: "No AI predictions available yet",
 						description: "AI-generated predictions for your assets will appear here."
 					}) : null,
-					y.map((e) => /* @__PURE__ */ s("article", {
+					y.map((e) => /* @__PURE__ */ o("article", {
 						className: "rounded-lg border p-4",
 						children: [
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: [
 									e.predictionType,
@@ -99,7 +99,7 @@ function p() {
 									e.assetId
 								]
 							}),
-							/* @__PURE__ */ s("h2", {
+							/* @__PURE__ */ o("h2", {
 								className: "mt-1 text-base font-semibold",
 								children: [
 									"Risk score ",
@@ -107,7 +107,7 @@ function p() {
 									"%"
 								]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ o("p", {
 								className: "mt-1 text-sm text-text-secondary",
 								children: [
 									"Confidence ",
@@ -115,11 +115,11 @@ function p() {
 									"%"
 								]
 							}),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ a("p", {
 								className: "mt-2 text-sm",
 								children: e.recommendation
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ o("p", {
 								className: "mt-2 text-xs text-text-secondary",
 								children: [
 									e.modelVersion,

package/dist/assethandler/pages/AiPredictionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiPredictionsPage.js","names":[],"sources":["../../../src/assethandler/pages/AiPredictionsPage.tsx"],"sourcesContent":["import { BrainCircuit } from 'lucide-react';\nimport { GradientText, IllustratedEmptyState, EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\n\nconst AI_PREDICTIONS_QUERY = gql`\n  query AssetHandlerAiPredictions {\n    aiPredictions {\n      id\n      assetId\n      predictionType\n      score\n      confidence\n      recommendation\n      generatedAt\n      modelVersion\n    }\n  }\n`;\n\nconst REQUEST_AI_PREDICTION_MUTATION = gql`\n  mutation AssetHandlerRequestAiPrediction($input: RequestAIPredictionInput!) {\n    requestAIPrediction(input: $input) {\n      id\n    }\n  }\n`;\n\nexport function AiPredictionsPage() {\n  const [assetId, setAssetId] = useState('AST-001');\n\n  const { data, loading, refetch } = useQuery<{\n    aiPredictions: Array<{\n      id: string;\n      assetId: string;\n      predictionType: string;\n      score: number;\n      confidence: number;\n      recommendation: string;\n      generatedAt: string;\n      modelVersion: string;\n    }>;\n  }>(AI_PREDICTIONS_QUERY, { fetchPolicy: 'cache-and-network' });\n\n  const [requestPrediction, { loading: requesting }] = useMutation(REQUEST_AI_PREDICTION_MUTATION, {\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n\n  const predictions = data?.aiPredictions ?? [];\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n        <BrainCircuit className=\"h-6 w-6\" /> <GradientText>AI Predictions</GradientText>\n      </h1>\n      <PagePurpose>\n        Forecast failures before they happen. Enter an asset and run a model to get a risk score,\n        confidence level and a concrete recommendation — so you can schedule preventive maintenance\n        instead of reacting to breakdowns. Use it to prioritise which high-value or aging assets to\n        service next.\n      </PagePurpose>\n      <EmphasisPanel>\n        <h2 className=\"text-sm font-semibold mb-3\">Run a prediction</h2>\n        <form\n          className=\"grid gap-3 md:grid-cols-3\"\n          onSubmit={(event) => {\n          event.preventDefault();\n          void requestPrediction({\n            variables: {\n              input: {\n                assetId,\n                predictionType: 'maintenance-risk',\n                featureVector: {\n                  runtimeHours: 10240,\n                  lastIncidentDaysAgo: 9,\n                  temperatureVariance: 0.23,\n                },\n              },\n            },\n          });\n        }}\n        >\n          <input\n            className=\"rounded-md border px-3 py-2\"\n            value={assetId}\n            onChange={(event) => setAssetId(event.target.value)}\n            aria-label=\"Asset ID\"\n          />\n          <div className=\"text-sm text-text-secondary\">Prediction Type: maintenance-risk</div>\n          <button\n            className=\"rounded-md bg-action-primary-bg px-3 py-2 text-action-primary-text\"\n            disabled={requesting}\n            type=\"submit\"\n          >\n            {requesting ? 'Running...' : 'Run Prediction'}\n          </button>\n        </form>\n      </EmphasisPanel>\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {loading && predictions.length === 0 ? (\n          <div className=\"space-y-2 px-4 py-4\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div key={i} className=\"h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\" />\n            ))}\n          </div>\n        ) : null}\n        {!loading && predictions.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title=\"No AI predictions available yet\"\n            description=\"AI-generated predictions for your assets will appear here.\"\n          />\n        ) : null}\n        {predictions.map((prediction) => (\n          <article key={prediction.id} className=\"rounded-lg border p-4\">\n            <p className=\"text-xs uppercase tracking-wide text-text-secondary\">\n              {prediction.predictionType} • {prediction.assetId}\n            </p>\n            <h2 className=\"mt-1 text-base font-semibold\">\n              Risk score {(prediction.score * 100).toFixed(1)}%\n            </h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              Confidence {(prediction.confidence * 100).toFixed(1)}%\n            </p>\n            <p className=\"mt-2 text-sm\">{prediction.recommendation}</p>\n            <p className=\"mt-2 text-xs text-text-secondary\">\n              {prediction.modelVersion} • {new Date(prediction.generatedAt).toLocaleString()}\n            </p>\n          </article>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IAAuB,CAAG;;;;;;;;;;;;;GAe1B,IAAiC,CAAG;;;;;;;AAQ1C,SAAgB,IAAoB;CAClC,IAAM,CAAC,GAAS,KAAc,EAAS,UAAU,EAE3C,EAAE,SAAM,YAAS,eAAY,EAWhC,GAAsB,EAAE,aAAa,qBAAqB,CAAC,EAExD,CAAC,GAAmB,EAAE,SAAS,OAAgB,EAAY,GAAgC,EAC/F,mBAAmB;AACZ,KAAS;IAEjB,CAAC,EAEI,IAAc,GAAM,iBAAiB,EAAE;AAE7C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;;KAAC,kBAAC,GAAD,EAAA,UAAc,kBAA6B,CAAA;KAC7E;;GACL,kBAAC,GAAD,EAAA,UAAa,mSAKC,CAAA;GACd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAA6B;IAAqB,CAAA,EAChE,kBAAC,QAAD;IACE,WAAU;IACV,WAAW,MAAU;AAEhB,KADL,EAAM,gBAAgB,EACjB,EAAkB,EACrB,WAAW,EACT,OAAO;MACL;MACA,gBAAgB;MAChB,eAAe;OACb,cAAc;OACd,qBAAqB;OACrB,qBAAqB;OACtB;MACF,EACF,EACF,CAAC;;cAhBJ;KAmBE,kBAAC,SAAD;MACE,WAAU;MACV,OAAO;MACP,WAAW,MAAU,EAAW,EAAM,OAAO,MAAM;MACnD,cAAW;MACX,CAAA;KACF,kBAAC,OAAD;MAAK,WAAU;gBAA8B;MAAuC,CAAA;KACpF,kBAAC,UAAD;MACE,WAAU;MACV,UAAU;MACV,MAAK;gBAEJ,IAAa,eAAe;MACtB,CAAA;KACJ;MACO,EAAA,CAAA;GAChB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KAAW,EAAY,WAAW,IACjC,kBAAC,OAAD;MAAK,WAAU;gBACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAAa,WAAU,8DAA+D,EAA5E,EAA4E,CACtF;MACE,CAAA,GACJ;KACH,CAAC,KAAW,EAAY,WAAW,IAClC,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,GACA;KACH,EAAY,KAAK,MAChB,kBAAC,WAAD;MAA6B,WAAU;gBAAvC;OACE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAW;SAAe;SAAI,EAAW;SACxC;;OACJ,kBAAC,MAAD;QAAI,WAAU;kBAAd;SAA6C;UAC9B,EAAW,QAAQ,KAAK,QAAQ,EAAE;SAAC;SAC7C;;OACL,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAgD;UACjC,EAAW,aAAa,KAAK,QAAQ,EAAE;SAAC;SACnD;;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAAgB,EAAW;QAAmB,CAAA;OAC3D,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAW;SAAa;SAAI,IAAI,KAAK,EAAW,YAAY,CAAC,gBAAgB;SAC5E;;OACI;QAdI,EAAW,GAcf,CACV;KACE;;GACF"}
+{"version":3,"file":"AiPredictionsPage.js","names":[],"sources":["../../../src/assethandler/pages/AiPredictionsPage.tsx"],"sourcesContent":["import { BrainCircuit } from 'lucide-react';\nimport {\n  GradientText,\n  IllustratedEmptyState,\n  EmphasisPanel,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\n\nconst AI_PREDICTIONS_QUERY = gql`\n  query AssetHandlerAiPredictions {\n    aiPredictions {\n      id\n      assetId\n      predictionType\n      score\n      confidence\n      recommendation\n      generatedAt\n      modelVersion\n    }\n  }\n`;\n\nconst REQUEST_AI_PREDICTION_MUTATION = gql`\n  mutation AssetHandlerRequestAiPrediction($input: RequestAIPredictionInput!) {\n    requestAIPrediction(input: $input) {\n      id\n    }\n  }\n`;\n\nexport function AiPredictionsPage() {\n  const [assetId, setAssetId] = useState('AST-001');\n\n  const { data, loading, refetch } = useQuery<{\n    aiPredictions: Array<{\n      id: string;\n      assetId: string;\n      predictionType: string;\n      score: number;\n      confidence: number;\n      recommendation: string;\n      generatedAt: string;\n      modelVersion: string;\n    }>;\n  }>(AI_PREDICTIONS_QUERY, { fetchPolicy: 'cache-and-network' });\n\n  const [requestPrediction, { loading: requesting }] = useMutation(REQUEST_AI_PREDICTION_MUTATION, {\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n\n  const predictions = data?.aiPredictions ?? [];\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n        <BrainCircuit className=\"h-6 w-6\" /> <GradientText>AI Predictions</GradientText>\n      </h1>\n      <PagePurpose>\n        Forecast failures before they happen. Enter an asset and run a model to get a risk score,\n        confidence level and a concrete recommendation — so you can schedule preventive maintenance\n        instead of reacting to breakdowns. Use it to prioritise which high-value or aging assets to\n        service next.\n      </PagePurpose>\n      <EmphasisPanel>\n        <h2 className=\"text-sm font-semibold mb-3\">Run a prediction</h2>\n        <form\n          className=\"grid gap-3 md:grid-cols-3\"\n          onSubmit={(event) => {\n            event.preventDefault();\n            void requestPrediction({\n              variables: {\n                input: {\n                  assetId,\n                  predictionType: 'maintenance-risk',\n                  featureVector: {\n                    runtimeHours: 10240,\n                    lastIncidentDaysAgo: 9,\n                    temperatureVariance: 0.23,\n                  },\n                },\n              },\n            });\n          }}\n        >\n          <input\n            className=\"rounded-md border px-3 py-2\"\n            value={assetId}\n            onChange={(event) => setAssetId(event.target.value)}\n            aria-label=\"Asset ID\"\n          />\n          <div className=\"text-sm text-text-secondary\">Prediction Type: maintenance-risk</div>\n          <button\n            className=\"rounded-md bg-action-primary-bg px-3 py-2 text-action-primary-text\"\n            disabled={requesting}\n            type=\"submit\"\n          >\n            {requesting ? 'Running...' : 'Run Prediction'}\n          </button>\n        </form>\n      </EmphasisPanel>\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {loading && predictions.length === 0 ? (\n          <div className=\"space-y-2 px-4 py-4\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div key={i} className=\"h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\" />\n            ))}\n          </div>\n        ) : null}\n        {!loading && predictions.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title=\"No AI predictions available yet\"\n            description=\"AI-generated predictions for your assets will appear here.\"\n          />\n        ) : null}\n        {predictions.map((prediction) => (\n          <article key={prediction.id} className=\"rounded-lg border p-4\">\n            <p className=\"text-xs uppercase tracking-wide text-text-secondary\">\n              {prediction.predictionType} • {prediction.assetId}\n            </p>\n            <h2 className=\"mt-1 text-base font-semibold\">\n              Risk score {(prediction.score * 100).toFixed(1)}%\n            </h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              Confidence {(prediction.confidence * 100).toFixed(1)}%\n            </p>\n            <p className=\"mt-2 text-sm\">{prediction.recommendation}</p>\n            <p className=\"mt-2 text-xs text-text-secondary\">\n              {prediction.modelVersion} • {new Date(prediction.generatedAt).toLocaleString()}\n            </p>\n          </article>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAAuB,CAAG;;;;;;;;;;;;;GAe1B,IAAiC,CAAG;;;;;;;AAQ1C,SAAgB,IAAoB;CAClC,IAAM,CAAC,GAAS,KAAc,EAAS,UAAU,EAE3C,EAAE,SAAM,YAAS,eAAY,EAWhC,GAAsB,EAAE,aAAa,qBAAqB,CAAC,EAExD,CAAC,GAAmB,EAAE,SAAS,OAAgB,EAAY,GAAgC,EAC/F,mBAAmB;AACZ,KAAS;IAEjB,CAAC,EAEI,IAAc,GAAM,iBAAiB,EAAE;AAE7C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;;KAAC,kBAAC,GAAD,EAAA,UAAc,kBAA6B,CAAA;KAC7E;;GACL,kBAAC,GAAD,EAAA,UAAa,mSAKC,CAAA;GACd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAA6B;IAAqB,CAAA,EAChE,kBAAC,QAAD;IACE,WAAU;IACV,WAAW,MAAU;AAEd,KADL,EAAM,gBAAgB,EACjB,EAAkB,EACrB,WAAW,EACT,OAAO;MACL;MACA,gBAAgB;MAChB,eAAe;OACb,cAAc;OACd,qBAAqB;OACrB,qBAAqB;OACtB;MACF,EACF,EACF,CAAC;;cAhBN;KAmBE,kBAAC,SAAD;MACE,WAAU;MACV,OAAO;MACP,WAAW,MAAU,EAAW,EAAM,OAAO,MAAM;MACnD,cAAW;MACX,CAAA;KACF,kBAAC,OAAD;MAAK,WAAU;gBAA8B;MAAuC,CAAA;KACpF,kBAAC,UAAD;MACE,WAAU;MACV,UAAU;MACV,MAAK;gBAEJ,IAAa,eAAe;MACtB,CAAA;KACJ;MACO,EAAA,CAAA;GAChB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KAAW,EAAY,WAAW,IACjC,kBAAC,OAAD;MAAK,WAAU;gBACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAAa,WAAU,8DAA+D,EAA5E,EAA4E,CACtF;MACE,CAAA,GACJ;KACH,CAAC,KAAW,EAAY,WAAW,IAClC,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,GACA;KACH,EAAY,KAAK,MAChB,kBAAC,WAAD;MAA6B,WAAU;gBAAvC;OACE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAW;SAAe;SAAI,EAAW;SACxC;;OACJ,kBAAC,MAAD;QAAI,WAAU;kBAAd;SAA6C;UAC9B,EAAW,QAAQ,KAAK,QAAQ,EAAE;SAAC;SAC7C;;OACL,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAgD;UACjC,EAAW,aAAa,KAAK,QAAQ,EAAE;SAAC;SACnD;;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAAgB,EAAW;QAAmB,CAAA;OAC3D,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAW;SAAa;SAAI,IAAI,KAAK,EAAW,YAAY,CAAC,gBAAgB;SAC5E;;OACI;QAdI,EAAW,GAcf,CACV;KACE;;GACF"}