@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

package/dist/housingvista/pages/transactions/TransactionDetailPage.js

@@ -3,17 +3,18 @@ import { StatusBadge as n } from "../../components/StatusBadge.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { Breadcrumbs as i } from "../../components/Breadcrumbs.js";
 import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
-import { useTransaction as o, useUpdateTransaction as s } from "../../hooks/index.js";
-import { notify as c } from "../../lib/toast.js";
-import { FileUploader as l } from "../../components/FileUploader.js";
+import { useTrackPageView as o } from "../../hooks/useHousingVistaAnalytics.js";
+import { useTransaction as s, useUpdateTransaction as c } from "../../hooks/index.js";
+import { notify as l } from "../../lib/toast.js";
+import { FileUploader as u } from "../../components/FileUploader.js";
 import "../../components/index.js";
-import { MilestoneStepper as u, parseMilestones as d } from "./milestones.js";
-import { AlertCircle as f, ArrowLeft as p, Building as m, Calendar as h, CheckCircle as g, Clock as _, DollarSign as v, Download as y, FileText as b, Shield as x, XCircle as S } from "lucide-react";
-import { useNavigate as C, useParams as w } from "react-router-dom";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { EmphasisPanel as D, NextSteps as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
+import { MilestoneStepper as d, parseMilestones as f } from "./milestones.js";
+import { AlertCircle as p, ArrowLeft as m, Building as h, Calendar as g, CheckCircle as _, Clock as v, DollarSign as y, Download as b, FileText as x, Shield as S, XCircle as C } from "lucide-react";
+import { useNavigate as w, useParams as T } from "react-router-dom";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/transactions/TransactionDetailPage.tsx
-var A = {
+var j = {
 	completed: "success",
 	in_progress: "info",
 	pending: "warning",
@@ -23,37 +24,39 @@ var A = {
 	disputed: "error",
 	overdue: "error",
 	draft: "muted"
-}, j = {
-	completed: g,
-	in_progress: _,
-	pending: f,
-	pending_approval: f,
-	cancelled: S,
-	overdue: S
-}, M = (e) => {
+}, M = {
+	completed: _,
+	in_progress: v,
+	pending: p,
+	pending_approval: p,
+	cancelled: C,
+	overdue: C
+}, N = (e) => {
 	let n = e instanceof Date ? e.toISOString() : typeof e == "string" && e.length > 0 ? e : null;
 	return n ? t(n) : "—";
-}, N = (e) => ((e?.firstName ?? "").charAt(0) + (e?.lastName ?? "").charAt(0)).toUpperCase() || "?", P = (e) => `${e?.firstName ?? ""} ${e?.lastName ?? ""}`.trim() || "Unknown", F = (e) => e === "completed" ? "text-status-success-text" : e === "in_progress" ? "text-status-warning-text" : e === "overdue" ? "text-status-error-text" : "text-text-secondary", I = () => {
-	let { id: t } = w(), f = C(), { data: g, loading: S } = o(t), { updateTransaction: I, loading: L } = s();
-	if (S) return /* @__PURE__ */ T("div", {
+}, P = (e) => ((e?.firstName ?? "").charAt(0) + (e?.lastName ?? "").charAt(0)).toUpperCase() || "?", F = (e) => `${e?.firstName ?? ""} ${e?.lastName ?? ""}`.trim() || "Unknown", I = (e) => e === "completed" ? "text-status-success-text" : e === "in_progress" ? "text-status-warning-text" : e === "overdue" ? "text-status-error-text" : "text-text-secondary", L = () => {
+	let { id: t } = T();
+	o("housingvista.transaction.viewed", t);
+	let p = w(), { data: _, loading: C } = s(t), { updateTransaction: L, loading: R } = c();
+	if (C) return /* @__PURE__ */ E("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ T(a, { variant: "detail" })
+		children: /* @__PURE__ */ E(a, { variant: "detail" })
 	});
-	if (!g) return /* @__PURE__ */ T("div", {
+	if (!_) return /* @__PURE__ */ E("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ T(r, {
+		children: /* @__PURE__ */ E(r, {
 			illustration: "empty-search",
-			icon: /* @__PURE__ */ T(b, { className: "h-12 w-12" }),
+			icon: /* @__PURE__ */ E(x, { className: "h-12 w-12" }),
 			title: "Transaction Not Found",
 			description: "The transaction you're looking for doesn't exist or has been removed.",
-			action: /* @__PURE__ */ E("button", {
-				onClick: () => f("../transactions"),
+			action: /* @__PURE__ */ D("button", {
+				onClick: () => p("../transactions"),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
-				children: [/* @__PURE__ */ T(p, { className: "h-4 w-4" }), "Back to Transactions"]
+				children: [/* @__PURE__ */ E(m, { className: "h-4 w-4" }), "Back to Transactions"]
 			})
 		})
 	});
-	let R = Array.isArray(g.documents) ? g.documents : [], z = async (e) => {
+	let z = Array.isArray(_.documents) ? _.documents : [], B = async (e) => {
 		if (e.length === 0) return;
 		let t = e.map((e) => ({
 			id: e.id,
@@ -64,50 +67,50 @@ var A = {
 			required: !1
 		}));
 		try {
-			await I(g.id, { documents: [...R, ...t] }), c.success("Document attached", `${e.length} document${e.length > 1 ? "s" : ""} added to this transaction.`);
+			await L(_.id, { documents: [...z, ...t] }), l.success("Document attached", `${e.length} document${e.length > 1 ? "s" : ""} added to this transaction.`);
 		} catch (e) {
-			c.error("Could not attach document", e.message);
+			l.error("Could not attach document", e.message);
 		}
-	}, B = Array.isArray(g.milestones) ? g.milestones : [], V = g.escrow && typeof g.escrow == "object" ? g.escrow : null, H = V && Array.isArray(V.conditions) ? V.conditions : [], U = g.commission && typeof g.commission == "object" ? g.commission : null, W = U && Array.isArray(U.otherCharges) ? U.otherCharges : [], G = g.property, K = g.id.split("-")[1] ?? g.id, q = [
+	}, V = Array.isArray(_.milestones) ? _.milestones : [], H = _.escrow && typeof _.escrow == "object" ? _.escrow : null, U = H && Array.isArray(H.conditions) ? H.conditions : [], W = _.commission && typeof _.commission == "object" ? _.commission : null, G = W && Array.isArray(W.otherCharges) ? W.otherCharges : [], K = _.property, q = _.id.split("-")[1] ?? _.id, J = [
 		{
 			role: "Buyer",
-			user: g.buyer
+			user: _.buyer
 		},
 		{
 			role: "Seller",
-			user: g.seller
+			user: _.seller
 		},
 		{
 			role: "Tenant",
-			user: g.tenant
+			user: _.tenant
 		},
 		{
 			role: "Landlord",
-			user: g.landlord
+			user: _.landlord
 		},
 		{
 			role: "Broker",
-			user: g.broker
+			user: _.broker
 		}
-	].filter((e) => !!e.user), J = [{
+	].filter((e) => !!e.user), Y = [{
 		label: "Transactions",
 		href: "../transactions"
-	}, { label: `Transaction #${K}` }], Y = B.filter((e) => e?.status === "completed").length, X = B.length, Z = X > 0 ? Math.round(Y / X * 100) : 0;
-	return /* @__PURE__ */ E("div", {
+	}, { label: `Transaction #${q}` }], X = V.filter((e) => e?.status === "completed").length, Z = V.length, Q = Z > 0 ? Math.round(X / Z * 100) : 0;
+	return /* @__PURE__ */ D("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ T(i, { items: J }),
-			/* @__PURE__ */ T(k, {
+			/* @__PURE__ */ E(i, { items: Y }),
+			/* @__PURE__ */ E(A, {
 				className: "max-w-3xl",
 				children: "This is the single source of truth for one deal — its money, milestones, documents, parties, and escrow. Use it to see exactly where the transaction stands, what still needs signing or approval, and who to contact to move it to closing."
 			}),
-			/* @__PURE__ */ T(O, {
+			/* @__PURE__ */ E(k, {
 				storageKey: "housingvista-transaction-detail",
 				steps: [
 					{
 						id: "milestones",
 						label: "Review what is due next",
-						description: `${Y} of ${X} milestones complete — check the timeline for the next step.`,
+						description: `${X} of ${Z} milestones complete — check the timeline for the next step.`,
 						href: "#transaction-milestones"
 					},
 					{
@@ -126,104 +129,104 @@ var A = {
 						id: "back",
 						label: "Back to all transactions",
 						description: "Return to the full list of deals.",
-						onClick: () => f("../transactions")
+						onClick: () => p("../transactions")
 					}
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ E("button", {
-						onClick: () => f("../transactions"),
+					children: [/* @__PURE__ */ D("button", {
+						onClick: () => p("../transactions"),
 						className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-1.5 text-sm text-text-primary transition-colors hover:bg-bg-sunken",
-						children: [/* @__PURE__ */ T(p, { className: "h-4 w-4" }), "Back"]
-					}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h1", {
+						children: [/* @__PURE__ */ E(m, { className: "h-4 w-4" }), "Back"]
+					}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("h1", {
 						className: "text-2xl font-bold text-text-primary",
-						children: ["Transaction #", K]
-					}), /* @__PURE__ */ E("div", {
+						children: ["Transaction #", q]
+					}), /* @__PURE__ */ D("div", {
 						className: "mt-1 flex items-center gap-2",
-						children: [/* @__PURE__ */ T(n, {
-							label: g.status.replace(/_/g, " "),
-							variant: A[g.status] ?? "default",
+						children: [/* @__PURE__ */ E(n, {
+							label: _.status.replace(/_/g, " "),
+							variant: j[_.status] ?? "default",
 							dot: !0
-						}), /* @__PURE__ */ T(n, {
-							label: g.type,
+						}), /* @__PURE__ */ E(n, {
+							label: _.type,
 							variant: "muted"
 						})]
 					})] })]
 				})
 			}),
-			/* @__PURE__ */ T(D, {
+			/* @__PURE__ */ E(O, {
 				className: "p-4",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ T(v, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ E(y, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
 									className: "text-xs font-medium",
 									children: "Amount"
 								})]
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "mt-2 text-xl font-bold text-text-primary",
-								children: e(g.amount, g.currency)
+								children: e(_.amount, _.currency)
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ T(b, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
 									className: "text-xs font-medium",
 									children: "Type"
 								})]
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "mt-2 text-xl font-bold capitalize text-text-primary",
-								children: g.type
+								children: _.type
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center gap-2 text-text-secondary",
-									children: [/* @__PURE__ */ T(m, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E(h, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
 										className: "text-xs font-medium",
 										children: "Property"
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "mt-2 truncate text-sm font-bold text-text-primary",
-									children: G?.title ?? "—"
+									children: K?.title ?? "—"
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "truncate text-xs text-text-secondary",
-									children: [G?.location?.city ?? "—", G?.location?.state ? `, ${G.location.state}` : ""]
+									children: [K?.location?.city ?? "—", K?.location?.state ? `, ${K.location.state}` : ""]
 								})
 							]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center gap-2 text-text-secondary",
-									children: [/* @__PURE__ */ T(h, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E(g, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
 										className: "text-xs font-medium",
 										children: "Progress"
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "mt-2 text-xl font-bold text-text-primary",
-									children: [Z, "%"]
+									children: [Q, "%"]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "mt-1 h-1.5 w-full rounded-full bg-bg-sunken",
-									children: /* @__PURE__ */ T("div", {
+									children: /* @__PURE__ */ E("div", {
 										className: "h-1.5 rounded-full bg-action-primary-bg transition-all",
-										style: { width: `${Z}%` }
+										style: { width: `${Q}%` }
 									})
 								})
 							]
@@ -231,158 +234,158 @@ var A = {
 					]
 				})
 			}),
-			B.length > 0 && /* @__PURE__ */ E("div", {
+			V.length > 0 && /* @__PURE__ */ D("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-				children: [/* @__PURE__ */ E("h2", {
+				children: [/* @__PURE__ */ D("h2", {
 					className: "mb-4 flex items-center gap-2 text-base font-semibold text-text-primary",
-					children: [/* @__PURE__ */ T(x, { className: "h-5 w-5" }), "Deal progress"]
-				}), /* @__PURE__ */ T(u, { milestones: d(g.milestones) })]
+					children: [/* @__PURE__ */ E(S, { className: "h-5 w-5" }), "Deal progress"]
+				}), /* @__PURE__ */ E(d, { milestones: f(_.milestones) })]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "space-y-6 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
-							children: [/* @__PURE__ */ T("h2", {
+							children: [/* @__PURE__ */ E("h2", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Transaction Overview"
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "grid grid-cols-1 gap-6 sm:grid-cols-2",
-								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h4", {
+								children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h4", {
 									className: "mb-3 text-sm font-medium text-text-primary",
 									children: "Property Details"
-								}), /* @__PURE__ */ E("dl", {
+								}), /* @__PURE__ */ D("dl", {
 									className: "space-y-2 text-sm",
 									children: [
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("dt", {
+											children: [/* @__PURE__ */ E("dt", {
 												className: "text-text-secondary",
 												children: "Property"
-											}), /* @__PURE__ */ T("dd", {
+											}), /* @__PURE__ */ E("dd", {
 												className: "font-medium text-text-primary",
-												children: G?.title ?? "—"
+												children: K?.title ?? "—"
 											})]
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("dt", {
+											children: [/* @__PURE__ */ E("dt", {
 												className: "text-text-secondary",
 												children: "Location"
-											}), /* @__PURE__ */ E("dd", {
+											}), /* @__PURE__ */ D("dd", {
 												className: "text-text-primary",
-												children: [G?.location?.city ?? "—", G?.location?.state ? `, ${G.location.state}` : ""]
+												children: [K?.location?.city ?? "—", K?.location?.state ? `, ${K.location.state}` : ""]
 											})]
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("dt", {
+											children: [/* @__PURE__ */ E("dt", {
 												className: "text-text-secondary",
 												children: "Type"
-											}), /* @__PURE__ */ T("dd", {
+											}), /* @__PURE__ */ E("dd", {
 												className: "capitalize text-text-primary",
-												children: G?.type ? G.type.replace("_", " ") : "—"
+												children: K?.type ? K.type.replace("_", " ") : "—"
 											})]
 										})
 									]
-								})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h4", {
+								})] }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h4", {
 									className: "mb-3 text-sm font-medium text-text-primary",
 									children: "Transaction Details"
-								}), /* @__PURE__ */ E("dl", {
+								}), /* @__PURE__ */ D("dl", {
 									className: "space-y-2 text-sm",
 									children: [
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("dt", {
+											children: [/* @__PURE__ */ E("dt", {
 												className: "text-text-secondary",
 												children: "Created"
-											}), /* @__PURE__ */ T("dd", {
+											}), /* @__PURE__ */ E("dd", {
 												className: "text-text-primary",
-												children: M(g.createdAt)
+												children: N(_.createdAt)
 											})]
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("dt", {
+											children: [/* @__PURE__ */ E("dt", {
 												className: "text-text-secondary",
 												children: "Last Updated"
-											}), /* @__PURE__ */ T("dd", {
+											}), /* @__PURE__ */ E("dd", {
 												className: "text-text-primary",
-												children: M(g.updatedAt)
+												children: N(_.updatedAt)
 											})]
 										}),
-										g.expectedCompletionDate && /* @__PURE__ */ E("div", {
+										_.expectedCompletionDate && /* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("dt", {
+											children: [/* @__PURE__ */ E("dt", {
 												className: "text-text-secondary",
 												children: "Expected Completion"
-											}), /* @__PURE__ */ T("dd", {
+											}), /* @__PURE__ */ E("dd", {
 												className: "text-text-primary",
-												children: M(g.expectedCompletionDate)
+												children: N(_.expectedCompletionDate)
 											})]
 										}),
-										g.actualCompletionDate && /* @__PURE__ */ E("div", {
+										_.actualCompletionDate && /* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("dt", {
+											children: [/* @__PURE__ */ E("dt", {
 												className: "text-text-secondary",
 												children: "Completed"
-											}), /* @__PURE__ */ T("dd", {
+											}), /* @__PURE__ */ E("dd", {
 												className: "text-text-primary",
-												children: M(g.actualCompletionDate)
+												children: N(_.actualCompletionDate)
 											})]
 										})
 									]
 								})] })]
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 							children: [
-								/* @__PURE__ */ E("h2", {
+								/* @__PURE__ */ D("h2", {
 									className: "mb-4 flex items-center gap-2 text-base font-semibold text-text-primary",
-									children: [/* @__PURE__ */ T(v, { className: "h-5 w-5" }), "Financial Breakdown"]
+									children: [/* @__PURE__ */ E(y, { className: "h-5 w-5" }), "Financial Breakdown"]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "mb-4 flex items-center justify-between text-lg font-semibold",
-									children: [/* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-text-primary",
 										children: "Total Amount"
-									}), /* @__PURE__ */ T("span", {
+									}), /* @__PURE__ */ E("span", {
 										className: "text-2xl text-text-primary",
-										children: e(g.amount, g.currency)
+										children: e(_.amount, _.currency)
 									})]
 								}),
-								U && /* @__PURE__ */ E("div", {
+								W && /* @__PURE__ */ D("div", {
 									className: "space-y-2 border-t border-border-subtle pt-4 text-sm",
 									children: [
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ E("span", {
 												className: "text-text-secondary",
 												children: "Broker Commission"
-											}), /* @__PURE__ */ T("span", {
+											}), /* @__PURE__ */ E("span", {
 												className: "font-medium text-text-primary",
-												children: e(U.brokerCommission ?? 0)
+												children: e(W.brokerCommission ?? 0)
 											})]
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ E("span", {
 												className: "text-text-secondary",
 												children: "Platform Commission"
-											}), /* @__PURE__ */ T("span", {
+											}), /* @__PURE__ */ E("span", {
 												className: "font-medium text-text-primary",
-												children: e(U.platformCommission ?? 0)
+												children: e(W.platformCommission ?? 0)
 											})]
 										}),
-										W.map((t, n) => /* @__PURE__ */ E("div", {
+										G.map((t, n) => /* @__PURE__ */ D("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ E("span", {
 												className: "text-text-secondary",
 												children: t?.description ?? t?.type ?? "Charge"
-											}), /* @__PURE__ */ T("span", {
+											}), /* @__PURE__ */ E("span", {
 												className: "font-medium text-text-primary",
 												children: e(t?.amount ?? 0)
 											})]
@@ -391,47 +394,47 @@ var A = {
 								})
 							]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							id: "transaction-milestones",
 							className: "scroll-mt-6 rounded-lg border border-border-subtle bg-bg-surface p-6",
-							children: [/* @__PURE__ */ E("h2", {
+							children: [/* @__PURE__ */ D("h2", {
 								className: "mb-4 flex items-center gap-2 text-base font-semibold text-text-primary",
-								children: [/* @__PURE__ */ T(x, { className: "h-5 w-5" }), "Transaction Milestones"]
-							}), B.length > 0 ? /* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ E(S, { className: "h-5 w-5" }), "Transaction Milestones"]
+							}), V.length > 0 ? /* @__PURE__ */ E("div", {
 								className: "space-y-3",
-								children: B.map((e, t) => {
+								children: V.map((e, t) => {
 									let r = typeof e?.status == "string" ? e.status : "";
-									return /* @__PURE__ */ E("div", {
+									return /* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between rounded-lg bg-bg-sunken/50 p-4",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ D("div", {
 											className: "flex items-start gap-3",
-											children: [/* @__PURE__ */ T(j[r] ?? _, { className: `mt-0.5 h-5 w-5 ${F(r)}` }), /* @__PURE__ */ E("div", { children: [
-												/* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ E(M[r] ?? v, { className: `mt-0.5 h-5 w-5 ${I(r)}` }), /* @__PURE__ */ D("div", { children: [
+												/* @__PURE__ */ E("p", {
 													className: "text-sm font-medium text-text-primary",
 													children: e?.title ?? "Milestone"
 												}),
-												e?.description && /* @__PURE__ */ T("p", {
+												e?.description && /* @__PURE__ */ E("p", {
 													className: "text-xs text-text-secondary",
 													children: e.description
 												}),
-												/* @__PURE__ */ E("p", {
+												/* @__PURE__ */ D("p", {
 													className: "mt-1 text-xs text-text-secondary",
-													children: ["Due: ", M(e?.dueDate)]
+													children: ["Due: ", N(e?.dueDate)]
 												})
 											] })]
-										}), /* @__PURE__ */ E("div", {
+										}), /* @__PURE__ */ D("div", {
 											className: "text-right",
-											children: [/* @__PURE__ */ T(n, {
+											children: [/* @__PURE__ */ E(n, {
 												label: r ? r.replace(/_/g, " ") : "pending",
-												variant: A[r] ?? "default"
-											}), e?.completedAt && /* @__PURE__ */ E("p", {
+												variant: j[r] ?? "default"
+											}), e?.completedAt && /* @__PURE__ */ D("p", {
 												className: "mt-1 text-xs text-text-secondary",
-												children: ["Completed: ", M(e.completedAt)]
+												children: ["Completed: ", N(e.completedAt)]
 											})]
 										})]
 									}, e?.id ?? t);
 								})
-							}) : /* @__PURE__ */ T(r, {
+							}) : /* @__PURE__ */ E(r, {
 								illustration: "empty-files",
 								title: "No milestones yet",
 								description: "Milestones will appear here as the deal progresses toward closing.",
@@ -439,120 +442,120 @@ var A = {
 							})]
 						})
 					]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							id: "transaction-documents",
 							className: "scroll-mt-6 rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ T("h3", {
+							children: [/* @__PURE__ */ E("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Documents"
-							}), R.length > 0 ? /* @__PURE__ */ E("div", {
+							}), z.length > 0 ? /* @__PURE__ */ D("div", {
 								className: "space-y-3",
-								children: [R.map((e, t) => /* @__PURE__ */ E("div", {
+								children: [z.map((e, t) => /* @__PURE__ */ D("div", {
 									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-									children: [/* @__PURE__ */ E("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ T(b, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ E(x, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: e?.name ?? "Document"
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
-											children: e?.signedAt ? M(e.signedAt) : "Not signed"
+											children: e?.signedAt ? N(e.signedAt) : "Not signed"
 										})] })]
-									}), /* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ D("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ T(n, {
+										children: [/* @__PURE__ */ E(n, {
 											label: e?.signed ? "Signed" : "Pending",
 											variant: e?.signed ? "success" : "warning"
-										}), typeof e?.url == "string" && e.url ? /* @__PURE__ */ T("a", {
+										}), typeof e?.url == "string" && e.url ? /* @__PURE__ */ E("a", {
 											href: e.url,
 											target: "_blank",
 											rel: "noopener noreferrer",
 											"aria-label": `Download ${e?.name ?? "document"}`,
 											className: "rounded-md p-1 text-text-secondary transition-colors hover:text-text-primary",
-											children: /* @__PURE__ */ T(y, { className: "h-4 w-4" })
+											children: /* @__PURE__ */ E(b, { className: "h-4 w-4" })
 										}) : null]
 									})]
-								}, e?.id ?? t)), /* @__PURE__ */ T(l, {
-									onUploaded: z,
-									label: L ? "Saving…" : "Upload document"
+								}, e?.id ?? t)), /* @__PURE__ */ E(u, {
+									onUploaded: B,
+									label: R ? "Saving…" : "Upload document"
 								})]
-							}) : /* @__PURE__ */ T(r, {
+							}) : /* @__PURE__ */ E(r, {
 								illustration: "empty-files",
 								title: "No documents yet",
 								description: "Upload contracts, agreements, and disclosures to keep this deal moving.",
 								className: "border-0 bg-transparent p-4",
-								action: /* @__PURE__ */ T(l, {
-									onUploaded: z,
-									label: L ? "Saving…" : "Upload document",
+								action: /* @__PURE__ */ E(u, {
+									onUploaded: B,
+									label: R ? "Saving…" : "Upload document",
 									className: "w-full"
 								})
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							id: "transaction-parties",
 							className: "scroll-mt-6 rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ T("h3", {
+							children: [/* @__PURE__ */ E("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Parties Involved"
-							}), q.length > 0 ? /* @__PURE__ */ T("div", {
+							}), J.length > 0 ? /* @__PURE__ */ E("div", {
 								className: "space-y-4",
-								children: q.map(({ role: e, user: t }) => /* @__PURE__ */ E("div", {
+								children: J.map(({ role: e, user: t }) => /* @__PURE__ */ D("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ E("div", {
 										className: "flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-xs font-semibold text-text-primary",
-										children: N(t)
-									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+										children: P(t)
+									}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 										className: "text-sm font-medium text-text-primary",
 										children: e
-									}), /* @__PURE__ */ T("p", {
+									}), /* @__PURE__ */ E("p", {
 										className: "text-xs text-text-secondary",
-										children: P(t)
+										children: F(t)
 									})] })]
 								}, e))
-							}) : /* @__PURE__ */ T(r, {
+							}) : /* @__PURE__ */ E(r, {
 								illustration: "empty-search",
 								title: "No parties yet",
 								description: "Buyers, sellers, and brokers will appear here once they join the deal.",
 								className: "border-0 bg-transparent p-4"
 							})]
 						}),
-						V && /* @__PURE__ */ E("div", {
+						H && /* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ T("h3", {
+							children: [/* @__PURE__ */ E("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Escrow Details"
-							}), /* @__PURE__ */ E("dl", {
+							}), /* @__PURE__ */ D("dl", {
 								className: "space-y-2 text-sm",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ T("dt", {
+										children: [/* @__PURE__ */ E("dt", {
 											className: "text-text-secondary",
 											children: "Escrow Amount"
-										}), /* @__PURE__ */ T("dd", {
+										}), /* @__PURE__ */ E("dd", {
 											className: "font-medium text-text-primary",
-											children: e(V.amount ?? 0)
+											children: e(H.amount ?? 0)
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ T("dt", {
+										children: [/* @__PURE__ */ E("dt", {
 											className: "text-text-secondary",
 											children: "Status"
-										}), /* @__PURE__ */ T("dd", { children: /* @__PURE__ */ T(n, {
-											label: V.status ?? "created",
-											variant: V.status === "released" ? "success" : V.status === "funded" ? "info" : V.status === "refunded" ? "warning" : "muted"
+										}), /* @__PURE__ */ E("dd", { children: /* @__PURE__ */ E(n, {
+											label: H.status ?? "created",
+											variant: H.status === "released" ? "success" : H.status === "funded" ? "info" : H.status === "refunded" ? "warning" : "muted"
 										}) })]
 									}),
-									H.length > 0 && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+									U.length > 0 && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
 										className: "mb-1 text-text-secondary",
 										children: "Release Conditions"
-									}), /* @__PURE__ */ T("dd", { children: /* @__PURE__ */ T("ul", {
+									}), /* @__PURE__ */ E("dd", { children: /* @__PURE__ */ E("ul", {
 										className: "list-inside list-disc text-xs text-text-primary",
-										children: H.map((e, t) => /* @__PURE__ */ T("li", { children: e }, t))
+										children: U.map((e, t) => /* @__PURE__ */ E("li", { children: e }, t))
 									}) })] })
 								]
 							})]
@@ -564,6 +567,6 @@ var A = {
 	});
 };
 //#endregion
-export { I as TransactionDetailPage };
+export { L as TransactionDetailPage };
 
 //# sourceMappingURL=TransactionDetailPage.js.map