@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/OperationsOperationsHubPage.js

@@ -0,0 +1,291 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { AlertTriangle as t, ClipboardList as n, Plus as r, Wrench as i } from "lucide-react";
+import { Badge as a, Button as o, Card as s, CardContent as c, Tabs as l, TabsContent as u, TabsList as d, TabsTrigger as f } from "@burdenoff/fe-libs/ui";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/assethandler/pages/OperationsOperationsHubPage.tsx
+var h = {
+	critical: "destructive",
+	high: "destructive",
+	medium: "default",
+	low: "secondary"
+};
+function g() {
+	let { workOrders: g, maintenanceRecords: _ } = e(), v = g.filter((e) => e.status === "open" || e.status === "in_progress"), y = _.filter((e) => e.status === "scheduled" || e.status === "in_progress"), b = g.reduce((e, t) => e + t.cost, 0) + _.reduce((e, t) => e + t.cost, 0);
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+					className: "text-2xl font-bold",
+					children: "Operations Hub"
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Work orders and maintenance operations"
+				})] }), /* @__PURE__ */ m(o, {
+					size: "sm",
+					children: [/* @__PURE__ */ p(r, { className: "mr-2 h-4 w-4" }), "New Work Order"]
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ p(s, { children: /* @__PURE__ */ m(c, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ p(n, { className: "h-4 w-4" }), "Open Work Orders"]
+						}), /* @__PURE__ */ p("p", {
+							className: "text-2xl font-bold mt-1",
+							children: v.length
+						})]
+					}) }),
+					/* @__PURE__ */ p(s, { children: /* @__PURE__ */ m(c, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ p(i, { className: "h-4 w-4" }), "Active Maintenance"]
+						}), /* @__PURE__ */ p("p", {
+							className: "text-2xl font-bold mt-1",
+							children: y.length
+						})]
+					}) }),
+					/* @__PURE__ */ p(s, { children: /* @__PURE__ */ m(c, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ p(t, { className: "h-4 w-4" }), "Critical"]
+						}), /* @__PURE__ */ p("p", {
+							className: "text-2xl font-bold mt-1 text-red-600",
+							children: g.filter((e) => e.priority === "critical").length
+						})]
+					}) }),
+					/* @__PURE__ */ p(s, { children: /* @__PURE__ */ m(c, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: "Total Cost"
+						}), /* @__PURE__ */ m("p", {
+							className: "text-2xl font-bold mt-1",
+							children: ["$", b.toLocaleString()]
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ m(l, {
+				defaultValue: "work-orders",
+				children: [
+					/* @__PURE__ */ m(d, { children: [/* @__PURE__ */ m(f, {
+						value: "work-orders",
+						children: [
+							"Work Orders (",
+							g.length,
+							")"
+						]
+					}), /* @__PURE__ */ m(f, {
+						value: "maintenance",
+						children: [
+							"Maintenance (",
+							_.length,
+							")"
+						]
+					})] }),
+					/* @__PURE__ */ p(u, {
+						value: "work-orders",
+						className: "mt-4",
+						children: /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(c, {
+							className: "p-0",
+							children: /* @__PURE__ */ p("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ m("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", {
+										className: "border-b bg-muted/50",
+										children: [
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "ID"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Title"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Asset"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Priority"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Status"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Assigned To"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Due"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-right p-3 font-medium",
+												children: "Cost"
+											})
+										]
+									}) }), /* @__PURE__ */ p("tbody", { children: g.map((e) => /* @__PURE__ */ m("tr", {
+										className: "border-b hover:bg-muted/50 cursor-pointer",
+										children: [
+											/* @__PURE__ */ p("td", {
+												className: "p-3 font-mono text-xs",
+												children: e.id
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3",
+												children: [/* @__PURE__ */ p("p", {
+													className: "font-medium",
+													children: e.title
+												}), /* @__PURE__ */ p("p", {
+													className: "text-xs text-muted-foreground truncate max-w-xs",
+													children: e.description
+												})]
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3 text-xs",
+												children: e.relatedAssetName
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ p(a, {
+													variant: h[e.priority],
+													children: e.priority
+												})
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ p(a, {
+													variant: "outline",
+													children: e.status.replace("_", " ")
+												})
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3 text-xs",
+												children: e.assignedTo
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3 text-xs",
+												children: e.dueDate
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3 text-right font-medium",
+												children: ["$", e.cost.toLocaleString()]
+											})
+										]
+									}, e.id)) })]
+								})
+							})
+						}) })
+					}),
+					/* @__PURE__ */ p(u, {
+						value: "maintenance",
+						className: "mt-4",
+						children: /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(c, {
+							className: "p-0",
+							children: /* @__PURE__ */ p("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ m("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", {
+										className: "border-b bg-muted/50",
+										children: [
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "ID"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Title"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Asset"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Type"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Priority"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Status"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-left p-3 font-medium",
+												children: "Date"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "text-right p-3 font-medium",
+												children: "Cost"
+											})
+										]
+									}) }), /* @__PURE__ */ p("tbody", { children: _.map((e) => /* @__PURE__ */ m("tr", {
+										className: "border-b hover:bg-muted/50 cursor-pointer",
+										children: [
+											/* @__PURE__ */ p("td", {
+												className: "p-3 font-mono text-xs",
+												children: e.id
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3 font-medium",
+												children: e.title
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3 text-xs",
+												children: e.assetName
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3 capitalize text-xs",
+												children: e.type
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ p(a, {
+													variant: h[e.priority],
+													children: e.priority
+												})
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ p(a, {
+													variant: e.status === "completed" ? "default" : "outline",
+													children: e.status.replace("_", " ")
+												})
+											}),
+											/* @__PURE__ */ p("td", {
+												className: "p-3 text-xs",
+												children: e.scheduledDate
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3 text-right font-medium",
+												children: ["$", e.cost]
+											})
+										]
+									}, e.id)) })]
+								})
+							})
+						}) })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { g as OperationsOperationsHubPage };
+
+//# sourceMappingURL=OperationsOperationsHubPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationsOperationsHubPage.js","names":[],"sources":["../../../src/assethandler/pages/OperationsOperationsHubPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { Wrench, ClipboardList, AlertTriangle, CheckCircle, Clock, Plus } from 'lucide-react';\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 OperationsOperationsHubPage() {\n  const { workOrders, maintenanceRecords } = useAssetHandlerStore();\n\n  const openWorkOrders = workOrders.filter(\n    (w) => w.status === 'open' || w.status === 'in_progress'\n  );\n  const scheduledMaintenance = maintenanceRecords.filter(\n    (m) => m.status === 'scheduled' || m.status === 'in_progress'\n  );\n  const totalCost =\n    workOrders.reduce((s, w) => s + w.cost, 0) + maintenanceRecords.reduce((s, m) => s + m.cost, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold\">Operations Hub</h1>\n          <p className=\"text-sm text-muted-foreground\">Work orders and maintenance operations</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" />\n          New Work Order\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <ClipboardList className=\"h-4 w-4\" />\n              Open Work Orders\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{openWorkOrders.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Wrench className=\"h-4 w-4\" />\n              Active Maintenance\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{scheduledMaintenance.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <AlertTriangle className=\"h-4 w-4\" />\n              Critical\n            </div>\n            <p className=\"text-2xl font-bold mt-1 text-red-600\">\n              {workOrders.filter((w) => w.priority === 'critical').length}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">Total Cost</div>\n            <p className=\"text-2xl font-bold mt-1\">${totalCost.toLocaleString()}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Tabs defaultValue=\"work-orders\">\n        <TabsList>\n          <TabsTrigger value=\"work-orders\">Work Orders ({workOrders.length})</TabsTrigger>\n          <TabsTrigger value=\"maintenance\">Maintenance ({maintenanceRecords.length})</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"work-orders\" className=\"mt-4\">\n          <Card>\n            <CardContent className=\"p-0\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b bg-muted/50\">\n                      <th className=\"text-left p-3 font-medium\">ID</th>\n                      <th className=\"text-left p-3 font-medium\">Title</th>\n                      <th className=\"text-left p-3 font-medium\">Asset</th>\n                      <th className=\"text-left p-3 font-medium\">Priority</th>\n                      <th className=\"text-left p-3 font-medium\">Status</th>\n                      <th className=\"text-left p-3 font-medium\">Assigned To</th>\n                      <th className=\"text-left p-3 font-medium\">Due</th>\n                      <th className=\"text-right p-3 font-medium\">Cost</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {workOrders.map((wo) => (\n                      <tr key={wo.id} className=\"border-b hover:bg-muted/50 cursor-pointer\">\n                        <td className=\"p-3 font-mono text-xs\">{wo.id}</td>\n                        <td className=\"p-3\">\n                          <p className=\"font-medium\">{wo.title}</p>\n                          <p className=\"text-xs text-muted-foreground truncate max-w-xs\">\n                            {wo.description}\n                          </p>\n                        </td>\n                        <td className=\"p-3 text-xs\">{wo.relatedAssetName}</td>\n                        <td className=\"p-3\">\n                          <Badge variant={priorityColors[wo.priority]}>{wo.priority}</Badge>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant=\"outline\">{wo.status.replace('_', ' ')}</Badge>\n                        </td>\n                        <td className=\"p-3 text-xs\">{wo.assignedTo}</td>\n                        <td className=\"p-3 text-xs\">{wo.dueDate}</td>\n                        <td className=\"p-3 text-right font-medium\">${wo.cost.toLocaleString()}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"maintenance\" className=\"mt-4\">\n          <Card>\n            <CardContent className=\"p-0\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b bg-muted/50\">\n                      <th className=\"text-left p-3 font-medium\">ID</th>\n                      <th className=\"text-left p-3 font-medium\">Title</th>\n                      <th className=\"text-left p-3 font-medium\">Asset</th>\n                      <th className=\"text-left p-3 font-medium\">Type</th>\n                      <th className=\"text-left p-3 font-medium\">Priority</th>\n                      <th className=\"text-left p-3 font-medium\">Status</th>\n                      <th className=\"text-left p-3 font-medium\">Date</th>\n                      <th className=\"text-right p-3 font-medium\">Cost</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {maintenanceRecords.map((m) => (\n                      <tr key={m.id} className=\"border-b hover:bg-muted/50 cursor-pointer\">\n                        <td className=\"p-3 font-mono text-xs\">{m.id}</td>\n                        <td className=\"p-3 font-medium\">{m.title}</td>\n                        <td className=\"p-3 text-xs\">{m.assetName}</td>\n                        <td className=\"p-3 capitalize text-xs\">{m.type}</td>\n                        <td className=\"p-3\">\n                          <Badge variant={priorityColors[m.priority]}>{m.priority}</Badge>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant={m.status === 'completed' ? 'default' : 'outline'}>\n                            {m.status.replace('_', ' ')}\n                          </Badge>\n                        </td>\n                        <td className=\"p-3 text-xs\">{m.scheduledDate}</td>\n                        <td className=\"p-3 text-right font-medium\">${m.cost}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationsWorkOrderDetailPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/OperationsWorkOrderDetailPage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,6BAA6B,4CA0G5C"}

package/dist/assethandler/pages/OperationsWorkOrderDetailPage.js

@@ -0,0 +1,172 @@
+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, Separator as u } from "@burdenoff/fe-libs/ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/assethandler/pages/OperationsWorkOrderDetailPage.tsx
+var p = {
+	critical: "destructive",
+	high: "destructive",
+	medium: "default",
+	low: "secondary"
+};
+function m() {
+	let { workOrderId: m } = r(), { workOrders: h } = e(), g = h.find((e) => e.id === m) ?? h[0];
+	return g ? /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ f("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ d(a, {
+					variant: "ghost",
+					size: "icon",
+					children: /* @__PURE__ */ d(t, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ d("h1", {
+							className: "text-2xl font-bold",
+							children: g.id
+						}),
+						/* @__PURE__ */ d(i, {
+							variant: p[g.priority],
+							children: g.priority
+						}),
+						/* @__PURE__ */ d(i, {
+							variant: "outline",
+							children: g.status.replace("_", " ")
+						})
+					]
+				}), /* @__PURE__ */ d("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: g.title
+				})] })]
+			}), /* @__PURE__ */ f(a, {
+				size: "sm",
+				children: [/* @__PURE__ */ d(n, { className: "mr-2 h-4 w-4" }), "Complete"]
+			})]
+		}), /* @__PURE__ */ f("div", {
+			className: "grid gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ f(o, {
+				className: "lg:col-span-2",
+				children: [/* @__PURE__ */ d(c, { children: /* @__PURE__ */ d(l, { children: "Work Order Details" }) }), /* @__PURE__ */ f(s, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h4", {
+							className: "text-sm font-medium text-muted-foreground",
+							children: "Description"
+						}), /* @__PURE__ */ d("p", {
+							className: "text-sm mt-1",
+							children: g.description
+						})] }),
+						/* @__PURE__ */ d(u, {}),
+						/* @__PURE__ */ f("div", {
+							className: "grid grid-cols-2 gap-4 text-sm",
+							children: [
+								/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("span", {
+									className: "text-muted-foreground",
+									children: "Asset"
+								}), /* @__PURE__ */ f("p", {
+									className: "font-medium",
+									children: [
+										g.relatedAssetName,
+										" (",
+										g.relatedAsset,
+										")"
+									]
+								})] }),
+								/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("span", {
+									className: "text-muted-foreground",
+									children: "Type"
+								}), /* @__PURE__ */ d("p", {
+									className: "font-medium",
+									children: g.type
+								})] }),
+								/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("span", {
+									className: "text-muted-foreground",
+									children: "Created"
+								}), /* @__PURE__ */ d("p", {
+									className: "font-medium",
+									children: g.createdAt
+								})] }),
+								/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("span", {
+									className: "text-muted-foreground",
+									children: "Due Date"
+								}), /* @__PURE__ */ d("p", {
+									className: "font-medium",
+									children: g.dueDate
+								})] }),
+								/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("span", {
+									className: "text-muted-foreground",
+									children: "Est. Hours"
+								}), /* @__PURE__ */ f("p", {
+									className: "font-medium",
+									children: [
+										g.estimatedHours,
+										"h",
+										g.actualHours ? ` / ${g.actualHours}h actual` : ""
+									]
+								})] }),
+								/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("span", {
+									className: "text-muted-foreground",
+									children: "Cost"
+								}), /* @__PURE__ */ f("p", {
+									className: "font-medium",
+									children: ["$", g.cost.toLocaleString()]
+								})] })
+							]
+						})
+					]
+				})]
+			}), /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(c, { children: /* @__PURE__ */ d(l, {
+				className: "text-base",
+				children: "Assignment"
+			}) }), /* @__PURE__ */ d(s, { children: /* @__PURE__ */ f("dl", {
+				className: "space-y-3 text-sm",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ d("dt", {
+							className: "text-muted-foreground",
+							children: "Assigned To"
+						}), /* @__PURE__ */ d("dd", {
+							className: "text-xs font-medium",
+							children: g.assignedTo
+						})]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ d("dt", {
+							className: "text-muted-foreground",
+							children: "Priority"
+						}), /* @__PURE__ */ d("dd", { children: /* @__PURE__ */ d(i, {
+							variant: p[g.priority],
+							children: g.priority
+						}) })]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ d("dt", {
+							className: "text-muted-foreground",
+							children: "Status"
+						}), /* @__PURE__ */ d("dd", { children: /* @__PURE__ */ d(i, {
+							variant: "outline",
+							children: g.status.replace("_", " ")
+						}) })]
+					})
+				]
+			}) })] })]
+		})]
+	}) : /* @__PURE__ */ d("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ d("p", {
+			className: "text-muted-foreground",
+			children: "Work order not found."
+		})
+	});
+}
+//#endregion
+export { m as OperationsWorkOrderDetailPage };
+
+//# sourceMappingURL=OperationsWorkOrderDetailPage.js.map

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

@@ -0,0 +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} 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-muted-foreground\">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\">{wo.id}</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-muted-foreground 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-muted-foreground\">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-muted-foreground\">Asset</span>\n                <p className=\"font-medium\">\n                  {wo.relatedAssetName} ({wo.relatedAsset})\n                </p>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">Type</span>\n                <p className=\"font-medium\">{wo.type}</p>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">Created</span>\n                <p className=\"font-medium\">{wo.createdAt}</p>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">Due Date</span>\n                <p className=\"font-medium\">{wo.dueDate}</p>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground\">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-muted-foreground\">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-muted-foreground\">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-muted-foreground\">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-muted-foreground\">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":";;;;;;AAaA,IAAM,IAAsF;CAC1F,UAAU;CACV,MAAM;CACN,QAAQ;CACR,KAAK;CACN;AAED,SAAgB,IAAgC;CAC9C,IAAM,EAAE,mBAAgB,GAAoC,EACtD,EAAE,kBAAe,GAAsB,EACvC,IAAK,EAAW,MAAM,MAAS,EAAK,OAAO,EAAY,IAAI,EAAW;AAS5E,QAPK,IAQH,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,MAAK;eAC3B,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,MAAD;OAAI,WAAU;iBAAsB,EAAG;OAAQ,CAAA;MAC/C,kBAAC,GAAD;OAAO,SAAS,EAAe,EAAG;iBAAY,EAAG;OAAiB,CAAA;MAClE,kBAAC,GAAD;OAAO,SAAQ;iBAAW,EAAG,OAAO,QAAQ,KAAK,IAAI;OAAS,CAAA;MAC1D;QACN,kBAAC,KAAD;KAAG,WAAU;eAAsC,EAAG;KAAU,CAAA,CAC5D,EAAA,CAAA,CACF;OACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAa,WAAU,gBAAiB,CAAA,EAAA,WAEjC;MACL;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,sBAA8B,CAAA,EAC9B,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;OAAgB,CAAA,EAC1E,kBAAC,KAAD;OAAG,WAAU;iBAAgB,EAAG;OAAgB,CAAA,CAC5C,EAAA,CAAA;MACN,kBAAC,GAAD,EAAa,CAAA;MACb,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAY,CAAA,EACpD,kBAAC,KAAD;SAAG,WAAU;mBAAb;UACG,EAAG;UAAiB;UAAG,EAAG;UAAa;UACtC;WACA,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAW,CAAA,EACnD,kBAAC,KAAD;SAAG,WAAU;mBAAe,EAAG;SAAS,CAAA,CACpC,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,KAAD;SAAG,WAAU;mBAAe,EAAG;SAAc,CAAA,CACzC,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAe,CAAA,EACvD,kBAAC,KAAD;SAAG,WAAU;mBAAe,EAAG;SAAY,CAAA,CACvC,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAiB,CAAA,EACzD,kBAAC,KAAD;SAAG,WAAU;mBAAb;UACG,EAAG;UAAe;UAAE,EAAG,cAAc,MAAM,EAAG,YAAY,YAAY;UACrE;WACA,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAW,CAAA,EACnD,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAA2B,KAAE,EAAG,KAAK,gBAAgB,CAAK;WACtD,EAAA,CAAA;QACF;;MACM;OACT;OAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAAY;IAAsB,CAAA,EAC5C,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAgB,CAAA,EACtD,kBAAC,MAAD;OAAI,WAAU;iBAAuB,EAAG;OAAgB,CAAA,CACpD;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAa,CAAA,EACnD,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;OAAO,SAAS,EAAe,EAAG;iBAAY,EAAG;OAAiB,CAAA,EAC/D,CAAA,CACD;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAW,CAAA,EACjD,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;OAAO,SAAQ;iBAAW,EAAG,OAAO,QAAQ,KAAK,IAAI;OAAS,CAAA,EAC3D,CAAA,CACD;;KACH;OACO,CAAA,CACT,EAAA,CAAA,CACH;KACF;MAjGJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,WAAU;aAAwB;GAAyB,CAAA;EAC1D,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfolioPortfolioOverviewPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/PortfolioPortfolioOverviewPage.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,8BAA8B,4CAoM7C"}