@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/AiPredictionsPage.js

@@ -0,0 +1,133 @@
+import { useState as e } from "react";
+import { BrainCircuit as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { gql as i } from "@apollo/client";
+import { useMutation as a, useQuery as o } from "@apollo/client/react";
+//#region src/assethandler/pages/AiPredictionsPage.tsx
+var s = i`
+  query AssetHandlerAiPredictions {
+    aiPredictions {
+      id
+      assetId
+      predictionType
+      score
+      confidence
+      recommendation
+      generatedAt
+      modelVersion
+    }
+  }
+`, c = i`
+  mutation AssetHandlerRequestAiPrediction($input: RequestAIPredictionInput!) {
+    requestAIPrediction(input: $input) {
+      id
+    }
+  }
+`;
+function l() {
+	let [i, l] = e("AST-001"), { data: u, loading: d, refetch: f } = o(s, { fetchPolicy: "cache-and-network" }), [p, { loading: m }] = a(c, { onCompleted: () => {
+		f();
+	} }), h = u?.aiPredictions ?? [];
+	return /* @__PURE__ */ r("div", {
+		className: "space-y-4 p-4",
+		children: [
+			/* @__PURE__ */ r("h1", {
+				className: "flex items-center gap-2 text-2xl font-semibold",
+				children: [/* @__PURE__ */ n(t, { className: "h-6 w-6" }), " AI Predictions"]
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-muted-foreground",
+				children: "Predictive maintenance and asset risk scoring are enabled through real backend APIs."
+			}),
+			/* @__PURE__ */ r("form", {
+				className: "grid gap-3 rounded-lg border p-4 md:grid-cols-3",
+				onSubmit: (e) => {
+					e.preventDefault(), p({ variables: { input: {
+						assetId: i,
+						predictionType: "maintenance-risk",
+						featureVector: {
+							runtimeHours: 10240,
+							lastIncidentDaysAgo: 9,
+							temperatureVariance: .23
+						}
+					} } });
+				},
+				children: [
+					/* @__PURE__ */ n("input", {
+						className: "rounded-md border px-3 py-2",
+						value: i,
+						onChange: (e) => l(e.target.value)
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "text-sm text-muted-foreground",
+						children: "Prediction Type: maintenance-risk"
+					}),
+					/* @__PURE__ */ n("button", {
+						className: "rounded-md bg-primary px-3 py-2 text-primary-foreground",
+						disabled: m,
+						type: "submit",
+						children: m ? "Running..." : "Run Prediction"
+					})
+				]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "grid gap-3 md:grid-cols-2",
+				children: [
+					d && h.length === 0 ? /* @__PURE__ */ n("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Loading predictions..."
+					}) : null,
+					!d && h.length === 0 ? /* @__PURE__ */ n("p", {
+						className: "text-sm text-muted-foreground",
+						children: "No AI predictions available yet."
+					}) : null,
+					h.map((e) => /* @__PURE__ */ r("article", {
+						className: "rounded-lg border p-4",
+						children: [
+							/* @__PURE__ */ r("p", {
+								className: "text-xs uppercase tracking-wide text-muted-foreground",
+								children: [
+									e.predictionType,
+									" • ",
+									e.assetId
+								]
+							}),
+							/* @__PURE__ */ r("h2", {
+								className: "mt-1 text-base font-semibold",
+								children: [
+									"Risk score ",
+									(e.score * 100).toFixed(1),
+									"%"
+								]
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: [
+									"Confidence ",
+									(e.confidence * 100).toFixed(1),
+									"%"
+								]
+							}),
+							/* @__PURE__ */ n("p", {
+								className: "mt-2 text-sm",
+								children: e.recommendation
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "mt-2 text-xs text-muted-foreground",
+								children: [
+									e.modelVersion,
+									" • ",
+									new Date(e.generatedAt).toLocaleString()
+								]
+							})
+						]
+					}, e.id))
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { l as AiPredictionsPage };
+
+//# sourceMappingURL=AiPredictionsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiPredictionsPage.js","names":[],"sources":["../../../src/assethandler/pages/AiPredictionsPage.tsx"],"sourcesContent":["import { BrainCircuit } from 'lucide-react';\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\" /> AI Predictions\n      </h1>\n      <p className=\"text-muted-foreground\">\n        Predictive maintenance and asset risk scoring are enabled through real backend APIs.\n      </p>\n      <form\n        className=\"grid gap-3 rounded-lg border p-4 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        />\n        <div className=\"text-sm text-muted-foreground\">Prediction Type: maintenance-risk</div>\n        <button\n          className=\"rounded-md bg-primary px-3 py-2 text-primary-foreground\"\n          disabled={requesting}\n          type=\"submit\"\n        >\n          {requesting ? 'Running...' : 'Run Prediction'}\n        </button>\n      </form>\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {loading && predictions.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">Loading predictions...</p>\n        ) : null}\n        {!loading && predictions.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">No AI predictions available yet.</p>\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-muted-foreground\">\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-muted-foreground\">\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-muted-foreground\">\n              {prediction.modelVersion} • {new Date(prediction.generatedAt).toLocaleString()}\n            </p>\n          </article>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,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,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EAAA,kBACjC;;GACL,kBAAC,KAAD;IAAG,WAAU;cAAwB;IAEjC,CAAA;GACJ,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,CAAA;KACF,kBAAC,OAAD;MAAK,WAAU;gBAAgC;MAAuC,CAAA;KACtF,kBAAC,UAAD;MACE,WAAU;MACV,UAAU;MACV,MAAK;gBAEJ,IAAa,eAAe;MACtB,CAAA;KACJ;;GACP,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KAAW,EAAY,WAAW,IACjC,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAA0B,CAAA,GACrE;KACH,CAAC,KAAW,EAAY,WAAW,IAClC,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAoC,CAAA,GAC/E;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;SAAkD;UACnC,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"}

package/dist/assethandler/pages/AnalyticsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function AnalyticsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnalyticsPage.d.ts.map

package/dist/assethandler/pages/AnalyticsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/AnalyticsPage.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,aAAa,4CAugB5B"}