@loafmarkets/ui 0.1.350 → 0.1.352

package/dist/index.d.mts

@@ -778,8 +778,17 @@ type PropertyOverviewProps = {
         time: number;
         close: number;
     }[] | null;
-};
-declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+    /** Beta mode: hide sections that are hardcoded with no backend source (offers, narratives, mock holders, synthetic dividend history, tokenholder security). */
+    beta?: boolean;
+    /** Live market hours from the trade/token API. When present, Trading Hours renders from it; when absent it is gated by `beta`. */
+    marketHours?: {
+        marketOpenTime: string;
+        marketCloseTime: string;
+        marketTimezone: string;
+        marketClosedDays: readonly string[];
+    } | null;
+};
+declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {
@@ -984,8 +993,9 @@ type ToastContextValue = {
     update: (id: string, patch: Partial<Omit<ToastData, 'id'>>) => void;
     dismiss: (id: string) => void;
 };
-declare function ToastProvider({ children }: {
+declare function ToastProvider({ children, maxVisible }: {
     children: React__default.ReactNode;
+    maxVisible?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function useToast(): ToastContextValue;
 

package/dist/index.d.ts

@@ -778,8 +778,17 @@ type PropertyOverviewProps = {
         time: number;
         close: number;
     }[] | null;
-};
-declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+    /** Beta mode: hide sections that are hardcoded with no backend source (offers, narratives, mock holders, synthetic dividend history, tokenholder security). */
+    beta?: boolean;
+    /** Live market hours from the trade/token API. When present, Trading Hours renders from it; when absent it is gated by `beta`. */
+    marketHours?: {
+        marketOpenTime: string;
+        marketCloseTime: string;
+        marketTimezone: string;
+        marketClosedDays: readonly string[];
+    } | null;
+};
+declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {
@@ -984,8 +993,9 @@ type ToastContextValue = {
     update: (id: string, patch: Partial<Omit<ToastData, 'id'>>) => void;
     dismiss: (id: string) => void;
 };
-declare function ToastProvider({ children }: {
+declare function ToastProvider({ children, maxVisible }: {
     children: React__default.ReactNode;
+    maxVisible?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function useToast(): ToastContextValue;
 

package/dist/index.js

@@ -6704,7 +6704,11 @@ var LoginPopup = ({
     try {
       await onVerifyEmailCode({ code, email });
       if (isSignUp) {
-        setView(onSubmitReferralCode ? "referral" : "funding");
+        if (onSubmitReferralCode) {
+          setView("referral");
+        } else {
+          onClose();
+        }
         setLoading(false);
         return;
       }
@@ -6917,7 +6921,8 @@ var LoginPopup = ({
       loading ? /* @__PURE__ */ jsxRuntime.jsxs(AccountCreationLoader, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(SpinnerRing, {}),
         /* @__PURE__ */ jsxRuntime.jsx(AccountCreationText, { children: isSignUp ? "Preparing your account\u2026" : "Signing you in\u2026" }),
-        /* @__PURE__ */ jsxRuntime.jsx(AccountCreationSubtext, { children: "This may take a few seconds" })
+        /* @__PURE__ */ jsxRuntime.jsx(AccountCreationSubtext, { children: "This may take a few seconds" }),
+        /* @__PURE__ */ jsxRuntime.jsx(PreparingFacts, {})
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(BackButton, { onClick: () => setView("email"), children: [
           /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }) }),
@@ -7120,7 +7125,7 @@ var LoginPopup = ({
       setReferralLoading(true);
       try {
         await onSubmitReferralCode?.(trimmed);
-        setView("funding");
+        onClose();
       } catch (err) {
         setReferralError(err instanceof Error ? err.message : "Invalid referral code. Please try again.");
       } finally {
@@ -7147,7 +7152,7 @@ var LoginPopup = ({
           /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(OnboardingHeading, { children: "Do you have a referral code?" }),
-        /* @__PURE__ */ jsxRuntime.jsx(OnboardingSubtext, { style: { marginBottom: "1.5rem" }, children: "Enter your code to unlock full access, or skip to continue." }),
+        /* @__PURE__ */ jsxRuntime.jsx(OnboardingSubtext, { style: { marginBottom: "1.5rem" }, children: "Enter your code to unlock $100k in testnet USD, or skip to continue." }),
         /* @__PURE__ */ jsxRuntime.jsxs(EmailFormContainer, { style: { width: "100%", marginBottom: 0 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             EmailInput,
@@ -7180,7 +7185,7 @@ var LoginPopup = ({
           OnboardingSkipButton,
           {
             type: "button",
-            onClick: () => setView("funding"),
+            onClick: onClose,
             style: { marginTop: "0.75rem" },
             children: "Skip for now"
           }
@@ -8022,6 +8027,59 @@ var SpinnerRing = styled9__default.default.div`
     to { transform: rotate(360deg); }
   }
 `;
+var PREPARING_FACTS = [
+  "Property is the world's largest asset class \u2014 worth over US$300 trillion.",
+  "Loaf settles trades in about 1 second. Traditional property takes ~90 days.",
+  "Our matching engine processes orders in 30 microseconds.",
+  "Every token is backed 1:1 by land-title-registered property.",
+  "Own a slice of premium real estate \u2014 no mortgage, no paperwork.",
+  "Buy and sell property as easily as a stock, on a live orderbook.",
+  "Earn rental yield on the exact fraction of property you own.",
+  "Title-backed by the NSW Land Registry \u2014 real ownership, on-chain.",
+  "Loaf ran the world's first property IPO."
+];
+var FactCard = styled9__default.default.div`
+  margin-top: 1.5rem;
+  max-width: 340px;
+  padding: 0.85rem 1.1rem;
+  border: 1px solid rgba(230, 198, 86, 0.18);
+  border-radius: 12px;
+  background: rgba(230, 198, 86, 0.05);
+  text-align: center;
+`;
+var FactLabel = styled9__default.default.div`
+  font-size: 0.6rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  font-weight: 700;
+  color: var(--color-accent, #e6c656);
+  margin-bottom: 0.4rem;
+`;
+var FactText = styled9__default.default.p`
+  margin: 0;
+  font-size: 0.85rem;
+  line-height: 1.5;
+  color: var(--color-text, #eaecef);
+  animation: factFade 0.5s ease;
+
+  @keyframes factFade {
+    from { opacity: 0; transform: translateY(4px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+`;
+var PreparingFacts = () => {
+  const [index, setIndex] = React5.useState(() => Math.floor(Math.random() * PREPARING_FACTS.length));
+  React5.useEffect(() => {
+    const id = setInterval(() => {
+      setIndex((i) => (i + 1) % PREPARING_FACTS.length);
+    }, 4e3);
+    return () => clearInterval(id);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(FactCard, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FactLabel, { children: "Did you know?" }),
+    /* @__PURE__ */ jsxRuntime.jsx(FactText, { children: PREPARING_FACTS[index] }, index)
+  ] });
+};
 LoginPopup.displayName = "LoginPopup";
 var PropertyCompareBar = React5__namespace.forwardRef(
   ({
@@ -8965,7 +9023,9 @@ function PropertyOverview({
   volume24h,
   openOrdersValue,
   holderCount,
-  priceHistory: priceHistoryProp
+  priceHistory: priceHistoryProp,
+  beta = false,
+  marketHours
 }) {
   const [isDescExpanded, setDescExpanded] = React5.useState(false);
   const [showDividendHistory, setShowDividendHistory] = React5.useState(false);
@@ -9027,20 +9087,21 @@ function PropertyOverview({
     { label: "Open Orders", value: isLoading && openOrdersValue == null ? loadingSkeleton : openOrdersValue != null && openOrdersValue > 0 ? fmtDollar(openOrdersValue) : "\u2014" },
     { label: "Holders", value: isLoading && holderCount == null ? loadingSkeleton : holderCount != null ? holderCount.toLocaleString() : "\u2014" }
   ];
-  const annualDividend = resolvedValuation ? resolvedValuation * 0.02 : null;
-  const monthlyDivPerShare = annualDividend && resolvedTokensIssued ? annualDividend / 12 / resolvedTokensIssued : null;
+  const growthPct = overviewData?.growth5Yr;
   const propertyStats = [
     { label: "Property Value", value: isLoading && tokenMarketCap == null ? loadingSkeleton : tokenMarketCap ? fmtDollar(tokenMarketCap) : "\u2014" },
-    { label: "Offers", value: "3" },
-    { label: "Growth (5yr)", value: "+90%" },
-    { label: "Last Dividend", value: isLoading && monthlyDivPerShare == null ? loadingSkeleton : monthlyDivPerShare != null ? `$${monthlyDivPerShare.toFixed(2)}` : "\u2014" },
-    { label: "Next Dividend", value: (() => {
-      const now = /* @__PURE__ */ new Date();
-      const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
-      while (lastDay.getDay() === 0 || lastDay.getDay() === 6) lastDay.setDate(lastDay.getDate() - 1);
-      return lastDay.toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" });
-    })() }
+    ...beta ? [] : [{ label: "Offers", value: "3" }],
+    { label: "Growth (5yr)", value: growthPct != null ? `${growthPct > 0 ? "+" : ""}${growthPct}%` : "\u2014" },
+    { label: "Last Dividend", value: overviewData?.lastDividend != null ? `$${overviewData.lastDividend.toFixed(2)}` : "\u2014" },
+    { label: "Next Dividend", value: overviewData?.nextDividendDate != null ? new Date(overviewData.nextDividendDate * 1e3).toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }) : "\u2014" }
   ];
+  const ownershipLabel = overviewData?.ownership ? overviewData.ownership.charAt(0).toUpperCase() + overviewData.ownership.slice(1).toLowerCase() : null;
+  const propertyHistory = overviewData?.propertyHistory ?? [];
+  const closedDays = marketHours?.marketClosedDays.filter((d) => d.toLowerCase() !== "never") ?? [];
+  const tradingHoursValue = marketHours ? marketHours.marketOpenTime === marketHours.marketCloseTime ? "24 Hours" : `${marketHours.marketOpenTime} \u2013 ${marketHours.marketCloseTime}` : "";
+  const tradingDaysValue = marketHours ? closedDays.length ? `Closed ${closedDays.join(", ")}` : "Every day" : "";
+  const tradingHoursNote = marketHours ? `All times shown in ${marketHours.marketTimezone}.` : "";
+  const showTradingHours = marketHours != null;
   return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "About" }),
@@ -9092,7 +9153,7 @@ function PropertyOverview({
           /* @__PURE__ */ jsxRuntime.jsx(StatsRowLabel, { children: "Token Performance" }),
           /* @__PURE__ */ jsxRuntime.jsx(StatsHRow, { children: tokenStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatsHCell, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(StatsHCellLabel, { children: item.label }),
-            item.label === "Holders" && holderCount != null ? /* @__PURE__ */ jsxRuntime.jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsxRuntime.jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
+            item.label === "Holders" && holderCount != null && !beta ? /* @__PURE__ */ jsxRuntime.jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsxRuntime.jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
           ] }, item.label)) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(StatsRowSection, { children: [
@@ -9101,7 +9162,7 @@ function PropertyOverview({
             /* @__PURE__ */ jsxRuntime.jsx(StatsHCellLabel, { children: item.label }),
             /* @__PURE__ */ jsxRuntime.jsx(StatsHCellValue, { children: item.value })
           ] }, item.label)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(DividendHistoryBtn, { onClick: () => setShowDividendHistory(true), children: "See Dividend History \u2192" })
+          !beta && /* @__PURE__ */ jsxRuntime.jsx(DividendHistoryBtn, { onClick: () => setShowDividendHistory(true), children: "See Dividend History \u2192" })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(StatsMobile, { children: /* @__PURE__ */ jsxRuntime.jsxs(StatsTabbedCard, { children: [
@@ -9111,14 +9172,14 @@ function PropertyOverview({
         ] }),
         statsTab === "token" && /* @__PURE__ */ jsxRuntime.jsx(StatsTabContent, { children: tokenStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { $gold: !!item.gold, children: [
           /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: item.label }),
-          item.label === "Holders" && holderCount != null ? /* @__PURE__ */ jsxRuntime.jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsxRuntime.jsx(StatValue, { $gold: !!item.gold, children: item.value })
+          item.label === "Holders" && holderCount != null && !beta ? /* @__PURE__ */ jsxRuntime.jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsxRuntime.jsx(StatValue, { $gold: !!item.gold, children: item.value })
         ] }, item.label)) }),
         statsTab === "property" && /* @__PURE__ */ jsxRuntime.jsxs(StatsTabContent, { children: [
           propertyStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: item.label }),
             /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: item.value })
           ] }, item.label)),
-          /* @__PURE__ */ jsxRuntime.jsx(DividendHistoryBtn, { onClick: () => setShowDividendHistory(true), children: "See Dividend History \u2192" })
+          !beta && /* @__PURE__ */ jsxRuntime.jsx(DividendHistoryBtn, { onClick: () => setShowDividendHistory(true), children: "See Dividend History \u2192" })
         ] })
       ] }) })
     ] }),
@@ -9167,122 +9228,61 @@ function PropertyOverview({
           /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Land (Freehold)" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
-                landSize?.toLocaleString() ?? "1,848",
-                " sqm"
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsxs(StatLabel, { children: [
+                "Land",
+                ownershipLabel ? ` (${ownershipLabel})` : ""
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: landSize != null ? `${landSize.toLocaleString()} sqm` : "\u2014" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Interior" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
-                buildingSize?.toLocaleString() ?? "~800",
-                " sqm"
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: buildingSize != null ? `${buildingSize.toLocaleString()} sqm` : "\u2014" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Built" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "c.1880" })
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.yearBuilt ?? "\u2014" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Heritage Status" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "Historic Site (Not Protected)" })
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.heritageStatus || "\u2014" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Zoning" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "R3 Medium Density" })
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.zoning || "\u2014" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Development Optionality" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "Low-rise / Apartments Permitted" })
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.developmentOptionality || "\u2014" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "$5.5M (Mosman)" })
+              /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median" }),
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.suburbMedian != null ? fmtDollar(overviewData.suburbMedian) : "\u2014" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: growthPct != null && growthPct > 0 ? { color: "#4ade80" } : void 0, children: growthPct != null ? `${growthPct > 0 ? "+" : ""}${growthPct}%` : "\u2014" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Current Dividend" }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "$0.042 / share / mo" })
+              /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.lastDividend != null ? `$${overviewData.lastDividend.toFixed(2)} / share / mo` : "\u2014" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
-                    "Sold ",
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
-                    "Sold ",
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
-                    "Sold (COVID correction) ",
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
-                /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
-                /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
-                    "Loaf Offering ",
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
+            propertyHistory.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TimelineWrap, { children: propertyHistory.map((h, i) => {
+                const last = i === propertyHistory.length - 1;
+                return /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: last, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: h.year }),
+                  /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: last }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: h.event }),
+                    h.amount != null && /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: last, children: fmtDollar(h.amount) }) })
                   ] })
-                ] })
-              ] })
+                ] }, `${h.year}-${i}`);
+              }) })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
+        !beta && /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Generational Compounding" }),
@@ -9304,23 +9304,23 @@ function PropertyOverview({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
+    showTradingHours && /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Trading Hours" }),
       /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursCard, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursRow, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(THLabel, { children: "Session" }),
-          /* @__PURE__ */ jsxRuntime.jsx(THLabel, { children: "Hours (AEST)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(THLabel, { children: "Hours" }),
           /* @__PURE__ */ jsxRuntime.jsx(THLabel, { children: "Days" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursRow, { $last: true, children: [
           /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Continuous Trading" }),
-          /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "10:00 \u2013 16:00" }),
-          /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Mon \u2013 Fri" })
+          /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: tradingHoursValue }),
+          /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: tradingDaysValue })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(TradingHoursNote, { children: "All times are Australian Eastern Standard Time (AEST/AEDT). Markets are closed on Australian public holidays." })
+        /* @__PURE__ */ jsxRuntime.jsx(TradingHoursNote, { children: tradingHoursNote })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
+    !beta && /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Tokenholder Security" }),
       /* @__PURE__ */ jsxRuntime.jsxs(SecurityGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(SecurityCol, { children: [
@@ -9940,22 +9940,6 @@ var TimelinePrice = styled9__default.default.span`
   color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
   font-variant-numeric: tabular-nums;
 `;
-var TimelineGain = styled9__default.default.span`
-  font-size: 0.68rem;
-  font-weight: 600;
-  color: #4ade80;
-  background: rgba(74,222,128,0.08);
-  border: 1px solid rgba(74,222,128,0.15);
-  padding: 1px 6px;
-  border-radius: 4px;
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-`;
-var TimelineHoldPeriod = styled9__default.default.span`
-  font-size: 0.68rem;
-  color: rgba(255,255,255,0.25);
-  font-weight: 400;
-`;
 var FeaturesPanel = styled9__default.default.div`
   display: flex;
   flex-wrap: wrap;
@@ -18099,13 +18083,16 @@ function ToastItem({ toast, onDismiss }) {
   ] });
 }
 var ToastContext = React5.createContext(null);
-function ToastProvider({ children }) {
+function ToastProvider({ children, maxVisible }) {
   const [toasts, setToasts] = React5.useState([]);
   const addToast = React5.useCallback((data) => {
     const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
-    setToasts((prev) => [...prev, { ...data, id }]);
+    setToasts((prev) => {
+      const next = [...prev, { ...data, id }];
+      return maxVisible && next.length > maxVisible ? next.slice(next.length - maxVisible) : next;
+    });
     return id;
-  }, []);
+  }, [maxVisible]);
   const update = React5.useCallback((id, patch) => {
     setToasts((prev) => prev.map((t) => t.id === id ? { ...t, ...patch } : t));
   }, []);