@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/FinanceFinanceHubPage.js

@@ -0,0 +1,324 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { CreditCard as t, DollarSign as n, Download as r, Receipt as i, TrendingDown as a } from "lucide-react";
+import { Badge as o, Button as s, Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f, Tabs as p, TabsContent as m, TabsList as h, TabsTrigger as g } from "@burdenoff/fe-libs/ui";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/assethandler/pages/FinanceFinanceHubPage.tsx
+function y() {
+	let { transactions: y, budgets: b, invoices: x } = e(), S = y.filter((e) => e.amount > 0).reduce((e, t) => e + t.amount, 0), C = y.filter((e) => e.status === "pending"), w = b.filter((e) => e.status === "over_budget"), T = x.filter((e) => e.status === "overdue");
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+					className: "text-2xl font-bold",
+					children: "Finance Hub"
+				}), /* @__PURE__ */ _("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Financial management for IT assets"
+				})] }), /* @__PURE__ */ v("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ v(s, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ _(r, { className: "mr-2 h-4 w-4" }), "Export"]
+					}), /* @__PURE__ */ _(s, {
+						size: "sm",
+						children: "New Transaction"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ _(c, { children: /* @__PURE__ */ v(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ _(n, { className: "h-4 w-4" }), "Total Spend"]
+						}), /* @__PURE__ */ v("p", {
+							className: "text-2xl font-bold mt-1",
+							children: ["$", S.toLocaleString()]
+						})]
+					}) }),
+					/* @__PURE__ */ _(c, { children: /* @__PURE__ */ v(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ _(t, { className: "h-4 w-4" }), "Pending"]
+						}), /* @__PURE__ */ _("p", {
+							className: "text-2xl font-bold mt-1 text-blue-600",
+							children: C.length
+						})]
+					}) }),
+					/* @__PURE__ */ _(c, { children: /* @__PURE__ */ v(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ _(a, { className: "h-4 w-4" }), "Over Budget"]
+						}), /* @__PURE__ */ _("p", {
+							className: "text-2xl font-bold mt-1 text-red-600",
+							children: w.length
+						})]
+					}) }),
+					/* @__PURE__ */ _(c, { children: /* @__PURE__ */ v(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ _(i, { className: "h-4 w-4" }), "Overdue Invoices"]
+						}), /* @__PURE__ */ _("p", {
+							className: "text-2xl font-bold mt-1 text-orange-600",
+							children: T.length
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ v(p, {
+				defaultValue: "transactions",
+				children: [
+					/* @__PURE__ */ v(h, { children: [
+						/* @__PURE__ */ _(g, {
+							value: "transactions",
+							children: "Transactions"
+						}),
+						/* @__PURE__ */ _(g, {
+							value: "budgets",
+							children: "Budgets"
+						}),
+						/* @__PURE__ */ _(g, {
+							value: "invoices",
+							children: "Invoices"
+						})
+					] }),
+					/* @__PURE__ */ _(m, {
+						value: "transactions",
+						className: "mt-4",
+						children: /* @__PURE__ */ _(c, { children: /* @__PURE__ */ _(l, {
+							className: "p-0",
+							children: /* @__PURE__ */ _("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ v("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ v("tr", {
+										className: "border-b bg-muted/50",
+										children: [
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "ID"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Type"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Description"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Department"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-right p-3 font-medium",
+												children: "Amount"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Status"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Date"
+											})
+										]
+									}) }), /* @__PURE__ */ _("tbody", { children: y.map((e) => /* @__PURE__ */ v("tr", {
+										className: "border-b hover:bg-muted/50 cursor-pointer",
+										children: [
+											/* @__PURE__ */ _("td", {
+												className: "p-3 font-mono text-xs",
+												children: e.id
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3 capitalize",
+												children: e.type
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3 truncate max-w-xs",
+												children: e.description
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3 text-xs",
+												children: e.department
+											}),
+											/* @__PURE__ */ v("td", {
+												className: `p-3 text-right font-medium ${e.amount < 0 ? "text-red-600" : ""}`,
+												children: ["$", Math.abs(e.amount).toLocaleString()]
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ _(o, {
+													variant: "outline",
+													children: e.status
+												})
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3 text-xs",
+												children: new Date(e.date).toLocaleDateString()
+											})
+										]
+									}, e.id)) })]
+								})
+							})
+						}) })
+					}),
+					/* @__PURE__ */ _(m, {
+						value: "budgets",
+						className: "mt-4",
+						children: /* @__PURE__ */ _("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: b.map((e) => /* @__PURE__ */ v(c, { children: [/* @__PURE__ */ v(d, {
+								className: "pb-2",
+								children: [/* @__PURE__ */ v("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ _(f, {
+										className: "text-base",
+										children: e.name
+									}), /* @__PURE__ */ _(o, {
+										variant: e.status === "over_budget" ? "destructive" : e.status === "under_budget" ? "secondary" : "default",
+										children: e.status.replace("_", " ")
+									})]
+								}), /* @__PURE__ */ v(u, { children: [
+									e.department,
+									" · ",
+									e.period
+								] })]
+							}), /* @__PURE__ */ _(l, { children: /* @__PURE__ */ v("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ v("div", {
+										className: "flex justify-between text-sm",
+										children: [/* @__PURE__ */ _("span", {
+											className: "text-muted-foreground",
+											children: "Allocated"
+										}), /* @__PURE__ */ v("span", {
+											className: "font-medium",
+											children: ["$", e.allocated.toLocaleString()]
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "flex justify-between text-sm",
+										children: [/* @__PURE__ */ _("span", {
+											className: "text-muted-foreground",
+											children: "Spent"
+										}), /* @__PURE__ */ v("span", {
+											className: "font-medium",
+											children: ["$", e.spent.toLocaleString()]
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "flex justify-between text-sm",
+										children: [/* @__PURE__ */ _("span", {
+											className: "text-muted-foreground",
+											children: "Remaining"
+										}), /* @__PURE__ */ v("span", {
+											className: `font-medium ${e.remaining < 0 ? "text-red-600" : "text-green-600"}`,
+											children: ["$", e.remaining.toLocaleString()]
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "h-2 rounded-full bg-muted overflow-hidden",
+										children: /* @__PURE__ */ _("div", {
+											className: `h-full rounded-full ${e.status === "over_budget" ? "bg-red-500" : "bg-primary"}`,
+											style: { width: `${Math.min(e.spent / e.allocated * 100, 100)}%` }
+										})
+									}),
+									/* @__PURE__ */ v("p", {
+										className: "text-xs text-muted-foreground text-right",
+										children: [Math.round(e.spent / e.allocated * 100), "% utilized"]
+									})
+								]
+							}) })] }, e.id))
+						})
+					}),
+					/* @__PURE__ */ _(m, {
+						value: "invoices",
+						className: "mt-4",
+						children: /* @__PURE__ */ _(c, { children: /* @__PURE__ */ _(l, {
+							className: "p-0",
+							children: /* @__PURE__ */ _("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ v("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ v("tr", {
+										className: "border-b bg-muted/50",
+										children: [
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Invoice #"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Vendor"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-right p-3 font-medium",
+												children: "Amount"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Issue Date"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Due Date"
+											}),
+											/* @__PURE__ */ _("th", {
+												className: "text-left p-3 font-medium",
+												children: "Status"
+											})
+										]
+									}) }), /* @__PURE__ */ _("tbody", { children: x.map((e) => /* @__PURE__ */ v("tr", {
+										className: "border-b hover:bg-muted/50 cursor-pointer",
+										children: [
+											/* @__PURE__ */ _("td", {
+												className: "p-3 font-mono text-xs",
+												children: e.number
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3",
+												children: e.vendor
+											}),
+											/* @__PURE__ */ v("td", {
+												className: "p-3 text-right font-medium",
+												children: ["$", e.amount.toLocaleString()]
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3 text-xs",
+												children: e.issueDate
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3 text-xs",
+												children: e.dueDate
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ _(o, {
+													variant: e.status === "overdue" ? "destructive" : e.status === "paid" ? "default" : "outline",
+													children: e.status
+												})
+											})
+										]
+									}, e.id)) })]
+								})
+							})
+						}) })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { y as FinanceFinanceHubPage };
+
+//# sourceMappingURL=FinanceFinanceHubPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinanceFinanceHubPage.js","names":[],"sources":["../../../src/assethandler/pages/FinanceFinanceHubPage.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  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  DollarSign,\n  TrendingUp,\n  TrendingDown,\n  Receipt,\n  FileText,\n  CreditCard,\n  Download,\n} from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function FinanceFinanceHubPage() {\n  const { transactions, budgets, invoices } = useAssetHandlerStore();\n\n  const totalSpend = transactions.filter((t) => t.amount > 0).reduce((s, t) => s + t.amount, 0);\n  const pendingTxns = transactions.filter((t) => t.status === 'pending');\n  const overBudget = budgets.filter((b) => b.status === 'over_budget');\n  const overdueInvoices = invoices.filter((i) => i.status === 'overdue');\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\">Finance Hub</h1>\n          <p className=\"text-sm text-muted-foreground\">Financial management for IT assets</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"mr-2 h-4 w-4\" />\n            Export\n          </Button>\n          <Button size=\"sm\">New Transaction</Button>\n        </div>\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              <DollarSign className=\"h-4 w-4\" />\n              Total Spend\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">${totalSpend.toLocaleString()}</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              <CreditCard className=\"h-4 w-4\" />\n              Pending\n            </div>\n            <p className=\"text-2xl font-bold mt-1 text-blue-600\">{pendingTxns.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              <TrendingDown className=\"h-4 w-4\" />\n              Over Budget\n            </div>\n            <p className=\"text-2xl font-bold mt-1 text-red-600\">{overBudget.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              <Receipt className=\"h-4 w-4\" />\n              Overdue Invoices\n            </div>\n            <p className=\"text-2xl font-bold mt-1 text-orange-600\">{overdueInvoices.length}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Tabs defaultValue=\"transactions\">\n        <TabsList>\n          <TabsTrigger value=\"transactions\">Transactions</TabsTrigger>\n          <TabsTrigger value=\"budgets\">Budgets</TabsTrigger>\n          <TabsTrigger value=\"invoices\">Invoices</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"transactions\" 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\">Type</th>\n                      <th className=\"text-left p-3 font-medium\">Description</th>\n                      <th className=\"text-left p-3 font-medium\">Department</th>\n                      <th className=\"text-right p-3 font-medium\">Amount</th>\n                      <th className=\"text-left p-3 font-medium\">Status</th>\n                      <th className=\"text-left p-3 font-medium\">Date</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {transactions.map((txn) => (\n                      <tr key={txn.id} className=\"border-b hover:bg-muted/50 cursor-pointer\">\n                        <td className=\"p-3 font-mono text-xs\">{txn.id}</td>\n                        <td className=\"p-3 capitalize\">{txn.type}</td>\n                        <td className=\"p-3 truncate max-w-xs\">{txn.description}</td>\n                        <td className=\"p-3 text-xs\">{txn.department}</td>\n                        <td\n                          className={`p-3 text-right font-medium ${txn.amount < 0 ? 'text-red-600' : ''}`}\n                        >\n                          ${Math.abs(txn.amount).toLocaleString()}\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant=\"outline\">{txn.status}</Badge>\n                        </td>\n                        <td className=\"p-3 text-xs\">{new Date(txn.date).toLocaleDateString()}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"budgets\" className=\"mt-4\">\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            {budgets.map((budget) => (\n              <Card key={budget.id}>\n                <CardHeader className=\"pb-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-base\">{budget.name}</CardTitle>\n                    <Badge\n                      variant={\n                        budget.status === 'over_budget'\n                          ? 'destructive'\n                          : budget.status === 'under_budget'\n                            ? 'secondary'\n                            : 'default'\n                      }\n                    >\n                      {budget.status.replace('_', ' ')}\n                    </Badge>\n                  </div>\n                  <CardDescription>\n                    {budget.department} &middot; {budget.period}\n                  </CardDescription>\n                </CardHeader>\n                <CardContent>\n                  <div className=\"space-y-3\">\n                    <div className=\"flex justify-between text-sm\">\n                      <span className=\"text-muted-foreground\">Allocated</span>\n                      <span className=\"font-medium\">${budget.allocated.toLocaleString()}</span>\n                    </div>\n                    <div className=\"flex justify-between text-sm\">\n                      <span className=\"text-muted-foreground\">Spent</span>\n                      <span className=\"font-medium\">${budget.spent.toLocaleString()}</span>\n                    </div>\n                    <div className=\"flex justify-between text-sm\">\n                      <span className=\"text-muted-foreground\">Remaining</span>\n                      <span\n                        className={`font-medium ${budget.remaining < 0 ? 'text-red-600' : 'text-green-600'}`}\n                      >\n                        ${budget.remaining.toLocaleString()}\n                      </span>\n                    </div>\n                    <div className=\"h-2 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className={`h-full rounded-full ${budget.status === 'over_budget' ? 'bg-red-500' : 'bg-primary'}`}\n                        style={{\n                          width: `${Math.min((budget.spent / budget.allocated) * 100, 100)}%`,\n                        }}\n                      />\n                    </div>\n                    <p className=\"text-xs text-muted-foreground text-right\">\n                      {Math.round((budget.spent / budget.allocated) * 100)}% utilized\n                    </p>\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"invoices\" 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\">Invoice #</th>\n                      <th className=\"text-left p-3 font-medium\">Vendor</th>\n                      <th className=\"text-right p-3 font-medium\">Amount</th>\n                      <th className=\"text-left p-3 font-medium\">Issue Date</th>\n                      <th className=\"text-left p-3 font-medium\">Due Date</th>\n                      <th className=\"text-left p-3 font-medium\">Status</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {invoices.map((inv) => (\n                      <tr key={inv.id} className=\"border-b hover:bg-muted/50 cursor-pointer\">\n                        <td className=\"p-3 font-mono text-xs\">{inv.number}</td>\n                        <td className=\"p-3\">{inv.vendor}</td>\n                        <td className=\"p-3 text-right font-medium\">\n                          ${inv.amount.toLocaleString()}\n                        </td>\n                        <td className=\"p-3 text-xs\">{inv.issueDate}</td>\n                        <td className=\"p-3 text-xs\">{inv.dueDate}</td>\n                        <td className=\"p-3\">\n                          <Badge\n                            variant={\n                              inv.status === 'overdue'\n                                ? 'destructive'\n                                : inv.status === 'paid'\n                                  ? 'default'\n                                  : 'outline'\n                            }\n                          >\n                            {inv.status}\n                          </Badge>\n                        </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/FinanceInvoiceDetailPage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinanceInvoiceDetailPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/FinanceInvoiceDetailPage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,wBAAwB,4CAmIvC"}

package/dist/assethandler/pages/FinanceInvoiceDetailPage.js

@@ -0,0 +1,172 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { ArrowLeft as t, CheckCircle as n, Download as r, Printer as i } from "lucide-react";
+import { useParams as a } from "react-router-dom";
+import { Badge as o, Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d } from "@burdenoff/fe-libs/ui";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/assethandler/pages/FinanceInvoiceDetailPage.tsx
+function m() {
+	let { invoiceId: m } = a(), { invoices: h } = e(), g = h.find((e) => e.id === m || e.number === m) ?? h[0];
+	return g ? /* @__PURE__ */ p("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ f(s, {
+						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__ */ f("h1", {
+							className: "text-2xl font-bold",
+							children: g.number
+						}), /* @__PURE__ */ f(o, {
+							variant: g.status === "overdue" ? "destructive" : g.status === "paid" ? "default" : "outline",
+							children: g.status
+						})]
+					}), /* @__PURE__ */ f("p", {
+						className: "text-sm text-muted-foreground mt-1",
+						children: g.vendor
+					})] })]
+				}), /* @__PURE__ */ p("div", {
+					className: "flex gap-2",
+					children: [
+						/* @__PURE__ */ p(s, {
+							variant: "outline",
+							size: "sm",
+							children: [/* @__PURE__ */ f(i, { className: "mr-2 h-4 w-4" }), "Print"]
+						}),
+						/* @__PURE__ */ p(s, {
+							variant: "outline",
+							size: "sm",
+							children: [/* @__PURE__ */ f(r, { className: "mr-2 h-4 w-4" }), "Download"]
+						}),
+						g.status !== "paid" && /* @__PURE__ */ p(s, {
+							size: "sm",
+							children: [/* @__PURE__ */ f(n, { className: "mr-2 h-4 w-4" }), "Mark as Paid"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(u, { children: /* @__PURE__ */ f(d, { children: "Invoice Details" }) }), /* @__PURE__ */ f(l, { children: /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-2 gap-6 text-sm",
+				children: [
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
+						className: "text-muted-foreground",
+						children: "Invoice Number"
+					}), /* @__PURE__ */ f("p", {
+						className: "font-medium",
+						children: g.number
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
+						className: "text-muted-foreground",
+						children: "Vendor"
+					}), /* @__PURE__ */ f("p", {
+						className: "font-medium",
+						children: g.vendor
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
+						className: "text-muted-foreground",
+						children: "Issue Date"
+					}), /* @__PURE__ */ f("p", {
+						className: "font-medium",
+						children: g.issueDate
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
+						className: "text-muted-foreground",
+						children: "Due Date"
+					}), /* @__PURE__ */ f("p", {
+						className: "font-medium",
+						children: g.dueDate
+					})] }),
+					g.relatedPO && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
+						className: "text-muted-foreground",
+						children: "Related PO"
+					}), /* @__PURE__ */ f("p", {
+						className: "font-medium",
+						children: g.relatedPO
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("span", {
+						className: "text-muted-foreground",
+						children: "Currency"
+					}), /* @__PURE__ */ f("p", {
+						className: "font-medium",
+						children: g.currency
+					})] })
+				]
+			}) })] }),
+			/* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(u, { children: /* @__PURE__ */ f(d, { children: "Line Items" }) }), /* @__PURE__ */ f(l, {
+				className: "p-0",
+				children: /* @__PURE__ */ f("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ p("table", {
+						className: "w-full text-sm",
+						children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
+							className: "border-b bg-muted/50",
+							children: [
+								/* @__PURE__ */ f("th", {
+									className: "text-left p-3 font-medium",
+									children: "Description"
+								}),
+								/* @__PURE__ */ f("th", {
+									className: "text-right p-3 font-medium",
+									children: "Qty"
+								}),
+								/* @__PURE__ */ f("th", {
+									className: "text-right p-3 font-medium",
+									children: "Unit Price"
+								}),
+								/* @__PURE__ */ f("th", {
+									className: "text-right p-3 font-medium",
+									children: "Total"
+								})
+							]
+						}) }), /* @__PURE__ */ p("tbody", { children: [g.items.map((e, t) => /* @__PURE__ */ p("tr", {
+							className: "border-b",
+							children: [
+								/* @__PURE__ */ f("td", {
+									className: "p-3",
+									children: e.description
+								}),
+								/* @__PURE__ */ f("td", {
+									className: "p-3 text-right",
+									children: e.qty
+								}),
+								/* @__PURE__ */ p("td", {
+									className: "p-3 text-right",
+									children: ["$", e.unitPrice.toLocaleString()]
+								}),
+								/* @__PURE__ */ p("td", {
+									className: "p-3 text-right font-medium",
+									children: ["$", e.total.toLocaleString()]
+								})
+							]
+						}, t)), /* @__PURE__ */ p("tr", {
+							className: "bg-muted/50",
+							children: [/* @__PURE__ */ f("td", {
+								colSpan: 3,
+								className: "p-3 text-right font-bold",
+								children: "Total"
+							}), /* @__PURE__ */ p("td", {
+								className: "p-3 text-right font-bold text-lg",
+								children: ["$", g.amount.toLocaleString()]
+							})]
+						})] })]
+					})
+				})
+			})] })
+		]
+	}) : /* @__PURE__ */ f("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ f("p", {
+			className: "text-muted-foreground",
+			children: "Invoice not found."
+		})
+	});
+}
+//#endregion
+export { m as FinanceInvoiceDetailPage };
+
+//# sourceMappingURL=FinanceInvoiceDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinanceInvoiceDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/FinanceInvoiceDetailPage.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, Download, Printer, CheckCircle } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function FinanceInvoiceDetailPage() {\n  const { invoiceId } = useParams<{ invoiceId: string }>();\n  const { invoices } = useAssetHandlerStore();\n  const invoice =\n    invoices.find((item) => item.id === invoiceId || item.number === invoiceId) ?? invoices[0];\n\n  if (!invoice)\n    return (\n      <div className=\"p-6\">\n        <p className=\"text-muted-foreground\">Invoice not found.</p>\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\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\">{invoice.number}</h1>\n              <Badge\n                variant={\n                  invoice.status === 'overdue'\n                    ? 'destructive'\n                    : invoice.status === 'paid'\n                      ? 'default'\n                      : 'outline'\n                }\n              >\n                {invoice.status}\n              </Badge>\n            </div>\n            <p className=\"text-sm text-muted-foreground mt-1\">{invoice.vendor}</p>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Printer className=\"mr-2 h-4 w-4\" />\n            Print\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"mr-2 h-4 w-4\" />\n            Download\n          </Button>\n          {invoice.status !== 'paid' && (\n            <Button size=\"sm\">\n              <CheckCircle className=\"mr-2 h-4 w-4\" />\n              Mark as Paid\n            </Button>\n          )}\n        </div>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Invoice Details</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-2 gap-6 text-sm\">\n            <div>\n              <span className=\"text-muted-foreground\">Invoice Number</span>\n              <p className=\"font-medium\">{invoice.number}</p>\n            </div>\n            <div>\n              <span className=\"text-muted-foreground\">Vendor</span>\n              <p className=\"font-medium\">{invoice.vendor}</p>\n            </div>\n            <div>\n              <span className=\"text-muted-foreground\">Issue Date</span>\n              <p className=\"font-medium\">{invoice.issueDate}</p>\n            </div>\n            <div>\n              <span className=\"text-muted-foreground\">Due Date</span>\n              <p className=\"font-medium\">{invoice.dueDate}</p>\n            </div>\n            {invoice.relatedPO && (\n              <div>\n                <span className=\"text-muted-foreground\">Related PO</span>\n                <p className=\"font-medium\">{invoice.relatedPO}</p>\n              </div>\n            )}\n            <div>\n              <span className=\"text-muted-foreground\">Currency</span>\n              <p className=\"font-medium\">{invoice.currency}</p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Line Items</CardTitle>\n        </CardHeader>\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\">Description</th>\n                  <th className=\"text-right p-3 font-medium\">Qty</th>\n                  <th className=\"text-right p-3 font-medium\">Unit Price</th>\n                  <th className=\"text-right p-3 font-medium\">Total</th>\n                </tr>\n              </thead>\n              <tbody>\n                {invoice.items.map((item, i) => (\n                  <tr key={i} className=\"border-b\">\n                    <td className=\"p-3\">{item.description}</td>\n                    <td className=\"p-3 text-right\">{item.qty}</td>\n                    <td className=\"p-3 text-right\">${item.unitPrice.toLocaleString()}</td>\n                    <td className=\"p-3 text-right font-medium\">${item.total.toLocaleString()}</td>\n                  </tr>\n                ))}\n                <tr className=\"bg-muted/50\">\n                  <td colSpan={3} className=\"p-3 text-right font-bold\">\n                    Total\n                  </td>\n                  <td className=\"p-3 text-right font-bold text-lg\">\n                    ${invoice.amount.toLocaleString()}\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,IAA2B;CACzC,IAAM,EAAE,iBAAc,GAAkC,EAClD,EAAE,gBAAa,GAAsB,EACrC,IACJ,EAAS,MAAM,MAAS,EAAK,OAAO,KAAa,EAAK,WAAW,EAAU,IAAI,EAAS;AAS1F,QAPK,IAQH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;gBAC3B,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAsB,EAAQ;OAAY,CAAA,EACxD,kBAAC,GAAD;OACE,SACE,EAAQ,WAAW,YACf,gBACA,EAAQ,WAAW,SACjB,YACA;iBAGP,EAAQ;OACH,CAAA,CACJ;SACN,kBAAC,KAAD;MAAG,WAAU;gBAAsC,EAAQ;MAAW,CAAA,CAClE,EAAA,CAAA,CACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAQ,SAAQ;OAAU,MAAK;iBAA/B,CACE,kBAAC,GAAD,EAAS,WAAU,gBAAiB,CAAA,EAAA,QAE7B;;MACT,kBAAC,GAAD;OAAQ,SAAQ;OAAU,MAAK;iBAA/B,CACE,kBAAC,GAAD,EAAU,WAAU,gBAAiB,CAAA,EAAA,WAE9B;;MACR,EAAQ,WAAW,UAClB,kBAAC,GAAD;OAAQ,MAAK;iBAAb,CACE,kBAAC,GAAD,EAAa,WAAU,gBAAiB,CAAA,EAAA,eAEjC;;MAEP;OACF;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;MAAqB,CAAA,EAC7D,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAQ;MAAW,CAAA,CAC3C,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;MAAa,CAAA,EACrD,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAQ;MAAW,CAAA,CAC3C,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;MAAiB,CAAA,EACzD,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAQ;MAAc,CAAA,CAC9C,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;MAAe,CAAA,EACvD,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAQ;MAAY,CAAA,CAC5C,EAAA,CAAA;KACL,EAAQ,aACP,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;MAAiB,CAAA,EACzD,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAQ;MAAc,CAAA,CAC9C,EAAA,CAAA;KAER,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;MAAe,CAAA,EACvD,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAQ;MAAa,CAAA,CAC7C,EAAA,CAAA;KACF;OACM,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,cAAsB,CAAA,EACtB,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAgB,CAAA;QAC1D,kBAAC,MAAD;SAAI,WAAU;mBAA6B;SAAQ,CAAA;QACnD,kBAAC,MAAD;SAAI,WAAU;mBAA6B;SAAe,CAAA;QAC1D,kBAAC,MAAD;SAAI,WAAU;mBAA6B;SAAU,CAAA;QAClD;UACC,CAAA,EACR,kBAAC,SAAD,EAAA,UAAA,CACG,EAAQ,MAAM,KAAK,GAAM,MACxB,kBAAC,MAAD;OAAY,WAAU;iBAAtB;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAO,EAAK;SAAiB,CAAA;QAC3C,kBAAC,MAAD;SAAI,WAAU;mBAAkB,EAAK;SAAS,CAAA;QAC9C,kBAAC,MAAD;SAAI,WAAU;mBAAd,CAA+B,KAAE,EAAK,UAAU,gBAAgB,CAAM;;QACtE,kBAAC,MAAD;SAAI,WAAU;mBAAd,CAA2C,KAAE,EAAK,MAAM,gBAAgB,CAAM;;QAC3E;SALI,EAKJ,CACL,EACF,kBAAC,MAAD;OAAI,WAAU;iBAAd,CACE,kBAAC,MAAD;QAAI,SAAS;QAAG,WAAU;kBAA2B;QAEhD,CAAA,EACL,kBAAC,MAAD;QAAI,WAAU;kBAAd,CAAiD,KAC7C,EAAQ,OAAO,gBAAgB,CAC9B;UACF;SACC,EAAA,CAAA,CACF;;KACJ,CAAA;IACM,CAAA,CACT,EAAA,CAAA;GACH;MAzHJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,WAAU;aAAwB;GAAsB,CAAA;EACvD,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IotDevicesPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/IotDevicesPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,cAAc,4CAuD7B"}

package/dist/assethandler/pages/IotDevicesPage.js

@@ -0,0 +1,80 @@
+import { Cpu as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { gql as r } from "@apollo/client";
+import { useQuery as i } from "@apollo/client/react";
+//#region src/assethandler/pages/IotDevicesPage.tsx
+var a = r`
+  query AssetHandlerIoTDevices {
+    iotDevices {
+      id
+      deviceId
+      name
+      type
+      protocol
+      status
+      assetId
+      updatedAt
+    }
+  }
+`;
+function o() {
+	let { data: r, loading: o } = i(a, { fetchPolicy: "cache-and-network" }), s = r?.iotDevices ?? [];
+	return /* @__PURE__ */ n("div", {
+		className: "space-y-4 p-4",
+		children: [
+			/* @__PURE__ */ n("h1", {
+				className: "flex items-center gap-2 text-2xl font-semibold",
+				children: [/* @__PURE__ */ t(e, { className: "h-6 w-6" }), " IoT Devices"]
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "text-muted-foreground",
+				children: "Monitor IoT device health, telemetry streams, and command execution."
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "rounded-lg border",
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: "grid grid-cols-6 gap-3 border-b px-4 py-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+						children: [
+							/* @__PURE__ */ t("span", { children: "Device" }),
+							/* @__PURE__ */ t("span", { children: "Name" }),
+							/* @__PURE__ */ t("span", { children: "Type" }),
+							/* @__PURE__ */ t("span", { children: "Protocol" }),
+							/* @__PURE__ */ t("span", { children: "Status" }),
+							/* @__PURE__ */ t("span", { children: "Asset" })
+						]
+					}),
+					o && s.length === 0 ? /* @__PURE__ */ t("div", {
+						className: "px-4 py-4 text-sm text-muted-foreground",
+						children: "Loading devices..."
+					}) : null,
+					!o && s.length === 0 ? /* @__PURE__ */ t("div", {
+						className: "px-4 py-4 text-sm text-muted-foreground",
+						children: "No IoT devices found."
+					}) : null,
+					s.map((e) => /* @__PURE__ */ n("div", {
+						className: "grid grid-cols-6 gap-3 border-b px-4 py-3 text-sm last:border-b-0",
+						children: [
+							/* @__PURE__ */ t("span", {
+								className: "font-medium",
+								children: e.deviceId
+							}),
+							/* @__PURE__ */ t("span", { children: e.name }),
+							/* @__PURE__ */ t("span", { children: e.type }),
+							/* @__PURE__ */ t("span", { children: e.protocol }),
+							/* @__PURE__ */ t("span", { children: e.status }),
+							/* @__PURE__ */ t("span", {
+								className: "truncate text-muted-foreground",
+								children: e.assetId ?? "Unlinked"
+							})
+						]
+					}, e.id))
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { o as IotDevicesPage };
+
+//# sourceMappingURL=IotDevicesPage.js.map