@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/PortfolioPortfolioOverviewPage.js

@@ -0,0 +1,203 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { BarChart3 as t, DollarSign as n, Package as r, TrendingDown as i } from "lucide-react";
+import { Badge as a, Card as o, CardContent as s, CardHeader as c, CardTitle as l, Table as u, TableBody as d, TableCell as f, TableHead as p, TableHeader as m, TableRow as h } from "@burdenoff/fe-libs/ui";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/assethandler/pages/PortfolioPortfolioOverviewPage.tsx
+function v() {
+	let { portfolio: v } = e(), y = v.totalValue > 0 ? Math.round((v.totalValue - v.depreciatedValue) / v.totalValue * 100) : 0, b = (e) => e >= 1e6 ? `$${(e / 1e6).toFixed(2)}M` : `$${e.toLocaleString()}`, x = Math.max(...v.byCategory.map((e) => e.value), 1), S = Math.max(...v.depreciationTrend.map((e) => e.value), 1), C = Math.max(...v.acquisitionTrend.map((e) => e.value), 1);
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
+				className: "text-2xl font-semibold",
+				children: "Portfolio Overview"
+			}), /* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Comprehensive view of your asset portfolio, valuations, and trends."
+			})] }),
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ _(c, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ g(l, {
+							className: "text-sm font-medium",
+							children: "Total Assets"
+						}), /* @__PURE__ */ g(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ _(s, { children: [/* @__PURE__ */ g("div", {
+						className: "text-2xl font-bold",
+						children: v.totalAssets.toLocaleString()
+					}), /* @__PURE__ */ g("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Across all categories"
+					})] })] }),
+					/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ _(c, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ g(l, {
+							className: "text-sm font-medium",
+							children: "Total Value"
+						}), /* @__PURE__ */ g(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ _(s, { children: [/* @__PURE__ */ g("div", {
+						className: "text-2xl font-bold",
+						children: b(v.totalValue)
+					}), /* @__PURE__ */ g("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Original purchase value"
+					})] })] }),
+					/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ _(c, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ g(l, {
+							className: "text-sm font-medium",
+							children: "Current Value"
+						}), /* @__PURE__ */ g(i, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ _(s, { children: [/* @__PURE__ */ g("div", {
+						className: "text-2xl font-bold",
+						children: b(v.depreciatedValue)
+					}), /* @__PURE__ */ g("p", {
+						className: "text-xs text-muted-foreground",
+						children: "After depreciation"
+					})] })] }),
+					/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ _(c, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ g(l, {
+							className: "text-sm font-medium",
+							children: "Depreciation"
+						}), /* @__PURE__ */ g(t, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ _(s, { children: [/* @__PURE__ */ _("div", {
+						className: "text-2xl font-bold",
+						children: [y, "%"]
+					}), /* @__PURE__ */ _("p", {
+						className: "text-xs text-muted-foreground",
+						children: [b(v.totalValue - v.depreciatedValue), " total loss"]
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-6 md:grid-cols-2",
+				children: [
+					/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(l, { children: "Assets by Category" }) }), /* @__PURE__ */ g(s, {
+						className: "space-y-3",
+						children: v.byCategory.map((e) => /* @__PURE__ */ _("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between text-sm",
+								children: [/* @__PURE__ */ g("span", {
+									className: "font-medium capitalize",
+									children: e.category.replace(/_/g, " ")
+								}), /* @__PURE__ */ _("span", {
+									className: "text-muted-foreground",
+									children: [
+										e.count,
+										" assets - ",
+										b(e.value)
+									]
+								})]
+							}), /* @__PURE__ */ g("div", {
+								className: "h-3 bg-muted rounded overflow-hidden",
+								children: /* @__PURE__ */ g("div", {
+									className: "h-3 bg-primary rounded",
+									style: { width: `${Math.round(e.value / x * 100)}%` }
+								})
+							})]
+						}, e.category))
+					})] }),
+					/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(l, { children: "Assets by Department" }) }), /* @__PURE__ */ g(s, { children: /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(m, { children: /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g(p, { children: "Department" }),
+						/* @__PURE__ */ g(p, {
+							className: "text-right",
+							children: "Count"
+						}),
+						/* @__PURE__ */ g(p, {
+							className: "text-right",
+							children: "Value"
+						})
+					] }) }), /* @__PURE__ */ g(d, { children: v.byDepartment.map((e) => /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g(f, {
+							className: "font-medium",
+							children: e.department
+						}),
+						/* @__PURE__ */ g(f, {
+							className: "text-right",
+							children: e.count
+						}),
+						/* @__PURE__ */ g(f, {
+							className: "text-right",
+							children: b(e.value)
+						})
+					] }, e.department)) })] }) })] }),
+					/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(l, { children: "Assets by Status" }) }), /* @__PURE__ */ g(s, { children: /* @__PURE__ */ g("div", {
+						className: "flex flex-wrap gap-3",
+						children: v.byStatus.map((e) => /* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2 rounded-lg border p-3",
+							children: [/* @__PURE__ */ g(a, {
+								variant: e.status === "active" ? "default" : e.status === "disposed" ? "destructive" : "secondary",
+								className: "capitalize",
+								children: e.status.replace(/_/g, " ")
+							}), /* @__PURE__ */ g("span", {
+								className: "text-lg font-bold",
+								children: e.count
+							})]
+						}, e.status))
+					}) })] }),
+					/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(l, { children: "Depreciation Trend" }) }), /* @__PURE__ */ g(s, {
+						className: "space-y-2",
+						children: v.depreciationTrend.map((e) => /* @__PURE__ */ _("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ g("span", {
+									className: "w-10 text-xs text-muted-foreground",
+									children: e.month
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "flex-1 h-4 bg-muted rounded overflow-hidden",
+									children: /* @__PURE__ */ g("div", {
+										className: "h-4 bg-yellow-500 rounded",
+										style: { width: `${Math.round(e.value / S * 100)}%` }
+									})
+								}),
+								/* @__PURE__ */ g("span", {
+									className: "text-xs font-medium w-16 text-right",
+									children: b(e.value)
+								})
+							]
+						}, e.month))
+					})] }),
+					/* @__PURE__ */ _(o, {
+						className: "md:col-span-2",
+						children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(l, { children: "Acquisition Trend" }) }), /* @__PURE__ */ g(s, {
+							className: "space-y-2",
+							children: v.acquisitionTrend.map((e) => /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ g("span", {
+										className: "w-10 text-xs text-muted-foreground",
+										children: e.month
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "flex-1 h-4 bg-muted rounded overflow-hidden",
+										children: /* @__PURE__ */ g("div", {
+											className: "h-4 bg-green-500 rounded",
+											style: { width: `${Math.round(e.value / C * 100)}%` }
+										})
+									}),
+									/* @__PURE__ */ _("span", {
+										className: "text-xs w-12 text-right",
+										children: [e.count, " units"]
+									}),
+									/* @__PURE__ */ g("span", {
+										className: "text-xs font-medium w-16 text-right",
+										children: b(e.value)
+									})
+								]
+							}, e.month))
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { v as PortfolioPortfolioOverviewPage };
+
+//# sourceMappingURL=PortfolioPortfolioOverviewPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfolioPortfolioOverviewPage.js","names":[],"sources":["../../../src/assethandler/pages/PortfolioPortfolioOverviewPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@burdenoff/fe-libs/ui';\nimport { Package, DollarSign, TrendingDown, BarChart3 } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function PortfolioPortfolioOverviewPage() {\n  const { portfolio } = useAssetHandlerStore();\n\n  const depreciationPct =\n    portfolio.totalValue > 0\n      ? Math.round(\n          ((portfolio.totalValue - portfolio.depreciatedValue) / portfolio.totalValue) * 100\n        )\n      : 0;\n\n  const formatCurrency = (val: number) =>\n    val >= 1000000 ? `$${(val / 1000000).toFixed(2)}M` : `$${val.toLocaleString()}`;\n\n  const maxCategoryValue = Math.max(...portfolio.byCategory.map((c) => c.value), 1);\n  const maxDepreciation = Math.max(...portfolio.depreciationTrend.map((d) => d.value), 1);\n  const maxAcquisitionValue = Math.max(...portfolio.acquisitionTrend.map((a) => a.value), 1);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Portfolio Overview</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Comprehensive view of your asset portfolio, valuations, and trends.\n        </p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Assets</CardTitle>\n            <Package className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{portfolio.totalAssets.toLocaleString()}</div>\n            <p className=\"text-xs text-muted-foreground\">Across all categories</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Value</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{formatCurrency(portfolio.totalValue)}</div>\n            <p className=\"text-xs text-muted-foreground\">Original purchase value</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Current Value</CardTitle>\n            <TrendingDown className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{formatCurrency(portfolio.depreciatedValue)}</div>\n            <p className=\"text-xs text-muted-foreground\">After depreciation</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Depreciation</CardTitle>\n            <BarChart3 className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{depreciationPct}%</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {formatCurrency(portfolio.totalValue - portfolio.depreciatedValue)} total loss\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-6 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Assets by Category</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {portfolio.byCategory.map((cat) => (\n              <div key={cat.category} className=\"space-y-1\">\n                <div className=\"flex items-center justify-between text-sm\">\n                  <span className=\"font-medium capitalize\">{cat.category.replace(/_/g, ' ')}</span>\n                  <span className=\"text-muted-foreground\">\n                    {cat.count} assets - {formatCurrency(cat.value)}\n                  </span>\n                </div>\n                <div className=\"h-3 bg-muted rounded overflow-hidden\">\n                  <div\n                    className=\"h-3 bg-primary rounded\"\n                    style={{ width: `${Math.round((cat.value / maxCategoryValue) * 100)}%` }}\n                  />\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Assets by Department</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <Table>\n              <TableHeader>\n                <TableRow>\n                  <TableHead>Department</TableHead>\n                  <TableHead className=\"text-right\">Count</TableHead>\n                  <TableHead className=\"text-right\">Value</TableHead>\n                </TableRow>\n              </TableHeader>\n              <TableBody>\n                {portfolio.byDepartment.map((dept) => (\n                  <TableRow key={dept.department}>\n                    <TableCell className=\"font-medium\">{dept.department}</TableCell>\n                    <TableCell className=\"text-right\">{dept.count}</TableCell>\n                    <TableCell className=\"text-right\">{formatCurrency(dept.value)}</TableCell>\n                  </TableRow>\n                ))}\n              </TableBody>\n            </Table>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Assets by Status</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"flex flex-wrap gap-3\">\n              {portfolio.byStatus.map((s) => (\n                <div key={s.status} className=\"flex items-center gap-2 rounded-lg border p-3\">\n                  <Badge\n                    variant={\n                      s.status === 'active'\n                        ? 'default'\n                        : s.status === 'disposed'\n                          ? 'destructive'\n                          : 'secondary'\n                    }\n                    className=\"capitalize\"\n                  >\n                    {s.status.replace(/_/g, ' ')}\n                  </Badge>\n                  <span className=\"text-lg font-bold\">{s.count}</span>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Depreciation Trend</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            {portfolio.depreciationTrend.map((d) => (\n              <div key={d.month} className=\"flex items-center gap-3\">\n                <span className=\"w-10 text-xs text-muted-foreground\">{d.month}</span>\n                <div className=\"flex-1 h-4 bg-muted rounded overflow-hidden\">\n                  <div\n                    className=\"h-4 bg-yellow-500 rounded\"\n                    style={{ width: `${Math.round((d.value / maxDepreciation) * 100)}%` }}\n                  />\n                </div>\n                <span className=\"text-xs font-medium w-16 text-right\">\n                  {formatCurrency(d.value)}\n                </span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card className=\"md:col-span-2\">\n          <CardHeader>\n            <CardTitle>Acquisition Trend</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            {portfolio.acquisitionTrend.map((a) => (\n              <div key={a.month} className=\"flex items-center gap-3\">\n                <span className=\"w-10 text-xs text-muted-foreground\">{a.month}</span>\n                <div className=\"flex-1 h-4 bg-muted rounded overflow-hidden\">\n                  <div\n                    className=\"h-4 bg-green-500 rounded\"\n                    style={{ width: `${Math.round((a.value / maxAcquisitionValue) * 100)}%` }}\n                  />\n                </div>\n                <span className=\"text-xs w-12 text-right\">{a.count} units</span>\n                <span className=\"text-xs font-medium w-16 text-right\">\n                  {formatCurrency(a.value)}\n                </span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/assethandler/pages/ProvenancePage.js

@@ -0,0 +1,118 @@
+import { useState as e } from "react";
+import { ShieldCheck as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { gql as i } from "@apollo/client";
+import { useMutation as a, useQuery as o } from "@apollo/client/react";
+//#region src/assethandler/pages/ProvenancePage.tsx
+var s = i`
+  query AssetHandlerProvenanceRecords {
+    provenanceRecords {
+      id
+      assetId
+      hash
+      chainNetwork
+      txHash
+      attestedAt
+      attestedBy
+    }
+  }
+`, c = i`
+  mutation AssetHandlerRecordProvenance($input: RecordProvenanceInput!) {
+    recordProvenance(input: $input) {
+      id
+    }
+  }
+`;
+function l() {
+	let [i, l] = e("AST-001"), [u, d] = e("polygon-amoy"), { data: f, loading: p, refetch: m } = o(s, { fetchPolicy: "cache-and-network" }), [h, { loading: g }] = a(c, { onCompleted: () => {
+		m();
+	} }), _ = f?.provenanceRecords ?? [];
+	return /* @__PURE__ */ r("div", {
+		className: "space-y-4 p-4",
+		children: [
+			/* @__PURE__ */ r("h1", {
+				className: "flex items-center gap-2 text-2xl font-semibold",
+				children: [/* @__PURE__ */ n(t, { className: "h-6 w-6" }), " Provenance"]
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-muted-foreground",
+				children: "Verify immutable asset provenance and lifecycle attestations."
+			}),
+			/* @__PURE__ */ r("form", {
+				className: "grid gap-3 rounded-lg border p-4 md:grid-cols-3",
+				onSubmit: (e) => {
+					e.preventDefault(), h({ variables: { input: {
+						assetId: i,
+						hash: `${i}-${Date.now()}`,
+						chainNetwork: u,
+						metadata: { source: "assethandler-ui" }
+					} } });
+				},
+				children: [
+					/* @__PURE__ */ n("input", {
+						className: "rounded-md border px-3 py-2",
+						value: i,
+						onChange: (e) => l(e.target.value)
+					}),
+					/* @__PURE__ */ n("input", {
+						className: "rounded-md border px-3 py-2",
+						value: u,
+						onChange: (e) => d(e.target.value)
+					}),
+					/* @__PURE__ */ n("button", {
+						className: "rounded-md bg-primary px-3 py-2 text-primary-foreground",
+						disabled: g,
+						type: "submit",
+						children: g ? "Recording..." : "Record Attestation"
+					})
+				]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "rounded-lg border",
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: "grid grid-cols-5 gap-3 border-b px-4 py-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+						children: [
+							/* @__PURE__ */ n("span", { children: "Asset" }),
+							/* @__PURE__ */ n("span", { children: "Network" }),
+							/* @__PURE__ */ n("span", { children: "Hash" }),
+							/* @__PURE__ */ n("span", { children: "Tx" }),
+							/* @__PURE__ */ n("span", { children: "Attested At" })
+						]
+					}),
+					p && _.length === 0 ? /* @__PURE__ */ n("div", {
+						className: "px-4 py-4 text-sm text-muted-foreground",
+						children: "Loading records..."
+					}) : null,
+					!p && _.length === 0 ? /* @__PURE__ */ n("div", {
+						className: "px-4 py-4 text-sm text-muted-foreground",
+						children: "No provenance records found."
+					}) : null,
+					_.map((e) => /* @__PURE__ */ r("div", {
+						className: "grid grid-cols-5 gap-3 border-b px-4 py-3 text-sm last:border-b-0",
+						children: [
+							/* @__PURE__ */ n("span", { children: e.assetId }),
+							/* @__PURE__ */ n("span", { children: e.chainNetwork }),
+							/* @__PURE__ */ n("span", {
+								className: "truncate",
+								children: e.hash
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "truncate text-muted-foreground",
+								children: e.txHash ?? "pending"
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "text-muted-foreground",
+								children: new Date(e.attestedAt).toLocaleString()
+							})
+						]
+					}, e.id))
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { l as ProvenancePage };
+
+//# sourceMappingURL=ProvenancePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProvenancePage.js","names":[],"sources":["../../../src/assethandler/pages/ProvenancePage.tsx"],"sourcesContent":["import { ShieldCheck } from 'lucide-react';\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\n\nconst PROVENANCE_RECORDS_QUERY = gql`\n  query AssetHandlerProvenanceRecords {\n    provenanceRecords {\n      id\n      assetId\n      hash\n      chainNetwork\n      txHash\n      attestedAt\n      attestedBy\n    }\n  }\n`;\n\nconst RECORD_PROVENANCE_MUTATION = gql`\n  mutation AssetHandlerRecordProvenance($input: RecordProvenanceInput!) {\n    recordProvenance(input: $input) {\n      id\n    }\n  }\n`;\n\nexport function ProvenancePage() {\n  const [assetId, setAssetId] = useState('AST-001');\n  const [chainNetwork, setChainNetwork] = useState('polygon-amoy');\n\n  const { data, loading, refetch } = useQuery<{\n    provenanceRecords: Array<{\n      id: string;\n      assetId: string;\n      hash: string;\n      chainNetwork: string;\n      txHash: string | null;\n      attestedAt: string;\n      attestedBy: string;\n    }>;\n  }>(PROVENANCE_RECORDS_QUERY, { fetchPolicy: 'cache-and-network' });\n\n  const [recordProvenance, { loading: recording }] = useMutation(RECORD_PROVENANCE_MUTATION, {\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n\n  const records = data?.provenanceRecords ?? [];\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n        <ShieldCheck className=\"h-6 w-6\" /> Provenance\n      </h1>\n      <p className=\"text-muted-foreground\">\n        Verify immutable asset provenance and lifecycle attestations.\n      </p>\n      <form\n        className=\"grid gap-3 rounded-lg border p-4 md:grid-cols-3\"\n        onSubmit={(event) => {\n          event.preventDefault();\n          const hash = `${assetId}-${Date.now()}`;\n          void recordProvenance({\n            variables: {\n              input: { assetId, hash, chainNetwork, metadata: { source: 'assethandler-ui' } },\n            },\n          });\n        }}\n      >\n        <input\n          className=\"rounded-md border px-3 py-2\"\n          value={assetId}\n          onChange={(event) => setAssetId(event.target.value)}\n        />\n        <input\n          className=\"rounded-md border px-3 py-2\"\n          value={chainNetwork}\n          onChange={(event) => setChainNetwork(event.target.value)}\n        />\n        <button\n          className=\"rounded-md bg-primary px-3 py-2 text-primary-foreground\"\n          disabled={recording}\n          type=\"submit\"\n        >\n          {recording ? 'Recording...' : 'Record Attestation'}\n        </button>\n      </form>\n      <div className=\"rounded-lg border\">\n        <div className=\"grid grid-cols-5 gap-3 border-b px-4 py-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          <span>Asset</span>\n          <span>Network</span>\n          <span>Hash</span>\n          <span>Tx</span>\n          <span>Attested At</span>\n        </div>\n        {loading && records.length === 0 ? (\n          <div className=\"px-4 py-4 text-sm text-muted-foreground\">Loading records...</div>\n        ) : null}\n        {!loading && records.length === 0 ? (\n          <div className=\"px-4 py-4 text-sm text-muted-foreground\">\n            No provenance records found.\n          </div>\n        ) : null}\n        {records.map((record) => (\n          <div\n            key={record.id}\n            className=\"grid grid-cols-5 gap-3 border-b px-4 py-3 text-sm last:border-b-0\"\n          >\n            <span>{record.assetId}</span>\n            <span>{record.chainNetwork}</span>\n            <span className=\"truncate\">{record.hash}</span>\n            <span className=\"truncate text-muted-foreground\">{record.txHash ?? 'pending'}</span>\n            <span className=\"text-muted-foreground\">\n              {new Date(record.attestedAt).toLocaleString()}\n            </span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,IAAM,IAA2B,CAAG;;;;;;;;;;;;GAc9B,IAA6B,CAAG;;;;;;;AAQtC,SAAgB,IAAiB;CAC/B,IAAM,CAAC,GAAS,KAAc,EAAS,UAAU,EAC3C,CAAC,GAAc,KAAmB,EAAS,eAAe,EAE1D,EAAE,SAAM,YAAS,eAAY,EAUhC,GAA0B,EAAE,aAAa,qBAAqB,CAAC,EAE5D,CAAC,GAAkB,EAAE,SAAS,OAAe,EAAY,GAA4B,EACzF,mBAAmB;AACZ,KAAS;IAEjB,CAAC,EAEI,IAAU,GAAM,qBAAqB,EAAE;AAE7C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAAA,cAChC;;GACL,kBAAC,KAAD;IAAG,WAAU;cAAwB;IAEjC,CAAA;GACJ,kBAAC,QAAD;IACE,WAAU;IACV,WAAW,MAAU;AAGd,KAFL,EAAM,gBAAgB,EAEjB,EAAiB,EACpB,WAAW,EACT,OAAO;MAAE;MAAS,MAHT,GAAG,EAAQ,GAAG,KAAK,KAAK;MAGT;MAAc,UAAU,EAAE,QAAQ,mBAAmB;MAAE,EAChF,EACF,CAAC;;cATN;KAYE,kBAAC,SAAD;MACE,WAAU;MACV,OAAO;MACP,WAAW,MAAU,EAAW,EAAM,OAAO,MAAM;MACnD,CAAA;KACF,kBAAC,SAAD;MACE,WAAU;MACV,OAAO;MACP,WAAW,MAAU,EAAgB,EAAM,OAAO,MAAM;MACxD,CAAA;KACF,kBAAC,UAAD;MACE,WAAU;MACV,UAAU;MACV,MAAK;gBAEJ,IAAY,iBAAiB;MACvB,CAAA;KACJ;;GACP,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;OAClB,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA;OACpB,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;OACjB,kBAAC,QAAD,EAAA,UAAM,MAAS,CAAA;OACf,kBAAC,QAAD,EAAA,UAAM,eAAkB,CAAA;OACpB;;KACL,KAAW,EAAQ,WAAW,IAC7B,kBAAC,OAAD;MAAK,WAAU;gBAA0C;MAAwB,CAAA,GAC/E;KACH,CAAC,KAAW,EAAQ,WAAW,IAC9B,kBAAC,OAAD;MAAK,WAAU;gBAA0C;MAEnD,CAAA,GACJ;KACH,EAAQ,KAAK,MACZ,kBAAC,OAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,QAAD,EAAA,UAAO,EAAO,SAAe,CAAA;OAC7B,kBAAC,QAAD,EAAA,UAAO,EAAO,cAAoB,CAAA;OAClC,kBAAC,QAAD;QAAM,WAAU;kBAAY,EAAO;QAAY,CAAA;OAC/C,kBAAC,QAAD;QAAM,WAAU;kBAAkC,EAAO,UAAU;QAAiB,CAAA;OACpF,kBAAC,QAAD;QAAM,WAAU;kBACb,IAAI,KAAK,EAAO,WAAW,CAAC,gBAAgB;QACxC,CAAA;OACH;QAVC,EAAO,GAUR,CACN;KACE;;GACF"}

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

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

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

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

package/dist/assethandler/pages/ReportsReportBuilderPage.js

@@ -0,0 +1,201 @@
+import { useState as e } from "react";
+import { ArrowLeft as t, Play as n, Save as r } from "lucide-react";
+import { Button as i, Card as a, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l, Input as u, Label as d, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g, Textarea as _ } from "@burdenoff/fe-libs/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/assethandler/pages/ReportsReportBuilderPage.tsx
+function b() {
+	let [b, x] = e({
+		name: "",
+		description: "",
+		category: "Operational",
+		type: "chart",
+		schedule: "",
+		dataSource: "assets"
+	}), S = (e, t) => x((n) => ({
+		...n,
+		[e]: t
+	}));
+	return /* @__PURE__ */ y("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ y("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ v(i, {
+						variant: "ghost",
+						size: "icon",
+						children: /* @__PURE__ */ v(t, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+						className: "text-2xl font-bold",
+						children: "Report Builder"
+					}), /* @__PURE__ */ v("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Create custom reports and dashboards"
+					})] })]
+				}), /* @__PURE__ */ y("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ y(i, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ v(n, { className: "mr-2 h-4 w-4" }), "Preview"]
+					}), /* @__PURE__ */ y(i, {
+						size: "sm",
+						children: [/* @__PURE__ */ v(r, { className: "mr-2 h-4 w-4" }), "Save Report"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ v(c, { children: /* @__PURE__ */ v(l, { children: "Report Configuration" }) }), /* @__PURE__ */ y(o, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "grid gap-4 md:grid-cols-2",
+						children: [/* @__PURE__ */ y("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ v(d, { children: "Report Name *" }), /* @__PURE__ */ v(u, {
+								placeholder: "e.g., Monthly Asset Utilization",
+								value: b.name,
+								onChange: (e) => S("name", e.target.value)
+							})]
+						}), /* @__PURE__ */ y("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ v(d, { children: "Category" }), /* @__PURE__ */ y(f, {
+								value: b.category,
+								onValueChange: (e) => S("category", e),
+								children: [/* @__PURE__ */ v(h, { children: /* @__PURE__ */ v(g, {}) }), /* @__PURE__ */ y(p, { children: [
+									/* @__PURE__ */ v(m, {
+										value: "Operational",
+										children: "Operational"
+									}),
+									/* @__PURE__ */ v(m, {
+										value: "Financial",
+										children: "Financial"
+									}),
+									/* @__PURE__ */ v(m, {
+										value: "Compliance",
+										children: "Compliance"
+									}),
+									/* @__PURE__ */ v(m, {
+										value: "Performance",
+										children: "Performance"
+									}),
+									/* @__PURE__ */ v(m, {
+										value: "Inventory",
+										children: "Inventory"
+									})
+								] })]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ v(d, { children: "Description" }), /* @__PURE__ */ v(_, {
+							placeholder: "What does this report show?",
+							value: b.description,
+							onChange: (e) => S("description", e.target.value),
+							rows: 3
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "grid gap-4 md:grid-cols-3",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ v(d, { children: "Report Type" }), /* @__PURE__ */ y(f, {
+									value: b.type,
+									onValueChange: (e) => S("type", e),
+									children: [/* @__PURE__ */ v(h, { children: /* @__PURE__ */ v(g, {}) }), /* @__PURE__ */ y(p, { children: [
+										/* @__PURE__ */ v(m, {
+											value: "chart",
+											children: "Chart"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "tabular",
+											children: "Tabular"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "dashboard",
+											children: "Dashboard"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "document",
+											children: "Document"
+										})
+									] })]
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ v(d, { children: "Data Source" }), /* @__PURE__ */ y(f, {
+									value: b.dataSource,
+									onValueChange: (e) => S("dataSource", e),
+									children: [/* @__PURE__ */ v(h, { children: /* @__PURE__ */ v(g, {}) }), /* @__PURE__ */ y(p, { children: [
+										/* @__PURE__ */ v(m, {
+											value: "assets",
+											children: "Assets"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "transactions",
+											children: "Transactions"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "incidents",
+											children: "Incidents"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "maintenance",
+											children: "Maintenance"
+										})
+									] })]
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ v(d, { children: "Schedule" }), /* @__PURE__ */ y(f, {
+									value: b.schedule,
+									onValueChange: (e) => S("schedule", e),
+									children: [/* @__PURE__ */ v(h, { children: /* @__PURE__ */ v(g, { placeholder: "Manual" }) }), /* @__PURE__ */ y(p, { children: [
+										/* @__PURE__ */ v(m, {
+											value: "",
+											children: "Manual"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "Daily",
+											children: "Daily"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "Weekly",
+											children: "Weekly"
+										}),
+										/* @__PURE__ */ v(m, {
+											value: "Monthly",
+											children: "Monthly"
+										})
+									] })]
+								})]
+							})
+						]
+					})
+				]
+			})] }),
+			/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ v(l, { children: "Preview" }), /* @__PURE__ */ v(s, { children: "Report preview will appear here" })] }), /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v("div", {
+				className: "bg-muted rounded-lg h-64 flex items-center justify-center border-2 border-dashed",
+				children: /* @__PURE__ */ v("p", {
+					className: "text-muted-foreground",
+					children: "Configure and preview your report"
+				})
+			}) })] }),
+			/* @__PURE__ */ y("div", {
+				className: "flex justify-end gap-2",
+				children: [/* @__PURE__ */ v(i, {
+					variant: "outline",
+					children: "Cancel"
+				}), /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v(r, { className: "mr-2 h-4 w-4" }), "Save Report"] })]
+			})
+		]
+	});
+}
+//#endregion
+export { b as ReportsReportBuilderPage };
+
+//# sourceMappingURL=ReportsReportBuilderPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsReportBuilderPage.js","names":[],"sources":["../../../src/assethandler/pages/ReportsReportBuilderPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n  Label,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Play, Save } from 'lucide-react';\n\nexport function ReportsReportBuilderPage() {\n  const [config, setConfig] = useState({\n    name: '',\n    description: '',\n    category: 'Operational',\n    type: 'chart',\n    schedule: '',\n    dataSource: 'assets',\n  });\n  const handleChange = (field: string, value: string) =>\n    setConfig((prev) => ({ ...prev, [field]: value }));\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            <h1 className=\"text-2xl font-bold\">Report Builder</h1>\n            <p className=\"text-sm text-muted-foreground\">Create custom reports and dashboards</p>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Play className=\"mr-2 h-4 w-4\" />\n            Preview\n          </Button>\n          <Button size=\"sm\">\n            <Save className=\"mr-2 h-4 w-4\" />\n            Save Report\n          </Button>\n        </div>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Report Configuration</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <Label>Report Name *</Label>\n              <Input\n                placeholder=\"e.g., Monthly Asset Utilization\"\n                value={config.name}\n                onChange={(e) => handleChange('name', e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Category</Label>\n              <Select value={config.category} onValueChange={(v) => handleChange('category', v)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"Operational\">Operational</SelectItem>\n                  <SelectItem value=\"Financial\">Financial</SelectItem>\n                  <SelectItem value=\"Compliance\">Compliance</SelectItem>\n                  <SelectItem value=\"Performance\">Performance</SelectItem>\n                  <SelectItem value=\"Inventory\">Inventory</SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Description</Label>\n            <Textarea\n              placeholder=\"What does this report show?\"\n              value={config.description}\n              onChange={(e) => handleChange('description', e.target.value)}\n              rows={3}\n            />\n          </div>\n          <div className=\"grid gap-4 md:grid-cols-3\">\n            <div className=\"space-y-2\">\n              <Label>Report Type</Label>\n              <Select value={config.type} onValueChange={(v) => handleChange('type', v)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"chart\">Chart</SelectItem>\n                  <SelectItem value=\"tabular\">Tabular</SelectItem>\n                  <SelectItem value=\"dashboard\">Dashboard</SelectItem>\n                  <SelectItem value=\"document\">Document</SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Data Source</Label>\n              <Select\n                value={config.dataSource}\n                onValueChange={(v) => handleChange('dataSource', v)}\n              >\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"assets\">Assets</SelectItem>\n                  <SelectItem value=\"transactions\">Transactions</SelectItem>\n                  <SelectItem value=\"incidents\">Incidents</SelectItem>\n                  <SelectItem value=\"maintenance\">Maintenance</SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Schedule</Label>\n              <Select value={config.schedule} onValueChange={(v) => handleChange('schedule', v)}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Manual\" />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"\">Manual</SelectItem>\n                  <SelectItem value=\"Daily\">Daily</SelectItem>\n                  <SelectItem value=\"Weekly\">Weekly</SelectItem>\n                  <SelectItem value=\"Monthly\">Monthly</SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Preview</CardTitle>\n          <CardDescription>Report preview will appear here</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"bg-muted rounded-lg h-64 flex items-center justify-center border-2 border-dashed\">\n            <p className=\"text-muted-foreground\">Configure and preview your report</p>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"outline\">Cancel</Button>\n        <Button>\n          <Save className=\"mr-2 h-4 w-4\" />\n          Save Report\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsReportsDashboardPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/ReportsReportsDashboardPage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,2BAA2B,4CA8J1C"}