@burdenoff/microfe-kadaikodi 2026.719.4 → 2026.730.1

package/dist/kadaikodi/pages/investor/InvestmentDetailsPage.js

@@ -2,19 +2,20 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as ee } from "../../components/EmptyState.js";
-import { useInvest as r, useInvestmentOpportunities as i, useInvestments as a, useProvider as te } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as o, formatDate as ne } from "../../utils/formatters.js";
-import { AreaChart as s } from "../../components/viz/AreaChart.js";
-import { ProgressRing as c } from "../../components/viz/ProgressRing.js";
-import { StatCard as l } from "../../components/viz/StatCard.js";
+import { useInvest as r, useInvestmentOpportunities as i, useInvestments as a, useProvider as o } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as s, formatDate as te } from "../../utils/formatters.js";
+import { AreaChart as c } from "../../components/viz/AreaChart.js";
+import { ProgressRing as l } from "../../components/viz/ProgressRing.js";
+import { StatCard as u } from "../../components/viz/StatCard.js";
 import "../../components/viz/index.js";
-import { useCallback as u, useMemo as d, useState as f } from "react";
-import { ArrowLeft as re, CheckCircle2 as p, IndianRupee as m, Lock as ie, MessageSquare as h, Receipt as g, Shield as _, Star as v, Tag as y, Target as b, TrendingUp as x, Users as S } from "lucide-react";
-import { useParams as C } from "react-router-dom";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { EmphasisPanel as ae, GlassCard as E, PagePurpose as oe } from "@burdenoff/fe-libs/ui";
+import { InvestmentMarketplaceComingSoon as d, useInvestmentMarketplaceEnabled as f } from "../../components/InvestmentMarketplaceGate.js";
+import { useCallback as p, useMemo as m, useState as h } from "react";
+import { ArrowLeft as ne, CheckCircle2 as re, IndianRupee as g, Lock as ie, MessageSquare as _, Receipt as v, Shield as y, Star as ae, Tag as oe, Target as se, TrendingUp as b, Users as x } from "lucide-react";
+import { useParams as S } from "react-router-dom";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, GlassCard as E, PagePurpose as ce } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/investor/InvestmentDetailsPage.tsx
-function se(e) {
+function le(e) {
 	switch (e) {
 		case "low": return {
 			label: "Low risk",
@@ -38,70 +39,70 @@ function se(e) {
 		};
 	}
 }
-function ce(e) {
-	return o(e, {
+function ue(e) {
+	return s(e, {
 		minimumFractionDigits: 0,
 		notation: "compact"
 	});
 }
 function D() {
-	let { navigateTo: D, currentUser: O } = e(), { id: k } = C(), { data: A = [], isLoading: j } = i(), { data: M = [], isLoading: N } = a(O?.id || ""), P = j || N, F = d(() => M.find((e) => e.id === k), [M, k]), I = d(() => A.find((e) => e.id === k || e.id === F?.opportunityId) ?? null, [
+	let { navigateTo: D, currentUser: O } = e(), { id: k } = S(), { data: A = [], isLoading: j } = i(), { data: M = [], isLoading: N } = a(O?.id || ""), P = j || N, F = m(() => M.find((e) => e.id === k), [M, k]), I = m(() => A.find((e) => e.id === k || e.id === F?.opportunityId) ?? null, [
 		A,
 		k,
 		F
-	]), { data: L } = te(I?.cartId), R = r(), [z, B] = f(""), [V, H] = f("idle"), U = I?.minimumInvestment ?? 0, W = I ? Math.max(0, I.targetAmount - I.raisedAmount) : 0, G = Math.max(U, W), K = Number.parseInt(z, 10), q = !Number.isNaN(K) && K >= U && K <= G, le = u(() => {
-		if (!I || !q) {
-			H("error");
+	]), { data: L } = o(I?.cartId), R = r(), z = f(), [B, V] = h(""), [H, U] = h("idle"), W = I?.minimumInvestment ?? 0, G = I ? Math.max(0, I.targetAmount - I.raisedAmount) : 0, K = Math.max(W, G), q = Number.parseInt(B, 10), J = !Number.isNaN(q) && q >= W && q <= K, de = p(() => {
+		if (!I || !J) {
+			U("error");
 			return;
 		}
 		R.mutate({
-			amount: K,
+			amount: q,
 			investorId: O?.id ?? "",
 			opportunityId: I.id
 		}, {
 			onSuccess: () => {
-				H("success"), window.setTimeout(() => D("/investor/portfolio"), 1400);
+				U("success"), window.setTimeout(() => D("/investor/portfolio"), 1400);
 			},
-			onError: () => H("error")
+			onError: () => U("error")
 		});
 	}, [
 		I,
-		q,
+		J,
 		R,
-		K,
+		q,
 		O?.id,
 		D
-	]), J = d(() => {
+	]), fe = m(() => {
 		if (!I) return [];
-		let e = q ? K : U || I.targetAmount / 10, t = e * (1 + I.expectedReturns / 100), n = Math.min(Math.max(I.investmentPeriod, 3), 12);
+		let e = J ? q : W || I.targetAmount / 10, t = e * (1 + I.expectedReturns / 100), n = Math.min(Math.max(I.investmentPeriod, 3), 12);
 		return Array.from({ length: 7 }, (ee, r) => ({
 			label: r === 0 ? "Now" : r === 6 ? `${n}mo` : `M${Math.round(n * r / 6)}`,
 			value: e + (t - e) * (r / 6)
 		}));
 	}, [
 		I,
+		J,
 		q,
-		K,
-		U
+		W
 	]);
-	if (P) return /* @__PURE__ */ w(n, {
+	if (P) return /* @__PURE__ */ C(n, {
 		title: "Investment Details",
 		description: "Loading...",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ w("div", { className: "h-28 animate-pulse rounded-[var(--radius-card)] bg-bg-sunken" }), /* @__PURE__ */ T("div", {
+			children: [/* @__PURE__ */ C("div", { className: "h-28 animate-pulse rounded-[var(--radius-card)] bg-bg-sunken" }), /* @__PURE__ */ w("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ w("div", { className: "h-96 animate-pulse rounded-[var(--radius-card)] bg-bg-sunken lg:col-span-2" }), /* @__PURE__ */ w("div", { className: "h-96 animate-pulse rounded-[var(--radius-card)] bg-bg-sunken" })]
+				children: [/* @__PURE__ */ C("div", { className: "h-96 animate-pulse rounded-[var(--radius-card)] bg-bg-sunken lg:col-span-2" }), /* @__PURE__ */ C("div", { className: "h-96 animate-pulse rounded-[var(--radius-card)] bg-bg-sunken" })]
 			})]
 		})
 	});
-	if (!I && !F) return /* @__PURE__ */ w(n, {
+	if (!I && !F) return /* @__PURE__ */ C(n, {
 		title: "Investment Not Found",
-		children: /* @__PURE__ */ w(ee, {
+		children: /* @__PURE__ */ C(ee, {
 			illustration: "empty-generic",
 			title: "Investment not found",
 			description: "We couldn't find this investment. It may have been closed or the link is out of date.",
-			action: /* @__PURE__ */ w("button", {
+			action: /* @__PURE__ */ C("button", {
 				type: "button",
 				onClick: () => D("/investor/portfolio"),
 				className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
@@ -109,171 +110,171 @@ function D() {
 			})
 		})
 	});
-	let ue = I?.cartName ?? F?.cartName ?? "Investment", Y = I ? se(I.riskLevel) : null, X = I && I.targetAmount > 0 ? Math.min(I.raisedAmount / I.targetAmount * 100, 100) : 0, Z = I?.expiresAt ? Math.max(0, Math.ceil((new Date(I.expiresAt).getTime() - Date.now()) / 864e5)) : null, de = F ? F.currentValue - F.investedAmount : 0, Q = F && F.investedAmount > 0 ? de / F.investedAmount * 100 : 0, $ = !!I && I?.status === "active";
-	return /* @__PURE__ */ T(n, {
-		title: ue,
+	let pe = I?.cartName ?? F?.cartName ?? "Investment", Y = I ? le(I.riskLevel) : null, X = I && I.targetAmount > 0 ? Math.min(I.raisedAmount / I.targetAmount * 100, 100) : 0, Z = I?.expiresAt ? Math.max(0, Math.ceil((new Date(I.expiresAt).getTime() - Date.now()) / 864e5)) : null, me = F ? F.currentValue - F.investedAmount : 0, Q = F && F.investedAmount > 0 ? me / F.investedAmount * 100 : 0, $ = !!I && I?.status === "active";
+	return /* @__PURE__ */ w(n, {
+		title: pe,
 		description: "Investment details & performance",
-		actions: /* @__PURE__ */ T("button", {
+		actions: /* @__PURE__ */ w("button", {
 			type: "button",
 			onClick: () => D("/investor/portfolio"),
 			className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 			children: [
-				/* @__PURE__ */ w(re, { className: "h-4 w-4" }),
-				/* @__PURE__ */ w("span", {
+				/* @__PURE__ */ C(ne, { className: "h-4 w-4" }),
+				/* @__PURE__ */ C("span", {
 					className: "hidden sm:inline",
 					children: "Back to Portfolio"
 				}),
-				/* @__PURE__ */ w("span", {
+				/* @__PURE__ */ C("span", {
 					className: "sm:hidden",
 					children: "Back"
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ w(oe, {
+			/* @__PURE__ */ C(ce, {
 				className: "mb-6",
 				children: "A deep dive into this investment. Review the business behind it, funding progress, expected returns and terms on offer, and — if you already hold a stake — exactly what you've put in and what it's worth today."
 			}),
-			F && /* @__PURE__ */ T(ae, { children: [/* @__PURE__ */ w("h2", {
+			F && /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ C("h2", {
 				className: "mb-4 text-base font-semibold text-text-primary",
 				children: "Your Position"
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ w("div", {
 				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ w(l, {
+					/* @__PURE__ */ C(u, {
 						label: "Your Investment",
-						value: o(F.investedAmount, { minimumFractionDigits: 0 }),
-						icon: /* @__PURE__ */ w(m, { className: "h-4 w-4" })
+						value: s(F.investedAmount, { minimumFractionDigits: 0 }),
+						icon: /* @__PURE__ */ C(g, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ w(l, {
+					/* @__PURE__ */ C(u, {
 						label: "Current Value",
-						value: o(F.currentValue, { minimumFractionDigits: 0 }),
-						icon: /* @__PURE__ */ w(x, { className: "h-4 w-4" })
+						value: s(F.currentValue, { minimumFractionDigits: 0 }),
+						icon: /* @__PURE__ */ C(b, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ w(l, {
+					/* @__PURE__ */ C(u, {
 						label: "Returns",
 						value: `${Q >= 0 ? "+" : ""}${Q.toFixed(1)}%`,
 						delta: Number(Q.toFixed(1)),
 						deltaLabel: "on invested",
-						icon: /* @__PURE__ */ w(x, { className: "h-4 w-4" })
+						icon: /* @__PURE__ */ C(b, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ w(l, {
+					/* @__PURE__ */ C(u, {
 						label: "Realised Returns",
-						value: o(F.returns, { minimumFractionDigits: 0 }),
-						icon: /* @__PURE__ */ w(g, { className: "h-4 w-4" })
+						value: s(F.returns, { minimumFractionDigits: 0 }),
+						icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" })
 					})
 				]
 			})] }),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mt-6 grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "space-y-6 lg:col-span-2",
 					children: [
-						I && /* @__PURE__ */ T(E, {
+						I && /* @__PURE__ */ w(E, {
 							treatment: "glass",
 							className: "p-5 sm:p-6",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-start justify-between gap-3",
-								children: [/* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ w("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ w("p", {
+									children: [/* @__PURE__ */ C("p", {
 										className: "text-sm text-text-secondary",
 										children: I.businessOwner
-									}), /* @__PURE__ */ w("h2", {
+									}), /* @__PURE__ */ C("h2", {
 										className: "mt-0.5 text-xl font-bold tracking-tight text-text-primary sm:text-2xl",
 										children: I.cartName
 									})]
-								}), Y && /* @__PURE__ */ T("span", {
+								}), Y && /* @__PURE__ */ w("span", {
 									className: t("inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-sm font-semibold", Y.badge),
-									children: [/* @__PURE__ */ w(_, { className: "h-4 w-4" }), Y.label]
+									children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), Y.label]
 								})]
-							}), I.description && /* @__PURE__ */ w("p", {
+							}), I.description && /* @__PURE__ */ C("p", {
 								className: "mt-4 text-sm leading-relaxed text-text-secondary",
 								children: I.description
 							})]
 						}),
-						L && /* @__PURE__ */ T("section", { children: [/* @__PURE__ */ w("h3", {
+						L && /* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h3", {
 							className: "mb-3 text-lg font-semibold text-text-primary",
 							children: "Business Metrics"
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "grid grid-cols-2 gap-3 sm:grid-cols-4 sm:gap-4",
 							children: [
-								/* @__PURE__ */ w(l, {
+								/* @__PURE__ */ C(u, {
 									label: "Rating",
 									value: L.rating > 0 ? L.rating.toFixed(1) : "—",
-									icon: /* @__PURE__ */ w(v, { className: "h-4 w-4" })
+									icon: /* @__PURE__ */ C(ae, { className: "h-4 w-4" })
 								}),
-								/* @__PURE__ */ w(l, {
+								/* @__PURE__ */ C(u, {
 									label: "Reviews",
 									value: L.totalRatings.toLocaleString("en-IN"),
-									icon: /* @__PURE__ */ w(h, { className: "h-4 w-4" })
+									icon: /* @__PURE__ */ C(_, { className: "h-4 w-4" })
 								}),
-								/* @__PURE__ */ w(l, {
+								/* @__PURE__ */ C(u, {
 									label: "Avg Order",
-									value: L.averageOrderValue ? o(L.averageOrderValue, { minimumFractionDigits: 0 }) : "—",
-									icon: /* @__PURE__ */ w(g, { className: "h-4 w-4" })
+									value: L.averageOrderValue ? s(L.averageOrderValue, { minimumFractionDigits: 0 }) : "—",
+									icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" })
 								}),
-								/* @__PURE__ */ w(l, {
+								/* @__PURE__ */ C(u, {
 									label: "Category",
-									value: /* @__PURE__ */ w("span", {
+									value: /* @__PURE__ */ C("span", {
 										className: "text-lg font-semibold capitalize",
 										children: L.category || "—"
 									}),
-									icon: /* @__PURE__ */ w(y, { className: "h-4 w-4" })
+									icon: /* @__PURE__ */ C(oe, { className: "h-4 w-4" })
 								})
 							]
 						})] }),
-						I && /* @__PURE__ */ T(E, {
+						I && /* @__PURE__ */ w(E, {
 							treatment: "plain",
 							className: "p-5 sm:p-6",
-							children: [/* @__PURE__ */ w("h3", {
+							children: [/* @__PURE__ */ C("h3", {
 								className: "mb-4 text-lg font-semibold text-text-primary",
 								children: "Funding Progress"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ w("div", {
 								className: "flex flex-col items-center gap-6 sm:flex-row sm:gap-8",
-								children: [/* @__PURE__ */ w(c, {
+								children: [/* @__PURE__ */ C(l, {
 									value: X,
 									size: 140,
 									label: `${X.toFixed(0)}%`,
 									caption: "funded"
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ w("div", {
 									className: "w-full flex-1 space-y-4",
-									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 										className: "flex items-baseline justify-between",
-										children: [/* @__PURE__ */ w("span", {
+										children: [/* @__PURE__ */ C("span", {
 											className: "text-2xl font-bold text-text-primary",
-											children: o(I.raisedAmount, { minimumFractionDigits: 0 })
-										}), /* @__PURE__ */ T("span", {
+											children: s(I.raisedAmount, { minimumFractionDigits: 0 })
+										}), /* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
-											children: ["of ", o(I.targetAmount, { minimumFractionDigits: 0 })]
+											children: ["of ", s(I.targetAmount, { minimumFractionDigits: 0 })]
 										})]
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ C("p", {
 										className: "mt-1 text-sm text-text-secondary",
 										children: "raised so far"
-									})] }), /* @__PURE__ */ T("div", {
+									})] }), /* @__PURE__ */ w("div", {
 										className: "grid grid-cols-3 gap-3 border-t border-border-subtle pt-4 text-center",
 										children: [
-											/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-base font-bold text-text-primary sm:text-lg",
 												children: I.investors.length
-											}), /* @__PURE__ */ w("p", {
+											}), /* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary",
 												children: "Investors"
 											})] }),
-											/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-base font-bold text-text-primary sm:text-lg",
-												children: o(W, {
+												children: s(G, {
 													minimumFractionDigits: 0,
 													notation: "compact"
 												})
-											}), /* @__PURE__ */ w("p", {
+											}), /* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary",
 												children: "To Go"
 											})] }),
-											/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-base font-bold text-text-primary sm:text-lg",
 												children: Z === null ? "—" : `${Z}`
-											}), /* @__PURE__ */ w("p", {
+											}), /* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary",
 												children: "Days Left"
 											})] })
@@ -282,42 +283,42 @@ function D() {
 								})]
 							})]
 						}),
-						F && /* @__PURE__ */ T(E, {
+						F && /* @__PURE__ */ w(E, {
 							treatment: "plain",
 							className: "p-5 sm:p-6",
-							children: [/* @__PURE__ */ w("h3", {
+							children: [/* @__PURE__ */ C("h3", {
 								className: "mb-4 text-lg font-semibold text-text-primary",
 								children: "Your Holding"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ w("div", {
 								className: "grid gap-4 sm:grid-cols-2",
 								children: [
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 										className: "text-sm text-text-secondary",
 										children: "Invested Amount"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ C("p", {
 										className: "font-medium text-text-primary",
-										children: o(F.investedAmount, { minimumFractionDigits: 0 })
+										children: s(F.investedAmount, { minimumFractionDigits: 0 })
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 										className: "text-sm text-text-secondary",
 										children: "Current Value"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ C("p", {
 										className: "font-medium text-text-primary",
-										children: o(F.currentValue, { minimumFractionDigits: 0 })
+										children: s(F.currentValue, { minimumFractionDigits: 0 })
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 										className: "text-sm text-text-secondary",
 										children: "Returns Realised"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ C("p", {
 										className: "font-medium text-text-primary",
-										children: o(F.returns, { minimumFractionDigits: 0 })
+										children: s(F.returns, { minimumFractionDigits: 0 })
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 										className: "text-sm text-text-secondary",
 										children: "Invested On"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ C("p", {
 										className: "font-medium text-text-primary",
-										children: ne(F.investmentDate, {
+										children: te(F.investmentDate, {
 											hour: void 0,
 											minute: void 0
 										})
@@ -326,115 +327,119 @@ function D() {
 							})]
 						})
 					]
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ C("div", {
 						className: "lg:sticky lg:top-6",
-						children: /* @__PURE__ */ T(E, {
+						children: /* @__PURE__ */ w(E, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-5 sm:p-6",
 							children: [
-								/* @__PURE__ */ w("h3", {
+								/* @__PURE__ */ C("h3", {
 									className: "mb-4 text-lg font-semibold text-text-primary",
 									children: $ ? "Invest" : "Investment Terms"
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ T("div", {
+										/* @__PURE__ */ w("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ w("span", {
 												className: "flex items-center gap-2 text-sm text-text-secondary",
-												children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), "Expected returns"]
-											}), /* @__PURE__ */ T("span", {
+												children: [/* @__PURE__ */ C(b, { className: "h-4 w-4" }), "Expected returns"]
+											}), /* @__PURE__ */ w("span", {
 												className: "font-semibold text-status-success-text",
 												children: [I?.expectedReturns ?? F?.returnsPercentage, "% p.a."]
 											})]
 										}),
-										/* @__PURE__ */ T("div", {
+										/* @__PURE__ */ w("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ w("span", {
 												className: "flex items-center gap-2 text-sm text-text-secondary",
-												children: [/* @__PURE__ */ w(ie, { className: "h-4 w-4" }), "Lock-in"]
-											}), /* @__PURE__ */ T("span", {
+												children: [/* @__PURE__ */ C(ie, { className: "h-4 w-4" }), "Lock-in"]
+											}), /* @__PURE__ */ w("span", {
 												className: "font-semibold text-text-primary",
 												children: [I?.investmentPeriod ?? "—", " months"]
 											})]
 										}),
-										I && /* @__PURE__ */ T("div", {
+										I && /* @__PURE__ */ w("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ w("span", {
 												className: "flex items-center gap-2 text-sm text-text-secondary",
-												children: [/* @__PURE__ */ w(m, { className: "h-4 w-4" }), "Minimum"]
-											}), /* @__PURE__ */ w("span", {
+												children: [/* @__PURE__ */ C(g, { className: "h-4 w-4" }), "Minimum"]
+											}), /* @__PURE__ */ C("span", {
 												className: "font-semibold text-text-primary",
-												children: o(I.minimumInvestment, { minimumFractionDigits: 0 })
+												children: s(I.minimumInvestment, { minimumFractionDigits: 0 })
 											})]
 										}),
-										I && I.investors.length > 0 && /* @__PURE__ */ T("div", {
+										I && I.investors.length > 0 && /* @__PURE__ */ w("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ w("span", {
 												className: "flex items-center gap-2 text-sm text-text-secondary",
-												children: [/* @__PURE__ */ w(S, { className: "h-4 w-4" }), "Investors"]
-											}), /* @__PURE__ */ w("span", {
+												children: [/* @__PURE__ */ C(x, { className: "h-4 w-4" }), "Investors"]
+											}), /* @__PURE__ */ C("span", {
 												className: "font-semibold text-text-primary",
 												children: I.investors.length
 											})]
 										})
 									]
 								}),
-								$ && V !== "success" && /* @__PURE__ */ T("div", {
+								$ && H !== "success" && !z && /* @__PURE__ */ C("div", {
+									className: "mt-5 border-t border-border-subtle pt-5",
+									children: /* @__PURE__ */ C(d, {})
+								}),
+								$ && H !== "success" && z && /* @__PURE__ */ w("div", {
 									className: "mt-5 space-y-4 border-t border-border-subtle pt-5",
 									children: [
-										/* @__PURE__ */ T("div", { children: [
-											/* @__PURE__ */ w("label", {
+										/* @__PURE__ */ w("div", { children: [
+											/* @__PURE__ */ C("label", {
 												htmlFor: "invest-amount",
 												className: "mb-1.5 block text-sm font-medium text-text-primary",
 												children: "Amount"
 											}),
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ w("div", {
 												className: "relative",
-												children: [/* @__PURE__ */ w(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ w("input", {
+												children: [/* @__PURE__ */ C(g, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ C("input", {
 													id: "invest-amount",
 													type: "number",
 													inputMode: "numeric",
-													value: z,
+													value: B,
 													onChange: (e) => {
-														B(e.target.value), H("idle");
+														V(e.target.value), U("idle");
 													},
-													placeholder: String(U),
+													placeholder: String(W),
 													className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-9 pr-3 text-base font-semibold text-text-primary placeholder:font-normal placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})]
 											}),
-											/* @__PURE__ */ T("p", {
+											/* @__PURE__ */ w("p", {
 												className: "mt-1.5 text-xs text-text-secondary",
 												children: [
-													o(U, { minimumFractionDigits: 0 }),
+													s(W, { minimumFractionDigits: 0 }),
 													" –",
 													" ",
-													o(G, { minimumFractionDigits: 0 })
+													s(K, { minimumFractionDigits: 0 })
 												]
 											}),
-											V === "error" && /* @__PURE__ */ T("p", {
+											H === "error" && /* @__PURE__ */ w("p", {
 												className: "mt-1 text-xs text-status-error-text",
 												children: [
 													"Enter an amount between",
 													" ",
-													o(U, { minimumFractionDigits: 0 }),
+													s(W, { minimumFractionDigits: 0 }),
 													" and",
 													" ",
-													o(G, { minimumFractionDigits: 0 }),
+													s(K, { minimumFractionDigits: 0 }),
 													"."
 												]
 											})
 										] }),
-										/* @__PURE__ */ T("div", { children: [
-											/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ w("div", { children: [
+											/* @__PURE__ */ C("p", {
 												className: "mb-1 text-sm font-medium text-text-primary",
 												children: "Projected returns"
 											}),
-											/* @__PURE__ */ T("p", {
+											/* @__PURE__ */ w("p", {
 												className: "mb-2 text-xs text-text-muted",
 												children: [
 													"Forecast at ",
@@ -445,50 +450,50 @@ function D() {
 													" months"
 												]
 											}),
-											/* @__PURE__ */ w(s, {
-												series: J,
+											/* @__PURE__ */ C(c, {
+												series: fe,
 												height: 140,
-												valueFormatter: ce,
+												valueFormatter: ue,
 												title: "Projected value over the lock-in period"
 											}),
-											q && /* @__PURE__ */ T("div", {
+											J && /* @__PURE__ */ w("div", {
 												className: "mt-2 flex items-center justify-between rounded-lg bg-bg-sunken/60 px-3 py-2 text-sm",
-												children: [/* @__PURE__ */ w("span", {
+												children: [/* @__PURE__ */ C("span", {
 													className: "text-text-secondary",
 													children: "Projected value"
-												}), /* @__PURE__ */ w("span", {
+												}), /* @__PURE__ */ C("span", {
 													className: "font-semibold text-status-success-text",
-													children: o(K * (1 + (I?.expectedReturns ?? 0) / 100), { minimumFractionDigits: 0 })
+													children: s(q * (1 + (I?.expectedReturns ?? 0) / 100), { minimumFractionDigits: 0 })
 												})]
 											})
 										] }),
-										/* @__PURE__ */ w("button", {
+										/* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: le,
-											disabled: !q || R.isPending,
-											className: t("flex w-full items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-semibold transition-colors", q && !R.isPending ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover" : "cursor-not-allowed bg-bg-sunken text-text-secondary"),
+											onClick: de,
+											disabled: !J || R.isPending,
+											className: t("flex w-full items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-semibold transition-colors", J && !R.isPending ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover" : "cursor-not-allowed bg-bg-sunken text-text-secondary"),
 											children: R.isPending ? "Processing…" : "Invest Now"
 										})
 									]
 								}),
-								V === "success" && /* @__PURE__ */ T("div", {
+								H === "success" && /* @__PURE__ */ w("div", {
 									className: "mt-5 border-t border-border-subtle pt-5 text-center",
 									children: [
-										/* @__PURE__ */ w(p, { className: "mx-auto mb-2 h-10 w-10 text-status-success-text" }),
-										/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ C(re, { className: "mx-auto mb-2 h-10 w-10 text-status-success-text" }),
+										/* @__PURE__ */ C("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Investment successful!"
 										}),
-										/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ C("p", {
 											className: "mt-1 text-xs text-text-secondary",
 											children: "Redirecting to your portfolio…"
 										})
 									]
 								}),
-								!$ && !F && I && /* @__PURE__ */ T("div", {
+								!$ && !F && I && /* @__PURE__ */ w("div", {
 									className: "mt-5 flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ w(b, { className: "h-4 w-4 shrink-0" }),
+										/* @__PURE__ */ C(se, { className: "h-4 w-4 shrink-0" }),
 										"This opportunity is ",
 										I.status,
 										". It's no longer accepting investments."