@burdenoff/microfe-housingvista 2026.510.105

package/dist/housingvista/pages/amc/AMCManagementPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AMCManagementPage.js","names":[],"sources":["../../../../src/housingvista/pages/amc/AMCManagementPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Shield,\n  FileText,\n  DollarSign,\n  Calendar,\n  Plus,\n  Download,\n  CheckCircle,\n  Clock,\n  AlertTriangle,\n  Wrench,\n  RotateCcw,\n  Eye,\n} from 'lucide-react';\nimport { PageLayout } from '../../components';\nimport { StatCard } from '../../components';\nimport { DataTable, type Column } from '../../components';\nimport { StatusBadge } from '../../components';\nimport { FilterBar } from '../../components';\nimport { EmptyState } from '../../components';\nimport { useAMCContracts } from '../../hooks';\nimport { cn, formatCurrency, formatDate } from '../../utils/helpers';\nimport type { AMCContract } from '../../types';\n\nfunction getStatusVariant(status: AMCContract['status']): 'success' | 'warning' | 'error' | 'muted' {\n  switch (status) {\n    case 'active':\n      return 'success';\n    case 'expiring_soon':\n      return 'warning';\n    case 'expired':\n      return 'error';\n    case 'cancelled':\n      return 'muted';\n    default:\n      return 'muted';\n  }\n}\n\nexport function AMCManagementPage() {\n  const { data: amcContracts } = useAMCContracts();\n  const [search, setSearch] = useState('');\n\n  const filtered = useMemo(() => {\n    if (!search) return amcContracts;\n    const q = search.toLowerCase();\n    return amcContracts.filter(\n      (c) =>\n        c.propertyTitle.toLowerCase().includes(q) ||\n        c.providerName.toLowerCase().includes(q) ||\n        c.packageName.toLowerCase().includes(q)\n    );\n  }, [amcContracts, search]);\n\n  const stats = useMemo(() => {\n    const activeContracts = amcContracts.filter((c) => c.status === 'active' || c.status === 'expiring_soon').length;\n    const pendingRenewals = amcContracts.filter((c) => c.status === 'expiring_soon').length;\n    const totalMonthlySpent = amcContracts\n      .filter((c) => c.status === 'active' || c.status === 'expiring_soon')\n      .reduce((sum, c) => sum + c.monthlyCost, 0);\n    const upcomingServices = amcContracts.filter((c) => {\n      if (!c.nextServiceDate) return false;\n      const serviceDate = new Date(c.nextServiceDate);\n      const now = new Date();\n      const daysUntil = (serviceDate.getTime() - now.getTime()) / (1000 * 60 * 60 * 24);\n      return daysUntil >= 0 && daysUntil <= 30;\n    }).length;\n    return { activeContracts, pendingRenewals, totalMonthlySpent, upcomingServices };\n  }, [amcContracts]);\n\n  const contractColumns: Column<AMCContract>[] = [\n    {\n      key: 'packageName',\n      header: 'Contract',\n      render: (item) => (\n        <div>\n          <div className=\"font-medium text-foreground\">{item.packageName}</div>\n          <div className=\"text-xs text-muted-foreground\">{item.propertyTitle}</div>\n        </div>\n      ),\n    },\n    {\n      key: 'providerName',\n      header: 'Provider',\n      render: (item) => <span className=\"text-sm text-foreground\">{item.providerName}</span>,\n    },\n    {\n      key: 'servicesIncluded',\n      header: 'Coverage',\n      render: (item) => (\n        <div className=\"max-w-[200px]\">\n          <span className=\"text-sm text-foreground\">{item.servicesIncluded.length} services</span>\n          <p className=\"truncate text-xs text-muted-foreground\">\n            {item.servicesIncluded.slice(0, 2).join(', ')}\n            {item.servicesIncluded.length > 2 && ` +${item.servicesIncluded.length - 2} more`}\n          </p>\n        </div>\n      ),\n    },\n    {\n      key: 'monthlyCost',\n      header: 'Cost',\n      render: (item) => (\n        <div>\n          <span className=\"font-medium text-foreground\">{formatCurrency(item.monthlyCost)}</span>\n          <span className=\"text-xs text-muted-foreground\">/mo</span>\n        </div>\n      ),\n    },\n    {\n      key: 'startDate',\n      header: 'Start',\n      render: (item) => <span className=\"text-sm text-foreground\">{formatDate(item.startDate)}</span>,\n    },\n    {\n      key: 'endDate',\n      header: 'End',\n      render: (item) => <span className=\"text-sm text-foreground\">{formatDate(item.endDate)}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (item) => (\n        <StatusBadge label={item.status.replace('_', ' ')} variant={getStatusVariant(item.status)} dot />\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"AMC Management\"\n      description=\"Manage Annual Maintenance Contracts and service packages\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button className=\"inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n            <Download className=\"h-4 w-4\" />\n            Export\n          </button>\n          <button className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\">\n            <Plus className=\"h-4 w-4\" />\n            New Contract\n          </button>\n        </div>\n      }\n    >\n      {/* Stats */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard label=\"Active Contracts\" value={stats.activeContracts} icon={<Shield className=\"h-4 w-4\" />} />\n        <StatCard\n          label=\"Pending Renewals\"\n          value={stats.pendingRenewals}\n          icon={<RotateCcw className=\"h-4 w-4\" />}\n          trend={stats.pendingRenewals > 0 ? 'up' : 'stable'}\n          change={stats.pendingRenewals > 0 ? stats.pendingRenewals : 0}\n        />\n        <StatCard\n          label=\"Total Monthly Spent\"\n          value={stats.totalMonthlySpent}\n          prefix=\"$\"\n          icon={<DollarSign className=\"h-4 w-4\" />}\n        />\n        <StatCard label=\"Upcoming Services\" value={stats.upcomingServices} icon={<Calendar className=\"h-4 w-4\" />} />\n      </div>\n\n      {/* Service Schedule Section */}\n      <div className=\"rounded-lg border border-border bg-card p-5 shadow-sm\">\n        <h3 className=\"mb-4 text-lg font-semibold text-foreground\">Upcoming Service Schedule</h3>\n        <div className=\"space-y-3\">\n          {amcContracts\n            .filter((c) => c.nextServiceDate && (c.status === 'active' || c.status === 'expiring_soon'))\n            .sort((a, b) => new Date(a.nextServiceDate).getTime() - new Date(b.nextServiceDate).getTime())\n            .map((contract) => {\n              const serviceDate = new Date(contract.nextServiceDate);\n              const now = new Date();\n              const daysUntil = Math.ceil((serviceDate.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));\n              const isUrgent = daysUntil <= 7;\n              const isPast = daysUntil < 0;\n\n              return (\n                <div\n                  key={contract.id}\n                  className=\"flex flex-col gap-3 rounded-lg bg-muted/50 p-4 sm:flex-row sm:items-center sm:justify-between\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    <div\n                      className={cn(\n                        'rounded-lg p-2',\n                        isPast\n                          ? 'bg-red-100 dark:bg-red-900/30'\n                          : isUrgent\n                            ? 'bg-amber-100 dark:bg-amber-900/30'\n                            : 'bg-blue-100 dark:bg-blue-900/30'\n                      )}\n                    >\n                      {isPast ? (\n                        <AlertTriangle className=\"h-4 w-4 text-red-600 dark:text-red-400\" />\n                      ) : isUrgent ? (\n                        <Clock className=\"h-4 w-4 text-amber-600 dark:text-amber-400\" />\n                      ) : (\n                        <Wrench className=\"h-4 w-4 text-blue-600 dark:text-blue-400\" />\n                      )}\n                    </div>\n                    <div>\n                      <p className=\"font-medium text-foreground\">{contract.propertyTitle}</p>\n                      <p className=\"text-sm text-muted-foreground\">\n                        {contract.packageName} &middot; {contract.providerName}\n                      </p>\n                      <div className=\"mt-1 flex flex-wrap gap-1\">\n                        {contract.servicesIncluded.slice(0, 3).map((service, idx) => (\n                          <span\n                            key={idx}\n                            className=\"inline-block rounded-md bg-muted px-2 py-0.5 text-xs text-muted-foreground\"\n                          >\n                            {service}\n                          </span>\n                        ))}\n                        {contract.servicesIncluded.length > 3 && (\n                          <span className=\"inline-block rounded-md bg-muted px-2 py-0.5 text-xs text-muted-foreground\">\n                            +{contract.servicesIncluded.length - 3} more\n                          </span>\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"text-right\">\n                      <p className=\"text-sm font-medium text-foreground\">{formatDate(contract.nextServiceDate)}</p>\n                      <p\n                        className={cn(\n                          'text-xs',\n                          isPast\n                            ? 'text-red-600 dark:text-red-400'\n                            : isUrgent\n                              ? 'text-amber-600 dark:text-amber-400'\n                              : 'text-muted-foreground'\n                        )}\n                      >\n                        {isPast\n                          ? `${Math.abs(daysUntil)} days overdue`\n                          : daysUntil === 0\n                            ? 'Today'\n                            : `In ${daysUntil} days`}\n                      </p>\n                    </div>\n                    <StatusBadge\n                      label={contract.status.replace('_', ' ')}\n                      variant={getStatusVariant(contract.status)}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n        </div>\n      </div>\n\n      {/* Contracts Table */}\n      <div>\n        <h2 className=\"mb-4 text-lg font-semibold text-foreground\">All Contracts</h2>\n        <FilterBar\n          searchValue={search}\n          onSearchChange={setSearch}\n          searchPlaceholder=\"Search contracts, providers, properties...\"\n        />\n        <div className=\"mt-4\">\n          {filtered.length > 0 ? (\n            <DataTable columns={contractColumns} data={filtered} keyField=\"id\" pageSize={10} />\n          ) : (\n            <EmptyState\n              icon={<Shield className=\"h-12 w-12\" />}\n              title=\"No contracts found\"\n              description=\"Try adjusting your search criteria or create a new contract.\"\n              action={\n                <button className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\">\n                  <Plus className=\"h-4 w-4\" />\n                  New Contract\n                </button>\n              }\n            />\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/analytics/AnalyticsPage.d.ts

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

package/dist/housingvista/pages/analytics/AnalyticsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/analytics/AnalyticsPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,aAAa,4CAmR5B"}

package/dist/housingvista/pages/analytics/AnalyticsPage.js

@@ -0,0 +1,320 @@
+import { cn as e, formatCurrency as t, formatNumber as n } from "../../utils/helpers.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { StatCard as i } from "../../components/StatCard.js";
+import { DataTable as a } from "../../components/DataTable.js";
+import { ChartCard as o } from "../../components/ChartCard.js";
+import "../../components/index.js";
+import { useAnalyticsData as s } from "../../hooks/index.js";
+import { useState as c } from "react";
+import { Activity as l, ArrowDownRight as u, ArrowUpRight as d, Building as f, Calendar as p, Clock as m, DollarSign as h, Download as g, TrendingUp as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/housingvista/pages/analytics/AnalyticsPage.tsx
+var b = [
+	{
+		value: "week",
+		label: "Week"
+	},
+	{
+		value: "month",
+		label: "Month"
+	},
+	{
+		value: "quarter",
+		label: "Quarter"
+	},
+	{
+		value: "year",
+		label: "Year"
+	}
+];
+function x() {
+	let { data: x } = s(), [S, C] = c("month");
+	return /* @__PURE__ */ y(r, {
+		title: "Analytics",
+		description: "Track your property portfolio performance and market insights",
+		actions: /* @__PURE__ */ y("button", {
+			className: "inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+			children: [/* @__PURE__ */ v(g, { className: "h-4 w-4" }), "Export Report"]
+		}),
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ v(p, { className: "h-4 w-4 text-muted-foreground" }),
+					/* @__PURE__ */ v("span", {
+						className: "text-sm font-medium text-muted-foreground",
+						children: "Period:"
+					}),
+					b.map((t) => /* @__PURE__ */ v("button", {
+						onClick: () => C(t.value),
+						className: e("rounded-md px-3 py-1.5 text-sm font-medium transition-colors", S === t.value ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:text-foreground"),
+						children: t.label
+					}, t.value))
+				]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: x.kpis.map((e) => {
+					let t = {
+						"Portfolio Value": h,
+						"Monthly Revenue": _,
+						"Occupancy Rate": f,
+						"Avg. Days to Rent": m
+					}[e.label] || l;
+					return /* @__PURE__ */ v(i, {
+						label: e.label,
+						value: e.unit === "USD" ? e.value : `${n(e.value)}${e.unit === "%" ? "%" : ` ${e.unit}`}`,
+						prefix: e.unit === "USD" ? "$" : void 0,
+						icon: /* @__PURE__ */ v(t, { className: "h-4 w-4" }),
+						trend: e.trend === "up" ? "up" : e.trend === "down" ? "down" : "stable",
+						change: e.changePercent
+					}, e.id);
+				})
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+				children: [
+					/* @__PURE__ */ v(o, {
+						title: "Revenue vs Expenses",
+						description: "Monthly revenue and expense trends",
+						children: /* @__PURE__ */ y("div", {
+							className: "space-y-3",
+							children: [x.revenueByMonth.slice(-6).map((e) => {
+								let n = Math.max(...x.revenueByMonth.map((e) => e.revenue)), r = e.revenue / n * 100, i = e.expenses / n * 100;
+								return /* @__PURE__ */ y("div", {
+									className: "space-y-1",
+									children: [
+										/* @__PURE__ */ y("div", {
+											className: "flex items-center justify-between text-xs",
+											children: [/* @__PURE__ */ v("span", {
+												className: "font-medium text-foreground",
+												children: e.month
+											}), /* @__PURE__ */ y("span", {
+												className: "text-muted-foreground",
+												children: [
+													t(e.revenue),
+													" / ",
+													t(e.expenses)
+												]
+											})]
+										}),
+										/* @__PURE__ */ v("div", {
+											className: "flex gap-1",
+											children: /* @__PURE__ */ v("div", {
+												className: "h-2 rounded-full bg-emerald-500",
+												style: { width: `${r}%` }
+											})
+										}),
+										/* @__PURE__ */ v("div", {
+											className: "flex gap-1",
+											children: /* @__PURE__ */ v("div", {
+												className: "h-2 rounded-full bg-red-400",
+												style: { width: `${i}%` }
+											})
+										})
+									]
+								}, e.month);
+							}), /* @__PURE__ */ y("div", {
+								className: "flex items-center gap-4 pt-2 text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ y("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ v("span", { className: "h-2 w-2 rounded-full bg-emerald-500" }), "Revenue"]
+								}), /* @__PURE__ */ y("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ v("span", { className: "h-2 w-2 rounded-full bg-red-400" }), "Expenses"]
+								})]
+							})]
+						})
+					}),
+					/* @__PURE__ */ v(o, {
+						title: "Property Type Distribution",
+						description: "Portfolio breakdown by property type",
+						children: /* @__PURE__ */ v("div", {
+							className: "space-y-4",
+							children: x.propertyTypeDistribution.map((n) => {
+								let r = x.propertyTypeDistribution.reduce((e, t) => e + t.value, 0), i = r > 0 ? n.value / r * 100 : 0, a = {
+									Residential: "bg-blue-500",
+									Commercial: "bg-purple-500",
+									Agricultural: "bg-emerald-500"
+								};
+								return /* @__PURE__ */ y("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [/* @__PURE__ */ y("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ v("span", { className: e("h-3 w-3 rounded-full", a[n.type] || "bg-muted-foreground") }), /* @__PURE__ */ v("span", {
+												className: "font-medium text-foreground",
+												children: n.type
+											})]
+										}), /* @__PURE__ */ y("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ y("span", {
+												className: "text-muted-foreground",
+												children: [n.count, " properties"]
+											}), /* @__PURE__ */ v("span", {
+												className: "font-medium text-foreground",
+												children: t(n.value)
+											})]
+										})]
+									}), /* @__PURE__ */ v("div", {
+										className: "h-2 w-full rounded-full bg-muted",
+										children: /* @__PURE__ */ v("div", {
+											className: e("h-2 rounded-full", a[n.type] || "bg-muted-foreground"),
+											style: { width: `${i}%` }
+										})
+									})]
+								}, n.type);
+							})
+						})
+					}),
+					/* @__PURE__ */ v(o, {
+						title: "Occupancy Rate Trend",
+						description: "Monthly occupancy rate percentage",
+						children: /* @__PURE__ */ v("div", {
+							className: "space-y-3",
+							children: x.occupancyRate.slice(-6).map((t, n, r) => {
+								let i = n > 0 ? r[n - 1].rate : t.rate, a = t.rate - i;
+								return /* @__PURE__ */ y("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ v("span", {
+										className: "text-sm font-medium text-foreground",
+										children: t.month
+									}), /* @__PURE__ */ y("div", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ v("div", {
+												className: "h-2 w-24 rounded-full bg-muted",
+												children: /* @__PURE__ */ v("div", {
+													className: "h-2 rounded-full bg-blue-500",
+													style: { width: `${t.rate}%` }
+												})
+											}),
+											/* @__PURE__ */ y("span", {
+												className: "w-12 text-right text-sm font-semibold text-foreground",
+												children: [t.rate, "%"]
+											}),
+											a !== 0 && /* @__PURE__ */ y("span", {
+												className: e("flex items-center text-xs", a > 0 ? "text-emerald-600" : "text-red-600"),
+												children: [v(a > 0 ? d : u, { className: "h-3 w-3" }), Math.abs(a)]
+											})
+										]
+									})]
+								}, t.month);
+							})
+						})
+					}),
+					/* @__PURE__ */ v(o, {
+						title: "Quick Stats",
+						description: "Key performance indicators at a glance",
+						children: /* @__PURE__ */ y("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex items-center justify-between rounded-lg bg-muted/50 p-3",
+								children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Total Revenue (YTD)"
+								}), /* @__PURE__ */ v("p", {
+									className: "text-lg font-bold text-foreground",
+									children: t(x.revenueByMonth.reduce((e, t) => e + t.revenue, 0))
+								})] }), /* @__PURE__ */ y("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ v("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Total Expenses (YTD)"
+									}), /* @__PURE__ */ v("p", {
+										className: "text-lg font-bold text-foreground",
+										children: t(x.revenueByMonth.reduce((e, t) => e + t.expenses, 0))
+									})]
+								})]
+							}), /* @__PURE__ */ y("div", {
+								className: "grid grid-cols-2 gap-3",
+								children: [/* @__PURE__ */ y("div", {
+									className: "rounded-lg bg-emerald-50 p-3 text-center dark:bg-emerald-900/20",
+									children: [/* @__PURE__ */ v("p", {
+										className: "text-xl font-bold text-emerald-600 dark:text-emerald-400",
+										children: t(x.revenueByMonth.reduce((e, t) => e + t.revenue, 0) - x.revenueByMonth.reduce((e, t) => e + t.expenses, 0))
+									}), /* @__PURE__ */ v("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Net Income"
+									})]
+								}), /* @__PURE__ */ y("div", {
+									className: "rounded-lg bg-blue-50 p-3 text-center dark:bg-blue-900/20",
+									children: [/* @__PURE__ */ y("p", {
+										className: "text-xl font-bold text-blue-600 dark:text-blue-400",
+										children: [((x.revenueByMonth.reduce((e, t) => e + t.revenue, 0) - x.revenueByMonth.reduce((e, t) => e + t.expenses, 0)) / x.revenueByMonth.reduce((e, t) => e + t.revenue, 0) * 100).toFixed(1), "%"]
+									}), /* @__PURE__ */ v("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Profit Margin"
+									})]
+								})]
+							})]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+				className: "mb-4 text-lg font-semibold text-foreground",
+				children: "Monthly Performance"
+			}), /* @__PURE__ */ v(a, {
+				columns: [
+					{
+						key: "month",
+						header: "Month",
+						render: (e) => /* @__PURE__ */ v("span", {
+							className: "font-medium text-foreground",
+							children: e.month
+						})
+					},
+					{
+						key: "revenue",
+						header: "Revenue",
+						render: (e) => /* @__PURE__ */ v("span", {
+							className: "font-medium text-emerald-600 dark:text-emerald-400",
+							children: t(e.revenue)
+						})
+					},
+					{
+						key: "expenses",
+						header: "Expenses",
+						render: (e) => /* @__PURE__ */ v("span", {
+							className: "font-medium text-red-600 dark:text-red-400",
+							children: t(e.expenses)
+						})
+					},
+					{
+						key: "net",
+						header: "Net Income",
+						sortable: !1,
+						render: (n) => {
+							let r = n.revenue - n.expenses;
+							return /* @__PURE__ */ v("span", {
+								className: e("font-medium", r >= 0 ? "text-emerald-600 dark:text-emerald-400" : "text-red-600 dark:text-red-400"),
+								children: t(r)
+							});
+						}
+					},
+					{
+						key: "margin",
+						header: "Margin",
+						sortable: !1,
+						render: (t) => {
+							let n = t.revenue > 0 ? (t.revenue - t.expenses) / t.revenue * 100 : 0;
+							return /* @__PURE__ */ y("span", {
+								className: e("font-medium", n >= 0 ? "text-emerald-600 dark:text-emerald-400" : "text-red-600 dark:text-red-400"),
+								children: [n.toFixed(1), "%"]
+							});
+						}
+					}
+				],
+				data: x.revenueByMonth,
+				keyField: "month",
+				pageSize: 12
+			})] })
+		]
+	});
+}
+//#endregion
+export { x as AnalyticsPage };
+
+//# sourceMappingURL=AnalyticsPage.js.map

package/dist/housingvista/pages/analytics/AnalyticsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/housingvista/pages/analytics/AnalyticsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  BarChart3,\n  TrendingUp,\n  DollarSign,\n  Building,\n  Activity,\n  Calendar,\n  Download,\n  PieChart,\n  ArrowUpRight,\n  ArrowDownRight,\n  Clock,\n} from 'lucide-react';\nimport { PageLayout } from '../../components';\nimport { StatCard } from '../../components';\nimport { ChartCard } from '../../components';\nimport { DataTable, type Column } from '../../components';\nimport { useAnalyticsData } from '../../hooks';\nimport { cn, formatCurrency, formatNumber } from '../../utils/helpers';\n\ntype TimePeriod = 'week' | 'month' | 'quarter' | 'year';\n\nconst periodTabs: { value: TimePeriod; label: string }[] = [\n  { value: 'week', label: 'Week' },\n  { value: 'month', label: 'Month' },\n  { value: 'quarter', label: 'Quarter' },\n  { value: 'year', label: 'Year' },\n];\n\nexport function AnalyticsPage() {\n  const { data: analyticsData } = useAnalyticsData();\n  const [selectedPeriod, setSelectedPeriod] = useState<TimePeriod>('month');\n\n  const revenueColumns: Column<{ month: string; revenue: number; expenses: number }>[] = [\n    {\n      key: 'month',\n      header: 'Month',\n      render: (item) => <span className=\"font-medium text-foreground\">{item.month}</span>,\n    },\n    {\n      key: 'revenue',\n      header: 'Revenue',\n      render: (item) => (\n        <span className=\"font-medium text-emerald-600 dark:text-emerald-400\">{formatCurrency(item.revenue)}</span>\n      ),\n    },\n    {\n      key: 'expenses',\n      header: 'Expenses',\n      render: (item) => (\n        <span className=\"font-medium text-red-600 dark:text-red-400\">{formatCurrency(item.expenses)}</span>\n      ),\n    },\n    {\n      key: 'net',\n      header: 'Net Income',\n      sortable: false,\n      render: (item) => {\n        const net = item.revenue - item.expenses;\n        return (\n          <span\n            className={cn(\n              'font-medium',\n              net >= 0 ? 'text-emerald-600 dark:text-emerald-400' : 'text-red-600 dark:text-red-400'\n            )}\n          >\n            {formatCurrency(net)}\n          </span>\n        );\n      },\n    },\n    {\n      key: 'margin',\n      header: 'Margin',\n      sortable: false,\n      render: (item) => {\n        const margin = item.revenue > 0 ? ((item.revenue - item.expenses) / item.revenue) * 100 : 0;\n        return (\n          <span\n            className={cn(\n              'font-medium',\n              margin >= 0 ? 'text-emerald-600 dark:text-emerald-400' : 'text-red-600 dark:text-red-400'\n            )}\n          >\n            {margin.toFixed(1)}%\n          </span>\n        );\n      },\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Analytics\"\n      description=\"Track your property portfolio performance and market insights\"\n      actions={\n        <button className=\"inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n          <Download className=\"h-4 w-4\" />\n          Export Report\n        </button>\n      }\n    >\n      {/* Time Period Selector */}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n        <span className=\"text-sm font-medium text-muted-foreground\">Period:</span>\n        {periodTabs.map((tab) => (\n          <button\n            key={tab.value}\n            onClick={() => setSelectedPeriod(tab.value)}\n            className={cn(\n              'rounded-md px-3 py-1.5 text-sm font-medium transition-colors',\n              selectedPeriod === tab.value\n                ? 'bg-foreground text-background'\n                : 'bg-muted text-muted-foreground hover:text-foreground'\n            )}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Stats Overview Row */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        {analyticsData.kpis.map((kpi) => {\n          const icons: Record<string, typeof DollarSign> = {\n            'Portfolio Value': DollarSign,\n            'Monthly Revenue': TrendingUp,\n            'Occupancy Rate': Building,\n            'Avg. Days to Rent': Clock,\n          };\n          const IconComponent = icons[kpi.label] || Activity;\n\n          return (\n            <StatCard\n              key={kpi.id}\n              label={kpi.label}\n              value={\n                kpi.unit === 'USD' ? kpi.value : `${formatNumber(kpi.value)}${kpi.unit === '%' ? '%' : ` ${kpi.unit}`}`\n              }\n              prefix={kpi.unit === 'USD' ? '$' : undefined}\n              icon={<IconComponent className=\"h-4 w-4\" />}\n              trend={kpi.trend === 'up' ? 'up' : kpi.trend === 'down' ? 'down' : 'stable'}\n              change={kpi.changePercent}\n            />\n          );\n        })}\n      </div>\n\n      {/* Charts Section */}\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        {/* Revenue Chart */}\n        <ChartCard title=\"Revenue vs Expenses\" description=\"Monthly revenue and expense trends\">\n          <div className=\"space-y-3\">\n            {/* Simple bar representation */}\n            {analyticsData.revenueByMonth.slice(-6).map((item) => {\n              const maxVal = Math.max(...analyticsData.revenueByMonth.map((r) => r.revenue));\n              const revWidth = (item.revenue / maxVal) * 100;\n              const expWidth = (item.expenses / maxVal) * 100;\n              return (\n                <div key={item.month} className=\"space-y-1\">\n                  <div className=\"flex items-center justify-between text-xs\">\n                    <span className=\"font-medium text-foreground\">{item.month}</span>\n                    <span className=\"text-muted-foreground\">\n                      {formatCurrency(item.revenue)} / {formatCurrency(item.expenses)}\n                    </span>\n                  </div>\n                  <div className=\"flex gap-1\">\n                    <div className=\"h-2 rounded-full bg-emerald-500\" style={{ width: `${revWidth}%` }} />\n                  </div>\n                  <div className=\"flex gap-1\">\n                    <div className=\"h-2 rounded-full bg-red-400\" style={{ width: `${expWidth}%` }} />\n                  </div>\n                </div>\n              );\n            })}\n            <div className=\"flex items-center gap-4 pt-2 text-xs text-muted-foreground\">\n              <span className=\"flex items-center gap-1\">\n                <span className=\"h-2 w-2 rounded-full bg-emerald-500\" />\n                Revenue\n              </span>\n              <span className=\"flex items-center gap-1\">\n                <span className=\"h-2 w-2 rounded-full bg-red-400\" />\n                Expenses\n              </span>\n            </div>\n          </div>\n        </ChartCard>\n\n        {/* Property Distribution */}\n        <ChartCard title=\"Property Type Distribution\" description=\"Portfolio breakdown by property type\">\n          <div className=\"space-y-4\">\n            {analyticsData.propertyTypeDistribution.map((item) => {\n              const totalValue = analyticsData.propertyTypeDistribution.reduce((s, d) => s + d.value, 0);\n              const pct = totalValue > 0 ? (item.value / totalValue) * 100 : 0;\n              const colors: Record<string, string> = {\n                Residential: 'bg-blue-500',\n                Commercial: 'bg-purple-500',\n                Agricultural: 'bg-emerald-500',\n              };\n              return (\n                <div key={item.type} className=\"space-y-1\">\n                  <div className=\"flex items-center justify-between text-sm\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className={cn('h-3 w-3 rounded-full', colors[item.type] || 'bg-muted-foreground')} />\n                      <span className=\"font-medium text-foreground\">{item.type}</span>\n                    </div>\n                    <div className=\"flex items-center gap-3\">\n                      <span className=\"text-muted-foreground\">{item.count} properties</span>\n                      <span className=\"font-medium text-foreground\">{formatCurrency(item.value)}</span>\n                    </div>\n                  </div>\n                  <div className=\"h-2 w-full rounded-full bg-muted\">\n                    <div\n                      className={cn('h-2 rounded-full', colors[item.type] || 'bg-muted-foreground')}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </ChartCard>\n\n        {/* Occupancy Rate */}\n        <ChartCard title=\"Occupancy Rate Trend\" description=\"Monthly occupancy rate percentage\">\n          <div className=\"space-y-3\">\n            {analyticsData.occupancyRate.slice(-6).map((item, idx, arr) => {\n              const prev = idx > 0 ? arr[idx - 1].rate : item.rate;\n              const change = item.rate - prev;\n              return (\n                <div key={item.month} className=\"flex items-center justify-between\">\n                  <span className=\"text-sm font-medium text-foreground\">{item.month}</span>\n                  <div className=\"flex items-center gap-2\">\n                    <div className=\"h-2 w-24 rounded-full bg-muted\">\n                      <div className=\"h-2 rounded-full bg-blue-500\" style={{ width: `${item.rate}%` }} />\n                    </div>\n                    <span className=\"w-12 text-right text-sm font-semibold text-foreground\">{item.rate}%</span>\n                    {change !== 0 && (\n                      <span\n                        className={cn('flex items-center text-xs', change > 0 ? 'text-emerald-600' : 'text-red-600')}\n                      >\n                        {change > 0 ? <ArrowUpRight className=\"h-3 w-3\" /> : <ArrowDownRight className=\"h-3 w-3\" />}\n                        {Math.abs(change)}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </ChartCard>\n\n        {/* Recent Activity */}\n        <ChartCard title=\"Quick Stats\" description=\"Key performance indicators at a glance\">\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between rounded-lg bg-muted/50 p-3\">\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Total Revenue (YTD)</p>\n                <p className=\"text-lg font-bold text-foreground\">\n                  {formatCurrency(analyticsData.revenueByMonth.reduce((s, r) => s + r.revenue, 0))}\n                </p>\n              </div>\n              <div className=\"text-right\">\n                <p className=\"text-sm text-muted-foreground\">Total Expenses (YTD)</p>\n                <p className=\"text-lg font-bold text-foreground\">\n                  {formatCurrency(analyticsData.revenueByMonth.reduce((s, r) => s + r.expenses, 0))}\n                </p>\n              </div>\n            </div>\n            <div className=\"grid grid-cols-2 gap-3\">\n              <div className=\"rounded-lg bg-emerald-50 p-3 text-center dark:bg-emerald-900/20\">\n                <p className=\"text-xl font-bold text-emerald-600 dark:text-emerald-400\">\n                  {formatCurrency(\n                    analyticsData.revenueByMonth.reduce((s, r) => s + r.revenue, 0) -\n                      analyticsData.revenueByMonth.reduce((s, r) => s + r.expenses, 0)\n                  )}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">Net Income</p>\n              </div>\n              <div className=\"rounded-lg bg-blue-50 p-3 text-center dark:bg-blue-900/20\">\n                <p className=\"text-xl font-bold text-blue-600 dark:text-blue-400\">\n                  {(\n                    ((analyticsData.revenueByMonth.reduce((s, r) => s + r.revenue, 0) -\n                      analyticsData.revenueByMonth.reduce((s, r) => s + r.expenses, 0)) /\n                      analyticsData.revenueByMonth.reduce((s, r) => s + r.revenue, 0)) *\n                    100\n                  ).toFixed(1)}\n                  %\n                </p>\n                <p className=\"text-xs text-muted-foreground\">Profit Margin</p>\n              </div>\n            </div>\n          </div>\n        </ChartCard>\n      </div>\n\n      {/* Performance Metrics Table */}\n      <div>\n        <h2 className=\"mb-4 text-lg font-semibold text-foreground\">Monthly Performance</h2>\n        <DataTable columns={revenueColumns} data={analyticsData.revenueByMonth} keyField=\"month\" pageSize={12} />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/assets/AssetManagementPage.d.ts

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

package/dist/housingvista/pages/assets/AssetManagementPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetManagementPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/assets/AssetManagementPage.tsx"],"names":[],"mappings":"AAuCA,wBAAgB,mBAAmB,4CAsPlC"}