@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/DashboardPage.js

@@ -0,0 +1,336 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useState as n } from "react";
+import { Activity as r, AlertTriangle as i, ArrowDownRight as a, ArrowUpRight as o, Box as s, CheckCircle as c, Clock as l, DollarSign as u, Shield as d, Wrench as f } from "lucide-react";
+import { Badge as p, Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, Separator as b } from "@burdenoff/fe-libs/ui";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/assethandler/pages/DashboardPage.tsx
+function w() {
+	let { t: w } = x(), { metrics: T, workItems: E, assets: D, incidents: O, maintenanceRecords: k, notifications: A, portfolio: j, changeRequests: M, workflows: N } = e(), [P] = n("This Month"), F = O.filter((e) => e.status !== "resolved" && e.status !== "closed"), I = O.filter((e) => e.priority === "critical" && e.status !== "resolved"), L = k.filter((e) => e.status === "scheduled" || e.status === "in_progress"), R = A.filter((e) => !e.isRead), z = N.filter((e) => e.status === "active");
+	return /* @__PURE__ */ C("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
+					className: "text-3xl font-bold",
+					children: t(w, "assethandler.dashboard.title", "Dashboard")
+				}), /* @__PURE__ */ S("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: t(w, "assethandler.dashboard.description", "Overview of your IT asset portfolio and operations")
+				})] }), /* @__PURE__ */ C("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ S(m, {
+						variant: "outline",
+						size: "sm",
+						children: t(w, "assethandler.dashboard.actions.exportReport", "Export Report")
+					}), /* @__PURE__ */ S(m, {
+						size: "sm",
+						children: t(w, "assethandler.dashboard.actions.addAsset", "Add Asset")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: T.map((e, n) => {
+					let c = [
+						s,
+						i,
+						d,
+						u
+					][n] || r, l = e.trend.startsWith("+");
+					return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(v, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ S(y, {
+							className: "text-sm font-medium",
+							children: e.label
+						}), /* @__PURE__ */ S(c, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ C(g, { children: [/* @__PURE__ */ S("div", {
+						className: "text-2xl font-bold",
+						children: e.value
+					}), /* @__PURE__ */ C("div", {
+						className: "flex items-center text-xs text-muted-foreground mt-1",
+						children: [
+							l ? /* @__PURE__ */ S(o, { className: "mr-1 h-3 w-3 text-green-600" }) : /* @__PURE__ */ S(a, { className: "mr-1 h-3 w-3 text-red-600" }),
+							/* @__PURE__ */ S("span", {
+								className: l ? "text-green-600" : "text-red-600",
+								children: e.trend
+							}),
+							/* @__PURE__ */ S("span", {
+								className: "ml-1",
+								children: t(w, "assethandler.dashboard.metrics.fromLastMonth", "from last month")
+							})
+						]
+					})] })] }, e.label);
+				})
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ C(h, {
+					className: "lg:col-span-2",
+					children: [/* @__PURE__ */ C(v, { children: [/* @__PURE__ */ S(y, { children: t(w, "assethandler.dashboard.portfolio.title", "Portfolio Breakdown") }), /* @__PURE__ */ S(_, { children: t(w, "assethandler.dashboard.portfolio.description", "Asset distribution by category") })] }), /* @__PURE__ */ S(g, { children: /* @__PURE__ */ S("div", {
+						className: "space-y-4",
+						children: j.byCategory.map((e) => {
+							let t = Math.round(e.count / j.totalAssets * 100);
+							return /* @__PURE__ */ C("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ C("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ S("span", {
+										className: "font-medium",
+										children: e.category
+									}), /* @__PURE__ */ C("span", {
+										className: "text-muted-foreground",
+										children: [
+											e.count,
+											" assets · $",
+											(e.value / 1e3).toFixed(0),
+											"K"
+										]
+									})]
+								}), /* @__PURE__ */ S("div", {
+									className: "h-2 rounded-full bg-muted overflow-hidden",
+									children: /* @__PURE__ */ S("div", {
+										className: "h-full rounded-full bg-primary",
+										style: { width: `${t}%` }
+									})
+								})]
+							}, e.category);
+						})
+					}) })]
+				}), /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(v, { children: [/* @__PURE__ */ C(y, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ S(i, { className: "h-4 w-4 text-destructive" }), t(w, "assethandler.dashboard.incidents.title", "Active Incidents")]
+				}), /* @__PURE__ */ C(_, { children: [
+					F.length,
+					" ",
+					t(w, "assethandler.dashboard.incidents.unresolvedCount", "unresolved incidents")
+				] })] }), /* @__PURE__ */ S(g, { children: /* @__PURE__ */ S("div", {
+					className: "space-y-3",
+					children: F.slice(0, 4).map((e) => /* @__PURE__ */ S("div", {
+						className: "flex items-start gap-3 rounded-lg border p-3",
+						children: /* @__PURE__ */ C("div", {
+							className: "flex-1 min-w-0",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ S("span", {
+										className: "text-xs font-mono text-muted-foreground",
+										children: e.id
+									}), /* @__PURE__ */ S(p, {
+										variant: e.priority === "critical" || e.priority === "high" ? "destructive" : "secondary",
+										className: "text-[10px]",
+										children: e.priority
+									})]
+								}),
+								/* @__PURE__ */ S("p", {
+									className: "text-sm font-medium truncate mt-1",
+									children: e.title
+								}),
+								/* @__PURE__ */ S("p", {
+									className: "text-xs text-muted-foreground mt-0.5",
+									children: e.assignedTo || t(w, "assethandler.dashboard.incidents.unassigned", "Unassigned")
+								})
+							]
+						})
+					}, e.id))
+				}) })] })]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(v, { children: [/* @__PURE__ */ S(y, { children: t(w, "assethandler.dashboard.workItems.title", "Current Work Items") }), /* @__PURE__ */ S(_, { children: t(w, "assethandler.dashboard.workItems.description", "Active tasks and initiatives") })] }), /* @__PURE__ */ S(g, { children: /* @__PURE__ */ S("div", {
+					className: "space-y-3",
+					children: E.map((e) => /* @__PURE__ */ C("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ S("span", {
+							className: `inline-flex items-center rounded-md px-2 py-1 text-[10px] font-medium ${{
+								active: "bg-blue-100 text-blue-800",
+								planned: "bg-slate-100 text-slate-800",
+								at_risk: "bg-red-100 text-red-800",
+								completed: "bg-green-100 text-green-800"
+							}[e.status] || "bg-muted text-muted-foreground"}`,
+							children: e.status.replace("_", " ")
+						}), /* @__PURE__ */ C("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-sm truncate",
+								children: e.title
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.owner,
+									" · ",
+									e.updatedAt
+								]
+							})]
+						})]
+					}, e.id))
+				}) })] }), /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(v, { children: [/* @__PURE__ */ S(y, { children: t(w, "assethandler.dashboard.operations.title", "Operations Summary") }), /* @__PURE__ */ S(_, { children: t(w, "assethandler.dashboard.operations.description", "Quick view of current operations") })] }), /* @__PURE__ */ C(g, { children: [
+					/* @__PURE__ */ C("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [
+							/* @__PURE__ */ C("div", {
+								className: "rounded-lg border p-4 text-center",
+								children: [
+									/* @__PURE__ */ S(f, { className: "h-5 w-5 mx-auto text-muted-foreground mb-2" }),
+									/* @__PURE__ */ S("p", {
+										className: "text-2xl font-bold",
+										children: L.length
+									}),
+									/* @__PURE__ */ S("p", {
+										className: "text-xs text-muted-foreground",
+										children: t(w, "assethandler.dashboard.operations.pendingMaintenance", "Pending Maintenance")
+									})
+								]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "rounded-lg border p-4 text-center",
+								children: [
+									/* @__PURE__ */ S(r, { className: "h-5 w-5 mx-auto text-muted-foreground mb-2" }),
+									/* @__PURE__ */ S("p", {
+										className: "text-2xl font-bold",
+										children: z.length
+									}),
+									/* @__PURE__ */ S("p", {
+										className: "text-xs text-muted-foreground",
+										children: t(w, "assethandler.dashboard.operations.activeWorkflows", "Active Workflows")
+									})
+								]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "rounded-lg border p-4 text-center",
+								children: [
+									/* @__PURE__ */ S(l, { className: "h-5 w-5 mx-auto text-muted-foreground mb-2" }),
+									/* @__PURE__ */ S("p", {
+										className: "text-2xl font-bold",
+										children: M.filter((e) => e.status === "approved" || e.status === "submitted").length
+									}),
+									/* @__PURE__ */ S("p", {
+										className: "text-xs text-muted-foreground",
+										children: t(w, "assethandler.dashboard.operations.pendingChanges", "Pending Changes")
+									})
+								]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "rounded-lg border p-4 text-center",
+								children: [
+									/* @__PURE__ */ S(c, { className: "h-5 w-5 mx-auto text-muted-foreground mb-2" }),
+									/* @__PURE__ */ S("p", {
+										className: "text-2xl font-bold",
+										children: I.length
+									}),
+									/* @__PURE__ */ S("p", {
+										className: "text-xs text-muted-foreground",
+										children: t(w, "assethandler.dashboard.operations.criticalAlerts", "Critical Alerts")
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ S(b, { className: "my-4" }),
+					/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h4", {
+						className: "text-sm font-medium mb-2",
+						children: t(w, "assethandler.dashboard.notifications.title", "Recent Notifications")
+					}), /* @__PURE__ */ S("div", {
+						className: "space-y-2",
+						children: R.slice(0, 3).map((e) => /* @__PURE__ */ C("div", {
+							className: "flex items-start gap-2 text-sm",
+							children: [/* @__PURE__ */ S("div", { className: `mt-1 h-2 w-2 rounded-full shrink-0 ${e.priority === "critical" ? "bg-red-500" : e.priority === "high" ? "bg-orange-500" : "bg-blue-500"}` }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+								className: "font-medium text-xs",
+								children: e.title
+							}), /* @__PURE__ */ S("p", {
+								className: "text-xs text-muted-foreground truncate",
+								children: e.message
+							})] })]
+						}, e.id))
+					})] })
+				] })] })]
+			}),
+			/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(v, { children: [/* @__PURE__ */ C(y, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ S(f, { className: "h-4 w-4" }), t(w, "assethandler.dashboard.maintenance.title", "Upcoming Maintenance")]
+			}), /* @__PURE__ */ S(_, { children: t(w, "assethandler.dashboard.maintenance.description", "Scheduled maintenance activities") })] }), /* @__PURE__ */ S(g, { children: /* @__PURE__ */ S("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ C("table", {
+					className: "w-full text-sm",
+					children: [/* @__PURE__ */ S("thead", { children: /* @__PURE__ */ C("tr", {
+						className: "border-b",
+						children: [
+							/* @__PURE__ */ S("th", {
+								className: "text-left py-2 font-medium",
+								children: t(w, "assethandler.dashboard.maintenance.table.id", "ID")
+							}),
+							/* @__PURE__ */ S("th", {
+								className: "text-left py-2 font-medium",
+								children: t(w, "assethandler.dashboard.maintenance.table.asset", "Asset")
+							}),
+							/* @__PURE__ */ S("th", {
+								className: "text-left py-2 font-medium",
+								children: t(w, "assethandler.dashboard.maintenance.table.title", "Title")
+							}),
+							/* @__PURE__ */ S("th", {
+								className: "text-left py-2 font-medium",
+								children: t(w, "assethandler.dashboard.maintenance.table.type", "Type")
+							}),
+							/* @__PURE__ */ S("th", {
+								className: "text-left py-2 font-medium",
+								children: t(w, "assethandler.dashboard.maintenance.table.priority", "Priority")
+							}),
+							/* @__PURE__ */ S("th", {
+								className: "text-left py-2 font-medium",
+								children: t(w, "assethandler.dashboard.maintenance.table.scheduled", "Scheduled")
+							}),
+							/* @__PURE__ */ S("th", {
+								className: "text-left py-2 font-medium",
+								children: t(w, "assethandler.dashboard.maintenance.table.status", "Status")
+							})
+						]
+					}) }), /* @__PURE__ */ S("tbody", { children: k.map((e) => /* @__PURE__ */ C("tr", {
+						className: "border-b hover:bg-muted/50",
+						children: [
+							/* @__PURE__ */ S("td", {
+								className: "py-2 font-mono text-xs",
+								children: e.id
+							}),
+							/* @__PURE__ */ S("td", {
+								className: "py-2",
+								children: e.assetName
+							}),
+							/* @__PURE__ */ S("td", {
+								className: "py-2",
+								children: e.title
+							}),
+							/* @__PURE__ */ S("td", {
+								className: "py-2 capitalize",
+								children: e.type
+							}),
+							/* @__PURE__ */ S("td", {
+								className: "py-2",
+								children: /* @__PURE__ */ S(p, {
+									variant: e.priority === "critical" || e.priority === "high" ? "destructive" : "secondary",
+									children: e.priority
+								})
+							}),
+							/* @__PURE__ */ S("td", {
+								className: "py-2",
+								children: e.scheduledDate
+							}),
+							/* @__PURE__ */ S("td", {
+								className: "py-2",
+								children: /* @__PURE__ */ S(p, {
+									variant: e.status === "completed" ? "default" : e.status === "in_progress" ? "secondary" : "outline",
+									children: e.status.replace("_", " ")
+								})
+							})
+						]
+					}, e.id)) })]
+				})
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { w as DashboardPage };
+
+//# sourceMappingURL=DashboardPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/assethandler/pages/DashboardPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Activity,\n  AlertTriangle,\n  ArrowUpRight,\n  ArrowDownRight,\n  Box,\n  Clock,\n  DollarSign,\n  Shield,\n  Wrench,\n  TrendingUp,\n  Users,\n  CheckCircle,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const {\n    metrics,\n    workItems,\n    assets,\n    incidents,\n    maintenanceRecords,\n    notifications,\n    portfolio,\n    changeRequests,\n    workflows,\n  } = useAssetHandlerStore();\n  const [selectedPeriod] = useState('This Month');\n\n  const activeIncidents = incidents.filter((i) => i.status !== 'resolved' && i.status !== 'closed');\n  const criticalIncidents = incidents.filter(\n    (i) => i.priority === 'critical' && i.status !== 'resolved'\n  );\n  const pendingMaintenance = maintenanceRecords.filter(\n    (m) => m.status === 'scheduled' || m.status === 'in_progress'\n  );\n  const unreadNotifications = notifications.filter((n) => !n.isRead);\n  const activeWorkflows = workflows.filter((w) => w.status === 'active');\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-3xl font-bold\">\n            {tWithFallback(t, 'assethandler.dashboard.title', 'Dashboard')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {tWithFallback(\n              t,\n              'assethandler.dashboard.description',\n              'Overview of your IT asset portfolio and operations'\n            )}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            {tWithFallback(t, 'assethandler.dashboard.actions.exportReport', 'Export Report')}\n          </Button>\n          <Button size=\"sm\">\n            {tWithFallback(t, 'assethandler.dashboard.actions.addAsset', 'Add Asset')}\n          </Button>\n        </div>\n      </div>\n\n      {/* KPI Metrics */}\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        {metrics.map((metric, i) => {\n          const icons = [Box, AlertTriangle, Shield, DollarSign];\n          const Icon = icons[i] || Activity;\n          const isPositive = metric.trend.startsWith('+');\n          return (\n            <Card key={metric.label}>\n              <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n                <CardTitle className=\"text-sm font-medium\">{metric.label}</CardTitle>\n                <Icon className=\"h-4 w-4 text-muted-foreground\" />\n              </CardHeader>\n              <CardContent>\n                <div className=\"text-2xl font-bold\">{metric.value}</div>\n                <div className=\"flex items-center text-xs text-muted-foreground mt-1\">\n                  {isPositive ? (\n                    <ArrowUpRight className=\"mr-1 h-3 w-3 text-green-600\" />\n                  ) : (\n                    <ArrowDownRight className=\"mr-1 h-3 w-3 text-red-600\" />\n                  )}\n                  <span className={isPositive ? 'text-green-600' : 'text-red-600'}>\n                    {metric.trend}\n                  </span>\n                  <span className=\"ml-1\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.dashboard.metrics.fromLastMonth',\n                      'from last month'\n                    )}\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n\n      {/* Portfolio Breakdown & Active Incidents */}\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Portfolio by Category */}\n        <Card className=\"lg:col-span-2\">\n          <CardHeader>\n            <CardTitle>\n              {tWithFallback(t, 'assethandler.dashboard.portfolio.title', 'Portfolio Breakdown')}\n            </CardTitle>\n            <CardDescription>\n              {tWithFallback(\n                t,\n                'assethandler.dashboard.portfolio.description',\n                'Asset distribution by category'\n              )}\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-4\">\n              {portfolio.byCategory.map((cat) => {\n                const pct = Math.round((cat.count / portfolio.totalAssets) * 100);\n                return (\n                  <div key={cat.category} className=\"space-y-1\">\n                    <div className=\"flex items-center justify-between text-sm\">\n                      <span className=\"font-medium\">{cat.category}</span>\n                      <span className=\"text-muted-foreground\">\n                        {cat.count} assets &middot; ${(cat.value / 1000).toFixed(0)}K\n                      </span>\n                    </div>\n                    <div className=\"h-2 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-primary\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </CardContent>\n        </Card>\n\n        {/* Active Incidents */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <AlertTriangle className=\"h-4 w-4 text-destructive\" />\n              {tWithFallback(t, 'assethandler.dashboard.incidents.title', 'Active Incidents')}\n            </CardTitle>\n            <CardDescription>\n              {activeIncidents.length}{' '}\n              {tWithFallback(\n                t,\n                'assethandler.dashboard.incidents.unresolvedCount',\n                'unresolved incidents'\n              )}\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-3\">\n              {activeIncidents.slice(0, 4).map((inc) => (\n                <div key={inc.id} className=\"flex items-start gap-3 rounded-lg border p-3\">\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-xs font-mono text-muted-foreground\">{inc.id}</span>\n                      <Badge\n                        variant={\n                          inc.priority === 'critical'\n                            ? 'destructive'\n                            : inc.priority === 'high'\n                              ? 'destructive'\n                              : 'secondary'\n                        }\n                        className=\"text-[10px]\"\n                      >\n                        {inc.priority}\n                      </Badge>\n                    </div>\n                    <p className=\"text-sm font-medium truncate mt-1\">{inc.title}</p>\n                    <p className=\"text-xs text-muted-foreground mt-0.5\">\n                      {inc.assignedTo ||\n                        tWithFallback(\n                          t,\n                          'assethandler.dashboard.incidents.unassigned',\n                          'Unassigned'\n                        )}\n                    </p>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Work Items & Operations Summary */}\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        {/* Work Items */}\n        <Card>\n          <CardHeader>\n            <CardTitle>\n              {tWithFallback(t, 'assethandler.dashboard.workItems.title', 'Current Work Items')}\n            </CardTitle>\n            <CardDescription>\n              {tWithFallback(\n                t,\n                'assethandler.dashboard.workItems.description',\n                'Active tasks and initiatives'\n              )}\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-3\">\n              {workItems.map((item) => {\n                const statusColors: Record<string, string> = {\n                  active: 'bg-blue-100 text-blue-800',\n                  planned: 'bg-slate-100 text-slate-800',\n                  at_risk: 'bg-red-100 text-red-800',\n                  completed: 'bg-green-100 text-green-800',\n                };\n                return (\n                  <div key={item.id} className=\"flex items-center gap-3\">\n                    <span\n                      className={`inline-flex items-center rounded-md px-2 py-1 text-[10px] font-medium ${statusColors[item.status] || 'bg-muted text-muted-foreground'}`}\n                    >\n                      {item.status.replace('_', ' ')}\n                    </span>\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"text-sm truncate\">{item.title}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {item.owner} &middot; {item.updatedAt}\n                      </p>\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </CardContent>\n        </Card>\n\n        {/* Operations Quick View */}\n        <Card>\n          <CardHeader>\n            <CardTitle>\n              {tWithFallback(t, 'assethandler.dashboard.operations.title', 'Operations Summary')}\n            </CardTitle>\n            <CardDescription>\n              {tWithFallback(\n                t,\n                'assethandler.dashboard.operations.description',\n                'Quick view of current operations'\n              )}\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"rounded-lg border p-4 text-center\">\n                <Wrench className=\"h-5 w-5 mx-auto text-muted-foreground mb-2\" />\n                <p className=\"text-2xl font-bold\">{pendingMaintenance.length}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tWithFallback(\n                    t,\n                    'assethandler.dashboard.operations.pendingMaintenance',\n                    'Pending Maintenance'\n                  )}\n                </p>\n              </div>\n              <div className=\"rounded-lg border p-4 text-center\">\n                <Activity className=\"h-5 w-5 mx-auto text-muted-foreground mb-2\" />\n                <p className=\"text-2xl font-bold\">{activeWorkflows.length}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tWithFallback(\n                    t,\n                    'assethandler.dashboard.operations.activeWorkflows',\n                    'Active Workflows'\n                  )}\n                </p>\n              </div>\n              <div className=\"rounded-lg border p-4 text-center\">\n                <Clock className=\"h-5 w-5 mx-auto text-muted-foreground mb-2\" />\n                <p className=\"text-2xl font-bold\">\n                  {\n                    changeRequests.filter(\n                      (c) => c.status === 'approved' || c.status === 'submitted'\n                    ).length\n                  }\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tWithFallback(\n                    t,\n                    'assethandler.dashboard.operations.pendingChanges',\n                    'Pending Changes'\n                  )}\n                </p>\n              </div>\n              <div className=\"rounded-lg border p-4 text-center\">\n                <CheckCircle className=\"h-5 w-5 mx-auto text-muted-foreground mb-2\" />\n                <p className=\"text-2xl font-bold\">{criticalIncidents.length}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tWithFallback(\n                    t,\n                    'assethandler.dashboard.operations.criticalAlerts',\n                    'Critical Alerts'\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <Separator className=\"my-4\" />\n\n            <div>\n              <h4 className=\"text-sm font-medium mb-2\">\n                {tWithFallback(\n                  t,\n                  'assethandler.dashboard.notifications.title',\n                  'Recent Notifications'\n                )}\n              </h4>\n              <div className=\"space-y-2\">\n                {unreadNotifications.slice(0, 3).map((n) => (\n                  <div key={n.id} className=\"flex items-start gap-2 text-sm\">\n                    <div\n                      className={`mt-1 h-2 w-2 rounded-full shrink-0 ${n.priority === 'critical' ? 'bg-red-500' : n.priority === 'high' ? 'bg-orange-500' : 'bg-blue-500'}`}\n                    />\n                    <div>\n                      <p className=\"font-medium text-xs\">{n.title}</p>\n                      <p className=\"text-xs text-muted-foreground truncate\">{n.message}</p>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Upcoming Maintenance */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Wrench className=\"h-4 w-4\" />\n            {tWithFallback(t, 'assethandler.dashboard.maintenance.title', 'Upcoming Maintenance')}\n          </CardTitle>\n          <CardDescription>\n            {tWithFallback(\n              t,\n              'assethandler.dashboard.maintenance.description',\n              'Scheduled maintenance activities'\n            )}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b\">\n                  <th className=\"text-left py-2 font-medium\">\n                    {tWithFallback(t, 'assethandler.dashboard.maintenance.table.id', 'ID')}\n                  </th>\n                  <th className=\"text-left py-2 font-medium\">\n                    {tWithFallback(t, 'assethandler.dashboard.maintenance.table.asset', 'Asset')}\n                  </th>\n                  <th className=\"text-left py-2 font-medium\">\n                    {tWithFallback(t, 'assethandler.dashboard.maintenance.table.title', 'Title')}\n                  </th>\n                  <th className=\"text-left py-2 font-medium\">\n                    {tWithFallback(t, 'assethandler.dashboard.maintenance.table.type', 'Type')}\n                  </th>\n                  <th className=\"text-left py-2 font-medium\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.dashboard.maintenance.table.priority',\n                      'Priority'\n                    )}\n                  </th>\n                  <th className=\"text-left py-2 font-medium\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.dashboard.maintenance.table.scheduled',\n                      'Scheduled'\n                    )}\n                  </th>\n                  <th className=\"text-left py-2 font-medium\">\n                    {tWithFallback(t, 'assethandler.dashboard.maintenance.table.status', 'Status')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {maintenanceRecords.map((rec) => (\n                  <tr key={rec.id} className=\"border-b hover:bg-muted/50\">\n                    <td className=\"py-2 font-mono text-xs\">{rec.id}</td>\n                    <td className=\"py-2\">{rec.assetName}</td>\n                    <td className=\"py-2\">{rec.title}</td>\n                    <td className=\"py-2 capitalize\">{rec.type}</td>\n                    <td className=\"py-2\">\n                      <Badge\n                        variant={\n                          rec.priority === 'critical' || rec.priority === 'high'\n                            ? 'destructive'\n                            : 'secondary'\n                        }\n                      >\n                        {rec.priority}\n                      </Badge>\n                    </td>\n                    <td className=\"py-2\">{rec.scheduledDate}</td>\n                    <td className=\"py-2\">\n                      <Badge\n                        variant={\n                          rec.status === 'completed'\n                            ? 'default'\n                            : rec.status === 'in_progress'\n                              ? 'secondary'\n                              : 'outline'\n                        }\n                      >\n                        {rec.status.replace('_', ' ')}\n                      </Badge>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DigitalTwinPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/DigitalTwinPage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,eAAe,4CA4C9B"}

package/dist/assethandler/pages/DigitalTwinPage.js

@@ -0,0 +1,71 @@
+import { Box 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/DigitalTwinPage.tsx
+var a = r`
+  query AssetHandlerDigitalTwins {
+    digitalTwins {
+      id
+      assetId
+      modelRef
+      fidelityLevel
+      geometryRef
+      updatedAt
+    }
+  }
+`;
+function o() {
+	let { data: r, loading: o } = i(a, { fetchPolicy: "cache-and-network" }), s = r?.digitalTwins ?? [];
+	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" }), " Digital Twin"]
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "text-muted-foreground",
+				children: "Manage and simulate digital twins for critical assets and systems."
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "grid gap-3 md:grid-cols-2",
+				children: [
+					o && s.length === 0 ? /* @__PURE__ */ t("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Loading twins..."
+					}) : null,
+					!o && s.length === 0 ? /* @__PURE__ */ t("p", {
+						className: "text-sm text-muted-foreground",
+						children: "No digital twins found."
+					}) : null,
+					s.map((e) => /* @__PURE__ */ n("article", {
+						className: "rounded-lg border p-4",
+						children: [
+							/* @__PURE__ */ n("p", {
+								className: "text-xs uppercase tracking-wide text-muted-foreground",
+								children: ["Asset ", e.assetId]
+							}),
+							/* @__PURE__ */ t("h2", {
+								className: "mt-1 text-base font-semibold",
+								children: e.modelRef
+							}),
+							/* @__PURE__ */ n("p", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: ["Fidelity: ", e.fidelityLevel]
+							}),
+							/* @__PURE__ */ n("p", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: ["Geometry: ", e.geometryRef ?? "Not linked"]
+							})
+						]
+					}, e.id))
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { o as DigitalTwinPage };
+
+//# sourceMappingURL=DigitalTwinPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DigitalTwinPage.js","names":[],"sources":["../../../src/assethandler/pages/DigitalTwinPage.tsx"],"sourcesContent":["import { Box } from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\n\nconst DIGITAL_TWINS_QUERY = gql`\n  query AssetHandlerDigitalTwins {\n    digitalTwins {\n      id\n      assetId\n      modelRef\n      fidelityLevel\n      geometryRef\n      updatedAt\n    }\n  }\n`;\n\nexport function DigitalTwinPage() {\n  const { data, loading } = useQuery<{\n    digitalTwins: Array<{\n      id: string;\n      assetId: string;\n      modelRef: string;\n      fidelityLevel: string;\n      geometryRef: string | null;\n      updatedAt: string;\n    }>;\n  }>(DIGITAL_TWINS_QUERY, { fetchPolicy: 'cache-and-network' });\n\n  const twins = data?.digitalTwins ?? [];\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n        <Box className=\"h-6 w-6\" /> Digital Twin\n      </h1>\n      <p className=\"text-muted-foreground\">\n        Manage and simulate digital twins for critical assets and systems.\n      </p>\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {loading && twins.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">Loading twins...</p>\n        ) : null}\n        {!loading && twins.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">No digital twins found.</p>\n        ) : null}\n        {twins.map((twin) => (\n          <article key={twin.id} className=\"rounded-lg border p-4\">\n            <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n              Asset {twin.assetId}\n            </p>\n            <h2 className=\"mt-1 text-base font-semibold\">{twin.modelRef}</h2>\n            <p className=\"mt-1 text-sm text-muted-foreground\">Fidelity: {twin.fidelityLevel}</p>\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              Geometry: {twin.geometryRef ?? 'Not linked'}\n            </p>\n          </article>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,IAAM,IAAsB,CAAG;;;;;;;;;;;;AAa/B,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,eAAY,EASvB,GAAqB,EAAE,aAAa,qBAAqB,CAAC,EAEvD,IAAQ,GAAM,gBAAgB,EAAE;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA,EAAA,gBACxB;;GACL,kBAAC,KAAD;IAAG,WAAU;cAAwB;IAEjC,CAAA;GACJ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KAAW,EAAM,WAAW,IAC3B,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAoB,CAAA,GAC/D;KACH,CAAC,KAAW,EAAM,WAAW,IAC5B,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAA2B,CAAA,GACtE;KACH,EAAM,KAAK,MACV,kBAAC,WAAD;MAAuB,WAAU;gBAAjC;OACE,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAqE,UAC5D,EAAK,QACV;;OACJ,kBAAC,MAAD;QAAI,WAAU;kBAAgC,EAAK;QAAc,CAAA;OACjE,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAkD,cAAW,EAAK,cAAkB;;OACpF,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAkD,cACrC,EAAK,eAAe,aAC7B;;OACI;QATI,EAAK,GAST,CACV;KACE;;GACF"}

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

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

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

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

package/dist/assethandler/pages/DiscoveryJobsPage.js

@@ -0,0 +1,115 @@
+import { useState as e } from "react";
+import { Radar 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/DiscoveryJobsPage.tsx
+var s = i`
+  query AssetHandlerDiscoveryJobs {
+    discoveryJobs {
+      id
+      name
+      source
+      status
+      assetsDiscovered
+      startedAt
+      completedAt
+    }
+  }
+`, c = i`
+  mutation AssetHandlerStartDiscoveryJob($input: StartDiscoveryJobInput!) {
+    startDiscoveryJob(input: $input) {
+      id
+    }
+  }
+`;
+function l() {
+	let [i, l] = e("Nightly Datacenter Scan"), [u, d] = e("aws-ap-south-1"), { data: f, loading: p, refetch: m } = o(s, { fetchPolicy: "cache-and-network" }), [h, { loading: g }] = a(c, { onCompleted: () => {
+		m();
+	} }), _ = f?.discoveryJobs ?? [];
+	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" }), " Discovery Jobs"]
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-muted-foreground",
+				children: "Run and monitor asset discovery scans from connected environments."
+			}),
+			/* @__PURE__ */ r("form", {
+				className: "grid gap-3 rounded-lg border p-4 md:grid-cols-3",
+				onSubmit: (e) => {
+					e.preventDefault(), h({ variables: { input: {
+						name: i,
+						source: u
+					} } });
+				},
+				children: [
+					/* @__PURE__ */ n("input", {
+						className: "rounded-md border px-3 py-2",
+						value: i,
+						onChange: (e) => l(e.target.value),
+						placeholder: "Job name"
+					}),
+					/* @__PURE__ */ n("input", {
+						className: "rounded-md border px-3 py-2",
+						value: u,
+						onChange: (e) => d(e.target.value),
+						placeholder: "Discovery source"
+					}),
+					/* @__PURE__ */ n("button", {
+						className: "rounded-md bg-primary px-3 py-2 text-primary-foreground",
+						disabled: g,
+						type: "submit",
+						children: g ? "Starting..." : "Start Job"
+					})
+				]
+			}),
+			/* @__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: "Name" }),
+							/* @__PURE__ */ n("span", { children: "Source" }),
+							/* @__PURE__ */ n("span", { children: "Status" }),
+							/* @__PURE__ */ n("span", { children: "Discovered" }),
+							/* @__PURE__ */ n("span", { children: "Started" })
+						]
+					}),
+					p && _.length === 0 ? /* @__PURE__ */ n("div", {
+						className: "px-4 py-4 text-sm text-muted-foreground",
+						children: "Loading jobs..."
+					}) : null,
+					!p && _.length === 0 ? /* @__PURE__ */ n("div", {
+						className: "px-4 py-4 text-sm text-muted-foreground",
+						children: "No discovery jobs 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", {
+								className: "font-medium",
+								children: e.name
+							}),
+							/* @__PURE__ */ n("span", { children: e.source }),
+							/* @__PURE__ */ n("span", { children: e.status }),
+							/* @__PURE__ */ n("span", { children: e.assetsDiscovered }),
+							/* @__PURE__ */ n("span", {
+								className: "text-muted-foreground",
+								children: e.startedAt ? new Date(e.startedAt).toLocaleString() : "n/a"
+							})
+						]
+					}, e.id))
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { l as DiscoveryJobsPage };
+
+//# sourceMappingURL=DiscoveryJobsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoveryJobsPage.js","names":[],"sources":["../../../src/assethandler/pages/DiscoveryJobsPage.tsx"],"sourcesContent":["import { Radar } from 'lucide-react';\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\n\nconst DISCOVERY_JOBS_QUERY = gql`\n  query AssetHandlerDiscoveryJobs {\n    discoveryJobs {\n      id\n      name\n      source\n      status\n      assetsDiscovered\n      startedAt\n      completedAt\n    }\n  }\n`;\n\nconst START_DISCOVERY_JOB_MUTATION = gql`\n  mutation AssetHandlerStartDiscoveryJob($input: StartDiscoveryJobInput!) {\n    startDiscoveryJob(input: $input) {\n      id\n    }\n  }\n`;\n\nexport function DiscoveryJobsPage() {\n  const [name, setName] = useState('Nightly Datacenter Scan');\n  const [source, setSource] = useState('aws-ap-south-1');\n\n  const { data, loading, refetch } = useQuery<{\n    discoveryJobs: Array<{\n      id: string;\n      name: string;\n      source: string;\n      status: string;\n      assetsDiscovered: number;\n      startedAt: string | null;\n      completedAt: string | null;\n    }>;\n  }>(DISCOVERY_JOBS_QUERY, { fetchPolicy: 'cache-and-network' });\n\n  const [startDiscoveryJob, { loading: starting }] = useMutation(START_DISCOVERY_JOB_MUTATION, {\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n\n  const jobs = data?.discoveryJobs ?? [];\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n        <Radar className=\"h-6 w-6\" /> Discovery Jobs\n      </h1>\n      <p className=\"text-muted-foreground\">\n        Run and monitor asset discovery scans from connected environments.\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          void startDiscoveryJob({ variables: { input: { name, source } } });\n        }}\n      >\n        <input\n          className=\"rounded-md border px-3 py-2\"\n          value={name}\n          onChange={(event) => setName(event.target.value)}\n          placeholder=\"Job name\"\n        />\n        <input\n          className=\"rounded-md border px-3 py-2\"\n          value={source}\n          onChange={(event) => setSource(event.target.value)}\n          placeholder=\"Discovery source\"\n        />\n        <button\n          className=\"rounded-md bg-primary px-3 py-2 text-primary-foreground\"\n          disabled={starting}\n          type=\"submit\"\n        >\n          {starting ? 'Starting...' : 'Start Job'}\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>Name</span>\n          <span>Source</span>\n          <span>Status</span>\n          <span>Discovered</span>\n          <span>Started</span>\n        </div>\n        {loading && jobs.length === 0 ? (\n          <div className=\"px-4 py-4 text-sm text-muted-foreground\">Loading jobs...</div>\n        ) : null}\n        {!loading && jobs.length === 0 ? (\n          <div className=\"px-4 py-4 text-sm text-muted-foreground\">No discovery jobs found.</div>\n        ) : null}\n        {jobs.map((job) => (\n          <div\n            key={job.id}\n            className=\"grid grid-cols-5 gap-3 border-b px-4 py-3 text-sm last:border-b-0\"\n          >\n            <span className=\"font-medium\">{job.name}</span>\n            <span>{job.source}</span>\n            <span>{job.status}</span>\n            <span>{job.assetsDiscovered}</span>\n            <span className=\"text-muted-foreground\">\n              {job.startedAt ? new Date(job.startedAt).toLocaleString() : 'n/a'}\n            </span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,IAAM,IAAuB,CAAG;;;;;;;;;;;;GAc1B,IAA+B,CAAG;;;;;;;AAQxC,SAAgB,IAAoB;CAClC,IAAM,CAAC,GAAM,KAAW,EAAS,0BAA0B,EACrD,CAAC,GAAQ,KAAa,EAAS,iBAAiB,EAEhD,EAAE,SAAM,YAAS,eAAY,EAUhC,GAAsB,EAAE,aAAa,qBAAqB,CAAC,EAExD,CAAC,GAAmB,EAAE,SAAS,OAAc,EAAY,GAA8B,EAC3F,mBAAmB;AACZ,KAAS;IAEjB,CAAC,EAEI,IAAO,GAAM,iBAAiB,EAAE;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,kBAC1B;;GACL,kBAAC,KAAD;IAAG,WAAU;cAAwB;IAEjC,CAAA;GACJ,kBAAC,QAAD;IACE,WAAU;IACV,WAAW,MAAU;AAEd,KADL,EAAM,gBAAgB,EACjB,EAAkB,EAAE,WAAW,EAAE,OAAO;MAAE;MAAM;MAAQ,EAAE,EAAE,CAAC;;cAJtE;KAOE,kBAAC,SAAD;MACE,WAAU;MACV,OAAO;MACP,WAAW,MAAU,EAAQ,EAAM,OAAO,MAAM;MAChD,aAAY;MACZ,CAAA;KACF,kBAAC,SAAD;MACE,WAAU;MACV,OAAO;MACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;MAClD,aAAY;MACZ,CAAA;KACF,kBAAC,UAAD;MACE,WAAU;MACV,UAAU;MACV,MAAK;gBAEJ,IAAW,gBAAgB;MACrB,CAAA;KACJ;;GACP,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;OACjB,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;OACnB,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;OACnB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;OACvB,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA;OAChB;;KACL,KAAW,EAAK,WAAW,IAC1B,kBAAC,OAAD;MAAK,WAAU;gBAA0C;MAAqB,CAAA,GAC5E;KACH,CAAC,KAAW,EAAK,WAAW,IAC3B,kBAAC,OAAD;MAAK,WAAU;gBAA0C;MAA8B,CAAA,GACrF;KACH,EAAK,KAAK,MACT,kBAAC,OAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAI;QAAY,CAAA;OAC/C,kBAAC,QAAD,EAAA,UAAO,EAAI,QAAc,CAAA;OACzB,kBAAC,QAAD,EAAA,UAAO,EAAI,QAAc,CAAA;OACzB,kBAAC,QAAD,EAAA,UAAO,EAAI,kBAAwB,CAAA;OACnC,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAI,YAAY,IAAI,KAAK,EAAI,UAAU,CAAC,gBAAgB,GAAG;QACvD,CAAA;OACH;QAVC,EAAI,GAUL,CACN;KACE;;GACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EsgDashboardPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/EsgDashboardPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,gBAAgB,4CAsG/B"}