@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

package/dist/assethandler/pages/OperationsWorkOrderDetailPage.js

@@ -1,172 +1,186 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { ArrowLeft as t, CheckCircle as n } from "lucide-react";
-import { useParams as r } from "react-router-dom";
-import { Badge as i, Button as a, Card as o, CardContent as s, CardHeader as c, CardTitle as l, GradientText as u, Separator as d } from "@burdenoff/fe-libs/ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useNavigate as r, useParams as i } from "react-router-dom";
+import { Badge as a, Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, EmphasisPanel as d, GradientText as f, IllustratedEmptyState as p, PagePurpose as m, Separator as h } from "@burdenoff/fe-libs/ui";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/assethandler/pages/OperationsWorkOrderDetailPage.tsx
-var m = {
+var v = {
 	critical: "destructive",
 	high: "destructive",
 	medium: "default",
 	low: "secondary"
 };
-function h() {
-	let { workOrderId: h } = r(), { workOrders: g } = e(), _ = g.find((e) => e.id === h) ?? g[0];
-	return _ ? /* @__PURE__ */ p("div", {
+function y() {
+	let y = r(), { workOrderId: b } = i(), { workOrders: x } = e(), S = x.find((e) => e.id === b) ?? x[0];
+	return S ? /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ p("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ p("div", {
-				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ f(a, {
-					variant: "ghost",
-					size: "icon",
-					children: /* @__PURE__ */ f(t, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("div", {
-					className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ g(o, {
+						variant: "ghost",
+						size: "icon",
+						onClick: () => y("/operations/operations-hub"),
+						children: /* @__PURE__ */ g(t, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ g("h1", {
+								className: "text-2xl font-bold",
+								children: /* @__PURE__ */ g(f, { children: S.id })
+							}),
+							/* @__PURE__ */ g(a, {
+								variant: v[S.priority],
+								children: S.priority
+							}),
+							/* @__PURE__ */ g(a, {
+								variant: "outline",
+								children: S.status.replace("_", " ")
+							})
+						]
+					}), /* @__PURE__ */ g("p", {
+						className: "text-sm text-text-secondary mt-1",
+						children: S.title
+					})] })]
+				}), /* @__PURE__ */ _(o, {
+					size: "sm",
+					children: [/* @__PURE__ */ g(n, { className: "mr-2 h-4 w-4" }), "Complete"]
+				})]
+			}),
+			/* @__PURE__ */ g(m, { children: "The full brief for a single work order: what needs doing, on which asset, by when, by whom and at what cost. Use this page to track the job from open to complete and keep the asset's maintenance history accurate." }),
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ _(d, {
+					className: "lg:col-span-2",
+					children: [/* @__PURE__ */ g(l, {
+						className: "px-0 pt-0",
+						children: /* @__PURE__ */ g(u, { children: "Work Order Details" })
+					}), /* @__PURE__ */ _(c, {
+						className: "space-y-4 px-0 pb-0",
+						children: [
+							/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h4", {
+								className: "text-sm font-medium text-text-secondary",
+								children: "Description"
+							}), /* @__PURE__ */ g("p", {
+								className: "text-sm mt-1",
+								children: S.description
+							})] }),
+							/* @__PURE__ */ g(h, {}),
+							/* @__PURE__ */ _("div", {
+								className: "grid grid-cols-2 gap-4 text-sm",
+								children: [
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
+										className: "text-text-secondary",
+										children: "Asset"
+									}), /* @__PURE__ */ _("p", {
+										className: "font-medium",
+										children: [
+											S.relatedAssetName,
+											" (",
+											S.relatedAsset,
+											")"
+										]
+									})] }),
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
+										className: "text-text-secondary",
+										children: "Type"
+									}), /* @__PURE__ */ g("p", {
+										className: "font-medium",
+										children: S.type
+									})] }),
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
+										className: "text-text-secondary",
+										children: "Created"
+									}), /* @__PURE__ */ g("p", {
+										className: "font-medium",
+										children: S.createdAt
+									})] }),
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
+										className: "text-text-secondary",
+										children: "Due Date"
+									}), /* @__PURE__ */ g("p", {
+										className: "font-medium",
+										children: S.dueDate
+									})] }),
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
+										className: "text-text-secondary",
+										children: "Est. Hours"
+									}), /* @__PURE__ */ _("p", {
+										className: "font-medium",
+										children: [
+											S.estimatedHours,
+											"h",
+											S.actualHours ? ` / ${S.actualHours}h actual` : ""
+										]
+									})] }),
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
+										className: "text-text-secondary",
+										children: "Cost"
+									}), /* @__PURE__ */ _("p", {
+										className: "font-medium",
+										children: ["$", S.cost.toLocaleString()]
+									})] })
+								]
+							})
+						]
+					})]
+				}), /* @__PURE__ */ _(s, { children: [/* @__PURE__ */ g(l, { children: /* @__PURE__ */ g(u, {
+					className: "text-base",
+					children: "Assignment"
+				}) }), /* @__PURE__ */ g(c, { children: /* @__PURE__ */ _("dl", {
+					className: "space-y-3 text-sm",
 					children: [
-						/* @__PURE__ */ f("h1", {
-							className: "text-2xl font-bold",
-							children: /* @__PURE__ */ f(u, { children: _.id })
+						/* @__PURE__ */ _("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ g("dt", {
+								className: "text-text-secondary",
+								children: "Assigned To"
+							}), /* @__PURE__ */ g("dd", {
+								className: "text-xs font-medium",
+								children: S.assignedTo
+							})]
 						}),
-						/* @__PURE__ */ f(i, {
-							variant: m[_.priority],
-							children: _.priority
+						/* @__PURE__ */ _("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ g("dt", {
+								className: "text-text-secondary",
+								children: "Priority"
+							}), /* @__PURE__ */ g("dd", { children: /* @__PURE__ */ g(a, {
+								variant: v[S.priority],
+								children: S.priority
+							}) })]
 						}),
-						/* @__PURE__ */ f(i, {
-							variant: "outline",
-							children: _.status.replace("_", " ")
+						/* @__PURE__ */ _("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ g("dt", {
+								className: "text-text-secondary",
+								children: "Status"
+							}), /* @__PURE__ */ g("dd", { children: /* @__PURE__ */ g(a, {
+								variant: "outline",
+								children: S.status.replace("_", " ")
+							}) })]
 						})
 					]
-				}), /* @__PURE__ */ f("p", {
-					className: "text-sm text-text-secondary mt-1",
-					children: _.title
-				})] })]
-			}), /* @__PURE__ */ p(a, {
-				size: "sm",
-				children: [/* @__PURE__ */ f(n, { className: "mr-2 h-4 w-4" }), "Complete"]
-			})]
-		}), /* @__PURE__ */ p("div", {
-			className: "grid gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ p(o, {
-				className: "lg:col-span-2",
-				children: [/* @__PURE__ */ f(c, { children: /* @__PURE__ */ f(l, { children: "Work Order Details" }) }), /* @__PURE__ */ p(s, {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h4", {
-							className: "text-sm font-medium text-text-secondary",
-							children: "Description"
-						}), /* @__PURE__ */ f("p", {
-							className: "text-sm mt-1",
-							children: _.description
-						})] }),
-						/* @__PURE__ */ f(d, {}),
-						/* @__PURE__ */ p("div", {
-							className: "grid grid-cols-2 gap-4 text-sm",
-							children: [
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: "Asset"
-								}), /* @__PURE__ */ p("p", {
-									className: "font-medium",
-									children: [
-										_.relatedAssetName,
-										" (",
-										_.relatedAsset,
-										")"
-									]
-								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: "Type"
-								}), /* @__PURE__ */ f("p", {
-									className: "font-medium",
-									children: _.type
-								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: "Created"
-								}), /* @__PURE__ */ f("p", {
-									className: "font-medium",
-									children: _.createdAt
-								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: "Due Date"
-								}), /* @__PURE__ */ f("p", {
-									className: "font-medium",
-									children: _.dueDate
-								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: "Est. Hours"
-								}), /* @__PURE__ */ p("p", {
-									className: "font-medium",
-									children: [
-										_.estimatedHours,
-										"h",
-										_.actualHours ? ` / ${_.actualHours}h actual` : ""
-									]
-								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: "Cost"
-								}), /* @__PURE__ */ p("p", {
-									className: "font-medium",
-									children: ["$", _.cost.toLocaleString()]
-								})] })
-							]
-						})
-					]
-				})]
-			}), /* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(c, { children: /* @__PURE__ */ f(l, {
-				className: "text-base",
-				children: "Assignment"
-			}) }), /* @__PURE__ */ f(s, { children: /* @__PURE__ */ p("dl", {
-				className: "space-y-3 text-sm",
-				children: [
-					/* @__PURE__ */ p("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ f("dt", {
-							className: "text-text-secondary",
-							children: "Assigned To"
-						}), /* @__PURE__ */ f("dd", {
-							className: "text-xs font-medium",
-							children: _.assignedTo
-						})]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ f("dt", {
-							className: "text-text-secondary",
-							children: "Priority"
-						}), /* @__PURE__ */ f("dd", { children: /* @__PURE__ */ f(i, {
-							variant: m[_.priority],
-							children: _.priority
-						}) })]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ f("dt", {
-							className: "text-text-secondary",
-							children: "Status"
-						}), /* @__PURE__ */ f("dd", { children: /* @__PURE__ */ f(i, {
-							variant: "outline",
-							children: _.status.replace("_", " ")
-						}) })]
-					})
-				]
-			}) })] })]
-		})]
-	}) : /* @__PURE__ */ f("div", {
+				}) })] })]
+			})
+		]
+	}) : /* @__PURE__ */ g("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ f("p", {
-			className: "text-text-secondary",
-			children: "Work order not found."
+		children: /* @__PURE__ */ g(p, {
+			illustration: "empty-search",
+			title: "Work order not found",
+			description: "This work order may have been completed or removed. Return to the operations hub to find it.",
+			action: /* @__PURE__ */ g(o, {
+				size: "sm",
+				onClick: () => y("/operations/operations-hub"),
+				children: "Back to operations"
+			})
 		})
 	});
 }
 //#endregion
-export { h as OperationsWorkOrderDetailPage };
+export { y as OperationsWorkOrderDetailPage };
 
 //# sourceMappingURL=OperationsWorkOrderDetailPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OperationsWorkOrderDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/OperationsWorkOrderDetailPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Separator,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, CheckCircle, Clock } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst priorityColors: Record<string, 'destructive' | 'default' | 'secondary' | 'outline'> = {\n  critical: 'destructive',\n  high: 'destructive',\n  medium: 'default',\n  low: 'secondary',\n};\n\nexport function OperationsWorkOrderDetailPage() {\n  const { workOrderId } = useParams<{ workOrderId: string }>();\n  const { workOrders } = useAssetHandlerStore();\n  const wo = workOrders.find((item) => item.id === workOrderId) ?? workOrders[0];\n\n  if (!wo)\n    return (\n      <div className=\"p-6\">\n        <p className=\"text-text-secondary\">Work order not found.</p>\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\">\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"text-2xl font-bold\">\n                <GradientText>{wo.id}</GradientText>\n              </h1>\n              <Badge variant={priorityColors[wo.priority]}>{wo.priority}</Badge>\n              <Badge variant=\"outline\">{wo.status.replace('_', ' ')}</Badge>\n            </div>\n            <p className=\"text-sm text-text-secondary mt-1\">{wo.title}</p>\n          </div>\n        </div>\n        <Button size=\"sm\">\n          <CheckCircle className=\"mr-2 h-4 w-4\" />\n          Complete\n        </Button>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <Card className=\"lg:col-span-2\">\n          <CardHeader>\n            <CardTitle>Work Order Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div>\n              <h4 className=\"text-sm font-medium text-text-secondary\">Description</h4>\n              <p className=\"text-sm mt-1\">{wo.description}</p>\n            </div>\n            <Separator />\n            <div className=\"grid grid-cols-2 gap-4 text-sm\">\n              <div>\n                <span className=\"text-text-secondary\">Asset</span>\n                <p className=\"font-medium\">\n                  {wo.relatedAssetName} ({wo.relatedAsset})\n                </p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Type</span>\n                <p className=\"font-medium\">{wo.type}</p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Created</span>\n                <p className=\"font-medium\">{wo.createdAt}</p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Due Date</span>\n                <p className=\"font-medium\">{wo.dueDate}</p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Est. Hours</span>\n                <p className=\"font-medium\">\n                  {wo.estimatedHours}h{wo.actualHours ? ` / ${wo.actualHours}h actual` : ''}\n                </p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Cost</span>\n                <p className=\"font-medium\">${wo.cost.toLocaleString()}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Assignment</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <dl className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Assigned To</dt>\n                <dd className=\"text-xs font-medium\">{wo.assignedTo}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Priority</dt>\n                <dd>\n                  <Badge variant={priorityColors[wo.priority]}>{wo.priority}</Badge>\n                </dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Status</dt>\n                <dd>\n                  <Badge variant=\"outline\">{wo.status.replace('_', ' ')}</Badge>\n                </dd>\n              </div>\n            </dl>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OperationsWorkOrderDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/OperationsWorkOrderDetailPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Separator,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, CheckCircle } from 'lucide-react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst priorityColors: Record<string, 'destructive' | 'default' | 'secondary' | 'outline'> = {\n  critical: 'destructive',\n  high: 'destructive',\n  medium: 'default',\n  low: 'secondary',\n};\n\nexport function OperationsWorkOrderDetailPage() {\n  const navigate = useNavigate();\n  const { workOrderId } = useParams<{ workOrderId: string }>();\n  const { workOrders } = useAssetHandlerStore();\n  const wo = workOrders.find((item) => item.id === workOrderId) ?? workOrders[0];\n\n  if (!wo)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Work order not found\"\n          description=\"This work order may have been completed or removed. Return to the operations hub to find it.\"\n          action={\n            <Button size=\"sm\" onClick={() => navigate('/operations/operations-hub')}>\n              Back to operations\n            </Button>\n          }\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/operations/operations-hub')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"text-2xl font-bold\">\n                <GradientText>{wo.id}</GradientText>\n              </h1>\n              <Badge variant={priorityColors[wo.priority]}>{wo.priority}</Badge>\n              <Badge variant=\"outline\">{wo.status.replace('_', ' ')}</Badge>\n            </div>\n            <p className=\"text-sm text-text-secondary mt-1\">{wo.title}</p>\n          </div>\n        </div>\n        <Button size=\"sm\">\n          <CheckCircle className=\"mr-2 h-4 w-4\" />\n          Complete\n        </Button>\n      </div>\n\n      <PagePurpose>\n        The full brief for a single work order: what needs doing, on which asset, by when, by whom\n        and at what cost. Use this page to track the job from open to complete and keep the asset&apos;s\n        maintenance history accurate.\n      </PagePurpose>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <EmphasisPanel className=\"lg:col-span-2\">\n          <CardHeader className=\"px-0 pt-0\">\n            <CardTitle>Work Order Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4 px-0 pb-0\">\n            <div>\n              <h4 className=\"text-sm font-medium text-text-secondary\">Description</h4>\n              <p className=\"text-sm mt-1\">{wo.description}</p>\n            </div>\n            <Separator />\n            <div className=\"grid grid-cols-2 gap-4 text-sm\">\n              <div>\n                <span className=\"text-text-secondary\">Asset</span>\n                <p className=\"font-medium\">\n                  {wo.relatedAssetName} ({wo.relatedAsset})\n                </p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Type</span>\n                <p className=\"font-medium\">{wo.type}</p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Created</span>\n                <p className=\"font-medium\">{wo.createdAt}</p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Due Date</span>\n                <p className=\"font-medium\">{wo.dueDate}</p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Est. Hours</span>\n                <p className=\"font-medium\">\n                  {wo.estimatedHours}h{wo.actualHours ? ` / ${wo.actualHours}h actual` : ''}\n                </p>\n              </div>\n              <div>\n                <span className=\"text-text-secondary\">Cost</span>\n                <p className=\"font-medium\">${wo.cost.toLocaleString()}</p>\n              </div>\n            </div>\n          </CardContent>\n        </EmphasisPanel>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Assignment</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <dl className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Assigned To</dt>\n                <dd className=\"text-xs font-medium\">{wo.assignedTo}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Priority</dt>\n                <dd>\n                  <Badge variant={priorityColors[wo.priority]}>{wo.priority}</Badge>\n                </dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Status</dt>\n                <dd>\n                  <Badge variant=\"outline\">{wo.status.replace('_', ' ')}</Badge>\n                </dd>\n              </div>\n            </dl>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}