@burdenoff/microfe-assethandler 2026.826.7 → 2026.826.9

package/dist/assethandler/pages/ForecastingAlertsPage.js

@@ -0,0 +1,160 @@
+import { useAssetHandlerNavigate as e } from "../hooks/useAssetHandlerNavigate.js";
+import { SectionHeader as t } from "../components/SectionHeader.js";
+import "../components/index.js";
+import { useMemo as n, useState as r } from "react";
+import { AlertTriangle as i, RefreshCw as a } from "lucide-react";
+import { gql as o } from "@apollo/client";
+import { useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, GlassCard as f, IllustratedEmptyState as p, PagePurpose as m, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y } from "@burdenoff/fe-libs/ui";
+//#region src/assethandler/pages/ForecastingAlertsPage.tsx
+var b = o`
+  query AssetHandlerDeadlineAlerts($withinDays: Int!) {
+    assetDeadlineAlerts(withinDays: $withinDays) {
+      id
+      kind
+      subjectId
+      subjectName
+      assetId
+      dueAt
+      daysRemaining
+      status
+      headline
+      recommendedAction
+    }
+  }
+`, x = {
+	WARRANTY_EXPIRY: "Warranty expiry",
+	LICENSE_RENEWAL: "Licence renewal",
+	END_OF_LIFE: "Replacement planning",
+	MAINTENANCE_DUE: "Maintenance due"
+}, S = {
+	OVERDUE: "bg-status-error-bg text-status-error-text",
+	DUE_SOON: "bg-status-warning-bg text-status-warning-text",
+	UPCOMING: "bg-status-info-bg text-status-info-text"
+};
+function C(e) {
+	if (e.daysRemaining < 0) {
+		let t = Math.abs(e.daysRemaining);
+		return `${t} ${t === 1 ? "day" : "days"} overdue`;
+	}
+	return e.daysRemaining === 0 ? "Due today" : `Due in ${e.daysRemaining} days`;
+}
+function w() {
+	let o = e(), [w, T] = r(90), { data: E, loading: D, error: O, refetch: k } = s(b, {
+		variables: { withinDays: w },
+		fetchPolicy: "network-only"
+	}), A = n(() => E?.assetDeadlineAlerts ?? [], [E?.assetDeadlineAlerts]);
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-5 p-4 sm:p-6",
+		children: [
+			/* @__PURE__ */ c(t, {
+				title: "Deadline Alerts",
+				description: "Warranty, licence, replacement, and maintenance deadlines derived from your saved registry facts.",
+				actions: /* @__PURE__ */ l("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ l(h, {
+						value: String(w),
+						onValueChange: (e) => T(Number(e)),
+						children: [/* @__PURE__ */ c(v, {
+							className: "w-36",
+							"aria-label": "Planning window",
+							children: /* @__PURE__ */ c(y, {})
+						}), /* @__PURE__ */ l(g, { children: [
+							/* @__PURE__ */ c(_, {
+								value: "30",
+								children: "Next 30 days"
+							}),
+							/* @__PURE__ */ c(_, {
+								value: "90",
+								children: "Next 90 days"
+							}),
+							/* @__PURE__ */ c(_, {
+								value: "180",
+								children: "Next 180 days"
+							}),
+							/* @__PURE__ */ c(_, {
+								value: "365",
+								children: "Next 365 days"
+							})
+						] })]
+					}), /* @__PURE__ */ l(d, {
+						variant: "outline",
+						onClick: () => void k(),
+						disabled: D,
+						children: [/* @__PURE__ */ c(a, { className: "mr-2 h-4 w-4" }), "Refresh"]
+					})]
+				})
+			}),
+			/* @__PURE__ */ c(m, { children: "Alerts remain stable across reloads because each one is calculated from the persisted source record and carries a deterministic source-backed ID." }),
+			O ? /* @__PURE__ */ l(f, {
+				treatment: "glass",
+				className: "border-status-error-border p-4",
+				children: [/* @__PURE__ */ c("p", {
+					className: "font-medium text-status-error-text",
+					children: "Could not load deadline alerts"
+				}), /* @__PURE__ */ c("p", {
+					className: "mt-1 text-sm text-text-muted",
+					children: O.message
+				})]
+			}) : null,
+			!D && !O && A.length === 0 ? /* @__PURE__ */ c(p, {
+				illustration: "empty-notifications",
+				title: "No deadlines in this window",
+				description: "Add warranty, useful-life, licence-expiry, or scheduled-maintenance dates to raise planning alerts."
+			}) : null,
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-3 lg:grid-cols-2",
+				"aria-busy": D,
+				children: A.map((e) => /* @__PURE__ */ l(f, {
+					treatment: "glass",
+					className: "border-border-seam p-4",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-start justify-between gap-3",
+						children: [/* @__PURE__ */ l("div", {
+							className: "min-w-0",
+							children: [
+								/* @__PURE__ */ l("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ c(u, {
+										variant: "outline",
+										children: x[e.kind]
+									}), /* @__PURE__ */ c("span", {
+										className: `rounded-full px-2 py-0.5 text-xs ${S[e.status]}`,
+										children: C(e)
+									})]
+								}),
+								/* @__PURE__ */ c("h2", {
+									className: "mt-3 font-semibold text-text-primary",
+									children: e.headline
+								}),
+								/* @__PURE__ */ c("p", {
+									className: "mt-1 break-words text-sm text-text-secondary",
+									children: e.subjectName
+								}),
+								/* @__PURE__ */ c("p", {
+									className: "mt-2 text-sm text-text-muted",
+									children: e.recommendedAction
+								}),
+								/* @__PURE__ */ l("p", {
+									className: "mt-3 text-xs text-text-muted",
+									children: ["Deadline ", new Date(e.dueAt).toLocaleDateString()]
+								})
+							]
+						}), /* @__PURE__ */ c(i, { className: "h-5 w-5 shrink-0 text-status-warning-text" })]
+					}), e.assetId ? /* @__PURE__ */ c(d, {
+						className: "mt-4",
+						variant: "outline",
+						size: "sm",
+						onClick: () => o(`/assethandler/assets/${e.assetId}`),
+						children: "View asset"
+					}) : null]
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { w as ForecastingAlertsPage };
+
+//# sourceMappingURL=ForecastingAlertsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForecastingAlertsPage.js","names":[],"sources":["../../../src/assethandler/pages/ForecastingAlertsPage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { AlertTriangle, RefreshCw } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { SectionHeader } from '../components';\nimport { useAssetHandlerNavigate } from '../hooks/useAssetHandlerNavigate';\n\nconst DEADLINE_ALERTS_QUERY = gql`\n  query AssetHandlerDeadlineAlerts($withinDays: Int!) {\n    assetDeadlineAlerts(withinDays: $withinDays) {\n      id\n      kind\n      subjectId\n      subjectName\n      assetId\n      dueAt\n      daysRemaining\n      status\n      headline\n      recommendedAction\n    }\n  }\n`;\n\ntype AlertKind = 'WARRANTY_EXPIRY' | 'LICENSE_RENEWAL' | 'END_OF_LIFE' | 'MAINTENANCE_DUE';\n\ninterface DeadlineAlert {\n  id: string;\n  kind: AlertKind;\n  subjectId: string;\n  subjectName: string;\n  assetId: string | null;\n  dueAt: string;\n  daysRemaining: number;\n  status: 'OVERDUE' | 'DUE_SOON' | 'UPCOMING';\n  headline: string;\n  recommendedAction: string;\n}\n\ninterface DeadlineAlertsResult {\n  assetDeadlineAlerts: DeadlineAlert[];\n}\n\nconst KIND_LABELS: Record<AlertKind, string> = {\n  WARRANTY_EXPIRY: 'Warranty expiry',\n  LICENSE_RENEWAL: 'Licence renewal',\n  END_OF_LIFE: 'Replacement planning',\n  MAINTENANCE_DUE: 'Maintenance due',\n};\n\nconst STATUS_CLASS: Record<DeadlineAlert['status'], string> = {\n  OVERDUE: 'bg-status-error-bg text-status-error-text',\n  DUE_SOON: 'bg-status-warning-bg text-status-warning-text',\n  UPCOMING: 'bg-status-info-bg text-status-info-text',\n};\n\nfunction dueLabel(alert: DeadlineAlert): string {\n  if (alert.daysRemaining < 0) {\n    const overdueDays = Math.abs(alert.daysRemaining);\n    return `${overdueDays} ${overdueDays === 1 ? 'day' : 'days'} overdue`;\n  }\n  if (alert.daysRemaining === 0) return 'Due today';\n  return `Due in ${alert.daysRemaining} days`;\n}\n\nexport function ForecastingAlertsPage() {\n  const navigate = useAssetHandlerNavigate();\n  const [withinDays, setWithinDays] = useState(90);\n  const { data, loading, error, refetch } = useQuery<DeadlineAlertsResult>(DEADLINE_ALERTS_QUERY, {\n    variables: { withinDays },\n    fetchPolicy: 'network-only',\n  });\n  const alerts = useMemo(() => data?.assetDeadlineAlerts ?? [], [data?.assetDeadlineAlerts]);\n\n  return (\n    <div className=\"space-y-5 p-4 sm:p-6\">\n      <SectionHeader\n        title=\"Deadline Alerts\"\n        description=\"Warranty, licence, replacement, and maintenance deadlines derived from your saved registry facts.\"\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <Select\n              value={String(withinDays)}\n              onValueChange={(value) => setWithinDays(Number(value))}\n            >\n              <SelectTrigger className=\"w-36\" aria-label=\"Planning window\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"30\">Next 30 days</SelectItem>\n                <SelectItem value=\"90\">Next 90 days</SelectItem>\n                <SelectItem value=\"180\">Next 180 days</SelectItem>\n                <SelectItem value=\"365\">Next 365 days</SelectItem>\n              </SelectContent>\n            </Select>\n            <Button variant=\"outline\" onClick={() => void refetch()} disabled={loading}>\n              <RefreshCw className=\"mr-2 h-4 w-4\" />\n              Refresh\n            </Button>\n          </div>\n        }\n      />\n      <PagePurpose>\n        Alerts remain stable across reloads because each one is calculated from the persisted source\n        record and carries a deterministic source-backed ID.\n      </PagePurpose>\n\n      {error ? (\n        <GlassCard treatment=\"glass\" className=\"border-status-error-border p-4\">\n          <p className=\"font-medium text-status-error-text\">Could not load deadline alerts</p>\n          <p className=\"mt-1 text-sm text-text-muted\">{error.message}</p>\n        </GlassCard>\n      ) : null}\n\n      {!loading && !error && alerts.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title=\"No deadlines in this window\"\n          description=\"Add warranty, useful-life, licence-expiry, or scheduled-maintenance dates to raise planning alerts.\"\n        />\n      ) : null}\n\n      <div className=\"grid gap-3 lg:grid-cols-2\" aria-busy={loading}>\n        {alerts.map((alert) => (\n          <GlassCard key={alert.id} treatment=\"glass\" className=\"border-border-seam p-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <Badge variant=\"outline\">{KIND_LABELS[alert.kind]}</Badge>\n                  <span\n                    className={`rounded-full px-2 py-0.5 text-xs ${STATUS_CLASS[alert.status]}`}\n                  >\n                    {dueLabel(alert)}\n                  </span>\n                </div>\n                <h2 className=\"mt-3 font-semibold text-text-primary\">{alert.headline}</h2>\n                <p className=\"mt-1 break-words text-sm text-text-secondary\">{alert.subjectName}</p>\n                <p className=\"mt-2 text-sm text-text-muted\">{alert.recommendedAction}</p>\n                <p className=\"mt-3 text-xs text-text-muted\">\n                  Deadline {new Date(alert.dueAt).toLocaleDateString()}\n                </p>\n              </div>\n              <AlertTriangle className=\"h-5 w-5 shrink-0 text-status-warning-text\" />\n            </div>\n            {alert.assetId ? (\n              <Button\n                className=\"mt-4\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => navigate(`/assethandler/assets/${alert.assetId}`)}\n              >\n                View asset\n              </Button>\n            ) : null}\n          </GlassCard>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsDashboardPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/ReportsDashboardPage.tsx"],"names":[],"mappings":"AAgNA,wBAAgB,oBAAoB,gCA2pBnC"}
+{"version":3,"file":"ReportsDashboardPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/ReportsDashboardPage.tsx"],"names":[],"mappings":"AAiNA,wBAAgB,oBAAoB,gCA8pBnC"}