@loafmarkets/ui 0.1.253 → 0.1.255

package/dist/index.mjs

@@ -157,7 +157,7 @@ var PortfolioSummary = React5.forwardRef(
     onResetAccount,
     positionsHeading = "Current Positions",
     emptyPositionsText = "No positions yet. Start trading to build your portfolio!",
-    formatCurrency: formatCurrency7 = defaultFormatCurrency,
+    formatCurrency: formatCurrency6 = defaultFormatCurrency,
     formatPercent: formatPercent2 = defaultFormatPercent,
     formatSignedCurrency = defaultFormatSignedCurrency,
     className,
@@ -195,11 +195,11 @@ var PortfolioSummary = React5.forwardRef(
             /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.5px] text-white/50", children: "Available Cash" }),
-                /* @__PURE__ */ jsx("p", { className: "mt-1 text-[1.25rem] font-semibold text-white", children: formatCurrency7(availableCash) })
+                /* @__PURE__ */ jsx("p", { className: "mt-1 text-[1.25rem] font-semibold text-white", children: formatCurrency6(availableCash) })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.5px] text-white/50", children: "Portfolio Value" }),
-                /* @__PURE__ */ jsx("p", { className: "mt-1 text-[1.25rem] font-semibold text-white", children: formatCurrency7(portfolioValue) })
+                /* @__PURE__ */ jsx("p", { className: "mt-1 text-[1.25rem] font-semibold text-white", children: formatCurrency6(portfolioValue) })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.5px] text-white/50", children: "Total Return" }),
@@ -5984,7 +5984,7 @@ var PortfolioEyeButton = styled9.button`
     color: #D4AF37;
   }
 
-  @media (max-width: 1800px) {
+  @media (max-width: 1024px) {
     display: none;
   }
 `;
@@ -7390,7 +7390,7 @@ var MiniLiveFeed = () => {
     }, 2e3 + Math.random() * 2e3);
     return () => clearInterval(interval);
   }, []);
-  const formatCurrency7 = (amount) => `$${amount.toLocaleString()}`;
+  const formatCurrency6 = (amount) => `$${amount.toLocaleString()}`;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -7480,7 +7480,7 @@ var MiniLiveFeed = () => {
                 ] }),
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", position: "relative", zIndex: 1 }, children: [
                   /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: "var(--color-text-secondary, #848e9c)" }, children: "bought" }),
-                  /* @__PURE__ */ jsx("span", { style: { fontSize: "0.8rem", fontWeight: 600, color: "#fff" }, children: formatCurrency7(purchase.amount) })
+                  /* @__PURE__ */ jsx("span", { style: { fontSize: "0.8rem", fontWeight: 600, color: "#fff" }, children: formatCurrency6(purchase.amount) })
                 ] })
               ]
             },
@@ -8431,7 +8431,7 @@ function PropertyOverview({
   description: descriptionProp,
   tradeButtonLabel = "Trade",
   images,
-  galleryCategories: galleryCategories2 = [],
+  galleryCategories = [],
   videoUrl,
   tokenName,
   landSizeSqm: landProp,
@@ -8653,7 +8653,7 @@ function PropertyOverview({
               GalleryMapSection,
               {
                 images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
-                categories: galleryCategories2,
+                categories: galleryCategories,
                 propertyLocation: location,
                 videoUrl,
                 tokenName,
@@ -8885,7 +8885,7 @@ function PropertyOverview({
             GalleryMapSection,
             {
               images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
-              categories: galleryCategories2,
+              categories: galleryCategories,
               propertyLocation: location,
               videoUrl,
               tokenName,
@@ -12219,342 +12219,6 @@ var HomeSpinner = styled9.span`
     to { transform: rotate(360deg); }
   }
 `;
-var MAX_DISPLAY_AMOUNT = 6e4;
-var formatCurrency4 = (amount) => {
-  if (amount >= 1e6) return `$${(amount / 1e6).toFixed(2)}M`;
-  return `$${Math.round(amount).toLocaleString()}`;
-};
-var formatTimeAgo2 = (timestamp) => {
-  const seconds = Math.floor(Date.now() / 1e3) - timestamp;
-  if (seconds < 60) return `${seconds}s ago`;
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `${minutes}m ago`;
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${hours}h ago`;
-  return `${Math.floor(hours / 24)}d ago`;
-};
-function VideoActivitySection({
-  ipoStarted,
-  ipoEnded = false,
-  isLoading = false,
-  recentOrders = [],
-  ordersAllocated = 0,
-  tokenPrice = 0
-}) {
-  const sortedOrders = useMemo(
-    () => [...recentOrders].sort((a, b) => b.timestamp - a.timestamp).slice(0, 7),
-    [recentOrders]
-  );
-  const headerStatusText = ipoEnded ? `Sale ended${ordersAllocated > 0 ? ` \xB7 ${ordersAllocated.toLocaleString()} orders` : ""}` : ipoStarted ? isLoading && sortedOrders.length === 0 ? "Loading orders\u2026" : `Active orders: ${ordersAllocated.toLocaleString()}` : "Waiting for Offer to Open";
-  const showSkeletonFeed = ipoStarted && isLoading && sortedOrders.length === 0;
-  const showOrderFeed = !showSkeletonFeed && (ipoStarted || ipoEnded && sortedOrders.length > 0);
-  return /* @__PURE__ */ jsxs(Section4, { children: [
-    /* @__PURE__ */ jsxs(VideoPanel, { children: [
-      /* @__PURE__ */ jsx("div", { className: "section-header", children: /* @__PURE__ */ jsx("h3", { children: "Musgrave" }) }),
-      /* @__PURE__ */ jsx("div", { className: "video-container", children: /* @__PURE__ */ jsxs("video", { controls: true, loop: true, autoPlay: true, muted: true, playsInline: true, children: [
-        /* @__PURE__ */ jsx("source", { src: "/properties/Musgrave/musgrave.mp4", type: "video/mp4" }),
-        "Your browser does not support the video tag."
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs(ActivityPanel, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "section-header", children: [
-        /* @__PURE__ */ jsxs("h3", { children: [
-          /* @__PURE__ */ jsx(LiveIndicatorDot, { $active: ipoStarted && !ipoEnded }),
-          "Recent Order Activity"
-        ] }),
-        /* @__PURE__ */ jsx("span", { children: headerStatusText })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "activity-content", children: showSkeletonFeed ? /* @__PURE__ */ jsx(FeedList, { children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs(SkeletonFeedRow, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "info-col", children: [
-          /* @__PURE__ */ jsx(Skeleton, { width: 110, height: 14 }),
-          /* @__PURE__ */ jsx(Skeleton, { width: 56, height: 10 })
-        ] }),
-        /* @__PURE__ */ jsx(Skeleton, { width: 70, height: 14 })
-      ] }, `feed-skel-${i}`)) }) : showOrderFeed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        ipoEnded && /* @__PURE__ */ jsx(EndedBanner, { children: "Sale ended \u2014 final allocations" }),
-        /* @__PURE__ */ jsx(FeedList, { children: sortedOrders.map((order, index) => {
-          const amount = tokenPrice * order.quantity;
-          const barPercent = Math.min(85, Math.max(15, amount / MAX_DISPLAY_AMOUNT * 100));
-          const isAlternate = index % 2 === 1;
-          return /* @__PURE__ */ jsxs(
-            PurchaseItem,
-            {
-              $barWidth: `${barPercent}%`,
-              $isAlternate: isAlternate,
-              children: [
-                /* @__PURE__ */ jsxs(PurchaseInfo, { children: [
-                  /* @__PURE__ */ jsx(PurchaseName, { children: order.buyerHandle || `${order.buyerAddress.slice(0, 6)}...${order.buyerAddress.slice(-4)}` }),
-                  /* @__PURE__ */ jsx(PurchaseTime, { children: formatTimeAgo2(order.timestamp) })
-                ] }),
-                /* @__PURE__ */ jsx(PurchaseAmount, { children: formatCurrency4(amount) })
-              ]
-            },
-            order.txHash
-          );
-        }) })
-      ] }) : ipoEnded ? /* @__PURE__ */ jsx("div", { className: "activity-empty", children: /* @__PURE__ */ jsx("p", { children: "Sale ended \u2014 no orders were placed." }) }) : /* @__PURE__ */ jsxs("div", { className: "activity-empty", children: [
-        /* @__PURE__ */ jsx("div", { className: "spinner" }),
-        /* @__PURE__ */ jsx("p", { children: "Activity will appear once the Offering opens" })
-      ] }) })
-    ] })
-  ] });
-}
-var Section4 = styled9.div`
-  display: flex;
-  gap: 1.5rem;
-  align-items: stretch;
-  @media (max-width: 1024px) {
-    flex-direction: column;
-    gap: 1rem;
-  }
-`;
-var VideoPanel = styled9.div`
-  flex: 1;
-  background-color: var(--color-card-darker, #111);
-  border-radius: 8px;
-  padding: 1.5rem;
-  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-  border: 1px solid var(--color-border);
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  @media (max-width: 768px) {
-    display: none;
-  }
-  .section-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-bottom: 0.75rem;
-    margin-bottom: 1rem;
-    border-bottom: 1px solid rgba(255,255,255,0.1);
-    h3 {
-      font-size: 0.9rem;
-      font-weight: 600;
-      color: var(--color-text);
-      margin: 0;
-    }
-  }
-  .video-container {
-    flex: 1;
-    position: relative;
-    background: #000;
-    border-radius: 8px;
-    overflow: hidden;
-    min-height: 300px;
-    video {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-`;
-var ActivityPanel = styled9.div`
-  flex: 0 0 auto;
-  min-width: 450px;
-  max-width: 520px;
-  display: flex;
-  flex-direction: column;
-  background-color: var(--color-card-darker, #111);
-  border-radius: 8px;
-  padding: 1.5rem;
-  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-  border: 1px solid var(--color-border);
-  @media (max-width: 1024px) {
-    min-width: 0;
-    max-width: none;
-    width: 100%;
-    padding: 1rem;
-  }
-  @media (max-width: 768px) {
-    max-height: 280px;
-    .activity-content {
-      max-height: 220px;
-    }
-  }
-  .section-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-bottom: 0.75rem;
-    margin-bottom: 1rem;
-    border-bottom: 1px solid rgba(255,255,255,0.1);
-    h3 {
-      font-size: 0.9rem;
-      font-weight: 600;
-      color: var(--color-text);
-      margin: 0;
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-    }
-    span {
-      font-size: 0.75rem;
-      color: var(--color-text-secondary);
-      font-weight: 500;
-    }
-  }
-  .activity-content {
-    flex: 1;
-    overflow-y: auto;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-  }
-  .activity-content::-webkit-scrollbar {
-    display: none;
-  }
-  .activity-empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 200px;
-    color: var(--color-text-secondary);
-    text-align: center;
-    gap: 0.75rem;
-    .spinner {
-      width: 40px;
-      height: 40px;
-      border-radius: 50%;
-      border: 2px solid rgba(212,175,55,0.3);
-      border-top-color: #D4AF37;
-      animation: spin 1s linear infinite;
-    }
-    p {
-      font-size: 0.85rem;
-      margin: 0;
-    }
-  }
-  @keyframes spin {
-    from { transform: rotate(0deg); }
-    to { transform: rotate(360deg); }
-  }
-`;
-var SkeletonFeedRow = styled9.div`
-  padding: 0.625rem 0.75rem;
-  border-bottom: 1px solid rgba(255,255,255,0.04);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 1rem;
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  .info-col {
-    display: flex;
-    flex-direction: column;
-    gap: 0.3rem;
-    min-width: 0;
-    flex: 1;
-  }
-
-  @media (max-width: 768px) {
-    padding: 0.4rem 0.6rem;
-  }
-`;
-var EndedBanner = styled9.div`
-  font-size: 0.7rem;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: rgba(255, 255, 255, 0.55);
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  border-radius: 6px;
-  padding: 0.4rem 0.6rem;
-  margin-bottom: 0.5rem;
-  text-align: center;
-`;
-var FeedList = styled9.div`
-  width: 100%;
-  overflow-y: auto;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`;
-var PurchaseItem = styled9.div`
-  padding: 0.625rem 0.75rem;
-  border-bottom: 1px solid rgba(255,255,255,0.05);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-  overflow: hidden;
-  background-color: ${(p) => p.$isAlternate ? "rgba(255,255,255,0.03)" : "transparent"};
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    width: ${(p) => p.$barWidth || "20%"};
-    background: linear-gradient(90deg, transparent 0%, rgba(14,203,129,0.15) 100%);
-    pointer-events: none;
-  }
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  @media (max-width: 768px) {
-    padding: 0.4rem 0.6rem;
-  }
-`;
-var PurchaseInfo = styled9.div`
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-`;
-var PurchaseName = styled9.div`
-  font-weight: 500;
-  font-size: 0.875rem;
-  color: #fff;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-var PurchaseTime = styled9.div`
-  font-size: 0.7rem;
-  color: var(--color-text-secondary);
-  margin-top: 0.125rem;
-`;
-var PurchaseAmount = styled9.div`
-  font-weight: 600;
-  font-size: 0.875rem;
-  color: #fff;
-  white-space: nowrap;
-  margin-left: 1rem;
-`;
-var LiveIndicatorDot = styled9.span`
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  background-color: ${(p) => p.$active ? "#0ecb81" : "#848e9c"};
-  border-radius: 50%;
-  position: relative;
-  &:after {
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: ${(p) => p.$active ? "#0ecb81" : "transparent"};
-    animation: ${(p) => p.$active ? "liveGlow 2s infinite" : "none"};
-  }
-  @keyframes liveGlow {
-    0% { box-shadow: 0 0 0 0 rgba(14,203,129,0.4); }
-    70% { box-shadow: 0 0 0 10px rgba(14,203,129,0); }
-    100% { box-shadow: 0 0 0 0 rgba(14,203,129,0); }
-  }
-`;
 var slideIn = keyframes`
   from { transform: translateX(110%); opacity: 0; }
   to   { transform: translateX(0);    opacity: 1; }
@@ -13601,28 +13265,288 @@ var InsufficientFunds = styled9.div`
   font-size: 0.85rem;
   font-weight: 600;
 `;
-var ACTIVITY_PAGE_SIZE_DEFAULT = 10;
-var formatCurrency5 = (value, opts) => {
-  const min = opts?.minimumFractionDigits ?? 2;
-  const max = opts?.maximumFractionDigits ?? 2;
-  return `$${value.toLocaleString("en-US", { minimumFractionDigits: min, maximumFractionDigits: max })}`;
-};
-var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
-var formatTimestamp = (unix) => {
-  if (!unix) return "\u2014";
-  let sec;
-  if (unix > 1e18) sec = Math.floor(unix / 1e9);
-  else if (unix > 1e14) sec = Math.floor(unix / 1e6);
-  else if (unix > 1e12) sec = Math.floor(unix / 1e3);
-  else sec = unix;
-  return new Date(sec * 1e3).toLocaleString("en-AU", {
-    day: "2-digit",
-    month: "short",
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: false
-  });
-};
+function OrderConfirmationModal({
+  open,
+  onClose,
+  hasInsufficientFunds,
+  tokenQuantity,
+  tokenPrice,
+  propertyName,
+  tokenSymbol,
+  estExposure,
+  orderTotal,
+  availableBalance,
+  onConfirm,
+  isPlacing = false,
+  placingLabel = "Placing order\u2026"
+}) {
+  if (!open) return null;
+  const handleOverlayClose = () => {
+    if (isPlacing) return;
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(Overlay3, { onClick: handleOverlayClose, children: /* @__PURE__ */ jsxs(Modal, { onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs("h3", { children: [
+      "Confirm Order",
+      /* @__PURE__ */ jsx(Badge2, { children: "Subscribe" })
+    ] }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: [
+      { label: "Order Type", value: "Primary Offering" },
+      { label: "Property", value: propertyName },
+      { label: "Units", value: `${tokenQuantity.toLocaleString()} ${tokenSymbol}`, highlight: true },
+      {
+        label: "Unit Price",
+        value: `$${tokenPrice.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+      },
+      { label: "Property Exposure", value: `${estExposure}%` },
+      { label: "Total Investment", value: `$${orderTotal.toLocaleString()}`, highlight: true }
+    ].map((row, index, arr) => /* @__PURE__ */ jsxs(ModalRow, { "data-divider": index < arr.length - 1, children: [
+      /* @__PURE__ */ jsx("span", { children: row.label }),
+      /* @__PURE__ */ jsx("strong", { "data-highlight": row.highlight, children: row.value })
+    ] }, row.label)) }),
+    hasInsufficientFunds ? /* @__PURE__ */ jsxs(Warning, { children: [
+      /* @__PURE__ */ jsx("p", { children: "\u26A0 Insufficient Balance" }),
+      /* @__PURE__ */ jsxs("small", { children: [
+        "You need ",
+        /* @__PURE__ */ jsxs("strong", { children: [
+          "$",
+          orderTotal.toLocaleString()
+        ] }),
+        " but only have",
+        " ",
+        /* @__PURE__ */ jsxs("strong", { children: [
+          "$",
+          availableBalance.toLocaleString()
+        ] }),
+        " available."
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Summary, { children: [
+      "Your order for ",
+      /* @__PURE__ */ jsxs("strong", { children: [
+        tokenQuantity.toLocaleString(),
+        " ",
+        tokenSymbol,
+        " units"
+      ] }),
+      " in the",
+      " ",
+      /* @__PURE__ */ jsx("strong", { children: propertyName }),
+      " Primary Offering will be placed for ",
+      /* @__PURE__ */ jsxs("strong", { children: [
+        "$",
+        tokenPrice.toFixed(2),
+        "/unit"
+      ] }),
+      "."
+    ] }),
+    /* @__PURE__ */ jsxs(ButtonRow2, { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "secondary",
+          disabled: isPlacing,
+          children: "Cancel"
+        }
+      ),
+      !hasInsufficientFunds && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onConfirm,
+          className: "primary",
+          disabled: isPlacing,
+          children: isPlacing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { children: placingLabel })
+          ] }) : "Place Order"
+        }
+      )
+    ] })
+  ] }) });
+}
+var Overlay3 = styled9.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0,0,0,0.7);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+  backdrop-filter: blur(4px);
+`;
+var Modal = styled9.div`
+  background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
+  border: 1px solid rgba(255,255,255,0.1);
+  border-radius: 16px;
+  padding: 2rem;
+  max-width: 480px;
+  width: 90%;
+  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
+`;
+var ModalHeader = styled9.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: 1.5rem;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid rgba(255,255,255,0.1);
+  h3 {
+    margin: 0;
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+`;
+var Badge2 = styled9.span`
+  padding: 0.25rem 0.75rem;
+  border-radius: 6px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  background: linear-gradient(135deg, rgba(212,175,55,0.2) 0%, rgba(212,175,55,0.1) 100%);
+  color: #D4AF37;
+  border: 1px solid rgba(212,175,55,0.3);
+`;
+var ModalBody = styled9.div`
+  margin-bottom: 1.5rem;
+  display: flex;
+  flex-direction: column;
+`;
+var ModalRow = styled9.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem 0;
+  border-bottom: 1px solid rgba(255,255,255,0.05);
+  &[data-divider='false'] {
+    border-bottom: none;
+  }
+  span {
+    color: rgba(255,255,255,0.6);
+    font-size: 0.9rem;
+  }
+  strong {
+    color: #fff;
+    font-weight: 500;
+    font-size: 0.95rem;
+  }
+  strong[data-highlight='true'] {
+    color: #D4AF37;
+    font-weight: 600;
+  }
+`;
+var Warning = styled9.div`
+  background: rgba(246,70,93,0.1);
+  border: 1px solid rgba(246,70,93,0.3);
+  border-radius: 8px;
+  padding: 1rem;
+  margin-bottom: 1.5rem;
+  p {
+    margin: 0;
+    color: #f6465d;
+    font-size: 0.9rem;
+    font-weight: 600;
+  }
+  small {
+    display: block;
+    margin-top: 0.5rem;
+    color: rgba(255,255,255,0.7);
+    font-size: 0.85rem;
+    line-height: 1.5;
+  }
+`;
+var Summary = styled9.div`
+  background: rgba(255,255,255,0.03);
+  border: 1px solid rgba(255,255,255,0.08);
+  border-radius: 8px;
+  padding: 1rem;
+  margin-bottom: 1.5rem;
+  color: rgba(255,255,255,0.8);
+  font-size: 0.9rem;
+  line-height: 1.5;
+`;
+var spin = keyframes`
+  to { transform: rotate(360deg); }
+`;
+var Spinner = styled9.span`
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 2px solid rgba(255, 255, 255, 0.35);
+  border-top-color: #fff;
+  animation: ${spin} 0.7s linear infinite;
+  margin-right: 0.5rem;
+  vertical-align: -2px;
+`;
+var ButtonRow2 = styled9.div`
+  display: flex;
+  gap: 1rem;
+  justify-content: flex-end;
+  button {
+    padding: 0.75rem 1.5rem;
+    border-radius: 8px;
+    font-weight: 600;
+    font-size: 0.95rem;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  button:disabled {
+    cursor: not-allowed;
+    opacity: 0.75;
+  }
+  .secondary {
+    background: rgba(255,255,255,0.1);
+    color: rgba(255,255,255,0.8);
+    border: 1px solid rgba(255,255,255,0.2);
+  }
+  .primary {
+    background: linear-gradient(135deg, #0ecb81 0%, #0ba968 100%);
+    color: #fff;
+    border: none;
+    box-shadow: 0 4px 12px rgba(14,203,129,0.3);
+  }
+`;
+
+// src/components/property-buy/constants.ts
+var STATUS_COLOR2 = {
+  PENDING: "#D4AF37",
+  LIVE: "#0ecb81",
+  CLOSED: "#848e9c",
+  CANCELLED: "#f6465d"
+};
+var ACTIVITY_PAGE_SIZE_DEFAULT = 10;
+var formatCurrency4 = (value, opts) => {
+  const min = opts?.minimumFractionDigits ?? 2;
+  const max = opts?.maximumFractionDigits ?? 2;
+  return `$${value.toLocaleString("en-US", { minimumFractionDigits: min, maximumFractionDigits: max })}`;
+};
+var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
+var formatTimestamp = (unix) => {
+  if (!unix) return "\u2014";
+  let sec;
+  if (unix > 1e18) sec = Math.floor(unix / 1e9);
+  else if (unix > 1e14) sec = Math.floor(unix / 1e6);
+  else if (unix > 1e12) sec = Math.floor(unix / 1e3);
+  else sec = unix;
+  return new Date(sec * 1e3).toLocaleString("en-AU", {
+    day: "2-digit",
+    month: "short",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  });
+};
 var formatAddress = (address) => `${address.slice(0, 6)}...${address.slice(-4)}`;
 var prettyLabel = (value) => value.split("_").map((part) => part.charAt(0) + part.slice(1).toLowerCase()).join(" ");
 var sideLabel = (side) => side?.toUpperCase() === "SELL" ? "Sell" : "Buy";
@@ -13861,16 +13785,16 @@ function PortfolioActivityPanel({
               /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.4)", fontSize: "0.7rem" }, children: pos.tokenName.toUpperCase() })
             ] }) }),
             /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsxs("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: [
-              formatCurrency5(currentValue, { minimumFractionDigits: 0, maximumFractionDigits: 0 }),
+              formatCurrency4(currentValue, { minimumFractionDigits: 0, maximumFractionDigits: 0 }),
               " ",
               /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.4)", fontSize: "0.7rem" }, children: "USD" })
             ] }) }),
-            /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.7)", fontSize: "0.8rem" }, children: formatCurrency5(pos.averageEntryPrice) }) }),
-            /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: formatCurrency5(pos.marketPrice) }) }),
+            /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.7)", fontSize: "0.8rem" }, children: formatCurrency4(pos.averageEntryPrice) }) }),
+            /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: formatCurrency4(pos.marketPrice) }) }),
             /* @__PURE__ */ jsxs(PositionsCell, { children: [
               /* @__PURE__ */ jsxs(PnLAmount, { $positive: isPositive, children: [
                 isPositive ? "+" : "-",
-                formatCurrency5(Math.abs(pnl))
+                formatCurrency4(Math.abs(pnl))
               ] }),
               /* @__PURE__ */ jsxs(PnLPercentage, { $positive: isPositive, children: [
                 isPositive ? "+" : "",
@@ -13929,8 +13853,8 @@ function PortfolioActivityPanel({
           return /* @__PURE__ */ jsxs(GridRow, { $columns: "1.2fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, children: order.tokenName }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatNumber2(order.quantity) }) }),
-            /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatCurrency5(order.price) }) }),
-            /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatCurrency5(order.price * order.quantity) }) }),
+            /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatCurrency4(order.price) }) }),
+            /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatCurrency4(order.price * order.quantity) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(ActivityTag, { $color: meta.color, $bg: meta.bg, children: prettyLabel(order.status) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatTimestamp(order.createdAt) }) })
           ] }, `${order.tokenName}-${order.txHash}-${order.createdAt}`);
@@ -13961,7 +13885,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: prettyLabel(order.type) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: onAmendOrder ? /* @__PURE__ */ jsx(EditableField, { value: order.quantity, format: formatNumber2, onCommit: (v) => onAmendOrder(order.id, { quantity: v }) }) : /* @__PURE__ */ jsx(CellText, { children: formatNumber2(order.quantity) }) }),
-            /* @__PURE__ */ jsx(GridCell, { children: !isMarket && order.price && onAmendOrder ? /* @__PURE__ */ jsx(EditableField, { value: order.price, format: (v) => formatCurrency5(v), onCommit: (v) => onAmendOrder(order.id, { price: v }) }) : /* @__PURE__ */ jsx(CellText, { children: isMarket || !order.price ? "Market" : formatCurrency5(order.price) }) }),
+            /* @__PURE__ */ jsx(GridCell, { children: !isMarket && order.price && onAmendOrder ? /* @__PURE__ */ jsx(EditableField, { value: order.price, format: (v) => formatCurrency4(v), onCommit: (v) => onAmendOrder(order.id, { price: v }) }) : /* @__PURE__ */ jsx(CellText, { children: isMarket || !order.price ? "Market" : formatCurrency4(order.price) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsxs(CellText, { $muted: true, children: [
               filledPercent,
               "%"
@@ -14005,7 +13929,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: prettyLabel(order.type) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatNumber2(order.quantity) }) }),
-            /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: isMarket || !order.price ? "Market" : formatCurrency5(order.price) }) }),
+            /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: isMarket || !order.price ? "Market" : formatCurrency4(order.price) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsxs(CellText, { $muted: true, children: [
               filledPercent,
               "%"
@@ -14032,9 +13956,9 @@ function PortfolioActivityPanel({
           /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, children: trade.tokenName }) }),
           /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(trade.side), children: sideLabel(trade.side) }) }),
           /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatNumber2(trade.quantity) }) }),
-          /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatCurrency5(trade.price) }) }),
-          /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatCurrency5(trade.price * trade.quantity) }) }),
-          /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatCurrency5(trade.fee) }) }),
+          /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatCurrency4(trade.price) }) }),
+          /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatCurrency4(trade.price * trade.quantity) }) }),
+          /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatCurrency4(trade.fee) }) }),
           /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatTimestamp(trade.executedAt) }) })
         ] }, trade.tradeId))
       ] })
@@ -14056,7 +13980,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: isDeposit ? "Buy" : "Sell", children: isDeposit ? "Deposit" : "Withdraw" }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsxs(CellText, { $color: isDeposit ? "#0ecb81" : "#f6465d", children: [
               isDeposit ? "+" : "-",
-              formatCurrency5(t.amount)
+              formatCurrency4(t.amount)
             ] }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatAddress(t.address) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(ActivityTag, { $color: statusMeta.color, $bg: statusMeta.bg, children: prettyLabel(t.status) }) }),
@@ -14643,424 +14567,77 @@ var CloseAllModalX = styled9.button`
   color: rgba(255, 255, 255, 0.4);
   font-size: 1.25rem;
   cursor: pointer;
-  padding: 0.25rem;
-  line-height: 1;
-  transition: color 0.15s;
-
-  &:hover { color: #fff; }
-`;
-var CloseAllTitle = styled9.div`
-  font-size: 1rem;
-  font-weight: 600;
-  color: #fff;
-  margin-bottom: 0.5rem;
-`;
-var CloseAllDesc = styled9.div`
-  font-size: 0.8rem;
-  color: rgba(255, 255, 255, 0.5);
-  line-height: 1.45;
-  margin-bottom: 1rem;
-`;
-var CloseAllOption = styled9.div`
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-  padding: 0.6rem 0.75rem;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: 0.85rem;
-  color: rgba(255, 255, 255, 0.85);
-  transition: background 0.15s;
-  margin-bottom: 0.35rem;
-
-  &:hover { background: rgba(255, 255, 255, 0.04); }
-`;
-var CloseAllRadio = styled9.div`
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 2px solid ${(p) => p.$selected ? "#f6465d" : "rgba(255, 255, 255, 0.2)"};
-  position: relative;
-  flex-shrink: 0;
-  transition: border-color 0.15s;
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: ${(p) => p.$selected ? "#f6465d" : "transparent"};
-    transition: background 0.15s;
-  }
-`;
-var CloseAllConfirmBtn = styled9.button`
-  width: 100%;
-  margin-top: 0.75rem;
-  background: rgba(246, 70, 93, 0.15);
-  border: 1px solid rgba(246, 70, 93, 0.4);
-  border-radius: 8px;
-  padding: 0.7rem 1rem;
-  font-size: 0.85rem;
-  font-weight: 600;
-  color: #f6465d;
-  cursor: pointer;
-  transition: all 0.15s ease;
-
-  &:hover {
-    background: rgba(246, 70, 93, 0.25);
-  }
-`;
-function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
-  return /* @__PURE__ */ jsxs(Row2, { children: [
-    /* @__PURE__ */ jsx(
-      PropertyNewsUpdates,
-      {
-        items: newsItems,
-        heading: "Property News & Updates",
-        connectionStatus: newsConnectionStatus
-      }
-    ),
-    /* @__PURE__ */ jsx(ActivityWrapper, { children: /* @__PURE__ */ jsx(
-      PortfolioActivityPanel,
-      {
-        positions: activityData?.positions,
-        showPositionsTab: true,
-        onPositionClick: activityData?.onPositionClick,
-        offeringOrders: activityData?.offeringOrders,
-        openOrders: activityData?.openOrders,
-        orderHistory: activityData?.orderHistory,
-        tradeHistory: activityData?.tradeHistory,
-        transfers: activityData?.transfers,
-        onCancelOrder: activityData?.onCancelOrder,
-        cancellingOrderId: activityData?.cancellingOrderId,
-        defaultTab: activityData?.defaultTab ?? "positions",
-        pageSize: activityData?.pageSize ?? 6
-      }
-    ) })
-  ] });
-}
-var Row2 = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 2fr;
-  gap: 1.5rem;
-  margin-top: 1.5rem;
-  max-width: 1800px;
-  margin-left: auto;
-  margin-right: auto;
-  overflow: hidden;
-  @media (max-width: 768px) {
-    grid-template-columns: 1fr;
-    gap: 1rem;
-  }
-  & > * {
-    min-width: 0;
-    overflow: hidden;
-  }
-`;
-var ActivityWrapper = styled9.div`
-  background-color: var(--color-card-darker, #111);
-  border-radius: 8px;
-  padding: 1.5rem;
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-  border: 1px solid var(--color-border);
-  min-height: 280px;
-  overflow: hidden;
-  @media (max-width: 768px) {
-    padding: 1rem;
-    min-height: auto;
-  }
-`;
-function OrderConfirmationModal({
-  open,
-  onClose,
-  hasInsufficientFunds,
-  tokenQuantity,
-  tokenPrice,
-  propertyName,
-  tokenSymbol,
-  estExposure,
-  orderTotal,
-  availableBalance,
-  onConfirm,
-  isPlacing = false,
-  placingLabel = "Placing order\u2026"
-}) {
-  if (!open) return null;
-  const handleOverlayClose = () => {
-    if (isPlacing) return;
-    onClose();
-  };
-  return /* @__PURE__ */ jsx(Overlay3, { onClick: handleOverlayClose, children: /* @__PURE__ */ jsxs(Modal, { onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs("h3", { children: [
-      "Confirm Order",
-      /* @__PURE__ */ jsx(Badge2, { children: "Subscribe" })
-    ] }) }),
-    /* @__PURE__ */ jsx(ModalBody, { children: [
-      { label: "Order Type", value: "Primary Offering" },
-      { label: "Property", value: propertyName },
-      { label: "Units", value: `${tokenQuantity.toLocaleString()} ${tokenSymbol}`, highlight: true },
-      {
-        label: "Unit Price",
-        value: `$${tokenPrice.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
-      },
-      { label: "Property Exposure", value: `${estExposure}%` },
-      { label: "Total Investment", value: `$${orderTotal.toLocaleString()}`, highlight: true }
-    ].map((row, index, arr) => /* @__PURE__ */ jsxs(ModalRow, { "data-divider": index < arr.length - 1, children: [
-      /* @__PURE__ */ jsx("span", { children: row.label }),
-      /* @__PURE__ */ jsx("strong", { "data-highlight": row.highlight, children: row.value })
-    ] }, row.label)) }),
-    hasInsufficientFunds ? /* @__PURE__ */ jsxs(Warning, { children: [
-      /* @__PURE__ */ jsx("p", { children: "\u26A0 Insufficient Balance" }),
-      /* @__PURE__ */ jsxs("small", { children: [
-        "You need ",
-        /* @__PURE__ */ jsxs("strong", { children: [
-          "$",
-          orderTotal.toLocaleString()
-        ] }),
-        " but only have",
-        " ",
-        /* @__PURE__ */ jsxs("strong", { children: [
-          "$",
-          availableBalance.toLocaleString()
-        ] }),
-        " available."
-      ] })
-    ] }) : /* @__PURE__ */ jsxs(Summary, { children: [
-      "Your order for ",
-      /* @__PURE__ */ jsxs("strong", { children: [
-        tokenQuantity.toLocaleString(),
-        " ",
-        tokenSymbol,
-        " units"
-      ] }),
-      " in the",
-      " ",
-      /* @__PURE__ */ jsx("strong", { children: propertyName }),
-      " Primary Offering will be placed for ",
-      /* @__PURE__ */ jsxs("strong", { children: [
-        "$",
-        tokenPrice.toFixed(2),
-        "/unit"
-      ] }),
-      "."
-    ] }),
-    /* @__PURE__ */ jsxs(ButtonRow2, { children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: "secondary",
-          disabled: isPlacing,
-          children: "Cancel"
-        }
-      ),
-      !hasInsufficientFunds && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onConfirm,
-          className: "primary",
-          disabled: isPlacing,
-          children: isPlacing ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Spinner, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx("span", { children: placingLabel })
-          ] }) : "Place Order"
-        }
-      )
-    ] })
-  ] }) });
-}
-var Overlay3 = styled9.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0,0,0,0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10000;
-  backdrop-filter: blur(4px);
-`;
-var Modal = styled9.div`
-  background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 16px;
-  padding: 2rem;
-  max-width: 480px;
-  width: 90%;
-  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
-`;
-var ModalHeader = styled9.div`
-  display: flex;
-  align-items: center;
-  margin-bottom: 1.5rem;
-  padding-bottom: 1rem;
-  border-bottom: 1px solid rgba(255,255,255,0.1);
-  h3 {
-    margin: 0;
-    font-size: 1.25rem;
-    font-weight: 600;
-    color: #fff;
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-  }
+  padding: 0.25rem;
+  line-height: 1;
+  transition: color 0.15s;
+
+  &:hover { color: #fff; }
 `;
-var Badge2 = styled9.span`
-  padding: 0.25rem 0.75rem;
-  border-radius: 6px;
-  font-size: 0.75rem;
+var CloseAllTitle = styled9.div`
+  font-size: 1rem;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  background: linear-gradient(135deg, rgba(212,175,55,0.2) 0%, rgba(212,175,55,0.1) 100%);
-  color: #D4AF37;
-  border: 1px solid rgba(212,175,55,0.3);
+  color: #fff;
+  margin-bottom: 0.5rem;
 `;
-var ModalBody = styled9.div`
-  margin-bottom: 1.5rem;
-  display: flex;
-  flex-direction: column;
+var CloseAllDesc = styled9.div`
+  font-size: 0.8rem;
+  color: rgba(255, 255, 255, 0.5);
+  line-height: 1.45;
+  margin-bottom: 1rem;
 `;
-var ModalRow = styled9.div`
+var CloseAllOption = styled9.div`
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  padding: 0.75rem 0;
-  border-bottom: 1px solid rgba(255,255,255,0.05);
-  &[data-divider='false'] {
-    border-bottom: none;
-  }
-  span {
-    color: rgba(255,255,255,0.6);
-    font-size: 0.9rem;
-  }
-  strong {
-    color: #fff;
-    font-weight: 500;
-    font-size: 0.95rem;
-  }
-  strong[data-highlight='true'] {
-    color: #D4AF37;
-    font-weight: 600;
-  }
-`;
-var Warning = styled9.div`
-  background: rgba(246,70,93,0.1);
-  border: 1px solid rgba(246,70,93,0.3);
-  border-radius: 8px;
-  padding: 1rem;
-  margin-bottom: 1.5rem;
-  p {
-    margin: 0;
-    color: #f6465d;
-    font-size: 0.9rem;
-    font-weight: 600;
-  }
-  small {
-    display: block;
-    margin-top: 0.5rem;
-    color: rgba(255,255,255,0.7);
-    font-size: 0.85rem;
-    line-height: 1.5;
-  }
-`;
-var Summary = styled9.div`
-  background: rgba(255,255,255,0.03);
-  border: 1px solid rgba(255,255,255,0.08);
+  gap: 0.6rem;
+  padding: 0.6rem 0.75rem;
   border-radius: 8px;
-  padding: 1rem;
-  margin-bottom: 1.5rem;
-  color: rgba(255,255,255,0.8);
-  font-size: 0.9rem;
-  line-height: 1.5;
-`;
-var spin = keyframes`
-  to { transform: rotate(360deg); }
+  cursor: pointer;
+  font-size: 0.85rem;
+  color: rgba(255, 255, 255, 0.85);
+  transition: background 0.15s;
+  margin-bottom: 0.35rem;
+
+  &:hover { background: rgba(255, 255, 255, 0.04); }
 `;
-var Spinner = styled9.span`
-  display: inline-block;
-  width: 14px;
-  height: 14px;
+var CloseAllRadio = styled9.div`
+  width: 16px;
+  height: 16px;
   border-radius: 50%;
-  border: 2px solid rgba(255, 255, 255, 0.35);
-  border-top-color: #fff;
-  animation: ${spin} 0.7s linear infinite;
-  margin-right: 0.5rem;
-  vertical-align: -2px;
-`;
-var ButtonRow2 = styled9.div`
-  display: flex;
-  gap: 1rem;
-  justify-content: flex-end;
-  button {
-    padding: 0.75rem 1.5rem;
-    border-radius: 8px;
-    font-weight: 600;
-    font-size: 0.95rem;
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
-  button:disabled {
-    cursor: not-allowed;
-    opacity: 0.75;
-  }
-  .secondary {
-    background: rgba(255,255,255,0.1);
-    color: rgba(255,255,255,0.8);
-    border: 1px solid rgba(255,255,255,0.2);
-  }
-  .primary {
-    background: linear-gradient(135deg, #0ecb81 0%, #0ba968 100%);
-    color: #fff;
-    border: none;
-    box-shadow: 0 4px 12px rgba(14,203,129,0.3);
+  border: 2px solid ${(p) => p.$selected ? "#f6465d" : "rgba(255, 255, 255, 0.2)"};
+  position: relative;
+  flex-shrink: 0;
+  transition: border-color 0.15s;
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: ${(p) => p.$selected ? "#f6465d" : "transparent"};
+    transition: background 0.15s;
   }
 `;
+var CloseAllConfirmBtn = styled9.button`
+  width: 100%;
+  margin-top: 0.75rem;
+  background: rgba(246, 70, 93, 0.15);
+  border: 1px solid rgba(246, 70, 93, 0.4);
+  border-radius: 8px;
+  padding: 0.7rem 1rem;
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: #f6465d;
+  cursor: pointer;
+  transition: all 0.15s ease;
 
-// src/components/property-buy/constants.ts
-var musgraveGalleryImages = [
-  { src: "/properties/Musgrave/ExteriorFront_Musgrave_Loafmarkets.jpg", title: "Exterior Front", subtitle: "Grand entrance" },
-  { src: "/properties/Musgrave/ExteriorDusk_Musgrave_Loafmarkets.jpg", title: "Exterior Dusk", subtitle: "Evening ambiance" },
-  { src: "/properties/Musgrave/LivingRoom_Musgrave_Loafmarkets.jpg", title: "Living Room", subtitle: "Spacious living" },
-  { src: "/properties/Musgrave/Kitchen_Musgrave_Loafmarkets.jpg", title: "Kitchen", subtitle: "Modern design" },
-  { src: "/properties/Musgrave/DiningRoom_Musgrave_Loafmarkets.jpg", title: "Dining Room", subtitle: "Elegant dining" },
-  { src: "/properties/Musgrave/BreakfastRoom_Musgrave_Loafmarkets.jpg", title: "Breakfast Room", subtitle: "Morning light" },
-  { src: "/properties/Musgrave/MainBedroom_Musgrave_Loafmarkets.jpg", title: "Main Bedroom", subtitle: "Master suite" },
-  { src: "/properties/Musgrave/GuestBedroom_Musgrave_Loafmarkets.jpg", title: "Guest Bedroom", subtitle: "Comfortable stay" },
-  { src: "/properties/Musgrave/Bathroom_Musgrave_Loafmarkets.jpg", title: "Bathroom", subtitle: "Luxury finishes" },
-  { src: "/properties/Musgrave/PoolArea_Musgrave_Loafmarkets.jpg", title: "Pool Area", subtitle: "Resort living" },
-  { src: "/properties/Musgrave/GardenView_Musgrave_Loafmarkets.jpg", title: "Garden View", subtitle: "Lush gardens" },
-  { src: "/properties/Musgrave/SideGarden_Musgrave_Loafmarkets.jpg", title: "Side Garden", subtitle: "Private retreat" },
-  { src: "/properties/Musgrave/AerialView_Musgrave_Loafmarkets.jpg", title: "Aerial View", subtitle: "Property overview" },
-  { src: "/properties/Musgrave/AerialLocation_Musgrave_Loafmarkets.jpg", title: "Aerial Location", subtitle: "Neighborhood" },
-  { src: "/properties/Musgrave/Floorplan_Musgrave_Loafmarkets.jpg", title: "Floorplan", subtitle: "Layout" }
-];
-var galleryCategories = [
-  { name: "Exterior", startIndex: 0 },
-  { name: "Living", startIndex: 2 },
-  { name: "Bedrooms", startIndex: 6 },
-  { name: "Outdoor", startIndex: 9 },
-  { name: "Aerial", startIndex: 12 },
-  { name: "Floorplan", startIndex: 14 }
-];
-var STATUS_COLOR2 = {
-  PENDING: "#D4AF37",
-  LIVE: "#0ecb81",
-  CLOSED: "#848e9c",
-  CANCELLED: "#f6465d"
-};
+  &:hover {
+    background: rgba(246, 70, 93, 0.25);
+  }
+`;
 function PropertyBuy({
   propertyName = "Loaf Property",
   propertyLocation: propertyLocationLabel = "Sydney, NSW",
@@ -15107,7 +14684,6 @@ function PropertyBuy({
   const offeringValuation = saleData?.offeringValuation ?? tokenPrice * supplyToSell;
   const ipoStatus = saleData?.status ?? "PENDING";
   const ipoStarted = ipoStatus === "LIVE" || isPrivateClient && ipoStatus === "PENDING";
-  const ipoEnded = ipoStatus === "CLOSED" || ipoStatus === "CANCELLED";
   const statusLabel = ipoStatus;
   const statusColor = STATUS_COLOR2[ipoStatus] ?? "#D4AF37";
   const displayStatusLabel = isPrivateClient && ipoStatus !== "LIVE" ? "Private Client Access" : statusLabel;
@@ -15231,17 +14807,23 @@ function PropertyBuy({
           isPrivateClient
         }
       ),
-      /* @__PURE__ */ jsx(
-        VideoActivitySection,
+      /* @__PURE__ */ jsx(ActivityWrapper, { children: /* @__PURE__ */ jsx(
+        PortfolioActivityPanel,
         {
-          ipoStarted,
-          ipoEnded,
-          isLoading: isLoadingActivity,
-          recentOrders,
-          ordersAllocated,
-          tokenPrice
+          positions: portfolioActivity?.positions,
+          showPositionsTab: true,
+          onPositionClick: portfolioActivity?.onPositionClick,
+          offeringOrders: portfolioActivity?.offeringOrders,
+          openOrders: portfolioActivity?.openOrders,
+          orderHistory: portfolioActivity?.orderHistory,
+          tradeHistory: portfolioActivity?.tradeHistory,
+          transfers: portfolioActivity?.transfers,
+          onCancelOrder: portfolioActivity?.onCancelOrder,
+          cancellingOrderId: portfolioActivity?.cancellingOrderId,
+          defaultTab: "subscriptions",
+          pageSize: 6
         }
-      ),
+      ) }),
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ jsx(
           OrderPanel,
@@ -15281,24 +14863,22 @@ function PropertyBuy({
         purchaseError && /* @__PURE__ */ jsx("div", { style: { marginTop: "0.75rem", padding: "0.75rem 1rem", borderRadius: "8px", background: "rgba(246,70,93,0.1)", border: "1px solid rgba(246,70,93,0.3)", color: "#f6465d", fontSize: "0.8rem", fontWeight: 500 }, children: purchaseError })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs(NewsVideoRow, { children: [
       /* @__PURE__ */ jsx(
-        GalleryMapSection,
+        PropertyNewsUpdates,
         {
-          images: musgraveGalleryImages,
-          categories: galleryCategories,
-          propertyLocation: propertyLocationLabel,
-          tokenName
+          items: newsItems,
+          heading: "Property News & Updates",
+          connectionStatus: newsConnectionStatus
         }
       ),
-      /* @__PURE__ */ jsx(
-        NewsOrdersSection,
-        {
-          newsItems,
-          newsConnectionStatus,
-          activityData: portfolioActivity
-        }
-      )
+      /* @__PURE__ */ jsxs(VideoWrapper, { children: [
+        /* @__PURE__ */ jsx("div", { className: "section-header", children: /* @__PURE__ */ jsx("h3", { children: propertyName }) }),
+        /* @__PURE__ */ jsx("div", { className: "video-container", children: /* @__PURE__ */ jsxs("video", { controls: true, loop: true, autoPlay: true, muted: true, playsInline: true, children: [
+          /* @__PURE__ */ jsx("source", { src: "/properties/Musgrave/musgrave.mp4", type: "video/mp4" }),
+          "Your browser does not support the video tag."
+        ] }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsx(
       OrderConfirmationModal,
@@ -15389,6 +14969,85 @@ var HeroGrid = styled9.div`
     gap: 0.5rem;
   }
 `;
+var ActivityWrapper = styled9.div`
+  background-color: var(--color-card-darker, #111);
+  border-radius: 8px;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+  border: 1px solid var(--color-border);
+  min-height: 280px;
+  overflow: hidden;
+  @media (max-width: 768px) {
+    padding: 1rem;
+    min-height: auto;
+  }
+`;
+var NewsVideoRow = styled9.div`
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  gap: 1.5rem;
+  margin-top: 1.5rem;
+  max-width: 1800px;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+  }
+  & > * {
+    min-width: 0;
+    overflow: hidden;
+  }
+`;
+var VideoWrapper = styled9.div`
+  background-color: var(--color-card-darker, #111);
+  border-radius: 8px;
+  padding: 1.5rem;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+  border: 1px solid var(--color-border);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-bottom: 0.75rem;
+    margin-bottom: 1rem;
+    border-bottom: 1px solid rgba(255,255,255,0.1);
+    h3 {
+      font-size: 0.9rem;
+      font-weight: 600;
+      color: var(--color-text);
+      margin: 0;
+    }
+  }
+  .video-container {
+    flex: 1;
+    position: relative;
+    background: #000;
+    border-radius: 8px;
+    overflow: hidden;
+    min-height: 300px;
+    video {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+  @media (max-width: 768px) {
+    padding: 1rem;
+    .video-container {
+      min-height: 200px;
+    }
+  }
+`;
 var PaymentOption = styled9.div`
   display: flex;
   align-items: center;
@@ -16378,7 +16037,7 @@ function PropertyValuation({
           /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
             /* @__PURE__ */ jsxs(PricingModelDetail, { children: [
               /* @__PURE__ */ jsx(PropertyDetailLabel, { children: "Last Price" }),
-              /* @__PURE__ */ jsx(PricingDetailValue, { children: formatCurrency6(lastPrice) })
+              /* @__PURE__ */ jsx(PricingDetailValue, { children: formatCurrency5(lastPrice) })
             ] }),
             /* @__PURE__ */ jsxs(PricingModelDetail, { children: [
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%" }, children: [
@@ -16389,11 +16048,11 @@ function PropertyValuation({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(PricingDetailValue, { style: { color: "var(--color-accent)", fontWeight: "bold" }, children: [
-                formatCurrency6(fairValue),
+                formatCurrency5(fairValue),
                 " ",
                 /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.85em", fontWeight: "normal", opacity: 0.8 }, children: [
                   "(",
-                  formatCurrency6(fairValue * tokensOutstanding, { maximumFractionDigits: 0 }),
+                  formatCurrency5(fairValue * tokensOutstanding, { maximumFractionDigits: 0 }),
                   ")"
                 ] })
               ] })
@@ -16410,7 +16069,7 @@ function PropertyValuation({
               /* @__PURE__ */ jsx(GaugeIndicator, { type: "fairValue", position: 50 }),
               /* @__PURE__ */ jsxs(GaugePriceTag, { position: gaugePosition, children: [
                 /* @__PURE__ */ jsx("span", { children: "Last Price" }),
-                /* @__PURE__ */ jsx("span", { children: formatCurrency6(lastPrice) })
+                /* @__PURE__ */ jsx("span", { children: formatCurrency5(lastPrice) })
               ] }),
               /* @__PURE__ */ jsx(GaugeIndicator, { type: "lastPrice", position: gaugePosition })
             ] }),
@@ -16418,7 +16077,7 @@ function PropertyValuation({
               /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "#4CAF50" }, children: [
                 /* @__PURE__ */ jsxs("span", { children: [
                   "< ",
-                  formatCurrency6(undervaluedThreshold)
+                  formatCurrency5(undervaluedThreshold)
                 ] }),
                 /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
@@ -16427,7 +16086,7 @@ function PropertyValuation({
                 ] })
               ] }) }),
               /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "var(--color-accent)" }, children: [
-                /* @__PURE__ */ jsx("span", { children: formatCurrency6(fairValue) }),
+                /* @__PURE__ */ jsx("span", { children: formatCurrency5(fairValue) }),
                 /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
                   formatMillions(fairValue * tokensOutstanding),
@@ -16437,7 +16096,7 @@ function PropertyValuation({
               /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "#F44336" }, children: [
                 /* @__PURE__ */ jsxs("span", { children: [
                   "> ",
-                  formatCurrency6(overvaluedThreshold)
+                  formatCurrency5(overvaluedThreshold)
                 ] }),
                 /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
@@ -16530,7 +16189,7 @@ function PropertyValuation({
             /* @__PURE__ */ jsx(GaugeIndicator, { type: "fairValue", position: 50 }),
             /* @__PURE__ */ jsxs(GaugePriceTag, { position: gaugePosition, children: [
               /* @__PURE__ */ jsx("span", { children: "Last Price" }),
-              /* @__PURE__ */ jsx("span", { children: formatCurrency6(lastPrice) })
+              /* @__PURE__ */ jsx("span", { children: formatCurrency5(lastPrice) })
             ] }),
             /* @__PURE__ */ jsx(GaugeIndicator, { type: "lastPrice", position: gaugePosition })
           ] }),
@@ -16538,7 +16197,7 @@ function PropertyValuation({
             /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "#0ecb81" }, children: [
               /* @__PURE__ */ jsxs("span", { children: [
                 "< ",
-                formatCurrency6(undervaluedThreshold)
+                formatCurrency5(undervaluedThreshold)
               ] }),
               /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                 "(",
@@ -16547,7 +16206,7 @@ function PropertyValuation({
               ] })
             ] }) }),
             /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "#f0b90b" }, children: [
-              /* @__PURE__ */ jsx("span", { children: formatCurrency6(fairValue) }),
+              /* @__PURE__ */ jsx("span", { children: formatCurrency5(fairValue) }),
               /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                 "(",
                 formatMillions(fairValue * tokensOutstanding),
@@ -16557,7 +16216,7 @@ function PropertyValuation({
             /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "#f6465d" }, children: [
               /* @__PURE__ */ jsxs("span", { children: [
                 "> ",
-                formatCurrency6(overvaluedThreshold)
+                formatCurrency5(overvaluedThreshold)
               ] }),
               /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                 "(",
@@ -16600,7 +16259,7 @@ function PropertyValuation({
         /* @__PURE__ */ jsxs(SalePriceBar, { children: [
           /* @__PURE__ */ jsxs(SalePriceLeft, { children: [
             /* @__PURE__ */ jsx(SalePriceLabel, { children: "Sale Price" }),
-            /* @__PURE__ */ jsx(SalePriceAmount, { children: formatCurrency6(sale.price) })
+            /* @__PURE__ */ jsx(SalePriceAmount, { children: formatCurrency5(sale.price) })
           ] }),
           /* @__PURE__ */ jsx(SaleDate, { children: sale.saleDate ?? "\u2014" })
         ] }),
@@ -16627,7 +16286,7 @@ function PropertyValuation({
     error ? /* @__PURE__ */ jsx(ErrorMessage, { children: error }) : null
   ] });
 }
-function formatCurrency6(value, options) {
+function formatCurrency5(value, options) {
   if (value == null || Number.isNaN(value)) {
     return "\u2014";
   }
@@ -16701,7 +16360,7 @@ function buildAxisLabels(min, max) {
   for (let i = 0; i < steps; i += 1) {
     const ratio = i / (steps - 1);
     const value = max - ratio * (max - min);
-    labels.push(formatCurrency6(value, { maximumFractionDigits: 0, minimumFractionDigits: 0 }));
+    labels.push(formatCurrency5(value, { maximumFractionDigits: 0, minimumFractionDigits: 0 }));
   }
   return labels;
 }